@charset "utf-8";
#mCSB_1_container header{position:absolute;}

/* header */
header{position: fixed;z-index:99;width: 100%;top: 0; background:#fff;}
header.fixed{	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}  
header .wrap_header{height:90px;display:flex;align-items: center;}
header .wrap_header .container{display: flex;width: 100%;justify-content: space-between;max-width: 1600px;margin: 0 auto;align-items: center;}
header .wrap_header .head_logo a{display: flex;align-items: center;gap: 15px;position: relative;top: 1px;}
header .wrap_header .head_logo strong{position: relative;font-family: 'NH Medium';font-size: 34px;color: #1dac4b;display: block;top: 2px;}
.wrap_unb a{color:#333;font-size:16px;font-family: 'S-CoreDream-3Light';}
.sub header{border-bottom: 1px solid #ddd;}

/* sitemap */
.site_map {width: 22px;height: 18px;background:url('../../images/common/sitemap.png') no-repeat center;margin-left: 50px;}
.site_map a{display:block;text-indent: -9999px;}

/* gnb */
@media all and (min-width:1024px) {
  header .wrap_header .container{position:relative;justify-content: center;}
  header .wrap_header .wrap_unb{position:absolute; right:0;}

  header .wrap_gnb{background: #125527;position:relative;}
  header .wrap_gnb:before{content:'';width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.5);z-index:1;top:350px;display:none;}
  header .head_navi{display: flex;width: 100%;max-width: 1600px;margin:0 auto;align-items: center;/* padding: 0 70px; */justify-content: space-between;}
  header .head_navi .menuUItop {width:100%;}
  header .head_navi .menuUItop .ul_1{display: flex;width: 100%;height: 60px;align-items: center;justify-content: space-evenly;text-align: center;}
  header .head_navi .menuUItop .ul_1 .li_1{position: relative;width: 100%;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{display: block;font-size: 20px;color: #fff;transition: padding 0.3s;font-family: 'S-CoreDream-4Regular';line-height: 60px;}
  header .head_navi .menuUItop .ul_1 .li_1:hover .a_1{background:#063b17;}

  /*
  header .head_navi .menuUItop .ul_1 .li_1 .a_1:hover{text-decoration: underline;  text-underline-offset: 12px;  text-decoration-thickness: 3px;}
  */

  header .head_navi .menuUItop .ul_1 .li_1:nth-child(1) .div_2{border-left:1px solid #ddd;}
  header .head_navi .menuUItop .div_2{display: none; position: absolute; top: 100%; z-index: 100; left: 50%; transform: translateX(-50%);width: 100%; border-right: 1px solid #ddd;}

  header .head_navi .menuUItop .ul_1 .li_1:hover .div_2{background:#f8f8f8;}
  header .head_navi .menuUItop .ul_1 .li_1:hover .div_2:before{content:'';width:100%;height:5px;background:#1fb25a;position:absolute;left:0;top:0;}

  header .head_navi .menuUItop .div_2 .ul_2{padding: 30px 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: 'S-CoreDream-4Regular';position: relative;display: block;color: #666;padding: 10px 15px;font-size: 18px;}
  header .head_navi .menuUItop .ul_1 .li_1:hover .div_2 .ul_2 .li_2 .a_2{color:#111;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:hover{text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #2d8d17;}

  header .head_navi .site_map a{display: block; width: 45px; height: 40px; background:url('../../images/common/sitemap.png') no-repeat center center; text-indent: -9999px;}
  header .head_navi .menuUItop .div_3,
  header .head_navi .menuUItop .div_4,
  header .head_navi .menuUItop .div_5,
  header .head_navi .menuUItop .div_6{display:none;}
  header .btn_mgnb_close{display:none;}
  header .mgnb_Wrap{display:none;}


  header .gnb_bg{content:'';width:100%; display:none; background:#fff;position:absolute;top:100%;left:0;z-index: 1;}
  header .on .gnb_bg{display:block;}

  /*active*/
  header .wrap_gnb.on:before,
  header .wrap_gnb.on:after{display:block;}
  header .wrap_gnb.on .head_navi .menuUItop .div_2{display:block;}

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


@media all and (max-width:1640px) {
  header .wrap_header .container{padding: 0 10px 0 20px;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{font-size:20px;}
}

@media all and (max-width:1024px) {
  body.scroll-hidden{overflow:hidden;}
  body.scroll-hidden header .head_navi .div_1{}
  body.scroll-hidden header .head_navi .div_1{overflow-y:auto; max-height: calc(100vh - 260px);}
  .wrap_unb{display:none;}
  header .wrap_header{height:80px;}
  header .wrap_header .container{padding:0;}

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

  header .head_navi .head_logo{background: #fff;}
  header .wrap_header .head_logo a{padding-left:20px;}
  header .mobile_head .head_logo a{padding: 0 20px;height: 70px;display: flex;align-items: center;gap: 10px;}
  header .mobile_head .head_logo a img{max-width: 30px;}
  header .mobile_head .head_logo strong{position: relative;font-family: 'NH Medium';font-size: 30px;color: #1dac4b;display: block;top: 5px;}

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

  header .head_navi{position: absolute; 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: 18px;color: #fff;font-family: 'Dream Regular';width: 45%;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;height: 100% !important; overflow: hidden;background: #fff;}
  header .head_navi ._active .div_2{display:block;padding: 10px 15px;position: absolute;right: 0;top: 0;width: 55%;}
  header .head_navi .div_2.on{display:block;padding: 10px 15px;position: absolute;right: 0;top: 0;width: 55%; overflow: auto;padding-bottom: 20px;}
  header .head_navi .div_2 .ul_2 .li_2 .a_2{display: block; padding: 10px 10px 10px 20px; margin: 0; font-size: 18px; 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._active{color:#005baa; font-weight:500;}
  header .head_navi .div_1 .ul_1 .li_1 .a_2:hover:before{opacity:1;}

  header .head_navi .div_3{display: block;height: 100%;overflow: hidden;background: #fbfbfb;margin: 0 0 10px 20px;padding: 15px;border-top: 2px solid #DDD;}
  header .head_navi .div_3 .ul_3{}
  header .head_navi .div_3 .ul_3 .li_3{}
  header .head_navi .div_3 .ul_3 .li_3 .a_3{display: flex;align-items: center;gap: 5px;}
  header .head_navi .div_3 .ul_3 .li_3 .a_3:before{content:'';display: block;height: 3px;width: 3px;background: #226bb5;}

  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;}
  header .gnb_bg{display:none;}
}

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


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

/* tab Menu */
.menuTab{}
.menuTab .tabBtn{padding: 10px; font-size:16px; border: 2px solid #ddd;width: 100%;text-align: left;margin-bottom:50px;display: flex;align-items: center;justify-content: space-between;}
.menuTab .tabBtn.on{border: 2px solid #0f7b32;}
.menuTab .tabBtn:after{content: '';width: 8px;height: 8px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform:rotate(45deg);transition: all 0.3s;display:block;}
.menuTab .tabBtn.on:after{transform:rotate(-135deg);}

@media all and (min-width: 861px){
  .menuTab{}
  .menuTab .tabBtn{display:none;}
  .menuTab .div_3{margin: -20px 0 100px;}
  .tab_div .ul_3 > li._active, 
  .tab_div .ul_3 > li:hover{border: 1px solid #1dac4b;background: #1dac4b;}
}

/** footer **/
.footer {background: #151515;}
.footer .container {max-width: 1600px;margin: 0 auto;display: flex;align-items: flex-start;gap: 50px;}

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

.footer-body {padding: 30px 0 60px;}
.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, 1);font-size: 16px;margin-right: 30px;align-items: center;font-family: 'S-CoreDream-4Regular';}
.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;gap: 10px;align-items: center;}
.footer .footer-copy {padding: 10px 0 0;text-align: left;font-size: 16px;color: rgba(255,255,255,0.2);font-family: 'S-CoreDream-3Light';}
.footer .footer-logo span{font-family: 'NH Medium';font-size: 36px;color: #6b6b6b;display: inline-block;padding-left: 10px;line-height: 36px;}

.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;}
.goto-top.is-scrolled{opacity:1; bottom:30px;}
.goto-top.is-scrolled.is-bottom{bottom:280px;}

@media (max-width: 1640px) {
  .footer .container{width:100%;padding-left:25px;padding-right:25px;}
}

@media (max-width: 1000px) {
  .goto-top{display:none;}
}

@media (max-width: 768px) {
  .footer .policy-list{flex-wrap:wrap;justify-content:center;gap: 10px 20px;}
  .footer .container{flex-wrap:wrap;justify-content: center;gap: 20px 0;}
  .footer .info-list{padding: 0 20px;text-align:center;}
  .footer .info-list{display:block;}
  .footer .info-list li{margin-right:0;display: flex;justify-content: center;}
  .footer .footer-copy{text-align:center;}
}



/* sub */
.wrap-sub-visual{padding-top: 150px;}
.wrap-sub-visual .container{max-width:1600px;margin:0 auto;border-bottom:1px solid #ccc;padding: 60px 0 40px;}
.wrap-sub-visual .slogan-big{font-size: 34px;color:#212121;font-family: 'S-CoreDream-6Bold';font-weight:normal;letter-spacing:-2px;line-height:1.25;}

.wrap-sub-navi {position: relative;z-index: 9;}
.wrap-sub-navi .container{max-width:1640px;margin:0 auto;position: relative; padding:0 20px}
.sub-navi{max-width: 1600px;margin: 20px auto 0;border-bottom: 1px solid #ddd;padding-bottom: 20px;padding-left: 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 30px 0 15px;}
.sub-navi > ul > li.home,
.sub-navi > ul > li.on{display:block;}
.sub-navi > ul > li::after {content: '';position: absolute;right: 5px;top: 50%;margin-top: -4.5px;/* transform: translateY(-50%) rotate(90deg); */width: 6px;height: 9px;background: url('../../images/common/sub-nav-arr.png') no-repeat center;}
.sub-navi > ul > li.last:after{display:none;}
.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('https://bhwizard.nonghyup.com/sites/shop01a/images/common/home-ic.png') no-repeat center / contain; }
.sub-navi a, .sub-navi .inner button {display: block;color: #666;font-size: 17px;line-height: 25px;font-family: 'S-CoreDream-5Medium';text-decoration: none;transition: 0.2s;}
.sub-navi .inner button {position: relative;width: 100%;background: none;border: none;cursor: pointer;text-align: left;line-height: 1.2;max-width: 200px;}
.sub-navi .inner button::after { content: ""; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 11px; height: 7px; background: url("https://bhwizard.nonghyup.com/sites/shop01a/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: 35px;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;z-index: 5;}
.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/sub-nav-arr.png') no-repeat center;position:absolute;right:20px;top:50%;margin-top:-3.5px;}
.sub-navi .navUl a:hover { background: #f5f5f5; color: #0146b9; }


.sub .subMenu .sub_div{max-width: 1600px;overflow: auto;margin: 0 auto;text-align: center;}
.sub .subMenu .sub_div::-webkit-scrollbar{height:5px;}
.sub .subMenu .sub_div::-webkit-scrollbar-thumb{background-color:#1dac4b; border-radius:5px}
.sub .subMenu .sub_div::-webkit-scrollbar-track{background-color:#ddd}
.sub .menuUIsub{position:relative;top:-1px;}
.sub .menuUIsub h2{display:none;}

.sub .sub_div .ul_2 > li{border:0;background:none;width: auto;border-radius: 0;position: relative;}
.sub .sub_div .ul_2 > li > a{color:#666;font-size:20px;font-family: 'S-CoreDream-4Regular';padding-top: 20px;position: relative;display: flex;align-items: center;gap: 10px;}
.sub_div.div_2 .ul_2 > li > a.plus::after {content: '';width: 8px;height: 8px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg);transition: all 0.3s;display: block;flex-shrink: 0;}
.sub_div.div_2 .ul_2 > li.on > a.plus::after{transform: rotate(-45deg);}

.sub .sub_div .ul_2 > li:hover{background:none;border:0;}
.sub .sub_div .ul_2 > li:hover > a{color:#212121;font-family: 'S-CoreDream-5Medium';}
.sub .sub_div .ul_2 > li._active{border:0;background:none;}
.sub .sub_div .ul_2 > li._active > a{color:#121212;font-family: 'S-CoreDream-5Medium';}
.sub .sub_div .ul_2 > li._active > a:before{content:'';width:100%;height:5px;background: #f9be00;position:absolute;left:0;top: 0;border: none;border-radius: 0;}
.sub .sub_div .ul_2 {position: relative;text-align: center;display: inline-flex;gap: 55px;margin: 0 auto;padding: 0 20px 15px;}



@media (max-width: 1600px) {
  .wrap-sub-visual .container{padding-left:25px;padding-right:25px;}
  .wrap-sub-visual .slogan-big{font-size:42px;}
}
@media (max-width: 1024px) {
  .wrap-sub-visual{padding-top:90px}
  .wrap-sub-visual .slogan-big{font-size: 30px;}
  .wrap-sub-visual .container{padding: 25px 20px 25px;}
  .sub .tab_div .ul_3 > li a{font-size:15px;}
  .sub-navi{border-top: 1px solid #ddd;padding: 10px;}
  .sub-navi > ul > li.home{text-indent: -9999px;}
}
@media (max-width: 767px) {
  .wrap-sub-visual .container{padding:20px;}
  .wrap-sub-visual .slogan-big{font-size:30px;}
  .wrap-sub-navi .sub-util .sub-print:nth-child(1){display:none;}
  .wrap-sub-navi .sub-util > ul > li:nth-child(2):before{display:none;}
  .sub .sub .tab .sub_div{overflow-x:scroll;}
  .sub .sub_div .ul_2{gap:20px;white-space: nowrap;justify-content: space-evenly;overflow-x:auto; padding: 0 20px 15px;}
  .sub .sub_div .ul_2::-webkit-scrollbar{height:5px;}
  .sub .sub_div .ul_2::-webkit-scrollbar-thumb{background-color:#1dac4b; border-radius:5px}
  .sub .sub_div .ul_2::-webkit-scrollbar-track{background-color:#ddd}
  .sub .sub_div .ul_2 > li a{font-size: 15px;padding-top: 15px;}
}

.wrap-sub-navi .sub-util {position:absolute;right:20px;top: -90px;}
.wrap-sub-navi .sub-util > ul{display:flex; gap:10px;}
.wrap-sub-navi .sub-util > ul > li {position:relative;}
.wrap-sub-navi .sub-util > ul > li + li{padding-left:10px;}
.wrap-sub-navi .sub-util > ul > li + li:before{content:'';width:1px;height: 8px;background:#ccc;position: absolute;left:0;top: 23px;}
.wrap-sub-navi .sub-util > ul > li > button {width: 55px;height: 55px;text-indent:-9999px;}
.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/nav-util-icon02.png') no-repeat center center; transition:background 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/nav-util-icon03.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print { background: url('../../images/common/nav-util-icon01.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .sub-util .box-sub-favo {opacity:0;overflow:hidden;max-height:0px;position:absolute;border: 1px solid #d2d2d2;right: 0;top:100%;width:260px;background:#fff;transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);z-index: 5;}
.wrap-sub-navi .sub-util .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo  > strong {display:block;padding: 18px 20px;border-bottom: 1px solid #d2d2d2;font-size: 16px;font-family: 'Noto Regular';}
.wrap-sub-navi .sub-util .box-sub-favo ul li {position: relative; padding: 10px 40px 10px 20px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover a {color:#00307f;text-decoration:underline;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a {display: inline-block;vertical-align: middle;font-size: 14px;color: #666;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {position:absolute;right:0px;top:0px;width: 60px;height: 60px;background:url('../../images/common/btn_favo_close.png') no-repeat center center;text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo .del {width:17px;height:17px;background:url('../../images/common/btn-favo-del.png') no-repeat center center;text-indent:-9999px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box{background-color: #F0F0F0; text-align: center; padding: 10px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box strong{display: block; font-size: 13px; line-height: 20px; padding: 0 10px; word-break: keep-all;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box .add{border-radius: 5px; color: white; display: inline-block; font-size: 12px; padding: 5px 35px 5px 15px; background: #0146b9 url("../../images/common/menu-more.png") no-repeat right 15px center; margin-top: 10px;}
.wrap-sub-navi .sub-util .box-sub-favo .list{border-bottom: 1px solid #cdcdcd;}
.wrap-sub-navi .sub-util .box-sub-favo .list ul {border-top: 1px solid #CDCDCD;padding: 15px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .btns{display:flex;width:100%;}
.wrap-sub-navi .sub-util .box-sub-favo .btns button{font-size:14px;padding:15px 0;border:0;}
.wrap-sub-navi .sub-util .box-sub-favo .add{background:#1f303e;color:#fff;width:100%;}
.wrap-sub-navi .sub-util .box-sub-favo .reset{background:#4f5f6c;color:#fff;width:100%;}

.wrap-sub-navi .sub-util .box-sub-share {overflow: hidden;position: absolute;left: -9999px;top: 70px;width: 50px;max-height: 0px;padding: 5px;background: #fff;border: 1px solid #CECECE;transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);opacity: 0;z-index: 5;box-sizing: border-box;}
.wrap-sub-navi .sub-util .box-sub-share.on {left: 50%;margin-left: -25px;right: 0px;max-height: 1000px;transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);opacity: 1;}
.wrap-sub-navi .sub-util .box-sub-share strong {display: inline-block; margin-right: 10px; font-weight: 400; font-size: 14px; color: #2a2a2a;}
.wrap-sub-navi .sub-util .box-sub-share .close {width: 36px;height: 36px;background: url('../../images/common/btn_favo_close.png') no-repeat center center;transform: rotate( 0deg );text-indent: -9999px;}
.wrap-sub-navi .sub-util .box-sub-share .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-share ul {}
.wrap-sub-navi .sub-util .box-sub-share ul li {/* display: inline-block; */text-align: center;}
.wrap-sub-navi .sub-util .box-sub-share ul button {display: inline-block;width: 35px;height: 35px;text-indent: -9999px;}
.wrap-sub-navi .sub-util .box-sub-share ul button.fb {background: url("../../images/common/ic_sns_facebook.png") no-repeat center;}
.wrap-sub-navi .sub-util .box-sub-share ul button.tw {background: url("../../images/common/ic_sns_twit.png") no-repeat center;}
.wrap-sub-navi .sub-util .box-sub-share ul button.kakao {background: url("../../images/common/ic_sns_kkostory.png") no-repeat center;}
.wrap-sub-navi .sub-util .box-sub-share ul button.blog {background: url("../../images/common/ic_sns_blog.png") no-repeat center;}
.wrap-sub-navi .sub-util .box-sub-share ul button.addr {width: auto;height: auto;font-family:'S-CoreDream-6Bold';text-indent: 0;color: #4b4b4b;}

.sub .subject{max-width:1600px;margin:0 auto;text-align:left;}
.sub .subject h2{font-size:40px;color:#333;font-family:'S-CoreDream-5Medium';margin: 80px 0 60px 0;}
.sub .subject h2:after{display:none;}
.sub .wrap-contents .container{max-width:1640px; margin:0 auto; padding:0 20px;}

@media (max-width: 1600px) {
  .sub .subject h2{font-size:32px;}
}

@media (max-width: 1280px) {
  .wrap-sub-navi .sub-util > ul > li > button{background-size:25px !Important;width:45px;height:45px;}
  .wrap-sub-navi .sub-util > ul > li + li > button{background-size:21px !Important;}
  .wrap-sub-navi .sub-util > ul > li + li:before{top:18px;}
  .wrap-sub-navi .sub-util{}
  .sub .subject h2{margin-top:70px;font-size:26px;}
}

@media (max-width: 1024px) { 
  .sub-navi > ul > li { padding: 0 20px 0 10px; } 
  .sub-navi a, .sub-navi .inner button { font-size: 13px; } 
  .wrap-sub-navi .sub-util{top:-65px; right:0;}
}

@media (max-width: 767px) { 
  .wrap-sub-navi .sub-util{}
  .wrap-sub-navi .sub-util > ul > li{padding:0; right: 10px;}
  .sub .subject h2{font-size:24px;margin-top: 50px;margin-bottom: 40px;}
}


.goto-top{position: fixed; opacity:0; transition:ease all .5s; border-radius: 50%; right: 50px;bottom: -200px; color: #fff; background: #7b7b7b; 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;}

.sub .wrap-contents{margin-top:70px;  overflow:hidden;}