@charset "utf-8";

.scroll-hidden{overflow:hidden;}

/* wrap_unb */
.wrap_unb{overflow: hidden;background: #17703f; padding:4px 0;}
.wrap_unb .container{max-width: 1600px;width: 100%;margin: auto;position: relative;display: flex;justify-content: right;}
.wrap_unb #_globalUl li a{font-size: 14px;color: #fff;}
#_globalNavi #_globalUl li + li{background: url(./../../images/common/gab.png) no-repeat left 50%;}

/* header */
header .wrap_header{border-bottom:1px solid #ddd; position: relative;}
header .wrap_header .container{display: flex;align-items: center;justify-content: space-between;max-width: 1640px;margin: 0 auto;padding:0 20px;position: relative;}
header .wrap_header .head_logo{flex-shrink: 0;}
header .wrap_header .head_logo a{display: flex;align-items: center;gap: 10px;}
header .wrap_header .head_logo strong{position: relative;font-family: 'NH Medium';font-size: 38px;color: #28a444;display: block;}

/* sch */
.search-in{position: absolute;z-index: 1;bottom: 0;height: 90px;background: #fff;display: flex;align-items: center;right: 90px;width: 65%;justify-content: end;padding-right: 20px;gap: 50px;display: none;}
.search-in.on{display:flex;}
.search-in .search-box{width: 470px;height: 55px;background: #fff;border-radius: 30px;padding: 0 25px 0 30px;position: relative;display: table;border: 2px solid #17703f;}
.search-in .search-box > form{display: table-cell; vertical-align: middle; width: 100%;}
.search-in .search-box > button{width: 25px; height: 100%; display: table-cell; vertical-align: middle;}
.search-in .close{}
.search-in .close button{width: 30px;height: 30px;background: url(./../../images/common/head_close.png) no-repeat center center; display: block;text-indent: -9999px;}
.search-in .fieldset > span{position: relative; height: 30px; display: inline-block; width: 100%;}
.search-in .fieldset > span > input{background: transparent;padding: 0;outline: 0;width: 100%;height: 100%;border:0;font-family: 'Dream Regular';font-size: 16px;}
.search-in .fieldset input::placeholder{font-size: 16px; font-family:"Dream Regular"; color: #888; line-height: 30px; letter-spacing: -.05em; }
.search-in .for-all{position: absolute;width: 1px;height: 1px;overflow: hidden;text-indent: -9999999px;}

@media all and (max-width:1400px) {
  .search-in{height:100px;}
}


/* gnb */
@media all and (min-width:1024px) {
  header .head_navi{display: flex; align-items: center;}
  header .head_navi .menuUItop .ul_1{display: flex; align-items: center;}
  header .head_navi .menuUItop .ul_1 .li_1{position: relative;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{padding: 30px 25px;display: block;font-size: 22px;color: #222;transition: padding 0.3s;font-family: 'Dream Medium';line-height: 1.4;}

  header .head_navi .menuUItop .div_2{display: none; position: absolute; top: 100%; z-index: 100; background: rgba(23, 112, 63, 0.95); left: 50%; transform: translateX(-50%); min-width: 200px;}
  header .head_navi .menuUItop .div_2.on{display:block;}
  header .head_navi .menuUItop .div_2 .ul_2{padding: 15px 0;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2{}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2{font-family: 'Noto Demilight';position: relative;display: block;color: #fff;padding: 8px 15px;font-size: 17px;}

  header .head_navi .site_map{display: flex;align-items: center;gap: 20px;}  
  header .head_navi .site_map .sch_btn{display: block;width: 45px;height: 40px;background: url(./../../images/common/head_sch.png) no-repeat center center;text-indent: -9999px;}  
  header .head_navi .site_map a{display: block; width: 45px; height: 40px; background: url(./../../images/common/m_menu_on.png) no-repeat center center; text-indent: -9999px;}
  header .btn_mgnb_close{display:none;}
  header .mgnb_Wrap{display:none;}

  /* mobile*/
  .mobile_head,
  header .head_navi .head_logo{display:none;}

  header .head_navi .menuUItop .div_2 .div_3{padding: 10px 20px;background: rgba(255,255,255,.1);}
  header .head_navi .menuUItop .div_2 .div_3 .a_3{color: #fff;font-size: 14px;display: flex;align-items: center;gap: 5px;}
  header .head_navi .menuUItop .div_2 .div_3 .a_3:before{content:'';width: 5px;height: 5px;display: block;background: #fff;border-radius: 100%;}
}

@media screen and (max-width: 1400px) and (min-width: 1025px) {
  header .wrap_header .head_logo a img{width:30px;}
  header .wrap_header .head_logo strong{font-size:30px;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{padding: 35px 15px; font-size:20px;} 
}

/* shop tool */
.tool_wrap{display: none;align-items: center;gap: 20px;margin-right: 80px;}
.tool_wrap .for-all{position: absolute; width: 1px; height: 1px; overflow: hidden; text-indent: -9999999px;}
.tool_wrap .tool-list > ul >li{display: inline-block;vertical-align: middle;}
.tool_wrap .tool-list > ul > li a{padding: 0 20px 0 35px;font-family: 'Dream Medium';}
.tool_wrap .tool-list > ul >li:first-child a{background:url(./../../images/common/order-ic.png) no-repeat left center;}
.tool_wrap .tool-list > ul >li:nth-child(2) a{background:url(./../../images/common/inter-ic.png) no-repeat left center; padding-left: 30px;}
.tool_wrap .tool-list > ul >li:last-child a{padding-right: 0; background: url(./../../images/common/bascket-ic.png) no-repeat left center;}
.tool_wrap .tool-list span{letter-spacing: -.05em;color: #222;}
.tool_wrap .tool-list .num-box{width: 22px; height: 22px; border-radius: 50%; background: #d4372b; display: inline-block;text-align: center;}
.tool_wrap .tool-list .num-box > span{font-size: 10px; font-family: "Dream Bold"; color: #fff; display: inline-block; vertical-align: top; margin-top: 3px; }

@media all and (max-width:767px) {
  .tool_wrap .tool-list > ul > li a{padding: 0px 20px;position: relative;}
  .tool_wrap .tool-list a > span{position:absolute; height:0; overflow:hidden;}
  .tool_wrap .tool-list .num-box{position: absolute;right: -10px;top: -5px;}
}

@media all and (max-width:1024px) {
  .tool_wrap{display: flex;}
  .wrap_unb{display:none;}

  header .wrap_header .container{padding:0;}

  .m_wrap_unb{overflow: hidden;background: #17703f; padding:4px 20px;}
  .m_wrap_unb .container{display: flex;}
  .m_wrap_unb #_globalUl li a{font-size: 14px;color: #fff;}

  header .head_navi .head_logo{background: #fff;}
  header .wrap_header .head_logo a{padding: 0 10px;align-items: center;height: 70px;}
  header .wrap_header .head_logo a img{max-width: 25px;}
  header .wrap_header .head_logo strong{font-size: 27px;}

  /* mobile */
  header .mgnb_Wrap{display:block; position:absolute; right:0; top:0;}
  header .mgnb_Wrap button{display: block; background:url(./../../images/common/m_menu_on.png) no-repeat center center; width:70px; height:70px; text-indent: -9999px;}
  header .site_map{display:none;}

  header .head_navi{position: fixed;display:none;top: 0;z-index: 100;right: 0;width: 100%;background: rgba(0,0,0,.5);height: 100vh;padding-left: 40%;}
  header .head_navi.on{display:block;}
  header #menuUItop{background: #133063;height:100vh;position: relative; padding-top:20px;}
  header .head_navi .div_1 .ul_1 .li_1{position: static;display: block;width: 100%;padding: 0;}
  header .head_navi .div_1 .ul_1 .li_1 .a_1{display: block;line-height: 1.5;padding: 12px 0 12px 15px;text-align: left;font-size: 17px;color: #fff;font-family: 'Dream Regular';width: 50%;position: relative;}
  header .head_navi .div_1 .ul_1 .li_1 .a_1.plus:after{content:''; transform: rotate(90deg); transition:ease-in-out all .3s;width: 7px;height: 11px;display:block;background: url(./../../images/common/m_arr.png) center no-repeat;position: absolute;right: 30px;top: 50%;margin-top: -4px;}
  header .head_navi .div_1 *{transition:ease-in-out all .3s;}
  header .head_navi .div_1 .ul_1 .li_1 .a_1.on,
  header .head_navi .div_1 .ul_1 .li_1 .a_1._active{color: #c4e0f7;text-decoration: underline;}
  header .head_navi .div_1 .ul_1 .li_1 .a_1.on:after{transform: rotate(0deg);}

  header .head_navi .div_2{display:none; padding: 10px 15px;height: 100%;overflow: hidden;background: #fff;}
  header .head_navi ._active .div_2,
  header .head_navi .div_2.on{display:block;position: absolute;right: 0;top: 0;width: 50%;}
  header .head_navi .div_2 .ul_2 .li_2 .a_2{display: block; padding: 10px 10px 10px 20px; margin: 0; font-size: 16px; color: #000000; font-family: 'Dream Regular'; transition: none; position: relative;}
  header .head_navi .div_1 .ul_1 .li_1 .a_2:before{content:''; width:13px; opacity:0; height:8px;display:block;background:url(./../../images/layout/m_arr_2dep.png) no-repeat; position: absolute; left:0; top: 50%; margin-top: -4px;}
  header .head_navi .div_1 .ul_1 .li_1 .a_2:hover{color:#005baa; font-weight:500;}
  header .head_navi .div_1 .ul_1 .li_1 .a_2:hover:before{opacity:1;}

  header .head_navi .btn_mgnb_close{position: absolute;right:0;top: 0;z-index: 100;}
  header .head_navi .btn_mgnb_close button{display:block;text-indent:-9999px;background: url(./../../images/common/ic-navi-close.png) center no-repeat;width: 70px;height: 70px;}
}

@media all and (max-width:767px) {
  header .head_navi{padding-left: 0;}
}

/** footer **/
.footer {border-top: 5px solid #17703f;color: #666; background: #171b19;}
.footer .container {max-width: 1640px;margin: 0 auto; padding:0 20px; display: flex;justify-content: space-between;align-items: center;}

.footer-policy {border-bottom: 1px solid rgba(255,255,255,.2);padding: 40px 0;max-width: 1600px;margin: 0 auto;}
.footer .policy-list { display: flex; gap: 20px; }
.footer .policy-list a{font-size: 14px;color: #fff; display: flex;align-items: center; gap: 20px;}
.footer .policy-list a:after{content:''; background:url(./../../images/common/footer-dot.png) no-repeat; display:block; width:3px; height:13px; }
.footer .policy-list li.last-line a:after{display:none;}
.footer .policy-list a.important {color:#ffc20c;}

.footer-body { padding: 40px 0 0; }
.footer-body .footer-info{width: 100%;}
.footer .info-list {padding: 0; line-height: 1.8; max-width: 900px;}
.footer .info-list li {display: inline-flex;gap: 15px;flex-wrap: wrap;color:rgba(255, 255, 255, .6);font-size: 16px;margin-right: 15px;align-items: center;}
.footer .info-list li:after{content:'';background:rgba(255, 255, 255, .6);display:block;width:1px;height: 14px;}
.footer .info-list li.last-line:after{display:none;}
.footer .info-list strong {margin-right: 5px;font-size: 14px;font-family: "Dream Medium";line-height: 25px;color: rgba(255,255,255,.6);}

.footer .footer-logo {display: flex;align-items: center;gap: 10px;opacity: 0.8;margin: 0 auto; flex-shrink: 0;justify-content: end;}
.footer .footer-copy {padding: 15px 0;text-align: left;font-size: 12px;}
.footer .footer-logo span{font-family: 'NH Medium'; font-size: 38px; color: #28a444; display: inline-block; padding-left: 10px; line-height: 48px;}

.goto-top{position: fixed; opacity:0; transition:ease all .5s; border-radius: 10px; right: 50px;bottom: -200px; color: #fff; background: #345242; z-index: 1;}
.goto-top a{display: flex;align-items: center;width: 80px;height: 80px;justify-content: center; font-size: 20px; color:#fff;}
.goto-top.is-scrolled{opacity:1; bottom:30px;}
.goto-top.is-scrolled.is-bottom{bottom:280px;}

@media (max-width: 1300px) {
  .footer-policy{padding:30px 0;}
  .footer .info-list{width:700px;}
  .goto-top{right:10px;}
}

@media (max-width: 1000px) {
  .footer .footer-body .container{flex-direction: column;gap: 20px;text-align: left;justify-content: left;align-items: baseline;}
  .footer .footer-logo{}
  .footer .footer-logo img{width:25px;}
  .footer .info-list li{font-size:14px;}
  .footer .info-list{width:100%;}
  .footer .footer-logo span{font-size:25px;}
  .footer-body {padding: 20px 0 0;}
  .goto-top{display:none;}
}

@media (max-width: 768px) {
  .footer .wrap-header .container { flex-direction: column; align-items: flex-start; gap: 20px; padding: 0 20px; }
  .footer .policy-list { flex-wrap: wrap; gap: 10px; }
}



/* sub */
.wrap-contents{max-width:1640px; margin:0 auto; padding:0 20px;}
.wrap-contents .menuUItab .tab_div{margin-bottom:50px;} 
body .subject h2{margin: 140px 0 50px;}
.wrap-sub-navi {position: relative;z-index: 9;border-bottom: 1px solid #ddd;}
.wrap-sub-navi .container {max-width: 1640px;height: 50px;margin: 0 auto;display: flex;align-items: center;padding:0 20px;}
.sub-navi > ul { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.sub-navi > ul > li{display:none; position: relative; padding: 0 35px 0 20px; }
.sub-navi > ul > li.home,
.sub-navi > ul > li.on{display:block;}
.sub-navi > ul > li:not(:last-child)::after { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(90deg); width: 6px; height: 9px; background: url('./../../images/common/top-header-ic.png') no-repeat center; }
.sub-navi .home { padding-left: 25px !important; }
.sub-navi .home::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url('./../../images/common/home-ic.png') no-repeat center / contain; }
.sub-navi a, .sub-navi .inner button {display: block;color: #666;font-size: 15px;line-height: 50px;font-family: 'Dream Medium';text-decoration: none;transition: 0.2s;}
.sub-navi .inner button { position: relative; width: 100%; background: none; border: none; cursor: pointer; padding-right: 25px; text-align: left; }
.sub-navi .inner button::after { content: ""; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 11px; height: 7px; background: url("./../../images/common/arrow-page-nav2.png") no-repeat center; }
.sub-navi a:hover, .sub-navi .inner button:hover { color: #0146b9; }
.sub-navi .navUl { position: absolute; left: 0; top: 100%; width: 100%; min-width: 200px; background: #fff; border: 1px solid #3e454c; border-top: 4px solid #0146b9; box-shadow: 0 4px 10px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; }
.sub-navi .navUl.on { visibility: visible; opacity: 1; transform: translateY(0); }
.sub-navi .navUl a { line-height: 1.5; padding: 12px 15px; color: #333; font-size: 14px; position:relative;}
.sub-navi .navUl a.plus:after{content:'';width: 11px;height: 7px;background: url('../../images/common/top-header-ic.png') no-repeat center;position:absolute;right:15px;top:50%;margin-top:-3.5px;}
.sub-navi .navUl a:hover { background: #f5f5f5; color: #0146b9; }

.sub .wrap-contents .container{max-width:1640px; margin:0 auto; padding:0 20px;}

@media (max-width: 1024px) { 
  .sub-navi > ul > li { padding: 0 20px 0 10px; } 
  .sub-navi a, .sub-navi .inner button { font-size: 13px; } 
  body .subject h2{margin: 100px 0 50px;}
}

@media (max-width: 767px) { 
  .sub-navi > ul > li.home{text-indent:-9999px;}
}

.sub ._objWidget{overflow: initial;}/*쇼핑몰 텝 fiexd*/