@charset "utf-8";

/* wrap_unb */
.wrap_unb{overflow: hidden;}
.wrap_unb .container{max-width: 1600px;width: 100%;margin: auto;position: relative;display: flex;justify-content: right;}
.wrap_unb #_globalNavi #_globalUl{background:#404441; padding: 0 35px;border-radius: 0 0 25px 25px; gap:20px;}
.wrap_unb #_globalNavi #_globalUl li{}
.wrap_unb #_globalNavi #_globalUl li + li{padding-left: 20px; background: url(./../../images/common/unb_line.png) no-repeat left 50%;}
.wrap_unb #_globalUl li a{font-size: 16px;color: #fff;font-family: 'Dream Light'; padding: 5px 0;display:block;}

/* header */
header .wrap_header .container{display: flex;align-items: center;justify-content: space-between;max-width: 1640px;margin: 0 auto;padding: 0 10px;}
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: 34px;color: #1fb25a;display: block;}

.sub header .wrap_header{border-bottom:1px solid #ddd;}

/* gnb */
@media all and (max-width:1280px) {
  header .wrap_header .container{height: 80px;margin-top: 0;}
}

/* gnb */
@media all and (min-width:1024px) {
  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: 36px 34px;display: block;font-size: 22px;color: #222;transition: padding 0.3s;font-family: 'Dream Medium';}

  header .head_navi .menuUItop .div_2{display: none;position: absolute;top: 100%;z-index: 100;background: rgb(42 23 112 / 80%);left: 50%;transform: translateX(-50%);min-width: 200px;border-radius: 20px;}
  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;}

  /* 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 all and (max-width:1400px) and (min-width:1281px) {
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{font-size: 18px;padding: 36px 24px;}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2{font-size:14px;}
}
@media all and (max-width:1280px) and (min-width:1025px) {
  header .head_navi .menuUItop .ul_1 .li_1 .a_1{font-size: 18px;padding: 20px 20px}
  header .head_navi .menuUItop .div_2 .ul_2 .li_2 .a_2{font-size:14px;}
}

@media all and (max-width:1024px) {
  .wrap_unb{display:none;}
  header .wrap_header .container{padding-left: 20px;height: auto;position: relative;}

  .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{align-items: center;height: 70px;}
  header .wrap_header .head_logo a img{max-width: 25px;}
  header .wrap_header .head_logo strong{font-size: 30px;}
  .mobile_head .head_logo a{margin-left:10px;}
  /* 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;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;}
  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{padding-top:20px;}
  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: 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: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 {color: #666;background: #151515;padding: 60px 0 30px;}
.footer .container {max-width: 1640px;margin: 0 auto;padding:0 20px;display: flex;align-items: flex-start;gap: 80px;}

.footer-policy {max-width: 1600px;margin: 0 auto;}
.footer .policy-list {display: flex;gap: 20px;flex-wrap: wrap;}
.footer .policy-list li a{}
.footer .policy-list a{font-size: 16px;color: #fff;display: flex;align-items: center;gap: 20px;font-family: 'Dream Regular';}
.footer .policy-list a.important {color:#1eada5;position: relative;}
.footer .policy-list a.important:after{content:'';width:100%;height:1px;background:#1eada5;position:absolute;left:0;bottom:-3px;}

.footer-body { padding: 40px 0 0; }
.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, .7);font-size: 16px;margin-right: 15px;align-items: center;font-family: 'Dream Regular';}
.footer .info-list li + li{}
.footer .info-list li:after{content:'';width: 1px;height: 10px;display: block;background: rgba(255,255,255,.5);}
.footer .info-list li.last-line:after{display:none;}

.footer .footer-logo {display: flex;align-items: center;gap: 10px;opacity: 0.8;}
.footer .footer-copy {padding: 25px 0 0;text-align: left;font-size: 14px;font-family: 'Dream Light';color: rgba(255,255,255,0.4);}
.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: 1000px) {
  .goto-top{display:none;}
}

@media (max-width: 768px) {

  .footer .container{flex-wrap:wrap;gap: 30px;justify-content: center;text-align: center;}
  .footer .footer-policy .container,
  .footer .footer-body .container,
  .footer .footer-copy .container{padding:0;}
  .footer-body{padding-top:25px;}
  .footer{padding: 30px 0;}
  .footer .policy-list{justify-content:center;padding-bottom: 30px;border-bottom: 1px solid #666;}
  .footer .info-list{text-align:center;}
}



/* sub */
.wrap-contents{max-width:1640px;margin:0 auto;padding: 0 20px 80px;}
.wrap-contents .menuUItab{} 
.subject h2{margin-bottom:50px;}
.wrap-sub-navi {position: relative; z-index: 9;}
.wrap-sub-navi .container {max-width: 1640px;height: 80px;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: 80px; 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: 65px; 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: #356188; 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;}