@charset "utf-8";
.top-padding .wrapper{max-width: 1400px;}

.subTop{position: relative;}
.subTit{text-align: center;letter-spacing: -1.5px;padding-top: 65px;padding-bottom: 50px;p}
.subTit h2{font-size: 72px;font-weight: 800;position: relative;text-transform: uppercase;line-height: 1.05;}
.subTit p{font-size: 20px;padding-top: 12px;line-height: 1.2;}

.pageNav{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;height: 70px;}

body:has(.depth_3) .pageNav{margin-bottom: 10px;}
.pageDr{font-weight:300;position: relative;line-height: 1;font-size: 1em;text-transform: uppercase;display: flex;letter-spacing: -1px;}
.pageDr a.locH{display: inline-block;background:  url(../img/sub/loc_h.png) 0 0 no-repeat;text-indent: -999em;font-size: 0;width: 15px;height: 12px;vertical-align: middle;background-size:12px;}
.pageDr b{font-weight: 700;}
.pageDr .aro{position: relative;display: inline-block;width: 22px;height: 12px;vertical-align: top;text-indent: -999em;font-size: 0;}
.pageDr .aro::before{display: block;content: '';position: absolute;top:50%;left: 50%;margin-left: -2px;margin-top: -2px;width: 3px;height: 3px;background: rgba(0,0,0,0.89);border-radius:50% ;/* position: absolute;border-style:solid;border-color:#000;border-width:0 1px 1px 0 ;padding:3px;transform:rotate(-45deg);top: 3px;left: 2px;margin-left: 0;opacity: .8; */}

.fontSizer{display: inline-flex;gap:7px;justify-content: space-between;align-items: center;}
a.fzBtn{text-indent: -999em;width: 30px;height: 30px;position: relative;transition:.25s ease-out;}
a.fzBtn::before{font-size: 19px;text-indent: 0;color:#000;display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;line-height: 26px;font-family: 'Font Awesome 6 Free';font-weight: 900}
a.fzBtn#font-large::before{content: '\2b';}
a.fzBtn#font-small::before{content: '\f068';}
a.pagePrint{text-indent: -999em;width: 30px;height: 30px;position: relative;transition:.25s ease-out}
a.pagePrint::before{display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/sub/print.png) center no-repeat;
}
a.fzBtn:hover,
a.pagePrint:hover{opacity: .5;}

