@charset "UTF-8";

/* **** Layout  **** */
#wrapper{display:flex; min-height:100%; align-items:normal; justify-content:flex-start; flex-direction:column;}
#wrapper:after{opacity:0.5; visibility:hidden; position:fixed; top:0; left:50%; z-index:999; width:192rem; height:77.5rem; content:''; transform:translateX(-50%); /* background:url(/site/kids/css/header1.png) no-repeat center top;*/}
#wrapper[class^=scroll] #header{position:relative; border-bottom:0.1rem solid var(--krds-gray-30);}
#wrapper[class^=scroll] #header .header-in{position:fixed; top:0; left:0; z-index:100; width:100%; border-bottom:0.1rem solid var(--krds-gray-30); background-color:var(--krds-white); transition:transform ease 0.4s 0.01s;}
#wrapper.scroll-down #header .header-in{transform:translateY(-100%);}
#wrapper.scroll-up #header .header-in{transform:translateY(0);}
.wrap{width:100%; max-width:1320px;}
.wrap.page-step{position:relative;}
#accessibility{position:fixed; top:0; left:0; z-index:10000; width:100%; background-color:var(--krds-gray-90); text-align:center;}
#accessibility a:not(:focus){overflow:hidden !important; position:absolute !important; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem !important; padding:0 !important; border:0 !important; white-space:nowrap !important; clip:rect(0, 0, 0, 0) !important;}
#accessibility a:focus{display:flex; width:100%; height:3.2rem; margin:0 auto; outline:0.2rem solid rgba(255, 255, 255, 0.9); color:var(--krds-white); font-size:1.5rem; text-align:center; align-items:center; justify-content:center; flex-direction:row; outline-offset:-0.4rem;}
#accessibility.type1{background-color:var(--krds-white);}
#accessibility.type1 a:focus{color:var(--krds-gray-90);}

/* ** swiper ** */
.swiper-indicator{display:flex; position:relative; align-items:center; justify-content:flex-end; flex-direction:row; gap:var(--krds-spacer-2); flex-shrink:0;}
.swiper-indicator.text-center{justify-content:center;}
.swiper-indicator .swiper-pagination{top:auto; bottom:auto; width:auto;}
.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){display:flex; height:4rem; padding:var(--krds-spacer-3); border-radius:4rem; background-color:var(--krds-white); align-items:center; justify-content:center; flex-direction:row;}
.swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg{padding:var(--krds-spacer-3); border-radius:4rem; background-color:var(--krds-white); font-weight:700;}
.swiper-indicator .swiper-button-next,
.swiper-indicator .swiper-button-prev{position:relative; top:auto; left:auto; right:auto; margin:auto;}
.swiper-indicator .swiper-navigation{display:inline-flex; gap:var(--krds-spacer-2);}

.swiper-pagination{display:flex; position:relative; top:auto; bottom:auto; height:4rem; align-items:center; justify-content:center; flex-direction:row;}
.swiper-pagination .swiper-pagination-bullet{opacity:0.4; width:0.8rem; height:0.8rem;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1; width:2rem; border-radius:14rem; background-color:var(--krds-primary);}
.swiper-pagination.swiper-pagination-fraction{gap:var(--krds-spacer-1);}
.swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{color:var(--krds-secondary);}

.swiper-controller{display:flex; align-items:center; justify-content:center; flex-direction:row; gap:var(--krds-spacer-2);}

[class^=swiper-button-]{display:flex; width:4rem; height:4rem; border:0.1rem solid var(--krds-gray-20); border-radius:var(--krds-rd-full); background-color:var(--krds-white); align-items:center; justify-content:center; flex-direction:row;}
[class^=swiper-button-]:after{width:2.4rem; height:2.4rem; background-repeat:no-repeat; content:""; font-size:0 !important;}

.swiper-button-more:after{background-image:url(../../img/component/ico_swiper_more.svg);}
.swiper-button-play:after{background-image:url(../../img/component/ico_swiper_play.svg);}
.swiper-button-stop:after{background-image:url(../../img/component/ico_swiper_stop.svg);}

.swiper-button-next:after,
.swiper-button-prev:after{background-position:center; background-size:contain;}
.swiper-button-next:hover,
.swiper-button-prev:hover{background-color:var(--krds-secondary-5);}
.swiper-button-next:active,
.swiper-button-prev:active{background-color:var(--krds-secondary);}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:1; background-color:var(--krds-gray-10);}

.swiper-button-next{right:0;}
.swiper-button-next:after{background-image:url(../../img/component/ico_swiper_next.svg);}
.swiper-button-next:active:after{background-image:url(../../img/component/ico_swiper_next_wh.svg);}
.swiper-button-next.swiper-button-disabled:after{background-image:url(../../img/component/ico_swiper_next_gray.svg);}

.swiper-button-prev{left:0;}
.swiper-button-prev:after{background-image:url(../../img/component/ico_swiper_prev.svg);}
.swiper-button-prev:active:after{background-image:url(../../img/component/ico_swiper_prev_wh.svg);}
.swiper-button-prev.swiper-button-disabled:after{background-image:url(../../img/component/ico_swiper_prev_gray.svg);}

