@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:100vh; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:left; background:no-repeat center center; background-size:cover; overflow: hidden;}
.s_visual video{position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 8; width: auto; height: auto; min-width: 100%; min-height: 100%;}
.s_visual::after{content: ''; position: absolute; top: 0; left: 0;  width: 100%; height: 100vh; display: block; background-color: rgba(0,0,0,0.4); z-index: 10;}
.s_visual .s_visual_in { position:relative; display:table; width:100%; height:100%;  z-index:11; text-align: center;}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle;}
.s_visual .sv_tit h2 { font-size: 5rem; font-family: 'GongGothic', 'S-CoreDream', sans-serif; margin-bottom: 0.5em; line-height: 1em;}
.s_visual .sv_tit p {font-family: 'GongGothic', 'S-CoreDream', sans-serif; font-weight: 500; font-size: 1.7rem; opacity: .5; word-break: keep-all;}

/* .s_visual { background-image: url("/images/sub/s_visual1.jpg") !important; } */

@media (max-width: 1480px){
}

@media (max-width: 976px){
}

@media (max-width: 780px){
    .s_visual .sv_tit h2{font-size: 4rem;}
  .s_visual .sv_tit p { font-size: 1.5rem; }
}

@media (max-width: 480px){
}





#subContent { position: relative; width: 100%; }
#subTitle{text-align: center; padding: 5% 0 3%;}
#subTitle h4{font-family: 'Montserrat', sans-serif; font-weight: 500; color: #555; letter-spacing: 0; text-align: center; font-size: 16px;}
#subTitle span{text-align: center; font-family: 'GongGothic', 'S-CoreDream', sans-serif; color: #222; font-weight: 600; font-size: 3.8rem; line-height: 1.2em;}
#pageCont { padding-bottom: 6%; }

@media all and (max-width:976px) {
   #subTitle { padding: 7% 0 4%; }
    #subTitle span{font-size: 2.5em}
}

@media all and (max-width:568px) {
   #subTitle{ padding: 7% 0 5%; }
}

@media all and (max-width:480px) {
  #subTitle { padding: 12% 0 8%; }
}

/* Sub-Menu */
.sub_menu_wrap {width:94%; height:80px; line-height:80px; margin: -40px auto 0; max-width: 1400px; position:relative; font-weight:400; box-sizing:border-box; z-index:14;background-color: #fff; border: 1px solid #e3e3e3}
.sub_menu_wrap .m_dep_tit,
.sub_menu_wrap .m_1dep_box,
.sub_menu_wrap br{display:none;}

.sub_menu_wrap .m_home{position:static; display:block; width:80px; height:80px; float:left; background:#002358 url("/images/sub/ico_home.png"); border:0; background-size: 100% auto; display: none;}
.sub_menu_wrap .m_2dep_box {text-align:center; width:100%; }
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li {position:relative; display:inline-block; color:#686868; font-size: 1.7rem; font-weight:400; padding: 0 30px; border-right: 1px solid #e5e5e5; line-height: 1em;}
.sub_menu_wrap .m_2dep_box li:last-child{border-right: 0;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap .m_2dep_box li a{color: #222222;}
.sub_menu_wrap .m_2dep_box li:hover a{ font-weight: 500; color:#00712f;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#00712f; font-weight: 500; background-color: #fff;}
.sub_menu_wrap .m_2dep_box li a{display: block; width: 100%; height: 100%;}
.sub_menu_wrap .m_2dep_box li a.on{ color:#00712f; font-weight: 500;}

@media all and (max-width:1280px) {
  .sub_menu_wrap { height:70px; line-height:70px; margin: -70px auto 0; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_2dep_box { width: 100%; }
  .sub_menu_wrap .m_2dep_box li { padding: 0 20px; }
}
@media all and (max-width:1180px) {
.sub_menu_wrap .m_2dep_box li { padding: 0 15px; }
}
@media all and (max-width:977px) {
	.sub_menu_wrap{width:100%;  height:60px;  line-height:60px;margin: 0 auto; padding:0; border-bottom: 1px solid #ddd;}
  .sub_menu_wrap::before  { display: none;}
  .sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{width:60px; height:60px; }
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:60px; line-height:60px; border-right:1px solid #ddd;}
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer;}
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0; font-weight:500;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#00712f; color:#FFF; border:0; padding:10px 15px;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%;  padding:10px 15px; box-sizing:border-box; line-height:normal; font-size: 0.9em; font-size: 13px;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
}

@media all and (max-width:767px) {
	.sub_menu_wrap{ height:55px;  line-height:55px}
	.sub_menu_wrap .m_home{width:55px;  height:55px;}
	.sub_menu_wrap .m_dep_tit{height:55px; line-height:55px;}
	.sub_menu_wrap .m_dep_box{width:50%; height:55px; line-height:55px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}
@media all and (max-width:480px) {
   .sub_menu_wrap{ height:45px;  line-height:45px}
	.sub_menu_wrap .m_home{width:45px;  height:45px;}
	.sub_menu_wrap .m_dep_tit{height:45px; line-height:45px; font-size: 14px;}
	.sub_menu_wrap .m_dep_box{width:50%; height:45px; line-height:45px;}
}






/* sub-tab */
.tabmenu {text-align: center;margin-bottom:5em;overflow: hidden;}
.tabmenu li { display: inline-block; vertical-align: top; margin-bottom:0.5em;}
.tabmenu li a { position: relative; display: block; width:235px; padding:0.7em 0; text-align:center; background:#ccc7b0;  border-top:4px solid #ccc7b0; border-bottom:4px solid #ccc7b0;  color:#fff;  box-sizing: border-box;}
.tabmenu li a.on { background:#009040; border-top:4px solid #fdd000; border-bottom:4px solid #fdd000}
.tabmenu li p {font-size: 1.125em; color:#fff; }
.tabmenu li p.s-t {font-size: 0.9em; }
.tabmenu li a:hover { background:#009040; border-top:4px solid #009040; border-bottom:4px solid #009040; box-sizing: border-box;}

/* 페이지 인식을 위한 부분 */
#tab01 .tabmenu a.menu1,
#tab02 .tabmenu a.menu2,
#tab03 .tabmenu a.menu3,
#tab04 .tabmenu a.menu4,
#tab05 .tabmenu a.menu5 { color:#dfb00f; background:#dfb00f;  box-sizing: border-box;}

@media all and (max-width:745px) {
	.tabmenu li { font-size:0.9em;}
	.tabmenu li a { padding:0.5em 2.0em;  width:240px; }
}
@media all and (max-width:570px) {
	.tabmenu li { font-size:1.05em; }
	.tabmenu li a { width:200px;  padding:0.8em 0; }
}