@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------
File : list-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
-------------------------------------------------------------------------------------------------------------*/

/*아코디언*/
.arrowlistmenu {width:100%;border-top:2px solid #000; background:#fff; border-bottom:1px solid #ccc;}
.arrowlistmenu > li{width:100%; border-bottom:0.1rem solid #ccc; }
.arrowlistmenu > li .flex-box a + a{margin-left:1rem;}
.categoryitems{padding-top:4rem;padding-bottom:4rem;border-top:1px solid #01A251; padding-left:2rem; padding-right:2rem; }
.arrowlistmenu > li:last-child{border-bottom:0px;}
.arrowlistmenu > li a{color:#333; display:block; width:100%; font-weight:400; }
.arrowlistmenu > li a:lang(en){color:#333; display:flex; width:100%; font-weight:400; align-items: center; } 
.arrowlistmenu > li a.a-btn{display:flex; cursor:pointer;}
.arrowlistmenu > li ul.list li { background:url("/common/img/bulet.gif") 1rem 1rem no-repeat;padding:0.4rem 0 0.3rem 1.7rem}
.arrowlistmenu > li ul.list li img {float:left;}
.arrowlistmenu > li ul.list li a {color:#333; text-indent:0;text-decoration:none;}
.arrowlistmenu > li a.btn { padding-top:2.2rem; line-height:1.5em; padding-bottom:2.2rem; padding-left:2rem; padding-right:2rem;}
.arrowlistmenu > li a.stay { padding:5px 0 5px 8px; }
.arrowlistmenu > li a.stay:hover {font-weight:bold;}
.arrowlistmenu > li a.stay:lang(en):hover {font-weight:300;}
.arrowlistmenu > li a.btnStage {background:url("/common/img/acodion-off.png") no-repeat center right 2rem;}
.arrowlistmenu > li a.btnStage.btnHover span,
.arrowlistmenu > li a.btnStage.btnHover:hover span{color:#01A251; font-weight:700;}
.arrowlistmenu > li a.btnStage.btnHover {color:#01A251; background:url("/common/img/acodion-on.png") no-repeat center right 2rem !important; }
.accordion_con_close {width:100%; display:flex; justify-content:flex-end;}

/*개인정보 취급 방침 아코디언*/
.arrowlistmenu23 {width:100%; background:#fff; border-bottom:1px solid #ccc;border-top:0.1rem solid #ccc;}
.arrowlistmenu23 > li{width:100%; border-bottom:0.1rem solid #ccc; border-top:1px solid #000;}
.arrowlistmenu23 > li .flex-box a + a{margin-left:1rem;}
.categoryitems23{padding-top:4rem;padding-bottom:4rem;border-top:1px solid #ccc; padding-left:2rem; padding-right:2rem; }
.arrowlistmenu23 > li:last-child{border-bottom:0px;}
.arrowlistmenu23 > li a{color:#333; display:block; width:100%; font-weight:400; }
.arrowlistmenu23 > li a:lang(en){color:#333; display:flex; width:100%; font-weight:400; align-items: center; }
.arrowlistmenu23 > li a.a-btn{display:flex; cursor:pointer;}
.arrowlistmenu23 > li ul.list li { background:url("/common/img/bulet.gif") 1rem 1rem no-repeat;padding:0.4rem 0 0.3rem 1.7rem}
.arrowlistmenu23 > li ul.list li img {float:left;}
.arrowlistmenu23 > li ul.list li a {color:#333; text-indent:0;text-decoration:none;}
.arrowlistmenu23 > li a.btn { padding-top:2.2rem; line-height:1.5em; padding-bottom:2.2rem; padding-left:2rem; padding-right:2rem;}
.arrowlistmenu23 > li a.stay { padding:5px 0 5px 8px; }
.arrowlistmenu23 > li a.stay:hover {font-weight:bold;}
.arrowlistmenu23 > li a.stay:lang(en):hover {font-weight:300;}
.arrowlistmenu23 > li a.btnStage {}
.arrowlistmenu23 > li a.btnStage.btnHover span,
.arrowlistmenu23 > li a.btnStage.btnHover:hover span{color:#01A251; font-weight:700;}
.arrowlistmenu23 > li a.btnStage.btnHover {color:#01A251; }
.accordion_con_close23 {width:100%; display:flex; justify-content:flex-end;}

/*아코디언 회색*/
.arrowlistmenu.gray li{background-color:#f1f1f1;}
.arrowlistmenu.gray li .categoryitems{background-color:#fff; border-color:#ccc;}
.arrowlistmenu.gray li .categoryitems.pdd-0{padding:1.5rem 2rem;}
.arrowlistmenu.gray li a.btnStage span{color:#333; font-size:1.8rem; }
.arrowlistmenu.gray li a.btnStage span.block-alist{display:block;}
.arrowlistmenu.gray li a.btnStage span.b-none::after{content:none;}
.arrowlistmenu.gray li a.btnStage span.day-text{font-size:1.5rem; color:#666;}
.arrowlistmenu.gray li a.btnStage span.green{color:#01A251;}
.arrowlistmenu.gray li a.btnStage span::after{content:"";display:inline-block; width:1px; height:1.5rem; background-color:#; margin-left:1.5rem; margin-right:1.5rem;}
.arrowlistmenu.gray li a span.accordprefix::after,
.arrowlistmenu.gray li a span.accordsuffix::after,
.arrowlistmenu.gray li a.btnStage span:nth-child(4)::after{content:none;}
.arrowlistmenu.gray li a.btnStage:hover span{font-weight:700;}
.arrowlistmenu.gray > li a.btnStage.btnHover span,
.arrowlistmenu.gray > li a.btnStage.btnHover:hover span{color:#01A251; font-weight:700;}
.arrowlistmenu.gray > li a.btnStage.btnHover span:lang(en),
.arrowlistmenu.gray > li a.btnStage.btnHover:hover span:lang(en){color:#01A251; font-weight:300;}


.inv-live.table-accord dl{border-bottom:1px solid #ccc; padding-bottom:1.5rem;}
.inv-live.table-accord dl:last-child{border-bottom:0; padding-bottom:0;}
.inv-live.table-accord dl dd{line-height:2rem; color:#333; width:90%;}
.inv-live.table-accord dl dt{color:#01A251; width:10%; display:flex; align-items: center;}


.colum-height{display: flex;
flex-direction: column;
justify-content: space-around;
}



/*뉴스 리스트 카운트*/
.list-count{display: block; display: flex; align-items: center;} 
.list-count strong{font-weight: 700; font-size:1.4rem; color:#333;}
.list-count span::before{content:"/"; display:inline-block; margin-left:0.5rem; margin-right:0.5rem; }
.list-count span{font-weight: 400; font-size: 1.4rem; color:#333;}
.list-count p{font-size:1.6rem;}
.list-count p em{color:#01A251;font-size:1.6rem;}

/*뉴스 리스트 1*/
.news-list{position:relative; border-top: 2px solid #333; }
.news-list > ul > li{position:relative; width:100%; display:block; padding-top:5rem; padding-bottom:5rem; border-bottom:1px solid #ccc;}
.news-list > ul > li a{display:block; width:100%;}
.news-list.icon > ul > li.btnStage {background:url("/common/img/acodion-off.png") no-repeat center right 2rem;}
.news-list.icon > ul > li.btnStage.btnHover span,
.news-list.icon > ul > li.btnStage.btnHover:hover span{color:#01A251; font-weight:700;}
.news-list.icon > ul > li.btnStage.btnHover {color:#01A251; background:url("/common/img/acodion-on.png") no-repeat  top 4rem right 2rem !important; }

.news-list > ul > li.btnHover{margin-bottom:0;}
.news-list.small > ul > li{padding-top:2.5rem; padding-bottom:2.5rem;}
/*.news-list > ul > li:hover::after { content: ""; background: linear-gradient(#f2f2f2, #ffffff03); display: block; height: 20px; position: absolute; border-top:1px solid #ccc; bottom: -20px; left: 0; width: 100%;}
.news-list > ul > li:hover::before { content: ""; background: linear-gradient( #ffffff03, #f2f2f2); display: block; height: 20px; position: absolute; border-bottom:1px solid #ccc; top: -20px; left: 0; width: 100%;}*/

.news-list > ul > li:first-child:hover::before{content:""; background:none; border-bottom:none;}
.news-list > ul > li:last-child:hover::after{content:""; background:none; border-bottom:none;}
.news-list.small.text-18 .noti-list-contents p{font-size:1.8rem; letter-spacing: -0.1rem; padding-left:2rem; margin-bottom:0;}

.news-contents{min-height:16.5rem;max-width:110rem; margin:0 auto;}
.list-img-box{display:block;width:24rem; height:16rem;  margin-right:2rem; }
.list-img-box img{width:100%; height:auto; display:block;min-height:16rem;max-height:24rem;}

.list-img-box2{display:block;width:24rem; height:16rem; overflow:hidden; margin-right:2rem; }
.list-img-box2 img{width:100%; height:auto; display:block;max-height:20rem;}

.list-content{position:relative; display:block; max-width:84rem; }
.list-content dl{display:block;}
.list-content dl dt{font-size:2.8rem; color:#333; line-height:3.2rem; max-width:84rem; /*overflow:hidden;*/}
.list-content dl dd{font-size:1.6rem; color:#333; line-height: 1.5em; margin-bottom:1rem; overflow:hidden; margin-top:3rem; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */ }
.news-contents .tag{display:flex; margin-top:2rem;}
.news-contents .tag li{display:block; margin-right:1rem;font-size:1.4rem;color:#01A251;}
.news-contents .tag li a{font-size:1.4rem;color:#01A251;}

.list-content > p,
.list-content > a p{display:flex; align-items: center; margin-bottom:1rem; line-height:1em; } 
.list-content > p span,
.list-content > a p span{display:block;color:#01A251; font-size:1.2rem;}
.list-content > p span:first-child::after,
.list-content > a p span:first-child::after,
.search-tab .list-content > a p span::after{content:""; display:inline-block; width:1px; height:0.8rem; background-color:#333; margin-left:0.5rem; margin-right:0.5rem; }
.search-tab .list-content > a p span:last-child::after{content:none;}

/*뉴스 리스트 */

.noticontents{width:100%;}
.noticontents .noti{display:flex; width:14.5rem; align-items: center; padding-left:2rem; padding-right:2rem;}
.noticontents .noti i{width:2.5rem; height:2.5rem; background-repeat: no-repeat; background-size: contain;}
.noticontents .noti i.bell{background-image: url(/common/img/bell.svg); }
.noticontents .noti i.calendar{background-image: url(/common/img/calendar.svg); }
.noticontents .noti span{color:#01A251; font-size:1.8rem; margin-left:1rem;}
.noticontents .noti.normal span{color:#333;}
.news-list .arrowlistmenu {border-top:0;}
.news-list .arrowlistmenu button{width:100%;}
.news-list .arrowlistmenu li.btnHover .noticontents{padding-bottom:2.5rem; border-bottom:1px solid #01A251;}
.news-list .arrowlistmenu li.btnHover .categoryitems{margin-bottom:2.5rem; border-top:0;}
.news-list .arrowlistmenu li .categoryitems{ border-top:0;}
/*.news-list .arrowlistmenu .btnHover{margin-bottom:2.5rem;}*/
.noticontents .noti-list-contents{text-align: left; display:flex; align-items: center;}
.noticontents .noti-list-contents p{font-size:2rem; color:#333; letter-spacing: 0rem; /*margin-bottom:0.5rem;*/}
.noticontents .noti-list-contents span em{color:#01A251; font-size:1.6rem; letter-spacing: -0.1rem; }
.noticontents .noti-list-contents span {color:#333; font-size:1.6rem}
.noticontents .noti-list-contents span strong{color:#333;font-size:1.6rem; font-weight:400;}
.noticontents .noti-list-contents span strong::before{content: ""; width:1px; height:1rem; background-color:#ccc; margin-left:1rem; margin-right:1rem; display:inline-block;}
.noticontents .noti-day{margin-left: auto; padding-right:2rem; align-items: center; display: flex;}
.noticontents .noti-day span{color:#666; display:block; font-size:1.6rem;}


/*뉴스 리스트 2*/

.news-list2{position:relative; background-color:#f7f7f7; }
.news-list2 > ul > li{position:relative; width:100%; display:block; padding-top:5rem; padding-bottom:5rem; border-bottom:1px solid #ccc;}
.news-list2 > ul > li:hover::after { content: ""; background: linear-gradient(#ebebeb, #f7f7f7); display: block; height: 20px; position: absolute; border-top:1px solid #ccc; bottom: -20px; left: 0; width: 100%;}
.news-list2 > ul > li:hover::before { content: ""; background: linear-gradient( #f7f7f7, #ebebeb); display: block; height: 20px; position: absolute; border-bottom:1px solid #ccc; top: -20px; left: 0; width: 100%;}
.news-list2 > ul > li:first-child:hover::before{content:""; background:none; border-bottom:none;}
.news-list2 > ul > li:last-child:hover::after{content:""; background:none; border-bottom:none;}


/*검색 페이지 리스트 hover*/

.news-list.search-noresult > ul > li:first-child:hover::before,
.news-list.search-noresult > ul > li:first-child:hover::after{content:none;}

/*이미지 리스트 3개*/
.thum-list-tree{position: relative; max-width:110rem; margin:0 auto; display:flex;flex-wrap: wrap; justify-content: center; column-gap: 0.5rem;}
.thum-list-tree li{ width:33%; padding-bottom:6rem;}
.thum-list-tree li .thum-list-img{height:30.6rem; max-width:45rem; position:relative; display:block; overflow:hidden; text-align:center;}
.thum-list-tree li .thum-list-img img{height:100%; width:auto; }
.thum-list-tree li:hover .thum-list-img img::before{content:""; width:100%; height:100%; display:block; position:absolute; box-shadow:3px 3px 3px 3px rgba(0,0,0, 0.2); }
.thum-list-tree li h2{margin-top:3rem; text-align:center; font-weight:400; font-size:1.6rem;}
.thum-list-tree li h2:lang(en){font-weight:300;}
.thum-list-tree li:last-child,
.thum-list-tree li:nth-child(3n){margin-right:0rem;}
.thum-list-tree li .btn-tow{margin-top:2rem; justify-content: center;} 
.thum-list-tree li .btn-tow.oen{ justify-content: flex-start;}
.thum-list-tree li .btn-tow a{ /*font-weight:700;*/ font-size:1.4rem;} 
.thum-list-tree li.seven-img-box{width:100%;}


/*이미지 리스트 2개*/
.thum-list-tow{position: relative; max-width:110rem; margin:0 auto; display:flex;flex-wrap: wrap; justify-content: left;}
.thum-list-tow li{margin-right:3.3rem; width:25rem; margin-bottom:6rem;}
.thum-list-tow li .thum-list-img{height:34.5rem; max-width:25rem; position:relative; display:block; overflow:hidden; padding-top:100%;}
.thum-list-tow li .thum-list-img img{height:100%; width:auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(-50%,-0%); -ms-transform: translate(-50%,-0%); transform: translate(-50%,-0%);}
.thum-list-tow li h2{margin-top:1rem; text-align:center; font-weight:700;}
.thum-list-tow li:last-child,
.thum-list-tow li:nth-child(4n){margin-right:0rem;}
.thum-list-tow li .btn-tow{margin-top:2rem;}
.thum-list-tow li .btn-tow a{width:50%; min-width:auto; font-weight:700; font-size:1.4rem;} 

/*페이징*/
.paging-box{display:flex; min-width:15rem; justify-content: center; }
.paging-box a{display:flex;color:#333; background-color:#fff;font-size:1.6rem; align-items: center; justify-content: center;line-height:4.5rem; width:4.5rem; height:4.5rem; border:1px solid #ccc; margin:3px;position:relative;}
.paging-box a:hover,
.paging-box a.on{background-color:#01A251; color:#fff;}
.paging-box a:last-child{border-right:1px solid #ccc;}
.paging-box a img{width:auto; height:0.9rem; display:block;}
.paging-box a i{width:2rem; height:0.9rem; display:block; background-repeat: no-repeat; background-size: contain; background-position: center;}
.paging-box a i.paging-pre{background-image: url(/common/img/paging-pre.svg);}
.paging-box a i.paging-pre-step{background-image: url(/common/img/paging-pre-step.svg);}
.paging-box a i.paging-next-step{background-image: url(/common/img/paging-pre-step.svg); transform: rotate(-180deg);}
.paging-box a i.paging-next{background-image: url(/common/img/paging-pre.svg); transform: rotate(-180deg);}


.paging-box a:hover i.paging-pre{background-image: url(/common/img/paging-pre-on.svg);}
.paging-box a:hover i.paging-pre-step{background-image: url(/common/img/paging-pre-step-on.svg);}
.paging-box a:hover i.paging-next-step{background-image: url(/common/img/paging-pre-step-on.svg); transform: rotate(-180deg);}
.paging-box a:hover i.paging-next{background-image: url(/common/img/paging-pre-on.svg); transform: rotate(-180deg);}



/*약관*/
.categoryitems h1{font-size:1.6rem;font-weight:700; line-height:2rem; margin-bottom:2rem;}
.categoryitems h2{font-weight:700; font-size:1.6rem;line-height:2rem; margin-bottom:1rem;}

.categoryitems dt{margin-bottom:2rem;}
.categoryitems dd{margin-bottom:2rem;}

.categoryitems h2:lang(en){font-weight:400; font-size:1.6rem;line-height:2rem;}
.arrowlistmenu li:nth-child(7) .orderList li{margin-bottom:1rem;} 
.arrowlistmenu li:nth-child(7) .orderList dd{margin-bottom:2rem;}
.arrowlistmenu li:nth-child(7) .categoryitems h2.etc{margin-top:4rem; margin-bottom:1rem; font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    }
.categoryitems p{font-weight:400; font-size:1.6rem;line-height:2rem; color:#333;}
.career-img img{margin: 0 auto;    width: auto;    display: flex;}
.categoryitems p:lang(en){font-weight: 200;}
.categoryitems .corp-row{margin-bottom:3rem; }
.categoryitems .orderList{margin-top:1.5rem;}
.categoryitems .orderList li{display:flex; font-weight: 400; border-bottom:0; line-height:2rem; margin-bottom:0.5rem;}
.categoryitems .orderList li:lang(en){font-weight: 200;}
.categoryitems .orderList li.list-child{display:block;}
.categoryitems .orderList li.list-child > div{display:flex; }
.categoryitems .orderList li.list-child .orderList {margin-left:2rem;}
.categoryitems .orderList li.list-child .orderList li{margin-bottom:0;}
.categoryitems .orderList li span{display:block; font-size:1.6rem; line-height:2.5rem;}
.categoryitems .orderList li span.num{padding-right:1rem; min-width:4.5rem; text-align: right;}
.categoryitems .etc{margin-top:1rem; }

/* 개인정보취급방침 약관*/
.categoryitems23 h1{font-size:1.6rem;font-weight:700; line-height:2rem; margin-bottom:2rem;}
.categoryitems23 h2{font-weight:700; font-size:1.6rem;line-height:2rem; margin-bottom:1rem;}
.categoryitems23 h2:lang(en){font-weight:400; font-size:1.6rem;line-height:2rem;}
.arrowlistmenu23 li:nth-child(7) .orderList li{margin-bottom:1rem;} 
.arrowlistmenu23 li:nth-child(7) .orderList dd{margin-bottom:2rem;}
.arrowlistmenu23 li:nth-child(7) .categoryitems h2.etc{margin-top:4rem; margin-bottom:1rem; font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    }
.categoryitems23 p{font-weight:400; font-size:1.6rem;line-height:2rem; color:#333; margin-bottom:1.5rem;}
.career-img23 img{margin: 0 auto;    width: auto;    display: flex;}
.categoryitems23 p:lang(en){font-weight: 200;}
.categoryitems23 .corp-row{margin-bottom:4rem; }
.categoryitems23 .orderList{margin-bottom:1rem;}
.categoryitems23 .pd_20{margin-left:2rem;}
.categoryitems23 .pd_40{margin-left:4.5rem;}
.categoryitems23 .pd_60{margin-left:6.5rem;}
.categoryitems23 .orderList li{display:flex; font-weight: 400; border-bottom:0; line-height:2rem; margin-bottom:0.5rem;}
.categoryitems23 .orderList li:lang(en){font-weight: 200;}
.categoryitems23 .orderList li.list-child{display:block;}
.categoryitems23 .orderList li.list-child > div{display:flex; }
.categoryitems23 .orderList li.list-child .orderList {margin-left:2rem;}
.categoryitems23 .orderList li.list-child .orderList li{margin-bottom:0;}
.categoryitems23 .orderList li span{display:block; font-size:1.6rem; line-height:2.5rem;}
.categoryitems23 .orderList li span.num{padding-right:1rem; min-width:4.5rem; text-align: right;}
.categoryitems23 .etc{margin-top:1rem; }
.categoryitems23 .listBack{ width:100%;text-align:right; margin-top:2rem;}
.categoryitems23 .listBack a{ display:inline-block; font-size:1.3rem; background:#ccc; width:4rem; text-align:center;color:#fff; font-weight:700;border-radius:0.5rem; line-height:1.8rem; }
.categoryitems23 .listBack .btnA{display:inline-block; font-size:1.3rem; background:#ccc; width:4rem; text-align:center;color:#fff; font-weight:700;border-radius:0.5rem; line-height:1.8rem;}
.categoryitems23  .orderList table{width:100% !important;}
.categoryitems23  .orderList th{font-size:1.5rem !important; font-family: "Kopub"  !important; padding:1.5rem 0; }
.categoryitems23  .orderList td{font-size:1.5rem !important; font-family: "Kopub"  !important;}


/*숫자 리스트*/
.content-set-list p{font-weight:400; font-size:1.8rem;line-height:3.2rem; color:#333;}
.content-set-list .orderList{margin-top:1rem;}
.content-set-list .orderList li{display:flex; font-weight: 400; border-bottom:0;}
.content-set-list .orderList li:lang(en){font-weight: 200;color:#333;}
.content-set-list .orderList li span{display:block; font-size:1.8rem; line-height:3.2rem; color:#333;}
.content-set-list .orderList li span.num{padding-right:1rem; min-width:4.5rem; text-align: right;}

/*숫자 리스트 */
.orderListfirst {padding-left: 0; margin-top:2rem;}
.orderListfirst li{margin-bottom:2rem; }
.orderListfirst p span{font-weight:700; font-size:1.8rem; color:#000;}
.orderListfirst p em{width:4rem; text-align: right;font-weight:700; font-size:1.8rem; color:#000; padding-right:0rem;}
.orderListfirst .orderList {padding-left:0rem; margin-top:1rem;}
.orderListfirst .orderList li {display:flex; margin-bottom:0; }
.orderListfirst .orderList li em{display:block; }
.orderListfirst .orderList li span.num{width:3rem; text-align:right; margin-right:1rem;}
.orderListfirst .orderList li span{display:block; font-weight:400; font-size:1.6rem; color:#333; line-height:2.4rem; }
.orderList .dl-List dt{display:flex; }

/*dl 리스트*/
.dl-List {}
.dl-List dl{ padding-left:4.5rem; margin-bottom:1rem; }
.dl-List dl dt{font-size:1.6rem; margin-top:1rem;}
.dl-List dl dt span.num{ margin-right:1rem;}
.dl-List dl dd{font-size:1.6rem; padding-left: 2rem; margin-top:0.5rem;}
.dl-List.flex-dd dd{display:flex;}
.dl-List.flex-dd dd .num{margin-right:0.5rem;}
.dl-List .pd-l5{margin-bottom:4rem;}
.dl-List .pd-l5 dt{margin-bottom:2rem; margin-top:3rem;} 
.dl-List .pd-l5 a{display:inline;}
.arrowlistmenu > li .dl-List .pd-l5 a:lang(en){display:inline}


/*tab*/
.tab{position:relative; width:100%; padding-top:5.5rem; margin-bottom:6rem;}
.tab::before{content:""; width:100%; height:11rem; background-color:#f1f1f1; position:absolute; top:0; left:0;}
.tab .tab-inner{width:110rem; margin:0 auto; position:relative; }
.tab .tab-inner ul{display:flex;align-items: flex-end; }
.tab .tab-inner ul li:first-child{border-left:1px solid #d4d4d4;}
.tab .tab-inner ul li{position:relative; border-right:1px solid #0b9142; border-left:0; border-bottom:none; background-color:#01A251;height:6.5rem; color:#01A251; width:100%; font-weight:700; display:flex;justify-content: center; align-items: center;}
.tab .tab-inner ul li:last-child{border-right:0;}
.tab .tab-inner ul li a{display: flex;
font-size: 1.6rem;
color: #fff;
font-weight: 700;
text-align: center;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.tab .tab-inner ul li a:lang(en){display: flex;
font-size: 1.6rem;
color: #fff;
font-weight: 700;
text-align: center;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
line-height:1em;
}
.tab .tab-inner ul li:hover,
.tab .tab-inner ul li.on{z-index:2; height:7rem; background-color:#fff; border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4; border-top:1px solid #d4d4d4;}
.tab .tab-inner ul li:hover::before,
.tab .tab-inner ul li.on::before{content:"";display:-block; position:absolute; right:-0.8rem; bottom:-0.1rem;width:0; height:6.5rem; border-top: 6.5rem solid #027524; border-right: 0.8rem solid transparent;}
.tab .tab-inner ul li:last-child:hover::before,
.tab .tab-inner ul li:last-child .on::before,
.tab .tab-inner ul li:last-child::before{content:none;}
.tab .tab-inner ul li:hover a,
.tab .tab-inner ul li.on a{color:#01A251;}

.m-tab-count{display:none;}
.tab .tab-inner .colum2 li{width:50%;}
.tab .tab-inner .colum3 li{width:33.3%;}
.tab .tab-inner .colum4 li{width:25%;}
.tab .tab-inner .colum5 li{width:20%;}
.tab .tab-inner .colum6 li{width:16.65%}
.tab .tab-inner .colum7 li{width:14%}
.table_none{display:none;}


/*FAQ*/
.faq a em{font-size:2rem; color:#333; margin-right:2rem;}
.faq a.btn span.cate{font-size:1.8rem; color:#333;margin-right:2rem;width:15rem; display:inline-block}
.faq a strong{font-weight:400; font-size:1.8rem; color:#333; }
.faq a:hover em,
.faq a:hover span.cate,
.faq a:hover strong{color:#01A251; font-weight:700;}


.faq a.btn span.accordprefix,
.faq a.btn span.accordsuffix{display:none;}
.answer{display:flex; }
.answer em{padding-right:2rem; font-weight:700; font-size:2rem; color:#333;}
.answer .editor-box{font-size:1.8rem; color:#333; line-height:2.3rem; width:100%; display:block; padding-right:4rem;}
.answer .editor-box:lang(en){line-height:1.5em;}
.categoryitems.gray{background-color:#f1f1f1;}


/*table 들어가면 기본으로 */
.table-warp{width:110rem; margin:0 auto;}

/*table 기본형*/

.normal-table{position: relative; width:100%;border-top:2px solid #333;   }
.normal-table table{width: 100%;      border-spacing: 0px;    border-collapse: collapse;}
.normal-table table tr:hover td a{color:#01A251;}
.normal-table table tr.pd05{padding:0.5rem;}
.normal-table table th{background-color:#f1f1f1;border-bottom:1px solid #ccc;}
.normal-table table th:lang(en){font-weight:400;}
.normal-table table th, 
.normal-table table td{ padding:1.7rem;font-size:1.8rem;  text-align:center; border-right:1px solid #ccc;  border-bottom: 1px solid #ccc;}
.normal-table table td:last-child{border-right:0; border-left:1px solid #ccc;}
.normal-table table td p{font-size:1.8rem; color:#333; letter-spacing: 0.01rem; line-height: 2rem; padding-right:2rem; margin-top: 0.7rem;}
.normal-table table td span{font-size:1.6rem;letter-spacing: 0.01rem; line-height: 2rem; color:#666;}
.normal-table table td p.dott{display:block; }
.normal-table table td p.dott i{display:inline;}
.normal-table table td p.dott i:before{content:"·"; display:inline-block; padding-right:0.5rem; }

.normal-table table td span:lang(en){display:flex;}
.normal-table table td span em:lang(en){padding-right:1rem; line-height:2em;}
.normal-table table td span p{color:#666;font-size:1.6rem;}
.normal-table table td a{color:#333;font-size:1.8rem; }
.normal-table table tbody th{background-color:transparent;}
.normal-table table tbody th.color,
.normal-table table tbody td.color,
.normal-table table tbody tr.color th,
.normal-table table tbody tr.color td{background-color:#f1f1f1;}
.normal-table table th:first-child,

.normal-table table td:first-child{border-right:1px solid #000;}
.overview-table table thead th{  background:#f1f1f1;}
.normal-table table tr td.border-gray,
.normal-table table tr th.border-gray,
.normal-table table td.gray:first-child,
.normal-table table th.gray:first-child{border-right:1px solid #ccc;}

.normal-table table tbody tr:last-child th,
.normal-table table tbody tr:last-child td{border-bottom:1px solid #000;}
.normal-table table tbody tr:last-child th.bb-gray,
.normal-table table tbody tr:last-child td.bb-gray{border-bottom:1px solid #ccc;}

.normal-table table thead th:last-child{border-right:0;}
.normal-table table thead th{border-right:1px solid #ccc;}
.normal-table table tbody th.point,
.normal-table table tbody td.point{color:#01A251;}
.normal-table table tbody th.point-g,
.normal-table table tbody td.point-g{color:#333;}
.normal-table table tbody td.b-none,
.normal-table table tbody th.b-none{border-bottom:0;}
.normal-table .b-black-r{border-right:1px solid #000;}
.normal-table .w25{width:25%;}
.normal-table .w10{width:10%;}
.normal-table .w20{width:20%;}
.normal-table .w9{width:9%;}
.normal-table .w23{width:23%;}
.normal-table .b-black{border-bottom:1px solid #000;}
.normal-table tr th.gray{border-right:1px solid #ccc !important;}

/*table 반응형*/
.responsive-table {position:relative; border-top:2px solid #000; border-bottom:1px solid #000;}
  .table-body {display: block; width: 100%;}
  .table-body.even li:nth-child(even){background-color:#f7f7f7;}
  .table-body li{display:flex; border-bottom:1px solid #ccc;}
  .technology_01.table-body li:first-child:hover,
  .technology_02.table-body li:first-child:hover{color:#000;}
  .table-body li:last-child dt,
  .table-body li:last-child dd{border-bottom: 0;}
  .table-body li.table-header:hover{color:#333;}
  .table-body li:hover{/*background-color:#e5f6ed;*/color:#01A251;}
  .table-body li:hover a{color:#01A251;}
  .table-body dl {display:flex; width: 100%;line-height:1em;}
  .table-body dl.colum4 dt{width:40%;}
  .table-body dl.colum4 dt a{color:#333; }

  .table-body dl.colum4 dd{width:20%; justify-content: center;} 
  .table-body dl.colum4 dd:last-child{border-right: 0;}
  .table-body dl dt,
  .table-body dl dd {
	width:100%;
	display:flex;
	padding:1.5rem 1rem;
	border-right: 1px solid #ccc;
	font-size: 1.8rem; font-weight:400;
	color:#333;
  }

  .table-body dl dt.align-c p{width:100%; text-align:center;}
  .noresult{display:block !important; text-align:center; padding:2rem 0; }
  .table-body li.li-title:hover{color:#333;}
  .table-body li.li-title{background-color:#f1f1f1;}
  .table-body li button{background-color:transparent;}
  .table-body li .td-div{display:flex; justify-content: center;}
  .table-body li .w-90{width:90%; text-align:left;}
  .table-body li .w-10{width:10%; text-align:left;}
  .table-body li .w-10 button i.download-icon:before{margin-right:0;}
  .table-header{width:100%; background-color:#e8e8e8;}
  .table-body dl.colum5 dt{width:40%;}
  .table-body dl.colum5 dt p{text-align:left; }
  .table-body dl.colum5 dt a{color:#333; }
  .table-body dl.colum5 dd{width:20%;text-align: center; justify-content: center; align-items: center;}
  .table-body dl.colum5 dd.w30{width:30%;}
  .table-body dl.colum5 dd:last-child{border-right:0;}  
  .table-body dl.colum5 dt:hover a{color:#01A251;}
  .h-colum5 h4{width:20%; display:block; text-align: center;    padding:2rem  1rem; border-right:1px solid #ccc; }
  .h-colum5 h4.w40{width:40%;} 
  .h-colum5 h4.w30{width:30%;}
  .h-colum5 h4:last-child{border-right:0;}

  .display-table{display: table;}
  .table-row{display: table-row;}
  .table-row h4:last-child,
  .table-row dd:last-child{border-right:0;}
  .table-row dd span{display:flex;width:100%;  height:100%; align-items: center; justify-content: center;}
  .table-row dd p{display:inline-block;}
  .table-row .w40{width:40%  !important; justify-self: start !important; text-align:left;} 
  .table-row h4.w40{width:40%  !important;  text-align: center; justify-content: center !important; align-items: center !important;} 
  .table-row .w30{width:30%  !important;} 
  .table-row h4,
  .table-row dt,
  .table-row dd{vertical-align:middle; width:20% !important;  }
  .table-row dt div{display:flex; line-height:2.4rem;}
  .table-row dt div:lang(en){display:block; line-height:2.4rem;}
  .table-row dt div span{margin-right:0.5rem; display:block; min-width:7rem;}
  .table-row dt div p{text-align: left; display:block;}
 







 

/*dt table*/
.list-dt-table{position: relative;}
.list-dt-table ul{border-top:2px solid #000; border-bottom:1px solid #000;}
.list-dt-table ul li{border-bottom:1px solid #ccc; padding-left:2rem; padding-right:2rem; padding-top:2.2rem; padding-bottom:2.2rem; }
.list-dt-table ul li:nth-child(even){background-color:#f1f1f1;}
.list-dt-table ul li:last-child{border-bottom:0;}
.list-dt-table ul li dl dt{line-height:3.4rem; color:#000; font-size:1.8rem;margin-bottom:0.5rem;}
.list-dt-table ul li dl dd{line-height:3.4rem; font-size:1.8rem; display:block;}
.list-dt-table ul li dl dd dl{display:flex; align-items: center;}
.list-dt-table ul li dl dd dl dt{color:#333; margin-bottom:0;}
.list-dt-table ul li dd dl dd{color:#333;}
.list-dt-table ul li dd dl dd:lang(en){display: flex;    align-items: center;}
.list-dt-table ul li dd dd::before{content:""; position:relative; width:1px; height:1.5rem; background-color:#ccc; margin-right:2rem; margin-left:2rem; display:inline-block}


/*flex-dl-table*/
.flex-dl-table{position: relative;}
.flex-dl-table > div{display:table;width:100%;  border-top:2px solid #000; border-bottom:1px solid #000; }
.flex-dl-table > div dl{border-right:1px solid #ccc;display:table-cell; min-width:15%;}
.flex-dl-table > div dl:lang(en){ min-width:14%;}
.flex-dl-table > div dl:last-child{border-right:0;}
.flex-dl-table > div dl dt{line-height:2rem; align-items:center;justify-content: center; text-align:center;font-size:1.8rem; color:#000;background-color:#f1f1f1;padding-left:2rem; padding-right:2rem; padding-top:2.2rem; padding-bottom:2.2rem; border-bottom:1px solid #ccc; }
.flex-dl-table > div dl dt:lang(en){height:8.4rem; font-size:1.7rem;;padding-left:0rem; padding-right:0rem;padding-top:3rem; padding-bottom:3rem;}
.flex-dl-table > div dl dt span:lang(en){ display:flex;justify-content: center;  padding-top:0rem;}

.flex-dl-table > div dl dd{line-height:3.4rem; height:14.9rem; text-align:center;display:flex;justify-content: center; align-items: center; min-height:18rem; font-size:1.8rem; color:#333;padding-left:2rem; padding-right:2rem; padding-top:2.2rem; padding-bottom:2.2rem;}
.flex-dl-table > div dl dd li{font-size:1.6rem; line-height:2.5rem;text-align:left;}
.flex-dl-table > div dl dd:lang(en){font-size:1.7rem;}
.flex-dl-table > div dl.w-big{min-width:40%;}
.flex-dl-table > div dl.w-big:lang(en){min-width:44%;}
.flex-dl-table > div dl.w-big dd{justify-content: start; }



/*핀터레스트 리스트*/
.masonry{max-width:110rem; margin:0 auto; /*margin-bottom:10rem;*/ display:grid;  }
#columns{ column-width:33rem; column-gap: 2.5rem; /*padding-bottom:3rem;*/ }
#columns figure{ display: inline-block; margin:0;width:100%; }
#columns figure a{dosplay:block;}
#columns figure img{ width:100%; }
#columns figure figcaption{ margin-top:2rem; }
.masonry dl dt{color:#333; font-weight:700;font-size:2rem; }
.masonry dl dt a{font-size:2rem; font-weight:700; margin-bottom:1rem; color:#333; display:block;}
.masonry dl dt a:lang(en){font-weight:700;}
.masonry dl dd a{font-size:1.8rem; font-weight:400; line-height:2.4rem;color:#333; }
.masonry dl dd:last-child{margin-bottom:5rem;}
.masonry dl dd {margin-top:1rem; color:#333;}
.masonry dl dd span{display:inline-block; color: #01A251; font-size:1.4rem; font-weight:700;}
 
/*TAB CSS*/

ul.small-tabs {
display:flex;
border: 1px solid #ccc;
align-items: center;
}
ul.small-tabs li {
background-color: #f1f1f1;
display:flex;
height:4rem; 
line-height:4rem; 
align-items: center;
border-left:1px solid #ccc;
}
ul.small-tabs li:first-child{border-left:0;}
.footer-inner ul.small-tabs li a{line-height:2em; display:flex; align-items:center; justify-content:center;}
ul.small-tabs li a {
color: #333;
display: block;
height:4rem;
font-size: 1.4rem;
padding: 0 20px;
}
ul.small-tabs li.active{background-color:#fff;}
ul.small-tabs li a:hover {
color: #01A251;
}
html ul.small-tabs li.active a, 
html ul.small-tabs li.active a:hover {
color: #01A251;
}

/*Tab Conent CSS*/
.small_tab_container {
overflow: hidden;
clear: both;
width: 100%;
background: #fff;
}
.small_tab_content {
font-size: 1.2em;
}


/*TAB CSS2*/

ul.small-tabs2 {
display:flex;
border: 1px solid #ccc;
align-items: center;
}
ul.small-tabs2 li {
background-color: #f1f1f1;
display:flex;
height:4rem; 
line-height:4rem; 
align-items: center;
border-left:1px solid #ccc;
}
ul.small-tabs2 li:first-child{border-left:0;}
ul.small-tabs2 li a {
color: #333;
display: block;
height:4rem;
font-size: 1.4rem;
padding: 0 20px;
}
ul.small-tabs2 li.active{background-color:#fff;}
ul.small-tabs2 li a:hover {
color: #01A251;
}
html ul.small-tabs2 li.active a, 
html ul.small-tabs2 li.active a:hover {
color: #01A251;
}

/*Tab Conent CSS*/
.small_tab_container2 {
overflow: hidden;
clear: both;
width: 100%;
background: #fff;
}
.small_tab_content2 {
font-size: 1.2em;
}




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

  .table-warp{width:100%;}
  .table-warp .row-warp{padding-left:0; padding-right:0;}
}

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


	/*와이드 리스트*/
	.list-content dl{margin-bottom:2rem;}
	.list-content .tag{flex-wrap: wrap; margin-top:0;}
	.list-content .tag li{margin-bottom:1rem; }
	.news-list a .news-contents{padding-left:2rem; padding-right:2rem;}
	.news-contents{width:100%; max-width:100%;}
	.list-img-box {max-width:50rem; height:15rem;}
	.list-content{max-width:100%; min-width:18rem; width:100%; }
	.news-contents{height:13.5rem; padding-left:2rem; padding-right:2rem;}
	.news-contents .flex-box{flex-wrap:unset;}
		

	/*리포트 리스트*/
.thum-list-tree{width:100%; padding-left:2rem; padding-right:2rem; max-width:100%;}
.thum-list-tree li{width:32%; padding-left:1rem; padding-right:1rem;}
.thum-list-tree li .btn-tow{display:block; }
.thum-list-tree .seven-img-box .btn-tow{display:flex; }
.thum-list-tree li .btn-tow a{width:100%;}
.thum-list-tree li .btn-tow a:lang(en){font-weight:300; width:100%;}
.btn-tow a + a{border-left:1px solid #ccc; margin-top:1rem;}

	/*flex-dl-table*/
.flex-dl-table > div{display:block; }
.flex-dl-table > div dl{display:flex; border-right:0;border-bottom: 1px solid #ccc; }
.flex-dl-table > div dl dt{width:30%;border-bottom:0;border-right: 1px solid #ccc;}
.flex-dl-table > div dl dt,
.flex-dl-table > div dl dd{display:flex; height:auto} 
.flex-dl-table > div dl dd{min-height:100%; height:100%;}
.flex-dl-table > div dl dt:lang(en){height:inherit}


}

@media only all and (max-width: 1035px) {
	.table-row .w30{width:20%  !important;} 
	
}

@media only all and (max-width: 1025px) 
{
	
	/*table 반응형*/
		.table-body li:hover{background-color: transparent;}
		.table-body li:hover dt,
		.table-body li:hover dd,
		.table-body li:hover dd a,
		.table-body li:hover dt a{color:#01A251}
		.table-body dl{display:block; padding-top:2rem; padding-bottom:2rem; border-right:1px solid #ccc;}
		.table-body dl.oder-list{border-right:0; display:block;}
		.table-body dl.oder-list dt{width:100% !important;}
		.table-body dl.oder-list dd:nth-child(1),
		.table-body dl.oder-list dd:nth-child(2){float: left; display:inline-block; text-align:left;}
		/*.table-body dl.oder-list dd:nth-child(2)::before{content:""; display:inline-block; width:0.1rem; height:1rem; background-color: #ccc; margin-left:1rem; margin-right:1rem; }*/
		.table-body dl.oder-list dd:nth-child(4){width:100%;}
		.table-body dl.oder-list dt,
		.table-body dl.oder-list dd{font-size:1.6rem; justify-content: start;}
		.table-body dl dt, 
		.table-body dl dd{border-right:0; border-bottom:0; padding:1rem 0; padding-bottom:0;}
		.table-body dl dd{font-size:1.2rem;}
		.table-body li .w-10{text-align: center; justify-content: center; }
		.table-body li .w-90{width:80%; text-align:left;}
		.table-body li .w-10{width:20%;}
		.table-body li .download-icon:before{margin-right:0;}
		.table-header{display:none !important; }
		
		.noticontents{display:block; }
		.noticontents .noti span{margin-left:0}
		.noticontents .noti{padding-left:0}
		.table-row dd span{justify-content: flex-start;}
		.normal-table .table-block tr{justify-content: space-between;}
		.normal-table .table-block td{border-bottom:0;}
		
		
		
		
           
            
	
	
  
}

/*767이상*/
@media only all and (min-width: 1100px) {

}
/*767이상*/
@media only all and (max-width: 1000px) {


}

/*767이상*/
@media only all and (min-width: 851px) {
.masonry{padding-left:1rem; padding-right:1rem; }


}

@media only all and (max-width: 850px) {
.tab .tab-inner .colum7 li{width:30%}

.masonry{padding-left:1rem; padding-right:1rem; }
.table-warp .flex-box{display:block;}
.table-warp .flex-box h2{margin-bottom:1rem;}
.table-warp .flex-box.right-align a{margin-top:2rem;}
.masonry{padding-left:1rem !important; padding-right:1rem !important; }
.tab .tab-inner .colum3 li{width:33%}
.tm_none{display:none;}
.list-content dl dd{height:7.6rem; display:block;  overflow:hidden; }
.list-content dl dt{    overflow: hidden;    height: 6rem;}
		


/*table*/

.normal-table table th, 
.normal-table table td,
.normal-table thead.tpc_none th{padding-top:0.5rem; padding-bottom:0.5rem; font-size:1.3rem; }
.table-body li button{background-color:transparent; border:1px solid #ccc; width:100%; display:flex;  align-items: center;    justify-content: center; padding-top:0.5rem; padding-bottom:0.5rem;}
.table-flex{display:flex;  max-width:100%;overflow:hidden; white-space:nowrap; border-bottom:2px solid #333;}
.table-flex thead{border-right:2px solid #333;white-space:nowrap; flex-shrink:0;   flex-direction: column; width:18rem;  }
.table-flex thead tr{display:flex;  background-color:#f1f1f1; }
.table-flex thead.w100 tr th{width:100%;}
.table-flex thead tr th{  display:flex; }
.tpc_none{display:flex; }
.table-flex thead.m_none{display:none;}
.normal-table table.table-flex tbody tr:last-child th, 
.normal-table table.table-flex tbody tr:last-child td{border-bottom:0; white-space:normal;}
.normal-table table.table-flex td{padding-left:0.7rem; padding-right:0.7rem;  font-size:1.3rem; width:100%; min-width:10rem;}
.normal-table table.table-flex.w15 td,
.normal-table table.table-flex.w15 th{min-width:20rem; }
.normal-table table.table-flex.w15 thead th{min-width:10rem; }
.normal-table table.table-flex.w15 td:lang(en){min-width:30rem; }

.normal-table table.table-flex td:first-child{border-right:1px solid #ccc;}
.table-scroll{overflow-x:auto; overflow-y:hidden;  width:100%;  position:relative;
               background-size:10px 100%, 10px 100%;
               background-attachment:scroll, scroll;
               background-repeat:no-repeat;
              
               }
 .table-scroll td:lang(en),
.normal-table table th:lang(en){ align-items: center; }
.normal-table table th:lang(en){width:20rem;}
.table-scroll tr{display:flex; }

/*.normal-table table.m-table-width{width:70rem;}*/
.normal-table table.m-table-width th + th{margin-top:0;}

.table-scroll .none-table-flex tr{display:table-row;}
.table-scroll .none-table-flex tr th{width:25%;}
.table-scroll .none-table-flex tr td{width:25%;}
.table_none{display:block;}
.table-flex .moblie_table_none{display:none; }
.table-flex .h84{height:6.4rem;}

.table-scroll05{overflow-x:auto; overflow-y:hidden;  width:100%;  position:relative;
               background-size:10px 100%, 10px 100%;
               background-attachment:scroll, scroll;
               background-repeat:no-repeat;
              
               }
.table-scroll05 tr{display:; }


}


@media only all and (max-width: 800px) 
{   
    .faq a em{font-size:1.6rem; margin-right:1rem;}
    .faq a.btn span.cate{font-size:1.6rem;}
    
    .faq a strong{display:block; width:100%; margin-top:5px;}
}



/* Mobile 디자인 (해상도 480px ~ 767px)*/
@media only all and (max-width: 767px) {
.masonry{padding-left:2rem; padding-right:2rem; }
.main .masonry{padding-left:0; padding-right:0;}
#columns{ column-gap: 2.5rem; padding-bottom:5rem;}
.masonry dl dd:last-child{margin-bottom:3rem;}
.answer{display:block; }




/*table 기본 스크롤*/
.table-xscroll{
width:100%;
overflow-x: auto;
position: relative;
}
.m-tab-count{display:flex; justify-content: center; align-items: center; height:4.5rem;}
.m-tab-count p{font-size:1.4rem; color:#666;}
.tab{padding-top:0;}
.tab .tab-inner{width:100%; padding-left:2rem; padding-right:2rem; margin-top:1.5rem;}
.table-warp{width:100%;padding-left:2rem; padding-right:2rem;}
.table-warp .row-warp{padding-left:0; padding-right:0;}
.normal-table table th, 
.normal-table table td{font-size:1.3rem; padding-left:0.5rem; padding-right:0.5rem;}
.normal-table table th.th-title{background-color:transparent;}
.normal-table table th{ border-right:1px solid #000;}
.normal-table table th + th{margin-top:1rem;}
.normal-table .overview-table th + th{margin-top:0;}

.arrowlistmenu li a.btnStage.btn{padding-right:15%;}
.arrowlistmenu li a.btnStage.btn:lang(en){display:block;}
.arrowlistmenu li a.btn{padding-left:0; padding-right:0;}
.arrowlistmenu li a.btnStage,
.arrowlistmenu li a.btnStage.btnHover{background-position: center right 0rem !important;}
.categoryitems{padding-left:0; padding-right:0;}
.ethic-contents img,
.categoryitems > div img{width:100%;}
.ethic-contents .editor{font-size:1.6rem; }
.ceo-message p img{width:17.1rem;}

/*아코디언화색*/
.arrowlistmenu li a.btn{padding-top:1.7rem; padding-bottom:1.7rem;}
.arrowlistmenu.gray li{background-color:#fff;}
.arrowlistmenu.gray li a.btnStage span::after{content: none;}
.arrowlistmenu.gray li a.btnStage span:nth-child(4){display:block; width:100%; line-height:2.4rem;}
.arrowlistmenu.gray .categoryitems .corp-row{margin-bottom:0;}
.arrowlistmenu.gray li .categoryitems{padding:0rem 0 !important;}

.arrowlistmenu.gray li a.btnStage span{line-height:2rem; font-size:1.8rem; margin-right:1rem;}
.arrowlistmenu.gray li a.btnStage span.accordprefix{margin-right:0;}
.arrowlistmenu.gray li a.btnStage span.accordsuffix{display:none}
.inv-live dl dt{font-size:1.6rem !important;}


/*테이블*/
.fixTable {width: 70rem !important;}
.fixTable2 {width: 50rem !important; border-bottom:1px solid #000;}
.fixTable2 .w25{width:20%;}
.fixTable2 tr th.gray{border-right:1px solid #ccc !important;}

/*flex-dl-table*/
.flex-dl-table > div{display:block;}
.flex-dl-table > div dl{border-right:none; display:block; border-bottom:1px solid #ccc;}
.flex-dl-table > div dl dt{width:100%; min-height: auto; padding-left:0;padding-top:1.8rem; padding-bottom:1.8rem; }
.flex-dl-table > div dl dt:lang(en){min-height: auto;}
.flex-dl-table > div dl dd{min-height:100%; height:100%; justify-content: inherit;padding-top:1.8rem; padding-bottom:1.8rem; padding-left:0;}
.list-dt-table ul li dd dd::before{content:none;}
.list-dt-table ul li dl dd dl{flex-wrap: wrap;}
.list-dt-table ul li dl dd dl dt{padding-right:2rem;}
.list-dt-table ul li{padding-top:1.8rem; padding-bottom:1.8rem;}


/*table 반응형*/
.table-body li:hover{background-color: transparent;}
.table-body li:hover dt,
.table-body li:hover dd,
.table-body li:hover dd a,
.table-body li:hover dt a{color:#01A251}
.table-body dl{display:block; padding-top:2rem; padding-bottom:2rem; border-right:1px solid #ccc;}
.table-body dl.oder-list{border-right:0; display:block;}
.table-body dl.oder-list dt{width:100%;}
.table-body dl.oder-list dd:nth-child(1),
.table-body dl.oder-list dd:nth-child(2){float: left; display:inline-block; min-width:27%; text-align:left;}
.table-body dl.oder-list dd:nth-child(2)::before{content:""; display:inline-block; width:0.1rem; height:1rem; background-color: #ccc; margin-left:1rem; margin-right:1rem; }
.table-body dl.oder-list dd:nth-child(4){width:100%;}
.table-body dl.oder-list dt,
.table-body dl.oder-list dd{font-size:1.6rem; justify-content: start;}
.table-body dl dt, 
.table-body dl dd{border-right:0; border-bottom:0; padding:1rem 0; padding-bottom:0;}
.table-body dl dd{font-size:1.2rem;}
.table-body li .w-10{text-align: center; justify-content: center; }
.table-body li .w-90{width:100%; text-align:left;}
.table-body li .w-10{width:20%;}
.table-body li .download-icon:before{margin-right:0;}

.table-header{display:none !important; }



/*공지 리스트*/
.noticontents .noti{padding-left:0; padding-right:0; margin-bottom:2rem;}
.noticontents .noti-list-contents p{line-height:3rem;}
.noticontents .noti-day{margin-left:0;margin-top:2rem;}

/*스몰탭*/
ul.small-tabs{width:100%; margin-top:1rem;}
ul.small-tabs li{padding-top:1rem; padding-bottom:1rem; width:100%;}
ul.small-tabs li a{width:100%; text-align:center;}
 


/*와이드 리스트*/
.news-list a .news-contents.flex-box{flex-wrap: nowrap;}
.list-content dl{margin-bottom:2rem;}
.list-content .tag{flex-wrap: wrap; margin-top:0;}
.list-content .tag li{margin-bottom:1rem; }
.news-list a .news-contents{padding-left:2rem; padding-right:2rem;}
.news-contents{width:100%; max-width:100%;}
.list-img-box {max-width:40rem; height:15rem; width:20rem;}
.list-content{max-width:100%; min-width:18rem; width:100%; }
.list-content p{margin-bottom:1rem;}
.list-content dl{line-height:1.5rem;}
.news-contents{height:19rem; flex-wrap: unset;}
 
.thum-list-tree li{width:32%;}
 


} 

   @media screen and (max-width: 720px) {
   
}

@media only all and (max-width: 680px) { 
.thum-list-tree li{width:49%;}
.thum-list-tree li .thum-list-img{width:100%; max-width:100%;}

.flex-box  a + .small-tabs2{margin-top:1rem;}


}

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

.list-content dl dd{display:none;}
.list-content .tag{flex-wrap: wrap; margin-top:0;  left:0rem; padding-left:0;}
.list-content .tag li{margin-bottom:1rem; }
.news-list.icon > ul > li.btnStage{background: url(/common/img/acodion-off.png) no-repeat top 3rem right 1rem;}
.news-list.icon > ul > li.btnStage.btnHover{background: url(/common/img/acodion-on.png) no-repeat top 3rem right 1rem !important;}



/*개인정보*/
.dl-List dl{padding-left:0;}
.categoryitems .orderList li span.num{min-width:auto;}



}


/* Mobile 디자인 (해상도 ~ 479px)*/
@media only all and (max-width: 500px) { 
.tab .tab-inner .colum3 li,
.tab .tab-inner .colum4 li,
.tab .tab-inner .colum6 li,
.tab .tab-inner .colum7 li{width:80%; }

.categoryitems.gray{background-color:#fff;}
.flex-box.right-align.mar-b30 .serch-box{margin-top:2rem; width:100%;}
  .arrowlistmenu > li .flex-box a + a{margin-left:0; margin-top:1rem;}
 
  
.table-height1 td{height:6.5rem; display:flex;align-items: center; }
.table-flex thead{width:12rem;}
.table-flex thead.w016{width:16rem;}
.normal-table table.table-flex td{width:100%;min-width:5rem; justify-content:center;}  
.normal-table table.table-flex.w100 td{min-width:10rem;}
.normal-table table.table-flex.w100 td{min-width:20rem;}


/*와이드 리스트*/
.list-content dl{margin-bottom:2rem;}
.news-list > ul > li{padding-top:2rem; padding-bottom:2rem;}
.list-content .tag{flex-wrap: wrap; margin-top:0; padding-left:0rem;}
.list-content .tag li{margin-bottom:0rem; }
.news-list a .news-contents{padding-left:2rem; padding-right:2rem;}
.list-content dl dt{font-size:1.8rem;margin-bottom:0; line-height: 1.25em; text-align: left; height:7rem;}
 
 
.news-contents .tag{margin-top:0; display:flex;flex-wrap: wrap;}
.news-contents{width:100%; max-width:100%;}
.news-contents .flex-box{flex-wrap:unset;}

.list-img-box{display:block;width:24rem; height:10rem;  margin-right:2rem; }
.list-img-box img{width:100%; height:auto; display:block;min-height:9rem;max-height:16rem;}

.list-content{max-width:100%; /*min-width:18rem;*/ width:100%; position: inherit; }
.safery-list .news-contents{flex-wrap:wrap;}
.news-contents{height:100%; flex-wrap:unset; min-height:11.5rem;}
.thum-list-tree li{width:100%;}
.thum-list-tree li:last-child{padding-bottom:0;}
.list-content p{display:block; margin-bottom:0.5rem !important; }
.safery-list .list-content > p span + span{margin-top:0;}
.thum-list-tree li:last-child{margin-bottom:0;}
.noticontents .noti i{margin-right:1rem;}

/*리스트 테이블*/
.table-body li.li-title{display:none; }

.table-body li{display:block;}
.table-body dl{border-right:0;}
.tow-down .td-div + .td-div{border-left:0;}
.table-body li .w-10{width:100%;}
.table-body li .w-10 button span{font-size:1.6rem; padding-left:1rem;}
.table-body li div{margin-bottom:0.5rem; }
.tow-down .td-div button{    border: 1px solid #ccc;    width: 100%;    justify-content: center; height: 5rem;    align-items: center !important;}

.contact-tab ul.small-tabs li{width:33.3%; display:flex; border-bottom:1px solid #ccc;}
.contact-tab ul.small-tabs{flex-wrap: wrap;    justify-content: space-between; backgtound-color:#f1f1f1;}
.contact-tab ul.small-tabs li:nth-child(4){border-left:0;}
.contact-tab ul.small-tabs li:nth-child(5),
.contact-tab ul.small-tabs li:nth-child(6),
.contact-tab ul.small-tabs li:nth-child(4){border-bottom:0;}


}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table-body dl dd,
    .table-body dl dt, 
    .table-body dl dd {
    font-weight:300;
    }
    .table-body dl dd:lang(en),
    .table-body dl dt:lang(en), 
    .table-body dl dd:lang(en){
    font-weight:200;
    }
}