/* header */
#header-top{position:relative; z-index:110; background-color:var(--krds-secondary-5);}
#header-top .toggle-head .wrap{position:relative; min-height:3.2rem; padding-top:var(--krds-spacer-2); padding-bottom:var(--krds-spacer-2); gap:1.4rem; letter-spacing:-0.008em;/* padding-right:var(--krds-spacer-6);*/ /* padding-left:var(--krds-spacer-11);*/}
#header-top .toggle-head .nuri-txt{display:flex; position:relative; padding-left:var(--krds-spacer-7); font-size:var(--krds-fz-body-sm); line-height:1; align-items:center; justify-content:flex-start; flex-direction:row; word-break:keep-all;}
#header-top .toggle-head .nuri-txt:before{display:inline-flex; position:absolute; top:0; bottom:0; left:0; width:2.4rem; height:1.6rem; margin-top:auto; margin-bottom:auto; margin-right:var(--krds-spacer-2); background:url(../../img/main/top_ban_ico_flag.svg) no-repeat center; background-size:contain; content:"";}
#header-top .toggle-head .toggle-btn{height:auto; color:var(--krds-secondary); font-size:1.5rem; letter-spacing:-0.01em;}
#header-top .toggle-head .toggle-btn:after{background-image:url(../../img/component/ico_arr_16_down.svg); transition:0.4s ease-in-out;}
#header-top .toggle-head.active .toggle-btn:after{transform:rotate(-180deg);}
#header-top .toggle-head.active ~ .toggle-body{display:block;}
#header-top .toggle-body{overflow:hidden; height:0; transition:0.4s ease-in-out;}
#header-top .toggle-body:before{display:flex; border-top:0.1rem solid var(--krds-secondary-10); content:"";}
#header-top .toggle-body .wrap{padding-top:var(--krds-spacer-6); padding-bottom:var(--krds-spacer-6);}
#header-top .toggle-body .dl{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-4); flex:1;}
#header-top .toggle-body .dl .dt{display:flex; font-weight:700; gap:var(--krds-spacer-2); align-items:center;}
#header-top .toggle-body .dl .dt:before{display:inline-flex; width:2rem; height:2rem; background-image:url(../../img/layout/head_ico_nuri.svg); content:"";}
#header-top .toggle-body .dl dd{padding-left:var(--krds-spacer-7);}
#header-top .toggle-body .dl .dd{color:var(--krds-gray-70); font-size:var(--krds-fz-body-sm);}
#header-top .wrap{display:flex; align-items:center; justify-content:flex-start; flex-direction:row; flex-wrap:wrap;}
#header{position:sticky; top:0; left:0; z-index:1000; border-bottom:0.1rem solid var(--krds-gray-30); background-color:var(--krds-white);}
#header .header-in{position:relative; transform:translateY(0);}
#header .head-etc{display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:row;}
#header .head-etc .etc-ul{display:flex; align-items:flex-start; justify-content:flex-end; flex-direction:row;}
#header .head-etc .etc-ul .li{display:flex; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .head-etc .etc-ul .li:not(:first-child){margin-left:var(--krds-spacer-2); gap:var(--krds-spacer-2);}
#header .head-etc .etc-ul .li:not(:first-child):before{display:inline-flex; width:0.1rem; height:1.6rem; background-color:var(--krds-gray-30); content:"";}
#header .head-etc .etc-ul .btn-txt{height:4.2rem; padding:0 var(--krds-spacer-2); gap:var(--krds-spacer-1);}
#header .head-body .wrap{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column;}
#header .head-body .head-in{display:flex; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .head-body .logo{display:inline-flex; gap:var(--krds-spacer-6);}
#header .head-body .logo a{display:inline-flex; align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-6);}
#header .logo .logo-im{height:4.8rem;}
#header .logo .logo-slogan{height:4.4rem;}
#header .logo .logo-name{position:relative; height:1.93rem; margin-top:0.12rem;}
#header .logo .logo-name:before{position:absolute; top:0.2rem; left:-1.5rem; width:0.1rem; height:1.8rem; background-color:#d8d8d8; content:'';}
#header .logo .logo-name img{height:100%;}
#header .head-body .gnb{display:inline-flex; margin-left:auto; gap:var(--krds-spacer-1);}
#header .head-body .btn-navi{display:inline-flex; padding:var(--krds-spacer-1) var(--krds-spacer-3); color:var(--krds-gray-90); font-size:var(--krds-fz-body-md); font-weight:600; line-height:1; align-items:center; justify-content:space-between; flex-direction:column; gap:var(--krds-spacer-1) var(--krds-spacer-2);}
#header .head-body .btn-navi:before{display:inline-flex; width:2rem; height:2rem; background-repeat:no-repeat; background-size:contain; content:"";}
#header .head-body .btn-navi:hover{border-radius:var(--krds-rd-6); background-color:var(--krds-secondary-5); transition:0.4s ease-in-out;}
#header .head-body .btn-navi:active{background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
#header .head-body .btn-navi.navi-row{flex-direction:row;}
#header .head-body .btn-navi.sch:before{background-image:url(../../img/layout/head_ico_navi_sch.svg);}
#header .head-body .btn-navi.login:before{background-image:url(../../img/layout/head_ico_navi_login.svg);}
#header .head-body .btn-navi.join:before{background-image:url(../../img/layout/head_ico_navi_join.svg);}
#header .head-body .btn-navi.my:before{background-image:url(../../img/layout/head_ico_navi_my.svg);}
#header .head-body .btn-navi.all:before{background-image:url(../../img/layout/head_ico_navi_all.svg);}
#header .lnb{border-top:0.1rem solid var(--krds-gray-30); background-color:var(--krds-white);}
#header .lnb .lnb-list{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-4);}
#header .lnb .lnb-list .li a,
#header .lnb .lnb-list .li button{display:flex; align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
#header .lnb .lnb-list .li .mn{position:relative; height:5.6rem; padding:0 var(--krds-spacer-2); color:#464c53; /*color:var(--krds-gray-70);*/ font-size:var(--krds-fz-body-lg); font-weight:700; line-height:1.1; text-align:left; transition:.4s ease-in-out;}
#header .lnb .lnb-list .li .mn:before{display:inline-flex; content:''; position:absolute; bottom:0; left:50%; width:0; height:0.4rem; background-color:#063a74; transition:.4s ease-in-out;}
#header .lnb .lnb-list .li .mn:after{display:inline-flex; width:2rem; height:2rem; background:url(../../img/layout/head_lnb_ico_arr.svg) no-repeat center; background-size:contain; content:""; transition:transform .4s ease-in-out;}
#header .lnb .lnb-list .li .mn:focus{outline-offset:-0.2rem; transition-duration:0s;}
#header .lnb .lnb-list .li .mn.active{/*background-color:var(--krds-secondary-10); color:var(--krds-gray-90);*/ transition-duration:0s;}
#header .lnb .lnb-list .li .mn.active:before{left:0; width:100%;}
#header .lnb .lnb-list .li .mn.active:after{transform:rotate(-180deg);}
#header .lnb .lnb-list .li .mn:hover{background-color:#eef2f7; /*border-color:var(--krds-secondary); background-color:var(--krds-white); color:var(--krds-secondary);*/}
#header .lnb .lnb-list .li .mn:hover:after{/*background-image:url(../../img/layout/head_lnb_ico_arr_on.svg);*/}
#header .lnb .lnb-list .li .mn:active{color:#1e2124; background-color:#d6e0eb; transition-duration:0s;}
#header .lnb .lnb-list .li .mn-link:after{display:none;}
#header .lnb .lnb-list .li .mn-link[target="_blank"]:after{display:block; background-image:url(../../img/component/ico_go_20.svg);}
#header .lnb .lnb-list .li .mn-link[target="_blank"]:not(.active):hover:after{background-image:url(../../img/component/ico_go_20_on.svg);}
#header .w-lnb-wrap{display:none; position:absolute; top:calc(100% + 0.1rem); left:0; width:100%; background-color:var(--krds-white);}
#header .w-lnb-wrap .ico-close{position:absolute; top:1.6rem; right:1.6rem; width:3.2rem; height:3.2rem; background-image:url(../../img/component/ico_close_24.svg);}
#header .w-lnb-wrap .w-lnb-menu{overflow-x:hidden; overflow-y:auto; position:relative; max-height:calc(100vh - 24rem); background-color:#eef2f7;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap{display:flex;position:relative;top:0;left:0;padding:var(--krds-spacer-4) 0;align-items:normal;justify-content:flex-start;flex-direction:column;gap:var(--krds-spacer-4);}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm{display:flex;width: 26rem;height:5.6rem;padding:0 var(--krds-spacer-6);text-align:left;line-height:1.3;align-items:center;justify-content:space-between;flex-direction:row;gap:var(--krds-spacer-2);color:#1e2124; transition:0.4s ease-in-out;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm:hover{background-color:var(--krds-white); font-weight:700; color:#052b57;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm.active{background-color:var(--krds-white); font-weight:700; color:#052b57;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm:active{background:#d6e0eb; transition:0.4s ease-in-out; color:#1e2124;}
html[lang="en"] #header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm:hover,
html[lang="en"] #header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm.active,
html[lang="en"] #header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm:active{font-weight:400;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul button.sm:after{display:inline-flex; flex-shrink:0; width:2rem; height:2rem; background-image:url(../../img/component/ico_arr_20_right.svg); content:"";}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm.ico-go,
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm[target="_blank"]{justify-content:left;}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm.ico-go:after,
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .ul .sm[target="_blank"]:after{display:inline-flex; width:2rem; height:2rem;background-image:url(../../img/component/ico_go_20.svg); content:"";}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .sub-ban{padding:0 var(--krds-spacer-4);}
#header .w-lnb-wrap .w-lnb-menu .menu-wrap .sub-ban .ban-in{display:flex; padding:var(--krds-spacer-4); border-radius:0.8rem; background-color:var(--krds-white); align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap{display:none;padding:var(--krds-spacer-4) var(--krds-spacer-10);background-color:#fff;position: absolute;top: 0;left: 26rem;right: 0;min-height: 100%;}
#header .w-lnb-wrap .w-lnb-menu .sm.active + .submenu-wrap{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-6);}
#header .w-lnb-wrap .w-lnb-menu .sm.active + .submenu-wrap.between{display:flex; height:100%; padding-right:0; align-items:normal; justify-content:flex-start; flex-direction:row;}
#header .w-lnb-wrap .w-lnb-menu .sm.active + .submenu-wrap.between .sub-ban{display:flex; width:26.2rem; padding:var(--krds-spacer-6); align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
#header .w-lnb-wrap .w-lnb-menu .sm.active + .submenu-wrap.between .sub-ul{grid-template-columns:1fr 1fr 1fr;}
#header .w-lnb-wrap .w-lnb-menu .sm.active + .submenu-wrap.between .sub-ul.type1{grid-template-columns:1fr 1fr;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit{display:flex; height:5.6rem; font-size:var(--krds-fz-title-xlg); font-weight:700; line-height:5.6rem; align-items:flex-start; justify-content:center; flex-direction:column;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit .btn-txt{display:inline-flex; padding:0 var(--krds-spacer-2) !important; font-size:var(--krds-fz-title-xlg); font-weight:700; gap:var(--krds-spacer-4);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit .btn-txt:after{content:'바로가기'; text-decoration:underline; font-size:1.5rem; font-weight:400; width:auto; padding-right:2rem; line-height:2.4rem; background-position:right center; background-size:1.7rem; text-underline-offset:0.3rem; transition:0.4s ease-in-out;}
html[lang="en"] #header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit .btn-txt:after{content:'shortcut';}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit p.btn-txt:hover, #header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit p.btn-txt:focus{background-color:transparent; cursor:default;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit .btn-txt:hover{background-color:transparent; color:inherit;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-tit .btn-txt:hover:after{color:#0b50d0; background-image:url(../../img/component/ico_arr_20_blue.svg);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-in{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; flex:1; gap:var(--krds-spacer-4);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:0 var(--krds-spacer-8);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a{display:flex;padding:1rem 0.8rem;border-radius:0.8rem;line-height: 1.5;align-items:start;justify-content:flex-start;flex-direction:row;gap:var(--krds-spacer-1);transition: 0.4s ease-in-out;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a:before{margin-top: 0.1rem;content:"･";line-height:2.6rem;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a:hover{background-color:#eef2f7;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a:active{background-color:#d6e0eb;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a:focus{outline:0.2rem solid rgba(36, 107, 235, 0.8); outline-offset:-0.4rem;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul li a.active{background-color:#eef2f7; color:#052b57; font-weight:700;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a[disabled]{border-color:var(--krds-gray-40); background-color:var(--krds-gray-30); color:var(--krds-gray-60);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul a[target="_blank"]:after{content:'';display: inline-flex;width: 2rem;height: 2rem;margin-top:0.2rem;background: url(../../img/component/ico_go_20.svg)no-repeat center / 1.8rem;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1{padding-bottom:var(--krds-spacer-4); grid-template-columns:1fr 1fr 1fr; grid-gap:var(--krds-spacer-10) var(--krds-spacer-14);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li{display:flex; padding:0; align-items:normal; justify-content:flex-start; flex-direction:column;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li:before{display:none;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li .tit{font-size:var(--krds-fz-body-lg); font-weight:700;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li .tit a{display:flex; height:4rem; padding:0 var(--krds-spacer-1); align-items:center; justify-content:flex-start; flex-direction:row;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li .tit a:before{display:none;}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ul.type1 li .txt{margin-top:var(--krds-spacer-1); padding:var(--krds-spacer-4) var(--krds-spacer-1) 0; border-top:0.1rem solid var(--krds-gray-30); color:var(--krds-gray-70);}
#header .w-lnb-wrap .w-lnb-menu .submenu-wrap .sub-ban{display:flex; padding:var(--krds-spacer-3) var(--krds-spacer-4); border-radius:var(--krds-rd-8); background:var(--krds-gray-5); align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-4);}
#header .w-lnb-wrap.is-open{display:block;}
#header .m-lnb-wrap{position:fixed; top:0; right:-100%; z-index:100; width:100%; height:100%; transition:right ease 0.5s 0.1s;}
#header .m-lnb-wrap:after{display:none; position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); content:""; transition:opacity 0.5s 0.1s;}
#header .m-lnb-wrap .m-lnb-in{display:flex; position:absolute; top:0; right:0; z-index:5; height:100%; background-color:var(--krds-white); align-items:normal; justify-content:flex-start; flex-direction:column;}
#header .m-lnb-wrap .ico-close{width:2.4rem; height:2.4rem; background-image:url(../../img/component/ico_close_24.svg);}
#header .m-lnb-wrap .m-lnb-head{display:flex; position:sticky; top:0; left:0; z-index:2; padding:var(--krds-spacer-5) var(--krds-spacer-4) var(--krds-spacer-4); align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-4);}
#header .m-lnb-wrap .m-lnb-head .m-lnb-login{display:inline-flex; align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-head .m-lnb-login .name{font-weight:700;}
#header .m-lnb-wrap .m-lnb-head .btn-navi{display:inline-flex; height:4rem; padding:0; font-size:var(--krds-fz-body-md); align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-head .btn-navi:before{display:inline-flex; width:2rem; height:2rem; background-repeat:no-repeat; background-size:contain; content:"";}
#header .m-lnb-wrap .m-lnb-head .btn-navi:active{border-radius:var(--krds-rd-6); background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
#header .m-lnb-wrap .m-lnb-head .btn-navi.login{font-weight:700;}
#header .m-lnb-wrap .m-lnb-head .btn-navi.login:before{background-image:url(../../img/layout/head_ico_navi_login.svg);}
#header .m-lnb-wrap .m-lnb-head .etc-menu{display:flex; align-items:flex-start; justify-content:space-between; flex-direction:row; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-head .etc-menu .link{display:inline-flex; width:8rem; height:5.6rem; font-size:var(--krds-fz-body-md); font-weight:700; align-items:center; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-3);}
#header .m-lnb-wrap .m-lnb-head .etc-menu .link:before{display:inline-flex; width:2rem; height:2rem; background-color:var(--krds-gray-20); content:"";}
#header .m-lnb-wrap .m-lnb-head .etc-menu .link:active{border-radius:var(--krds-rd-6); background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
#header .m-lnb-wrap .m-lnb-body{display:flex; border-top:0.1rem solid var(--krds-gray-20); align-items:normal; justify-content:flex-start; flex-direction:column; flex:1; overflow-x:hidden; overflow-y:auto; scroll-behavior:smooth;}
#header .m-lnb-wrap .m-lnb-body.type1{border:0;}
#header .m-lnb-wrap .m-lnb-body-btm{display:flex; padding:var(--krds-spacer-4) var(--krds-spacer-6); border-top:0.1rem solid var(--krds-gray-20); align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-top-etc{display:flex; align-items:flex-start; justify-content:space-between; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-top-etc .etc-ul{display:flex;}
#header .m-lnb-wrap .m-lnb-top-etc .etc-ul li{display:flex; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-top-etc .etc-ul > li:not(:first-child){margin-left:var(--krds-spacer-4);}
#header .m-lnb-wrap .m-lnb-top-etc .etc-ul > li:not(:first-child):before{display:inline-flex; width:0.1rem; height:1.6rem; margin-right:var(--krds-spacer-4); background-color:var(--krds-gray-30); content:"";}
#header .m-lnb-wrap .m-lnb-menu{display:flex; position:relative; background-color:var(--krds-secondary-5);}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap{display:flex; position:relative; top:0; left:0; width:12.4rem; align-items:flex-start; justify-content:flex-start; flex-direction:column;}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .ul{position:sticky; top:0; left:0; z-index:1; width:100%;}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .mn{display:flex; position:relative; z-index:1; width:100%; height:6.4rem; padding:0 var(--krds-spacer-4); font-weight:700; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .mn.active{background-color:var(--krds-white); color:var(--krds-secondary);}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .mn.active:before{position:absolute; top:0; right:-0.1rem; width:0.1rem; height:100%; background-color:var(--krds-white); content:"";}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .mn[target="_blank"]{padding-right:3rem; word-break:break-all;}
#header .m-lnb-wrap .m-lnb-menu .menu-wrap .mn[target="_blank"]:after{/* position:absolute; *//* top:0; *//* bottom:0; *//* right:1rem; */width: 1.8rem;height: 1.8rem;margin: -0.2rem 0 0 0.6rem;background:url(../../img/component/ico_go_20.svg) no-repeat center;background-size:contain;content:"";transition:transform .25s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap{display:flex; width:calc(100% - 12.4rem); border-left:0.1rem solid var(--krds-gray-20); background-color:var(--krds-white); align-items:normal; justify-content:flex-start; flex-direction:column; flex:1;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl{padding:0 var(--krds-spacer-4) var(--krds-spacer-4) var(--krds-spacer-4);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl:not(:first-child){border-top:0.1rem solid var(--krds-gray-20);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl dt{display:flex; position:relative; height:6.4rem; margin-bottom:var(--krds-spacer-2); border-bottom:0.1rem solid var(--krds-gray-20); font-weight:700; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sm{display:flex; /*height:5.6rem;*/ padding:var(--krds-spacer-4) var(--krds-spacer-2); border-radius:0.8rem; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sm:hover{background-color:var(--krds-secondary-5);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sm:active,
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sm.active{border-radius:var(--krds-rd-6);background-color: var(--krds-secondary-5);transition:0.4s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sm[target="_blank"]:after{width: 1.8rem;height: 1.8rem;margin: -0.2rem 0 0 0.6rem;background:url(../../img/component/ico_go_20.svg) no-repeat center;background-size:contain;content:"";transition:transform .25s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm{display:flex; /*height:4.8rem;*/ padding:1.1rem var(--krds-spacer-4); border-radius:0.8rem; /*align-items:center;*/ justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-1); text-align:left;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm:before{content:"•";}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm:hover{background-color:var(--krds-secondary-5);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm:active,
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm.active{/* border-radius:var(--krds-rd-6); *//* background-color:var(--krds-secondary-10); */transition:0.4s ease-in-out;color: var(--krds-secondary);font-weight: 700;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm[target="_blank"]:after{flex-shrink:0; width: 1.8rem;height: 2.5rem;margin:0 0 0 0.4rem;background:url(../../img/component/ico_go_20.svg) no-repeat center;background-size:contain;content:"";transition:transform .25s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm.is-depth4{width:100%;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .dl .sub-ul .subm.is-depth4:after{display:inline-flex; flex-shrink:0; width:2.4rem; height:2.4rem; margin-left:auto; background:url(../../img/component/ico_arr_16_down.svg) no-repeat center; background-size:contain; content:"";}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap{display:none; position:fixed; top:0; right:-100%; z-index:10; width:100%; height:100%; background-color:var(--krds-white); transition:0.4s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-head{display:flex; width:100%; height:6.4rem; padding:var(--krds-spacer-5) var(--krds-spacer-6); font-weight:700; align-items:normal; justify-content:space-between; flex-direction:row;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-head .ico-prev{display:inline-flex; width:2.4rem; height:2.4rem; background-image:url(../../img/layout/lnb_ico_prev.svg); background-repeat:no-repeat; background-size:contain; content:"";}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body dt{height:6.4rem; margin:0; padding:0 var(--krds-spacer-6); border:0;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul{display:flex; padding:0 var(--krds-spacer-6); align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a{display:flex; height:4.8rem; padding:var(--krds-spacer-3) var(--krds-spacer-4); border-radius:0.8rem; align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-1);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:before{content:"•"; font-weight:400;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:hover{background-color:var(--krds-secondary-5); color:var(--krds-secondary); font-weight:700;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:active,
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a.active{border-radius:var(--krds-rd-6);background-color: var(--krds-secondary-5);transition:0.4s ease-in-out;color: var(--krds-secondary);font-weight: 700;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a[target="_blank"]:after{width: 1.8rem;height: 1.8rem;margin: -0.2rem 0 0 0.4rem;background:url(../../img/component/ico_go_20.svg) no-repeat center;background-size:contain;content:"";transition:transform .25s ease-in-out;}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a[target="_blank"]:hover:after{background-image:url(../../img/component/ico_go_20_on.svg);}
#header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap.is-open{display:block; right:0;}
#header .m-lnb-wrap .m-lnb-menu.type1{display:flex; background-color:var(--krds-white); align-items:normal; justify-content:flex-start; flex-direction:column;}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl{padding:var(--krds-spacer-4) 0;}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl:not(:last-child){border-bottom:0.4rem solid var(--krds-gray-20);}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .dt{height:5.6rem; padding:0 var(--krds-spacer-6); font-size:var(--krds-fz-body-lg);}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .sm{padding:0 var(--krds-spacer-6);}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .subm{padding:var(--krds-spacer-3) var(--krds-spacer-10);}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .depth4-wrap a{padding:var(--krds-spacer-3) var(--krds-spacer-4);}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .sub-ban{padding:var(--krds-spacer-4) var(--krds-spacer-6) 0;}
#header .m-lnb-wrap .m-lnb-menu.type1 .submenu-wrap .dl .sub-ban .ban-in{display:flex; padding:0 var(--krds-spacer-4); border-radius:0.8rem; background-color:var(--krds-gray-5); align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
#header .m-lnb-wrap .m-lnb-in.type1.is-active .m-lnb-head{padding-bottom:0;}
#header .m-lnb-wrap .m-lnb-in.type1.is-active .m-lnb-top-scroll{display:block;}
#header .m-lnb-wrap .m-lnb-in.type1 .m-lnb-head{border-bottom:0.4rem solid var(--krds-gray-20);}
#header .m-lnb-wrap .m-lnb-top-scroll{display:none; overflow:hidden; height:0;}
#header .m-lnb-wrap .sch-input + .menu-hori{margin-top:var(--krds-spacer-6);}
#header .m-lnb-wrap .menu-hori{overflow:hidden; margin:0 -2.4rem; padding:0 var(--krds-spacer-6);}
#header .m-lnb-wrap .menu-hori .ul{display:flex; position:relative; padding-bottom:var(--krds-spacer-4); align-items:flex-start; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2); overflow-x:auto; scroll-behavior:smooth;}
#header .m-lnb-wrap .menu-hori .ul .mn{display:flex; height:3.6rem; padding:0 var(--krds-spacer-3); border-radius:0.6rem; background-color:var(--krds-gray-10); font-weight:400; align-items:center; justify-content:flex-start; flex-direction:row;}
#header .m-lnb-wrap .menu-hori .ul .mn.active{background-color:var(--krds-secondary-10);}
#header .m-lnb-wrap.is-open{right:0;}
#header .m-lnb-wrap.is-open:after{display:block; opacity:1;}
#header .m-lnb-wrap.is-close:after{display:block; opacity:0;}
.w-lnb-dim{position:fixed; top:0; right:0; z-index:60; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5);}

/* 통합검색 */
.pop-total-search-wrap{max-width:84.6rem; margin:0 auto; padding:var(--krds-spacer-20) 0 var(--krds-spacer-10);}
.pop-total-search-wrap .search-tit{display:flex; margin-bottom:var(--krds-spacer-6); font-size:var(--krds-fz-heading-sm); font-weight:700; line-height:1; align-items:center; justify-content:flex-start; flex-direction:row;}
.pop-total-search-wrap .search-tit .btn-txt{margin-left:auto;}
.pop-total-search-wrap .search-total-top{position:sticky; top:0; z-index:1; padding-bottom:var(--krds-spacer-10); border-bottom:0.1rem solid var(--krds-gray-40); background-color:#DEE2E8;}
.pop-total-search-wrap .search-text{padding-top:var(--krds-spacer-10);}
.pop-total-search-wrap .search-text .sch-info-list{display:flex; width:100%;}
.pop-total-search-wrap .search-text .sch-info-list .li{display:inline-flex; width:50%; min-height:63.8rem; margin:0; padding:var(--krds-spacer-2) var(--krds-spacer-6); align-items:flex-start; justify-content:flex-start; flex-direction:column; flex:1;}
.pop-total-search-wrap .search-text .sch-info-list .li .tit {width:100%; margin-bottom:6.3rem; color:var(--krds-gray-90); font-size:2.1rem; font-size:var(--krds-fz-title-lg);}
.pop-total-search-wrap .search-text .sch-info-list .li .list{display:flex; width:100%; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-6);}
.pop-total-search-wrap .search-text .sch-info-list .li .list a{display:flex; align-items:center; justify-content:flex-start; flex-direction:row;}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-txt{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state {display:inline-flex; width:3.2rem; font-size:1.5rem; font-size:var(--krds-fz-body-sm); align-items:center; justify-content:center; flex-direction:row; flex-shrink:0; gap:0.2rem;}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state::before{display:inline-flex; width:1rem; height:1rem; content:"";}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state.up{color:var(--krds-danger);}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state.up::before{width:0; height:0; border-right:0.4rem solid transparent; border-bottom:0.6rem solid var(--krds-danger); border-left:0.4rem solid transparent;}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state.down{color:var(--krds-information);}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state.down::before{width:0; height:0; border-top:0.6rem solid var(--krds-information); border-right:0.4rem solid transparent; border-left:0.4rem solid transparent;}
.pop-total-search-wrap .search-text .sch-info-list .li .ranking-state.same::before{width:0.6rem; height:0.2rem; background-color:var(--krds-gray-90);}
.pop-total-search-wrap .search-text .sch-info-list .li1{counter-reset:item;}
.pop-total-search-wrap .search-text .sch-info-list .li1 .list a{gap:var(--krds-spacer-2); counter-increment:item;}
.pop-total-search-wrap .search-text .sch-info-list .li1 .list a::before{display:inline-flex; width:2rem; content:counter(item);}
.pop-total-search-wrap .search-text .sch-info-list .li1 .list a .ranking-state{margin-left:auto;}
.pop-total-search-wrap .search-text .sch-info-list .li1 .tit{margin-bottom:var(--krds-spacer-4);}
.pop-total-search-wrap .search-text .sch-info-list .li1 .tab{}
.pop-total-search-wrap .search-text .sch-info-list .li1 .tab .btn-tab{background-color:transparent;}
.pop-total-search-wrap .search-text .sch-info-list .li2{border-left:0.1rem solid var(--krds-gray-40);}
.pop-total-search-wrap .search-text .sch-info-list .li2 a{gap:var(--krds-spacer-2);}
.pop-total-search-wrap .search-text .sch-info-list .li2 .word-txt{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pop-total-search-wrap .search-text .sch-info-list .li2 .btn-ico.ico-del{margin-left:auto; background-image:url(../../img/component/ico_del_20.svg); flex-shrink:0;}
.pop-total-search-wrap .search-text .sch-info-list .li2 .btn-txt{margin-top:auto;}
.pop-total-search-wrap .search-text .sch-info-list .li2 .btn-txt.ico-del::after{background-image:url(../../img/component/ico_del_20.svg);}
.pop-total-search-wrap .search-text .sch-keyword-list{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-6);}
.pop-total-search-wrap .search-text .sch-keyword-list .li{display:flex; align-items:center; justify-content:space-between; flex-direction:row; gap:var(--krds-spacer-2); word-break:break-all;}
.pop-total-search-wrap .search-text .sch-keyword-list .li .text{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; flex:1; gap:var(--krds-spacer-3);}
.pop-total-search-wrap .search-text .sch-keyword-list .li .text .txt{display:-webkit-box; overflow:hidden; width:100%; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.pop-total-search-wrap .search-text .sch-keyword-list .li .text .url{text-decoration:underline;}
.pop-total-search-wrap .search-text .sch-keyword-list .li .btn-txt{height:auto;}

/* util dropdown */
.krds-drop-wrap{display:inline-flex; position:relative;}
.krds-drop-wrap .drop-menu{display:none; position:absolute; top:100%; left:50%; z-index:6; min-width:13rem; margin-top:var(--krds-spacer-4); padding:var(--krds-spacer-2); border:0.1rem solid var(--krds-gray-30); border-radius:var(--krds-rd-8); background-color:var(--krds-white); box-shadow:0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transform:translateX(-50%);}
.krds-drop-wrap .drop-menu:before{display:inline-flex; position:absolute; left:50%; bottom:100%; width:2rem; height:1.2rem; background-image:url(../../img/common/ico_drop_arr.svg); content:""; transform:translateX(-50%);}
.krds-drop-wrap .drop-menu .drop-in{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-2);}
.krds-drop-wrap .drop-menu .drop-top-info{width:100%; padding:var(--krds-spacer-4) var(--krds-spacer-4) 0.6rem; border-bottom:0.1rem solid var(--krds-gray-30);}
.krds-drop-wrap .drop-menu .drop-btm-btn{display:flex; width:100%; padding:var(--krds-spacer-2) 0 0; border-top:0.1rem solid var(--krds-gray-30); align-items:flex-start; justify-content:center; flex-direction:row;}
.krds-drop-wrap .drop-menu .drop-btm-btn .btn{flex:1;}
.krds-drop-wrap .drop-menu .drop-list{width:100%;}
.krds-drop-wrap .drop-menu .drop-list .item-link{display:flex; width:100%; height:4.8rem; padding:0 var(--krds-spacer-2); border-radius:var(--krds-rd-6); font-size:var(--krds-fz-label-md); align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
.krds-drop-wrap .drop-menu .drop-list .item-link.ico-go:after{display:inline-flex; width:1.6rem; height:1.6rem; background-image:url(../../img/component/ico_go_20.svg); background-repeat:no-repeat; background-size:contain; content:"";}
.krds-drop-wrap .drop-menu .drop-list .item-link:hover{background-color:var(--krds-secondary-5);}
.krds-drop-wrap .drop-menu .drop-list .item-link:active{background-color:var(--krds-secondary-10);}
.krds-drop-wrap.zoom-drop .drop-menu{}
.krds-drop-wrap.zoom-drop .item-link:before{display:inline-flex; width:2.5rem; height:2.5rem; padding:0 var(--krds-spacer-1); border:0.1rem solid var(--krds-gray-30); border-radius:var(--krds-rd-4); background-color:var(--krds-white); content:"가"; font-size:var(--krds-fz-body-md); line-height:1; align-items:center; justify-content:center; flex-direction:row; flex-shrink:0;}
.krds-drop-wrap.zoom-drop .item-link.active{background-color:var(--krds-secondary-5); color:var(--krds-secondary); font-weight:700;}
.krds-drop-wrap.zoom-drop .item-link.active:before{background-color:var(--krds-secondary); color:var(--krds-white);}
.krds-drop-wrap.zoom-drop .item-link.xsm:before{width:2.1rem; height:2.1rem; font-size:var(--krds-fz-body-sm);}
.krds-drop-wrap.zoom-drop .item-link.sm:before{width:2.4rem; height:2.4rem; font-size:var(--krds-fz-body-md);}
.krds-drop-wrap.zoom-drop .item-link.md:before{width:2.5rem; height:2.5rem; font-size:var(--krds-fz-body-lg);}
.krds-drop-wrap.zoom-drop .item-link.lg:before{width:2.7rem; height:2.7rem; font-size:2.1rem;}
.krds-drop-wrap.zoom-drop .item-link.xlg:before{width:3rem; height:3rem; font-size:2.5rem;}
.krds-drop-wrap.my-drop .drop-menu{width:21rem;}
.krds-drop-wrap.my-drop .my-name{margin-bottom:var(--krds-spacer-4); font-size:var(--krds-fz-body-lg); font-weight:700; line-height:1.1;}
.krds-drop-wrap.my-drop .my-time dt{color:var(--krds-gray-70); font-size:var(--krds-fz-body-sm);}
.krds-drop-wrap.my-drop .my-time dd{display:flex; align-items:center; justify-content:space-between; flex-direction:row; gap:var(--krds-spacer-2);}
.krds-drop-wrap.my-drop .my-time .time{display:inline-flex; color:var(--krds-primary-60); font-size:var(--krds-fz-body-sm); align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-default2);}
.krds-drop-wrap.my-drop .my-time .time:before{display:inline-flex; width:1.6rem; height:1.6rem; /*background:url(../../img/common/ico_time_16.svg) center;*/ background-size:contain; content:"";}

/* container */
#container{flex:1;}
#container > .wrap{min-height:60rem;}

/* footer */
#footer{position:relative; z-index:50; background-color:var(--krds-gray-5);}
#footer .footer-nav{border-top:0.1rem solid var(--krds-gray-30); border-bottom:0.1rem solid var(--krds-gray-30); background-color:var(--krds-white);}
#footer .footer-nav .wrap{display:flex; justify-content: space-evenly;}
#footer .footer-nav .wrap .link{display:inline-flex; height:5.4rem; padding:0 var(--krds-spacer-5) 0 var(--krds-spacer-6); border-right:0.1rem solid var(--krds-gray-30); align-items:center; justify-content:space-between; flex-direction:row; flex:1; gap:var(--krds-spacer-2);}
#footer .footer-nav .wrap .link:first-child{border-left:0.1rem solid var(--krds-gray-30);}
#footer .footer-nav .wrap .link:after{display:inline-flex; width:2rem; height:2rem; background:url(../../img/layout/foot_ico_plus.svg) no-repeat center; background-size:contain; content:""; flex-shrink:0;}
#footer .footer-nav .wrap .link:hover{background-color:var(--krds-secondary-5); transition:0.4s ease-in-out;}
#footer .footer-nav .wrap .link:active{background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
#footer .footer-nav .wrap .mn{position:relative; height:5.6rem; padding:0 var(--krds-spacer-2); color:#464c53; /*color:var(--krds-gray-70);*/ font-size:var(--krds-fz-body-lg); font-weight:700; line-height:1.1; text-align:left; transition:.4s ease-in-out; width:300px;}
#footer .footer-nav .wrap .mn:before{display:inline-flex; content:''; position:absolute; bottom:0; left:50%; width:0; height:0.4rem; background-color:#063a74; transition:.4s ease-in-out;}
#footer .footer-nav .wrap .mn:after{display:inline-flex; width:2rem; height:2rem; background:url(../../img/layout/head_lnb_ico_arr.svg) no-repeat center; background-size:contain; content:""; transition:transform .4s ease-in-out; float:right;}
#footer .footer-nav .wrap .mn:focus{outline-offset:-0.2rem; transition-duration:0s;}
#footer .footer-nav .wrap .mn.active{/*background-color:var(--krds-secondary-10); color:var(--krds-gray-90);*/ transition-duration:0s;}
#footer .footer-nav .wrap .mn.active:before{left:0; width:100%;}
#footer .footer-nav .wrap .mn.active:after{transform:rotate(-180deg);}
#footer .footer-nav .wrap .mn:hover{background-color:#eef2f7; /*border-color:var(--krds-secondary); background-color:var(--krds-white); color:var(--krds-secondary);*/}
#footer .footer-nav .wrap .mn:hover:after{/*background-image:url(../../img/layout/head_lnb_ico_arr_on.svg);*/}
#footer .footer-nav .wrap .mn:active{color:#1e2124; background-color:#d6e0eb; transition-duration:0s;}
#footer > .wrap{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column;}
#footer .footer-logo{height:4.8rem;}
#footer .footer-logo img{max-height:100%;}
#footer .footer-contents{display:flex; gap:var(--krds-spacer-6);}
#footer .footer-contents .footer-info{display:flex; padding-bottom:var(--krds-spacer-2); align-items:normal; justify-content:flex-start; flex-direction:column; flex:1; gap:var(--krds-spacer-4);}
#footer .footer-contents .footer-info-list{display:flex;flex-direction:column;gap: var(--krds-spacer-4);}
#footer .footer-contents .footer-info-list li span{font-weight:700;}
#footer .footer-contents .footer-info .info-cs{display:flex; align-items:normal; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-4);}
#footer .footer-contents .footer-info .info-cs li {display:flex; display:flex; align-items:center; align-items:center; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-2);}
#footer .footer-contents .footer-cs{display:flex; width:30.2rem; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-10); flex-shrink:0;}
#footer .footer-contents .footer-cs dl{display:flex; align-items:flex-start; justify-content:flex-start; flex-direction:column; gap:var(--krds-spacer-4);}
#footer .footer-contents .footer-cs dt{font-size:var(--krds-fz-body-sm); font-weight:700;}
#footer .footer-contents .footer-cs dd{display:flex; align-items:center; gap:var(--krds-spacer-2);}
#footer .footer-contents .footer-cs dd .key{font-weight:400; line-height:1;}
#footer .footer-contents .footer-cs dd .value{font-weight:700; line-height:1;}
#footer .footer-contents .footer-link{display:flex; width:30.2rem; flex-direction:column; flex-shrink:0; gap:var(--krds-spacer-6);}
#footer .footer-contents .footer-link .link-go{display:flex; flex-direction:column; align-items:flex-start; flex:1; gap:var(--krds-spacer-4);}
#footer .footer-contents .footer-link .link-go .btn-txt{height:auto;font-weight:700;line-height:1.5;}
#footer .footer-contents .footer-link .link-sns{display:flex; gap:var(--krds-spacer-2);}
#footer .footer-contents .footer-link .link-sns a{display:inline-flex; width:4rem; height:4rem; background-repeat:no-repeat; background-size:auto 100%;}
#footer .footer-contents .footer-link .link-sns a.instagram{background-image:url(../../img/layout/foot_ico_sns_Instagram.svg);}
#footer .footer-contents .footer-link .link-sns a.youtube{background-image:url(../../img/layout/foot_ico_sns_youtube.svg);}
#footer .footer-contents .footer-link .link-sns a.twitter{background-image:url(../../img/layout/foot_ico_sns_twitter.svg);}
#footer .footer-contents .footer-link .link-sns a.facebook{background-image:url(../../img/layout/foot_ico_sns_facebook.svg);}
#footer .footer-contents .footer-link .link-sns a.blog{background-image:url(../../img/layout/foot_ico_sns_blog.svg);}
#footer .footer-bottom{display:flex; padding-top:var(--krds-spacer-2); border-top:0.1rem solid var(--krds-gray-30); flex-direction:column; gap:var(--krds-spacer-6);}
#footer .footer-bottom .footer-bottom-text{display:flex; font-weight:400; justify-content:space-between; align-items:center; gap:var(--krds-spacer-4);}
#footer .footer-bottom .footer-bottom-text .footer-menu{display:inline-flex; flex-wrap:wrap;}
#footer .footer-bottom .footer-bottom-text .footer-menu a{display:inline-flex; height:4rem; padding:0 1rem; color:#1d1d1d; align-items:center;}
#footer .footer-bottom .footer-bottom-text .footer-menu a.point{color:var(--krds-secondary); font-weight:700;}
#footer .footer-bottom .footer-bottom-text .footer-menu a:hover{border-radius:var(--krds-rd-6); background-color:var(--krds-secondary-5); transition:0.4s ease-in-out;}
#footer .footer-bottom .footer-bottom-text .footer-menu a:active{background-color:var(--krds-secondary-10); transition:0.4s ease-in-out;}
#footer .footer-bottom .footer-bottom-text .footer-menu a:first-child{padding-left:0;}
#footer .footer-bottom .footer-bottom-text .f-copy{color: var(--krds-gray-70);font-size:var(--krds-fz-body-sm);}
#footer .footer-bottom .footer-bottom-ban{display:flex; min-height:4rem; padding:var(--krds-spacer-2) var(--krds-spacer-4); border-radius:var(--krds-rd-6); background-color:var(--krds-white); align-items:center;}
#footer .footer-bottom .footer-bottom-ban:before{display:inline-flex; width:7.2rem; height:2.4rem; margin-right:var(--krds-spacer-2); background:url(../../img/main/btm_ban_ico_flag.svg) no-repeat center; background-size:contain; content:""; flex-shrink:0;}
#footer .footer-bottom .footer-bottom-ban-txt{display:flex; font-size:var(--krds-fz-body-sm); line-height:1; white-space:nowrap; align-items:center;}
#footer .footer-bottom .footer-bottom-ban-txt .footer-bottom-text{display:flex;}
@media (min-width:1024px){
  .is-w-lnb #wrapper.scroll-down #header .header-in{transform:translateY(0);}
  .is-w-lnb.hasScrollY #header-top, .is-w-lnb.hasScrollY #header .head-body, .is-w-lnb.hasScrollY #header .lnb, .is-w-lnb.hasScrollY #header .w-lnb-wrap, .is-w-lnb.hasScrollY #container, .is-w-lnb.hasScrollY #footer{padding-right:1.7rem;}
  .is-w-lnb.hasScrollY #footer .footer-nav{margin-right:-1.7rem; padding-right:1.7rem;}
  .wrap{margin:0 auto; padding-right:var(--krds-spacer-5); padding-left:var(--krds-spacer-5);}
  .wrap.narrow{padding-right:var(--krds-spacer-30); padding-left:var(--krds-spacer-30);}

  #header .head-body > .wrap{padding-bottom:var(--krds-spacer-4); gap:var(--krds-spacer-1);}
  #header .head-body .btn-navi.all{display:none;}
  #header .m-lnb-wrap{display:none;}

  #container > .wrap{padding:0 var(--krds-spacer-5);}

  #footer > .wrap{padding-top:var(--krds-spacer-10); padding-bottom:var(--krds-spacer-14); gap:var(--krds-spacer-9);}
  #footer .footer-contents{justify-content:space-between; flex:1;}
  #footer .footer-contents .footer-info{min-height:1.84rem;}
  #footer .footer-contents .footer-link{width:30.2rem; flex-shrink:0;}
}
@media (max-width:1280px){
  .wrap{padding-right:var(--krds-spacer-4); padding-left:var(--krds-spacer-4);}
  
  #header .lnb .lnb-list .li .mn{padding:0 var(--krds-spacer-2); font-size:var(--krds-fz-body-md); gap:var(--krds-spacer-1);}
  
  #footer .wrap{padding-right:var(--krds-spacer-4); padding-left:var(--krds-spacer-4);}
}
@media (min-width:600px) and (max-width:1023px){
  #header .m-lnb-wrap .m-lnb-in{width:36rem;}
  #header .m-lnb-wrap .m-lnb-menu .submenu-wrap .depth4-wrap{width:36rem;}

  #footer .footer-nav .wrap .link{padding:0 var(--krds-spacer-2) 0 var(--krds-spacer-4); font-size:1.6rem; text-align:left; line-height:1.2; word-break:break-all;}
  #footer .footer-contents .footer-info{flex:3; gap:var(--krds-spacer-7);}
  #footer .footer-contents .footer-info .info-cs{gap:var(--krds-spacer-6);}
  #footer .footer-contents .footer-info .info-cs li{flex-direction:column; align-items:flex-start;}
  #footer .footer-contents .footer-link{width:24rem;}
}
@media (max-width:1023px){
  .is-m-lnb{overflow:hidden;}

  #header .wrap{padding-top:0.9rem; padding-bottom:0.9rem;}
  #header .logo .logo-im{height:3.6rem;}
  #header .head-body .logo a{gap:var(--krds-spacer-6);}
  #header .logo .logo-name{height:1.5rem;}
  #header .logo .logo-name:before{top:0; left:-1.2rem; height:1.6rem;}
  #header .logo .logo-name img{margin-top:0;}
  #header .logo .logo-slogan{display:none;}
  #header .head-body .head-etc{display:none;}
  #header .head-body .btn-navi{font-size:1.5rem; gap:var(--krds-spacer-2);}
  #header .head-body .btn-navi.navi-row{flex-direction:column;}
  #header .head-body .btn-navi.join, #header .head-body .btn-navi.my{display:none;}
  #header .lnb{display:none;}
  #header .w-lnb-wrap{display:none !important;}
  .w-lnb-dim{display:none !important;}

  #footer > .wrap{padding:var(--krds-spacer-8) var(--krds-spacer-4);gap:var(--krds-spacer-8);}
  #footer .footer-logo{height:3.6rem;}
  #footer .footer-contents{gap:var(--krds-spacer-8);}
  #footer .footer-bottom{margin:0 -1.6rem;padding: var(--krds-spacer-8) var(--krds-spacer-4) 0;}
}
@media (max-width:799px){
  #footer .footer-contents .footer-info-list li:nth-child(2) span{display:block;}
}
@media (max-width:599px){
  #header-top .toggle-head .nuri-txt{display:block;}
  #header-top .toggle-head .toggle-btn{margin-left:calc(var(--krds-spacer-7) - 0.2rem);}
  #header .logo .logo-im{height:3.2rem;}
  #header .head-body .logo a{gap:1.5rem;}
  #header .logo .logo-name{height:1.3rem;}
  #header .logo .logo-name:before{top:0.1rem; left:-0.7rem; height:1.2rem;}
  #header .logo .logo-name img{}
  #header .head-body .btn-navi{padding:var(--krds-spacer-1); font-size:var(--krds-fz-label-xsm); gap:0.6rem;}
  #header .head-body .btn-navi:before{width:2rem; height:2rem;}
  #header .w-lnb-wrap{display:none !important;}
  #header .m-lnb-wrap .m-lnb-in{width:100%;}

  .pop-total-search-wrap{padding:var(--krds-spacer-10) 0;}
  .pop-total-search-wrap .search-tit{flex-direction:column; align-items:flex-start; gap:var(--krds-spacer-4);}
  .pop-total-search-wrap .search-tit .btn-txt{margin:0; padding:0;}
  .pop-total-search-wrap .search-total-top{margin:0 -1.6rem; padding:0 var(--krds-spacer-4) var(--krds-spacer-8);}
  .pop-total-search-wrap .search-text{padding:var(--krds-spacer-8) var(--krds-spacer-4) 0;}
  .pop-total-search-wrap .search-text .sch-info-list{flex-direction:column;}
  .pop-total-search-wrap .search-text .sch-info-list .li{width:100%; min-height:auto; padding:0;}
  .pop-total-search-wrap .search-text .sch-info-list .li .tit{margin-bottom:var(--krds-spacer-8);}
  .pop-total-search-wrap .search-text .sch-info-list .li2{margin-top:var(--krds-spacer-8); padding-top:var(--krds-spacer-8); border:0; border-top:0.1rem solid var(--krds-gray-40);}
  .pop-total-search-wrap .search-text .sch-info-list .li2 .btn-txt.ico-del{margin-top:var(--krds-spacer-8);}
  .pop-total-search-wrap .search-text .sch-keyword-list .li{gap:var(--krds-spacer-4);}
  .pop-total-search-wrap .search-text .sch-keyword-list .li .text .url{text-decoration:none;}
  .pop-total-search-wrap .search-text .sch-keyword-list .li .ico-go span{overflow:hidden !important; position:absolute !important; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem !important; padding:0 !important; border:0 !important; white-space:nowrap !important; clip:rect(0, 0, 0, 0) !important;}

  #container > .wrap{min-height:50rem;}

  #footer .footer-logo{height:3.2rem;}
  #footer .footer-nav > .wrap{padding:0; flex-direction:column;}
  #footer .footer-nav > .wrap .link{min-height: 4.8rem;padding:0 var(--krds-spacer-4);border:0;font-size: var(--krds-fz-body-sm);}
  #footer .footer-nav > .wrap .link:first-child{border:0;}
  #footer .footer-nav > .wrap .link:not(:first-child){border-top:0.1rem solid var(--krds-gray-30);}
  #footer .footer-contents{flex-direction:column;gap: var(--krds-spacer-8);}
  #footer .footer-contents .footer-info{font-size:var(--krds-fz-body-sm);flex-direction:column;gap: var(--krds-spacer-4);padding-bottom: 0;}
  #footer .footer-contents .footer-info .footer-info-address{}
  #footer .footer-contents .footer-info-list li span{/* font-size:1.7rem; */}
  #footer .footer-contents .footer-info .footer-info-address .br{display:none;}
  #footer .footer-contents .footer-info .info-cs{gap:var(--krds-spacer-4);}
  #footer .footer-contents .footer-info .info-cs li{display:block; word-break:break-all;}
  #footer .footer-contents .footer-info .info-cs li .strong{margin-right:var(--krds-spacer-1);}
  #footer .footer-contents .footer-cs{gap:var(--krds-spacer-8);}
  #footer .footer-contents .footer-cs dd{font-size:var(--krds-fz-body-sm);}
  #footer .footer-contents .footer-link{gap: var(--krds-spacer-8);}
  #footer .footer-contents .footer-link .link-go{gap:var(--krds-spacer-4);}
  #footer .footer-contents .footer-link .link-go .btn-txt{height:auto;padding:0;font-size: var(--krds-fz-body-sm);line-height: 1;}
  #footer .footer-contents .footer-link .link-go .btn-txt:after{width:1.6rem; height:1.6rem;}
  #footer .footer-bottom{margin:0;padding: var(--krds-spacer-8) 0 0 0;font-size:var(--krds-fz-body-sm);flex-direction:column;}
  #footer .footer-bottom .footer-bottom-text{width:100%;flex-direction:column;align-items:flex-start;}
  #footer .footer-bottom .footer-bottom-text .footer-menu{gap: var(--krds-spacer-4) var(--krds-spacer-6);}
  #footer .footer-bottom .footer-bottom-text .footer-menu a{height:auto;padding:0;font-size: var(--krds-fz-body-sm);}
  #footer .footer-bottom .footer-bottom-ban .ban-txt{line-height:1.1; word-break:break-all;}

  .krds-drop-wrap .drop-menu{min-width:11rem;}
  .krds-drop-wrap.zoom-drop .drop-menu{left:0; transform:none;}
  .krds-drop-wrap.zoom-drop .drop-menu:before{left:2.7rem; transform:none;}
  .krds-drop-wrap .drop-menu .drop-in{gap:var(--krds-spacer-1);}
  .krds-drop-wrap .drop-menu .drop-list .item-link{height:4rem; font-size:1.6rem;}
  .krds-drop-wrap.zoom-drop .item-link.xsm:before{width:2.1rem; height:2.1rem; font-size:var(--krds-fz-body-sm);}
  .krds-drop-wrap.zoom-drop .item-link.sm:before{width:2.4rem; height:2.4rem; font-size:var(--krds-fz-body-md);}
  .krds-drop-wrap.zoom-drop .item-link.md:before{width:2.5rem; height:2.5rem; font-size:var(--krds-fz-body-lg);}
  .krds-drop-wrap.zoom-drop .item-link.lg:before{width:2.7rem; height:2.7rem; font-size:2.1rem;}
  .krds-drop-wrap.zoom-drop .item-link.xlg:before{width:3rem; height:3rem; font-size:2.5rem;}
  .krds-drop-wrap .drop-menu .drop-btm-btn{padding:var(--krds-spacer-1) 0 0 0;}
}

/* 푸터 - 관련누리집 모음 */
#footer .footer-banner{display:flex; position:relative; height:8.1rem; border-top:0.1rem solid var(--krds-gray-30); background-color:var(--krds-white); align-items:center;}
#footer .footer-banner .banner-wrap{display:flex; gap:3.2rem;}
#footer .footer-banner .banner-wrap .banner-box{display:inline-flex;}
#footer .footer-banner .banner-wrap .banner-box .banner-title{display:inline-flex; padding-right:2.8rem; padding-left:2.4rem; color:#1d1d1d; font-size:1.8rem; line-height:2.8rem; align-items:center; justify-content:center; letter-spacing:0;}
#footer .footer-banner .banner-wrap .banner-box .banner-control{display:inline-flex; position:relative; align-items:center; gap:0.4rem;}
#footer .footer-banner .banner-wrap .banner-box .banner-control button{position:relative; width:2rem; height:2.8rem; background-repeat:no-repeat; background-position:center top 0.9rem; font-size:0;}
#footer .footer-banner .banner-wrap .banner-box .banner-control .banner-prev{background-image:url(../../img/layout/ico_banner_prev.svg); background-position:center top 1rem; background-size:0.7rem;}
#footer .footer-banner .banner-wrap .banner-box .banner-control .banner-next{background-image:url(../../img/layout/ico_banner_next.svg); background-size:0.7rem;}
#footer .footer-banner .banner-wrap .banner-box .banner-control .banner-play{background-image:url(../../img/layout/ico_banner_play.svg); background-position:left 0.6rem top 0.9rem; background-size:1rem;}
#footer .footer-banner .banner-wrap .banner-box .banner-control .banner-stop{background-image:url(../../img/layout/ico_banner_stop.svg); background-size:0.9rem;}
#footer .footer-banner .banner-wrap .banner-box .banner-more{display:inline-flex; width:2rem; height:2.8rem; margin-left:0.5rem; background:url(../../img/layout/ico_banner_more.svg) center no-repeat; font-size:0; line-height:0; vertical-align:top;}
#footer .footer-banner .banner-wrap .banner-list .banner-item{display:inline-flex; ;align-items:center; justify-content:center;}
#footer .footer-banner .banner-wrap .banner-list .banner-item.swiper-slide{width:auto;}
#footer .footer-banner .banner-wrap .banner-list .banner-item .banner-link{color:#1d1d1d; font-size:1.7rem; line-height:2.8rem;}
@media all and (max-width:1023px){
  #footer .footer-banner{display:none;}
}

/* **** POPUP **** */
/* 푸터 - 관련 기관 링크 */
.pop-foot-links{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:var(--krds-spacer-2) var(--krds-spacer-4);}
.pop-foot-links li a{display:flex; padding:var(--krds-spacer-3) var(--krds-spacer-2); border-radius:var(--krds-rd-8); align-items:flex-start; justify-content:flex-start; flex-direction:row; gap:var(--krds-spacer-1); word-break:break-all;}
.pop-foot-links li a:before{margin-top:0.1rem; content:"･";}
.pop-foot-links li a:hover{background-color:var(--krds-secondary-10);}
.pop-foot-links li a:active{background-color:var(--krds-secondary-20);}

@media (max-width:599px){
  .pop-foot-links{grid-template-columns:1fr 1fr; grid-gap:0;}
}


/* add */
#header .lnb .lnb-list .li.active .mn{/*background-color:var(--krds-secondary-10); color:var(--krds-gray-90);*/}
body:not(.is-w-lnb) #header .lnb .lnb-list .li.active .mn:before{left:0; width:100%;}
.footer-link .btn.btn-txt + .btn.btn-txt {margin-left:0}

.pop-total-search-wrap .search-text .sch-info-list .li2 .list li{display:flex;align-items:center;justify-content: flex-start}
.pop-total-search-wrap .search-text .sch-info-list .li2 .list li a{display:inline-flex}