@charset "utf-8";

/* sub(common) */

#content{width: 100%;}
#content .container{padding:100px 0 180px 0;width: 1200px;margin: 0 auto;}

#content.cust03 .container{width : 100%; max-width : 1520px;}

/* #sub h4{font-size:32px !important;color: #111;text-align: center;font-weight:500; line-height:30px;margin:0px 0 100px 0; letter-spacing:0em; padding:0px; }
#sub h4 span{padding:0 0 30px 0; background:url(../img/s_img/h4_bar.png) no-repeat center bottom; font-weight:600; font-size:30px; letter-spacing:0em;}
#sub h4 span.non{background:none;}
#sub h4 span.non em.cut{display:block; font-size:28px; color:#777; padding:10px 0 15px 0;background:url(../img/s_img/h4_bar.png) no-repeat center bottom;}
#sub h4.single span{display:inline-block; font-weight:500; padding:50px 0 65px 0;  font-weight:500;  font-size:36px; letter-spacing:-0.05em; margin-bottom:22px; background:url(../img/s_img/h4_line.png) no-repeat center bottom;}
#sub p.h4_tit{font-size:22px; line-height:1.4; text-align:center;margin: 0; color:#333; font-weight:400; padding-bottom:0px; margin-bottom:60px;letter-spacing:-0.025em; }
#sub p.h4_tit span.pc_cut{display:block;} */

.f_gm_l{font-family:'GmarketSansLight'; }
.f_gm_m{font-family:'GmarketSansMedium'; }
.f_gm_b{font-family:'GmarketSansBold'; }


 .sub_nav.pc{clear:both; margin-top:180px;height: 58px;border-right: none;border-left: none; }
 .sub_nav.pc .container{width: 1520px;height: 57px;margin: 0 auto; }
 .sub_nav.pc .container:after{display: block;content: '';clear: both;}
 .sub_nav.pc .home{float: left;width: 25px;}
 .sub_nav.pc .home a{display: block;width: 100%;height: 57px;text-indent: -9999px;background: url(../img/s_img/sub_nav_home.png) no-repeat center center;}
 .sub_nav.pc .depth1{float: left; }
 .sub_nav.pc .depth1 a.duble{padding: 0 13px 0 13px; min-width:80px;}
 .sub_nav.pc .depth1 a{display: block; color: #000;font-weight:700;padding: 0 3px 0 13px; }
 .sub_nav.pc .depth1 a:after{display: block;content: '';clear: both;}
 .sub_nav.pc .depth1 span{float: left;display: block;height: 57px;line-height: 57px;}
 .sub_nav.pc .depth1 img{float: left;display: block;}
 .sub_nav.pc .depth2{float: left;}
 .sub_nav.pc .depth2 ul{}
 .sub_nav.pc .depth2 ul:after{display: block;content: '';clear: both;}
 .sub_nav.pc .depth2 ul li{float: left;margin-left:13px; padding-right:15px; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 52%;}

 .sub_nav.pc .depth2 ul li.duble{float: left;margin-left:6px; padding-right:9px; letter-spacing:-0.05em; padding-top:10px;background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 43%; text-align:center; line-height:18px !important;}
 .sub_nav.pc .depth2 ul li.duble a{font-size: 14px;color: #222; letter-spacing:-0.05em;  line-height:18px !important;font-weight: normal; text-align:center;}
 .sub_nav.pc .depth2 ul li.duble a span.cut{display:block;}


 .sub_nav.pc .depth2 ul li.long{float: left;margin-left:10px; padding-right:10px; background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 50%;}
 .sub_nav.pc .depth2 ul li.long a{font-size: 15px;color: #222;letter-spacing:-0.05em;  line-height: 58px;font-weight: normal;}

 .sub_nav.pc .depth2 ul li a{ color: #222;line-height: 58px;font-weight: 700;}
 .sub_nav.pc .depth2 ul li.on a{color: var(--primary-color); font-weight:700;}
 .sub_nav.pc .depth2 ul li.last{background:none !important; padding-right:0;}






#sub  .sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
#sub  .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
 .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:7px; height:60px;line-height: 60px;font-size:20px; letter-spacing:-0.05em; font-weight: 700;text-align: center;color: #090909;}
#sub  .sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block;width: 30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.svg) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#sub  .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/arrow_mobile.svg) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#sub  .sub_nav.mobile ul{display: none;position: absolute;top:60px;left: 0;width: 100%; background:var(--primary-color); padding:20px 0; }
#sub  .sub_nav.mobile ul li{}
#sub  .sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 38px;line-height: 38px;}
/* sub(common) */

@media (max-width : 1540px) {
  .sub_nav.pc .container{padding-left: 30px;}
}

@media (max-width: 1399px) {


} /* 1399px end*/

@media (max-width:1199px) {
   .sub_nav.pc{display: none;}
  #sub  .sub_nav.pc{display: none;}
  #sub  .sub_nav.mobile{display: block; margin-top:70px;}
   .sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:0px; height:60px;line-height: 60px;font-size:18px; letter-spacing:-0.07em; font-weight: 700;text-align: center;color: #090909;}
   .sub_nav.mobile a.selected span.txt span.cut{display:block; }
  
   .sub_nav.pc{display: none;}
  
   .sub_nav.mobile{display: block;}
  
} /*1199px end*/

@media (max-width:991px) {

} /* 991px end */


@media (max-width:768px) {
  #sub  .sub_nav.mobile{ margin-top:60px;}

} /* 768px end*/

@media (max-width: 576px) {

}/* media576 end */