@charset "utf-8";

/*** 서브페이지 공통 제목 ***/
.contentsWrap .contentTit {text-align:center; margin-bottom:100px;}
.contentsWrap .contentTit h3 {font-size:var(--fs40); line-height:1.3; color:#111;}
.contentsWrap .contentTit span {color:var(--base1);}
.contentsWrap .contentTit p {margin-top:30px; color:#777; font-weight:300;}
.contentsWrap .contentTit strong {display:block; margin-bottom:10px; color:var(--base1); line-height:1;}

/*** 이미지 공통 ***/
body .img img {width:100%; height:100%; object-fit:cover; transition:var(--ani);}

/*** agree 체크 박스 ***/
body .checkBox.agree {text-align:right; margin-top:15px;}
body .checkBox.agree input {position:absolute; left:-9999px;}
body .checkBox.agree input+label {padding-left:28px; position:relative; cursor:pointer;}
body .checkBox.agree input+label:before {
	width:15px; height:15px; background:50% 50% /100% no-repeat; border:3px solid #A9A9A9; border-radius:100px;
	position:absolute; left:0;top:1px; display:block; content:'';
}
body .checkBox.agree input:checked+label:before {border-color:var(--base1); background-color:var(--base1); background-image:url(/images/common/check.png); background-size: 10px;}


/*** 폼 ***/
body .formGroup {display:flex; flex-direction:column; gap:10px;}
body .formGroup .inputWrap {display:flex; gap:10px; align-items: center;}
body .formGroup .inputWrap .label {width:130px; line-height:50px; font-weight: 500;}
body .formGroup .inputWrap .label+* {width:100%; font-size: 15px;}
body .formGroup .inputWrap select {height:50px; font-size:15px; padding:10px;}

body .formGroup .btnWrap {display: flex; justify-content: flex-end; margin-top:30px;}
body .formGroup .btnWrap button {cursor:pointer; padding:10px 50px 10px 30px; color:var(--base1); border:1px solid var(--base1); background:#fff url(/images/common/i-arrow.svg) no-repeat center right 20px;}
body .formGroup .btnWrap button:hover {background:var(--base1) url(/images/common/i-arrow-w.svg) no-repeat center right 25px; color:#fff;}

body .formGroup .inputWrap div textarea, body .formGroup .inputWrap div input {width:100%; border: 1px solid var(--border3); border-radius:5px; font-size: 15px; height:50px; padding:10px;}


/*** 탭 공통 ***/
.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItemIn {margin-top:90px;}
.tabInner .tabItem.on {display:block;}

.scroll-tab .scrollable {display:flex; gap:5px; justify-content: space-between;}
.scroll-tab .scrollable::-webkit-scrollbar {display:none;}

.scroll-tab .scrollable li {width: 100%; cursor:pointer; line-height:1; text-align:center; font-weight:700; font-size:var(--fs24); padding-bottom:20px; border-bottom:4px solid #D9D9D9; color:#D9D9D9; transition:.3s;}
.scroll-tab .scrollable li.on {color:#000; border-bottom:4px solid var(--base1);}


/*** 뉴탭 공통 ***/
body .newtabWrap {display:flex;justify-content: center;gap:15px;}
body .newtabWrap a {display:inline-block; font-size:var(--fs22); font-weight:700; color:#000; padding:22px 45px; line-height:1; border-radius:0; transition:.5s; background:#f7f8fb; border:1px solid #eeeff1;}
body .newtabWrap a:hover {background:#eef0f5;}
body .newtabWrap a.on {background:#0d1c33; color:#fff; /*margin:0 35px;*/}




/* type4-스크롤테이블 */
body .tableWrap.type4 {background:#fff; width:100%; max-width:100%;}
body .tableWrap.type4 table {width:100%; text-align:center; border-top:2px solid #000; color:#666;}
body .tableWrap.type4 thead {background:#edf0f2;}
body .tableWrap.type4 thead th {line-height:1.6;}
body .tableWrap.type4 tr {border-bottom:1px solid #e5e5e5;}
body .tableWrap.type4 tr>* {font-size:var(--fs16); font-weight:300; text-align:left;}
body .tableWrap.type4 th {padding:10px 20px; border:1px solid #ddd; text-align:center; font-weight:500; color:#333; background:#F7F7F7;}
body .tableWrap.type4 th:nth-child(1) {border-left:0;}
body .tableWrap.type4 th:last-child {border-right:0;}
body .tableWrap.type4 td {padding:15px 20px; border-right:1px solid #ddd;}
body .tableWrap.type4 td:last-child {border-right:0;}

/* **** type4-스크롤테이블 모바일 **** */


/* type4-반응형테이블 */
body .tableWrap.type4 .mTable th {border-right:1px solid #ddd; text-align:center; font-weight:500; color:#333; background:#F7F7F7;}
body .tableWrap.type4 .mTable td {border-right:1px solid #ddd;}
body .tableWrap.type4 .mTable td:last-child {border-right:0;}
body .tableWrap.type4 .mTable td.mo {display:none;}
body .tableWrap.type4 .mTable td.boderLeft {border-left:1px solid #ddd;}

/* **** type4-반응형테이블 모바일 **** */
@media (max-width: 767px) {
	body .tableWrap.type4 .mTable td.mo {display:flex;}
	body .tableWrap.type4 .mTable {width:100%; border: 0; margin-top:10px;}
	body .tableWrap.type4 .mTable thead {border: none; height: 0; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	body .tableWrap.type4 .mTable th {display: block; background: #edf0f2;}
	body .tableWrap.type4 .mTable tr {/*border-top: 1px solid #000; */border-bottom: 2px solid #eee; display: block; /*margin-bottom: 30px;*/}
	body .tableWrap.type4 .mTable tr:last-child {margin-bottom:0;}
	body .tableWrap.type4 .mTable td {border-bottom: 1px solid #eee; border-right:0; display: flex; flex-direction: column; gap:5px; text-align:left;}
	body .tableWrap.type4 .mTable td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
	body .tableWrap.type4 .mTable td:last-child {border-bottom: 0;}

}



/*** 스와이퍼 슬라이드 ***/
.swiper-slide img {display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important;}
.swiper-button-next, .swiper-button-prev {width:50px !important; height:50px !important; border:2px solid #fff !important; color:transparent !important;}
.swiper-button-next {background:url(/images/overview/slide-prev.svg) no-repeat center !important;}
.swiper-button-prev {background:url(/images/overview/slide-next.svg) no-repeat center !important;}


/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
	
	/*** 뉴탭 공통 ***/
	body .newtabWrap {flex-direction: column; gap:8px;}

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	.tabInner .tabItemIn {margin-top:50px;}
	body .img img {height:auto;}

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {

	.contentsWrap .contentTit {text-align:left; margin-bottom:50px;}
	.contentsWrap .contentTit p {line-height:1.4;}
	
	/* 입력폼 */
	body .formGroup {gap:15px;}
	body .formGroup .inputWrap {align-items: flex-start; flex-direction: column;}
	body .formGroup .emailWrap, body .formGroup .phoneWrap {align-items: flex-start !important;}
	body .formGroup .inputWrap .label {line-height:1; font-size:16px;}
	
	body .formGroup .btnWrap button {font-size:16px;}



	body .newtabWrap a {font-size:18px; padding: 19px 35px;}
}