@charset "utf-8";

html.fixed {overflow: hidden;}

/* Font Size Up */
body.default .wrap.sitemap .container dl dt{font-size:28px}
body.default .wrap.sitemap .container dl dd > ol li.parent_tit a{font-size:18px}
body.default .wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit a{font-size:16px}
body.default footer .foot-affil .container .top-box h3{font-size:20px}
body.default footer .foot-affil .container dl dt h6 {font-size: 14px}
body.default footer .foot-affil .container dl dd ul li a {font-size: 16px}

body.medium .wrap.sitemap .container dl dt{font-size:30px}
body.medium .wrap.sitemap .container dl dd > ol li.parent_tit a{font-size:20px}
body.medium .wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit a{font-size:18px}
body.medium footer .foot-affil .container .top-box h3{font-size:22px}
body.medium footer .foot-affil .container dl dt h6 {font-size: 16px}
body.medium footer .foot-affil .container dl dd ul li a {font-size: 18px}

body.large .wrap.sitemap .container dl dt{font-size:32px}
body.large .wrap.sitemap .container dl dd > ol li.parent_tit a{font-size:22px}
body.large .wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit a{font-size:20px}
body.large footer .foot-affil .container .top-box h3{font-size:24px}
body.large footer .foot-affil .container dl dt h6 {font-size: 18px}
body.large footer .foot-affil .container dl dd ul li a {font-size: 20px}

/* Header */
header {width: 100%; height: auto; position: fixed; top: 0; left: 0; background-color: transparent; z-index: 100;}

