@charset "utf-8";

body {margin:0; padding:0;}
.mainwrap { position: relative; width: 1694px !important; max-width: 90%; margin: 0 auto; }

body, html { margin: 0; padding: 0; height: 100%; }
#header {background-image:url('/img/main/header_Bbg_main.png') !important;}
section { position: relative; }
section .contTitle {display:block; position:relative; width:100%; font-size:var(--font-size-sub-title); padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--big-lightgrey-color);}
section .contTitle>p {font-size:var(--font-size-sub-title);}
section .contTitle>p>a {position:absolute; right:0;}
section .contTitle>p .subcomm {margin-left:15px; font-size:var(--font-size-sm); font-weight:var(--font-weight300); color:var(--lightgrey-color);}
section .contTitle .txtlink {position:absolute; right:0 !important; top:0 !important;}
section .contTitle .txtlink>a {position:relative; font-weight:var(--font-weight300); padding-left:13px;}
section .contTitle .txtlink>a::before {position:absolute; left:5px; top:3px; width:1px; height:15px; background:var(--big-lightgrey-color); content:'';}
section .contTitle .txtlink>a:first-child::before {display:none;}
section .contTitle .tabmenu>ul {display:flex; position:relative; margin-top:20px; width:100%;}
section .contTitle .tabmenu>ul>li {margin-right:5px;}
section .contTitle .tabmenu>ul>li>a {display:block; padding:3px 10px; border:1px solid #d0d0d0; font-size:var(--font-size-bsm); border-radius:25px; transition:.34s all;}
section .contTitle .tabmenu>ul>li>a.active, section .contTitle .tabmenu>ul>li>a:hover {background:var(--black-color); color:var(--white-color); border:1px solid #000;}
.mainNewsGroup {display:flex; justify-content:start; align-items:start; width:100%; margin-bottom:54px;}
.mainNewsGroup .gridL{width:73%;}
.mainNewsGroup .gridR{width:calc(100% - 73%);}
.headline_main {display:block; margin-bottom:-40px;}
.headline_main .title {display:-webkit-box; overflow:hidden; width:100%; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:var(--font-size-main-title); margin-bottom:25px;}
.headline_main .headline .photo {display:block; width:415px; height:231px; border-radius:13px; box-shadow:0 5px 10px rgba(0,0,0,.19);}
.headline_main .headline .photo .img {width:100%; height:100%;}
.headline_main .headline {display:flex;}
.headline_main .headline .txtcon{display:block; overflow:hidden; position:relative; margin-right:55px; width:calc(100% - 50%); line-height:150%; height:128px;}
.headline_main .headline .txtcon::after {position:absolute; bottom:0; left:0; width:100%; height:1px; background: var(--big-lightgrey-color); content:'';}
.headline_main .headline .txtcon>p{ line-height:150%; color:var(--lightgrey-color); font-size:var(--font-size-nor);}
.headline_main .headline .txtcon>p>a{display:block;}
.headline_main .headline_sub {margin-top:-75px; width:50%;}
.headline_main .headline_sub p {position:relative; padding-left:15px; line-height:250%;}
.headline_main .headline_sub p::before {position:absolute; left:0; top:16px; width:4px; height:4px; background:var(--black-color); content:'';}
.headline_main .headline_sub p a {opacity:var(--opacity-down);}
.headline_main .headline_sub p a:hover {opacity:1;}
.headline_main .link_all {position:absolute; right:53%; top:70%;}
.opinionList {display:block; width:100%; }
.opinionList>ul>li {padding-bottom:10px; margin-bottom:4px; border-bottom:1px solid var(--big-lightgrey-color);}
.opinionList>ul>li a {display : -webkit-box; overflow:hidden; text-overflow : ellipsis; -webkit-line-clamp : 2; -webkit-box-orient : horizontal; height:48px;}
.opinionList>ul>li .cont{margin-left:8px;}
.buildingNews {border-bottom:1px solid var(--mediumgrey-color) !important;}
.buildingNews .contTitle{margin-bottom:0; border-bottom-color:var(--mediumgrey-color) !important;}
.buildingNews .buildingList{display:block; justify-content:start; align-content:start; overflow:hidden;}
.buildingNews .buildingList .listgrid{display:inline-block; position:relative; width:49.5%; padding:17px 25px 17px;}
.buildingNews .buildingList .listgrid::before {position:absolute; right:0; top:5px; width:1px; height:100%; content:''; background:var(--big-lightgrey-color);}
.buildingNews .buildingList .listgrid>div::after {position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:var(--big-lightgrey-color);}
.buildingNews .buildingList .listgrid:nth-child(1),
.buildingNews .buildingList .listgrid:nth-child(3),
.buildingNews .buildingList .listgrid:nth-child(5){padding-left:0;}
.buildingNews .buildingList .listgrid:nth-child(2),
.buildingNews .buildingList .listgrid:nth-child(4),
.buildingNews .buildingList .listgrid:nth-child(6) {padding-right:0;}
.buildingNews .buildingList .listgrid:nth-child(2)::before,
.buildingNews .buildingList .listgrid:nth-child(4)::before,
.buildingNews .buildingList .listgrid:nth-child(6)::before{display:none;}
.buildingNews .buildingList .listgrid:nth-child(2)>div::after,
.buildingNews .buildingList .listgrid:nth-child(4)>div::after{width:100%;}
.buildingNews .buildingList .listgrid:nth-child(5)>div::after,
.buildingNews .buildingList .listgrid:nth-child(6)>div::after{display:none;}
.buildingNews .buildingList .listBx .stag {font-weight:var(--font-weight300);}
.buildingNews .buildingList .listBx .stag.tagBg1 {margin:0; border:1px solid var(--tag4-color);}
.buildingNews .buildingList .listBx .stag.tagBg1>span {color:var(--tag4-color);}
.buildingNews .buildingList .listBx .stag.tagBg2 {margin:0; border:1px solid var(--tag5-color);}
.buildingNews .buildingList .listBx .stag.tagBg2>span {color:var(--tag5-color);}
.buildingNews .buildingList .listBx .stag.tagBg3 {margin:0; border:1px solid var(--tag2-color);}
.buildingNews .buildingList .listBx .stag.tagBg3>span {color:var(--tag2-color);}
.buildingNews .listnews>a {display:flex; min-height:109px; margin-top:13px;}
.buildingNews .listnews .text{display:block; width:70%; margin-right:25px;}
.buildingNews .listnews .text>p {color:var(--lightgrey-color);}
.buildingNews .listnews a:hover .text>p {color:var(--lightgrey-color);}
.buildingNews .listnews .text .title{margin-bottom:20px; font-size:var(--font-size-snor); color:var(--black-color);}
.buildingNews .listnews .photo{width:101px; height:97px; line-height:97px; border-radius:13px;}
.buildingNews .listnews .photo img {width:100%; height:100%;}
.cultureTimes>ul {min-height:199px;}
.cultureTimes li {display:block;}
.cultureTimes a {display:flex; justify-content:flex-start; align-content:start; max-height:114px; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid var(--big-lightgrey-color);}
.cultureTimes a .cont {width:60%; margin-right:35px;}
.cultureTimes a .cont .nametag{padding-bottom:16px;}
.cultureTimes a .photo{overflow:hidden; width:74px; height:74px; border-radius:100%;}
.cultureTimes a .photo img {position:absolute; left:0; width:100%; height:100%;}
.rollingPzone .swiper{height:150px; padding-top:35px;}
.rollingPzone .swiper-slide {height:104px;}
.projectNews, .paperNews {overflow:hidden; padding:41px 41px 26px; max-height:497px; background-color:#f8f8f8; border:1px solid #d0d0d0;}
.projectNews .projectMainNews {display:flex; padding-bottom:46px; border-bottom:1px solid #ddd;}
.projectNews .projectMainNews .contentsText{width:calc((100% - 1.5rem) / 2); gap:2rem; padding-right:45px;}
.projectNews .projectMainNews .contentsText>.title{display:none; position:relative; border-bottom:2px solid var(--black-color); padding-bottom:15px; margin-bottom:10px; line-height:160%; font-size:var(--font-size-sub-title);}
.projectNews .projectMainNews .contentsText>.title .projectLogo img{position:absolute; right:0; width:79px; height:36px;}
.projectNews .contentsStxt {overflow:hidden; width:100%; max-height:327px;}
.projectNews .contentsStxt .title {margin-bottom:25px; line-height:150%; font-size:var(--font-size-medium); width:77%;}
.projectNews .contentsStxt .subtit {font-size:var(--font-size-nor); line-height:140%; font-weight:var(--font-weight600); margin-bottom:7px;}
.projectNews .contentsStxt .contxt {line-height:140%; font-size:var(--font-size-sm); color:var(--lightgrey-color);}
.projectNews .projectMainNews .photo {flex-wrap:wrap; width:50%; height:251px; line-height:251px; border-radius:13px; crop:rect(35px, 35px, 35px, 35px);}
.projectNews .projectMainNews .photo img {object-fit:cover; object-position:center; width:100%; height:100%; text-align:center; justify-items:center; align-items:center; align-content:center;}
.projectNews .projectMainNews .photo.noimg img {width:136px !important;}
.projectNews .swiper .swiper-pagination-bullet{width:12px; height:12px; background-color:var(--big-lightgrey-color); border:1px solid var(--mediumgrey-color);}
.projectNews .swiper .swiper-pagination-bullet-active{background-color:var(--main-color); border:1px solid var(--main-color);}
.projectNews .swiper .swiper-pagination{position:absolute; bottom:18px; left:0; text-align:left; padding-bottom:0;}
.projectNews .subNewsBx {display:flex; justify-content:start; align-content:start; padding-top:25px;}
.projectNews .subNewsBx>div {width:50%;}
.projectNews .subNewsBx>div:first-child {position:relative; padding-right:25px;}
.projectNews .subNewsBx>div:last-child {padding-left:25px;}
.projectNews .subNewsBx>div:first-child::before {position:absolute; right:0; top:0; width:1px; height:100%; background:#ddd; content:'';}
.projectNews .subNewsBx>div>a {display:flex;}
.projectNews .subNewsBx>div>a .newscon {width:75%; padding-right:15px;}
.projectNews .subNewsBx>div>a .newscon .title{margin-bottom:15px; font-size:var(--font-size-snor);}
.projectNews .subNewsBx>div>a .photo{width:101px; height:97px; line-height:97px; border-radius:13px;}
.projectNews .subNewsBx>div>a .photo img {width:100%; height:100%; align-content:center; justify-content:center; vertical-align:middle;}
.paperNews {text-align:center; height:100%;}
.paperNews .paperImg {display:block; overflow:hidden; position:relative; margin-bottom:25px; width:100%; height:302px; background-color:#e0e0e0; border:1px solid #d0d0d0; box-shadow:0 6px 0px rgba(0,0,0,.06);}
.paperNews .paperImg::before {position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url('/img/main/paperNews_bg.png') repeat-y left top; z-index:var(--z-index);}
.paperNews .paperImg .innerimage {display:block; overflow:hidden; width:100%; height:100%; background:url('/img/inc/noimg_m.png') no-repeat center; background-size:auto;}
.paperNews .paperImg .innerimage img {width:100%; height:100%;}
.paperNews .date {margin:15px auto; }
.paperNews .date>p {font-weight:bold;}
.paperNews .btn_download {margin:15px auto;}
.paperNews .btn_download a {padding:5px 15px 5px 15px;}
.paperNews .btn_download a .ic_down {padding-right:25px; width:15px; height:12px; background:url('/img/inc/ic_download.png') no-repeat right center;}
.fieldNews {display:flex; width:100%; padding:25px 0 0;}
.fieldNews>a {position:relative; width:25%; margin:0; padding-right:38px; padding-bottom:21px;}
.fieldNews>a .tag {position:absolute; left:0; top:0; width:49px; height:30px; z-index:var(--z-index);}
.fieldNews>a .tag p {color:#fff;}
.fieldNews a:hover .cont {color:var(--black-color);}
.fieldNews .cont {margin-top:15px; color:var(--lightgrey-color); line-height:130%;}
.fieldNews .photo {margin-bottom:20px; width:185px; height:129px; line-height:129px; border-radius:13px;}
.fieldNews .photo img {width:100%; height:100%; }
.fieldNews .tag.item1 {background:var(--tag1-color);color:var(--black-color) !important;}
.fieldNews .tag.item1 p {color:var(--black-color) !important;}
.fieldNews .tag.item2 {background:var(--tag2-color);}
.fieldNews .tag.item3 {background:var(--tag3-color);}
.fieldNews .tag.item4 {background:var(--tag4-color);}
.fieldNews .tag.item5 {background:var(--tag5-color);}
.fieldNews .tag.item6 {background:var(--tag6-color);}
.rawUpdate {min-height:258px;}
.rawUpdate ul>li {position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid var(--big-lightgrey-color);}
.rawUpdate .title {margin-bottom:5px; font-size:var(--font-size-nor);}
.rawUpdate .txt span {margin-right:7px; color:var(--lightgrey-color); font-size:var(--font-size-bsm);}
.mainCardNews {position:relative; width:100%;}
.mainCardNews .img {overflow:hidden; border-radius:13px;}
.mainCardNews .cardNews2 {margin:0;}
.mainCardNews .cardNews2 .swiper-pagination-bullet { width: 24px; height: 24px; text-align: center; line-height: 24px; font-size: 12px; color: #000; opacity: 1; background-color:transparent; }
.mainCardNews .cardNews2 .swiper-pagination-bullet-active { color: #fff; background: #000; }
.mainCardNews .cardNews {position:absolute; right:-15px; bottom:0; width: 42%; box-sizing: border-box; padding: 10px 0; }
.mainCardNews .cardNews .swiper-slide {margin:0; opacity: 0.4;}
.mainCardNews .cardNews .swiper-slide img {display: block; object-fit: cover;}
.mainCardNews .cardNews .swiper-slide-thumb-active {opacity: 1;}
.mainCardNews .cardNewsMain {display:block; overflow:hidden; position:relative; left:0; bottom:0; text-align:left; width:58%;}
.mainCardNews .cardNewsMain>a {display:flex; width:100%; height:199px;}
.mainCardNews .cardNewsMain .img {width:266px; height:199px;}
.mainCardNews .cardNewsMain .contxt {margin-left:24px; width:60%;}
.mainCardNews .cardNewsMain .contxt>p {margin-bottom:15px;}
.mainCardNews .cardNewsMain .contxt .title {font-size:var(--font-size-nor);}
.mainCardNews .cardNewsMain .contxt .txt {color:var(--lightgrey-color);}
.mainCardNews .cardNewsMain>a:hover .contxt .txt {color:var(--black-color);}
.mainCardNews .cardNewsThumbs .img {width:96px; height:96px;}
.mainCardNews .cardNewsMain .img img,
.mainCardNews .cardNewsThumbs .img img {width:100%; height:100%;}
/*top popup*/
.topPopup_contents {position:relative; text-align:center;}
.topPopup_contents p {color:var(--white-color);}
.topPopup_contents .swiper-slide .text {opacity:var(--opacity-down);}
.topPopup_contents .commTxt {display:block; position:relative; overflow:hidden; padding-block:5px; background:var(--black-color)}
.topPopup_contents .commTxt .txtYcol {color:var(--yellow-color);}
.popup {position: relative; left: 0; right: 0; height:216px; z-index:var(--z-index-absolute);}
.popup .show {display:block; overflow:hidden; position:relative; top: 0; height:216px; background-size:cover;}
.show.popup241122 {background:url('/img/main/toppopup241122.jpg') no-repeat center bottom; background-size:cover;}
button {position:relative; width:100%; height:25px; border: none; cursor: pointer; }
button i{}
button:before {position:absolute; left:auto; top:0; width:50px; height:25px; content:''; background-repeat:no-repeat; background-position:center;}
button.ic_up:before {background-image:url('/img/main/toppopup_ic_arw_up.png');}
button.ic_down:before {background-image:url('/img/main/toppopup_ic_arw_down.png');}
/* 팝업 컨테이너 */
/*.popup { position: fixed; top: -120px; left: 0; right: 0; z-index:var(--z-index-absolute);*//* transition: top 0.5s cubic-bezier(0.25, 1, 0.5, 1);*//*}*/
/* 팝업 내부 콘텐츠 */
/*.popup-content {opacity: 0; transform: translateY(231px); transition: opacity 0.4s ease, transform 0.4s ease; padding-block:20px; color: #fff; text-align: center; z-index: var(--z-index-absolute); }*/
/* 팝업이 보일 때 */
/*.popup.show {top: -42px; height:306px;}
.popup.show.popup241122 {width:100%; height:256px; background:url('/img/main/toppopup241122.jpg') no-repeat left bottom;}
.popup.show .popup-content {opacity: 1; transform: translateY(231px);}*/
/* 버튼 스타일 */
/*button {position:relative; width:100%; height:25px; border: none; cursor: pointer; }
button i{font-size:0; margin:0; padding:0;}
button i:before {position:absolute; left:auto; top:auto; width:50px; height:25px; content:''; background-repeat:no-repeat; background-position:center;}
button .ic_up:before {background-image:url('/img/main/toppopup_ic_arw_up.png'); top:5px;}
button .ic_down:before {background-image:url('/img/main/toppopup_ic_arw_down.png');}
button:hover {}*/

/*.popup {display:block; position: relative; top:auto; left: 0; width: 100%; height:100%; z-index: var(--z-index-absolute);*/ /* 초기 상태: 화면 밖 */ /*transform: translateY(-100%); transition: transform 0.5s ease-in-out; }
.popup.open {transform: translateY(0); }
#close-btn {display:block; position: absolute; top:0; width:100%; background:var(--black-color); cursor: pointer; }
#close-btn .btn_close{width:50px; height:28px;}
.popup_img {display:block; position:relative; overflow:hidden; width:100%; height:100%; }
.popup241122 {background:url('/img/main/toppopup241122.jpg') no-repeat center bottom;}*/
/*only PC ver.*/
@media screen and (max-width:1600px) {
	.popup {height:256px;}
	.popup .show {height:256px;}
}
@media screen and (max-width:1024px) {
	.headline_main .headline .txtcon {margin-right:35px; width:calc(100% - 200px); }
	.headline_main .headline .txtcon::after {display:none;}
	.headline_main .link_all {right:auto; left:0; top:70%;}
	.headline_main .headline_sub {width:calc(100% - 280px);}
	.mainCardNews .cardNewsMain {display:block; width:100%;}
	.mainCardNews .cardNewsMain>a {width:100%;}
	.mainCardNews .swiper-pagination {left:0; text-align:right;}
	.mainCardNews .swiper-slide {margin-right:0 !important;}
	.mainCardNews .cardNewsMain .contxt {margin:auto; padding-left:35px;}
	.popup {height:280px;}
	.popup .show {height:280px;}
	.show.popup241122 {background:url('/img/main/toppopup241122_mb.jpg') no-repeat center top; background-size:cover;}

}	
@media screen and (min-width:901px) {
	
}

/*only MOBILE ver.*/
@media screen and (max-width:640px) {
	section .contTitle>p>a {top:0;}
	.mainNewsGroup {display:block;}
	.mainNewsGroup .gridL, .mainNewsGroup .gridR {width:100%; margin-bottom:30px; padding:0;}
	.mainNewsGroup .contxt {margin-bottom:30px;}
	.headline_main {margin-bottom:50px;}
	.headline_main .headline_sub {margin-top:-105px; margin-bottom:55px;}
	.headline_main .link_all {display:block; position:relative; top:auto; bottom:0; margin-top:10px;}
	.headline_main .link_all .btn_more {display:block; width:100%; text-align:center; padding:5px;}
	.buildingNews .buildingList, .buildingNews .listnews>a, .buildingNews .listnews .text {display:block;}
	.buildingNews .listnews .text {display:block; width:100%; margin-right:0;}
	.buildingNews .listnews .photo {margin:15px auto; width:100%;}
	.buildingNews .listnews .photo img {width:100%; height:auto;}
	.cultureTimes a .cont {padding-right:24px; width:calc(100% - 80px);}
	.cultureTimes a .photo {width:80px; line-height:100%;}
	.rollingPzone .swiper{height:100%; padding-top:55px;}
	.rollingPzone .swiper-slide {height:auto;}
	.projectNews, .paperNews {overflow:visible; max-height:100%;}
	.projectNews .projectMainNews {display:block;}
	.projectNews .projectMainNews .contentsText {width:100%; padding-right:0;}
	.projectNews .projectMainNews .photo {height:250px; line-height:250px;}
	.projectNews .projectMainNews .photo, .projectNews .projectMainNews .photo img {width:100%;}
	.projectNews .subNewsBx>div>a {display:block;}
	.projectNews .subNewsBx>div>a .newscon {width:100%; padding:0 0 15px 0;}
	.projectNews .subNewsBx>div>a .photo {width:100%;}
	.projectNews, .paperNews {overflow:hidden; padding:25px 25px 26px;}
	.paperNews .paperImg {margin:25px auto; width:100%; max-width:238px;}
	.fieldNews {display:block; margin:0 auto; padding:0; width:100%;}
	.fieldNews>a {overflow:hidden; width:100%; padding-right:0; padding-bottom:0;}
	.fieldNews>a .field {margin-bottom:23px;}
	.fieldNews .photo {border-radius:25px;}
	.fieldNews .photo {width:100%; height:180px;}
	.fieldNews .photo img {width:100%; height:auto;}
	.fixpopup img {width:100%;}
}

@media screen and (max-width:480px) {
	.headline_main .headline {display:block;}
	.headline_main .headline .photo {width:100%;}
	.headline_main .headline .txtcon {margin-right:0; margin-bottom:25px; width:100%; height:100%;}
	.headline_main .headline_sub {margin-top:20px; margin-bottom:0; width:100%;}
	section .contTitle>p .subcomm {display:block; margin-top:7px; margin-left:0;}
	.buildingNews .listnews .photo {height:180px; line-height:250px;}
	.buildingNews .buildingList .listgrid {display:block; width:100%; padding:17px 0;}
	.buildingNews .buildingList .listgrid::before {display:none;}
	.projectNews .contentsStxt {max-height:213px}
	.projectNews .contentsStxt .title {width:100%; height:70px;}
	.projectNews .contentsStxt .title.txt-webkitbox {-webkit-line-clamp:2}
	.projectNews .projectMainNews {min-height:512px;}
	.projectNews .projectMainNews .contentsText>.title {font-size:var(--font-size-snor);}
	.projectNews .projectMainNews .contentsText>.title .projectLogo {display:none;}
	.projectNews .swiper .swiper-pagination {bottom:16px;}
	.paperNews .paperImg {width:100%; height:350px;}
	.fieldNews {width:100%;}
	.fieldNews .photo {height:100px; line-height:100px;}
}