@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
@charset "utf-8";

/*-------------------------------------------------------
** 
** Custom : 기본 CSS 수정 및 추가
** 
--------------------------------------------------------*/
 /* 메인 1차 메뉴 */
.navbar-collapse>.navbar-nav>.nav-item>.nav-link {
	padding-left: 15px;padding-right: 15px;
	font-weight: bold;
	color: #333;
}
 /* 메인 2차 메뉴 */
.nav-item.dropdown>.navbar-nav .nav-item .nav-link {

}

/* 섹션별 상하여백 */
.kso-section {padding-top: 50px;padding-bottom: 50px;} /* 섹션 기본 상하여백 */
#section-about {padding-top: 80px;padding-bottom: 0px;} /* 섹션 어바웃 */
#section-parallax {padding-top: 130px;padding-bottom: 130px;} /* 섹션 패럴랙스 */
#section-service {padding-top: 80px;padding-bottom: 80px;} /* 섹션 서비스 */
#section-footer {padding-top: 80px;padding-bottom: 80px;} /* 섹션 푸터 */
.kso-contents {padding-top: 40px;padding-bottom: 40px;min-height: 200px;} /* 서브 콘텐츠 영역 상하 */

/* 섹션 제목 */
.section-header {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
	text-align: center;
}

/* 1) 섹션 티져 */
#section-icon {padding: 30px 0; background-image: url(./files/faceOff/229/images/00_background_03.png);}
#section-icon .block h4 {color: #fff;}
#section-icon .block,#section-icon .block i {color: #fff;}
#section-icon .block {margin: 0 auto;}
.section_icon1 i {font-size: 50px;}
.section_icon2 i {font-size: 50px;}
.section_icon3 i {font-size: 50px;}
.section_icon4 {font-size: 25px;color: #fff;text-align: center;padding-bottom: 30px;}
.btn-section-icon {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 25px;
    font-size: 14px;
    line-height: 40px;
    color: #c4a67f;
    border-radius: 3px;
    background-color: #fff;
}



/* 2) 섹션 어바웃 */
#section-about h4 {color: #333;} /*우측 컨텐츠 제목*/
#section-about div {line-height: 1.8;} /*우측 컨텐츠 내용*/


/* 3) 섹션 패럴랙스 */
#section-parallax:before {background-color: rgba(0,0,0,0.3);} /* 배경 커버 컬러 투명도 */
#section-parallax h3 {color: #fff;} /*제목*/
#section-parallax {font-size: 18px;color: #fff;} /*내용*/
#section-parallax .section-header {margin: 0;}
#section-parallax .btn-kso {margin-top: 20px;}


/* 4) 섹션 서비스 */
#section-service figcaption h4 {font-size: 18px;color: #333;} /*제목*/
#section-service figcaption h4 a {color: #444;}
#section-service figcaption {font-size: 14px;} /*내용*/
.service_info {padding: 0 30px 30px 30px;}
#section-service .stage_3 {margin-top: 100px;}

/* 5) 섹션 파트너 */
#section-partners {background-color: #d2d2d2;color: #353535;}
#section-partners h2 {font-size: 40px;}

/* 6) 섹션 포인트 */
#section-point {padding-top: 80px;padding-bottom: 80px;}
#section-point .col-lg-4 {text-align: center;padding: 40px;}
#section-point .col-lg-4 i {margin-bottom: 20px;}

/* 7) 섹션 오시는길 */
#section-map {background-color: #272727; background-image: url(https://dunajoy.cdn3.cafe24.com/images/00_background_02.png);}
#section-map h2 {font-weight: 500;line-height: 100px;}
#section-map h2:before {content: "";display: block;width: 50px;height: 2px;background-color: #fff;margin-top: 5px;}
#section-map .col-lg-4 {padding: 90px 20px;color: #8f8f8f;}


/* 5) 섹션 하단 배경 및 폰트 */
#section-footer {font-size: 14px;line-height: 1.8;background-color: #444;}
.section-footer {color: #a7a7a7;}
#section-footer h5 {font-size: 16px;} /*제목*/
.footer_cont {letter-spacing: .1px;}
a.admin_login {color: #444;}
a.admin_login:hover {color: #888;}

/* 서브 탑 배경 및 폰트 컬러 */
.sub-top {background-color: #333;}
.sub-top h4 {color: #fff;}



/*-------------------------------------------------------
** 
** ETC 
** 
--------------------------------------------------------*/

.kso-header {border-bottom: 3px solid #8a4e98;}

.site-logo {width: 200px;}

.point_color {color: #8a4e98;}

.myngjo {font-family: 'Iropke Batang', serif;}

.playfair {font-family: 'Playfair Display', serif;}

.caption {
    position: absolute;
    text-align: center;
    z-index: 2;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 140px;
    margin: -60px 0 0 -350px;
}

.sub-top .index .col-lg-12 {height: 300px;}
.sub-top .facilty .col-lg-12 {height: 300px;}
.sub-top .spa .col-lg-12 {height: 300px;}
.sub-top .service .col-lg-12 {height: 300px;}
.sub-top .guide_top .col-lg-12 {height: 300px;}
.sub-top .price .col-lg-12 {height: 300px;}
.sub-top .event .col-lg-12 {height: 300px;}
.sub-top .faq .col-lg-12 {height: 300px;}
.sub-top .notice .col-lg-12 {height: 300px;}


.caption h1 {font-size: 50px;font-weight: 400;}
.caption h5 {font-size: 26px;margin-bottom: 10px;}

.m_visible {display: none}
.m_hidden {display: unset}

.about_con {margin-bottom: 100px;}

.sub-top {display: none}

.copyright {text-align: center;background-color: #2f2f2f;padding: 5px;}
.direct {font-size: 0;color: #484848;}

.kakao_open{position:fixed;bottom:5px;right:5px;z-index:100}
.kakao_open_m{position:fixed;bottom:5px;right:5px;z-index:100}
.kakao_open img {width: 200px;height: 200px;}
.kakao_open_m img {width: 250px; height: 114px;}
.kakao_open_m {display: none;}

/*-------------------------------------------------------
** 
** media quary 
** 
--------------------------------------------------------*/
@media (max-width: 991px) {
	.kso-section {padding-top: 30px;padding-bottom: 30px;}
	.caption {width: 500px;height: 60px;margin: -30px 0 0 -250px;}
	.caption h1 {font-size: 30px;}
	.caption h5 {font-size: 20px;margin: 0;}
	.m_visible {display: unset}
	.m_hidden {display: none}
	#section-icon {display: none}
	.sub-top {margin-top: 60px;}
}

@media (max-width: 491px) {
	.caption h1 {font-size: 35px;}
	.caption h5 {font-size: 20px;}
	#section-icon {padding: 20px 0;}
	#section-icon h1 {font-size: 30px;}
	#section-icon .block i {padding-right: 5px;}
	.sub-top {display: block}
	.kso-promotion {display: none;}
	.sub-top .index .col-lg-12 .caption {width: 300px;height: 180px;margin: -100px 0 0 -150px;}
	.sub-top .facilty .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.sub-top .spa .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.sub-top .guide_top .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.sub-top .price .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.sub-top .service .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.sub-top .event .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
    .sub-top .notice .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
    .sub-top .faq .col-lg-12 .caption {width: 300px;height: 70px;margin: -35px 0 0 -150px;}
	.is_message_btn{display: none}
	.kakao_open {display: none;}
    .kakao_open_m {display: unset;}
}