header .header-wrapper {position: relative;}
header .header-wrapper > .container {margin: 0 auto; padding: 15px 18px; max-width: 1440px; width: 100%; position: relative; background-color: #fff;}
header .dim {z-index: 10;}

.dark header .header-wrapper > .container{background-color:#111;}

header .header-wrapper > .container .left,
header .header-wrapper > .container .right {display: inline-block; width: 25%;}
header .header-wrapper .container .left a {display: block; width: 56px;}
header .header-wrapper .container .left a img{background:url('../img/main_logo_b.svg')no-repeat;background-size:contain;}
.dark header .header-wrapper .container .left a img{background:url('../img/main_logo_w.svg')no-repeat;background-size:contain;}
header .container .menu-tab {display: inline-block; width: 50%;}
header .container .menu-tab ol {text-align: center; position: relative; top: -100px; left: 50%; transform: translateX(-50%); transition: ease-in-out .3s;}
header .container .menu-tab ol li {display: inline-block; margin: 0 26px;}
header .container .menu-tab ol li a {display: inline-block; font-size: 16px; line-height: 36px; font-weight: 700; color: #999;}
header .container .menu-tab ol li.active a {color: #0c2340;}
header .header-wrapper .container .right {text-align: right; position: relative; top: -2px;}
header .container > .right > a {display: inline-block;}
header .container > .right a .hamburger {display: inline-block; margin-right: 0; width: 26px; height: 30px; position: relative; vertical-align: middle;}
header .container > .right a .hamburger span {display: block; position: absolute; width: 100%; height: 2px; left: 0; background-color: #0c2340;}
header .container > .right a .hamburger span:first-child {top: 6px;}
header .container > .right a .hamburger span:nth-child(2) {top: 14px;}
header .container > .right a .hamburger span:nth-child(3) {bottom: 6px;}

.dark header .container > .right a .hamburger span{background-color:#fff;}

header .sub-lnb {margin: 0 auto; padding: 0 40px; max-width: 1440px; width: 100%; position: relative;}
header .sub-lnb .cont {margin-left: 25%;}
header .sub-lnb .cont ol {display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;}
header .sub-lnb .cont ol li {width: auto; margin-right: 4rem;}
header .sub-lnb .cont ol li a {display: block; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: #999;}
header .sub-lnb .cont ol li.active a {box-sizing: border-box; border-bottom: 1px solid #0c2340; font-weight: 700; color: #0c2340;}

header .menu {position: fixed; padding: 0; width: 100%; height: 100%; background: #fff; top: 0; right: -100%; z-index: 11; transition: ease .4s;}
.dark header .menu{background-color:#111;}
header .menu .container {width: 100%; height: 100%; position: relative; overflow-y: auto;}
header .menu .container .top-box {padding: 16px 20px;}
header .menu .container .top-box button {display: block; width: 45px; height: 45px; position: absolute; top: 8px; right: 10px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/close_btn.svg')no-repeat center; background-size: cover;}
.dark header .menu .container .top-box button {display: block; width: 45px; height: 45px; position: absolute; top: 8px; right: 10px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/close_btn_w.svg')no-repeat center; background-size: cover;}

header .menu .container .menu-box {margin-top: 10px;}
header .menu .container .menu-box ol li.menu-tit a.toggle-wrap {display: block; padding: 0 20px;}
header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont {padding: 18px 0; box-sizing: border-box; border-bottom: 1px solid #eee;}
.dark header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont{border-bottom:1px solid #444}
header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont h3 {font-size: 16px; font-weight: 700; line-height: 1.5;}
.dark header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont h3{color:#fff}
header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont i {display: block; width: 24px; height: 24px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/ico_dropdown_navy.png')no-repeat center; background-size: cover; transition: .3s;}
header .menu .container .menu-box ol li.menu-tit a.toggle-wrap.on .cont i {transform: rotate(-180deg);}
header .menu .container .menu-box ol li.menu-tit .dept-two {display: none; padding: 0 20px; background-color: #f9f9f9;}
header .menu .container .menu-box ol li.menu-tit .dept-two ol {padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #eee;}
header .menu .container .menu-box ol li.menu-tit .dept-two ol li {padding: 12px 20px;}
header .menu .container .menu-box ol li.menu-tit .dept-two ol li a {display: block; font-size: 16px; font-weight: 700; line-height: 1.5; color: #999;}
header .menu .container .menu-box ol li.menu-tit .dept-two ol li.active a {color: #0c2340;}

.dark header .menu .container .menu-box ol li.menu-tit .dept-two{background-color:#333;}
.dark header .menu .container .menu-box ol li.menu-tit .dept-two ol{border-bottom:1px solid #444}
.dark header .menu .container .menu-box ol li.menu-tit .dept-two ol li a{color:#666}
.dark header .menu .container .menu-box ol li.menu-tit .dept-two ol li.active a {color:#fff}
.dark header .menu .container .menu-box ol li.menu-tit a.toggle-wrap .cont i{display: block; width: 24px; height: 24px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/ico_dropdown.png')no-repeat center; background-size: cover; transition: .3s;}

header .menu .container .option-box {margin-top: 80px; padding: 0 20px 40px; width: 100%;}
header .menu .container .option-box h4 {padding: 0 0 8px; font-size: 14px; font-weight: 700; line-height: 1.5;}
header .menu .container .option-box .cont ul li.tool-list {padding: 10px 0; border-top: 1px solid #eee;}
header .menu .container .option-box .cont ul li.tool-list .lang-box {display: block; width: 100%; position: relative;}
header .menu .container .option-box .cont ul li.tool-list .lang-box span {display: inline-block; position: relative; top: 8px; font-size: 16px; font-weight: 400; line-height: 1.5;}
header .menu .container .option-box .cont ul li.tool-list .lang-box ul {display: inline-block; padding: 0; top: 0;}

.dark header .menu .container .option-box h4{color:#fff}
.dark header .menu .container .option-box .cont ul li.tool-list{border-top:1px solid #444}
.dark header .menu .container .option-box .cont ul li.tool-list .lang-box span{color:#fff}



header .menu .container .option-box .lang-box,
header .menu .container .option-box .controller {display: inline-block; width: 50%;}
header .menu .container .option-box .lang-box ul {display: inline-block; padding: 0; top: 0;}
header .menu .container .option-box .lang-box ul li {width: 60px; text-align: center; background-color: #ddd;}
header .menu .container .option-box .lang-box ul li a {display: inline-block; padding: 8px 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #aaa;}
header .menu .container .option-box .lang-box ul li.active {background-color: #0c2340;}
header .menu .container .option-box .lang-box ul li.active a {color: #fff;}
header .menu .container .option-box .txt-control,
header .menu .container .option-box .mode-control {display: inline-block;}
header .menu .container .option-box .txt-control {width: 100%;}
header .menu .container .option-box .mode-control {width: 100%;}
header .menu .container .option-box .txt-control > span,
header .menu .container .option-box .mode-control > span {position: relative; top: 8px; font-size: 16px; font-weight: 400; line-height: 1.5; vertical-align: middle;}

.dark header .menu .container .option-box .txt-control > span,
.dark header .menu .container .option-box .mode-control > span{color:#fff}

.dark header .menu .container .option-box .lang-box ul li {background-color: #555;}
.dark header .menu .container .option-box .lang-box ul li a {color: #fff;}
.dark header .menu .container .option-box .lang-box ul li.active {background-color: #fff;}
.dark header .menu .container .option-box .lang-box ul li.active a {color: #111;}

header .menu .container .option-box .txt-control .step-box,
header .menu .container .option-box .mode-control .mode-toggle-box {display: inline-block; height: 100%; top: 0;}
header .menu .container .option-box .txt-control .step-box input {position: absolute; width: 1px; height: 1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0);}
header .menu .container .option-box .txt-control .step-box label {display: inline-block; width: 48px; text-align: center; line-height: 36px; font-weight: 700; background-color: #ddd; cursor: pointer;}
header .menu .container .option-box .txt-control .step-box label.small {font-size: 11px;}
header .menu .container .option-box .txt-control .step-box label.medium {font-size: 14px;}
header .menu .container .option-box .txt-control .step-box label.large {font-size: 18px;}
header .menu .container .option-box .txt-control .step-box input:checked + label {color: #fff; background-color: #0c2340;}
header .menu .container .option-box .mode-control .mode-toggle-box input {position: absolute; width: 1px; height: 1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0);}
header .menu .container .option-box .mode-control .mode-toggle-box label {position: relative; display: inline-block; user-select: none; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -webkit-transition: 0.4s ease; transition: 0.4s ease; -webkit-tap-highlight-color: transparent; height: 36px; width: 60px; border-radius: 63px; cursor: pointer;}
header .menu .container .option-box .mode-control .mode-toggle-box label::before {content: ''; position: absolute; display: block; -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 36px; width: 61px; top: 0; left: 0; border-radius: 18px; background-color: #ddd;}
header .menu .container .option-box .mode-control .mode-toggle-box label::after {content: ''; position: absolute; display: block; -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: #fff; height: 28px; width: 28px; top: 4px; left: 5px; border-radius: 63px;}

header .menu .container .option-box .mode-control .mode-toggle-box input:checked + label::before {background-color: #0c2340;}
header .menu .container .option-box .mode-control .mode-toggle-box input:checked + label::after {left: 28px;}

.dark header .menu .container .option-box .txt-control .step-box label{background-color:#555;color:#fff}
.dark header .menu .container .option-box .txt-control .step-box input:checked + label {color:#111;background-color: #fff}
.dark header .menu .container .option-box .mode-control .mode-toggle-box label::before {content: ''; position: absolute; display: block; -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 36px; width: 61px; top: 0; left: 0; border-radius: 18px; background-color: #555;}
.dark header .menu .container .option-box .mode-control .mode-toggle-box label::after {content: ''; position: absolute; display: block; -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: #111; height: 28px; width: 28px; top: 4px; left: 5px; border-radius: 63px;}

.dark header .menu .container .option-box .mode-control .mode-toggle-box input:checked + label::before {background-color: #fff;}
.dark header .menu .container .option-box .mode-control .mode-toggle-box input:checked + label::after {left: 28px;}

header.on {background-color: #fff;}
header.on .container .menu-tab ol {top: 0;}
header.foot-on {z-index: 8;}

/* s: Main Header */
body.normal header.main-header {background-color: #fff;}
body.normal header.main-header .header-wrapper .container .left a {width: 56px; transition: ease .3s;}
body.normal header.main-header.active .header-wrapper .container .left a {margin-left: 0; width: 56px;}

body.strip header.main-header {position: absolute; top:118px; background-color: #fff;}

body.strip header.main-header.sticky {position: fixed; top: 0; z-index: 13;}

body.normal header.main-header.sticky {position: fixed; top: 0; z-index: 13;}
/* e: Main Header */

/* Footer */
footer .footer_wrap {position: relative; background-color: #fff; z-index: 12;}
footer .footer_wrap .wrapper {margin: 100px auto 0; padding: 0 20px; max-width: 1440px; width: 100%; position: relative;}
footer .footer_wrap .wrapper .top {padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #eee;}
footer .footer_wrap .wrapper .top a {display: inline-block; margin-right: 18px; position: relative;  font-size: 12px; line-height: 1.5; color: #999;}
footer .footer_wrap .wrapper .top a:last-of-type {margin-right: 0;}
footer .footer_wrap .wrapper .top a i {display: inline-block; width: 20px; height: 20px; position: relative; top: -3px; background: url('../img/more_btn.png')no-repeat center; background-size: cover; transition: .3s;}
footer .footer_wrap .wrapper .top a.on {color: #0c2340;}
footer .footer_wrap .wrapper .top a.on i {background: url('../img/more_btn_active.png')no-repeat center; background-size: cover;}
footer .footer_wrap .wrapper .bottom {padding: 20px 0;}
footer .footer_wrap .wrapper .bottom p,
footer .footer_wrap .wrapper .bottom a {display: inline-block; font-size: 12px; line-height: 1.6; color: #aaa; transition: .3s;}
footer .footer_wrap .wrapper .bottom ul {width: 100%;}
footer .footer_wrap .wrapper .bottom ul li {padding: 0 10px 0 0; font-size: 12px; line-height: 1.6; color: #aaa;}

.dark footer .footer_wrap{background-color:#111;}
.dark footer .footer_wrap .wrapper .top{border-bottom:1px solid #444}
.dark footer .footer_wrap .wrapper .top a{color:#666}
.dark footer .footer_wrap .wrapper .top a.on{color:#fff}
.dark footer .footer_wrap .wrapper .bottom p,
.dark footer .footer_wrap .wrapper .bottom a{color:#666}
.dark footer .footer_wrap .wrapper .bottom ul li {color: #666;}
.dark footer .footer_wrap .wrapper .top a i {display: inline-block; width: 20px; height: 20px; position: relative; top: -3px; background: url('../img/more_btn_b.png')no-repeat center; background-size: cover; transition: .3s;}
.dark footer .footer_wrap .wrapper .top a.on i {background: url('../img/more_btn_active_w.png')no-repeat center; background-size: cover;}

footer .foot-affil {display: none; position: fixed; width: 100%; height: calc(100% - 121px);  bottom: -700px; left: 0; background-color: #fff; transition: ease-in-out .4s; z-index: 13;}
footer .foot-affil .container {margin: 0 auto; padding: 0; max-width: 1440px; width: 100%; position: relative;}
footer .foot-affil .container .top-box {padding: 16px 20px; position: relative; box-sizing: border-box; border-bottom: 1px solid #eee;}
footer .foot-affil .container .top-box h3 {font-size: 20px; line-height: 1.5;}
footer .foot-affil .container .top-box button {display: block; width: 45px; height: 45px; position: absolute; top: 8px; right: 10px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/close_btn.svg')no-repeat center; background-size: cover;}
footer .foot-affil .container .margin-box {margin: 0; padding: 40px 10px; box-sizing: border-box;}
footer .foot-affil .container dl {display: inline-block; margin: 0 10px 40px; width: calc(50% - 20px);}
footer .foot-affil .container dl:nth-of-type(5),
footer .foot-affil .container dl:last-of-type {margin-bottom: 0;}
footer .foot-affil .container dl dt {margin-bottom: 12px;}
footer .foot-affil .container dl dt h6 {font-size: 14px; line-height: 1.5; color: #999;}
footer .foot-affil .container dl dd ul li {margin-bottom: 12px;}
footer .foot-affil .container dl dd ul li:last-child {margin-bottom: 0;}
footer .foot-affil .container dl dd ul li a {font-size: 16px; font-weight: 700; line-height: 1.5; word-break: break-all;}
footer .foot-affil.on {display: block; top: 0; bottom: auto;}
footer .dim {transition: .3s; z-index: 9;}
/* footer .dim.on {display: none;} */

/* s: 20231220 add */
footer .footer_award {display: block; width: 100%; height: 50px; margin-bottom: 20px;}
footer .footer_award ul {display: flex; flex-flow: row wrap; width: 100%; height: 30px;}
footer .footer_award ul li {height: 100%;}
footer .footer_award ul li:not(:last-child) {margin-right: 15px;}
footer .footer_award ul li img {width: unset; height: 100%;}
.dark footer .footer_award li:nth-child(2) img {background: url('/img/design_logo_2_w.svg') no-repeat 0 0;}
/* e: 20231220 add */

.dark footer .foot-affil {display: none; position: fixed; width: 100%; height: calc(100% - 121px);  bottom: -700px; left: 0; background-color: #111; transition: ease-in-out .4s; z-index: 13;}
.dark footer .foot-affil .container {margin: 0 auto; padding: 0; max-width: 1440px; width: 100%; position: relative;}
.dark footer .foot-affil .container .top-box {padding: 16px 20px; position: relative; box-sizing: border-box; border-bottom: 1px solid #444;}
.dark footer .foot-affil .container .top-box h3 {color:#fff}
.dark footer .foot-affil .container .top-box button {display: block; width: 45px; height: 45px; position: absolute; top: 8px; right: 10px; text-indent: -9999px; color: transparent; overflow: hidden; background: url('../img/close_btn_w.svg')no-repeat center; background-size: cover;}
.dark footer .foot-affil .container .margin-box {margin: 0; padding: 40px 10px; box-sizing: border-box;}
.dark footer .foot-affil .container dl {display: inline-block; margin: 0 10px 40px; width: calc(50% - 20px);}
.dark footer .foot-affil .container dl:nth-of-type(5),
.dark footer .foot-affil .container dl:last-of-type {margin-bottom: 0;}
.dark footer .foot-affil .container dl dt {margin-bottom: 12px;}
.dark footer .foot-affil .container dl dt h6 {font-size: 14px; line-height: 1.5; color: #666;}
.dark footer .foot-affil .container dl dd ul li {margin-bottom: 12px;}
.dark footer .foot-affil .container dl dd ul li:last-child {margin-bottom: 0;}
.dark footer .foot-affil .container dl dd ul li a {color:#fff}
.dark footer .foot-affil.on {display: block; top: 0; bottom: auto;}

@media only screen and (max-height: 667px) {
  footer .foot-affil .container {height: 100%;}
  footer .foot-affil .container .margin-box {height: 100%; overflow-y: auto; max-height: 470px;}
}

@media only screen and (max-height: 568px) {
  footer .foot-affil .container .margin-box {height: 100%; overflow-y: auto; max-height: 380px;}
}


/* Global */
/* .wrap {margin:264px auto 0; padding: 0 40px; max-width: 1440px; width: 100%;} */
.wrap {margin-top: 60px;}
.wrap.wide{max-width:none;padding:0;}
.wrap .hidden-header {width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 8;}
.wrap .hidden-header > .cont {margin: 0 auto; padding: 26px 40px; max-width: 1440px; width: 100%; position: relative;}
.wrap .hidden-header .cont .gnb-category {margin-left: calc(25% - -5px);}
.wrap .hidden-header .cont .gnb-category a {display: inline-block; font-size: 16px; font-weight: 700; line-height: 36px;}
.wrap .hidden-header .sub-lnb {margin: 0 auto; padding: 0 40px; max-width: 1440px; width: 100%; position: relative;}
.wrap .hidden-header .sub-lnb .cont {margin-left: calc(25% - -5px);}
.wrap .hidden-header .sub-lnb .cont ol {display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;}
.wrap .hidden-header .sub-lnb .cont ol li {width: auto; margin-right: 4rem;}
.wrap .hidden-header .sub-lnb .cont ol li a {display: block; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: #999;}
.wrap .hidden-header .sub-lnb .cont ol li.active a {box-sizing: border-box; border-bottom: 1px solid #0c2340; font-weight: 700; color: #0c2340;}

.wrap .container {position: relative;}

.wrap > .container > .tab{width:100%;position:absolute;top:104px; background-color: #f9f9f9; z-index:2;}
.wrap > .container > .tab .tab_btn{width:100%;display:block;font-size:14px;line-height:1.5;padding:14px 18px 13px 20px;color:#fff;;text-align:left;font-weight:bold;background-color: #0c2340;}
.wrap > .container > .tab .tab_btn::before{content: ''; position: absolute; background: url('../img/ico_dropdown.png')no-repeat; background-size: 24px 24px; top: 12px; right: 16px; width: 24px; height: 24px; transition: all 0.3s ease-in-out; transform: rotate(0);}
.wrap > .container > .tab.open .tab_btn::before{transform: rotate(-180deg);}

.wrap > .container > .tab ul li{display:block;}
.wrap > .container > .tab ul li:last-of-type {box-sizing: border-box; border-bottom: 1px solid #eee;}
.wrap > .container > .tab ul li a{display:block; margin: 0 auto; width: calc(100% - 38px); padding:14px 0 13px;font-size:14px;line-height:1.5;background-color:#f9f9f9;font-weight:700;box-sizing: border-box; border-bottom: 1px solid #eee;}
.wrap > .container > .tab ul li:last-of-type a {border-bottom: none;}
.wrap > .container > .tab ul li a.on{background-color:#0c2340;color:#fff}
.wrap > .container > .tab.on {margin: 0 auto; padding: 0; max-width: 1440px; width: 100%; position: fixed; top: 60px; z-index: 99;}
.wrap > .container > .tab.foot-on {z-index: 8;}

.visible{opacity:1 !important;top:0 !important}

/* Dark Mode */
.dark .wrap {margin-top: 60px;}
.dark .wrap.wide{max-width:none;padding:0;}
.dark .wrap .hidden-header {width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 8;}
.dark .wrap .hidden-header > .cont {margin: 0 auto; padding: 26px 40px; max-width: 1440px; width: 100%; position: relative;}
.dark .wrap .hidden-header .cont .gnb-category {margin-left: calc(25% - -5px);}
.dark .wrap .hidden-header .cont .gnb-category a {display: inline-block; font-size: 16px; font-weight: 700; line-height: 36px;}
.dark .wrap .hidden-header .sub-lnb {margin: 0 auto; padding: 0 40px; max-width: 1440px; width: 100%; position: relative;}
.dark .wrap .hidden-header .sub-lnb .cont {margin-left: calc(25% - -5px);}
.dark .wrap .hidden-header .sub-lnb .cont ol {display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;}
.dark .wrap .hidden-header .sub-lnb .cont ol li {width: auto; margin-right: 4rem;}
.dark .wrap .hidden-header .sub-lnb .cont ol li a {display: block; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 1.5; color: #999;}
.dark .wrap .hidden-header .sub-lnb .cont ol li.active a {box-sizing: border-box; border-bottom: 1px solid #0c2340; font-weight: 700; color: #0c2340;}

.dark .wrap .container {position: relative;}

.dark .wrap > .container > .tab{background-color:#333}
.dark .wrap > .container > .tab .tab_btn{color:#111;;background-color:#fff}
.dark .wrap > .container > .tab .tab_btn::before{content: ''; position: absolute; background: url('../img/ico_dropdown_navy.png')no-repeat; background-size: 24px 24px; top: 12px; right: 16px; width: 24px; height: 24px; transition: all 0.3s ease-in-out; transform: rotate(0);}
.dark .wrap > .container > .tab.open .tab_btn::before{transform: rotate(-180deg);}

.dark .wrap > .container > .tab ul li{display:block;}
.dark .wrap > .container > .tab ul li:last-of-type {box-sizing: border-box; border-bottom: 1px solid #444;}
.dark .wrap > .container > .tab ul li a{display:block; margin: 0 auto; width: calc(100% - 38px); padding:14px 0 13px;font-size:14px;line-height:1.5;background-color:#333;font-weight:700;box-sizing: border-box; border-bottom: 1px solid #444;color:#fff;}
.dark .wrap > .container > .tab ul li:last-of-type a {border-bottom: none;}
.dark .wrap > .container > .tab ul li a.on{background-color:#fff;color:#111}
.dark .wrap > .container > .tab.on {margin: 0 auto; padding: 0; max-width: 1440px; width: 100%; position: fixed; top: 60px; z-index: 99;}
.dark .wrap > .container > .tab.foot-on {z-index: 8;}

/* popup */
.popup{position:fixed;display:none;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:100}
.popup.active{display:block}
.popup .dim{position:fixed;width:100%;height:100%;background:#000;opacity:.5;display:block;}
.pop-container{padding:24px;background:#fff;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9999999;}
.popup .btn_close{width:36px;height:36px;position:absolute;z-index:100;top:20px;right:20px;cursor:pointer;}
.popup .btn_close span{position:absolute;top:17px;left:0;width:100%;height:2px;background:#000;transform:rotate(45deg);}
.popup .btn_close span:last-child{transform:rotate(-45deg);}

.popup.email .pop-container {padding: 0; width: calc(100% - 40px); height: auto; left: 20px; transform: translate(0, -50%);}
.popup.email .pop-container .pop_cont .content-area {text-align: center;}
.popup.email .pop-container .pop_cont .content-area .txt-wrap {padding: 32px;}
.popup.email .pop-container .pop_cont .content-area .txt-wrap h3 {margin-bottom: 15px; font-size: 20px; line-height: 1.5;}
.popup.email .pop-container .pop_cont .content-area .txt-wrap p {font-size: 14px; font-weight: 400; line-height: 1.5; word-break: keep-all;}
.popup.email .pop-container .pop_cont .btn-wrap {height: 60px;}
.popup.email .pop-container .pop_cont .btn-wrap button {display: inline-block; width: 100%; height: 100%; box-sizing: border-box; border-top: 1px solid #eee;font-size: 14px; font-weight: 700; color: #0c2340;}

.dark .popup.email .pop-container .pop_cont .btn-wrap button {border-top: 1px solid #444;color: #fff;background-color:#111;}
.dark .popup.email .pop-container .pop_cont .btn-wrap .btn-box:first-of-type {border-right: 1px solid #444;}

/* Site Map */
.wrap.sitemap {margin-top: 100px; padding: 0 20px;}
.wrap.sitemap .container dl{display: block; margin-bottom: 40px; padding-bottom: 40px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;opacity:0;transition: all 0.8s ease;position:relative;top:40px}
.wrap.sitemap .container dl:last-of-type{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.wrap.sitemap .container dl dt{font-size:28px;line-height:1.4;font-weight:700;}
.wrap.sitemap .container dl dd{font-size:0;margin-top:24px}
.wrap.sitemap .container dl dd > ol {margin-left: 80px;}
.wrap.sitemap .container dl dd > ol li.parent_tit{margin-bottom:20px}
.wrap.sitemap .container dl dd > ol li.parent_tit:last-child{margin-bottom:0;}
.wrap.sitemap .container dl dd > ol li.parent_tit a{display:block;font-size:18px;line-height:1.7;font-weight:700;}
.wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit{margin:4px 0}
.wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit a{display:block;font-size:16px;line-height:1.7;color:#666;font-weight:500;}

.dark .wrap.sitemap .container dl{display: block; margin-bottom: 40px; padding-bottom: 40px; width: 100%; box-sizing: border-box; border-bottom: 1px solid #444;opacity:0;transition: all 0.8s ease;position:relative;top:40px}
.dark .wrap.sitemap .container dl:last-of-type{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.dark .wrap.sitemap .container dl dt{color:#fff}
.dark .wrap.sitemap .container dl dd > ol {margin-left: 80px;}
.dark .wrap.sitemap .container dl dd > ol li.parent_tit{margin-bottom:20px}
.dark .wrap.sitemap .container dl dd > ol li.parent_tit:last-child{margin-bottom:0;}
.dark .wrap.sitemap .container dl dd > ol li.parent_tit a{color:#fff}
.dark .wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit{margin:4px 0}
.dark .wrap.sitemap .container dl dd > ol li.parent_tit > ol li.child_tit a{display:block;font-size:16px;line-height:1.7;color:#666;font-weight:500;}

.top-btn-wrap {position: fixed; display: block; bottom: 120px; right: 20px; width: 48px; height: 48px; overflow: hidden; z-index: 12;}
.top-btn-wrap.low {z-index: 10;}
.top-btn-wrap .cont {width: 100%; height: 100%;}
.top-btn-wrap .cont button {display: block; width: 100%; height: 100%; text-indent: -9999px; color: transparent; overflow: hidden; background-image: url('../img/ico_top_btn.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.dark .top-btn-wrap .cont button{display: block; width: 100%; height: 100%; text-indent: -9999px; color: transparent; overflow: hidden; background-image: url('../img/ico_top_btn_b.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}

/* Error */
/* .wrap.error .container{opacity:0;transition: all .8s ease;position:relative;top:40px}
.wrap.error .container .error_cont{margin-top:100px;padding:0 20px;}
.wrap.error .container .error_cont .error_inner_box h2{font-size:28px;line-height:1.4;font-weight:700;}
.wrap.error .container .error_cont .error_inner_box p{font-size:16px;line-height:1.5;margin-top:24px}
.wrap.error .container .error_cont .error_inner_box p em{font-size:16px;line-height:1.5;display:inline-block;}
.wrap.error .container .error_cont .error_inner_box a{display:inline-block;width:160px;height:48px;font-size:14px;font-weight:700;line-height:1.5;text-align:center;padding:14px 16px 13px;margin-top:56px;border:1px solid #0c2340} */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 footer .foot-affil.on {bottom: 126px;}
}

/* table 20231129 add */
.table-cont {width: 100%; position: relative;}
.table-cont h4 {font-size: 16px; font-weight: 700; margin: 15px 0 5px 0;}
.table-cont table {width: 100%; border-top: 1px solid #0c2340; position: relative;}
.table-cont table thead th {background-color: #f9f9f9;}
.table-cont table tr {border-bottom: 1px solid #eee;}
.table-cont table th {font-weight: 700; vertical-align: top;}
.table-cont table th.font_normal {font-weight: 500;}
.table-cont table th,
.table-cont table td {font-size: 14px; line-height: 1.5; padding: 10px 5px; box-sizing: border-box;}
.table-cont .table-scroll {width: 100%; overflow: hidden; overflow-x: scroll;}
.table-cont .table-scroll table {width: 500px;}

body.medium .table-cont h4 {font-size: 18px;}
body.medium .table-cont table th,
body.medium .table-cont table td {font-size: 16px;}
body.large .table-cont h4 {font-size: 20px;}
body.large .table-cont table th,
body.large .table-cont table td {font-size: 18px;}

.dark .table-cont h4 {color: #fff;}
.dark .table-cont table {border-color: #fff;}
.dark .table-cont table thead th {background-color: #333;}
.dark .table-cont table tr {border-color: #444;}
.dark .table-cont table th,
.dark .table-cont table td {color: #fff;}