@import url('basic.css');

#wrap {position: relative;}
#wrap:not(.systmPage) .page-title-wrap .h-sub {text-align: left; margin-top: 3rem;}
#header .header-container {position:relative; z-index:5; border-bottom:1px solid #ddd;}
#header .header-container .logo { width: 20rem; height: 5rem; }
#header .header-container .logo a.logo-txt { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; background: none;  background: url('/images/web/eng/logo_eng.svg') no-repeat 50% 50%; background-size:contain;}
#header .header-container .header-actions { gap: 3rem; }
#header .header-container .btn-navi:active,
#header .header-container .btn-navi:focus {background-color: transparent;}
.sub_container#container > .inner {padding:5rem 0 8rem; max-width:140rem;}

.krds-btn.text:active, .krds-btn.text:focus {background-color: transparent;}
.krds-main-menu .gnb-menu .gnb-main-trigger:focus {box-shadow: none; outline-offset: 0;}
.krds-form-check input[type=radio]:focus ~ label,
.krds-form-check input[type=checkbox]:focus ~ label {outline: 0.2rem dashed #6D7882; box-shadow: none; outline-offset: 0.1rem;}
.krds-main-menu {border-top:0; border-bottom:1px solid #ededed;}
.krds-main-menu .inner {justify-content: space-between; display:flex; align-items:center; padding:0;}
.krds-main-menu .gnb-toggle-wrap {margin-top: 0; border: 1px solid #D8D8D8; overflow:hidden;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list {padding-top: 0;}
.krds-main-menu .gnb-toggle-wrap .gnb-main-list .sub-title-wrap {padding: 8rem 0;}
.krds-main-menu .gnb-menu {width:100%; gap: 0;}
.krds-main-menu .gnb-menu > li {flex:1;}
.krds-main-menu .gnb-menu .gnb-main-trigger {width: 100%; cursor:pointer; justify-content:center; gap:0;}
.krds-main-menu .gnb-menu .gnb-main-trigger:hover {background-color: transparent;}
.krds-main-menu .gnb-menu .gnb-main-trigger:after {display:none;}
.krds-main-menu .gnb-menu .gnb-main-trigger.active {color:#1e2678;}
.krds-main-menu .gnb-menu .gnb-main-trigger span {position:relative;}
.krds-main-menu .gnb-menu .gnb-main-trigger.active span:before {content:''; position:absolute; width:0.8rem; height:0.8rem; border-radius:50%; background:#00a29a; top:-0.25rem; right:-1rem;}
.krds-util {min-width:5rem; text-align:right;}

.gnb-toggle-wrap {padding:0;}
.gnb-toggle-wrap.depth02 ul {max-width:160rem; margin:0 auto;}
.gnb-toggle-wrap.depth02 ul li {position:relative; display:flex; align-items: stretch;}
.gnb-toggle-wrap.depth02 ul li > .title {position:relative; max-width:25rem; flex: 0 0 25rem; width:100%; z-index:1; padding:5rem 0; display: flex; flex-direction: column;}
.gnb-toggle-wrap.depth02 ul li > .title:before {content:''; position:absolute; left:-100%; bottom:-10rem; background: url('/images/web/eng/layout/menu_bg.png') no-repeat 50% 50%; width:33rem; height:31rem; background-size:contain; z-index:0;}
.gnb-toggle-wrap.depth02 ul li > .title:after {content:''; position:absolute; width:100vw; height:100%; top:0; left:100%; transform:translate(-100%, 0); background: linear-gradient(to bottom, #e6f7fe 0%, #e5efeb 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 80%, black 100%); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; z-index: -1;}
.gnb-toggle-wrap.depth02 ul li > .title .tit {font-size:3rem; font-weight:700; color:#111; letter-spacing:-0.1rem; position:relative; z-index:1; line-height:1.2;}
.gnb-toggle-wrap.depth02 ul li > .title .txt {font-size:1.6rem; font-weight:400; color:#666; margin-top:1.5rem; position:relative; z-index:1;}
.gnb-toggle-wrap.depth02 ul li > .content > * {min-width: 0;}
.gnb-toggle-wrap.depth02 ul li > .content {padding:3.5rem; flex: 1 1 auto;}
.gnb-toggle-wrap.depth02 ul li > .content > ul {min-width: 0; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3.5rem 5rem;}
.gnb-toggle-wrap.depth02 ul li > .content > ul > .dep {display:flex; flex-direction:column;}
.gnb-toggle-wrap.depth02 ul li > .content > ul > .dep > a {background:#f8f8f8; color:#000; font-size:2.2rem; font-weight:500; display:flex; height:5.6rem; width:100%; align-items:center; justify-content:center; transition:all 0.2s;}
.gnb-toggle-wrap.depth02 ul li > .content > ul > .dep:hover > a,
.gnb-toggle-wrap.depth02 ul li > .content > ul > .dep:focus > a {background:#0d46ba; color:#fff;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 {padding:2rem 3rem;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 ul {display:flex; flex-direction:column; gap:0.5rem;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a {position:relative; padding-left:1.5rem; transition:all 0.2s;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a:before {content:''; position:absolute; left:0; top:1.15rem; width:0.5rem; height:0.5rem; border-radius:50%; background:#ccc;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a span { font-size:2rem; font-weight:400; color:#333; transition:all 0.2s;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a:hover:before,
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a:focus:before {background:#58f1ff;}
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a:hover span,
.gnb-toggle-wrap.depth02 ul li > .content ul .dep .depth03 a:focus span {color:#0d46ba; font-weight:700;}

.krds-main-menu-mobile .gnb-wrap {width: 100%;}
.krds-main-menu-mobile {right: auto; top: -100%;}
.krds-main-menu-mobile.is-open {right: auto; top: 0;}

/* 언어 드롭다운 */
.krds-drop-wrap .drop-menu {min-width: 16rem;}
.krds-drop-wrap .drop-menu .drop-list .item-link:not(.active):hover {background-color: #F1F2F3; color: #00347A; font-weight: 700;}
.krds-drop-wrap .drop-menu .drop-list .item-link.ico-go::after {-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/web/eng/KRDS/component/icon/ico_go_20.svg); mask-image: url(/images/web/eng/KRDS/component/icon/ico_go_20.svg); background: none; background-color: #1D1D1D;}
.krds-drop-wrap .drop-menu .drop-list .item-link.ico-go:hover::after {background-color: #00347A;}

/* 퀵메뉴 */
.quick-menu {transition: none; position: fixed; top: 50%; left: 50%; transform: translate(82rem, calc(-50% - 8rem)); max-width:10.8rem; width:100%; z-index:20;}
.quick-menu .quick-wrap {border-radius:1.5rem; border:1px solid #1e2678; overflow: hidden;}
.quick-menu .tit {display: flex; height:5.5rem; flex-direction: column; align-items: center; justify-content: center; background:#1e2678; color:#fff; font-size:1.5rem; font-weight:700; text-align:center; line-height:1.2;}
.quick-menu .quick-list {background:#fff; overflow:hidden;}
.quick-menu .quick-list > li a {position:relative; display: flex; width:100%; align-items:center; justify-content:center; text-align:center; height:6rem; font-weight:400; color:#333; font-size:1.4rem; transition:all 0.2s; letter-spacing:-0.1rem;}
.quick-menu .quick-list > li a:after {content:''; position:absolute; bottom:0; width:calc(100% - 2rem); left:50%; transform:translate(-50%, 0); background:#ddd; height:1px;}
.quick-menu .quick-list > li:last-child a:after {display:none;}
.quick-menu .quick-list > li a:focus,
.quick-menu .quick-list > li a:hover {color:#1e2678; font-weight:700;}


/* 서브비주얼 */
.sub_visual {height:24rem; background:#E1EFF9 url('/images/web/eng/layout/sub_bg.png') no-repeat 50% 50%; background-size:cover; position:relative; z-index:10;}
.sub_visual > .inner {height:100%; margin: 0 auto; display: flex; align-items: center; justify-content:space-evenly; flex-direction:column; padding:0; max-width:140rem;}
.sub_visual .sub-title {margin-top:auto; display: flex; align-items: center; flex-direction:column; justify-content:center;}
.sub_visual .sub-title p {font-size:1.6rem; font-weight:500; color:#009297;}
.sub_visual .sub-title .tit {font-size:4rem; font-weight:700; color:#111;}


/* 푸터 */
#footer .f-cnt .f-link .link-go .krds-btn.text {min-height: auto;}
#footer .btn_top {visibility: hidden; transition: all 0.4s; position: fixed; bottom:0; left: 50%; transform: translate(83.5rem, -50%); width: 8.5rem; height: 8.5rem; background: #1e2678 url('/images/web/eng/layout/top_icon.png') no-repeat 50% 50%; background-size:contain; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; margin-top: 0; z-index:10; opacity: 0;}
#footer .btn_top.active {opacity: 1; visibility: visible; bottom: 1rem;}
#footer .f-logo .hid {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}
#footer .f-body {flex:1 1 auto;}
#footer .f-menulinks {position:relative; padding:0 0 2.5rem; margin-bottom:2.5rem; width:100%; border-bottom:1px solid #ccc;}
#footer .f-menulinks ul {display:flex; flex-wrap:wrap; gap: 0 4rem;}
#footer .f-menulinks li {display:flex; position:relative;}
#footer .f-menulinks li > a {color:#616161; font-weight:500; font-size:1.8rem; transition:all 0.2s;}
#footer .f-menulinks li > a:hover,
#footer .f-menulinks li > a:focus {color:#33367f; font-weight:700;}
#footer .f-menulinks li:before {content:''; position:absolute; width:1px; height:calc(100% - 1rem); background:#bdbdbd; right:-2rem; top:50%; transform:translate(0, -50%);}
#footer .f-menulinks li:last-child:before {display:none;}
#footer .f-menucont {display:flex; gap:10rem; justify-content:space-between;}
#footer .f-banner {display:flex; flex-direction:column; gap:1rem;}
#footer .f-addr {font-size:1.8rem; color:#333; font-weight:400;}
#footer .f-addr .label {font-weight:700; color:#333; margin-right:1rem; margin-left:2rem;}
#footer .f-addr .bar {display:inline-block; width:2rem;}
#footer .f-copy {color:#666; font-size:1.8rem; margin-top:1rem; font-weight:400;}


/* 메뉴 */
/*
.sub_visual .breadcrumb {position: relative; width:100%; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 4.5rem 4.5rem 0 0; height: 7rem; margin-top:auto; padding:1.5rem 1.5rem 0; box-shadow:0 -3px 5px rgba(0,0,0,0.05);}
.sub_visual .breadcrumb .home { width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; color: #fff; border-radius:50%; background:#0d46ba;}
.sub_visual .breadcrumb .home i { font-size: 18px; }*/

.subTop {position: relative; width:100%; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 3rem 3rem 0 0; height: 6rem; margin-top:auto; padding:0rem 1rem; box-shadow:0 -3px 5px rgba(0,0,0,0.05);}
.subTop .home { width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; color: #fff; border-radius:50%; background:#0d46ba; }
.subTop .home::after { position: absolute; top: 50%; transform: translateY(-50%); right: -2.7rem; font-family: 'remixicon'; content: "\ef78"; display:none;}

#snb { position: relative; height: 6rem; flex: 1; z-index: 1; }
#snb .snb_wrap ul { position: absolute; top: 0; left: 0; width: 29.5rem; padding-top: 6.8rem; }
#snb .snb_wrap ul:not(.depth01) { left: 100%; }
#snb .snb_wrap li { position: relative; display: flex; align-items: center; width: 100%; }
#snb .snb_wrap li a { position: relative; flex:1; word-break: break-all; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
#snb .snb_wrap li.on { position: absolute; top: 0; left: 0; width: 100%; height: 6rem; }
#snb .snb_wrap li.on > a {position:relative; padding: 0 3rem; color: #313131; font-size: 1.8rem; transition:all 0.2s;}
#snb .snb_wrap li.on > a::before { position: absolute; top: 50%; transform: translate(0, -50%); right: 0rem; content:'\EA4E'; transition: 0.3s; font-family:remixicon;}
#snb .snb_wrap li:not(.on) { padding: 0 0.8rem; opacity: 0; visibility: hidden; display: none; }
#snb .snb_wrap li:not(.on) > a { display:block; padding: 0.85rem 1rem; color: #666; font-size: 1.6rem; border-bottom:1px solid #e8e8e8; overflow:hidden; 	white-space:nowrap; text-overflow:ellipsis;}
#snb .snb_wrap li:not(.on) > a:before {content:''; transition:all 0.3s; opacity:0; top:50%; transform:translate(0, -50%); }
#snb .snb_wrap li:not(.on):last-child > a { border-bottom: none; }
#snb .snb_wrap ul.depth02 li.on::before {display:none; }
#snb .snb_wrap ul.depth02 li.on {background:#E2F2FF;}
#snb .snb_wrap ul.depth02 li.on > a {font-weight: 700; color: #0d46ba;}
#snb .snb_wrap ul.open::before { position: absolute; top: 6rem; width: 100%; height: calc(100% - 5.2rem); border-radius: 0; content: ""; background: #fff; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1);  border:1px solid #0d46ba;}
#snb .snb_wrap ul.open > li:not(.on) { opacity: 1; visibility: visible; display: block; }
#snb .snb_wrap ul.open > li.on > a { color: #0D46BA; font-weight:700; }
#snb .snb_wrap ul.open > li.on > a::before {transform: translateY(-50%) rotate(180deg); }
#snb .snb_wrap li.on > a:hover,
#snb .snb_wrap li.on > a:focus { font-weight: 700; color: #0d46ba; }
#snb .snb_wrap li:not(.on):hover > a,
#snb .snb_wrap li:not(.on):focus > a {position:relative; padding:0.85rem 1rem 0.85rem 2rem; color: #0d46ba; font-weight: 700; box-shadow: inset 0 -1px 0 0 #0d46ba;}
#snb .snb_wrap li:not(.on):hover > a:before,
#snb .snb_wrap li:not(.on):focus > a:before {opacity:1; width:1.4rem; height:1.4rem; position:absolute; left:0; background:url('/images/web/eng/layout/sv_icon_dot.svg') no-repeat 50% 50%; background-size:contain;}
#snb .snb_wrap ul.depth02 li.on::before,
#snb .snb_wrap ul.depth03 li.on::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2px; height: 1.5rem; background: #bcd6e1; content: ""; }
#snb .snb_wrap li:not(.on):last-child:hover > a,
#snb .snb_wrap li:not(.on):last-child:focus > a {border-bottom:0; box-shadow:none;}
 
/* 10.29 수정 */
#snb .snb_wrap li.on > a {width:calc(100% - 3rem); margin:0 1.5rem; padding:0 1.5rem;}
#snb .snb_wrap ul.open > li:not(.on),
#snb .snb_wrap ul.open::before {width:calc(100% - 2rem); margin-left:1rem; }


/* 공유박스 */
.snsBox { display: flex; position:relative; }
.snsBox button { position: relative; display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; }
.snsBox button > i {font-size: 2rem; color:#485B5C; }
/* .snsBox button::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 1.5rem; background: #ccc; content: ""; } */
.snsBox button:nth-child(1)::before {display:none;}
.snsBox button.top-active {background:#485b5c;}
.snsBox button.top-active > i { color:#fff;}
.snsBox .sns_more {opacity:0; background: #FFF; position: absolute; top: 100%; left:0; transform: translate(0, -2rem); width:4rem; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index: 1; transition:all 0.2s; padding:1rem 0;}
.snsBox .sns_more > button img {width: 100%; height: 100%; object-fit: contain; max-width:3rem; max-height:3rem;}
.sns_more.active { opacity:1; transform: translate(0, 0rem); } 


/* 통합검색 */
.box_search { position: absolute; top:100%; left: 0; width: 100%; background: #fff; display: none; border-top:1px solid #ddd; padding:2rem 0;}
.box_search::before { position: absolute; top: 0; left: 0; width: 100%; height: 1000vh; background: rgba(0, 0, 0, 0.6); content: ""; z-index: -1; }
.box_search .box_wrap { max-width: 93rem; margin: 0 auto; padding: 5.4rem 1.6rem; }
.box_search .box_wrap h3 {font-size:4rem; font-size:700; display:block; text-align:center;}
.box_search .box_wrap #searchForm { display: flex; height: 9rem; border-bottom: 3px solid #111; margin-top:1rem;}
.box_search .box_wrap #searchForm input[type="text"] {border:0; background:transparent;}
.box_search .box_wrap #searchForm input[type="text"]:hover,
.box_search .box_wrap #searchForm input[type="text"]:focus {border:0; outline:0;}
.box_search .box_wrap #searchForm #total_search { width: calc(100% - 8rem); height: 9rem; line-height: 9rem; padding: 0 2rem; font-size: 2.2rem; color: #6e767b; }
.box_search .box_wrap #searchForm .srch_btn {display: flex; justify-content: center; align-items: center;}
.box_search .box_wrap #searchForm .srch_btn > i {display:flex; align-items:center; color: #000; font-size: 4rem; font-weight:400;}
.box_search .box_wrap .pprWord { display: flex; margin-top: 4rem; }
.box_search .box_wrap .pprWord dt { width: 13rem; font-size: 2rem; color: #1D1D1D; font-weight: 700; }
.box_search .box_wrap .pprWord dd { width: calc(100% - 13rem); display: flex; flex-wrap: wrap; gap: 1.5rem; }
.box_search .box_wrap .pprWord dd a { background: #F1F2F3; border-radius: 1.5rem; color: #1D1D1D; font-size: 1.7rem; padding: 0.3rem 2rem;}
.box_search .btnSearchClose { position: absolute; top: 5.4rem; left: 50%; transform: translateX(46.5rem); width: 8rem; height: 8rem; display: flex; justify-content: center; align-items: center; }
.box_search .btnSearchClose i { font-size: 3rem; }


/* 전체메뉴 */
.krds-main-menu-mobile .gnb-wrap .btn-wrap {position: absolute; top:0; right:0; display: flex; justify-content: end; align-items: center;}
.krds-main-menu-mobile .gnb-wrap #close-nav {width: 5rem; height: 5rem; min-height: auto;  background:#00A29A;}
.krds-main-menu-mobile .gnb-wrap #close-nav i {position:relative; font-size:3rem; color:#fff; display:flex; align-items:center; justify-content:center;}
.krds-main-menu-mobile .gnb-wrap .gnb-body {scroll-behavior: smooth !important;}
.krds-main-menu-mobile .gnb-wrap .gnb-body::-webkit-scrollbar {width: 6px; height: 6px;}
.krds-main-menu-mobile .gnb-wrap .gnb-body::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.4); border-radius: 0;}
.krds-main-menu-mobile .gnb-wrap .gnb-body::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.2);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu {max-width:160rem; margin:0 auto; width:100%; justify-content:center; background-color: transparent;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {max-width: 140rem; padding: 8rem 1rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap {display: flex; gap:3rem; min-height: 20rem; flex-direction:column; margin-bottom:4rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger {position:relative;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger.active {color: #1D1D1D;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap .gnb-main-trigger {height:6rem; background:#f8f8f8; display:flex; overflow:hidden; align-items:center; padding:0 3rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap .gnb-main-trigger:after {content:''; position:absolute; width:20rem; height:5rem; background:url('/images/web/eng/layout/icon_kmrb.png') no-repeat 0%; background-size:contain; bottom:0; right:0;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap:hover .gnb-main-trigger {color: #00A29A;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap .gnb-sub-list {padding: 0 3rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {flex: 1; display: flex; flex-wrap: wrap; gap: 2rem 4rem; padding: 0; padding-bottom: 4rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div {width: calc((100% - 4rem * 2) / 3);}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div:hover .sub-title {color:#0D46BA;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div:hover .sub-title a {border-color: #1D1D1D;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {border: none; padding: 0;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title a {display: block; width: 100%; min-height: 5rem; font-size:2rem; transition: 0.4s ease-in-out; align-content: center;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger {color: #555; position: relative; padding:0.25rem 0 0.25rem 1.35rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger::before {content: ""; display: block; width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #ccc; transition: 0.4s ease-in-out; position: absolute; top: 1.15rem; left: 0;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover {background-color: transparent; color: #0D46BA; font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover::before {background-color: #58F1FF;}
.krds-main-menu-mobile .gnb-menu .gnb-main-trigger.is-link a::after { content: ""; display: inline-flex; width: 2.6rem; height: 2.6rem; background-color: #1D1D1D; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/images/web/eng/KRDS/component/icon/ico_go_30.svg); mask-image: url(/images/web/eng/KRDS/component/icon/ico_go_30.svg); transition: var(--krds-transition-base); transform: rotate(0deg); margin-left: auto; }
.krds-main-menu-mobile .gnb-menu .submenu-wrap .dep1-wrap:hover .gnb-main-trigger.is-link a::after { background-color: #00A29A; }
.krds-main-menu-mobile .mobile-top {display: none;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {display: none;}
.krds-main-menu-mobile .header-container {display: none;}




@media screen and (min-width: 1921px) {
  .gnb-toggle-wrap .depth02-menu li.dep > a:before {transform: translate(-100%, 0);}
}

@media screen and (max-width: 1920px){
	#footer .btn_top {left: auto; right:1.5rem; transform: translate(0, -50%);}
}
 
@media (min-width: 1024px){
    #wrap:not(.systmPage) #header .header-container .btn-navi.all { display: inline-flex; }
}

@media screen and (max-width: 1023px){
    #header .krds-main-menu-mobile .header-container .btn-navi.join {display: block; border-radius: 3rem; background-color: #F1F2F3; color: #666; height: 3rem !important; min-height: 3rem !important; line-height: 3rem !important; padding: 0 1.5rem;}
    #header .krds-main-menu-mobile .header-container .btn-navi.join:hover {background-color: #E0E3E5; color: #1D1D1D;}
    #header .krds-main-menu-mobile .header-container .btn-navi.join::before {display: none;}
	#header .krds-main-menu-mobile .header-link > a {max-width:6rem;}
	#header .krds-main-menu-mobile .header-link .util-menu ul li a {width:3rem; height:3rem; padding:0.25rem;}
		
    .krds-main-menu-mobile {right: -100%; top: 0;}
    .krds-main-menu-mobile.is-open {right: 0; top: 0;}
    .krds-main-menu-mobile .gnb-wrap {width: 80%;}
    .krds-main-menu-mobile .gnb-wrap:focus {outline: none; box-shadow: none;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body {margin: 0 auto; width: 100%; height: 100%; background-color: #00A29A;}    
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {display: block; background:#EEF4F9;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title {display: flex; word-break: break-word; align-items: center; justify-content: center; position: relative; z-index: 1; width: 100%; min-height: 5.5rem; padding: 1rem; font-size: 1.7rem; color: #1d1d1d; font-weight: 400;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap {margin-bottom:0; }
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title.active,
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title:focus,
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title:active {color: #0d46ba; background-color: #FFF; border-color: transparent; font-weight:700;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title:focus {outline: 0.2rem solid #004098; outline-offset: -0.2rem; box-shadow: none;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {padding: 0;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1 {background-color: #FFF;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap {gap: 0; min-height: auto; padding:3rem;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {padding: 1rem 2.5rem 2.5rem; margin-bottom: 0; border: none;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-main-trigger {display: none;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-main-trigger:after {display:none;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap .gnb-sub-list {padding:0;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap .gnb-main-trigger {background:transparent; border-bottom:1px solid #ededed; padding:0 0 1.8rem 0; margin-bottom:1.8rem;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div {width: 100%;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list ul {padding: 1rem 0;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger {padding: 0 0 0 1rem; font-size: 1.5rem; border-radius: 0;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger::before {top: 1rem;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list li + li .gnb-sub-trigger {margin-top: 1rem;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {font-size: 1.6rem;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title a {padding: 0.5rem 0 1.5rem; border: none; border-bottom: 1px solid #D9D9D9; margin-bottom: 1rem; border-radius: 0; display: flex;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div:has(li) .sub-title a::after {content: "\ea4e"; font-family: "remixicon"; display: inline-block; margin-left: auto; transition: 0.4s ease-in-out;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div:has(li) .sub-title.active a {border-bottom: 2px solid #00A29A;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > div:has(li) .sub-title.active a::after {transform: rotate(180deg); color: #00A29A;}
    .krds-main-menu-mobile .gnb-menu .gnb-sub-trigger.is-link::after {width: 1.4rem; height: 1.4rem;}
    .krds-main-menu-mobile .mobile-top {display: block;}
    .krds-main-menu-mobile .gnb-wrap .btn-wrap {z-index:10;}
    .krds-main-menu-mobile .gnb-wrap #close-nav {background:none;}
    .krds-main-menu-mobile .gnb-wrap #close-nav:hover {background-color: #D8EAFF;}	
	.krds-main-menu-mobile .gnb-wrap #close-nav i {color:#000; font-size:3rem;}
    .krds-main-menu-mobile .header-container {display: block;}
    .krds-main-menu-mobile .header-container .header-con-wrap {padding: 2rem 5rem 2rem 2rem; display: flex; gap: 1rem; align-items: center; max-height: 7rem;}
    .krds-main-menu-mobile .header-container .logo {flex: 1; height: 100%;}
    .krds-main-menu-mobile .header-container .logo img {height: 100%; object-fit: contain;}
    .krds-main-menu-mobile .header-container .util {display: flex; gap: 1rem; align-items: center;}
    .krds-main-menu-mobile .header-container .user-wrap {padding: 3rem;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info {display: flex; justify-content: space-between; align-items: center;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info .title {font-size: 2rem;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info .title .f_weightB {font-weight: 700;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info .btn-log {text-decoration: underline; text-underline-offset: 2px; display: inline-block; padding: 1rem 1.6rem 1rem 1rem; border-radius: 0.8rem; position: relative;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info .btn-log:hover {background-color: #D8EAFF;}
    .krds-main-menu-mobile .header-container .user-wrap .user-info .btn-log > i {position: absolute; right: 0;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn {margin-top: 2rem; display: flex; gap: 0.5rem;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn [class^=btnUser] {flex: 1; border-radius: 100rem; font-size: 1.6rem; font-weight: 700; display: inline-flex; justify-content: center; align-items: center; min-height: 4.2rem; gap: 0.5rem;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn [class^=btnUser] i {font-weight: 400;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn .btnUser-mypage {border: 1px solid #00A29A; background: #FFF;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn .btnUser-mypage:hover {border: 1px solid #B8000E; color: #00A29A;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn .btnUser-service {border: 1px solid #00A29A; background: #00A29A; color: #FFF;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn .btnUser-service:hover {border: 1px solid #B8000E; background: #B8000E;}
    .krds-main-menu-mobile .header-container .site-wrap {background-color: #EDEDED; color: #666; display: flex;}
    .krds-main-menu-mobile .header-container .site-wrap > li {flex: 1 1 50%; position: relative;}
    .krds-main-menu-mobile .header-container .site-wrap .btnSite {display: inline-flex; gap: 0.5rem; width: 100%; height: 4rem; justify-content: center; align-items: center; background-color: #EDEDED;}
    .krds-main-menu-mobile .header-container .site-wrap .btnSite:hover {color: #1D1D1D; background-color: #D8D8D8;}
    .krds-main-menu-mobile .header-container .site-wrap .btnSite:focus {outline: 0.2rem solid #004098; outline-offset: -0.2rem; box-shadow: none;}
    .krds-main-menu-mobile .header-container .site-wrap > li:last-child::before {content: ""; display: block; width: 1px; height: 1.2rem; background-color: #CCCCCC; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.quick-menu {display:none;}
	
	/* 10.29 수정 */
	#snb .snb_wrap li.on > a {width:calc(100% - 3rem); margin:0 1.5rem; padding:0 2rem 0 1rem;}
	#snb .snb_wrap ul.open > li:not(.on), #snb .snb_wrap ul.open::before {margin-left:1rem;}
}


@media (max-width:1600px){
	.sub_container#container > .inner {padding:8rem 1rem;}
	.sub_visual > .inner {padding:0 1rem;}
	.sub_visual {background-position:0% 50%;}
	
	#footer > .inner {padding:0 2rem 4rem;}
	#footer .f-menucont {gap:5rem;}
	#footer .f-menulinks li > a,
	#footer .f-addr,
	#footer .f-copy {font-size:1.6rem;}
	
	.sub_container + #footer {padding:3rem 2rem 4rem;}
}

@media (max-width:1440px){
    .container { padding: 0 1rem; }
    #krds-masthead .toggle-head .inner { padding: 0.4rem 1rem; }
    #wrap.systmPage #header .header-container > .inner { padding: 2rem 1rem; }

    #container .in-between { padding: 4rem 1rem; }
}

@media (max-width: 1240px) {
    #container .in-between { gap: 4rem; }
    #container .in-between .contents { width: calc(100% - 32rem);}
	#snb .snb_wrap ul {width: calc(100% / 3);}
	#snb .snb_wrap ul:not(.depth01) {width: 100%;}
	
	#footer .btn_top {display:none;}
	
	#footer > .inner {gap:0;}
	#footer .f-menucont {flex-direction:column; gap:0;}
	#footer .f-logo {order:2; position:absolute; right:2rem; opacity:0.5;}
	#footer .f-body {order:3; margin-top:2rem;}
	#footer .f-copy {margin-top:0;}
	#footer .f-banner {order:1; display:flex; flex-direction:row;}
	#footer .f-banner > a {width:25rem;}
	
}

@media (max-width: 1023px) {
	.sub_container#container > .inner {padding:3rem 1rem;}
	
    #krds-masthead { z-index: 70; }
    #krds-masthead .head-etc { display: none; }
    #header .inner { border-bottom: none; }
    #wrap.systmPage #header .header-container > .inner { padding: 1rem; }
    #header .header-container .logo { width: 13rem; }
    #header .header-container .logo a span { font-size: 1.8rem; }
    #footer > .inner { gap: 1.4rem; padding:2rem 1rem;}
    #footer .f-menulinks {margin-bottom:0;}
    #footer .f-body {margin-top:0;}
    #footer .f-body div[class*='box_'] {padding:0; font-size:1rem;}
    #footer .f-logo { width: 13rem; }
    #footer .f-cnt { padding-top: 1.4rem; }
    #footer .f-menulinks ul {gap: 0 2rem;}
    #footer .f-menulinks li:before {right:-1rem;}
    
    #container .in-between { display: block; padding: 2rem 1rem; }
    #container .in-between .contents { width: 100%; }
	
	
    .krds-breadcrumb-wrap { margin-bottom: 2rem; }
    .page-title-wrap { padding-bottom: 2rem; margin-bottom: 2rem; }
    .page-title-wrap .h-tit { font-size: 2.8rem; }
   	
}


@media screen and (max-width: 767px){
    #wrap:not(.systmPage) .page-title-wrap .h-sub {margin-top: 1rem;}
    #wrap:not(.systmPage) .page-title-wrap .h-sub h3.Tit1 {font-size: 2rem;}
    #wrap:not(.systmPage) .page-title-wrap .h-sub p {display: block;}
	
	.subTop { height: 4rem;}
    .subTop .home { width: 4rem; height: 4rem; position: relative; /*margin-right: 3.6rem; */}
    /* .subTop .home::before { position: absolute; top: 50%; right: -1rem; transform: translateY(-50%); width: 1px; height: 1.5rem; background: #ccc; content: ""; }
    .subTop .home::after {display:block; position: absolute; top: 50%; transform: translateY(-50%); right: -3.7rem; font-family: 'remixicon'; content: "\ef78"; color:#111;} */
	.sub_visual {height:15rem;}
	.sub_visual .sub-title .tit {font-size:3rem;}
	
	#snb { height: 4rem; }
    #snb .snb_wrap ul { padding-top: 4.8rem; }
    #snb .snb_wrap li.on { height: 4rem; }
    #snb .snb_wrap ul.depth02 li.on {width:calc(100% - 1rem); left:1rem;}
    #snb .snb_wrap ul.open::before { top: 4rem; height: calc(100% - 3.2rem); width:calc(100% - 2.25rem); left:.5rem; }
    #snb .snb_wrap li:not(.on) > a { padding: 0.6rem 0.8rem; }
    #snb .snb_wrap ul.depth01 { width: 100%; } 
    #snb .snb_wrap ul:not(.depth01) { left: 0; } 
    #snb .snb_wrap ul:not(.depth03) li.on > a { opacity: 0; visibility: hidden; }
    #snb .snb_wrap ul.depth02 li.on > a,
    #snb .snb_wrap ul.depth03 > li.on > a { opacity: 1; visibility: visible; } 
	#snb .snb_wrap ul.depth02 li.on::before, 
	#snb .snb_wrap ul.depth03 li.on::before {width:1px; left:1rem; background:#ccc;}
	
	.snsBox > button { width: 4rem; height: 4rem; }
	.snsBox .btnLink,
	.snsBox .btnPrint {display:none;}
	
	#footer .f-logo {display:none;}
	#container > .inner {padding-bottom:0;}
	
	.sub_container + #footer {padding:2rem 1rem 2.5rem;}
	.sub_container + #footer .inner {padding:0 0 4rem;}
	
	#footer .f-addr > span:nth-child(2) {display:block;}
	#footer .f-addr .label {margin-left:0;}	
	#footer .btn_top.active {display:none!important;}
	
	/* 10.29 수정 */
	#snb .snb_wrap li.on > a { margin: 0 1rem; padding:0 1.5rem 0 1rem ;}
	#snb .snb_wrap ul.open > li:not(.on) { margin-left:1.5rem;}
}


@media screen and (max-width: 560px){
	#header .krds-main-menu-mobile .header-container .btn-navi.join {padding: 0 1rem;}
	#header .header-link {gap:1.5rem;}
	
    .krds-main-menu-mobile .gnb-wrap {width: 100%;}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {width: 10rem;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {width:calc(100% - 10rem);}
    .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {padding: 1rem;}
    .krds-main-menu-mobile .header-container {gap: 0;}
    .krds-main-menu-mobile .header-container .util {gap: 0;}    
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .dep1-wrap {padding:1rem 1.5rem;}
    .krds-main-menu-mobile .header-container .user-wrap {padding: 1rem;}
    .krds-main-menu-mobile .header-container .user-wrap .user-btn {margin-top: 1rem;}
	.krds-main-menu-mobile .gnb-wrap #close-nav {top:0; right:0;}
}


@media (max-width: 480px) {
    #header .header-container .logo a span { font-size: 1.5rem; }
    .page-title-wrap .h-tit { font-size: 2.4rem; }
    .sub_visual .sub-title .tit {font-size:2.5rem;}
	#snb .snb_wrap ul.depth03 > li.on > a span {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 10rem; margin-top: 0.75rem;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title {font-size:1.5rem; line-height:1;}
	 .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {width: 8rem;}
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {width:calc(100% - 8rem);}
}


@media screen and (max-width: 360px){
    #header .header-container .btnServ i {display: none;}	
}


@media (max-width: 340px) {
    #header .header-container .logo a span { display: none; }
	.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .dep1-title {font-size:1.15rem;}
	
}