@charset "utf-8";

/* wrap_unb */
.wrap_unb{overflow: hidden;background: #2b332f;padding:4px 0;height: 45px;display: flex;align-items: center;}
.wrap_unb .container{max-width: 1600px;width: 100%;margin: auto;position: relative;display: flex;justify-content: right;}
.wrap_unb #_globalUl li a{font-size: 16px;color: #fff;font-family: 'S-CoreDream-3Light';}
#_globalNavi #_globalUl li + li{background:url('../../images/common/dot-w.png') no-repeat left 50%;}

/* header */
header .wrap_header{background: rgba(0,0,0,0.15);position: relative;}
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: 34px;color: #fff;display: block;}

/* main header */
.main .wrap_unb{width:100%;}
.main header {position:absolute;left:0;top:0;width:100%;z-index:1;}
.main header .wrap_header .head_logo img{filter: brightness(0) invert(1);}

/* sub header */
.sub header .wrap_header{background:#fff;border-bottom:1px solid #ccc;}
.sub header .wrap_header .head_logo img{filter:none;}
.sub header .wrap_header .head_logo strong{color:#1fb25a;}
.sub header .head_navi .site_map a{filter: invert(0.55);}


@media all and (max-width:1400px) {
  .vote.main .wrap_unb{top:75px;}
  .vote.main header{top: 0;}
}

@media all and (max-width:1280px) {
  header .wrap_header .container{height:80px;}
}


/* gnb */
@media all and (min-width:1024px) {
  .sub header .head_navi .menuUItop .ul_1 .li_1 .a_1{color:#212121;}

  header .head_navi{display: flex;align-items: center;gap: 20px;}
  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: 38px 40px;display: block;font-size: 19px;color: #fff;transition: padding 0.3s;font-family: 'S-CoreDream-4Regular';line-height: 1.25;}

  header .head_navi .menuUItop .div_2{display: none;position: absolute;top: 100%;z-index: 100;background: rgb(0 0 0 / 50%);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 .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;}


  /*active*/
  header .wrap_gnb:before{content:'';width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.5);z-index: 1;top: 145px;left: 0;display:none;}
  header .wrap_gnb:after{content:'';width:100%;min-height: 381px;background:#fff;border-top: 1px solid #ccc;position:absolute;top: 100px;left:0;z-index: 1;display: none;}
  header .wrap_gnb.on:before,
  header .wrap_gnb.on:after{display:block;}
  header .wrap_gnb.on .menuUItop .div_2{display:block;}

  /*active- sub*/
  .sub header .wrap_gnb:before{}
  .sub header .wrap_gnb:after{top:145px;}
  .sub header .head_navi .menuUItop .div_2{top: 100px;border-top: 1px solid #ccc;}

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

}

@media all and (max-width:1500px) and (min-width:1281px) {
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{padding: 35px 12px;font-size:17px;}
}
@media all and (max-width:1280px) and (min-width:1025px){
  header .head_navi{gap:40px;}
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{padding: 32px 18px;font-size: 17px;}
  .sub header .head_navi .menuUItop .div_2{top:81px;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2{font-size:16px;}
}

@media all and (max-width:1024px) {
  .scroll-hidden body{overflow:hidden;}
  .wrap_unb{display:none;}
  .main header{top:0;}
  header .wrap_header .container{padding-left: 20px;height: auto;}
  .m_wrap_unb{overflow: hidden;background: #17703f; padding:4px 0;}
  .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 20px;align-items: center;height: 70px;}
  header .wrap_header .head_logo a img{max-width: 25px;filter: initial;}
  header .wrap_header .mobile_head .head_logo img{filter:none;}
  header .wrap_header .mobile_head .head_logo strong{color:#1fb25a;}
  header .wrap_header .head_logo strong{font-size: 30px;}

  /* mobile */
  header .mgnb_Wrap{display:block; position:absolute; right:0; top:0;}
  header .mgnb_Wrap button{display: block;background: url('../../images/common/sitemap.png') no-repeat center center;width: 70px;height: 70px;text-indent: -9999px;}
  .sub header .mgnb_Wrap button{filter: invert(0.55);}
  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;}
  header .head_navi .div_1 .ul_1{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: 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;height: 100%;overflow: hidden;background: #fff;}
  header .head_navi ._active .div_2,
  header .head_navi .div_2.on{display:block;padding: 10px 15px;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(https://bhwizard.nonghyup.com/sites/temp11/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 {color: #666;background: #151515;padding: 40px 0;}
.footer .container {max-width: 1600px;margin: 0 auto;}
.footer .footer-logo {display: flex;align-items: center;gap: 10px;opacity: 0.8;margin: 0 auto;}
.footer .footer-logo span{font-family: 'NH Medium';font-size: 36px;color: #6b6b6b;display: inline-block;padding-left: 10px;line-height: 48px;}
.footer .footer-policy {width: 100%;}
.footer .footer-policy > ul{display:flex;}

.footer-body {padding: 25px 0 0;}
.footer-body .container{display:flex;flex-wrap: wrap;}
.footer-body .footer-info{width: 100%;margin-top: 25px;}
.footer-body .info-list{max-width:980px;}
.footer-body .info-list > li + li{margin-top: 5px;}
.footer-body .info-list > li{color:rgba(255, 255, 255, .7);font-size: 16px;font-family: 'S-CoreDream-4Regular';display: inline-flex;gap: 15px;margin-right: 15px;align-items: center;}
.footer-body .info-list > li:after{content:'';background: rgb(255 255 255 / 60%);display:block;width:1px;height: 14px;}
.footer-body .info-list > li > ul{display:flex;gap:30px;}

.footer .policy-list li + li{margin-left: 20px;}
.footer .policy-list a{font-size: 16px;color: #fff;align-items: center;position: relative;padding-right: 25px;font-family: 'S-CoreDream-4Regular';}
.footer .policy-list a:after{content:'';background: #fff;display:block;width:3px;height: 3px;position: absolute;right: 0;top: 50%;margin-top: -1.5px;}
.footer .policy-list .last-line a:after{display:none;}
.footer-body .info-list > li.last-line:after{display:none;}
.footer .policy-list a.important {color:#1ead4c;}

.footer .footer-copy {padding: 30px 0 0 0;text-align: left;font-size: 16px;color:rgba(255,255,255,0.4);font-family: 'S-CoreDream-3Light';}


.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: 1600px) {
  .footer > .container{padding:0 25px;}
}

@media (max-width: 1280px) {
  .footer-body .container{/* flex-direction:column-reverse; */gap:30px;}
  .footer .footer-policy{width:100%;}
  .footer .footer-policy .policy-list{display:flex;gap: 5px 20px;align-items: center;padding-bottom: 30px;border-bottom: 1px solid #6b6b6b;flex-wrap: wrap;}
  .footer .policy-list li + li{margin-top:0;}
  .footer-body .footer-info{width:100%;}
  .footer-body .info-list > li > ul{flex-wrap:wrap;gap: 5px 30px;}
  .goto-top{display:none;}
}

@media (max-width: 1000px) {
  .footer .footer-logo{justify-content:center;}
  .footer .footer-policy .policy-list{gap:5px 0;display: flex;justify-content: center;}
  .footer-body .footer-info{text-align:center;}
  .footer-body .info-list > li > ul{justify-content:center;}
  .footer .footer-copy{text-align:center;}
}


/* 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;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("./../../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: 30px; 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.home{text-indent: -9999px;}
  .sub-navi > ul > li {padding: 0 20px 0 10px;} 
  .sub-navi a, .sub-navi .inner button { font-size: 17px; } 
}

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