@charset "utf-8";

#pageCont{padding-bottom: 120px;}

.s_visual { position:relative;width:100%; margin: 0 auto; height:420px; 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; bottom: 150px;}
.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 h4{font-size: 12px; color: #ddd; opacity: 0.5;margin-top: 10px; font-family: 'GmarketSansMedium'; letter-spacing: 1px; font-weight: 200;}
.s_visual .sv_tit h2 {font-size: 42px; line-height: 1em; font-weight: 700; margin-bottom: 20px; color: #fff; font-family: 'Pretendard';}
.s_visual .sv_tit p {font-size: 18px; font-weight: 400; color: #fff; font-family: 'Pretendard';font-weight: 600;}

@media all and (max-width:1280px){
	.s_visual{height: 28vh;}
	.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);}
	.s_visual .sv_tit h2{font-size: 30px;}
	.s_visual .sv_tit p{font-size: 14px;}
	#pageCont{padding-bottom: 70px;}
}


/* Sub-Menu */
.sub_menu_wrap { position:relative; width: 100%; font-size: 0; z-index: 2; background-color: #fff; border: 1px solid #f3f3f3; margin-top: -40px;}
.sub_menu_wrap .m_home{position:static; float:left; background:#2384c7 url("/images/sub/ico_home.png") no-repeat center; border:0; background-size: 31px auto; width: 80px; height: 80px;}
.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; font-size: 16px; font-weight: 400; padding: 30px 0; line-height: 20px; }
.sub_menu_wrap .m_2dep_box li a { color:#666; display: block; border-left-width:0; transition: .2s ease; padding: 0 40px; font-size: 16px; font-weight: 400; border-right: 1px solid #ececec;}
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#2c8db7}
.sub_menu_wrap .m_2dep_box li:hover a {color: #2c8db7;}
.sub_menu_wrap .m_2dep_box li a.on{ color: #2c8db7;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }


@media all and (max-width:1600px){
}

@media all and (max-width:1300px) {
	

	#subContent .inner{width: 100%;}
	.sub_menu_wrap{ width:100%;  height:60px;  line-height:60px; margin:0px auto 0; padding:0; background: #fff; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
  .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 #f1ece0; text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 16px;  }
	.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; }
	.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:#2384c7; 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: 14px;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
	.sub_menu_wrap .m_home{display: none;}
}

@media all and (max-width:767px) {
/*
	.sub_menu_wrap{ height:50px;  line-height:50px; }
	.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%); 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:40px;  line-height:40px; }*/
/*	.sub_menu_wrap .m_home{width:40px;  height:40px;}*/
/*	.sub_menu_wrap .m_dep_tit{height:40px; line-height:40px;}*/
}


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

@media all and (max-width:768px){
	#subTitle{font-size: 30px; padding: 70px 0 55px;}
	#subTitle p{font-size: 15px; margin-top: 6px;}
}
@media all and (max-width:480px){
	#subTitle{font-size: 28px; 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;}
}

/* s-tab */
.s-tab{display:flex; justify-content: center;}
.s-tab li{border: 1px solid #eee; margin-left: -1px;}
.s-tab li a{font-size: 1.8rem; display: block; padding: 20px 30px; font-weight: 600;}
.s-tab.menu1 .m1 a,
.s-tab.menu2 .m2 a,
.s-tab.menu3 .m3 a,
.s-tab.menu4 .m4 a,
.s-tab.menu5 .m5 a,
.s-tab.menu6 .m6 a,
.s-tab.menu7 .m7 a,
.s-tab.menu8 .m8 a{color: #fff; background-color: #fff; background-color: #2c8db7;}

@media all and (max-width:976px){
	.s-tab li a{font-size: 1.7rem; padding: 15px;}
}
@media all and (max-width:640px){
	.s-tab{flex-wrap: wrap;}
	.s-tab li{width: 50%; text-align: center; margin-top: -1px;}
	.s-tab li a{font-size: 1.6rem; padding: 12px 10px;}
}



.tb-style2 { width: 100%;  border-top: 2px solid #252160; line-height: 1.3em; text-align: center; border-right: 1px solid #e5e5e5; min-width: 1240px;}
.tb-style2 thead tr th { background: rgba(227, 228, 236, 0.5); color:#212121; padding: 14px 0;
                                  border-bottom: 1px solid #d5dfe7; border-left:1px solid #d5dfe7;  font-size: 15px; line-height: 17px;}
.tb-style2 tbody td { padding: 13px 8px; border-left: 1px solid #e8ede9; border-bottom: 1px solid #e8ede9; font-size: 14px;  word-break: keep-all;}


@media all and (max-width:1239px){
    .tb-scroll{width: 100%; overflow-x: scroll; }
}
@media screen and (max-width:767px) {
   .tb-style2 thead th { padding: 1em; }
   .tb-style2 tbody td { padding: 0.8em; }
}




/* 이용약관 */
.memberWrap{padding:50px  50px; border:1px solid #ddd}
.memberWrap .mem_tit { font-size:22px; font-weight:700; margin:0 0 30px; color:#222}
.memberWrap p {padding-bottom:3%; font-size:16px; line-height: 22px;  color:#454545; line-height:1.9em} 
.memberWrap .pro_tit { font-size:22px; font-weight:700; color:#222; padding-bottom:0;}

@media screen and (max-width:976px){
	.memberWrap {padding:3%}
}