@charset "utf-8";

header{background: #fff;}
.sub_bg { margin-top: 87px;}

.custom-tab-wrap {width:100%; max-width:1200px; margin:0 auto;}
.custom-tab-menu {display:flex; gap:16px; justify-content:center; margin-bottom:48px; margin-top:24px;}
.custom-tablink {border:none;outline:none;padding: 12px 20px;font-size:19px;font-weight:500;border-radius:32px;background:#fff;color:var(--point-color);border:2px solid #e5eff0;cursor:pointer;transition:background .15s, color .15s;}
.custom-tablink.active {background:var(--point-color); color:#fff; border:2px solid var(--point-color); font-weight:700; }
.custom-tab-content {display:none; background:#fff; border-radius:20px; padding:32px; text-align:center;}
.custom-tab-content img {max-width:100%; height:auto; border-radius:16px;}
header .hd_wrap .hd_tel{color: var(--point-color);}
#gnb .gnb_menu_btn{color: var(--point-color);}
header h1.logo{display: none;}
header h1.logo02{display: block;}
header.fixed h1.logo02{display: block;}
header.fixed h1.logo{display: none;}
header .gnb_1da{color: var(--dark);}
.info-table {padding: 2rem 0; width: 100%; margin: 0 auto;  box-sizing: border-box; }
.info-table .caution {display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.6rem; color: var(--mudgray); font-weight:300; padding: 0rem; box-sizing: border-box; border-radius:.0rem; } 
.info-table .caution li {display: flex;font-size: 0.8rem;text-align: left;}
.info-table .caution li:before {display: inline-block; content: "※"; font-size: inherit; font-weight: 400; padding-right: 0.5rem;}
.info-table.desc-line {padding-top:0; margin-top: 1.5rem; display:none; }
.info-table.desc-line .caution {font-size: 1.385rem; gap: 0.2rem; background: none; border: none; padding: 0; display:none;}

#ctt_con {padding:50px 0 0;}
#ctt_con .sub_title, .sub_title{margin: 0 0 30px !important; padding: 0px; border: none; background-image: none; background-size: initial; text-align: center;}
#ctt_con .sub_title dd, .sub_title dd{}
.sub_title > h2{ margin:0px;padding:0px;border:none;background-image:none;background-size:initial;font-size:3rem;font-weight:800;color:var(--txt-point-color);letter-spacing:0.3px;}
.sub_title > h3{ font-family: Pretendard, sans-serif; font-size: 1.7rem; margin: 0px 0px 10px; padding: 0px; border: none; background-image: none; background-size: initial; color: var(--dark);  letter-spacing: -0.1px; word-spacing: -0.5px;}


/*유니트 슬라이드*/
.main_unit_slide{overflow: hidden;}
.unit-main-swiper { width: 100%; height: 80%;}
.unit-thumb-swiper { height: 20%; padding: 10px 0;}
.unit-thumb-swiper .swiper-slide { width: 25%; opacity: 0.4; cursor: pointer;}
.unit-thumb-swiper .swiper-slide-thumb-active { opacity: 1;}
.unit-main-swiper img,
.unit-thumb-swiper img { display: block; width: 100%; height: 100%; object-fit: cover;}
.unit-main-swiper img{ max-height: calc(75vh);}


@media all and (max-width:860px) {
	.sub_bg {height: 150px;margin-top: 65px;background-size: cover;background-position: center;}
}
@media (max-width: 768px) {
    .custom-tab-menu {gap:8px; margin-bottom:20px; flex-wrap: wrap;} 
    .custom-tablink {padding:8px 14px; font-size:14px;} 
    .custom-tab-content {padding:12px;}

    #ctt {  margin: 0 auto 30px !important; padding: 10px 0 !important;}
	#ctt table tr td{font-size: 0.9rem;line-height: 2rem;padding: 10px 5px !important;}
	#ctt_con .sub_title, .sub_title{margin: 0 0 20px !important;}
	#ctt_con .sub_title dd {font-size: 1.2rem !important;}
	#ctt_con .sub_title dt,
	#ctt_con .sub_title dt span,
	.sub_title dd,
	.sub_title dt,
	.sub_title dt span	{font-size: 1.4rem !important; word-break: keep-all;}
	#ctt table tr td:first-child{width: 30% !important;}
	#ctt table tr td:last-child{ font-size: 0.8rem; text-align: left;}

	.sub_title > h2{ font-size:2rem;}
	.sub_title > h3{  font-size: 1.2rem;}

}

@media all and (max-width:480px) {
	.sub_bg {height: 200px;margin-top: 65px;}
	#ctt_con {padding: 30px 0 0;}
}