@charset "utf-8";

#header{position:absolute; top:0; width:100%; z-index:1;}
#header .container{position:relative;margin: 35px auto;width: calc(100% - 50px);}
#header .head_logo{display:inline-block;vertical-align: middle;}
#header .head_logo > a{display:inline-block;vertical-align: middle;}
#header .head_logo .top-util{display:inline-flex;vertical-align:middle;margin-left:35px;}
#header .head_logo .top-util a{color:#fff;font-family: 'Noto Medium';font-size:15px;}
#header .head_logo .top-util > li{margin-left:15px;padding-left:15px;position:relative;}
#header .head_logo .top-util > li:before{content:'';width:1px;height:11px;position:absolute;top: 9px;left:0;background:rgba(255,255,255,0.3);}
#header .head_logo .top-util > li:nth-child(1):before{display: none;}

#header .head_util{position:absolute;right:0;top: 3px;}
#header .head_util .util_list > li > a{color:#fff; display:inline-block;}
.util_list{display: flex;align-items: center;}
.util_list li{padding: 0 20px;text-align: left;}

.head_util .btn-gnb button{display:block;text-indent:-9999px;width: 60px;height: 60px;background: url(./../../images/common/menu-btn.png) center center no-repeat;}
.head_util .head_navi{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 101;display:none;background-position: center top;text-align: center;background:rgba(0,0,0,0.9);}
.head_util .head_navi .inner{background:#8b0029;width:395px;height:100vh;margin-left:auto;margin-right:0/**calc(calc(100% - 1860px) / 2)**/;padding:20px 35px;}
.head_util .head_navi .inner .btn-mgnb-close{width:22px;height:22px;text-indent:-9999px;display:block;margin-left: auto;background:url('../../images/common/gnb-close.png') no-repeat center;}
.head_util .head_navi .menu-top{margin-bottom:40px;}
.head_util .head_navi .menu-top > ul{display:flex;}
.head_util .head_navi .menu-top > ul > li{position:relative;}
.head_util .head_navi .menu-top > ul > li + li{margin-left: 10px;padding-left: 10px;}
.head_util .head_navi .menu-top > ul > li + li:before{content: '';width:1px;height: 10px;position:absolute;left:0;top: 10px;background-color: #a43756;}
.head_util .head_navi .menu-top > ul > li > a{color:#fff;font-size:13px;font-family:'Noto DemiLight';}
.head_util .head_navi .menu-top > ul > li > a.menu-home{background:url('../../images/common/gnb-home-icon.png') no-repeat left center;padding-left: 20px;}

.head_util .head_navi .div_1{border-top:1px solid #b68592;}
.head_util .head_navi .div_1 .li_1{text-align:left;border-bottom:1px solid #8d4155;}
.head_util .head_navi .div_1 .li_1 .a_1{font-size:18px;color:#fff;font-size:20px;font-family:'Noto Light';padding:15px;display:block;position:relative;transition:all aes .5s;}
.head_util .head_navi .div_1 .li_1 .a_1:after{content:'';width:5px;height:9px;background:url('../../images/common/li_1_arrow.png') no-repeat center;position:absolute;right:30px;top:50%;margin-top:-4.5px;transition:all aes .5s;}

.head_util .head_navi .div_1 .li_1 .a_1:hover{font-family:'Noto Bold';}
.head_util .head_navi .div_1 .li_1 .a_1:hover:after{background:url('../../images/common/li_1_arrow_on.png') no-repeat center;}

@media (max-width: 1860px) {
  .head_util .head_navi .inner{margin-right:0;}
}

@media (max-width: 1000px) {
  #header .head_logo > a{width:200px;}
  #header .head_logo > a > img{width:100%;}
  #header .head_logo .top-util a{font-size:13px;}  
  #header .head_logo .top-util{margin-left:15px;}
  .head_util .btn-gnb button{width:45px;height:45px;background-size:contain;}
  #header .head_logo .top-util{display:none;}
}

@media (max-width: 767px) {
  #header .container{margin:15px;width:calc(100% - 30px);}
  .head_util .head_navi .inner{margin-left:0;width:100%;}
}

.menu-sns{display:flex;justify-content: left;align-items: center;margin-top: 50px;}
.menu-sns li{margin:0 10px;}
.menu-sns a{display:block;text-indent: -9999px;}
.menu-sns a.fb{background:url('../../images/common/footer-facebook.png') no-repeat center;width:11px;height: 21px;}
.menu-sns a.bg{background:url('../../images/common/footer-blog.png') no-repeat center;width:15px;height: 21px;}
.menu-sns a.yt{background:url('../../images/common/footer-youtube.png') no-repeat center;width:25px;height:19px;}
.menu-sns a.ig{background:url('../../images/common/footer-instagram.png') no-repeat center;width:24px;height: 24px;}

.wrap-sub-visual{background:url('../../images/common/sub-visual.jpg') no-repeat center top;height: 450px;}
.wrap-sub-visual .container{position:relative;margin:0 auto;max-width: 1600px;width: calc(100% - 100px);padding-top:210px;}
.wrap-sub-visual .slogan{}
.wrap-sub-visual .slogan-big{font-size:60px;color:#fff;font-family:'Noto Medium';line-height: 1;letter-spacing: -0.05em;display: block;margin-bottom: 20px;}
.wrap-sub-visual p{font-size:16px;font-family:'Noto Regular';color:#fff;line-height:1.85;position: relative;max-width:800px;}
.wrap-sub-visual .page-move{display:none;}

.wrap_sub_navi{max-width: 1600px;margin: -70px auto 70px;width: calc(100% - 100px);}
.wrap_sub_gub{display:none;}

.sub .tabNav{max-width:1606px;margin: 0 auto 120px;display: none;}
.sub .tabNav .tab_div > a{display:none;}
.sub .tab_div > ul{display: flex;flex-wrap:wrap;}
.sub .tab_div > ul > li{margin: 1.5px;width: calc(100% / 4 - 3px);text-align: center;}
.sub .tab_div > ul > li a{border:1px solid #ccc;font-size:22px;font-family: 'Noto Light';color:#444;display: block;padding:15px;transition:all ease .75s;}
.sub .tab_div > ul > li a:hover{border:1px solid #8b0029;color:#8b0029;font-family: 'Noto Regular';}
.sub .tab_div > ul > li._active a{border:1px solid #8b0029;background-color: #8b0029;color:#fff;font-family: 'Noto Regular';}

.sub .wrap_contents{padding-bottom:80px;overflow:hidden;}
.sub .page_title{text-align:center;margin-bottom:70px;display: none;}
.sub .page_title h1{font-size:60px;color:#000;font-family:'Noto Bold';}

.sub ._contentBuilder{max-width:1600px;margin:0 auto;}

@media (max-width: 1600px) {
  .sub ._contentBuilder,
  .sub .tabNav{padding:0 25px;}
}

@media (max-width: 1400px) {
  .wrap-sub-visual .slogan-big{font-size:50px;}
  .sub .wrap_contents{padding-top: 65px;}
  .sub .page_title h1{font-size: 46px;}
  .sub .page_title{margin-bottom:55px;}
  .sub .tab_div > ul > li > a{font-size:18px;}
}

@media (max-width: 1280px) {
  .wrap_sub_navi{margin:-65px auto 70px;}
  .sub .tab_div > ul > li{width:calc(100% / 3 - 3px);}
}

@media (max-width: 1000px) {
  .wrap-sub-visual .container{padding-top:150px;}
  .wrap-sub-visual .slogan-big{font-size: 45px;}  
  .wrap-sub-visual p{font-size:14px;}  
  .wrap-sub-visual p:before{height:80px;}  
  .wrap-sub-visual{height:380px;}
}

@media (max-width: 767px) {
  .wrap_sub_navi{margin: -75px auto 45px;width: calc(100% - 80px);}  
  .wrap-sub-visual{height: 550px;background: url(../../images/common/sub-visual-m.jpg) no-repeat;}
  .wrap-sub-visual .container{padding-top: 280px;width: calc(100% - 80px);}  
  .wrap-sub-visual .slogan{display:block;}
  .wrap-sub-visual .slogan-big{margin-bottom: 20px;display:block;font-size: 45px;}
  .wrap-sub-visual p{margin-left:0;padding-left: 0;font-size: 13px;line-height: 1.7;}
  .wrap-sub-visual p:before{height: 75px;}
  .wrap-sub-visual p > i{display:block;}

  .sub .wrap_contents{padding-top: 50px;}
  .sub .page_title{margin-bottom:60px;}
  .sub .page_title h1{font-size:40px;}
}

@media all and (max-width:1000px) {
  .wrap_contents .tabNav .tab_div{height:auto !important;}
  .wrap_contents .tabNav .tab_div > a {display: block;font-size: 20px;border: 1px solid #8b0029;padding: 15px;font-family: 'Noto Regular';background:url('../../images/common/m-tab-arrow.png') no-repeat 95% center;}
  .wrap_contents .tabNav .tab_div > a:hover{color:#8b0029;}
  .wrap_contents .tabNav .tab_div > a + a{display:none;}
  .wrap_contents .tabNav .tab_div > a.a_4,
  .wrap_contents .tabNav .tab_div > a.a_5{display:none;}
  .wrap_contents .tabNav .tab_div ul,
  .wrap_contents .tabNav .tab_div ul._tab5ea{display:none;}
  .wrap_contents .tabNav .tab_div ul.open,
  .wrap_contents .tabNav .tab_div ul.open._tab5ea{display:block;border: 1px solid #999;position:absolute;margin-top: 5px;z-index: 99;background:#fff;width: calc(100% - 40px);}
  .wrap_contents .tabNav .tab_div.on > ul{padding-bottom:0;}
  .wrap_contents .tabNav .tab_div > ul > li{float:none;width:100% !important;display:block;text-align:left;}
  .wrap_contents .tabNav .tab_div ul._tab5ea > li{width:100% !important;}
  .wrap_contents .tabNav .tab_div > ul > li > a{border:none;padding: 0 15px;height: 45px;line-height: 45px;font-size: 16px;}
  .wrap_contents .tabNav .li_3._active .div_4{position:initial;background: #eaeaea;display: block;}
  .wrap_contents .tabNav .tab_div .div_4 ul{display:block;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li{background:none;font-size:15px;border:none;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li._active{border:none;}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li a{font-size:15px;text-align:left;padding:10px 15px;font-family: 'Noto Light';}
  .wrap_contents .tabNav .tab_div > ul > li > div > ul > li._active a{font-family:'Noto Medium'; color:#000;}
  .wrap_contents .tabNav .li_3._active .div_4.open{display: block;}
}


footer{padding:50px 0 45px;background:#000;text-align: center;}
footer .adress{display:flex;color:#929292;justify-content: center;}
footer .adress > span{margin: 0 13px;line-height: 1.6;}
footer .adress > span > a{color:#fff;}
footer .copy{color:#656565;padding-top: 5px;}
footer .copy > span{color:#8b0029;}
footer .footer-sns{display:flex;justify-content: center;align-items: center;margin-top: 35px;}
footer .footer-sns li{margin:0 10px;}
footer .footer-sns a{display:block;text-indent: -9999px;}
footer .footer-sns a.fb{background:url('../../images/common/footer-facebook.png') no-repeat center;width:11px;height: 21px;}
footer .footer-sns a.bg{background:url('../../images/common/footer-blog.png') no-repeat center;width:15px;height: 21px;}
footer .footer-sns a.yt{background:url('../../images/common/footer-youtube.png') no-repeat center;width:25px;height:19px;}
footer .footer-sns a.ig{background:url('../../images/common/footer-instagram.png') no-repeat center;width:24px;height: 24px;}

@media all and (max-width:1000px) {
  footer .adress{display:block;}
  footer .copy{padding-top:30px;}  
  footer .copy > i{display:block;}  
}

.main.sc-fix{overflow-y:hidden;}
.main{overflow-y:visible;}