@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:530px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:92%; height:95%;  z-index:2; max-width: 1400px; margin: 0 auto; }
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle; text-align: center;  }
.s_visual .sv_tit h2 { font-size:5.0rem; font-weight: 500; margin-bottom:10px;  font-family: 'GongGothic'; }
.s_visual .sv_tit p { font-size: 2.0rem; line-height: 1.6em; }


@media all and (max-width:1280px) {
  .s_visual { height: 30vw; }
}

@media all and (max-width:976px) {
  .s_visual { height: 35vw; }
}

@media all and (max-width:767px) {
  .s_visual { height: auto; padding: 14% 0; }
}

@media all and (max-width:568px) {
  .s_visual .sv_tit h2 { font-size: 4.5rem; }
  .s_visual .sv_tit p { font-size: 1.6rem; }
	.s_visual .sv_tit h2::before{height: 48px;}
}

@media all and (max-width:380px) {
  .s_visual .sv_tit h2 { font-size: 4rem; }
}



#subContent { position: relative; width: 100%; /* min-height: 50vw; */}

/* 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:100; background: #FFF; border-bottom:1px solid #eaeaea}
.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; border:0;
                                         background:#ea211a url("/images/sub/ico_home.png") no-repeat center; }
.sub_menu_wrap .m_2dep_box {text-align:center; width: calc(100% - 80px)}
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li { display:inline-block;  padding:0 35px; }
.sub_menu_wrap .m_2dep_box li a {  font-size:1.8rem; color:#555; font-weight:400; position:relative; }
.sub_menu_wrap .m_2dep_box li a:before {content:''; width:1px; height:17px; background:#e2dccf; position:absolute; left:-42px; top:3px}
.sub_menu_wrap .m_2dep_box li:first-child a:before {display:none} 
.sub_menu_wrap .m_2dep_box li:hover a { color:#3a2e1d;  }
.sub_menu_wrap .m_2dep_box li.s_on{ color:#c6a582}
.sub_menu_wrap .m_2dep_box li a.on{ font-weight: 500;  color:#3a2e1d; }


@media all and (max-width:1280px) {
  .sub_menu_wrap { height:70px; line-height:70px; margin: -35px auto 0; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_2dep_box li { padding: 0 30px; }
  .sub_menu_wrap .m_2dep_box li a:before { left:-32px;}
}

@media all and (max-width:976px) {
	.sub_menu_wrap {width:100%;  height:60px;  line-height:60px; margin:-1px auto 0; padding:0;}
  .sub_menu_wrap::before  { display: none;}
  .sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{width:60px; height:60px; display: block; }
	.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; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.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; font-size: 1.0em;}
	.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; font-size: 1.06em;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:1em 1.5em; border:0; font-weight:500;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#222; color:#fff; border:0; padding:1em 1.5em;}
	.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:1em 1.5em; box-sizing:border-box; line-height:normal; font-size: 0.9em; overflow:hidden}
	.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:calc(50% - 28.5px); 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; }
	.sub_menu_wrap .m_dep_box { width:calc(50% - 23.5px); height:45px; line-height:45px; }
}



#subTitle { text-align: center; color:#222; font-size: 3.5rem; font-weight: 700; line-height: 1.2em; padding:2em 0;  }
#pageCont { padding-bottom:5em; overflow: hidden; }

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

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

@media all and (max-width:568px) {
   #subTitle { font-size: 3.2rem; }
   #pageCont { padding-bottom: 7%;  }
}

@media all and (max-width:480px) {
  #subTitle { padding: 9%; }
  #pageCont { padding-bottom: 9%;  }
}



.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 5%; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;      font-family: 'GongGothic';}
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5); max-width: 250px; margin-top: -1px; margin-left: -1px; border: 1px solid #e9e9e9; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; display: flex; background:#fff; color:#666; font-size:1.8rem;  font-weight: 500; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; align-items: center; justify-content: center;}
.tabmenu li a:hover { color:#222   ; }

.tabmenu.fs-s li a { font-size: 1.8rem; }

.tabmenu.col5 li { width:calc(100% / 5); max-width: 280px; }
.tabmenu.col6 li { width:calc(100% / 6); max-width: 280px; }
.tabmenu.col7 li { width:calc(100% / 7); float: left; }



/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12 { color:#fff; background:#ea211a;  font-weight:600; border-color:#ea211a !important;  z-index:98; }

@media all and (max-width:1280px) {
  .tabmenu.col6 li { width:calc(100% / 5); }
}

@media all and (max-width:1080px) {
  .tabmenu { margin-top: 0; margin-bottom: 50px; }
  .tabmenu li a { height:55px; line-height: 55px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5); }
  .tabmenu li a { font-size: 1.6rem;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col6 li { width:calc(100% / 3); }
}

@media all and (max-width:767px) {
  .tabmenu li { width:calc(100% / 5); }

}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }
}
@media all and (max-width:480px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li a { height:45px; line-height: 45px;  }
}