/* header.css 배포일:2025.08.14 14:46:28 */ 
/********* WIDTH값으로 분기 *********/
/* MOBILE VIEW */
.bg{width: 100%; height: 100vh; position: fixed; background-color: rgba(0, 0, 0, 0.3); top: 0; z-index: 999; display: none;}
.bg.active{display: block;}

/* header */
.wrap_header{border-bottom: 1px solid #E4E4E4; box-sizing: border-box; position: relative; width: 100%;}
.wrap_header .wrap_header_top{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 70px;}
.logo{width: 160px; height: 29px;}
.logo a{font-size: 0; width: 100%; height: 100%; background: url(/upload/10031/doc/202508/7671354487d24c0f9fae63a7d58ea753.png) no-repeat; background-size: contain; display: block;}
/* .wrap_header .wrap_header_top .header_icon_wrap{display: flex; align-items: center;} */
.wrap_header .wrap_header_top .icon_menu_open{width: 26px; height: 24px; background: url(../img/iconWrap.svg) no-repeat; background-position: 0px 0px; margin: 0 0 0 20px;}
.wrap_header .wrap_header_top .icon_menu_open span{font-size: 0;}
.wrap_header .wrap_header_top .header_icon_wrap{display: flex;}

.wrap_header .wrap_header_cont{width: 100%; max-width: 500px; height: 100vh; position: fixed; top: 0px; right: -100%; z-index: 100; transition: 0.2s; background-color: #fff; z-index: 9999;}
.wrap_header .wrap_header_cont .logo{width: 165px; height: 40px;}
.wrap_header .wrap_header_cont .logo a{width: 100%; height: 100%; background:url(/upload/10031/doc/202508/7671354487d24c0f9fae63a7d58ea753.png) no-repeat; background-size: contain;}
.wrap_header .wrap_header_cont .m_menu{padding: 0 20px; display: flex; justify-content: space-between; align-items: center; height: 70px; box-sizing: border-box; width: 100%; max-width: 500px;}
.wrap_header .wrap_header_cont .icon_menu_close{width: 26px; height: 26px; font-size: 0; background: url(../img/iconWrap.svg) no-repeat; background-position: 0px -26px;}
.wrap_header .wrap_header_cont .one_depth{width: 100%; height: 100vh; box-sizing: border-box; background-color: #F7F7F7;}
.wrap_header .wrap_header_cont .one_depth>li .btn_one_depth{font-size: 16px; font-weight: 600; color: #111; padding: 16px 45px 16px 20px; width: 100%; text-align: left; position: relative; border-bottom: 1px solid #E0E0E0; box-sizing: border-box;}
.wrap_header .wrap_header_cont .one_depth>li .icon_one_depth{position: relative;}
.wrap_header .wrap_header_cont .one_depth>li .icon_one_depth::after{content: ''; width: 19px; height: 10px; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); background: url(../img/iconWrap.svg) no-repeat; background-position: -33px 0px;}
.wrap_header .wrap_header_cont .two_depth{display: none;}
.wrap_header .wrap_header_cont .two_depth>li{padding: 0 20px; box-sizing: border-box;}
.wrap_header .wrap_header_cont .two_depth>li a{display: block;}
.wrap_header .wrap_header_cont .two_depth>li .btn_two_depth{font-size: 16px; font-weight: 700;  padding: 16px 0; position: relative; width: 100%; text-align: left;}
.wrap_header .wrap_header_cont .two_depth>li .icon_two_depth::after{content: ''; width: 13px; height: 1px; background-color: #222; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);}
.wrap_header .wrap_header_cont .two_depth>li .icon_two_depth::before{content: ''; width: 1px; height: 13px; background-color: #222; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); transition: 0.3s;}

.wrap_header .wrap_header_top .language_wrap{display: block !important;}
#header .language_wrap .language_box{position: relative;}
#header .language_wrap .label{display: flex; justify-content: flex-start; align-items: center; position: relative; font-size: 16px; color: #838383; font-weight: 700;}
#header .language_wrap .label::before{content: ''; width: 21px; height: 21px; background: url(../img/iconWrap.svg) no-repeat; background-position: -61px -29px; position: relative; top: 50%; left: 0; margin: 0 10px 0 0;}
#header .language_wrap .label::after{content: ''; width: 10px; height: 5px; background: url(../img/iconWrap.svg) no-repeat; background-position: -37px -35px; position: relative; top: 50%; right: 0; margin: 0 0 0 6px;}
#header .language_wrap .optionList{width: 60px; height: 0; overflow: hidden; position: absolute; top: 27px; right: 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
#header .language_box.active .optionList{height: 72px; display: block; border: 1px solid #ddd; box-sizing: border-box; background-color: #fff; position: absolute; margin: 10px 0 0 0;}
#header .language_box.active .optionItem{height: 36px; display: flex; justify-content: center; align-items: center; font-weight: 700; color: #666; cursor: pointer;}
#header .language_box .optionItem.active{color: #1791E9;}

/* active S */
.wrap_header .wrap_header_top.fixed{position: fixed; top: 0px; left: 0; z-index: 99; background-color: #fff; border-bottom: 1px solid #E8E8E8; padding: 0 20px; box-sizing: border-box;}
.wrap_header .wrap_header_top.fixed .logo{position: relative; z-index: 99;}
#header .wrap_header .wrap_header_top.fixed .language_wrap .label::before{background-position: -61px -28px;}
#header .wrap_header .wrap_header_top.fixed .language_wrap .label::after{background-position: -37px -34px}
.wrap_header .wrap_header_cont.active{top: 0px; right: 0;}
.wrap_header .wrap_header_cont .one_depth>li.active .icon_one_depth::after{transform: translateY(-50%) rotate(180deg); background-position: -33px -18px;}
.wrap_header .wrap_header_cont .one_depth>li.active .btn_one_depth{background-color: #095B2A; color: #fff;}
.wrap_header .one_depth>li.active .two_depth{background-color: #009840;}
.wrap_header .one_depth>li.active .two_depth li{border-bottom: 1px solid #E0E0E0; box-sizing: border-box;}
.wrap_header .one_depth>li.active .two_depth li a{color: #fff;}
.wrap_header .two_depth>li.active .icon_two_depth::before{transform: rotate(90deg) translateX(-7px); opacity: 0;}
/* active E */

#container .cont_main_img{width: 100%; height: 180px; display: flex; justify-content: center; align-items: center;background:#F8FFEB;}
#container .cont_main_img h2{font-size: 24px; font-family:'JalnanGothic';font-weight:normal;color:#095B2A}

#container .highlight_menu{position: sticky; top: 70px; z-index: 999; background-color: #F7F7F7; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; box-sizing: border-box; position: unset;}
#container .highlight_menu .one_depth{display: flex; width: 100%; }
#container .highlight_menu .one_depth>li{width: 150px;}
#container .highlight_menu .one_depth>li>div{box-sizing: border-box;}
#container .highlight_menu .one_depth>li.icon_home{width: 50px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #E0E0E0;}
#container .highlight_menu .one_depth>li.icon_home a{width: 24px; height: 22px; background: url(../img/iconWrap.svg) no-repeat; background-position: -60px 0px; font-size: 0;}
#container .highlight_menu .one_depth>li.active .two_depth{display: block;}

#container .highlight_menu .one_depth>li:last-of-type{width: 175px;}
#container .highlight_menu .one_depth>li:last-of-type .btn_one_depth{background-color: #009840; color: #fff; border-right: none;}
#container .highlight_menu .btn_one_depth{width: 100%; text-align: left; font-size: 16px; height: 50px; padding: 0 20px; box-sizing: border-box; position: relative; border-right: 1px solid #E0E0E0; font-weight: 700;}
#container .highlight_menu .btn_one_depth::after{content: ''; width: 18px; height: 10px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: 0.3s; background: url(../img/iconWrap.svg) no-repeat; background-position: -34px -51px;}
#container .highlight_menu .one_depth>li:last-of-type .btn_one_depth::after{background-position: -34px -62px;}

#container .highlight_menu .one_depth>li:last-of-type .two_depth{width: 175px;}
#container .highlight_menu .two_depth{display: none; background-color: #F7F7F7; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1); width: 150px; position: absolute; border: 1px solid #E0E0E0; box-sizing: border-box; z-index: 999;}
#container .highlight_menu .two_depth li{border-bottom: 1px solid #E0E0E0; box-sizing: border-box;}
#container .highlight_menu .two_depth li a{font-size: 16px; font-weight: 700; display: block; padding: 15px 20px ;}
#container .highlight_menu .two_depth.active{display: block;}
#container .highlight_menu .two_depth li.active a{color: #09214F;}


/* Tablets, Ipads */
@media all and (min-width:768px) {

}

/* PC (해상도 1024px 이상) */
@media all and (min-width: 1024px) {
   .wrap_header .wrap_header_top .language_wrap{display: none !important;}

   #header{position: absolute; top: 0; z-index: 99; width: 100%; height: 90px; border-bottom: 1px solid #e4e4e4; box-sizing: border-box;}
   .wrap_header{max-width: 2500px; height: 90px; position: absolute; left: 50%; transform: translateX(-50%); padding: 0 90px; display: flex; justify-content: space-between;}
   .wrap_header .wrap_header_top{color: #fff; width: auto; height: 100%; padding: 0;}
   .wrap_header .wrap_header_top .logo{width: 198px; height: 36px;}
   .wrap_header .wrap_header_top .btn_language{margin: 0 20px 0 0; display: block;}
   .wrap_header .wrap_header_top .icon_menu_open{display: none;}
   .wrap_header .wrap_header_top .btn_siteMap{display: block;}
   
   .wrap_header .wrap_header_top.fixed{position: unset; background-color: transparent; border-bottom: none;}

   .wrap_header .wrap_header_cont{position: unset; max-width: unset; width: auto; height: 100%; background-color: transparent; display: flex; align-items: center; gap: 0 160px;}
   .wrap_header .wrap_header_cont .m_menu{display: none;}
   .wrap_header .wrap_header_cont .one_depth{height: 100%; background-color: transparent; display: flex; gap: 0 94px; justify-content: center; align-items: center;}
   .wrap_header .wrap_header_cont .one_depth>li{height: 100%; position: relative;}
   .wrap_header .wrap_header_cont .one_depth>li .btn_one_depth{font-size: 18px; padding: 0; height: 100%; text-align: center; border-bottom: none;}
   .wrap_header .wrap_header_cont .one_depth>li .icon_one_depth::after{display: none;}
   .wrap_header .wrap_header_cont .one_depth>li:hover .two_depth{display: block;}
   /* .wrap_header .wrap_header_cont .one_depth>li.one_depth_active .two_depth{display: block;} */

   .wrap_header .wrap_header_cont .two_depth{width: 180px; padding: 0; margin: 1px 0 0 0 ; position: absolute; top: 89px; left: 50%; transform: translateX(-50%);background-color: #fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);}
   .wrap_header .wrap_header_cont .two_depth>li{padding: 0;}
   .wrap_header .wrap_header_cont .two_depth>li:last-of-type{border-bottom: none;}
   .wrap_header .wrap_header_cont .two_depth>li .icon_two_depth::after{display: none;}
   .wrap_header .wrap_header_cont .two_depth>li .btn_two_depth{text-align: center; position: relative; font-weight: bold; padding: 15px 10px; box-sizing: border-box; position: relative;}
   /* .wrap_header .wrap_header_cont .two_depth>li .btn_two_depth::before{content: ''; width: 10px; height: 12px; position: absolute; right: unset; top: 50%; left: -15px; transform: translateY(-50%); background: url(../img/type04_icon.png) no-repeat; background-position: -104px 0;} */
   .wrap_header .wrap_header_cont .three_depth{display: block; width: 85%; height: 100%;}
   .wrap_header .wrap_header_cont .three_depth::after{content: ''; clear: both; display: block;}
   .wrap_header .wrap_header_cont .three_depth li{float: left; width: 20%; position: relative; padding: 5px 0; display: flex; align-items: center; height: 100%; }
   .wrap_header .wrap_header_cont .three_depth li::after{content: ''; width: 1px; height: 10px; background-color:  #E6E6E6; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
   .wrap_header .wrap_header_cont .three_depth li a{font-size: 16px; display: block; width: 100%;}

   .wrap_header.active{background-color: #fff; border-bottom: 1px solid #E6E6E6; box-sizing: border-box;}
   .wrap_header.active .logo{background-position: 0 -45px;}
   .wrap_header.active .header_icon_wrap a{color: #000;}
   .wrap_header.active .icon_login{background-position: -24px 0;}
   .wrap_header.active .wrap_header_cont .one_depth>li .btn_one_depth{color: #000;}
   .wrap_header.active .wrap_header_cont .one_depth>li:hover .btn_one_depth{color: #A70638; background-color: red;}

   #container .cont_main_img{height: 300px; background-position: bottom right; margin: 90px 0 0 0;}
   #container .cont_main_img h2{font-size: 42px;}

  #container.sub_menu01 .cont_main_img{background:url(/upload/10031/doc/202508/f4b7ac3de77d4ddaaf9dfdccb5d42e7f.png) no-repeat right 164px #F8FFEB}
  #container.sub_menu02 .cont_main_img{background:url(/upload/10031/doc/202508/4ec66d108b0d4ee0b934b22bba2817de.png) no-repeat right 70px #F8FFEB}
  #container.sub_menu03 .cont_main_img{background:url(/upload/10031/doc/202508/4731950dafe24ce98d026e0f54da8925.png) no-repeat right 80px #F8FFEB}
  #container.sub_menu04 .cont_main_img{background:url(/upload/10031/doc/202508/eaa0f12d6653491aa0fa079690208a70.png) no-repeat right 60px #F8FFEB}

   #container .highlight_menu{position: unset; top: 0; border-bottom: 1px solid #E6E6E6;}
   #container .highlight_menu>div{max-width: 1400px; margin: auto; display: flex; justify-content: space-between;}
   #container .highlight_menu .one_depth{display: flex;}
   #container .highlight_menu .one_depth>li.icon_home{width: 63px; height: 63px; font-size: 0; display: flex; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6;}
   #container .highlight_menu .one_depth>li{width: 200px; display: block; position: relative;}
   #container .highlight_menu .btn_one_depth{max-width: 250px; height: 100%;}
   #container .highlight_menu .btn_one_depth::after{right: 20px;}
   #container .highlight_menu .one_depth{position: relative;}
   #container .highlight_menu .one_depth>li>div{border-bottom: none; height: 100%;}
   
   #container .highlight_menu .highlight_btn_wrap{display: flex;}

   #container .highlight_menu .btn_share{position: unset; height: 100%; border-left: none;}
   .btn_print{font-size: 0; display: flex; align-items: center;}
   .btn_print::after{content: ''; width: 21px; height: 23px; display: block; margin: auto; background: url(../img/type04_icon.png) no-repeat; background-position: -42px -162px;}

   #container .highlight_menu .two_depth, #container .highlight_menu .one_depth>li:last-of-type, #container .highlight_menu .one_depth>li:last-of-type .two_depth{width: 250px;}
   #container .highlight_menu .one_depth>li.active .two_depth{display: block; border: 1px solid #e6e6e6; box-sizing: border-box;}
   #container .highlight_menu .one_depth>li.active .btn_one_depth::after{transform: translateY(-60%) rotate(0deg);}

   #container .highlight_menu .two_depth::after{display: none;}
 
}


@media all and (max-width: 1290px) {
   #wrap #header .wrap_header{padding: 0 20px;}
   #wrap #header .wrap_header .wrap_header_cont{gap: 0 60px;}
   #wrap #header .wrap_header .wrap_header_cont .one_depth{gap: 0 40px;}
   #wrap #header .wrap_header .wrap_header_cont{gap: 0 40px;}
}