@charset "utf-8";

.direct-link{display: none;position:absolute;top:-1px;left:0;z-index:9999;height:1px} /* 바로가기 */
.direct-link a{position:absolute;top:-999px;padding:5px 10px;font-weight:bold;color:#fff;background:#333;text-decoration:none;white-space:nowrap}
.direct-link a:focus{top:0}

@media
only screen and (min-width: 1200px){
  .direct-link{display: block}
}

/* layout.css 오버라이딩 */
@media
only screen and (min-width: 768px){
  .content{padding:0 30px 20px}
}

html, body{width: auto;height: auto}
.wrapper{--page-default-padding-x: 18px;display: flex;flex-direction: column;overflow: hidden;min-height: 100vh}
.header_comm, .footer_comm{font-family: 'Noto Sans Korean', sans-serif}
.inner_comm{max-width: calc(1600px + var(--page-default-padding-x)* 2);margin:0 auto;padding:0 var(--page-default-padding-x);font-size: 20px}

/* Header */
.header_comm{flex:none;position: relative;z-index: 1000}
.pc_gnb_area{display: none;position: relative;z-index: 0;border-bottom:1px solid #EAEAEA;background-color: #f9f9f9;text-align: center}
.pc_gnb_area .inner_comm{position: relative;z-index: 0}
.pc_gnb_area h1{position: absolute;top:50%;left: var(--page-default-padding-x);z-index: 10;line-height: 0;transform: translateY(-50%)}
.pc_gnb_area h1 a{display: block;padding:24px 0} /* 언어마다 padding값 다름 */
.pc_gnb_area h1 a img{vertical-align: top}
.pc_gnb_area h1 a .logo_white{display: block}
.pc_gnb_area nav{display: inline-flex;justify-content: center;position: relative;vertical-align: top}
.pc_gnb_area .info_menus{display: flex;gap:5px;justify-content: flex-end;align-items: center;position: absolute;inset:0;z-index: -10;padding:0 20px}
.pc_gnb_area .search_btn[aria-expanded="true"] + .box_search{opacity: 1;visibility: visible}
.pc_gnb_area .info_menus .search_btn{order:0;padding:11px;font-size: 21px;border:0;background:none;cursor: pointer}
.pc_gnb_area .info_menus .box_search{position: absolute;top:100%;left: 0;right: 0;padding:40px 0;background: #06387E;opacity: 0;visibility: hidden;transition: all .2s}
.pc_gnb_area .info_menus .box_search fieldset{display: flex;gap:10px;justify-content: center}
.pc_gnb_area .info_menus .inp_search{flex:0 1 auto;width: 740px;height: 60px;padding:5px 30px;border:0;border-radius: 10px;font-size: 21px;color:#000}
.pc_gnb_area .info_menus .box_search [class*="btn_"]{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 10px;color:#fff}
.pc_gnb_area .info_menus .btn_search{font-size: 24px;background-color: #53B43C}
.pc_gnb_area .info_menus .btn_close{padding:0;border:0;font-size: 37px;background-color: #000;cursor: pointer}

.pc_gnb{display: flex;text-align: left}
.pc_gnb .box_gnb{display: none;position: absolute;top:100%;left: 0;right: 0;z-index: 10;border-bottom: 1px solid #e5e5e5;background: #f6f6f6}
.pc_gnb .box_gnb .tit_bg{display: flex;justify-content: flex-end;width: 429px;height: 359px;margin-left: 8%;margin-right: 10%;padding:40px 70px 0 0;font-family: 'HSBombaram21-Regular', sans-serif;font-size: 28px;line-height: 34px;color:#fff;background: 0 0 no-repeat;background-size: cover;text-align: right;word-break: keep-all}
.pc_gnb .box_gnb .tit_bg span{display: block;width: 260px;animation: pcGnbTitAni forwards 1s}
.pc_gnb .bg_gnb{position: absolute;bottom:0;right: 0;width: 543px;height: 358px;background: 0 0 no-repeat;background-size: cover;animation: pcGnbBgAni forwards 1s;content:''}

.pc_gnb .box_gnb .tit_bg1{background-image: url(/home/www/images/common/bg_menu_before00.png)}
.pc_gnb .box_gnb .tit_bg2{background-image: url(/home/www/images/common/bg_menu_before01.png)}
.pc_gnb .box_gnb .tit_bg3{background-image: url(/home/www/images/common/bg_menu_before02.png)}
.pc_gnb .box_gnb .tit_bg4{background-image: url(/home/www/images/common/bg_menu_before03.png)}
.pc_gnb .box_gnb .tit_bg5{background-image: url(/home/www/images/common/bg_menu_before04.png)}
.pc_gnb .box_gnb .tit_bg6{background-image: url(/home/www/images/common/bg_menu_before05.png)}
.pc_gnb .bg_gnb1{background-image: url(/home/www/images/common/bg_menu_after01.jpg)}
.pc_gnb .bg_gnb2{background-image: url(/home/www/images/common/bg_menu_after02.jpg)}
.pc_gnb .bg_gnb3{background-image: url(/home/www/images/common/bg_menu_after03.jpg)}
.pc_gnb .bg_gnb4{background-image: url(/home/www/images/common/bg_menu_after04.jpg)}
.pc_gnb .bg_gnb5{background-image: url(/home/www/images/common/bg_menu_after05.jpg)}
.pc_gnb .bg_gnb6{background-image: url(/home/www/images/common/bg_menu_after06.jpg)}

.pc_gnb > li{position: relative}
.pc_gnb > li:focus-within .pc_gnb_depth2, .pc_gnb > li:hover .pc_gnb_depth2{opacity: 1;visibility: visible;transform: translateX(-50%)}
.pc_gnb > li:focus-within .link_depth1, .pc_gnb > li:hover .link_depth1, .pc_gnb .link_depth1.active{font-weight: 700; color:#06387E}
.pc_gnb .link_depth1{display: flex;align-items: center;gap:10px;position: relative;padding:36px 30px;font-weight: 500;font-size: 20px;line-height: 28px;color:#000}
.pc_gnb .link_depth1[target="_blank"]:after{display: block;font-weight: 700;font-size: 15px;color:inherit;font-family: "Font Awesome 6 Pro";-webkit-font-smoothing: antialiased;text-rendering:auto;content:'\f08e'}
.pc_gnb .link_depth1[target="_blank"]:hover:after{font-weight: 700;color:#06387E}
.pc_gnb .pc_gnb_depth2{position: absolute;top:calc(100% + 1px);left: 50%;z-index: 10;padding:23px 0 27px;border-radius: 0 0 20px 20px;font-size: 18px;line-height: 24px;color:#4B4B4B;background: rgba(6, 56, 126, .91);transform: translateX(-50%);white-space: nowrap;opacity: 0;visibility: hidden;transition: all .2s}
.pc_gnb .link_depth2{display: flex;align-items: center;padding:7px 40px 7px 30px;font-weight: 500;font-size: 19px;line-height: 24px;color:#fff}
.pc_gnb .pc_gnb_depth2 > li{position: relative}
.pc_gnb .link_depth2:has(~ .pc_gnb_depth3):after{display: block;margin-left: auto;padding-left: 30px;font-weight: 400;font-size: 22px;font-family: "Font Awesome 6 Pro";-webkit-font-smoothing: antialiased;text-rendering:auto;content:'\f105'}
.pc_gnb .link_depth2[target="_blank"]:after{display: block;margin-left: auto;padding-left: 30px;font-size: 15px;color:inherit;font-family: "Font Awesome 6 Pro";-webkit-font-smoothing: antialiased;text-rendering:auto;content:'\f08e'}
.pc_gnb .link_depth2:hover, .pc_gnb .link_depth2:focus-visible{font-weight: 700;color:#FFEE00}
.pc_gnb .link_depth2 span{display: inline-block;position: relative;vertical-align: top}
.pc_gnb .link_depth2 span:before{position: absolute;top:4px;left: -15px;width: 6px;height: 6px;border-radius: 50%;background: #0067fa;opacity: 0;transition: opacity .3s;content:''}
.pc_gnb .link_depth2 span:after{position: absolute;left: 50%;bottom:-1px;width: 0;height: 1px;background: currentColor;transform: translateX(-50%);transition: all .3s;content:''}
.pc_gnb .link_depth2:hover span:after, .pc_gnb .link_depth2:focus span:after{width: 100%}
.pc_gnb .link_depth2:hover span:before, .pc_gnb .link_depth2:focus span:before{opacity: 1}
.pc_gnb .pc_gnb_depth2 > li:focus-within .pc_gnb_depth3, .pc_gnb .pc_gnb_depth2 > li:hover .pc_gnb_depth3{opacity: 1;visibility: visible;transform: translateX(0)}
.pc_gnb .pc_gnb_depth2 > li:has(.pc_gnb_depth3:focus-within) .link_depth2, .pc_gnb .pc_gnb_depth2 > li:has(.pc_gnb_depth3:hover) .link_depth2{font-weight: 700;color:#FFEE00}
.pc_gnb .pc_gnb_depth3{position: absolute;left: calc(100% - 19px);top:-22px;z-index: 10;padding:14px 0;border-radius: 20px;background: #fff;box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .2);opacity: 0;visibility: hidden;transform: translateX(15px);transition: all .2s}
.pc_gnb .pc_gnb_depth3:before{position: absolute;top: 26px;left: -27px;width: 0;height: 0;border: transparent solid 14px;border-right-color: #fff;content:''}
.pc_gnb .pc_gnb_depth3:after{position: absolute;top:0;left: -12px;bottom:0;z-index: -10;width: 30px;content:''}
.pc_gnb .link_depth3{display: flex;align-items: center;padding:5px 40px 5px 20px;font-size: 15px;line-height: 19px;color:#333}
.pc_gnb .link_depth3:hover, .pc_gnb .link_depth3:focus{font-weight: 700;color:#06387E}
.pc_gnb .link_depth3[target="_blank"]:after{display: block;margin-left: auto;margin-right: -20px;font-weight: 700;font-size: 15px;color:#ddd;font-family: "Font Awesome 6 Pro";-webkit-font-smoothing: antialiased;text-rendering:auto;content:'\f08e'}
.pc_gnb .link_depth3[target="_blank"]:hover:after{font-weight: 700;color:#06387E}
.set_lang{position: relative;margin-left: 12px}
.set_lang .link_lang{display: flex;gap:6px;align-items: center;padding:9px 16px 8px;border-radius: 100px;font-weight: 500;font-size: 15px;line-height: 19px;color:#fff;background: #000}
.set_lang .link_lang .fa-angle-up{display: block;position: relative;top:50%;margin-left: 18px;font-size: 15px;transform:rotate(180deg)}
.set_lang .list_language{overflow: hidden;position: absolute;top: calc(100% + 5px);right: 0;min-width: 100%;max-height: 0;border:1px solid #000;border-radius: 10px;background:#fff;opacity: 0;visibility: hidden;transition: all .3s}
.set_lang .list_language li + li{border-top:1px dashed #ddd}
.set_lang .list_language a{display: block;padding:10px 25px 10px 18px;font-weight: 400;font-size: 16px;line-height: 19px;color:#000;text-underline-offset: 3px}
.set_lang .list_language a:hover, .set_lang .list_language a:focus{font-weight: 700;text-decoration: underline}
.set_lang .link_lang[aria-expanded="true"]{border-color: #fff}
.set_lang .link_lang[aria-expanded="true"] + .list_language{max-height: 200px;opacity: 1;visibility: visible}
.set_lang .link_lang[aria-expanded="true"] .fa-angle-up{transform:rotate(0)}
.btn_sitemap{padding:12px;font-size: 23px;line-height: 0;color:#000}
.m_gnb_area{border-bottom:1px solid #EAEAEA}
.m_gnb_area .inner_comm{display: flex;align-items: center;min-height: 76px;padding-top:10px;padding-bottom:10px;;background: #F9F9F9}
.m_gnb_area .link_logo{margin-right: auto;line-height: 0}
.m_gnb_area .link_logo img{max-width: 100%;vertical-align: top}
.m_gnb_area nav{overflow: auto;position: fixed;inset:0;background: rgba(0,0,0,.7);opacity: 0;visibility: hidden;transition: all .3s}
.m_gnb_area nav .inner_nav{display: flex;flex-direction: column;position: relative;max-width: 400px;height: 100%;max-width: 400px;background: #fff;transform:translateX(-100%);transition: all .3s}
.m_gnb_area .btn_menu[aria-expanded="true"] + nav{opacity: 1;visibility: visible}
.m_gnb_area .btn_menu[aria-expanded="true"] + nav .inner_nav{transform: translateX(0)}
.m_gnb_area nav .btn_close{position: absolute;top:5px;right: 0;padding:18px;font-size: 29px;color:#fff}
.m_gnb_area .search_btn{padding:9px;border:0;font-size: 21px;color:#000;background: none;cursor: pointer}
.m_gnb_area .search_btn[aria-expanded="true"] + .box_search{opacity: 1;visibility: visible}
.m_gnb_area .btn_menu{flex:none;padding:10px;margin-right: -10px;font-size: 23px;color:#000}
.m_gnb_area .head_nav{flex:none;padding:27px 18px 20px;background-color: #06387E;}
.m_gnb_area .head_nav .logo{display: block;width: 215px}
.m_gnb_area .head_nav .logo img{max-width: 100%;vertical-align: top}
.m_gnb_area .list_language{display: flex;gap: 8px;padding-top:31px}
.m_gnb_area .list_language li{flex:1;min-width: 0}
.m_gnb_area .list_language a{display: flex;justify-content: center;padding:2px 0;border:1px solid rgba(255,255,255, .5);border-radius: 5px;font-size: 15px;line-height: 24px;color:#fff;text-align: center}
.m_gnb_area .list_language li.on a{color:#000;border-color: transparent;background: #fff}
.m_gnb_area .box_search{position: absolute;top:100%;left: 0;right: 0;padding:16px 18px;background-color: #06387E;opacity: 0;visibility: hidden;transition: all .2s}
.m_gnb_area .box_search fieldset{display: flex;gap:7px}
.m_gnb_area .box_search .inp_search{flex:1;height: 40px;padding:5px 10px;border:0;border-radius: 5px}
.m_gnb_area .box_search [class*="btn_"]{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 5px;color:#fff}
.m_gnb_area .box_search .btn_search{font-size: 17px;background-color: #53B43C}
.m_gnb_area .box_search .btn_close{padding:0;border:0;font-size: 26px;background-color: #000}

.m_gnb{flex:0 1 auto;overflow: auto;padding:20px 18px}
.m_gnb [class*=link_depth][target="_blank"]{justify-content: space-between}
.m_gnb [class*=link_depth][target="_blank"]:after{display: block;font-weight: 700;font-size: 0.8em;color:inherit;font-family: "Font Awesome 6 Pro";-webkit-font-smoothing: antialiased;text-rendering:auto;content:'\f08e'}

.m_gnb .link_depth1{display: flex;align-items: center;position: relative;padding:16px 55px 16px 20px;border-bottom: 1px solid #ddd;font-size: 21px;line-height: 27px;color:#000}
.m_gnb .link_depth1[aria-expanded]:after{position: absolute;top:50%;right: 19px;margin-top: 1px;font-weight: 300;font-family: "Font Awesome 6 Pro";font-size: 24px;transform: translateY(-50%);content:'\2b'}
.m_gnb .link_depth1[aria-expanded="true"]{border-bottom: 0;font-weight: 700;color:#fff;background-color: #06387E}
.m_gnb .link_depth1[aria-expanded="true"]:after{content:'\f068'}
.m_gnb .link_depth1[target="_blank"]:after{margin-right: -35px}

.m_gnb .link_depth2{display: flex;align-items: center;gap:10px;position: relative;padding:13px 65px 13px 30px;font-weight: 500;font-size: 19px;line-height: 34px;color:#000;border-bottom: 1px solid #ddd}
.m_gnb li:last-child .link_depth2{border-bottom: 0}
.m_gnb .link_depth2[aria-expanded]:after{position: absolute;top:50%;right: 29px;margin-top: 1px;font-weight: 300;font-family: "Font Awesome 6 Pro";font-size: 24px;transform: translateY(-50%);content:'\2b'}
.m_gnb .link_depth2[aria-expanded="true"]{font-weight: 700;color:#06387E}
.m_gnb .link_depth2[aria-expanded="true"]:after{color:#000;content:'\f068'}
.m_gnb .link_depth2[target="_blank"]:after{margin-right: -35px}

.m_gnb .link_depth3{display: flex;align-items: center;gap:10px;padding: 11px 38px;border-bottom: 1px solid #ddd;font-size: 17px;line-height: 21px;color:#000}
.m_gnb .link_depth3[target="_blank"]:after{margin-right: -5px}

.m_gnb li.active > .link_depth3{background-color: #FFFCE2}

.m_gnb [aria-expanded="false"] + .cont_menu .m_gnb_depth2,
.m_gnb [aria-expanded="false"] + .cont_menu .m_gnb_depth3{padding-top: 0;padding-bottom: 0}
.m_gnb_depth2{min-height: 0;border:1px solid #06387E;border-top: 0;background: #FAFAFA;transition: all .4s}
.m_gnb_depth3{min-height: 0;background: #fff}
.m_gnb .cont_menu{display: grid;grid-template-rows: 0fr;overflow: hidden;opacity: 0;visibility: hidden;transition: all .4s}
.m_gnb [aria-expanded="true"] + .cont_menu{grid-template-rows: 1fr;opacity: 1;visibility: visible}

/* Footer */
.footer_comm{flex:none;position: relative;margin-top: auto;background: #f7f7f7}
.footer_comm .btn_top{display: block;position: fixed;bottom: 30px;right: var(--page-default-padding-x);z-index: 500;width: 60px;height: 60px;padding: 0 0 5px;border-radius: 0 20px;border: 0;font-size: 15px;line-height: 16px;color: #fff;background: rgba(0, 111, 255, .9);opacity: 0;visibility: hidden;cursor: pointer}
.footer_comm .btn_top i{display: block}
.footer_comm .btn_top.on{opacity: 1;visibility: visible}
.footer_comm .btn_top.btn_fix{position: absolute;top: 0;transform: translateY(-50%)}

.area_relate{padding:35px 0 27px;border-bottom:1px solid #ddd}
.area_relate .inner_comm{display: flex;flex-wrap: wrap;position: relative}
.area_relate .tit_relate{display: block;font-weight: 500;font-size: 18px;line-height: 20px;color:#2e2e2e}
.area_relate .nav_slide{display: flex;gap:5px;margin-left: auto}
.area_relate .nav_slide .btn_action, .area_relate .nav_slide .btn_ctrl{width: 20px;height: 20px;border:0;background: transparent}
.area_relate .nav_slide .btn_action i, .area_relate .nav_slide .btn_ctrl i{font-size: 15px; color:#2e2e2e}
.area_relate .nav_slide .btn_ctrl{display: none}
.area_relate .nav_slide .btn_ctrl.active{display: block}
.area_relate .nav_slide .btn_prev{order:-1}
.slide_relate_site{width: 100%;padding-top: 10px}
.slide_relate_site .swiper-wrapper{align-items: center}
.slide_relate_site .swiper-slide{width: auto;height: auto}
.slide_relate_site a{display: flex;gap:5px;align-items: center;padding:9px 20px 9px 15px;border:1px solid currentColor;border-radius: 9px;font-size: 14px;line-height: 18px;color:#1A3390;background: #fff}
.slide_relate_site a i{line-height: 18px;color:inherit}
.area_foot{padding: 30px 0 32px;text-align: center;word-break: keep-all;word-wrap: break-word}
.area_foot .inner_comm{display: flex;flex-direction: column;align-items: center}
.area_foot .logo_foot{display: inline-flex;gap:10px;align-items: center;max-width: 100%}
.area_foot .logo_foot a, .area_foot .logo_foot img{display: block}
.area_foot .logo_foot img{width: 100%}
.area_foot .logo_foot .link_logo{width: 280px;height: 28px}
.area_foot .info_page{padding-top: 25px}
.area_foot .info_page ul{display: flex;gap:0 10px;flex-wrap: wrap;justify-content: center}
.area_foot .info_page ul a{display: block;padding:5px 0;font-size: 14px;line-height: 17px;color:#575757;letter-spacing: -0.03em}
.area_foot .info_page ul .txt_emph{font-weight: 700;color:#1A3391}
.area_foot address, .area_foot small{padding-top: 12px;font-style: normal;font-family: 'Noto Sans Korean', sans-serif;font-size: 12px;line-height: 15px;color:#8e8e8e}
.area_foot small{display: block;padding-top: 0}
.area_foot .link_wa{display: inline-block;width: 80px;margin-top: 12px;vertical-align: top}
.area_foot .link_wa img{width: 100%;vertical-align: top}

@keyframes topBtnAni {
  0%   {opacity: .5;transform: scale(.8);}
  100% {opacity: 0;transform: scale(1.2)}
}
@keyframes pcGnbDepth2Ani {
  0%   {opacity: 0;transform: translateY(20px)}
  100% {opacity: 1;transform: translateY(0)}
}
@keyframes pcGnbTitAni {
  0%   {opacity: 0;transform: translateX(-20px)}
  100% {opacity: 1;transform: translateX(0)}
}
@keyframes pcGnbBgAni {
  0%   {opacity: 0;transform: translateX(20px)}
  100% {opacity: 1;transform: translateX(0)}
}

@media
only screen and (min-width: 768px) {
  .area_relate .inner_comm{flex-wrap: nowrap;align-items: center}
  .area_relate{padding:14px 0 11px}
  .area_relate .tit_relate{font-size: 24px;line-height: 29px}
  .area_relate .nav_slide{flex:none;padding:0 30px 0 10px}
  .area_relate .nav_slide .btn_action i, .area_relate .nav_slide .btn_ctrl i{font-size: 18px}
  .slide_relate_site{flex:1;min-width: 0;width: auto;padding-top: 0}
}
@media
only screen and (min-width: 1024px) {
  .area_foot{padding: 40px 0 80px}
  .area_foot .inner_comm{display: block;overflow: hidden;position: relative;text-align: left}
  .area_foot .logo_foot{float: left}
  .area_foot .logo_foot .link_wa{position: absolute;top:0;right: var(--page-default-padding-x)}
  .area_foot .info_page{float: left;padding-top: 0;margin:0 0 0 86px}
  .area_foot .info_page ul{justify-content: flex-start}
  .area_foot .info_page ul a{font-size: 16px;line-height: 19px}
  .area_foot .info_page ul li + li{display: flex;gap:10px;align-items: center}
  .area_foot .info_page ul li + li:before{width: 1px;height: 10px;background: #333;opacity: .3;content:''}
  .area_foot address, .area_foot small{padding-top: 30px;font-size: 14px;line-height: 17px;clear:both}
  .area_foot small{padding-top: 0}
  .area_foot .link_wa{position: absolute;bottom:0;right: var(--page-default-padding-x)}
}
@media
only screen and (min-width: 1400px) {
  .wrapper{--page-default-padding-x:20px}
  .pc_gnb_area{display: block}
  .m_gnb_area{display: none}
  .area_relate .nav_slide .btn_action, .area_relate .nav_slide .btn_ctrl{cursor: pointer}
  .area_relate .nav_slide .btn_action:hover,
  .area_relate .nav_slide .btn_ctrl:hover,
  .area_relate .nav_slide .btn_action:focus-visible,
  .area_relate .nav_slide .btn_ctrl:focus-visible{opacity: .75}
  .slide_relate_site .swiper-slide span{text-decoration: underline transparent;text-underline-offset: 3px;transition: all .3s}
  .slide_relate_site .swiper-slide:hover span{text-decoration-color: currentColor}
  .area_foot .info_page ul{gap:0 25px}
  .area_foot .info_page ul li + li{gap:25px}
}
@media
only screen and (min-width: 1600px) {
  .pc_gnb_area h1 a img{width: 265px}
}

/* 글로벌 버전 오버라이딩 */
/* .wrapper.global .pc_gnb .link_depth1{padding:10px 20px 28px;}
.wrapper.global .pc_gnb_area.on .link_depth1{padding:15px 20px 23px;} */

/* 글로벌 */
[class*="globals"] .pc_gnb .link_depth1{padding:36px 15px;font-size: 18px}
[class*="globals"] .pc_gnb_area .info_menus{gap:0}
[class*="globals"] .set_lang{margin-left: 5px}

@media (min-width: 1400px) {
  [class*="globals"] .feature_why .box_child .tit_txt{font-size: 52px;line-height: 58px}
}

@media (min-width: 1600px) {
  [class*="globals"] .pc_gnb .link_depth1{padding: 36px 24px}
  [class*="globals"] .pc_gnb_area .info_menus{gap:5px}
  [class*="globals"] .set_lang{margin-left: 12px}
}