@media screen and (max-width:1024px) {
.subTit{padding-bottom:25px;padding-top:50px;}
.subTit h2{font-size: 40px;}
.subTit p{letter-spacing: -0.5px;}
.subTit span{display: block;}
.pageNav{height: 60px;margin-bottom: 20px;}
}
@media screen and (max-width:500px) {
.subTit h2{font-size:  calc(36px + (45 - 36) * ((100vw - 320px) / (500 - 320)))}
.subTit p{font-size:  calc(15px + (20 - 15) * ((100vw - 320px) / (500 - 320)));}

.pageNav{height: auto;align-items: flex-start;padding-bottom: 10px;}
.pageDr{font-size: 0.85em;padding-top: 17px;}
.pageDr .aro{width: 14px;}
.pageDr a.locH{background-size:10px;width: 10px;}
.fontSizer{padding-top: 10px;}
a.fzBtn,a.pagePrint{width: 22px;height: 22px;}
a.fzBtn::before{font-size: 14px;}
a.pagePrint::before{background-size:18px auto;}
}
/*-----------------
.subNavWrap
-----------------*/
.swip .menu_list{list-style-type: none;padding: 0;margin: 0;height: 100%;display: inline-block;text-align: center;}
.swip .menu_list li{list-style-type: none;margin: 0;padding: 0;position:relative;box-sizing: border-box;display: inline-block;vertical-align: top;height: 100%;text-align: center;}
.swip .menu_list li a{position:relative;width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 20px;font-weight: 400;padding:0 20px;box-sizing:border-box;letter-spacing:-1px;color: #444;text-transform: capitalize;}

.subNavWrap{position: relative;position: relative;}
.subNavWrap::before{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px solid #e5e5e5;}
.subNavWrap .swip_area{overflow: visible;position: relative;width: 100%;}
.subNavWrap .swip{position: relative;/* top: 0;left: 0; *//* width: 100%; */margin-top: 0;height: 60px;padding: 0;box-sizing: border-box;z-index: 2;font-size: 0;text-align: center;}

/* .subNavWrap .swip .menu_list li:first-child a{padding-left: 0;} */
.subNavWrap .swip .menu_list li a:hover,
.subNavWrap .swip .menu_list li.on a{ color:#000;font-weight: 600;}
.subNavWrap .swip .menu_list li a::after{display: block;content: '';position: absolute;bottom:-1px;left: 0;transform:translateX(-50%);background-color: #0e74ca;transition: all 0.35s ease-out;opacity: 0;z-index: -1;font-size: 0;border-radius:5px ;height: 3px;overflow: hidden;}
.subNavWrap .swip .menu_list li a:hover::after,
.subNavWrap .swip .menu_list li.on a::after{opacity: 1;left: 20px;right: 20px;transform:translateX(0)}
.subNavWrap .swip .menu_list li:first-child a:hover::after,
.subNavWrap .swip .menu_list li.on:first-child a::after{/* left: 0; */}
.subNavWrap .swip .menu_list li + li:before{display: inline-block;content: "";position: absolute;top:50%;left: -1px;width: 4px;height: 4px;background: rgba(0,0,0,0.13);vertical-align: top;transform:translateY(-50%);border-radius:50% ;}
@media screen and (max-width:1024px) {
.subNavWrap{margin-left: -2.5%;margin-right: -2.5%;}
.subNavWrap::before{display: block;content: '';position: absolute;bottom: 1px;left: 0;right: 0;border-bottom: 1px solid #e5e5e5;}
.subNavWrap .swip .menu_list{width: 100%;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;/* text-align: center; */list-style: none;font-size: 0;text-align: left;}
.subNavWrap .swip .menu_list::-webkit-scrollbar{display:none;}
.subNavWrap .swip .menu_list li a{padding: 0 15px;font-size: 19px;}
.subNavWrap .swip .menu_list li a::after{bottom: 0;}
.subNavWrap .swip .menu_list li a:hover::after,
.subNavWrap .swip .menu_list li.on a::after{left: 15px;right: 15px;}

/* .subNavWrap .swip .menu_list li.on:first-child{margin-left: 15px;} */
}
@media screen and (max-width:450px) {
.subNavWrap .swip .menu_list li a{font-size:18px;}
}


.pageContent{overflow: hidden;padding-bottom: 70px;}



table.classic { border: 0; border-collapse: separate; width: 100%; border-top: solid 2px #333;border-bottom: 1px solid #000;}
table.classic td,
table.classic th { border: 0; border-bottom: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5;padding: 20px 0.5% ; text-align: center; line-height: 1.4; vertical-align: middle;  height: auto ;word-wrap:break-word;word-break: break-all;font-size: 20px;}
table.classic th{background-color: #f9f9f9;}
table.classic td{font-weight:400;}
table.classic thead th.first { border-left: none; }
table.classic tbody td.first { border-left: none}
table.classic tbody th { border-left: none;}
table.classic th.bdl{border-left: solid 1px #e5e5e5;background-color: #fff;font-weight: 500;}
table.classic .bdl0{border-left:0}
table.classic th.left,
table.classic td.left,
table.classic tr.left td{padding-left:3%; text-align: left;padding-right: 0.5%; }
table.classic td.va-t{vertical-align: top;}
table.classic.tdLeft tbody td{text-align: left;padding-left: 3%;}
table.classic.thBg tbody th{background-color: #fff;font-weight: 500;}
table.classic tbody td.center{padding-left: 0;padding-right: 0;text-align: center;}
table.classic.thLeft tbody th{text-align: left;padding-left: 0;}
table.classic.tdBdn tbody td{border-left: none;}
table.classic.thBdn thead th{border-left: none;border-color: #333;padding-top: 14px;padding-bottom: 13px;font-size: 0.95em;}
table.classic.thBgn th{background-color: #fff;}
table.classic.tLeftSel thead th:nth-child(2),
table.classic.tLeftSel thead th:last-child,
table.classic.tLeftSel tbody td:nth-child(2),
table.classic.tLeftSel tbody td:last-child{text-align: left;}
table.classic.tLeftSel tbody td{word-break: keep-all}

table.classic.vat td,
table.classic.vat th{vertical-align: top;}
table.tdFz18 tbody th{font-size: 16px;}	
table.tdFz18 tbody td{font-size: 18px;}	
table.tdSahyeop tbody tr td:last-child,
table.tdSahyeop.tdFz18 tbody tr td:nth-last-child(2){font-size: 16px ;}

table.classic .bdt th,table.classic .bdt td{border-top: 1px solid #000;}
table.classic .multith th{padding-top: 10px;padding-bottom: 10px;}
.m_scroll{margin-bottom: 30px;}
.m_scroll::-webkit-scrollbar {  width: 8px;height: 8px;}
.m_scroll::-webkit-scrollbar-track {  background: #f2f2f2; }
.m_scroll::-webkit-scrollbar-thumb {  background: #636261;   border-radius:4px;}
.m_scroll.mb0{margin-bottom: 0;}
.m_scroll {overflow:auto}
/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/

@media screen and (min-width:1201px) {
table.classic.details td,
table.classic.details th{line-height: 1.3;padding-top: 12px;padding-bottom: 12px;}
}
@media screen and (max-width:1200px) {
table.classic td,
table.classic th{font-size: 18px;line-height: 1.3;padding-top: 12px;padding-bottom: 12px;}
}
@media screen and (max-width:920px) {
.subVisual{height: 260px;}
.subVisual img{height: 100%;max-width: inherit;position: relative;left: 50%;margin-left: -465px;}
}
@media screen and (max-width:820px) {
table.classic td,
table.classic th{font-size: 16px;}
.m_scroll table{width: calc(100% + 150px);}
}

table.tdUrl a:hover{text-decoration: underline;color: #E87C35;}
table.tdUrl a:after{display: inline-block;content: '';width: 15px;height: 15px;background: url(../img/common/ico_go_20.svg) 0 0 no-repeat;background-size:100% auto;vertical-align: middle;margin-left: 4px;filter: brightness(0) saturate(100%) invert(68%) sepia(64%) saturate(6336%) hue-rotate(356deg) brightness(93%) contrast(92%);}
table.tdUrl tbody td{font-size: 18px;letter-spacing: -1px;font-family: 'Roboto Flex'; font-variation-settings: 'wdth' 100, 'wght' 400;}
table.tdUrl tbody th{font-size: 16px;}
table.tdUrl tbody tr td:nth-last-child(2){font-size: 16px;text-align: left;}
table.tdUrl thead tr th:last-child{padding-left: 0 !important;padding-right: 0 !important;}
table.tdUrl tbody tr td:last-child{font-size: 13px;text-align: left;letter-spacing: 0;padding-left: 0 !important;padding-right: 0 !important;}
/* table.thNum tbody { counter-reset: rowNum;}
table.thNum tbody tr {counter-increment: rowNum;}
table.thNum tbody tr th::before {content: counter(rowNum);}	 */
table.thNum tbody { counter-reset: rowNum;}
table.thNum tbody tr:has(th:empty) {counter-increment: rowNum;}
table.thNum tbody tr th:empty::before {content: counter(rowNum);}	

/*-------
news | gallery | iframe
----------*/
.pageContent .wrapper .bbs{max-width: 1000px;margin: 0 auto;}
iframe{border: none;overflow: auto;}

.openuri{position:relative;border:1px solid #e0e0e0;padding: 25px ;display: flex;align-items: center;border-radius:15px ;}
.openuri p,
.openuri a{box-sizing: border-box;}
.openuri > a{display: block;width: 180px;flex:0 0 200px;font-size: 0;}
.openuri > a > img{max-width: 100%;}
.openuri p{font-size: 1.13rem;flex:0 0 calc(100% - 200px);padding-left: 20px;}
.openuri p a{text-decoration: underline;font-weight: bold;}
@media all and (max-width: 590px) {
.openuri {padding: 10px;}
.openuri p{font-size: 1rem;}
}
@media all and (max-width: 480px) {
.openuri{display: block;}
.openuri > a{width: auto;padding-bottom: 10px;}
.openuri p{line-height: 1.4;padding-left: 0;}
}