@charset "utf-8";

/* 메인비주얼 */
.main_visual {position:relative;}
.main_visual ul li {position:relative; width:100%; height:868px;}
.main_visual ul li .img {position:relative; width:100%; height:100%; overflow:hidden;}
.main_visual ul li .img img {position:absolute; left:50%; top:0; width:1920px; height:100%; margin-left:-960px;}
.main_visual ul li .mv_slogan {position:absolute; top:60px; left:0; width:100%; color:#fff; line-height:1.4; font-family:'NotoR'; text-align:center;} /* 181204 */
.main_visual ul li .mv_slogan .txt1 {font-size:40px; color:#2c343d;}/* 181204 */
.main_visual ul li .mv_slogan .txt1 span {display:block; font-size:60px; color:#17335a;  font-family:'NotoM';}/* 181204 */
.main_visual ul li .mv_slogan .txt2 {margin-top:10px; padding-top:20px; font-size:28px; color:#333; background:url('/images/web/guest/main/bg_visual_slogan.png') no-repeat center top;}/* 181204 */

.main_visual .bx-controls {position:absolute;  top:338px; left:50%; margin-left:-600px;}
.main_visual .bx-controls-direction .bx-prev, .main_visual .bx-controls-direction .bx-next {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0; height:40px;}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {width:18px; height:28px; text-indent:-10000em; }
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/web/guest/main/btn_visual_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/web/guest/main/btn_visual_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:0; left:30px; height:23px; width:120px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:15px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:23px; height:23px; background:url('/images/web/guest/main/btn_visual_off.png') no-repeat center;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active { background:url('/images/web/guest/main/btn_visual_on.png') no-repeat center;}
 #m_visual li { -webkit-backface-visibility: hidden !important;} 

/* 공지사항 MC_box2 */
.notice {position:relative; height:100%; overflow:hidden; background:url('/images/web/guest/main/bg_noti.png') repeat;}
.notice h2 {position:absolute; left:20px; top:0; line-height:60px; font-size:22px; color:#fff; letter-spacing:-1px; z-index:2;}
.notice .list_box ul {padding:0 70px 0 130px; overflow:hidden; }
.notice .list_box ul li {width:50%; float:left; line-height:60px; font-size:15px; overflow:hidden}
.notice .list_box ul li a {display:block; float:left; width:65%; padding-left:20px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice .list_box ul li a:hover {text-decoration:underline;}
.notice .list_box ul li span.date { display:block; float:right; width:30%; letter-spacing:0; text-align:right; color:#fff; font-family:'NotoL';}
.notice .btn_more {position:absolute; width:23px; height:23px; top:19px; right:20px; background:url('/images/web/guest/main/btn_more.png') no-repeat right 50%; text-indent:-10000px; z-index:10 }

/* 수련원소개 - 바로가기 MC_box3 */
.m_link1 {position:relative; padding:0 20px; height:100%; background:#27323e;} 
.m_link1 h2 {line-height:60px; font-size:20px; text-align:center; color:#fff; border-bottom:1px solid #525b65;}
.m_link1 p {margin:25px 0; font-size:13px; font-family:'NotoL'; line-height:1.4; text-align:center; color:#c0c8d1;}
.m_link1 ul li {position:relative; margin-top:10px; }
.m_link1 ul li a {display:block; height:41px; line-height:41px; padding:0 40px 0 20px; font-size:15px; color:#fff; border:1px solid #fff; background:url('/images/web/guest/main/bg_m_link1.png') no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.m_link1 ul li a:hover {background-position:95% center;}

/* 타입별 객실 MC_box4 */
.type_room {position:relative; padding:0 20px; height:100%; background:url('/images/web/guest/main/bg_type_room.png') no-repeat 90% 87px #1d3f7d;}
.type_room h2 {line-height:60px; font-size:20px; color:#fff; text-align:center; border-bottom:1px solid #4a6597;}
.type_room ul {margin-top:48px;}
.type_room ul li {width:55%; margin-top:10px;}
.type_room ul li a {display:block; height:29px; line-height:29px; font-size:15px; color:#fff; text-align:center; border:1px solid #fff; border-radius:16px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.type_room ul li a:hover {border:1px solid #ff4d80; background:#ff4d80;}
.type_room p {margin-top:75px; font-size:13px; font-family:'NotoL'; line-height:1.4; text-align:center; color:#fff; text-align:center;}
.type_room .btn_more {position:absolute; width:23px; height:23px; top:19px; right:20px; background:url('/images/web/guest/main/btn_more.png') no-repeat right 50%; text-indent:-10000px; z-index:10 }

/* 바로가기2 MC_box5 */
.m_link2 {position:relative; padding:0 20px; height:100%; background:#009eff;} 
.m_link2 ul li {position:relative; height:172px; border-top:1px solid #33b1ff; }
.m_link2 ul li:first-child {border-top:none}
.m_link2 ul li a {position:relative; display:block; padding:30px 0 30px 110px; word-break:keep-all; }
.m_link2 ul li a img {position:absolute; top:30px; left:0;}
.m_link2 ul li a:hover img {transform: rotateY(360deg); transition:transform 300ms ease-in-out 0s;}
.m_link2 ul li a h2 { font-size:20px; color:#fff;}
.m_link2 ul li a p {margin-top:10px; font-size:13px; color:#fff; font-family:'NotoL'; }

/* 전화 및 계좌 MC_box6 */
.contact {position:relative; padding:0 20px; height:100%; background:#00b7c2;} 
.contact ul li {position:relative; height:112px; line-height:1.4; padding:30px 0 30px 110px; border-top:1px solid #33c5ce; word-break:keep-all; }
.contact ul li:first-child {border-top:none}
.contact ul li img {position:absolute; top:30px; left:0;}
.contact ul li h2 { font-size:20px; color:#fff;}
.contact ul li p {margin-top:10px; font-size:18px; color:#004044;}
.contact ul li p em {display:block; }
.contact ul li p strong {display:block; font-size:15px; color:#fff; font-weight:normal; letter-spacing:-1px;}
.contact ul li p span {display:block; font-size:13px; color:#d1fcff; font-family:'NotoL'; }


@media (max-width:1019px) {
	
	.main_visual, .main_visual ul li .mv_slogan,
	.notice,
	.m_link2 ul li,
	.contact ul li {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 메인비주얼 */
	.main_visual ul li {height:480px;}
	.main_visual ul li .img img {width:150%; height:auto; margin-left:-75%;}
	.main_visual ul li .mv_slogan {top:60px; /* left:3%; */ margin-left:0;}
	.main_visual ul li .mv_slogan .txt2 {margin-top:10px; font-size:28px; }
	.main_visual .bx-controls {top:280px; left:0; margin-left:3%;}

	/* 공지사항 MC_box2 */
	.notice {padding:0 20px;}
	.notice h2 {position:relative; left:auto; top:auto; line-height:60px; border-bottom:1px solid #000;}
	.notice .list_box ul {padding:10px 0 0;}
	.notice .list_box ul li {width:100%; line-height:30px; float:none;}
	.notice .list_box ul li a {padding-left:0;}

	/* 바로가기2 MC_box5 */
	.m_link2 {padding:0;} 
	.m_link2 ul li {width:50%; height:170px; float:left; padding:0 20px; border-top:none; border-left:1px solid #33b1ff;}
	.m_link2 ul li:first-child {border-left:none}

	/* 전화 및 계좌 MC_box6 */
	.contact {padding:0;} 
	.contact ul li {width:50%; height:170px; float:left; padding:30px 20px 0 130px; border-top:none; border-left:1px solid #33c5ce;}
	.contact ul li:first-child {border-left:none}
	.contact ul li img {left:20px;}
	.contact ul li p {font-size:17px;}
	.contact ul li p em {display:inline-block; margin-left:10px;}
	.contact ul li p em:first-child {margin-left:0;}
	.contact ul li p strong {display:inline-block; margin-left:10px; font-size:17px;}
	.contact ul li p span {margin-top:10px;}



}

@media (max-width:860px) {

	/* 메인비주얼 */
	.main_visual ul li {height:440px;}
	.main_visual ul li .img img {width:180%; margin-left:-90%;}
	.main_visual ul li .mv_slogan {top:20px;}
	.main_visual ul li .mv_slogan .txt1 {font-size:30px;}/* 181204 */
	.main_visual ul li .mv_slogan .txt1 span {font-size:40px;}/* 181204 */
	.main_visual ul li .mv_slogan .txt2 {font-size:20px; }/* 181204 */
	.main_visual .bx-controls {top:220px;}

	/* 전화 및 계좌 MC_box6 */
	.contact ul li p em {display:block; margin-left:0;}
	.contact ul li p strong {display:block; margin-left:0;}
	.contact ul li p span {margin-top:5px;}


}



@media (max-width:680px) {	
	



	/* 바로가기2 MC_box5 */
	.m_link2 ul li {width:100%; float:none; border-top:1px solid #33b1ff; border-left:none;}
	
	/* 전화 및 계좌 MC_box6 */
	.contact ul li {width:100%; height:170px; float:none; border-top:1px solid #33c5ce; border-left:none;}
	.contact ul li img {left:20px;}
	.contact ul li p em {display:inline-block; margin-left:10px;}
	.contact ul li p strong {display:inline-block; margin-left:10px;}
	.contact ul li p span {margin-top:10px;}
	

}

@media (max-width:580px) {

	/* 메인비주얼 */
	.main_visual ul li .img img {width:220%; margin-left:-110%;}
	

		
}

@media (max-width:480px) {	
	
	/* 메인비주얼 */
	.main_visual ul li .img img {width:270%; margin-left:-140%;}
	.main_visual ul li .mv_slogan .txt1 img {height:100px;}
	.main_visual ul li .mv_slogan .txt2 {font-size:16px; }

	/* 전화 및 계좌 MC_box6 */
	.contact ul li p em {display:block; margin-left:0;}
	.contact ul li p strong {display:block; margin-left:0; font-size:16px;}
	.contact ul li p span {margin-top:5px;}

}

@media (max-width:380px) {
	
	/* 메인비주얼 */
	.main_visual ul li .img img {width:320%; margin-left:-180%;}


}