@charset "utf-8";
@import 'w_modal.css';
@import 'w_sub.css';
@import '/sites/kdca/style/css/krds.css';

/* etc */
body.scroll-hidden{overflow: hidden;}
.inner{max-width:128rem; margin:0 auto;}
.sr-only{height:0; display:block; overflow:hidden; width: 0;} /* screen reader */
nav a.go{display: flex; gap: 0.25rem; align-items: center; margin-right:0.5rem;}
nav a.go:after{content:''; margin-top:-2px; background: url('../../images/icon/ico_go.svg') center / contain no-repeat !important;display:block;width: 2rem;height: 2rem;min-width:2rem;}

/* Nuri - Txt */
#kdca-masthead{background-color: #edf1f5;position: relative;z-index: 10;}
#kdca-masthead .inner{position: relative; max-width:130rem; margin:0 auto;}
#kdca-masthead .nuri-txt{display: flex;gap:.5rem;padding: 0.5rem 0; font-size: var(--krds-fz-sm);; font-weight: var(--krds-fw-regular); color: #1d1d1d; align-items: center;}
#kdca-masthead .nuri-txt::before{content: "";width: 2.4rem; display:block; height: 1.6rem; background: url('../../images/icon/ico_flag.svg') center / contain no-repeat;}

/* header-container */
#kdca-header{position: relative;z-index: 100;background: #fff;}
.header-container .inner{display: flex; flex-direction: column; padding: 1.5rem 0;}
.header-utility .utility-list{max-width: 128rem;margin: 0 auto 1rem;display: flex;justify-content: end;gap: var(--krds-pd-full-sm);align-items: center;}
.header-utility .utility-list > li{position: relative;}
.header-utility .utility-list > li > a,
.header-utility .utility-list > li > button{display: flex;align-items: center;font-size: var(--krds-fz-sm); gap:var(--krds-spacer-1);}
.header-utility .utility-list > li > a:before,
.header-utility .utility-list > li > button:before{content:'';width: 2.4rem;height: 3rem;display: block;background-repeat:no-repeat;background-position:center;}
.header-utility .utility-list > li > button.txt-size:before{background-image:url('../../images/icon/ico_view_mode.svg');}
.header-utility .utility-list > li > button.language:before{background-image:url('../../images/icon/ico_global.svg');}
.header-utility .utility-list > li > a.sitemap:before{background-image:url('../../images/icon/ico_sitemap.svg');}
.header-utility .utility-list > li > button:after{content:'';width: 2.4rem;height: 3rem;display: block;background-repeat:no-repeat;background-position:center;background-image:url('../../images/icon/ico_angle.svg');}
.header-utility .utility-list > li > a.nuri{margin-top:3px;}
.header-utility .utility-list > li > button.txt-size:after{display:none;}
.header-utility .utility-list > li > a.nuri:before{display:none;}

