@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------
File : content-layout.css
CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
-------------------------------------------------------------------------------------------------------------*/
/*접근성 수정*/
#ShareUrl{visibility: hidden;}


/*콘텐츠 공통*/
.content-info-set{margin-top:7.3rem;}
.content-info-set h1{margin-bottom:5.3rem; font-size:4rem; font-weight:300; letter-spacing:-0.25rem; line-height:4.5rem;}
.content-info-set h1.green{color:#333 !important;}
.content-info-set h1:lang(en){font-size:3rem;}
.content-info-set h1:lang(en){letter-spacing: 0; font-weight: 400; line-height:1.2em;margin-bottom:5.3rem; }
.content-info-set h1.lag-50{font-size:5rem;}
.content-info-set p{font-size:1.8rem; font-weight:400; margin-bottom:3.2rem; word-break: keep-all; line-height:3.2rem; color:#333; }
.content-info-set p.hiddne{line-height:0; font-size:0; margin-bottom:0;position: absolute;}
.content-info-set p:lang(en){font-size:1.8rem; font-weight:200; margin-bottom:3.2rem; word-break: keep-all; line-height:3.2rem; color:#333; }


/*뉴스 meta icon*/
.social-box{position:relative; display:flex; align-items: center; }
.social-box a,
.social-box button{display:flex; align-items: center; margin-right:2rem; font-size: 1.2rem;font-family:"Roboto"; color:#333; }
.social-box a span,
.social-box button span{font-size:1.2rem;}
.social-box a:last-child,
.social-box button:last-child{margin-right:0;}
.social-box a i,
.social-box button i{margin-right:0.5rem;}
.social-box button i:before,
.social-box a i:before{content:"";  background-size:contain;width:2.2rem; height:2.2rem;display:block;  background-position:center; background-repeat:no-repeat}
.favorite::before{background-image:url(https://www.hdec.kr/common/img/favorite.svg); }
.btn-like.on i::before{background-image:url(https://www.hdec.kr/common/img/favorite-on.svg); }
.print::before{background-image:url(https://www.hdec.kr/common/img/print.svg); }
.link::before{background-image:url(https://www.hdec.kr/common/img/link.svg);}
.share::before{background-image:url(https://www.hdec.kr/common/img/share.svg);  }


/*시스템 박스*/
.content-all-box{position:relative; background-color:#f8f8f8; width:100%; height:50rem; display:flex; justify-content: center; align-items: center;}



/*검색 영역*/
.search-warp .search-inner{height:100%;}
.search-warp i.del,
.search-warp i.search{width:2.9rem; height:2.9rem; }
.search-input{width:110rem; margin:0 auto;}
.search-tab{margin-bottom:15rem;}


/*박스 태그*/
.box-tag{width:77rem; display:flex; flex-wrap: wrap; }
.box-tag a{height:3.8rem; background-color:#fff; margin-right:1rem; color:#333; display:inline-flex; align-items: center; padding-left:2rem;padding-right:2rem; border:1px solid #999; border-radius:1rem; margin-bottom:1.5rem; }

.box-tag a:last-child{margin-right:0;}
.box-tag a:hover,
.box-tag a.on{color:#01A251; background-color:#fff; border:1px solid #01A251; }
.box-tag .main_outline a:focus-visible{outline:2px solid #fff;}

/*콘텐츠 스타일 1(타이틀, 콘테츠, 그림)*/
.content-style1{position:relative; width:110rem; margin:0 auto;}



/*안내 텍스트*/
.meeting-info{position:relative; display:flex; }
.meeting-info dl{position:relative; display:flex; align-items: center; line-height:1em;}
.meeting-info dl::after{content:""; width:1px; height:1rem; background-color:#ccc; display:inline-block; margin-left:1rem; margin-right:1rem; }
.meeting-info dl:last-child::after{content:none;}
.meeting-info dl dt{font-size:1.5rem; }
.meeting-info dl dd{font-size:1.5rem; }
.meeting-info dl dt,
.meeting-info dl dd{color:#333; }
.meeting-info dl.green dt,
.meeting-info dl.green dd{color:#01A251;}
.meeting-info dl.green dd {font-weight:700;}
.meeting-info dl.green dd em{font-weight:400; font-size:1.4rem;}

.meeting-info02{position:relative; display:flex; }
.meeting-info02 dl{position:relative; display:flex; align-items: center; line-height:1em;}
.meeting-info02 dl::after{content:""; width:1px; height:1rem; background-color:#ccc; display:inline-block; margin-left:1rem; margin-right:1rem; }
.meeting-info02 dl:last-child::after{content:none;}
.meeting-info02 dl dt{font-size:1.5rem; }
.meeting-info02 dl dd{font-size:1.5rem; }
.meeting-info02 dl dt,
.meeting-info02 dl dd{color:#333; }
.meeting-info02 dl.green dt,
.meeting-info02 dl.green dd{color:#01A251;}
.meeting-info02 dl.green dd {font-weight:700;}
.meeting-info02 dl.green dd em{font-weight:400; font-size:1.4rem;}

/*콘텐츠 스타일 2*/

.content-style2{margin-bottom:5.5rem; background-color:#fff;}
.content-style2 .news-title-set{padding-top:5rem; }
.content-style2 .news-title-set h1{font-size:4rem; letter-spacing:-0.25rem; font-weight:200; margin-bottom:3.7rem;line-height:4.5rem; }
.content-style2 .news-meta-box{position:relative; height:5.5rem; margin-bottom:1rem; display:flex; justify-content: space-between; align-items: center;}
.content-style2 .news-meta-box .date{display:flex; }
.content-style2 .news-meta-box .date span{font-size:1.2rem; color:#666; height: 1.1rem; }
.content-style2 .news-meta-box .date span:first-child::after{content:""; width:1px; height:1rem; background-color:#cfcfcf; display:inline-block; margin-left:1rem; margin-right:1rem; }
.sidebox-left{ left:0px;   transition: all 0.5s ease-in-out;/* right:-2.4rem; */position: absolute; z-index: 2; display:block; width: 4.4rem;    height: 4.2rem;top:3rem;   }
.sidebox-left:focus{}
.lnb_off .sidebox-left{left:0px;}
.sidebox-left.on{left:270px; transition: all 0.5s ease-in-out;}
/*.lnb_off .sidebox-left::before{content:""; width:1px; height:20rem; position:absolute; left:1.9rem; top:0; background-color:#e4e4e4;}*/
.mar-t100 .sidebox-left::before{content:none;}
.sidebox-left .news-btn-img{ z-index:2; background-image: url(../img/List_off.png); width:44px; height:42px; display:block; }
.sidebox-left .news-btn-on{background-image: url(../img/List_on.png) !important; }
.download-box{display:flex; flex-wrap: wrap;}
.download-box a{background-color: #fff;}

.content-style1 .view-contents-box{margin-bottom:4rem; } 
.content-style1 .view-contents-box h1{margin-bottom:2rem;}
.content-style1 .view-contents-box .news-meta-box{ margin-bottom:1rem; display:flex; justify-content: space-between; align-items: center;}
.content-style1 .view-contents-box .news-meta-box .date span{font-size:1.2rem; color:#666; height: 1.1rem; line-height:1rem;}
.content-style1 .view-contents-box .news-meta-box .date span:first-child::after{content:""; width:1px; height:1rem; background-color:#cfcfcf; display:inline-block; margin-left:1rem; margin-right:1rem; }
.content-style1 .news-contens-view{ margin-bottom:10rem;}
.content-style1 .news-contens-view .editor-box{width:100%;}
.news-contens-view .box-tag{width:100%; margin-top:6rem;}
.news-contens-view .download-box{ margin-top:6rem; column-gap: 1rem;}


/*제목과 도트 리스트 콘텐츠*/
.dott-list{margin-bottom:6rem; margin-top:1.9rem;}
.dott-list li{display:flex; align-items:start ;line-height:3.2rem; color:#333;}
.dott-list li span{display:block; font-size:1.8rem; color:#333; letter-spacing: -0.1rem; line-height:3.2rem; width:100%;word-break: initial; }
.dott-list li.w-none span{width:auto; min-width:2.5rem !important;}
.dott-list li::before{content:"·"; display:block; font-size:1.8rem; color:#333;line-height:3.2rem; margin-right:0.5rem;}
.dott-list li .orderList{width:100%;}
.dott-list li .orderList li::before{content:none;}
.dott-list li.reset{display:block; }
.dott-list li.reset::before{content:none;}
.dott-list.flex-list-box{/*display:flex; flex-direction: column; flex-wrap: wrap; */}
.dott-list.flex-list-box.h22{max-height:22rem; column-width: 50rem; column-gap: 2.5rem;}
.dott-list.flex-list-box.h22:lang(en){max-height:49rem; column-width: 50rem; column-gap: 2.5rem;}
/*영문*/
.dott-list li span:lang(en){font-weight:200; letter-spacing: normal;}


/*제목과 도트 리스트 콘텐츠*/
.dott-list2{margin-bottom:0rem; margin-top:0rem;}
.dott-list2 li{display:flex; align-items:start ;line-height:3.2rem; color:#333;}
.dott-list2 li span{display:block; font-size:1.8rem; color:#333; letter-spacing: -0.1rem; line-height:3.2rem; width:100%;word-break: initial; }
.dott-list2 li.w-none span{width:auto; min-width:2.5rem !important;}
.dott-list2 li::before{content:"·"; display:block; font-size:1.8rem; color:#333;line-height:3.2rem; margin-right:0.5rem;}
.dott-list2 li .orderList{width:100%;}
.dott-list2 li .orderList li::before{content:none;}
.dott-list2 li.reset{display:block; }
.dott-list2 li.reset::before{content:none;}
.dott-list2.flex-list-box{/*display:flex; flex-direction: column; flex-wrap: wrap; */}
.dott-list2.flex-list-box.h22{max-height:22rem; column-width: 50rem; column-gap: 2.5rem;}
.dott-list2.flex-list-box.h22:lang(en){max-height:49rem; column-width: 50rem; column-gap: 2.5rem;}
/*영문*/
.dott-list2 li span:lang(en){font-weight:200; letter-spacing: normal;}



/*dl 제목 콘텐츠 일반 콘텐츠*/
.dl-content-style1{}
.dl-content-style1.h15 dt{margin-bottom:1.5rem;}
.dl-content-style1.h15 dd{margin-bottom:4rem;}
.dl-content-style1 dt{font-weight: 700; margin-bottom:0.5rem;}
.dl-content-style1 dt:lang(en){font-weight: 400; margin-bottom:1.5rem; font-size:2rem; }
.dl-content-style1 dd{margin-bottom:2rem; line-height:3.2rem; width:100%;}

/*dl 도트 제목 콘텐츠 일반 콘텐츠*/
.dl-dott-style1{}
.dl-dott-style1 dl{display:flex; }
.dl-dott-style1.w120 dl dt{width:12rem;}
.dl-dott-style1.w120 dl dt:lang(en){width:36rem; font-weight:400;}

.dl-dott-style1 dt{font-weight: 700; margin-bottom:0.5rem; display:flex; line-height:2.4rem;}
.dl-dott-style1 dt::before{content:"·"; display:block; font-size:1.8rem; color:#333; margin-right:0.5rem;}
.dl-dott-style1 dd{margin-bottom:2rem; line-height:2.4rem;width:100%;}




/*일반 리스트 와 분리가 라인형태*/
.normal-list{margin-bottom:6rem; margin-top:2rem;}
.normal-list li{display:flex; align-items:start ;line-height:3.2rem; }
.normal-list li em,
.normal-list li span{display:block; font-size:1.5rem; color:#333; width:100%; line-height:2.8rem;}
.normal-list li .orderList{width:100%;}
.normal-list li .orderList li::before{content:none;}
.normal-list li.reset{display:block; }
.normal-list li.reset::before{content:none;}
.normal-list.flex-list-box{display:flex; flex-direction: column; flex-wrap: wrap; }
.normal-list.flex-list-box.h22{max-height:22rem;}
.normal-list.b-line em:after{content: ""; position:absolute; right:0; top:1rem; width:1px; height:1rem; background-color: #ccc; display:inline-block; margin-right:1.5rem;}
.normal-list.em-w7 em{width:7rem; position:relative; letter-spacing: 0; padding-right:2rem;} 
.aline-center em{text-align:center;}

/*caption*/
.caption{ }
.caption p{font-size:1.4rem; color: #666; line-height:2.3rem;}
.caption p em{color:#01A251;}









/*뉴스 리스트*/
.contents-news-list{width:290px; min-height:100%; height:60rem; padding-left:5rem; background-color:#fff; box-shadow: 2px 3px 2px 1px rgba(0, 0, 0, 0.1);}
.contents-news-list h2{color:#01A251; width:100%; font-weight:300; font-size: 3rem;height:8rem; display:flex; align-items: center; border-bottom:1px solid #e4e4e4; }
.contents-news-list ul{padding-top:2rem; overflow-y:auto; width:100%; overflow-x: hidden; height:90%; position:relative; }
.contents-news-list ul li{padding-right:2rem; padding-left:0.5rem; margin-bottom:4rem;}
.contents-news-list ul li a{display:block; color:#333}
.contents-news-list ul li a p{ font-size:1.6rem; color:#333333; line-height:2rem; word-break: keep-all;}
.contents-news-list ul li a .meta-box{margin-top:1rem;}
.contents-news-list ul li a .meta-box span{font-size:1.2rem; color:#666666; }
.contents-news-list ul li a .meta-box span + span{color:#01A251; margin-left:1rem;}

#wrap {position:relative; width:100%; margin:0 auto; padding:0;}
.title {font-size: 40px; margin: 0px 0;  transition: all 0.5s ease-in-out;}
.title_lnb_on { transition: all 0.5s ease-in-out;}
.wrap_wide {width: 100%;}
.wrap_lnb {/*max-width: 110rem;*/ height:100%; position: fixed; z-index: 5; top:11.9rem;}
.wrap_wide img {width: 100%;}
.wrap_1100 {max-width: 110rem; position: relative; margin: 0 auto;}
.wrap_1100_ab {width: 100%; height: auto; max-width: 110rem; position: absolute; top: 60rem; left:53.6%; transform:translateX(-50%);}

.newsroom .wrap_1100_ab {width: 100%; height: auto; max-width: 110rem; position: absolute; top: 30rem; left:53.6%; transform:translateX(-50%);}

.lnb_area {width:100%; padding-bottom:7rem; height:100%;}
.lnb_movearea { transition: all 0.5s ease-in-out; height:100%; display:block; }
.contents {width:110rem; margin: 60px 0;  font-size: 18px; transition: all 0.5s ease-in-out; }
.contents_lnb_on {width: 800px; transition: all 0.5s ease-in-out;}

.lnb_on {margin-left: inherit; }
.lnb_off {margin-left: -101%; transition: all 0.5s ease-in-out;}


.edotor-content{ margin:0 auto; margin-top:5.5rem; margin-bottom:5.5rem;}
.editor-box{width:77rem; line-height:1.7em; }
.editor-box em{font-style: italic;}
.editor-box p{font-size:1.8rem; color:#333; text-align: left; letter-spacing: -0.1rem; line-height: 3.2rem;}
.inv-live .editor-box{font-size:1.6rem; line-height:2rem; }
/*content-footer*/
.content-footer{width:100%; background-color:#f3f3f3; padding-top:8rem; padding-bottom:8rem; }
.content-footer h1{font-size: 3.4rem; color:#01A251; font-weight:300;}
.content-footer h1,
.content-footer ul{width:110rem; margin:0 auto; }
.content-footer ul{margin-top:5rem; display:flex; column-gap: 2rem; justify-content: space-between;}
.content-footer ul li{border-right:1px solid #e6e6e6;width:100%; display:block; padding-right:2rem; padding-left:2rem;}
.content-footer ul li a{display:block;}
.content-footer ul li:first-child{padding-left: 0;}
.content-footer ul li:last-child{padding-right: 0; border-right:0;}
.content-footer ul li .meta{margin-bottom:1rem; }
.content-footer ul li .meta span{font-size:1.2rem; color:#666; }
.content-footer ul li .meta span::after{content:""; width:1px; display:inline-block; height:0.8rem; background-color: #c3c3c3; margin-left:0.6rem; margin-right:0.6rem;}
.content-footer ul li .meta span + span{color:#01A251; }
.content-footer ul li .meta span + span::after{content:none; }
.content-footer ul li dl dt{font-size:3rem; color:#333333; line-height:3.6rem; letter-spacing: -0.05rem; margin-bottom:3rem;}
.content-footer ul li dl dd{font-size:1.6rem; color: #666; line-height: 2.4rem; word-break: keep-all;}

/*와이드 이미지*/
.wide-img-box{margin-bottom:5.5rem;}
.wide-img-box figcaption{width:110rem; margin:0 auto; font-size: 1.2rem; color:#01A251; margin-top:1rem; line-height:2rem;}
.wide-img-box figcaption > div{width:77rem; } 
.w-img{ background-size: cover; background-position-y: center; width:100%; min-height:47rem; }


/*따라 다니는 스크롤*/
/*.sidebox-warp{ width:26rem; min-height:68%; position: absolute; right:7rem; background-color:rgba(255,255,0,0.5); left:initial !important; top:81rem; }*/
#sidebox { background-color:#fff; position: absolute; width:24rem;right:7rem; top:0px; box-shadow: 2px 3px 2px 1px rgba(0, 0, 0, 0.1);}
#sidebox .right-navi{background-color:#01A251; padding:3rem; padding-bottom:2rem;}
#sidebox .right-navi a{display:block; color: #fff; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #5ec485;}
#sidebox .right-navi a:last-child{border-bottom:none; color: #000; margin-bottom:0; padding-bottom:0;}
#sidebox .right-navi a:last-child p{display:flex; justify-content: space-between; }
#sidebox .right-navi a:last-child span{display:block; font-size:1.2rem; letter-spacing: -0.05em;}
#sidebox .right-navi a:last-child i{background-image: url(https://www.hdec.kr/common/img/back-icon.svg); width:21px; height:20px; display:block; }
#sidebox .right-navi a span{font-size:1rem; font-family:"Riboto"; margin-bottom:1rem; display:block;}
#sidebox .right-navi a p{line-height:2rem; font-size:1.4rem; font-weight:700; word-break: keep-all;}
#sidebox p.text-box{padding:3rem; font-size:1.8rem; color:#666666; padding-top:2rem; padding-bottom:2rem; line-height:2.4rem; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
#sidebox p.text-box span{color:#01A251; text-decoration: underline;}


/*프로젝트 콘텐츠*/
.project-summary ul{display:flex; }
.project-summary ul li{color:#01A251; font-size:1.6rem; display:flex; align-items: center; margin-right:1.5rem;}
.project-summary ul li sup{color:#01A251}
.project-summary ul li i{width:2.2rem; height:2.2rem; margin-right:1.5rem;display:block; background-repeat: no-repeat; background-size: contain;}
.project-summary ul li i.p-map{ background-image: url(https://www.hdec.kr/common/img/p-map.svg);}
.project-summary ul li i.p-mony{background-image: url(https://www.hdec.kr/common/img/p-mony.svg);}
.project-summary ul li i.p-day{background-image: url(https://www.hdec.kr/common/img/p-day.svg);}
.project-summary ul li i.p-cont{background-image: url(https://www.hdec.kr/common/img/p-cont.svg);}

/*프로젝트 관련프로젝트*/
.right-project{width:24rem; position:relative; display:block; padding:3rem 2rem;}
.right-project h1{font-size:1.8rem; color:#01A251; margin-bottom:2rem;}
.right-project li {margin-bottom:1rem; }
.right-project li a{display:flex; }
.right-project li a p{font-size:1.5rem; color:#333; line-height:2rem;}
.right-project li a span{display:block; font-size:1.4rem; font-weight:700; color:#01A251}
.right-project img{width:7rem; height:5rem; margin-right:1rem;}

/*상세 페이지 네비게이터*/
.list-navigator{border-top:1px solid #ccc;}
.list-navigator-inner{width:110rem; height:8rem; margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
.list-navigator-inner a{display:flex; align-items: center; width:33%; }
.list-navigator-inner a:nth-child(2){text-align: center;}
.list-navigator-inner a:nth-child(3) {display:flex; justify-content: flex-end;}
.list-navigator-inner a:nth-child(3) span{text-align: right;}
.list-navigator-inner a:hover span{color:#01A251;}
.list-navigator-inner a span{color:#555; font-size:1.4rem; display:block;width:100%; }/*접근성으로 인해 컬러 변경*/
.list-navigator-inner .pre,
.list-navigator-inner .next{display:block; width:2.8rem; height:2.2rem;background-size: contain; background-repeat: no-repeat;} 
.list-navigator-inner .pre{background-image:url("../img/list-pre-arrow.png"); margin-right:1rem;}
.list-navigator-inner .next{background-image:url("../img/list-next-arrow.png"); margin-left:1rem;}
.list-navigator-inner a:hover .pre{background-image:url("../img/list-pre-arrow.png"); }
.list-navigator-inner a:hover .next{background-image:url("../img/list-next-arrow.png"); }
.list-navigator-inner .list{color:#068645; }/*접근성으로 인해 컬러 변경*/


/*콘텐츠 메뉴 (pc,m)*/
.content-menu ul ul li a::after{ content:""; display:inline-block; margin-left:1rem; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #f4f4f4;}



/*약관 */
.terms-dl{ }
.terms-dl dl{margin-bottom:3rem;}
.terms-dl dl dt{font-size:1.8rem; color:#333; margin-bottom:1rem;}
.terms-dl dl dd{font-size:1.8rem; color:#666; display:flex; }
.terms-dl dl dd::before{content:"·"; display:block; color:#666; margin-right: 0.5rem; line-height:2.4rem; }
.terms-dl dl dd span{display:block; }

.terms-style1{}
.terms-style1 dl{width:50%;}
.terms-style1 dl.w100{width:100%;}
.terms-style1 dl + dl{margin-left:15%;}
.terms-style1 dl.w100 + dl.w100{margin-left:0;}
.terms-style1 dl dt{font-size:1.6rem; margin-top:1rem; margin-bottom:1rem; }
.terms-style1 dl dd{font-size:1.6rem; line-height:2.4rem;}
.terms-style1 dl dd .dott-list{margin-top:0; margin-bottom:0;}
.terms-style1 dl dd .dott-list li{font-size:1.6rem; line-height:inherit; margin-bottom:0.5rem;}
.terms-style1 dl dd .dott-list li::before{line-height:inherit; font-size:1.6rem;}
.terms-style1.dt-bold-font dl dt{font-weight: 700;}


@media only all and (max-width: 1299px) {

    .content-style1{width:100%; max-width:initial;}
}



/* PC 디자인 (해상도 1024px 이상)*/
@media only all and (min-width: 768px) { 

/*콘텐츠 메뉴*/
.project-box{margin-top:9.3rem;}
.con-group{width:100%; background-repeat: no-repeat; background-size:cover; height:56rem; background-position: center;}
.content-menu{width:110rem; height:56rem; margin:0 auto; position:relative; overflow:hidden ;}
.content-menu ul{position:relative; padding-top:7rem; width:19rem; height:100%;background-color: #f4f4f4; }
.content-menu ul:lang(en),
.content-menu ul li:lang(en){width:30rem;}
.content-menu ul ul:lang(en){left:30rem;width:37rem; }
.content-menu ul li{font-size:2rem; background-size:cover; background-position: center; background-image: none !important; height:auto; color:#000; width:19rem; display:block; padding-bottom:2rem; padding-left:2rem; padding-right:2rem;}
.content-menu ul > li:hover:after,
.content-menu ul > li.on::after{content:""; position:absolute; right:-25px; top:auto; margin-top:-31px;width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:25px solid #f4f4f4; }
.content-menu ul li a:lang(en){font-size:1.5rem;}
.content-menu ul li a{display:block;font-size:1.9rem; color:#000; word-break : break-all; word-break: keep-all;}
.content-menu ul > li.on a,
.content-menu ul li a:hover{color:#01A251;}
.content-menu ul ul{width:29rem;padding:7rem 4.5rem; display:none;position:absolute; left:19rem;top:0; height:100%; background-color: rgba(50, 155, 103, 0.7);}
.content-menu ul ul li {display:flex; height: 100%;flex-wrap: wrap; padding:0; align-content: space-between;}
.content-menu ul ul li:hover:after{content:none; }
.content-menu ul ul li p{color:#fff; font-size:3rem; font-weight:300; line-height:4.0rem; word-break: keep-all; letter-spacing: -0.25rem;}
.content-menu ul ul li p:lang(en){letter-spacing: normal;font-size:3rem; font-weight:200;line-height:1.2em; }
.content-menu ul li.on ul li a{color:#fff;}
.content-menu ul ul li a{color:#fff; font-size:1.4rem; font-weight:700; display:flex; align-items: center; }
.content-menu ul ul li a:hover{ color:#fff;}
.content-menu ul ul li a::after{ content:""; display:inline-block; margin-left:1rem; width:0; height:0; margin-top:-0.3rem; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:6px solid #f4f4f4;}
.content-menu ul ul li a:first-child::after{content: none;}
/*.content-menu ul li:hover > ul,*/
.content-menu ul li.on > ul{display:block;}


.content-style2 .news-meta-box .date{margin-bottom:2rem; }


}







@media only all and (max-width: 1199px) {
/*상세 페이지 네비게이션*/
.list-navigator-inner{width:100%; padding-left:1rem; padding-right:1rem; }

.newsroom  .wrap_1100_ab,
.wrap_1100_ab,
#sidebox{max-width: 100%; box-shadow: none; background-color:transparent; width:100%; transform:inherit !important; position:relative; top:inherit !important; left:inherit !important; }
.newsroom .wrap_1100_ab{margin-bottom:4.5rem; margin-top:4.5rem;}
#sidebox{width:100%; right:0;}
.box-tag{width:100%;}
.right-project{width:100%; padding:0 2rem;}
.right-project h1{font-size:2rem;}
.right-project ul{display:flex; flex-wrap: wrap; }
.right-project li {width:25%; margin-left:1.5rem; margin-bottom:2.5rem;}
.right-project li:first-child{margin-left:0; }
.right-project li a{display:block;}
.right-project img{width:100%; height:100%;}
.right-project li a p{font-weight:700; margin-top:1rem;}

.wrap_1100 .contents{width:100%;}
.contents .editor-box{padding-left:0; padding-right:0;}
.editor-box{width:100%; padding-left:2rem !important; padding-right:2rem !important; }
.editor-box:lang(en){width:100%; padding-left:2rem !important; padding-right:2rem !important; }
.editor-box img{width:100%; }
.content-style1 .news-contens-view{width:100%;}
.content-style1 .news-contens-view .box-tag,
.content-style1 .news-contens-view .download-box{padding-left:2rem; padding-right:2rem;}


.content-footer{ padding-left: 2rem; padding-right:2rem;}
.content-footer ul{flex-wrap: wrap; width:100%;}
.content-footer ul li{width:48%; padding-left:0; margin-bottom:4rem; }
.content-footer ul li:nth-child(2){border-right:0;}
.content-footer ul li:nth-child(3),
.content-footer ul li:nth-child(4){margin-bottom:0;}



}

@media only all and (max-width: 1099px) {

.wide-img-box figcaption{width:90%; margin-left:0 auto;}
.wide-img-box figcaption > div{width:100%;}
.wrap_1100 .contents{padding-left:2rem; padding-right:2rem;}
.title{padding-left:2rem; padding-right:2rem; }


 
}

@media only all and (max-width: 1024px) {
.lnb_area{display:none;}
}


/*타블릿*/
@media only screen 
and (min-device-width: 834px) 
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
.lnb_area{display:none;}
.title{padding-left:2rem; padding-right:2rem; }

}


@media only all and (max-width: 900px) {
.flex-box.m_flex_none{display:block; }
.flex-box.m_flex_none div.colum-height + div{display:flex; margin-bottom:2rem; justify-content: flex-end; margin-top:2rem; }
.flex-box.m_flex_none div.colum-height + div .serch-box{margin-right:1rem;height:4rem;} 
.content-menu ul ul li a:first-child::after{content: none;}
}

@media only all and (max-width: 767px) {
.content-style1,
.w110{ width: 100%;}
.content-style1{padding-left:2rem; padding-right:2rem;}
.content-style1 .w110,
.content-style2 .w110{padding-left:0; padding-right:0;}
.content-menu ul ul{display:none}
.right-project li {width:47%; margin-bottom:2.5rem;}
.right-project li:nth-child(odd){ margin-left:0;}
.wide-img-box figcaption{width:100%;}

.editor-box{padding-left:0rem; padding-right:0rem; }

.normal-table table td:last-child,
.normal-table table th{border-left:0 !important ;}
 
/*검색 영역*/
.search-input{width:100%; padding:1rem 0;}



/*프로젝트 콘텐츠메뉴*/
.con-group{background-image: none !important; height:100%;}
.content-menu ul{background-color:transparent;}
.content-menu ul li{ padding:3rem 2rem; min-height:17rem; margin-bottom:1.5rem; background-size: cover; background-position: center; }
.content-menu ul li li{min-height:auto;}
.content-menu ul li a,
.content-menu ul li p{width:100%; display:block; color:#fff; font-size:1.6rem; letter-spacing: -0.025rem; line-height:2.4rem;}
.content-menu ul li > a{font-size:1.8rem; }
.content-menu ul ul{display:block; margin-top:0.9rem; }
.content-menu ul li li{height:initial; display:block; padding:0; margin-bottom:0; }
.content-menu ul li li a{margin-top:0.9rem;}
.content-menu ul li li a + a{font-size:1.3rem;}
.wide-img-box figcaption{text-align:left; padding-left:2rem; padding-right:2rem;}
.wide-img-box figcaption,
.wide-img-box figcaption > div{width:100%; display:block;}
.wide-img-box figcaption > div span{line-height:1.5rem;}
.wide-img-box figcaption > div span:last-child{text-align:left;}

/*콘텐츠 스타일 2*/
.content-style2 .content-info-set{padding-left:2rem; padding-right:2rem; }
.content-info-set h1.lag-50{line-height:1.1em; font-size:3.5rem;}
.content-info-set h1.lag-50:lang(en){line-height:1em;}
.box-tag{width:100%; padding-left:2rem; padding-right:2rem;}
.box-tag a{margin-bottom:1rem;}
.box-tag a:last-child{margin-top:0; }


/*콘텐츠 공통*/
.content-set-list{padding-left:2rem; padding-right:2rem;}

/*도트 리스트 height*/
.dott-list.flex-list-box.h22{max-height:100%;}
/*일반 리스트 */
.normal-list li{margin-bottom:1rem;}
.normal-list.em-w7 em{padding-right:1rem;}
.normal-list.b-line em:after{ margin-left: 0rem;margin-right: 1rem;}
 
.content-style1 .content-info-set{padding-left:0; padding-right:0;}
.content-info-set{margin-top:4rem;}



.wide-img-box figcaption > div{width:100%; } 
.w-img{ background-size: cover; width:100%; min-height:20rem; background-position: center; }

.meeting-info{display:block; margin-bottom:2rem; margin-top:2rem;}
.meeting-info dl::after{content:none; }
.meeting-info dl{margin-bottom:1rem;}
.meeting-info dl dt{display:none;}
.meeting-info dl dd::before{content: attr(data-label); float: left; padding-right:0.2rem; font-weight: bold; text-transform: uppercase;} 

.flex-box.m_flex_none{display:block;}

.download-box{display:flex; flex-wrap: wrap; padding-left:2rem; padding-right:2rem; margin-top:2rem;}
.download-box a{margin-bottom:1rem;}

.content-style1 .news-contens-view{width:100%;}
.content-style1 .news-contens-view .box-tag,
.content-style1 .news-contens-view .download-box,
.content-style1 .news-contens-view .editor-box{padding-left:0; padding-right:0;}

.terms-style1.flex-box{display:block;}
.terms-style1 dl{width:100%;}
.terms-style1 dl + dl{margin-left:0;}
.wrap_1100{width:100%;}


}


@media only all and (max-width: 860px) {
.content-style2 .news-title-set{padding-top:2.5rem; padding-left:2rem; padding-right:2rem;}


}
@media only all and (max-width: 600px) {
.w-img{min-height:40rem;}
.box-tag{padding-left:0; padding-right:0;}
.right-project li {width:45%; margin-bottom:2.5rem;}
}

@media only all and (max-width: 540px) {
.content-footer{padding-top:4rem; padding-bottom:4rem;}
.content-footer h1{color:#000; font-weight: 700;}
.content-footer ul{margin-top:2.5rem;}
.content-footer ul li{width:100%; padding-left:0; border-right:0; border-bottom:1px solid #ccc; margin-bottom:1.5rem;}
.content-footer ul li:last-child{border-bottom:0;}
.content-footer ul li dl dt{margin-bottom:1.5rem;}
.content-footer ul li dl dd{display:none;}
#sidebox p.text-box{display: none;}
 

}

/* Mobile 디자인 (해상도 ~ 479px)*/
@media only all and (max-width: 500px) { 
.key-visual i{display:none !important;}
.key-visual.small{height:30.8rem; align-items: center;}
.key-visual.small::before{height:30.8rem;}
.a-a{padding-top:0;}
.a-b{padding-top:0;}
.a-c{padding-top:0;}
.a-d{padding-top:0;}
.a-e{padding-top:0;}

.flex-box.m_flex_none div.colum-height + div{display:block; margin-top:0; }
.flex-box.m_flex_none div.colum-height + div .serch-box{margin-right:0;}
.serch-box.mar-b10{margin-bottom:1rem !important; }

.dott-list{margin-top:1.5rem; margin-bottom:3rem; }
.social-box a, .social-box button{margin-right:1.5rem; }
.social-box a i, .social-box button i{margin-right:0;}
 
 


/*콘텐츠 레이아웃*/
.content-info-set{margin-top:4.3rem;margin-bottom:5rem;}
.content-info-set p{margin-bottom:4.3rem; text-align: inherit; }
.key-visual.small h1{font-size:3rem;}
.content-info-set h1{font-size:3rem; letter-spacing:-0.15rem; line-height: 4rem; margin-bottom:3rem;}

/*콘텐츠 스타일 2*/
.project-summary ul{display:block;}
.project-summary ul li{width:100%; margin-bottom:1rem;}
.content-info-set.mar-b60{margin-bottom:3rem !important;}
.contents,
.editor-box,
.wrap_1100{width:100%; max-width:100%;}
.editor-box{ line-height:2rem; padding-top:1rem;padding-bottom:1rem; }
.editor-box .contents{margin-top:0; margin-bottom:0;}
.wrap_1100 .contents{padding-left:1rem; padding-right:1rem; margin-bottom:0;}
.right-project ul{column-gap: 1rem; }

.orderListfirst .orderList li{display:block; overflow: hidden;}
.orderListfirst .orderList li span{display:inline-block; float: left; width:90%}
.orderListfirst .orderList li span.num{width: 6%;}

.content-style2 .view-contents-box{margin-bottom:2rem; } 

.editor-box .imgArea{width:100% !important; height:auto !important; }
.editor-box .imgArea img{width:100% !important;height:auto !important;}

.right-project {margin-top:50px;}
}

@media only all and (max-width: 414px) {
.orderListfirst .orderList li span.num{width: 7%;}
.orderListfirst .orderList li span{ width:85%}
.content-style2 .news-meta-box{flex-wrap: wrap; margin-bottom:3rem;}
.social-box{margin-top:0rem;}
.content-style2 .news-meta-box .date span{height:auto;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.content-info-set p{font-weight: 300;}
.content-info-set p:lang(en){font-weight: 200;}
}