@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 #133f75; 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("../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("../img/acodion-off.png") no-repeat center right 2rem; } 
.arrowlistmenu > li a.btnStage.btnHover span,
.arrowlistmenu > li a.btnStage.btnHover:hover span { color:#133f75; font-weight:700; } 
.arrowlistmenu > li a.btnStage.btnHover { color:#133f75; background:url("../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("../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.btnHover span,
.arrowlistmenu23 > li a.btnStage.btnHover:hover span { color:#133f75; font-weight:700; } 
.arrowlistmenu23 > li a.btnStage.btnHover { color:#133f75; } 
.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:#133f75; } 
.arrowlistmenu.gray li a.btnStage span::after { content:""; display:inline-block; width:1px; height:1.5rem; background-color:#ccc; 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:#133f75; font-weight:700; } 
.arrowlistmenu.gray > li a.btnStage.btnHover span:lang(en),
.arrowlistmenu.gray > li a.btnStage.btnHover:hover span:lang(en) { color:#133f75; 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:#133f75; 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:#133f75; 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("../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:#133f75; font-weight:700; } 
.news-list.icon > ul > li.btnStage.btnHover { color:#133f75; background:url("../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; overflow:hidden; 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:#133f75; } 
.news-contents .tag li a { font-size:1.4rem; color:#133f75; } 

.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:#133f75; 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(https://www.hdec.kr/common/img/bell.svg); } 
.noticontents .noti i.calendar { background-image: url(https://www.hdec.kr/common/img/calendar.svg); } 
.noticontents .noti span { color:#133f75; 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 #133f75; } 
.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:#133f75; 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-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; } 
.paging-box a:hover,
.paging-box a.on { background-color:#133f75; 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(https://www.hdec.kr/common/img/paging-pre.svg); } 
.paging-box a i.paging-pre-step { background-image: url(https://www.hdec.kr/common/img/paging-pre-step.svg); } 
.paging-box a i.paging-next-step { background-image: url(https://www.hdec.kr/common/img/paging-pre-step.svg); transform: rotate(-180deg); } 
.paging-box a i.paging-next { background-image: url(https://www.hdec.kr/common/img/paging-pre.svg); transform: rotate(-180deg); } 


.paging-box a:hover i.paging-pre { background-image: url(https://www.hdec.kr/common/img/paging-pre-on.svg); } 
.paging-box a:hover i.paging-pre-step { background-image: url(https://www.hdec.kr/common/img/paging-pre-step-on.svg); } 
.paging-box a:hover i.paging-next-step { background-image: url(https://www.hdec.kr/common/img/paging-pre-step-on.svg); transform: rotate(-180deg); } 
.paging-box a:hover i.paging-next { background-image: url(https://www.hdec.kr/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 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; } 
.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-top:1.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:1rem; } 
.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; } 

/*숫자 리스트*/
.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 { 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; z-index:1; } 
.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 #133f75; border-left:0; border-bottom:none; background-color:#133f75; height:6.5rem; color:#133f75; 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: 2rem;color: #fff;font-family: "SUIT-BOLD";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 #07182c; 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:#133f75; } 

.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:#133f75; 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:#133f75; } 
.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:#133f75; } 
.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:#133f75; } 
 .table-body li:hover a { color:#133f75; } 
 .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:2rem 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 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; } 
 .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:8rem; 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 { display:block; } 
#columns figure img { width:100%; } 
#columns figure figcaption { margin-top:1.2rem; margin-bottom: 5rem; } 
/* .masonry dl dt { color:#0a2a52; font-weight:700; font-size:2.2rem; letter-spacing: -1px; margin-bottom: 1rem; } 
.masonry dl dt a { font-size:2rem; font-weight:700; margin-bottom:1rem; color:#333; display:block; } 
.masonry dl dd a { font-size:1.6rem; font-weight:400; line-height:2.4rem; color:#333; } 
.masonry dl dd:last-child { margin-bottom:5rem; } 
.masonry dl dd { color:#333; letter-spacing: -1px; font-size:1.6rem; line-height: 3rem; } 
.masonry dl dd strong { color:#525252; font-size:1.4rem; font-weight: 600; border-right: 1px solid #ccc; width:500px; }
.masonry dl dd span { display:inline-block; font-size:1.5rem; padding-left:0.5rem; } 
  */

.masonry figcaption > span{
    display: block; color:#0a2a52; font-size:2.1rem; letter-spacing: -1px; margin-bottom: 1rem; font-family: "SUIT-BOLD"; 
    
}
.masonry dl div {
    display: flex;
    gap: 13px;
    align-items: center;    
}

.masonry dl dt {
    letter-spacing: -0.02em;    
    width: 19%;
    color:#333;
    font-family: "SUIT-BOLD";    
    font-size: 1.5rem;    
}

.masonry dl dt {
    border-right: 1px solid #ccc;
    padding-right: 8px;
    line-height: 0.85;

}
.masonry dl div + div {
    margin-top: 4px;
}
.masonry dl dd {
    margin-bottom: 0;
    font-size: 1.6rem;
    color:#333;
    letter-spacing: -1px;
}

.masonry .images{
    position: relative;
}


.masonry .images a i{

    position: absolute;
    right: 13px;
    top: 10px;
    color: #fff;
    text-shadow: 0 0 5px #000;
}

.masonry .images  a i.fa-edit{
    right: 40px
}


/*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: #133f75; } 
html ul.small-tabs li.active a, 
html ul.small-tabs li.active a:hover {color: #133f75; } 

/*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: #133f75; } 
html ul.small-tabs2 li.active a, 
html ul.small-tabs2 li.active a:hover {color: #133f75; } 

/*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:#133f75 } 
.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) { 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; } 
.masonry dl dt{width: 21%;}

.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_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; }


}



/* 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:#133f75 } 
.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) { 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(../img/acodion-off.png) no-repeat top 3rem right 1rem; } 
.news-list.icon > ul > li.btnStage.btnHover { background: url(../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:2rem; margin-bottom:0; line-height: 1.25em; text-align: left; height:5rem; } 
 
 
.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 { max-width:10rem; height:7rem; } 
.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; background-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; } 
 }