.header-utility .utility-list .top-sns{display: flex;gap: 0.8rem;}
.header-utility .utility-list .top-sns a{width: 3rem;height: 3rem;border: 1px solid #cdd1d5;border-radius: 100%;background-size: contain;}
.header-utility .utility-list .top-sns a.instagram{background-image: url('../../images/icon/ico_sns_Instagram.svg'); }
.header-utility .utility-list .top-sns a.youtube{background-image: url('../../images/icon/ico_sns_youtube.svg'); }
.header-utility .utility-list .top-sns a.twitter{background-image: url('../../images/icon/ico_sns_twitter.svg'); }
.header-utility .utility-list .top-sns a.facebook{background-image: url('../../images/icon/ico_sns_facebook.svg'); }
.header-utility .utility-list .top-sns a.blog{background-image: url('../../images/icon/ico_sns_blog.svg'); }

.header-container .head-body{display: flex;align-items: center;justify-content: space-between;}
.header-container .head-body .logo a{display: flex; align-items: center; gap: var(--krds-pd-full-md);}
.header-container .head-body .logo a span{color:var(--krds-gray-80); font-size: var(--krds-fz-md); font-weight:var(--krds-fw-bold);line-height: 1.2;}
.header-container .head-body .header-actions{}
.header-container .head-body .header-actions ul{display: flex; gap: var(--krds-pd-full-sm); align-items: center;}
.header-container .head-body .header-actions ul li{}
.header-container .head-body .header-actions a,
.header-container .head-body .header-actions button{color:#1e2124;font-size:var(--krds-fz-menu-dep-3);font-weight: var(--krds-fw-regular);display: flex;align-items: center;gap: var(--krds-pd-full-sm);}
.header-container .head-body .header-actions a:before,
.header-container .head-body .header-actions button:before{content: "";display:block;width: 2rem;height: 2rem;}
.header-container .head-body .header-actions a.bookmark:before,
.header-container .head-body .header-actions button.bookmark:before{background: url('../../images/icon/ico_bookmark.svg') center / contain no-repeat;}
.header-container .head-body .header-actions button.sch:before{background: url('../../images/icon/ico_sch.svg') center / contain no-repeat;}

/* util dropdown */
.krds-drop-wrap{display: none;position: absolute;z-index: 10;top: 3rem;left: 0;}
.krds-drop-wrap .drop-menu{min-width: 130px;padding: 8px;margin-top: 16px;border-radius: 8px;border: 0.1rem solid #D8D8D8;background-color: #FFFFFF;box-shadow: 0 0.4rem 12px 0 rgba(0, 0, 0, 0.12);}
.krds-drop-wrap .drop-menu .drop-in .drop-list li a{display: flex; font-weight: var(--krds-fw-regular); align-items: center; justify-content: flex-start; flex-direction: row; gap: 8px; font-size: 17px; height: 48px; padding: 0 8px; border-radius: 6px;}
.krds-drop-wrap.zoom-drop .drop-menu .drop-in .drop-list li a:before{content: '가'; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; line-height: 1; padding: 0 0.4rem; border-radius: 0.4rem; border: 0.1rem solid #D8D8D8; background-color: #FFFFFF; font-size: var(--krds-fz-md); width: 2.4rem; height: 2.4rem;}
.krds-drop-wrap .drop-menu .drop-in .drop-list li a.active{font-weight:var(--krds-fw-bold); color: #003675; background-color: #EDF1F5;}
.krds-drop-wrap .drop-menu .drop-btm-btn{display: flex; align-items: flex-start; justify-content: center; flex-direction: row; width: 100%; padding: 8px 16px 0; border-top: 0.1rem solid #D8D8D8;}
.krds-drop-wrap .drop-menu .drop-btm-btn .ico-reset::after{content: ""; display: inline-flex; background-image: url(../../images/icon/ico_refresh_16.svg); width: 16px; height: 16px; background-size: contain;}

/* gnb */
@media all and (min-width: 1024px) {
  #head-gnb .header-utility{display:none;}

  #head-gnb{border-top: 0.1rem solid #d8d8d8; border-bottom: 0.1rem solid #d8d8d8; background-color: #ffffff; position: relative;}
  #head-gnb .ul_1{display: flex;margin: 0 auto;align-items: flex-start;max-width: 128rem;gap: var(--krds-pd-full-sm);}
  #head-gnb .ul_1 .a_1{display: flex;gap: var(--krds-pd-full-sm);align-items: center;font-size: var(--krds-fz-menu-dep-1);font-weight: var(--krds-fw-regular);color: var(--krds-gray-100);position: relative; padding: var(--krds-fz-detail-sm) var(--krds-pd-full-md);}
  #head-gnb .ul_1 .a_1.plus::after{display: inline-flex; width: 2rem; height: 2rem; background: url('../../images/icon/ico_angle.svg') center / contain no-repeat;}
  #head-gnb .ul_1 .a_1::before{display: block; position: absolute; bottom: -0.1rem; left: 0; width:0; background:#063a74; height: 0.3rem;}
  #head-gnb .ul_1 .li_1 .a_1::after,
  #head-gnb .ul_1 .li_1 .a_1::before{content: ""; transition:ease-in all .3s;}
  #head-gnb .ul_1 .li_1.on .a_1:after{transform: rotate(180deg);}
  #head-gnb .ul_1 .li_1.on .a_1:before{width: 100%;}

  #head-gnb .div_2{display:none;position:absolute;left:0;top:102%;background: #fff;width:100%;z-index: 101;}
  #head-gnb .div_2.on{display:block;}

  #head-gnb .ul_2 .li_2{display: grid;grid-template-columns: 26rem 1fr;gap: 5rem;align-items: baseline; z-index: 1;}
  #head-gnb .ul_2 .li_2._active .div_3{display:block;}

  #head-gnb .ul_2{max-height: calc(100vh - 17rem); min-height:25rem; padding: 2rem 0 10rem; overflow: auto; background: #fff; position: relative;max-width: 1300px;margin: 0 auto;}
  #head-gnb .ul_2 .li_2:after{content: ''; width: 26rem; height: 100%; display: block; position: absolute; background: #edf1f5; left: 0; top: 0;}
  #head-gnb .ul_2 .li_2 .a_2{display: flex;align-items: flex-start;z-index:1;justify-content: space-between;gap: var(--krds-pd-full-sm);font-size: 1.5rem;padding: 1.2rem 2rem 1.2rem 2rem;font-weight: var(--krds-fw-regular);line-height: 1.3;}
  #head-gnb .ul_2 .li_2 .a_2:hover{color:blue; border-color:blue;}
  #head-gnb .ul_2 .li_2 .a_2._active{background: #fff;}
  #head-gnb .ul_2 .li_2 .a_2.plus::after{content: "";transform: rotate(-90deg);transition:ease-in all .2s;display: inline-flex;width: 1.5rem;height: 1.5rem;font-size: 2rem;line-height: 1;font-weight: var(--krds-fw-regular);background: url('../../images/icon/ico_angle.svg') no-repeat center;margin-top: .1rem;min-width: 1.5rem;}

  #head-gnb .depth2-title{font-size: 2.5rem;color: var(--krds-gray-80);font-weight: 800;margin-bottom: 2.5rem;}
  #head-gnb .div_3 {display: none;position: absolute;top: 0;padding-top: 4rem;left: 32rem;background: #fff;z-index: 1001;width: calc(100% - 32rem);}
  #head-gnb .div_3.on{display:block;}
  #head-gnb .div_3 .ul_3{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
  #head-gnb .div_3 .li_3{display: inline-block;margin-bottom: 10px;}
  #head-gnb .div_3 .a_3{font-size: 1.5rem;position: relative;display: block;padding-left: 1.8rem;color: var(--krds-gray-80);font-weight: var(--krds-fw-regular);padding-right:2.5rem;}
  #head-gnb .div_3 .a_3.go{}
  #head-gnb .div_3 .a_3.go:after{left: -.8rem; top: 0.3rem; position: absolute;}
  #head-gnb .div_3 .a_3.go::before{display:none;}
  /**#head-gnb .div_3 .a_3:hover{font-weight:var(--krds-fw-bold);}**/
  #head-gnb .div_3 .a_3::before{content: '';width: 0.3rem;height: 0.3rem;display: block;position: absolute;left: 0;top: 1rem;background: #33363d;border-radius: 100%;}


  .scroll-hidden .wrap_contents:before{content: ''; position: fixed; background: rgba(0, 0, 0, .5); width: 100%; height: 100%; left: 0; top: 0; z-index:10;}

  /* mobile btn*/
  #head-gnb .head-gnb-close,
  .header-container .head-body .header-actions button.allMenu{display:none;}
}

/* footer */
.sub #kdca-footer{margin-top:10rem;}
#kdca-footer{position: relative;z-index: 50;background-color: #f8f8f8;font-size: var(--krds-fz-menu-dep-2);padding-bottom: 5rem;}
#kdca-footer .foot-content{padding-top: 4rem;}
#kdca-footer .foot-quick{border-top: 0.1rem solid #cdd1d5; border-bottom: 0.1rem solid #cdd1d5; background-color:var(--krds-white); }
#kdca-footer .foot-quick .inner{display: flex; width: 100%;}
#kdca-footer .foot-quick .inner button{display: block;text-align: left;font-size: var(--krds-fz-md);height: 5.6rem;padding: 0 5.4rem 0 2.4rem;border-right: 0.1rem solid #cdd1d5;position: relative;width: 100%;}
#kdca-footer .foot-quick .inner button:first-child{border-left: 0.1rem solid #cdd1d5; }
#kdca-footer .foot-quick .inner button::after{display: block;content: "";width:2rem;height:2rem;background: url('../../images/icon/ico_plus.svg') center / contain no-repeat ; position: absolute; right: 3rem; top:1.8rem;}
#kdca-footer .foot-quick .inner button:hover{background-color: #edf1f5; transition: 0.4s ease-in-out; }
#kdca-footer>.inner{display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; }
#kdca-footer .f-logo{height: var(--krds-fz-display-md); margin-bottom:4rem; gap: var(--krds-pd-full-md); display: flex; align-items: center;}
#kdca-footer .f-logo span{line-height: 1.3;font-weight:var(--krds-fw-bold);font-size: var(--krds-fz-sm);;}
#kdca-footer .f-logo img{height: 100%;}
#kdca-footer .f-cnt{display: flex;}
#kdca-footer .f-cnt .f-link{display: flex;flex-direction: column;gap: 4rem;}
#kdca-footer .f-cnt .f-info{display: flex;flex-direction: column;flex: 1;gap: var(--krds-pd-full-md);}
#kdca-footer .f-cnt .info-cs{}
#kdca-footer .f-cnt .info-cs li{}
#kdca-footer .f-cnt .info-cs li .strong{font-weight:var(--krds-fw-bold);}

#kdca-footer .f-cnt .f-link .link-go{display: flex;flex-direction: column;flex: 1;}
#kdca-footer .f-cnt .f-link .link-go a{font-weight:var(--krds-fw-bold); height: 4rem; padding: 0 1.2rem; border-radius: 0.6rem; display: flex; align-items: center; gap: 0.4rem; transition: all .4s ease 0s; }
#kdca-footer .f-cnt .f-link .link-go a:hover{background-color: #edf1f5; }
#kdca-footer .f-cnt .f-link .link-go a::after{content: "";display: block;width: 2rem;height: 2rem;background: url('../../images/icon/ico_angle.svg') no-repeat;transform: rotate(-90deg);}
#kdca-footer .f-cnt .f-link .link-sns{display: flex;gap: 0.8rem;}
#kdca-footer .f-cnt .f-link .link-sns a{width: 4rem;height: 4rem; border: 1px solid #cdd1d5; border-radius: 100%;}
#kdca-footer .f-cnt .f-link .link-sns a.instagram{background-image: url('../../images/icon/ico_sns_Instagram.svg'); }
#kdca-footer .f-cnt .f-link .link-sns a.youtube{background-image: url('../../images/icon/ico_sns_youtube.svg'); }
#kdca-footer .f-cnt .f-link .link-sns a.twitter{background-image: url('../../images/icon/ico_sns_twitter.svg'); }
#kdca-footer .f-cnt .f-link .link-sns a.facebook{background-image: url('../../images/icon/ico_sns_facebook.svg'); }
#kdca-footer .f-cnt .f-link .link-sns a.blog{background-image: url('../../images/icon/ico_sns_blog.svg'); }
#kdca-footer .f-btm{display: flex;flex-direction: column;padding-top: 3.5rem;border-top: 0.1rem solid #d8d8d8;margin-top: 3.5rem;}
#kdca-footer .f-btm .f-btm-text{text-align: right;font-weight: var(--krds-fw-bold);}
#kdca-footer .f-btm .f-btm-text .f-menu{display: inline-flex;flex-wrap: wrap;}
#kdca-footer .f-btm .f-btm-text .f-menu a{display: inline-flex;align-items: center;padding: 0 1rem;}
#kdca-footer .f-btm .f-btm-text .f-menu a.point{font-weight:var(--krds-fw-bold);color: #003675;text-decoration: underline;}
#kdca-footer .f-btm .f-btm-text .f-menu a:hover{border-radius: 0.6rem; background-color: #edf1f5; transition: 0.4s ease-in-out; }
#kdca-footer .f-btm .f-btm-text .f-menu a:active{background-color: #cdd7e4; transition: 0.4s ease-in-out; }
#kdca-footer .f-btm .f-btm-text .f-copy{font-size: var(--krds-fz-sm);color: var(--krds-gray-100); font-weight: var(--krds-fw-regular);}

@media all and (max-width: 1023px) {

  /* mobile btn*/
  .header-container .head-body .header-actions a, 
  .header-container .head-body .header-actions button,
  .header-container .head-body button.allMenu{display: inline-flex;flex-direction: column;align-items: center;font-size: .9em;font-weight: var(--krds-fw-bold); gap:var(--krds-spacer-1);}
  .header-container .head-body button.allMenu:before{background-repeat: no-repeat;background-size: contain; width: 2.4rem;height: 2.4rem; background-image: url('../../images/icon/ico_navi_all.svg');}
  .header-container .head-body .header-actions a:before, 
  .header-container .head-body .header-actions button:before{width: 2.4rem;height: 2.4rem;}

  #kdca-masthead .inner{padding-left:1rem;}

  /* head*/
  #kdca-header{border-bottom:1px solid #cdd1d5;}
  #kdca-header .header-container .inner{padding:0.8rem 1rem;}
  #kdca-header .header-container .head-body .logo{height:3.5rem;}
  #kdca-header .header-container .head-body .logo a img{height:3.5rem;}

  #kdca-header .header-utility,
  .menuUIsub{display:none;}

  #head-gnb .header-utility{display:block;position: absolute;top: 0;left: 0;width: 100%;z-index: 101;background: #fff;margin: 0;border-bottom: 0.1rem solid #ddd;padding: 0.5rem 1rem;}
  #head-gnb .header-utility .utility-list{margin: 0; justify-content: flex-start; gap: 0;}
  #head-gnb .header-utility .utility-list > li + li{padding-left:1rem;}
  #head-gnb .header-utility .utility-list > li > a, 
  #head-gnb .header-utility .utility-list > li > button{font-size: 1.3rem;}
  #head-gnb .header-utility .utility-list > li > a:before, 
  #head-gnb .header-utility .utility-list > li > button:before{display:none;}

  #head-gnb{display:none; position: fixed; right: 0; top: 0; background: #fff; width: 100%;height: 100vh;z-index: 1;padding-top: 41px;}
  #head-gnb.on{display:block;}
  #head-gnb:after{content:'';width: 40%;display: block;height: 100vh;background: #edf1f5; left: 0;top: 0;position: absolute;}
  #head-gnb nav{position: relative;z-index: 10;}

  #head-gnb .ul_1 .li_2{border-bottom:1px solid #ddd;}

  #head-gnb .ul_1 .a_1,
  #head-gnb .ul_1 .a_2{display: flex; align-items: center; color: var(--krds-gray-100); position: relative;}	
  #head-gnb .ul_1 .a_1{gap: var(--krds-pd-full-sm);font-size: var(--krds-fz-menu-dep-1);width:40%;font-weight: var(--krds-fw-regular);padding: var(--krds-fz-detail-sm) var(--krds-pd-full-md); border-bottom: 1px solid #e4e4e4;}
  #head-gnb .ul_1 .a_2{gap:var(--krds-spacer-1);font-size: var(--krds-fz-md);padding: 1rem 0.5rem 1rem 1rem;}
  #head-gnb .ul_1 .a_2:after{width: 1.7rem; height: 1.7rem;}

  #head-gnb .ul_1 .a_1.on,
  #head-gnb .ul_1 .a_1._active{background: #fff; color:#16408d;}

  #head-gnb .ul_1 .div_2{display: none; background:#fff;}
  #head-gnb .ul_1 .div_2{position: absolute;z-index: 10;position: absolute;right: 0;top: 0;padding: 10px 15px 50px 25px;width:60%;height: calc(100vh - 20px);overflow: auto;}
  #head-gnb .ul_1 .div_3{padding: 0 10px 20px 10px;}

  #head-gnb .ul_1 .div_2.on,
  #head-gnb .ul_1 ._active .div_2,
  #head-gnb .ul_1 .div_3.on{display: block; }

  #head-gnb .head-gnb-close{position: absolute;right: 10px;top: 8px;z-index: 10001;width: 25px;height: 25px;background: url('../../images/icon/ico_close_48.svg') center / cover no-repeat;text-indent:-9999px;}

  #head-gnb .ul_1 .a_3{padding: 0.3rem 0.3rem 0.3rem 1rem;font-size: var(--krds-fz-sm);;display:flex;position: relative;color: #555;}
  #head-gnb .ul_1 .a_3:before{content: "";position: absolute;left: 0;top: 1rem;border-radius: 50%;width: 0.3rem;height: 0.3rem;display: block;background: #000;}
  #head-gnb .ul_1 .a_3:after{content:'';width: 1.5rem;height: 1.5rem;}

  .depth2-title{display:none;}

  #kdca-footer .foot-content .inner{padding:2.4rem 1.6rem;gap: 2.4rem;display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;}
  #kdca-footer .foot-quick .inner{display:block;}
  #kdca-footer .f-logo{margin:0;height: 4rem;}
  #kdca-footer .f-cnt{display:block;}
  #kdca-footer .f-cnt .f-link .link-go a{padding:0;}
  #kdca-footer .f-btm .f-btm-text{display:block;}

  .sub .wrap_contents{margin: 1.6rem auto; padding:0 1.6rem; display: block;}
  .contents .sub-head .sub-title{font-size:2.8rem;}
  .contents .sub-head .sub-util{display:none;}

}

@media all and (max-width: 1023px) {
  .header-container .head-body .logo a{gap: var(--krds-pd-full-sm);}
  .header-container .head-body .logo a span{font-size: 1.3rem;}
}

.to-top{width:5rem;height:5rem;background:rgba(0, 33, 87, 1);border-radius:50%;text-align:center;position:fixed;bottom:1.5rem;right:1.5rem;z-index:1002;display:none;}
.to-top > a{display:flex;align-items: center;width: 100%;height: 100%;color: #fff;flex-direction: column;justify-content: center;gap:0.1rem;font-size:1.3rem;}
.to-top > a:before{content:'';width: 2rem;height: 1rem;background:url('../../images/icon/ico_angle_w.svg') center no-repeat;transform:rotate(180deg);}