@charset "utf-8";

/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - MAIN
 *
 * ==================================================================================================== */

/* COMMON : S */
.ws_main_content_wrap {}
.ws_main_content_wrap .es_title_area {position:relative;padding:150px 0 70px 0;text-align:center}
.ws_main_content_wrap .es_title_area:before {content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:120px;background-color:#BE8264}
.ws_main_content_wrap .es_title_area .bs_title {display:block;color:#BE8264;font-weight:bold;font-size:5em;line-height:normal;letter-spacing:-0.5px;font-family:'Noto Serif KR', serif}
.ws_main_content_wrap .es_title_area .bs_desc {margin-top:10px;font-size:1.6em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
/* COMMON : E */

/* 웨딩홀2 소개 */
.ws_hall2_wrap {position:relative;margin-top:-100px;padding:250px 0 150px 0;background-color:#FAEBD7}
.ws_hall2_wrap .es_content_area {padding-right:4%;overflow:hidden}
.ws_hall2_wrap .es_content_area .bs_title_box {position:relative;float:left;width:50%}
.ws_hall2_wrap .es_content_area .bs_title_box .is_label {color:#9D6C1F;font-weight:bold;font-size:1.6em;line-height:normal;letter-spacing:-0.5px}
.ws_hall2_wrap .es_content_area .bs_title_box .is_title {color:#BE8264;font-size:5em;line-height:1.5em;letter-spacing:-1px;font-family:'Noto Serif KR', serif}
.ws_hall2_wrap .es_content_area .bs_title_box .is_desc {margin-top:10px;font-size:1.4em;line-height:1.7em;letter-spacing:-0.5px;word-break:keep-all}
.ws_hall2_wrap .es_content_area .bs_list_box {position:relative;float:left;width:50%;transition:all .3s ease-in}
.ws_hall2_wrap .es_content_area .bs_list01 {padding-left:4%}
.ws_hall2_wrap .es_content_area .bs_list02 {padding-right:4%;transform:translateY(-150px)}
.ws_hall2_wrap .es_content_area .bs_list03 {padding-top:8%;padding-left:4%}
.ws_hall2_wrap .es_content_area .bs_list04 {padding-right:4%;transform:translateY(-150px)}
.ws_hall2_wrap .es_content_area .bs_list05 {padding-top:8%;padding-left:4%}
.ws_hall2_wrap .es_content_area .bs_list06 {padding-right:4%}
.ws_hall2_wrap .es_content_area .bs_list_box a {display:block;position:relative}
.ws_hall2_wrap .es_content_area .bs_list_box .is_label {display:block;position:absolute;top:0;left:calc(100% - -30px);color:#BE8264;font-size:1.4em;white-space:nowrap;transform:rotate(90deg);transform-origin:left top}
.ws_hall2_wrap .es_content_area .bs_list_box .is_image_field {position:relative;overflow:hidden}
.ws_hall2_wrap .es_content_area .bs_list_box .is_image_field:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}
.ws_hall2_wrap .es_content_area .bs_list_box .is_image_field img {max-width:100%;transition:all 1s ease-in-out}
.ws_hall2_wrap .es_content_area .bs_list_box:hover .is_image_field img {transform:scale(1.08)}
.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);text-align:center;transition:all .3s ease-in-out}
.ws_hall2_wrap .es_content_area .bs_list_box:hover .is_text_field {opacity:1}
.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_inner {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_title {color:#FFF;font-size:3em;line-height:normal;letter-spacing:-0.5px;font-family:'Noto Serif KR', serif}
.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_desc {margin-top:15px;color:#FFF;font-size:1.3em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}

/* 웨딩홀 소개 */
.ws_hall_wrap {}
.ws_hall_wrap .es_content_area {position:relative;height:740px}
.ws_hall_wrap .es_content_area .bs_text_box {position:absolute;top:0;width:33.333%;height:100%;padding:230px 0 0 50px;background-color:rgba(0,0,0,.1);transition:background-color 2s ease;z-index:1}
.ws_hall_wrap .es_content_area .bs_text01 {left:0}
.ws_hall_wrap .es_content_area .bs_text02 {left:33.333%}
.ws_hall_wrap .es_content_area .bs_text03 {right:0}
.ws_hall_wrap .es_content_area .bs_text_box:hover {background-color:rgba(0,0,0,.2);z-index:2}
.ws_hall_wrap .es_content_area .bs_text_box .is_title {color:#FFF;font-size:3em;line-height:normal;letter-spacing:-0.5px;word-break:keep-all;font-family:'Noto Serif KR', serif}
.ws_hall_wrap .es_content_area .bs_text_box .is_desc {margin-top:20px;color:#FFF;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_hall_wrap .es_content_area .bs_image_box {height:inherit;overflow:hidden}
.ws_hall_wrap .es_content_area .bs_image_box .is_image {position:absolute;top:0;width:33.333%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:all .6s ease-in;overflow:hidden}
.ws_hall_wrap .es_content_area .bs_image_box .is_image01 {left:0;background-image:url('../../../img/main/hall_img01_bg.png')}
.ws_hall_wrap .es_content_area .bs_image_box .is_image02 {left:33.333%;background-image:url('../../../img/main/hall_img02_bg.png')}
.ws_hall_wrap .es_content_area .bs_image_box .is_image03 {right:0;background-image:url('../../../img/main/hall_img03_bg.png')}
.ws_hall_wrap .es_content_area .bs_image_box .is_image img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.ws_hall_wrap .es_content_area .bs_text01:hover ~ .bs_image_box .is_image01 {width:100%;z-index:1}
.ws_hall_wrap .es_content_area .bs_text02:hover ~ .bs_image_box .is_image02 {left:0;width:100%;z-index:1}
.ws_hall_wrap .es_content_area .bs_text03:hover ~ .bs_image_box .is_image03 {width:100%;z-index:1}

/* 고객센터 */
.ws_cs_wrap {padding-bottom:150px;background-image:url('../../../img/main/cs_bg.png');background-position:center;background-size:cover;background-repeat:no-repeat}
.ws_cs_wrap .es_content_area {}
.ws_cs_wrap .es_content_area .bs_text_box {padding:0 0 0 50px}
.ws_cs_wrap .es_content_area .bs_text_box ul {}
.ws_cs_wrap .es_content_area .bs_text_box ul li {margin-bottom:50px;color:#000}
.ws_cs_wrap .es_content_area .bs_text_box ul li .is_title {font-weight:500;font-size:1.8em;line-height:normal;letter-spacing:-0.8px}
.ws_cs_wrap .es_content_area .bs_text_box ul li .is_desc {position:relative;margin-top:15px;padding-left:15px;font-size:1.4em;line-height:1.5em;letter-spacing:-0.5px;word-break:keep-all}
.ws_cs_wrap .es_content_area .bs_text_box ul li .is_desc:before {content:'';display:block;position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50% !important;background-color:#000}
.ws_cs_wrap .es_content_area .bs_text_box .is_button_field {}
.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_btn {display:inline-block;vertical-align:middle;padding:10px 30px;border:1px solid;font-size:1.2em}
.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_kakao {border-color:#3B1E1E;background-color:#3B1E1E;color:#FFF}
.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_map {border-color:#000;color:#000}
.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_btn i {vertical-align:middle;font-size:1.2em}
.ws_cs_wrap .wrap_controllers {display:none}


/* ==================================================================================================== *2023-07-12
 *
 *     MEDIA EXTEND - MAX DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (데스크탑 이하) 1279px 이하 */
@media all and (max-width:1279px) {

}
/* MEDIA (태블릿 이하) 991px 이하 */
@media all and (max-width:991px) {
	.ws_hall_wrap .es_content_area .bs_text_box .is_title {font-size:2em}
	.ws_hall_wrap .es_content_area .bs_text_box .is_desc {font-size:1.1em}

	.ws_cs_wrap .es_content_area .bs_text_box {padding:30px 0 0 0}
}
/* MEDIA (모바일 이하) 767px 이하 */
@media all and (max-width:767px) {
	.ws_main_content_wrap .es_title_area {padding:100px 0 30px 0}
	.ws_main_content_wrap .es_title_area:before {height:70px}
	.ws_main_content_wrap .es_title_area .bs_title {font-size:2.5em}
	.ws_main_content_wrap .es_title_area .bs_desc {font-size:1.2em}

	.ws_hall2_wrap {margin-top:0;padding:50px 0}
	.ws_hall2_wrap .es_content_area {padding-right:0}
	.ws_hall2_wrap .es_content_area .bs_title_box {float:none;width:100%;text-align:center} 
	.ws_hall2_wrap .es_content_area .bs_title_box .is_label {font-size:1.1em}
	.ws_hall2_wrap .es_content_area .bs_title_box .is_title {font-size:2.5em}
	.ws_hall2_wrap .es_content_area .bs_title_box .is_desc {font-size:1.2em}
	.ws_hall2_wrap .es_content_area .bs_list_box {margin-top:20px}
	.ws_hall2_wrap .es_content_area .bs_list_box {float:none;width:100%;padding:0;transform:translateX(0)}
	.ws_hall2_wrap .es_content_area .bs_list_box .is_label {display:none}
	.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_title {font-size:2em}
	.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_desc {font-size:1.1em}

	.ws_hall_wrap .es_content_area {height:auto}
	.ws_hall_wrap .es_content_area .bs_text_box {width:100%;height:350px;padding:40px 0 0 20px}
	.ws_hall_wrap .es_content_area .bs_text01 {top:0;left:0}
	.ws_hall_wrap .es_content_area .bs_text02 {top:350px;left:0}
	.ws_hall_wrap .es_content_area .bs_text03 {top:700px;left:0}
	.ws_hall_wrap .es_content_area .bs_image_box .is_image {position:relative;top:auto;left:auto;width:100%;height:350px;background-image:none}
	.ws_hall_wrap .es_content_area .bs_image_box .is_image img {max-height:450px}

	.wrap_map {height:350px !important}
	.ws_cs_wrap {padding-bottom:100px}
	.ws_cs_wrap .es_content_area .bs_text_box ul li {margin-bottom:30px}
	.ws_cs_wrap .es_content_area .bs_text_box ul li .is_title {font-size:1.3em}
	.ws_cs_wrap .es_content_area .bs_text_box ul li .is_desc {font-size:1.1em}
	.ws_cs_wrap .es_content_area .bs_text_box ul li .is_desc:before {top:9px;width:3px;height:3px}
	.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_btn {padding:10px 20px;font-size:1em}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - MIN DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 이상) 768px 이상 */
@media all and (min-width:768px) {

}
/* MEDIA (데스크탑 이상) 992px 이상 */
@media all and (min-width:992px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1280px 이상 */
@media all and (min-width:1280px) {

}
/* MEDIA (큰화면 데스크탑 이상) 1920px 이상 */
@media all and (min-width:1920px) {
	.ws_hall_wrap .es_content_area {height:calc(100vh - 327px)}
}


/* ==================================================================================================== *
 *
 *     MEDIA EXTEND - AND DEVICE
 *
 * ==================================================================================================== */

/* MEDIA (태블릿 구간만) 768px ~ 991px */
@media all and (min-width:768px) and (max-width:991px) {
	.ws_main_content_wrap .es_title_area {padding:120px 0 40px 0}
	.ws_main_content_wrap .es_title_area:before {height:90px}
	.ws_main_content_wrap .es_title_area .bs_title {font-size:3.5em}
	.ws_main_content_wrap .es_title_area .bs_desc {font-size:1.4em}

	.ws_hall2_wrap .es_content_area .bs_title_box .is_title {font-size:4em}
	.ws_hall2_wrap .es_content_area .bs_title_box .is_desc {font-size:1.2em}
	.ws_hall2_wrap .es_content_area .bs_list02 {transform:translateY(-50px)}
	.ws_hall2_wrap .es_content_area .bs_list04 {transform:translateY(-50px)}
	.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_title {font-size:2em}
	.ws_hall2_wrap .es_content_area .bs_list_box .is_text_field .ss_desc {font-size:1.2em}

	.ws_hall_wrap .es_content_area {height:500px}
	.ws_hall_wrap .es_content_area .bs_text_box {padding:140px 0 0 25px}
}
/* MEDIA (데스크탑 구간만) 992px ~ 1279px */
@media all and (min-width:992px) and (max-width:1279px) {
	.ws_main_content_wrap .es_title_area .bs_title {font-size:4em}
	.ws_main_content_wrap .es_title_area .bs_desc {font-size:1.5em}

	.ws_hall2_wrap .es_content_area .bs_list02 {transform:translateY(-100px)}
	.ws_hall2_wrap .es_content_area .bs_list04 {transform:translateY(-100px)}

	.ws_hall_wrap .es_content_area {height:600px}
	.ws_hall_wrap .es_content_area .bs_text_box {padding:190px 0 0 30px}
	.ws_hall_wrap .es_content_area .bs_text_box .is_title {font-size:2.5em}
	.ws_hall_wrap .es_content_area .bs_text_box .is_desc {font-size:1.2em}

	.ws_cs_wrap .es_content_area .bs_text_box .is_button_field .ss_btn {padding:10px 25px}
}