@charset "utf-8";

#wrap .sub_nav.pc{display: block;width: 100%;height:56px;background: #005aab;  overflow: hidden;}
#wrap .sub_nav.pc ul{width: 1199px;margin: 0 auto;border-left: 1px solid #7f7f7f;}
#wrap .sub_nav.pc ul:after{display: block;content: '';clear: both;}
#wrap .sub_nav.pc ul li{float: left;}
#wrap .sub_nav.pc ul li a{display: block;width: 100%;height:56px;line-height:56px;text-align: center;color: #fff;border-right: 1px solid #7f7f7f;font-size: 18px;font-weight: normal;letter-spacing: -0.5px;}
#wrap .sub_nav.pc ul li.on a{background: #fff;color: #005aab;}

#wrap .sub_nav.pc ul li.double a{padding-top: 9px;height: 56px;line-height: 1.3;}
#wrap .sub_nav.s1 ul li{width: 100%;}

#wrap .sub_nav.s2 ul li{width: 49.999%;}
#wrap .sub_nav.s3 ul li{width: 33.33333333333333%;}
#wrap .sub_nav.s4 ul li{width: 25%;}
#wrap .sub_nav.s5 ul li{width: 20%;}
#wrap .sub_nav.s6 ul li{width: 16.66666666666667%;}

#wrap .sub_nav.mobile{display: none;position: relative;width: 100%;z-index: 1000;}
#wrap .sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
#wrap .sub_nav.mobile a.selected span.txt{display: block;width: 100%;height: 60px;line-height: 60px;font-size: 20px;font-weight: 500;text-align: center;color: #090909;}
#wrap .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.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .sub_nav.mobile ul{display: none;position: absolute;top: 60px;left: 0;width: 100%;background: #005aab;padding: 30px 0;}
#wrap .sub_nav.mobile ul li a{display: block;width: 100%;font-size: 20px;color: #fff;text-align: center;height: 40px;line-height: 40px;}





@media (max-width: 1199px) {
/* 1199px sub */

#wrap .sub_nav.pc ul{width: 100%;border-left: none;}



}/* 1199px End*/


@media (max-width: 991px) {
#wrap .sub_nav.pc{display: none;}
#wrap .sub_nav.mobile{display: block;}


}/* 991px End*/