@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 .s_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2; max-width:1280px; 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 h3 { margin-bottom:0.2em; font-size:6.0rem; font-weight:normal;  font-family: 'ONE-Mobile-Title'}
.s_visual .sv_tit p.t1 {font-size: 2.2rem; font-weight: 600; line-height: 1.6;}

@media all and (max-width:1399px){
	.s_visual{height: 580px;}
}
@media all and (max-width:1280px){
}
@media all and (max-width:1145px){
	.s_visual:before,
	.s_visual:after {width:35%; background-size:100% auto}
}
@media all and (max-width:976px){
	.s_visual{height: 480px;}
	.s_visual .s_visual_in {padding-top:50px}
	.s_visual .sv_tit h3 {font-size:5.0rem;}
}
@media all and (max-width:768px){
	.s_visual{height:80vw;}
	.s_visual .s_visual_in {padding-top:0px}
}
@media all and (max-width:480px){
	.s_visual {height:75vw;}
	.s_visual .sv_tit h3 {font-size:4.5rem;}
	.s_visual .sv_tit p.t1 {font-size:1.7rem; line-height:1.4em }
}




/* Sub-Menu */
.sub_menu_wrap { position:relative;  width:90%; max-width: 1600px; height:80px; line-height:80px; margin:-80px auto 0; padding:0;
                          font-weight:400; box-sizing:border-box; z-index:10; background: #fff; border-bottom: 1px solid #e5e5e5;  }
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background:#c8a164 url("/images/sub/ico_home.png") no-repeat center; border:0;  }
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:280px; float:left; text-align:left; cursor:pointer; border-right: 1px solid #e5e5e5; font-size: 1.9rem; font-weight:500; }
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#111; box-sizing:border-box; padding:0 1.5em; 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:#433530; 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:1.2em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.6rem;}
.sub_menu_wrap .m_dep_box .smenu a br { display: none; }
.sub_menu_wrap .m_2dep_box li:before {display:none;}

@media all and (max-width: 1080px){
  .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px; }
  .sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 100% auto;}
}

@media all and (max-width: 767px){
  .sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -70px; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
  .sub_menu_wrap .m_2dep_box { border-right:0; }
}

@media all and (max-width: 640px){
  .sub_menu_wrap { height: 60px; line-height: 60px; margin-top: -60px; }
  .sub_menu_wrap .m_home { width:60px; height:60px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
}


@media all and (max-width: 480px){
  .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; margin-top: 0; }
  .sub_menu_wrap .m_home { width:50px; height:50px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 25px); }
  .sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size: 1.7rem; background-size: 12px auto; }
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}

/* Sub-Menu 
.sub_menu_wrap { position:relative; width: 100%; max-width: 1600px; font-size: 0; z-index: 99; background-color: #FFF; margin: -40px auto 0; box-shadow:0 0 5px rgba(0,0,0,0.2); }
.sub_menu_wrap .m_home{position:static; float:left; background:#c8a164 url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: 100% auto; width: 80px; height: 80px;}
.sub_menu_wrap .m_2dep_box {text-align:center; width: calc(100% - 80px); }
.sub_menu_wrap .m_2dep_box .smenu{display:flex; justify-content: center;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; font-size: 1.6rem; padding: 30px 0; line-height: 20px; }
.sub_menu_wrap .m_2dep_box li:before {content:''; width:1px; height:16px; background:rgba(0,0,0,0.1); position:absolute; right:0; top:50%; transform:translateY(-50%) }
.sub_menu_wrap .m_2dep_box li:last-child::before {display:none}
.sub_menu_wrap .m_2dep_box li a { color:#555; display: block; border-left-width:0; transition: .2s ease; padding: 0 30px; font-size: 2.0rem; }
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#111; font-weight: 600; opacity:1; }
.sub_menu_wrap .m_2dep_box li:hover a {color: #111; font-weight: 600;  opacity:1}
.sub_menu_wrap .m_2dep_box li a.on{ color: #111; font-weight: 600;  opacity:1; }
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }


@media all and (max-width:1630px){
	.sub_menu_wrap .m_2dep_box li a{padding: 0 30px;}
    .sub_menu_wrap{width: 94%;}
}
@media all and (max-width:1199px) {
	.sub_menu_wrap{ width:92%;  height:60px;  line-height:60px; margin:-30px auto 0; padding:0;  border-bottom:1px solid rgba(0,0,0,0.1) }
	.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 #e9e9e9; text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 1.7rem;  }
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center;
										height:60px; line-height:60px;  box-sizing:border-box; padding:0 15px; cursor:pointer; color:#555 }
	.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:#3e2c23; 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: 1.4rem;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
}
@media all and (max-width:767px) {
	.sub_menu_wrap{ width:100%;  margin:0 auto; }
	.sub_menu_wrap{ height:50px;  line-height:50px; margin:-10px auto 0;}
	.sub_menu_wrap .m_home{width:50px;  height:50px;}
	.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;padding:0 10px; background:url('/images/sub/arrow_down.png') no-repeat 90% center; }
	.sub_menu_wrap .m_dep_box{width:calc(50% - 25px); transform: skew(0.1deg); height:50px; line-height:50px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}
@media all and (max-width:568px) {
}
@media all and (max-width:480px) {
}

*/





#subTitle {text-align: center; font-size: 3.4rem; font-weight: 700; color: #222; padding: 80px 0;  font-family:'SUIT','Noto Sans KR', 'Noto Sans Korean', sans-serif; }
#pageCont{padding-bottom: 120px;}

@media all and (max-width:1280px){
	#pageCont{padding-bottom: 100px;}
}
@media all and (max-width:976px){
	#pageCont{padding-bottom: 70px;}
}
@media all and (max-width:768px){
	#subTitle{font-size: 3rem; padding: 50px 0 50px;}
}
@media all and (max-width:480px){
	#subTitle{font-size: 2.8rem;}
}



.tabmenu { text-align: center; width: 94%; max-width: 1000px; margin: 0 auto 3%; overflow: hidden;  }
.tabmenu li { position: relative; float:left; width:25%; font-size: 1.8rem;}
.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.%; }
.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,
.tab0 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10 { color:#fff; background:#ec680c; font-weight:500; border-color: #ec680c !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; }
}