@charset "utf-8";

/* main */
.mvbg	{position:absolute;left:0;top:0;width:100%;min-width:1240px;height:1425px;z-index:1;}
.mvbg1	{background:url(../img/mvimg01.jpg) no-repeat 50% 0;/*background-size:cover;*/}
.mvbg2	{background:url(../img/mvimg02.jpg) no-repeat 50% 0;/*background-size:cover;*/}
.mvbg3	{background:url(../img/mvimg03.jpg) no-repeat 50% 0;/*background-size:cover;*/}

#mvisual		{width:100%;position:relative;z-index:2}
#mvisual .mvtit	{padding:130px 0 50px;}
#mvisual .stit	{font-size:16px;color:#fff}
#mvisual .tit .tt1	{font-size:70px;line-height:70px;font-family:ngl;color:#FFCC00;display:inline-block;background:#115FAD;padding:2px 0 0 0;margin:5px 0;}
#mvisual .tit .tt2	{font-size:80px;line-height:80px;font-family:ngl;color:#FFFFCC;margin-left:120px;}
#mvisual .txt	{font-size:16px;color:#fff}
.mbx1	{float:left;width:248px;height:230px;}
.mbx2	{float:left;width:496px;height:230px;}
#mbooking	{background:#115FAD;background-color: rgba(17,95,173,0.8);}
#mbooking .ico		{float:left;width:50%;height:100%;display:block;background:url(../img/mbooking_ico.png) no-repeat 50% 50%}
#mbooking .cont		{float:left;width:50%;padding:20px;margin:20px 0;border-left:1px dashed #fff;border-right:1px dashed #fff;}
#mbooking .cont h3	{padding:0;margin:0 0 15px 0;background:none;color:#ffcc00;text-align:center;font-size:20px;font-weight:normal}
#mbooking .cont a	{display:block;background:#ffcc00;border-color:#ffcc00;margin:0;color:#115FAD;}
#mbooking .cont select{width:100%;height:34px;margin:0 0 3px 0;border-color:#fff;font-size:12px;color:#888;text-indent:10px;}
#mtoday			{background:#115FAD;background-color: rgba(51,51,51,0.8);margin-right:248px;}
#mtoday	.cont	{background:url(../img/mtoday_ico.png) no-repeat 50% 50%;padding-top:140px;color:#fff;font-family:verdana;font-size:12px;font-weight:bold;text-align:center;}
#mtoday	.date	{color:#ffcc00;font-size:22px;}
#mweather		{background:#115FAD;background-color: rgba(51,51,51,0.8);}
#mweather .ico	{padding:20px 0;margin:0 20px;border-top:1px dashed #fff;text-align:center;}
#mweather ul{margin:0 20px;color:#fff;}
#mweather .right	{color:#ffcc00;}
.mbnr01		{background:#115FAD;background-color: rgba(17,95,173,0.8);}
.mbnr02		{background:url(../img/mbnr02_bg.jpg) no-repeat 50% 50%;background-size:cover;margin-left:248px;}
.mbnr03		{background:url(../img/mbnr03_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.mbnr04		{background:url(../img/mbnr04_bg.jpg) no-repeat 50% 50%;background-size:cover;}
.mbnr01 a, .mbnr02 a, .mbnr03 a, .mbnr04 a{display:block;font-size:20px;color:#fff;padding:160px 0 0 0;text-align:center;}
.mbnr01 a	{background:url(../img/mbnr01_ico.png) no-repeat 50% 50%;}
.mbnr02 a	{background:url(../img/mbnr02_ico.png) no-repeat 50% 50%;}
.mbnr03 a	{background:url(../img/mbnr03_ico.png) no-repeat 50% 50%;}
.mbnr04 a	{background:url(../img/mbnr04_ico.png) no-repeat 50% 50%;}

#popupzone	{margin:60px 0 40px;position:relative;}
#popupzone .cont img	{width:496px;height:230px;}
#popupcont .noimg		{display:block;width:100%;height:100%;background:#f5f5f5 url(../../data/img/noimg.jpg) no-repeat 50% 50%;}
#pager		{position:absolute;left:20px;bottom:10px;z-index:55;}
#pager a	{text-decoration:none;color:#CCCCCC;border-radius:50%;}
#pager a.active	{text-decoration:none;color:#2465A4;border-radius:50%;}

#mnotice		{position:relative;margin:60px 0 40px;background:#115FAD;background-color: rgba(17,95,173,0.8);}
#mnotice .tit	{float:left;width:40%;color:#fff;}
#mnotice .tit	{padding:30px;}
#mnotice .tit h3{color:#ffcc00;font-size:20px;margin:0 0 10px 0;padding:0;background:none;}
#mnotice .more	{position:absolute;left:24px;bottom:24px;}
#mnotice .more a{display:block;width:36px;height:36px;line-height:36px;color:#fff;border-radius:50%;border:2px solid #fff;text-align:center;}
#mnotice .more a i	{line-height:34px;}
#mnotice ul		{float:left;width:60%;color:#fff;padding:30px 0;}
#mnotice li		{position:relative;line-height:30px;}	
#mnotice li .date{position:absolute;right:20px;top:0;font-family:verdana;font-size:11px;}
#mnotice a		{color:#fff;}	

#mcontact		{margin:60px 0 40px;background:#115FAD;background-color: rgba(17,95,173,0.8);}
#mcontact .cont	{padding:25px 20px;color:#fff;}
#mcontact .cont h3	{padding:0;margin:0;background:none;color:#fff;text-align:center;}
#mcontact .cont .tel{color:#ffffcc;font-size:24px;margin:15px 0;text-align:center;}
#mcontact .cont .tel:after	{display:block;content:"\f068";font-family:FontAwesome;color:#A7C1DA;margin-top:15px;}
.mquick		{position:relative;background:url(../img/bg_bl_60.png) repeat;z-index:3}
.mquick li	{float:left;width:25%;position:relative;line-height:60px;}
.mquick li:before	{content:"|";color:#666;text-align:left;position:absolute;left:0;}
.mquick li:first-child:before{content:""}
.mquick li a{display:block;color:#fff;text-align:center;}

/* sub */
.col_group			{margin-left:-10px;margin-right:-10px;}
.col_group:after	{content:"";clear:both;float:none;display:block;}
.col_group .cont	{margin:10px;}
.col_group .col_d2{float:left;width:50%;}
.col_group .col_d3{float:left;width:33.33333%;}
.col_group .col_d4{float:left;width:25%;}
.col_group .col_d5{float:left;width:20%;}
.col_group img	{max-width:100%}

.line_solid		{clear:both;display:block;margin:20px 0;border-bottom:1px solid #dadada;}
.line_dashed	{clear:both;display:block;margin:20px 0;border-bottom:1px dashed #dadada;}
.line_dotted	{clear:both;display:block;margin:20px 0;border-bottom:1px dotted #dadada;}
.line_double	{clear:both;display:block;margin:20px 0;border-bottom:3px double #eaeaea;}
.line_blank		{clear:both;display:block;height:20px;}

.column_type1			{}
.column_type1 .thumb	{display:inline-block;float:left;margin:0 20px 0 0;}
.column_type1 .txt		{display:table-cell;padding:0;margin:0;}

.column_type2			{position:relative;}
.column_type2 .txt		{}
.column_type2 .thumb	{position:absolute;right:0;top:0;}


#map	{width:100%;height:500px;}
#pdfview{}
#movieframe{}

/* sub */
#svisual		{margin-top:50px;height:200px;background:url(../img/svimg01.jpg) no-repeat 50% 50%;background-size:cover;}
#svisual .svtxt	{text-align:center;padding:55px 0 0 0;}
#svisual .tit	{display:inline-block;line-height:46px;height:46px;color:#ffcc00;font-size:40px;font-family:ngl;background:#115FAD;padding:2px 2px 0;}
#svisual .txt	{color:#fff;font-size:16px;margin-top:10px;line-height:140%;}

.sbg	{background:#f4f4f4 url(../img/sbg.gif) repeat}
.sbnr	{text-align:center;}
.sbnr a:hover{text-decoration:none;}
.sbnr .bnr1			{display:block;background:#FF9900 url(../img/sbnr01_img01.png) no-repeat 50% 20px;margin:0 0 10px 0;padding:100px 0 20px 0}
.sbnr .bnr1 .stit	{font-size:14px;color:#fff;}
.sbnr .bnr1 .tit	{font-size:24px;color:#FFFFCC}
.sbnr .bnr2			{display:block;background:#FFcc00;margin:0 0 10px 0;padding:20px;}
.sbnr .bnr2 .tit	{font-size:16px;}
.sbnr .bnr2 .tel	{font-size:24px;color:#115FAD;margin:10px 0;}
.sbnr .bnr2 ul		{text-align:left;}
.sbnr .bnr3			{display:block;background:#768395 url(../img/sbnr03_img01.png) no-repeat 50% 15px;margin:0 0 10px 0;padding:80px 0 10px 0;color:#fff}
.sbnr .bnr3 .tit	{font-size:16px;}
.sbnr .bnr3 .time	{font-size:24px;color:#FFCC00;margin:5px 0;}
.sbnr .bnr3 .date	{color:#D6DADE;}

.ftxt	{padding:30px 0 50px;text-align:right;}

/* 예약 */
.booking_step		{background:#999;margin:0 0 20px 0;color:#fff;text-align:center;}
.booking_step li	{float:left;width:25%;height:90px;padding:15px 10px 0 10px;line-height:140%;border-left:1px dashed #ccc;}
.booking_step li.on	{background:#115FAD}
.booking_step li:first-child{border-left:none;}
.booking_step .num	{display:block;color:#ffcc00;font-family:verdana;font-weight:bold;font-size:12px;margin:0 0 5px 0;}
.booking_step .arr_prev	{}

.booking02_bx		{background:#f4f4f4;}
.booking02_bx .desc		{float:left;padding:30px;width:calc(100% - 300px);}
.booking02_bx .desc .tit{font-size:24px;margin:0 0 20px 0;}
.booking02_bx .sum		{float:right;padding:30px;width:300px;background:#115FAD;text-align:center;color:#fff;}
.booking02_bx .sum .tit	{font-size:16px;margin:0 0 20px 0;}
.booking02_bx .sum em	{color:#ffcc00;font-size:24px;font-weight:bold;font-family:verdana;}
.booking02_bx .sum .tag_d{vertical-align:top;margin:3px 5px 0 0;}

.agree		{border:1px solid #ccc;border-top:2px solid #115FAD;margin:20px 0;padding:10px;}
.agree h3	{padding:0;margin:10px 0 0 10px;background:none;}
.agree .inside	{padding:20px;margin:0 10px 10px 10px;border:1px solid #ccc;background:#f4f4f4;height:150px;overflow-y:scroll}

.booking03_bx	{border:1px solid #ccc;border-top:2px solid #115FAD;}
.booking03_bx table th,
.booking03_bx table td{text-align:left;padding:15px 30px}
.booking03_bx table tr.end th,
.booking03_bx table tr.end td{background:#f4f4f4;border-top:1px solid #ddd;}

.booking04_bx		{border:1px solid #ccc;border-top:2px solid #115FAD;margin:0 0 20px 0;}
.booking04_bx .top	{padding:60px 30px 60px 200px;background:url(../img/booking04_img.png) no-repeat 45px 30px;color:#888}
.booking04_bx .top .tit{margin:0 0 10px 0;font-size:30px;color:#115FAD;}
.booking04_bx .cont	{border-top:1px dashed #ccc;background:#f4f4f4;padding:20px 30px}
.booking04_bx .cont h3{font-size:28px;text-align:center;font-weight:normal;}
.booking04_bx .txt1			{position:relative;background:#fff;margin:10px;height:400px}
.booking04_bx .txt1 .img_frame{height:200px;}
.booking04_bx .txt1 .desc	{position:relative;padding:25px;}
.booking04_bx .txt1 .btn_d	{position:absolute;right:20px;top:50px;height:65px;padding-top:15px}
.booking04_bx .txt1 .tit	{color:#115FAD;font-size:24px;margin:0 0 10px 0;}
.booking04_bx .txt1 .sum	{position:absolute;left:0;bottom:0;width:100%;background:#115FAD;line-height:30px;padding:10px 20px;color:#fff;}
.booking04_bx .txt1 .sum em{color:#ffcc00;font-size:24px;font-family:verdana;font-weight:bold;} 
.booking04_bx .txt2		{background:#fff;margin:10px;height:400px;border:1px solid #464C58;}
.booking04_bx .txt2	h4	{background:#464C58;color:#ffcc00;padding:0 20px;margin:0;font-size:18px;line-height:50px;}
.booking04_bx .txt2	table	{margin:25px;}
.booking04_bx .txt2	table th{text-align:left;padding:3px 5px;}
.mybooking		{border-top:1px dashed #ccc;}
.mybooking .txt	{float:left;width:calc(100% - 240px);padding:25px 20px 0 200px;}
.mybooking .sum	{float:right;width:240px;padding:40px 30px;color:#fff;}
.mybooking .sum .tt		{display:inline-block;width:80px;}
.mybooking.my_check			{background:url(../img/my_check_ico01.png) no-repeat 40px 50%;}
.mybooking.my_check .tit	{font-size:30px;color:#CC0000;margin:10px 0;}
.mybooking.my_check	.sum	{background:#115FAD;}
.mybooking.my_refund		{background:url(../img/my_refund_ico01.png) no-repeat 40px 50%;border-bottom:1px dashed #ccc;}
.mybooking.my_refund .tit	{font-size:30px;color:#FF6600;margin:30px 0 10px;}
.mybooking.my_refund .sum	{background:#464C58;}
.mybooking.my_refund .bg_gr	{}

.booking_check		{border:1px solid #ccc;border-top:2px solid #115FAD;}
.booking_check .top	{padding:180px 0 30px 0;background:url(../img/booking_check_img.png) no-repeat 50% 30px;color:#888;text-align:center;}
.booking_check .top .tit{margin:0 0 10px 0;font-size:30px;color:#115FAD;}
.booking_check .cont	{border-top:1px dashed #ccc;background:#f4f4f4;padding:40px 0;}
.booking_check .cont dl	{clear:both;padding:0;margin:0 auto;width:300px;}
.booking_check .cont dt	{float:left;width:140px;padding:0;margin:1px 0;}
.booking_check .cont dd	{float:left;width:calc(100% - 140px);padding:0;margin:1px 0;}
.booking_check .cont a	{display:block;margin:5px auto 0;width:300px;}

.room_view				{width:976px;background:#fff;}
.room_view .img_frame	{position:relative;height:440px;background:#252525;}
.room_view .img_frame img{vertical-align: middle;}
.room_view .control		{position:absolute;width:100%;left:0;bottom:0;background:url(../img/bg_bl_60.png) repeat;padding:10px 0;font-family:verdana;font-size:12px;color:#fff;z-index:999;text-align:center}
.room_view .control .fwb{color:#ffcc00}
.room_view .control a	{color:#fff;margin:0 10px;}
.room_view .cont		{height:440px;padding:25px;overflow:auto;}
.room_view .cont h3		{background:none;padding:0;margin:0 0 5px 0;color:#115FAD;font-size:24px;}
.room_view .cont h4		{background:none;padding:0;margin:0 0 5px 0;color:#115FAD;font-size:18px;}
.room_view .room_ico	{border-top:1px dashed;border-bottom:1px dashed;border-color:#ccc;padding:15px 0;margin:15px 0;}
.room_view .room_ico li	{float:left;width:25%;text-align:center;}
.room_view .room_ico span	{display:block;width:100%;height:75px;margin:0 0 5px 0;background-position:50% 0;background-repeat:no-repeat;}
.room_view .room_ico .ico1	{background-image:url(../img/room_ico01.png)}
.room_view .room_ico .ico2	{background-image:url(../img/room_ico02.png)}
.room_view .room_ico .ico3	{background-image:url(../img/room_ico03.png)}
.room_view .room_ico .ico4	{background-image:url(../img/room_ico04.png)}


/* 스타일 수정 */

html, body {min-width: auto !important;}

* {font-family: 'pretendard'; color:#333;font-size:17px;}
.check_box01.ver1  .box-wrap,
.check_box01.ver2  .box-wrap{width:100% ;}
.check-api.bg { background: linear-gradient(45deg, #6ED0F5, #9FE6D7);padding:100px 0;width:100%;}
.check-api.bg > .indentb {background:#fff;padding:50px;width:1000px;margin:0 auto;box-shadow: 1px 0px 20px 11px #7caab563;}
.check-api .tit {font-size:30px;font-weight:700; margin:5px 0 20px;}
.check-api .tit .stit {color:#999;font-weight: 500;font-size:16px;}
.check_box01 > span {background-color: #5daae7;margin-right:20px;}
.check_box01 p {margin:0;color:#333;font-size:17px;}
.check_box01 .txt {margin-bottom:10px;}
.check_box01 .bg-gr {background:var(--basic-bg);padding:30px;margin-bottom:20px;}
.check_box01 .bx1_wh {border:1px solid #ddd;padding:30px;}
.check_box01 .box-wrap {width: calc(100% - 70px);}
.check_box01  span.num {background-color: #5daae7;margin-right: 20px;display: inline-block;width: 50px;height: 50px;border-radius: 50%;color: #fff;margin-right: 20px;text-align: center;line-height: 50px;}
.watch1:before {content: '!';color: #F7645E;font-size: 20px;font-weight: 700;width: 20px;line-height: 20px;border-radius: 50%;background: #fff;display: inline-block;text-align: center;margin-right: 20px;box-shadow: 0 0 6px #f7645e85;}
.check-api .txt.watch1 {background:#fff4f3;padding:5px 30px 5px 20px; border-radius:10px; width:auto;display:inline-block; color:#F7645E;}
.check_box01 .point1 {color:var(--blue);font-weight:700;}
.check_box01 .txt2 {margin-bottom:10px;}
.board-write label {display:none;}
#check_discount {border:0 !important;padding:0  !important;}
.check_box01.ver2 {margin-top:50px;}
.success_msg {font-size: 20px;background: #fff4f3;padding: 50px;font-weight: 700;text-align: center;border: 1px solid #F7645E;
color: #F7645E;}
.check_box01 .discount-sel li { display: flex; align-items: flex-start;}
.check_box01 .discount-sel li input {margin-top:5px;}
.btnarea {margin-bottom:0;}
.check-api h1.tit {font-size:60px;text-align:center;color:#fff;font-weight:800;}


@media only screen and (max-width:1240px){ 
	
	.check-api.bg > .indentb {width:auto;}
	.check-api.bg {padding:100px 50px;}

	

}

@media only screen and (max-width:767px){ 
	.check-api.bg {padding:20px 20px;}
	.check-api.bg > .indentb {padding:20px;}
	.form-inline .form-control input {width:100%;}
	.check-api .tit .stit {display:block;padding-left: 50px;margin-top: -10px;}
	.success_msg {padding:40px 20px;}
	.check_box01 .bg-gr,
	.check_box01 .bx1_wh {padding:20px;}
	.check-api .tit {font-size:25px;}
	.check_box01 span.num {width:40px;height:40px;line-height:40px;margin-right:10px;}
	.check-api h1.tit {font-size:35px;text-align:center;color:#fff;font-weight:800;}
	.check_box01.ver2 .form-inline input {width:47% !important;}
	.board-write table td {display:flex;align-items:middle;}


}


/* 인증 팝업 */
.ui-widget-content{border-radius: 15px;width: 600px;background: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;height: auto;z-index: 101;}

.ui-widget-content .board-write {margin:0 20px;}
.ui-widget-content .board-write table th {font-weight:600;}

.ui-dialog .ui-dialog-title {color:#fff;font-size:18px;}
.ui-dialog .btnarea {margin-bottom:20px;}

.ui-draggable .ui-dialog-titlebar {padding:10px 20px;border-top-left-radius: 15px;border-top-right-radius: 15px;}

.check-api{ pointer-events: none; }

.ui-dialog .ui-dialog-titlebar-close { background: url(../../img/btn_modal_close.png) no-repeat 0 0;}


@media only screen and (max-width:767px){ 

.ui-widget.ui-widget-content {width:400px;}

}