@charset "utf-8";

#pageCont{padding-bottom: 120px;}

.s_visual { position:relative;width:100%; margin: 0 auto; height:730px; line-height:1.4; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover;color: #fff; }
.s_visual:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/sub/s_visual_bg.png')no-repeat left top; background-size:auto 100%;}
.s_visual .inner{height: 100%;}
.s_visual .inner .txt_box{position: absolute; bottom: 150px;}
.s_visual .s_visual_in { position:relative; display:table; width:94%; height:100%;  z-index:2;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: 56px; line-height: 1em; font-weight: 700; margin-bottom: 20px; color: #fff;}
.s_visual .sv_tit p {font-size: 20px; font-weight: 500; color: #fff; line-height: 1.7em;}

@media all and (max-width:1280px){
	.s_visual{height: 60vw; min-height: 360px;}
	.s_visual .sv_tit h2{margin-bottom: 10px;}
	#pageCont{padding-bottom: 100px;}
}
@media all and (max-width:976px){
	.s_visual .sv_tit{transform: rotate(0.3deg); padding-bottom: 0px;}
	.s_visual .sv_tit h4{margin-bottom: 11px;}
	.s_visual .sv_tit h2{font-size: 48px;}
	.s_visual .sv_tit p{font-size: 1.7rem;}
	#pageCont{padding-bottom: 70px;}
}
@media all and (max-width:640px){
	.s_visual .sv_tit h2{font-size: 40px;}
	.s_visual .sv_tit p{font-size: 1.6rem;}
	#pageCont{padding-bottom: 60px;}
}

/* Sub-Menu */
.sub_menu_wrap { position:relative;  width:100%; height:80px; line-height:80px; margin-left: auto; padding:0; margin-top: -80px;
    font-weight:400; box-sizing:border-box; z-index:10; background: #fff; border: 1px solid #e5e5e5; border-top: 0; border-left:0;  border: 0; border-bottom: 1px solid #dddddd;}
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: #234295 url("/images/sub/ico_home.webp")no-repeat center; border:0;  }
.sub_menu_wrap .m_home a{display: block; width: 100%; height: 100%;}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:318px; float:left; text-align:left; cursor:pointer;border-right:0px solid #dedede; font-size: 20px; }
.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.webp') no-repeat 92% center; font-weight: 600;  color:#000; box-sizing:border-box; padding:0 30px; cursor:pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #dddddd;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#fffefb; 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:#234295; 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:1em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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:1600px){
	.sub_menu_wrap .inner{width: 100%;}
}
@media all and (max-width:1280px){
	.sub_menu_wrap{width: 100%;}
}
@media all and (max-width: 976px){
	.sub_menu_wrap { height: 70px; line-height: 70px;  margin-top: -70px;}
	.sub_menu_wrap .m_home { width:70px; height:70px;   background-size: 100% auto;}
	.sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
	.sub_menu_wrap .m_2dep_box { border-right:0; }
}

@media all and (max-width: 568px){
	.sub_menu_wrap { width: 100%; height: 60px; line-height: 60px; transform: none;   margin-top: -60px; border-bottom: 1px solid #eee;}
	.sub_menu_wrap .m_home { width:60px; height:60px;  border-bottom: 1px solid #eee;}
	.sub_menu_wrap .m_dep_box { width: calc(50% - 30px); font-size: 15px;}
}


@media all and (max-width: 480px){
	.sub_menu_wrap { width: 100%; height: 50px; line-height: 50px;    margin-top: -50px;}
	.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; }
}



#subTitle{text-align: center; font-size: 48px; font-weight: 700; color: #000; padding: 120px 0 80px;}
#subTitle p{color: #666; font-weight: 400; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

@media all and (max-width:1280px){
	#subTitle{font-size: 3.6em; padding: 110px 0 80px;}
}
@media all and (max-width:768px){
	#subTitle{font-size: 3rem; padding: 65px 0 50px;}
	#subTitle p{font-size: 1.5rem; margin-top: 6px;}
}
@media all and (max-width:480px){
	#subTitle{font-size: 2.8rem; padding: 50px 0 35px;}
}

/* terms */
.terms{margin: 3rem 0; transform: skew(0.1deg); }
.terms h3 {font-size:2.3em; color:#212121;  text-align:center; padding-bottom:30px;}
.terms dl { padding-bottom:3%;}
.terms dl dt {font-size:2.4rem; color:#212121; line-height:2.3em;  color: 000; font-weight: 700;}
.terms dl dd {font-size:1.6rem; padding-left:28px; line-height: 1.8em; color: #666; font-family: 'Noto Sans KR', sans-serif;}
.terms dl dd b{color: #444;}
.terms dl h4{font-size: 1.8rem; color: #444; margin: 0.5em 0;}

@media all and (max-width:999px){
    .terms dl dd{padding-left: 0;}
}




.tabmenu { text-align: center; width: 94%; max-width: 1000px; margin: 0 auto 5%; overflow: hidden;  }
.tabmenu li { position: relative; display: inline-block;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:60px; line-height: 60px; display: block; background:#fff;
                      color:#434343; font-size:1.8rem; font-weight: 700;  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:#17193f; font-weight:500; border-color: #17193f !important; z-index:100; }


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

@media all and (max-width:640px) {
  .tabmenu { padding-top: 1px; }
  
}

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