/* 공통 */
.margin-top-40 {margin-top: 40px;}
.text-center {text-align: center;}
.text-padding-less h2 {padding: 0 5%;}
.text-padding-less h5 {padding: 0 10%;}
.text-padding-less p {padding: 0 15%;}

@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
    .text-padding-less h2 {padding: 0 3%;}
    .text-padding-less h5 {padding: 0 6%;}
    .text-padding-less p {padding: 0 10%;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
    .text-padding-less h2 {padding: 0;}
    .text-padding-less h5 {padding: 0 3%;}
    .text-padding-less p {padding: 0 6%;}
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* ===== about 페이지1 about-style-1 ===== */
.about-style-1 h2 {color: #1d385e;letter-spacing: -0.05em;line-height: 1.2;}
.about-style-1 h6 {margin-bottom: 25px;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-style-1 .col-md-6 {padding-right: 30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-1 .col-sm-6 {padding-right: 30px;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
    .about-style-1 h2 {font-size: 32px;}
}
@media only screen and (max-width: 800px) {
    .about-style-1 h2 {font-size: 28px;}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
    .about-style-1 h2 {font-size: 26px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* ===== ABOUT 페이지 about-style-2 ===== */
.about-style-2 h2 {color: #504a4d;letter-spacing: -0.05em;}
.about-style-2 h5 {color: #ba116e;padding-top: 10px;}
@media only screen and (max-width: 640px) {
	.about-style-2 h2 {font-size: 32px;}
}
@media only screen and (max-width: 480px) {
	.about-style-2 h2 {font-size: 26px;}
}

/* ===== ABOUT 페이지 about-style-3 ===== */
.about-style-3 h2 {color: #504a4d;letter-spacing: -0.05em;}
.about-style-3 h2 i {color: #cacaca;}
.about-style-3 h5 {color: #ba116e;padding-top: 10px;}
@media only screen and (max-width: 767px) {
    .booking-about-style-3 {display: flex;flex-direction: column;}
	.booking-about-style-3 .booking-1 {order: 2;margin-top: 40px;}
	.booking-about-style-3 .booking-2 {order: 3;margin-top: 20px;}
    .booking-about-style-3 .booking-3 {order: 1;}
    .margin-top-40.booking-3 {margin-top: 0;}
}
@media only screen and (max-width: 640px) {
	.about-style-3 h2 {font-size: 32px;}
}
@media only screen and (max-width: 480px) {
	.about-style-3 h2 {font-size: 26px;}
    .booking-about-style-3 .booking-1 {margin-top: 20px;}
    .booking-about-style-3 .booking-2 {margin-top: 10px;}
}

/* 일반 디자인 페이지 추가 */
.em-flex {display: flex;flex-wrap: wrap;}
.em-dsub-sec-1 .sec-title-container h2 {letter-spacing: -0.05em;}
.em-con-box-1 {border: 1px solid #a1a1a1;padding-bottom: 5px;margin-bottom: 30px;background-color: #fff;height: calc(100% - 30px);}
.em-con-box-1 h5 {text-align: center;padding: 15px 20px;border-bottom: 1px solid #b1b1b1;margin-top: 0;}
.em-con-box-1 p {margin-top: 15px;padding: 0 20px;}
.em-dsub-img-box-1 .sub-padding-t-30 {padding-top: 30px;}
.em-dsub-sec-1 .process-steps h5 {letter-spacing: -0.05em;}
.process-steps li .icon {width: 70px;height: 70px;color: #323335;font-size: 22px;border-radius: 50%;line-height: 66px;text-align: center;display: inline-block;border: 1px solid #e4e4e4;background-color: #fff;}
.process-steps.dark li .icon {color: #fff;border: 1px solid #323335;background-color: #323335;}
.process-steps.dark li .icon.active-01 {border: 1px solid #40196d;background-color: #40196d;}
.process-steps.dark li .icon.active-02 {border: 1px solid #254177;background-color: #254177;}
.process-steps.dark li .icon.active-03 {border: 1px solid #206b67;background-color: #206b67;}
.process-steps.dark li .icon.active-04 {border: 1px solid #3e9c42;background-color: #3e9c42;}
.process-steps.dark li .icon.active-05 {border: 1px solid #8b8638;background-color: #8b8638;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 992px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
	.sec-padding.em-dsub-sec-1 {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding.em-dsub-sec-1 {padding: 50px 0 50px 0;}
}
@media only screen and (max-width: 640px) {
	.sec-padding.em-dsub-sec-1 {padding: 40px 0 40px 0;}
	.em-dsub-sec-1 .sec-title-container h2 {font-size: 30px;}
}
@media only screen and (max-width: 480px) {
	.sec-padding.em-main-about-1 {padding: 30px 0 30px 0;}
	.em-dsub-sec-1 .sec-title-container h2 {font-size: 26px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
