@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:calc(100% - 40px); margin:0 auto;  height:550px; box-sizing:border-box; background-size:cover; 
			border-radius:30px; background-position:center center  }
.s_visual .s_visual_in { position:relative; display:flex; height:100%;  z-index:2; max-width: 1400px; margin: 0 auto; align-items: center;   }
.s_visual .sv_tit { width:100%;  position:relative; color:#FFF;  font-family:'SUIT'; text-align:center}
.s_visual .sv_tit h2 { font-size:6.0rem; font-weight:normal; font-family: 'OneStoreMobileGothicTitleFont'; }
.s_visual .sv_tit .t1 {margin:2em 0 1em}
.s_visual .sv_tit .t1 span { font-size: 2.1rem; font-weight:600; opacity:.7}
.s_visual .sv_tit .eng span { font-size: 1.4rem; font-weight:800;  color:#b6ceef; opacity:.3; letter-spacing:0.2em}

@media all and (max-width: 1400px){
	.s_visual { height:450px; }
}
@media all and (max-width: 1280px){
	.s_visual { height:400px; }
	.s_visual .sv_tit h2 { font-size:5.0rem;}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 976px){
}
@media all and (max-width: 768px){
	.s_visual {width:96%; border-radius:10px }
}
@media all and (max-width: 480px){
	.s_visual { height:70vw}
	.s_visual .sv_tit h2 { font-size: 3.5rem;} 
	.s_visual .sv_tit .t1 {margin:1em 0 0.5em}
	.s_visual .sv_tit .t1 span { font-size: 1.8rem;}
	.s_visual .sv_tit .eng span { font-size: 1.2rem;}
}



/* Sub-Menu */
#subContent { position:relative; height:80px; }
.sub_menu_wrap { position:absolute; width:calc(50% - 20px); height:80px; line-height:80px;  margin-top:-40px;  left:50%;  padding:0;
						border-radius:30px 0 30px 0; font-weight:400; box-sizing:border-box; z-index:15;  background: linear-gradient(90deg, #21418e 0%, #2395d2 100%); }
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: url("/images/sub/ico_home.png") no-repeat center; border:0;
								border-right:1px solid rgba(255,255,255,0.1);}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:300px; float:left; text-align:left; cursor:pointer;font-size: 1.8rem; color:#FFF;
										border-right:1px solid rgba(255,255,255,0.1)}
.sub_menu_wrap .m_dep_tit {line-height: 1; font-size:1.8rem;  display:flex; align-items: center; height:80px; background:url('/images/sub/arrow_down.png') no-repeat 92% center; 
								box-sizing:border-box; padding:0 1.3em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; 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 { border:0; font-weight:500;}
.sub_menu_wrap .m_dep_box .smenu li a.on{background:#323645 ; color:#fff; border:0; }
.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:0.7em 1.5em; box-sizing:border-box; line-height:normal;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box .m_dep_tit { padding-right:3em}
.sub_menu_wrap .m_2dep_box li:before {display:none;}


@media all and (max-width:1400px){
	.sub_menu_wrap {  width:680px;left:unset; right:20px}
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
	#subContent { height:70px; }
	.sub_menu_wrap { padding:0; width:670px; height:70px; line-height:70px; margin-top:-35px}
	.sub_menu_wrap .m_home { width:70px; height:70px; background-size:cover}
	.sub_menu_wrap .m_dep_tit { height:70px; }
}
@media all and (max-width:768px){
	#subContent { height:60px; }
	.sub_menu_wrap {width:96%; right:2%; height:60px; line-height:60px; }
	.sub_menu_wrap .m_home { width:60px; height:60px; }
	.sub_menu_wrap .m_dep_tit { height:60px; }
	.sub_menu_wrap .m_dep_box{ width:calc(50% - 30px);}
}
@media all and (max-width:580px){
	.sub_menu_wrap .m_home {display:none}
	.sub_menu_wrap .m_dep_box{ width:50%}
}
@media all and (max-width:480px){
	#subContent { height:50px; }
	.sub_menu_wrap {height:50px; line-height:50px; border-radius:0; margin-top:-20px }
	.sub_menu_wrap .m_dep_tit { height:50px; font-size:1.6rem;  padding:0 1em;letter-spacing: -0.05em;}
	.sub_menu_wrap .m_dep_tit {background-size:auto 10% }
	.sub_menu_wrap .m_dep_box .smenu a {padding:0.7em 1.3em; font-size:1.6rem; letter-spacing: -0.05em;}
	.sub_menu_wrap .m_2dep_box .m_dep_tit { padding-right:1.4em;}
}







#pageCont {padding:80px 0 130px; position:relative; z-index:10}
#subTitle { padding-bottom:80px; text-align: center; color:#333; font-size: 3.8rem; color:#333; line-height: 1.2em;
			font-family: 'OneStoreMobileGothicTitleFont'; font-weight:normal; letter-spacing: 0; }

@media all and (max-width:1024px) {
	#pageCont {padding:50px 0 100px}
	#subTitle { padding-bottom:50px}
}
@media all and (max-width:480px) {
	#pageCont {padding:10vw 0 20vw}
	#subTitle { padding-bottom:10vw; font-size: 3.0rem; }
}






.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 4%; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;  }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5); max-width: 250px; margin-top: -1px; margin-left: -1px; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; line-height: 60px; display: block; background:#fff;
                      color:#525252; font-size:1.7rem;  font-weight: 600;  border: 1px solid #e3e3e3; 
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { background:#222; color:#FFF }

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

.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:#00ab84; font-weight:600; border-color: #00ab84 !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: 5%; }
  .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;  }
}