@charset "utf-8";


#mCSB_1_container header{position:relative;}

/* wrap_unb */
.wrap_unb{overflow: hidden;background: #f4f8fb;padding:4px 0;height: 45px;display: flex;align-items: center;border-bottom: 1px solid #e1e1e1;}
.wrap_unb .container{max-width: 1600px;width: 100%;margin: auto;position: relative;display: flex;justify-content: right;}
.wrap_unb #_globalNavi #_globalUl li + li{background: url("./../../images/common/gap.gif") no-repeat left 50%;}
.wrap_unb #_globalUl li a{font-size: 16px;color: #333;font-family: 'S-CoreDream-3Light';}

/* header */
header{position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff;}
header.fixed {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}
header .wrap_header{position:relative; z-index: 10;}
header .wrap_header .container{display: flex;align-items: center;justify-content: space-between;max-width: 1640px;margin: 0 auto;padding:0 20px;height: 100px;}
header .wrap_header .head_logo a{display: flex;align-items: center;gap: 15px;}
header .wrap_header .head_logo strong{position: relative;font-family: 'NH Medium';font-size: 35px;color: #1fb25a;display: block;}

/* gnb */
@media all and (min-width:1024px) {

  header .head_navi{display: flex;align-items: center;gap: 80px;}
  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: 36px 45px;display: block;font-size: 22px;color: #222;transition: padding 0.3s;font-family: 'S-CoreDream-4Regular';line-height: 1.25;position:relative;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1:after{content:'';width: 8px;height: 8px;border-radius:50%;position: absolute;left:50%;top: 21px;background: rgba(23, 112, 63, 0.95);opacity:0;transition:all ease .5s;margin-left:-4px;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1:hover:after{opacity:1;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(23, 112, 63, 0.95);text-underline-offset:12px;}
  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;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2:hover{text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:6px;}
  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 .btn_mgnb_close{display:none;}
  header .mgnb_Wrap{display:none;}

  html.scroll-hidden {overflow-y: scroll;}
  html.scroll-hidden body{overflow: hidden;}

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

@media all and (max-width:1600px) {
  header .head_navi{gap:30px;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{padding: 34px 30px;}
}
@media all and (max-width:1280px) {
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{font-size: 19px;padding: 38px 20px;}
  .wrap_unb #_globalUl li a{font-size:14px;}
  #_globalNavi #_globalUl li{background-size:1px 10px;background-position:1px 13px}
}

@media all and (max-width:1024px) {
  body.scroll-hidden{overflow:hidden;}
  body.scroll-hidden header .head_navi .div_1{overflow-y:auto;max-height:560px;}
  /**body.scroll-hidden header .head_navi .div_1::-webkit-scrollbar{opacity:0;}**/
  .wrap_unb{display:none;}
  header .wrap_header{height:80px;}
  header .wrap_header .container{height: 80px;}

  .m_wrap_unb{overflow: hidden;background: #17703f;padding: 4px 10px;}
  .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 .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:30px;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%;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%;}
  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 .menuUItop .ul_1 .li_1:nth-last-child(-n+3){display:none;}

  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}
}

/* tab Menu */
.menuTab .tab_div.div_3{  margin: -40px 0 50px;}
.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 {color: #666;background: #313f51;}
.footer .container {max-width: 1640px;margin: 0 auto;padding:0 20px;display: flex;gap: 70px;align-items: flex-start;}

.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: 30px;margin-bottom: 25px;}
.footer .policy-list a{font-size: 16px;color: #fff;display: flex;align-items: center;font-family: 'S-CoreDream-4Regular';position: relative;}
.footer .policy-list a.important {color: #ffebbe;}
.footer .policy-list a.important:after{content:'';width:100%;height:1px;background:#ffebbe;position:absolute;left:0;bottom:-3px;}

.footer-body {padding: 60px 0 50px;}
.footer .info-list {padding: 0; line-height: 1.8; max-width: 900px;}
.footer .info-list li {display: inline-flex;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 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;}
.footer .footer-copy {padding: 5px 0;text-align: left;font-size: 16px;color: rgba(255,255,255,0.5);font-family: 'S-CoreDream-3Light';}
.footer .footer-logo span{font-family: 'NH Medium';font-size: 36px;color: #9ba2ac;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;}
.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 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-sub-visual {margin-top: 145px;}
.wrap-sub-visual .slogan{display:flex;justify-content:center;flex-direction: column;align-items: center;height: 350px;gap: 20px;}
.wrap-sub-visual .slogan .slogan-big{color:#fff;font-size:50px;font-family: 'S-CoreDream-6Bold';}
.wrap-sub-visual .slogan  .slogan-small{color:#fff;font-size:18px;font-family: 'S-CoreDream-4Regular';text-align:center;line-height:1.6;}

.eQ01 .wrap-sub-visual{background:url('../../images/common/sub-visual13.jpg') no-repeat left top / cover;}
.eQ02 .wrap-sub-visual{background:url('../../images/common/sub-visual2.jpg') no-repeat left top / cover;}
.eQ03 .wrap-sub-visual{background:url('../../images/common/sub-visual3.jpg') no-repeat left top / cover;}
.eQ04 .wrap-sub-visual{background:url('../../images/common/sub-visual4.jpg') no-repeat left top / cover;}
.eQ05 .wrap-sub-visual{background:url('../../images/common/sub-visual5.jpg') no-repeat left top / cover;}
.eQ06 .wrap-sub-visual{background:url('../../images/common/sub-visual6.jpg') no-repeat left top / cover;}
.eQ07 .wrap-sub-visual{background:url('../../images/common/sub-visual7.jpg') no-repeat left top / cover;}
.eQ08 .wrap-sub-visual{background:url('../../images/common/sub-visual8.jpg') no-repeat left top / cover;}
.eQ09 .wrap-sub-visual{background:url('../../images/common/sub-visual9.jpg') no-repeat left top / cover;}
.eQ10 .wrap-sub-visual{background:url('../../images/common/sub-visual10.jpg') no-repeat left top / cover;}
.eQ11 .wrap-sub-visual{background:url('../../images/common/sub-visual11.jpg') no-repeat left top / cover;}
@media (max-width: 1024px) {
  .wrap-sub-visual {margin-top: 80px;}
}
@media (max-width: 1280px) {
  .wrap-sub-visual .slogan{height:260px;}
  .wrap-sub-visual .slogan .slogan-big{font-size:38px;}
  .wrap-sub-visual .slogan .slogan-small{font-size:17px;}
}
@media (max-width: 767px) {
  .wrap-sub-visual .slogan{height:210px;}
  .wrap-sub-visual .slogan .slogan-big{font-size:26px;}
  .wrap-sub-visual .slogan .slogan-small{display:none;}
}

.wrap-contents{padding-top:100px;display:flex;max-width:1600px;margin:0 auto;gap:80px;}

.sub .subject{text-align:left;border-bottom: 1px solid #ccc;     margin-bottom: 80px;}
.sub .subject h2{margin:50px auto 35px;font-family: 'S-CoreDream-6Bold';}
.sub .subject h2:after{display:none;}

.wrap-contents .objHeading_h2{margin-top:0;}

.left-aside{width:280px;}
.left-aside .menuSubTitleUI{position:relative;overflow:hidden;background: #1a3150;margin-bottom: 5px;}
.left-aside .menuSubTitleUI:after{content:'';width:200px;height:200px;background:#384c67;border-radius:50%;position:absolute;left:-100px;top:50px;}
.left-aside h2{display:flex;height:150px;color:#fff;font-size:30px;font-family:'S-CoreDream-6Bold';align-items: center;justify-content: center;position: relative;z-index: 1;}
.left-aside .sub_div{border:1px solid #ccc;border-bottom:0;}
.left-aside .sub_div .li_2{border-bottom:1px solid #ccc;position: relative;}
.left-aside .sub_div .li_2._active{box-shadow: inset 0 0 0 2px #1a3150; border: 1px solid #1a3150;}
.left-aside .sub_div .a_2{font-size:18px;display: block;padding: 20px 45px 20px 25px;line-height: 1.25;transition: all ease .5s;position: relative;color:#333;font-family:'S-CoreDream-3Light';}
.left-aside .sub_div .a_2:hover{font-family:'S-CoreDream-5Medium';}
.left-aside .sub_div .a_2:before{content:'';width: 8px;height: 8px;position:absolute;left:25px;top: 26px;background:#1a3150;transform:rotate(45deg);display:none;}
.left-aside .sub_div .a_2:after{content:'';width:12px;height:20px;background:url('../../images/common/aside-arr.png') no-repeat center;position:absolute;right: 22px;top:22px;display:none;transition:all ease .5s;}
.left-aside .sub_div ._active .a_2{padding-left: 45px;font-family:'S-CoreDream-5Medium';}
.left-aside .sub_div ._active .a_2:before{display:block;}
.left-aside .sub_div ._active .a_2:after{display:block;}
.left-aside .sub_div .div_3{display:none;}
.left-aside .sub_div ._active .div_3{display:block;}
.left-aside .sub_div .ul_3{padding: 0 20px 20px;}
.left-aside .sub_div .ul_3 .li_3{border-bottom: 1px solid #ddd;padding: 5px;}
.left-aside .sub_div .ul_3 .li_3 .a_3{color: #666;}

.wrap-right{width: calc(100% - 370px);position: relative;}

.wrap-sub-navi{position: relative; z-index: 9;}
.wrap-sub-navi .container {height: 25px;margin: 0 auto;display: flex;align-items: center;padding-left: 0 !important;}
.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;max-width: 200px;line-height: 1.2;}
.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;}
.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-util {position:absolute;right:0px;top: 72px;}
.sub-util > ul > li {float:left;position:relative;padding: 0;}
.sub-util > ul > li + li:before{content:'';width:1px;height: 8px;background:#ccc;position: absolute;left:0;top: 23px;}
.sub-util > ul > li > button {width: 55px;height: 55px;text-indent:-9999px;}
.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);}
.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);}
.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);}

.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;}
.sub-util .box-sub-favo.on {opacity:1; max-height:1000px;}
.sub-util .box-sub-favo  > strong {display:block;padding: 18px 20px;border-bottom: 1px solid #d2d2d2;font-size: 16px;font-family: 'Noto Regular';}
.sub-util .box-sub-favo ul li {position: relative; padding: 10px 40px 10px 20px;}
.sub-util .box-sub-favo ul li:hover a {color:#00307f;text-decoration:underline;}
.sub-util .box-sub-favo ul li a {display: inline-block;vertical-align: middle;font-size: 14px;color: #666;}
.sub-util .box-sub-favo ul li a span {display:none;}
.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;}
.sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.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;}
.sub-util .box-sub-favo .favo-content-box{background-color: #F0F0F0; text-align: center; padding: 10px 0;}
.sub-util .box-sub-favo .favo-content-box strong{display: block; font-size: 13px; line-height: 20px; padding: 0 10px; word-break: keep-all;}
.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;}
.sub-util .box-sub-favo .list{border-bottom: 1px solid #cdcdcd;}
.sub-util .box-sub-favo .list ul {border-top: 1px solid #CDCDCD;padding: 15px 0;}
.sub-util .box-sub-favo .btns{display:flex;width:100%;}
.sub-util .box-sub-favo .btns button{font-size:14px;padding:15px 0;border:0;}
.sub-util .box-sub-favo .add{background:#1f303e;color:#fff;width:100%;}
.sub-util .box-sub-favo .reset{background:#4f5f6c;color:#fff;width:100%;}

.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;}
.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;}
.sub-util .box-sub-share strong {display: inline-block; margin-right: 10px; font-weight: 400; font-size: 14px; color: #2a2a2a;}
.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;}
.sub-util .box-sub-share .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.sub-util .box-sub-share ul {}
.sub-util .box-sub-share ul li {/* display: inline-block; */text-align: center;}
.sub-util .box-sub-share ul button {display: inline-block;width: 35px;height: 35px;text-indent: -9999px;}
.sub-util .box-sub-share ul button.fb {background: url("../../images/common/ic_sns_facebook.png") no-repeat center;}
.sub-util .box-sub-share ul button.tw {background: url("../../images/common/ic_sns_twit.png") no-repeat center;}
.sub-util .box-sub-share ul button.kakao {background: url("../../images/common/ic_sns_kkostory.png") no-repeat center;}
.sub-util .box-sub-share ul button.blog {background: url("../../images/common/ic_sns_blog.png") no-repeat center;}
.sub-util .box-sub-share ul button.addr {width: auto;height: auto;font-family:'S-CoreDream-6Bold';text-indent: 0;color: #4b4b4b;}

.sub .contentsmargin:80px 0 0;}
.sub .wrap-contents .container{margin:0 auto;}

@media (max-width: 1640px) { 
  .wrap-contents{width:100%;padding-left:20px;padding-right:20px;}
  .wrap-contents{gap:60px;}
  .wrap-right{width:calc(100% - 360px);}
}
@media (max-width: 1400px) { 
  .left-aside{display:none;}
  .wrap-right{width:100%;}	
}
@media (max-width: 1024px) { 
  .wrap-contents{padding-top:70px;}
  .sub-navi > ul > li { padding: 0 20px 0 10px; } 
  .sub-navi a, .sub-navi .inner button { font-size: 13px; } 
  .sub-navi .home::before{margin-top:-2px;}
  .left-aside{display:none;}
  .wrap-right{width:100%;}
  .sub .subject h2{font-size:30px !important;margin-top:25px;margin-bottom:20px;}
  .sub-util{top:50px;}
  .sub-util > ul > li > button{background-size:25px !Important;width:45px;height:45px;}
  .sub-util > ul > li + li > button{background-size:21px !Important;}
  .sub-util > ul > li + li:before{top:18px;}
}
@media (max-width: 767px) { 
  .wrap-contents{padding-top:50px; overflow:hidden;}
  .sub-util > ul > li:nth-child(1){display:none;}
  .sub-util > ul > li:nth-child(2):before{display:none;}
}

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