@charset "utf-8";



.s_visual { position:relative;width:100%; margin: 0 auto; height:650px; line-height:1.4; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .inner{height: 100%;}
.s_visual .inner .txt_box{position: absolute;}
.s_visual .s_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2; max-width:1280px; margin: 0 auto;}
.s_visual .sv_tit { padding-top:5%; display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle; text-align: center;}
.s_visual .sv_tit h3 {font-size: 7.0rem; line-height: 1em; font-weight: 900; font-family: 'Montserrat'; letter-spacing:0}
.s_visual .sv_tit .eng{margin:2em 0 ; font-size: 1.3rem; opacity: 0.4;  font-weight: 800; letter-spacing: .5em; font-family: 'Montserrat'; text-transform:uppercase }
.s_visual .sv_tit p {font-size: 1.8rem; font-weight:400; line-height: 1.8em; }

@media all and (max-width:1280px){
	.s_visual { height:580px; }
	.s_visual .sv_tit h3 {font-size: 6.0rem;}
	.s_visual .sv_tit .eng{letter-spacing: .3em }
}
@media all and (max-width:976px){
	.s_visual { height:530px; }
}
@media all and (max-width:767px){
	.s_visual { height:500px; }
}
@media all and (max-width:480px){
	.s_visual { height:90vw; }
	.s_visual .sv_tit h3 {font-size:5.5rem;}
	.s_visual .sv_tit .eng{margin:1em 0; font-size: 1.1rem; }
	.s_visual .sv_tit p {font-size: 1.6rem;}
}

/* Sub-Menu */
.sub_menu_wrap { width:100%; position:absolute; font-size: 0; z-index: 2; margin: -36px auto 0;}
.sub_menu_wrap .m_home{display:none; position:static; float:left; background:#272c30 url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: cover; width:70px; height: 70px;}
.sub_menu_wrap .m_2dep_box {text-align:center; width: 100%; }
.sub_menu_wrap .m_2dep_box .smenu{display:flex; justify-content: center;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block;   border:2px solid #272c30; margin:0 2px;}
.sub_menu_wrap .m_2dep_box li a { color:#272c30; display: block; border-left-width:0; transition: .2s ease; padding:20px 50px; font-size: 1.8rem; font-weight: 500; background:#FFF;  font-family: 'Montserrat', 'S-CoreDream'; }
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li.s_on,
.sub_menu_wrap .m_2dep_box li:hover a,
.sub_menu_wrap .m_2dep_box li a.on{ color:#FFF;  background:#272c30; }
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }


@media all and (max-width:1280px) {
	
	.sub_menu_wrap{ width:90%; left:5%; height:70px;  line-height:70px; margin:-35px auto 0; padding:0; background: #fff; border-bottom: 1px solid #e5e5e5; }
    .sub_menu_wrap::before  { display: none;}
    .sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{display:block }
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid #f1ece0; text-align:left; cursor:pointer; font-size: 1.6rem;  }
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center;  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; position: relative; transform: skew(0.1deg);}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; box-sizing:border-box;  border:0; border-top:1px dotted #ddd; padding:0; font-weight: 400;}
	.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;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#272c30; color:#68d7b4; 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: 1.4rem;font-weight: 400;}
	.sub_menu_wrap .m_1dep_box {font-family:'Montserrat'; font-size:1.8rem; font-weight:500}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}

}

@media all and (max-width:767px) {
	.sub_menu_wrap{ height:60px;  line-height:60px;margin: -30px auto 0; }
	.sub_menu_wrap .m_home{width:60px;  height:60px;}
	.sub_menu_wrap .m_dep_tit{height:60px; line-height:60px;}

	.sub_menu_wrap .m_dep_box{width:calc(50% - 30px); transform: skew(0.1deg)}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}

@media all and (max-width:568px) {
/*  .sub_menu_wrap { margin-top: 10%; }*/
}

@media all and (max-width:480px) {
	.sub_menu_wrap{ height:50px;  line-height:50px;margin: -25px auto 0; }
	.sub_menu_wrap .m_home{width:50px;  height:50px;}
	.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}

	.sub_menu_wrap .m_dep_box{width:calc(50% - 25px);}
}




#subTitle{text-align: center;; }
#subTitle span { padding-top:130px; display:inline-block; color: #666; font-weight: 400; font-size: 4.0rem; font-weight: 600; color:#272c30;  font-family: 'Montserrat', 'S-CoreDream'; }

#pageCont {padding:100px 0; position:relative;}

@media all and (max-width:1280px){
	#subTitle span { padding-top:90px;}
	#pageCont {padding:50px 0 90px}
}
@media all and (max-width:480px){
	#subTitle span { padding-top:18vw; font-size: 3.2rem;}
	#pageCont {padding:10vw 0 18vw}
}



.tabmenu { text-align: center; width: 94%; max-width: 1000px; margin: 0 auto 3%; overflow: hidden;  }
.tabmenu li { position: relative; float:left; width:25%; }
.tabmenu.col2 { width: 50%; }
.tabmenu.col2 li { width: 50%; }
.tabmenu.col3 { width: 75%; }
.tabmenu.col3 li { width: 33.33%; }
.tabmenu.col5 li { width: 20%; }
.tabmenu.col6 li { width: 16.66%; }
.tabmenu li a { text-decoration: none; width:100%; height:70px; line-height: 70px; display: block; background:#fff;
                      color:#525252; font-size:1.1em; font-weight: 500;  border: 1px solid #dedede; border-left:0;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li:first-child { border-left:1px solid #dedede; }


/* 페이지 인식을 위한 부분 */
.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 { color:#fff; background:#68ab23; font-weight:500; border-color: #68ab23 !important; z-index:100; }


@media all and (max-width:976px) {
  .tabmenu li a { height:60px; line-height: 60px; }
}

@media all and (max-width:640px) {
  .tabmenu { padding-top: 1px; }
  .tabmenu:not(.col3) li { width: 50% !important; }
  .tabmenu li a { margin-top: -1px; height:55px; line-height: 55px;}
  .tabmenu li:nth-child(odd) { border-left:1px solid #dedede; }
}

@media all and (max-width:480px) {
  .tabmenu li a { height:45px; line-height: 45px; font-size: 1.0em; }
}