@charset "utf-8";

/* main */
::selection {
    background: #081765;
    color:#fff;}


/* 메인 슬라이드 */
.main_visual {position:relative;}
.main_visual h2 {position:absolute;bottom:200px; right: 0; left: 0; z-index:80;font-size: 19px; font-weight: 500;color: #fff; text-transform:uppercase; text-align: center;text-shadow: 1px 1px 1px #081765;}
.main_visual h2 span {display: block; padding-top: 110px; background:url('/images/main/bg_text.png') no-repeat top center; background-size: 80px; font-family: "Rozha One","Noto Sans KR",sans-serif; font-size: 0; text-shadow: 1px 1px 1px #081765;}
.main_visual .main_slider {}
.main_visual .main_slider li {height:560px;background-repeat:no-repeat; background-position:center;}
.main_visual .main_slider li.view1 {background-image:url('/images/main/visual1.jpg');}
.main_visual .main_slider li.view2 {background-image:url('/images/main/visual2.jpg');}
.main_visual .main_slider li.view3 {background-image:url('/images/main/visual3.jpg');}
.main_visual .main_slider li.view4 {background-image:url('/images/main/visual4.jpg');}
.main_visual .main_slider li.view5 {background-image:url('/images/main/visual5.jpg');}
.main_visual .main_slider li.view6 {background-image:url('/images/main/visual6.jpg');}
.main_visual .main_slider li.view7 {background-image:url('/images/main/visual7.jpg');}
.main_visual .bx-controls-direction {}
.main_visual .bx-controls-direction a {position:absolute;top:38%;z-index:85;width:60px;height:60px;background-size:34px 54px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;opacity:0.5;filter:alpha(opacity=50);}
.main_visual .bx-controls-direction a.bx-prev {left:2%; background-image:url('/images/main/prev.png');}
.main_visual .bx-controls-direction a.bx-next {right:2%;background-image:url('/images/main/next.png');}
.main_visual .bx-controls-direction a:hover {opacity:1;filter:alpha(opacity=100);}
.main_visual .bx-wrapper {margin-bottom:0; border: 0;box-shadow: 0 0 0px #ccc;}
.main_visual .bx-controls.bx-has-pager {width:100%; margin:0px auto;}
.main_visual .bx-wrapper .bx-pager {bottom:45px; text-align:center;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width: 14px;height: 14px; margin: 0 10px; border-radius: 50px;background: #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #081765;}


/*메인 컨텐츠*/
.main_inner {width: 1100px;margin: 0 auto; overflow: hidden;}
.inner_content {width: 1000px;margin: 0 auto}
.main_content {padding: 60px 0;text-align: center;}
.main_content h3 {font-size: 30px; font-weight: 800; text-transform: uppercase; font-family: "Noto Sans KR",sans-serif;}

.break {display: block;}

    /*스페셜 오퍼*/
    .offers ul li {display: inline-block; padding-right: 25px; margin-top: 40px; margin-left: 25px; border-right: 1px solid #ddd; text-align: left;}
    .offers ul li:first-child {margin-left: 0;}
    .offers ul li:last-child {padding-right: 0;}
    .offers ul li h4 {font-family: "Noto Sans KR",sans-serif; font-size: 24px; font-weight: 600; color: #101010; line-height: 24px;}
    .offers ul li h4:after {display: block; margin: 10px 0; width: 28px; height: 1px; content: ''; background-color: #101010; border: 0;}
    .offers ul li h4 span {display: block; font-size: 17px; font-weight: 500; color: #098dd1;}
    .offers ul li p {padding-bottom: 14px; font-size: 16px;}
    .offers ul li .img {overflow: hidden; width: 330px; height: 220px;}
    .offers ul li .img img {width: 100%; transform: scale(1.0); transition: .3s;}
    .offers ul li:hover .img img {transform: scale(1.2);}
    .offers ul li:first-child {}
    .offers ul li:last-child {border-right: 0px;}
    

    /*객실*/
    .accomm {padding: 60px 0 20px; background: #f3f3f3;}
    .accomm p.text {display: block; font-size: 17px; font-weight: 500; color: #098dd1;}

    .slider-room {margin-top: 40px; }
    .room_view {position:relative;width:1000px; margin:0 auto 110px;padding-top:100px;}
    /*.room_view h2 {position:absolute;top:110px;left:60px;z-index:99;background-color:#0c3444;padding:3px 10px;color:#fff;font-size:0.833em;font-weight:400;transition:all 1s;}*/
	.slider-room .item {position:relative;padding-top:54px;}
	.slider-room .item .tit {opacity:0;position:absolute;top:10px;left:10px;z-index:99;background-color:#098dd1;padding:3px 10px;color:#fff;font-size:0.833em;font-weight:400;transition:all .2s;}
	.slider-room .txtArea {overflow:hidden;width:1000px; height: 360px; background-color:#fff;padding:50px;margin:0 auto;}
	.slider-room .txtArea .txt {float:right; width: 480px; text-align: center; margin-top: 30px;}
	.slider-room .txtArea .txt h4 {font-family: "Noto Sans KR",sans-serif; color:#101010;font-size:26px;font-weight:700;}
	.slider-room .txtArea .txt h4:after {display: block; margin: 10px auto; width: 72px; height: 2px; content: ''; background-color: #101010; border: 0;}
    .slider-room .txtArea .txt h4 span {display: block; font-size: 19px; color: #101010; font-weight: 400;}

	.slider-room .txtArea .txt .desc {margin:15px 0;color:#333;font-size:17px;line-height:1.5; word-break: keep-all;}
	.slider-room .txtArea .txt dl {overflow:hidden;font-size:0.944em;line-height:1.5;}
	.slider-room .txtArea .txt dt {float:left;margin-right:5px;color:#222;font-size:0;}
	.slider-room .txtArea .txt dd {font-weight:300;color:#222;}
	.slider-room .txtArea .txt .btnArea {margin-top:30px;}
	.slider-room .txtArea .txt .btnArea a  {display:inline-block;width:127px; height: 40px; background-color:#333; border:1px solid #333; font-size: 16px;
 color:#fff;text-align:center; line-height: 40px;}
	.slider-room .txtArea .txt .btnArea a.more {background:none;margin-right:10px;color:#081765;}
	.slider-room .img {position:absolute;top:0;left:50px;}
	.slider-room .owl-item {margin-top:40px;}
	.slider-room .owl-item .txtArea {padding:30px; background-image:url('/images/main/bg_accomm.png') !important;}
	.slider-room .owl-item .txtArea .txt .btnArea {opacity:0;transition:all .5s;}
	.slider-room .owl-item .img {top:45px;left:-35px;transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);transition:all .5s;}
	.slider-room .active {margin-top:0;}
	.slider-room .active .tit {opacity:1;}
	.slider-room .active .txtArea {padding:40px;}
	.slider-room .active .txtArea .txt .btnArea {opacity:1;}
	.slider-room .active .img {top:0;left:100px; width:420px;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);}
	.owl-carousel .owl-stage-outer {overflow:visible !important;}
	.owl-nav {overflow:hidden;position:absolute;top:45%;z-index:40;width:1100px;margin-top:0 !important;}
	.owl-nav button {display:inline-block;width:50px;height:60px;background-repeat:no-repeat;background-position:center;border-radius:0 !important;margin:0 !important;}
	.owl-nav .owl-prev {float:left; background-image:url('/images/common/prev.png') !important;}
	.owl-nav .owl-next {float:right; background-image:url('/images/common/next.png') !important;}
	.owl-nav button span {display:inline-block;text-indent:-99999px;}


     /*퀵배너*/
    .banner ul li {position: relative; display: inline-block; padding-right: 15px; margin-left: 15px; text-align: left;}
    .banner ul li:first-child {margin-left: 0;}
    .banner ul li:last-child {padding-right: 0;}
    .banner ul li p.txt {position: absolute; right: 0; left: 0; padding-top: 80px; margin: 0 auto; z-index: 999; text-align: center; color: #fff; font-weight: 400; font-size: 21px; line-height: 24px;}
    .banner ul li p.txt span {font-size: 17px;}
    .banner ul li .img {overflow: hidden; width: 330px; height: 220px;}
    .banner ul li .img:before {display: block; position: absolute; margin: 10px; border: 1px solid #fff; content: ''; width: 310px; height: 200px; box-sizing: border-box; z-index: 888;}
    .banner ul li .img img {width: 100%; transform: scale(1.0); transition: .3s;}
    .banner ul li:hover .img img {transform: scale(1.2);}
    .banner ul li:first-child {}
    .banner ul li:last-child {border-right: 0px;}


.location {padding: 0;}

.contact ul {position: absolute; z-index: 999; background: #fff; width: 1200px; height: 80px; margin: -40px auto 0; right: 0; left: 0; line-height: 80px;}
.contact li {display: inline-block; padding: 0 40px; text-align: center;}
.contact li.loc {background:  url(/images/common/icon_loc.png) no-repeat center left;}
.contact li.tel {background:  url(/images/common/icon_tel.png) no-repeat center left;}
.contact li.fax {background:  url(/images/common/icon_fax.png) no-repeat center left;}



/* sub */
.sub_title {width: 100%; margin: 0 auto 30px ;text-align: center;}
.sub_title h2 {font-size: 36px;margin-bottom: 30px; font-weight: 300;color: #000000;}
.sub_title p {font-size: 16px; color: #666;}
.sub_title p.big {font-size: 19px; color: #000;}
span.br {display: block;}

/* 서브 비주얼 */
.sub_visual_box {width:1000px;margin:0 auto;}
.sub_visual {position:relative;min-width:1000px;}
.sub_visual h2 {position:absolute;bottom:200px;left:980px;z-index:80;width:582px;height:154px;background:url('') no-repeat;font-size: 52px; color: #fff; text-indent:-9999px;}
.sub_visual #bx-pager {margin-top: 6px; text-align: center}
.sub_visual .bx-wrapper {margin-bottom: -2px; box-shadow: 0 0 0px #ccc;border: 0;}
.sub_visual .bx-controls-direction a {position:absolute;top:38%;z-index:85;width:60px;height:60px;background-size:34px 54px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;opacity:0.5;filter:alpha(opacity=50);}
.sub_visual .bx-controls-direction a.bx-prev {left:2%;background-image:url('/images/main/prev.png');}
.sub_visual .bx-controls-direction a.bx-next {right:2%;background-image:url('/images/main/next.png');}
.sub_visual .bx-controls-direction a:hover {opacity:1;filter:alpha(opacity=100);}

.sub2 .sub_visual #bx-pager {margin-top: 0;}
.sub2 .sub_visual #bx-pager a {margin: 0 -1px;}


/* 서브 컨테이너 */
.container {padding: 40px 0; margin: 0 auto; width:1200px;}
.sub_content {margin: 20px auto 0; font-size: 0;}
.container .sub_content {margin: 0 auto 60px;}
.sub_content dl dt {display: inline-block; vertical-align: top; width: 20%; font-size: 24px; color: #000; line-height: 27px; letter-spacing: -0.2px;}
.sub_content dl dd {display: inline-block; width: 80%; font-size: 15px; color: #606167;}
.table {width: 100%;table-layout: fixed;}
.table tr:first-child {border-top: 2px solid #101010;}
.table th {width: 180px; height: 48px;padding:0 40px; border-bottom: 1px solid #bbb;font-size: 15px; font-weight: 500; color: #333; text-align: left;}
.table td {height: 48px;padding:0 40px;border-bottom: 1px solid #bbb;font-size: 15px; color: #666; letter-spacing: -0.1px;}
.prepar {margin: 300px 0 ; font-size:24px; text-align: center; }



.side_menus {position: absolute; width: 220px;}
.side_menus h3 {padding: 5px 0 15px; font-size: 24px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #101010;}
.side_menus li {padding: 10px 20px; font-size: 18px; font-weight: 400; border-bottom: 1px solid #ddd;}
.side_menus li a {color: #101010;}
.sub6 .container, .sub7 .container {margin-left: 260px; padding: 20px 0; width: 940px;}
.sub6 #container_wr, .sub7 #container_wr {margin-top: 50px;}

    /*소개*/
    .intro .inner {position: relative; height: 1200px; background: url('/images/main/bg_intro.png') no-repeat center 180px; text-align: center;}
    .intro .inner h3 {font-size: 26px; font-weight: 400;}
    .intro .box {position: absolute; width:600px; top: 300px; right: 0; background: #fff; padding: 80px; text-align: left; font-size: 17px;}
    .intro .box p {word-break: keep-all;}
    .intro .box2 {position: absolute; width:900px; top: 1000px; left: 0; right: 0; margin: 0 auto; background: #fff; padding: 80px;}
    .intro .box2 p {word-break: keep-all;}
    .intro p.font_en {padding-top: 20px; font-weight: 500; font-size: 16px;}
    .intro ul.font_en {padding-top: 20px; font-weight: 500; font-size: 16px;}
    .intro ul.font_en li {padding-left: 20px; background: url('/images/page/dot.gif') no-repeat left 12px;}

    /*오시는 길*/
    .mapArea {}
        .wrap_controllers {display:none;}
        .root_daum_roughmap {width:100% !important;border-bottom:1px solid #dfdfdf;}

    .mapArea .sh_info {position:relative;height:130px;background:url('/images/common/intro_logo.png') 34px 36px no-repeat;border:1px solid #e1e1e1;margin:50px 0;padding-left: 280px; background-size: 210px;}
    .mapArea .sh_info p {height:100%;border-left:1px solid #e1e1e1;padding:25px 0 0 40px;font-weight:300;line-height:2.2;}
    .mapArea .sh_info p span {}
    .mapArea .sh_info p span.tit {margin-right:8px;color:#111;font-weight:400;}
    .mapArea .sh_info p span.fax {margin-left:100px;}
    .mapArea .sh_info a, .add a {position:absolute;top:40px;right:50px;display:inline-block;width:160px;background-color:#081765;border-radius:50px;padding:8px 0;color:#fff;text-align:center;}
    .mapArea .sh_info a {transition:all .2s;}
    .mapArea .sh_info a:hover, .add a:hover {background-color:#061250;}
    .mapArea th {background-color:#f9f6f2; border-bottom: 1px solid #ddd;}
    .mapArea th span.arr {display:inline-block;width:18px;height:10px;background:url('/images/page/arr_1.png') center center no-repeat;margin:0 5px;}
    .mapArea td {border-bottom: 1px solid #ddd;}
    .mapArea td p {display:inline;color:#555;font-size:0.944em;font-weight:300;}
    .mapArea td p span {display:inline-block;width:17px;height:9px;background:url('/images/page/arr_2.png') center center no-repeat;margin:0 5px;}
    .mapArea .car {border-top:none;}
    .mapArea .car tbody {border-top:1px solid #111;}
    .mapArea .car th {width:16%;}
    .mapArea .car td {padding-left:50px;color:#111;font-weight:400;text-align:left; padding: 20px 30px;}








/* 객실 리스트 2-0 */
.accomm_list  {padding: 70px 0;letter-spacing: -0.4px;}
.accomm_list .box {border: 1px solid #ddd;}
.accomm_list .inner {width: 840px; margin: 0 auto;}
.accomm_list .sub_title h2 { width: 300px; font-family: "Noto Sans",sans-serif; font-size: 30px; font-weight: 800; text-transform: uppercase; display: block; margin: -20px auto 0; background: #fff;padding: 0 20px 60px;}
.accomm_list .line {padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #ddd; }
.accomm_list .line:last-child {border-bottom: 0; }
.accomm_list .line .img {position: relative; float: left; margin-right: 55px; width:375px; height: 230px; background: #333; overflow: hidden;}
.accomm_list .line .marker {position: absolute; display: block; top: 0; left: 20px; padding: 5px 0; width: 80px; background-color: #098dd1;font-size: 12px; color: #fff; text-align: center; line-height: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px;}
.accomm_list .line .cont {float: left; width: 410px;}
.accomm_list .line .cont h4 {font-family: "Noto Sans",sans-serif; font-size: 30px; font-weight: 800;}
.accomm_list .line .cont h4:after {display: block; margin: 10px 0; width: 50px; height: 2px; content: ''; background-color: #098dd1; border: 0;}
.accomm_list .line .cont p {font-size: 18px; color: #999; padding-bottom: 30px;}
.accomm_list .line .cont p span {display: block; color: #101010;}
.accomm_list .line:after {display: block; content: ''; clear: both;}
.accomm_list a.btn, .accomm_view a.btn{display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 18px; border: 1px solid #101010; color: #101010; font-weight: 300;}
.accomm_list a.btn_full, .accomm_view a.btn_full {background: #101010; color: #fff;}



/* 객실정보 2-1~2-5*/
.accomm_view {padding: 70px 0; font-weight: 400;}
.accomm_view .box {margin-top: 50px; border: 1px solid #ddd;}
.accomm_view .inner {width: 940px; margin: 0 auto;}
.accomm_view .sub_title h2 {width: 300px; font-family: "Noto Sans",sans-serif; font-size: 30px; font-weight: 800; text-transform: uppercase; display: block; margin: -20px auto 0; background: #fff; width: fit-content; padding: 0 20px 30px;}
.accomm_view .accomm_tit {position: relative; width: 100%;}
.accomm_view .accomm_tit h3 {font-family: "Noto Sans",sans-serif; font-size: 30px; font-weight: 800;}
.accomm_view .accomm_tit h3:after {display: block; margin: 10px 0; width: 50px; height: 2px; content: ''; background-color: #098dd1; border: 0;}
.accomm_view .accomm_tit p {font-size: 18px; color: #999; padding-bottom: 30px; font-weight: 400; line-height: 21px;}
.accomm_view .accomm_tit p span {display: block; color: #101010;}
.accomm_view .line h3 {float: left; width: 150px; font-size: 18px; font-weight: 500;}
.accomm_view .line li {font-size: 16px;}
.accomm_view .info {float: left; width: 790px; overflow:hidden;}
.accomm_view .line {padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #ddd; }
.accomm_view .line:last-child {padding-bottom: 60px; border: 0; }
.accomm_view .line:after {display: block; content: ''; clear: both;}    
.accomm_view dt {font-size: 16px; font-weight: 500;}
.accomm_view dd {font-size: 16px; }
.accomm_view .btn_line {padding-top: 30px; text-align: center;}

.accomm_view .infobox {position: absolute; top: 0; right: 0; padding: 25px 20px; width: 360px; height: 100px; border-radius: 10px; border: solid 1px #8dbfd8;}
.accomm_view .infobox h4 {float: left; width: 35%; padding-left: 30px; background:url('/images/page/i_cs.png') no-repeat left center; font-size: 18px; font-weight: 500;}
.accomm_view .infobox ul {float: left; width: 65%;}
.accomm_view .infobox li {font-size: 16px;color: #098dd1; font-weight: 400;}
.accomm_view .infobox span {padding-right: 10px; font-weight: 500; color: #101010;}


    /*객실정보*/
	.accomm_info {}
	.accomm_info li {float:left; width:33%;}
	.accomm_info li:last-child {width:34%;}
	.accomm_info li dl {line-height:2;}
	.accomm_info li dt {display: block; float: left; width: 35%;}
	.accomm_info li dd {float: left; width: 65%; color: #666666;}
	.accomm_info li dd:after {display: block; content: ''; clear: both;}

    /*제공서비스*/
    .accomm_service {}
	.accomm_service li {float:left; padding-right:30px; width: 33%;}
	.accomm_service li:last-child {padding-right:0; width:34%;}
	.accomm_service li dl {overflow:hidden;}
	.accomm_service li dt {background-repeat:no-repeat;margin-bottom:10px;padding-top:90px;color:#222;font-weight:600;}
	.accomm_service li dd {word-break:keep-all; color: #666666;}
	.accomm_service li.stuff_1 dt {background-image:url('/images/page/i_room.png');background-size: 66px; background-position: left 30px;}
	.accomm_service li.stuff_2 dt {background-image:url('/images/page/i_bath.png');background-size: 60px; background-position: left 20px;}
	.accomm_service li.stuff_3 dt {background-image:url('/images/page/i_room2.png');background-size: 46px; background-position: left 30px;}

    /*안내사항*/
    .accomm_guides h3 {background:url('/images/page/i_guide.png') no-repeat 74px center;}
    .accomm_guides dl {line-height: 1.88;}
    .accomm_guides dt {display: block; float: left; width: 12.5%;}
    .accomm_guides dd {float: left; width: 87.5%; color: #666666;}






/* 연회장&세미나 3-1*/
.container_facility {padding: 0; margin-bottom: 60px; font-weight: 400;}
.container_facility .box {margin-top: 50px; border: 1px solid #ddd;}
.container_facility .inner {padding: 90px 0; margin: 0 auto; width: 940px;}
.container_facility .sub_title {text-align: left; margin: 0 auto 0; line-height: 1.6;}
.container_facility .sub_title h2 {font-family: "Noto Sans KR",sans-serif; font-size: 30px; font-weight: 800; display: block; background: #fff; width: fit-content;}
.container_facility .sub_title h2 span {font-family: "Noto Sans KR",sans-serif; display: block; font-size: 18px; color: #098dd1; font-weight: 500;}
.container_facility .sub_title h2 small {margin-left: 10px; font-family: "Noto Sans",sans-serif; font-size: 18px;  color: #098dd1;}
.container_facility .line h3 {float: left; width: 150px; font-size: 18px; font-weight: 500;}
.container_facility .line li {font-size: 16px;}
.container_facility .btn_line {padding-top: 30px; text-align: center;}

.container_facility .infobox {position: absolute; top: 0; right: 0; padding: 30px 35px; width: 260px; border: solid 1px #8dbfd8;}
.container_facility .infobox h4 {}
.container_facility .infobox span {width: 100%; font-size:16px; color: red; text-align: center;}
.container_facility .infobox dl {line-height: 2;}
.container_facility .infobox dt {display: block; float: left; width: 40%; font-size: 16px; font-weight: 500; letter-spacing: -0.4px;}
.container_facility .infobox dd {float: left; width: 60%; font-size: 16px; text-align: right; font-weight: 300;}
.container_facility .infobox dl:last-child {display: block; content: ''; clear: both;}
.container_facility .infobox a.btn {display: inline-block; font-weight: 300; margin-top: 20px; width: 190px; height: 38px; font-size: 16px; border: 0; background-color: #098dd1; color: #fff; line-height: 38px;}


.container_facility .cont {position: relative; 
    margin: 40px 0 0; width: 100%;}
.container_facility .cont h3 {font-family: "Noto Sans",sans-serif; font-size: 30px; font-weight: 800;}
.container_facility .cont h3:after {display: block; margin: 10px 0; width: 50px; height: 2px; content: ''; background-color: #098dd1; border: 0;}
.container_facility .cont h3 span {margin-left: 10px; font-size: 18px; color: #098dd1;}
.container_facility .cont p {font-size: 16px; color: #999; padding-bottom: 30px; font-weight: 400; line-height: 1.6;}
.container_facility .cont p span {display: block; color: #101010;}

.container_restaurant .infobox {top: -90px;}

.container_cafe .inner {padding: 50px 0; }
.container_cafe .cont {text-align: center;}
.container_cafe .cont p {margin: 20px 0; line-height: 1.2;}
.container_cafe .cont p span {margin: 0 auto; width: 387px; height: 49px; background: url('/images/page/text_sulsimdang.png') no-repeat center; text-indent: -5000px;}



.view {}
.view .sub_cont {position: relative; border-bottom: 1px solid #ddd;}
.view .sub_cont::after {display: block; content: ''; clear: both;}
.view h3 {float: left; margin:50px 0 0 1.5%; width: 16%; color:#111; font-size:30px; font-weight:300;}
.view .tit {display:block; margin:50px 0 10px; color:#111; font-size:2.222em; font-weight:400; font-family: "Rozha One","Malgun Gothic",sans-serif; letter-spacing: -0.5px; }
.view .desc {margin-bottom:50px;font-size:1.111em;font-weight:300;word-break:keep-all;letter-spacing:-0.02em;}
.view .desc .em {display:block;color:#222;font-size:1.100em;font-weight:700;}
.view .desc .em2 {font-size:1em;}

#imageGallery_ver img {width: 100%;}
.sub2 .lSPager.lSGallery img {height: 131px !important;}

	
	
	.caution {background:#f6f8ff url('/images/page/i_caution.png') 35px 40px no-repeat; border: 1px solid #ced2e4;margin:50px 0 0 0;padding:40px 40px 40px 95px;}
	.caution h3 {float: none; margin:0 0 15px 0;font-size:1.056em !important;font-weight:400 !important;}
	.caution ul {}
	.caution li {background:url('/images/common/bullet2.gif') center left no-repeat;padding-left:10px;color:#222;font-size:0.889em;font-weight:300;line-height:2;}
	.caution li em {color:#f55b5b;}

    .price {position: absolute; top: 0px; right: 0; text-align: left; font-size: 30px; font-weight: 500; background: #f6f8ff; color: #081765; padding: 10px 20px; border: 1px solid #ced2e4;}
    .price h4 {font-weight: 700; font-size: 18px;}
    .price li {font-size: 18px;}
    .price em {font-size: 18px; font-weight: 800;}
    .price span {display: block; color:#f55b5b;font-size: 16px;}


.sub5 .container_facility .box {min-height: 1140px;}





.bd_title {margin-left: 260px; width: 940px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #101010; }
.bd_title:after {position: absolute; padding-bottom: 10px; width: 10%; border-bottom: 1px solid #098dd1; content: ''; }
.bd_title h2 {font-family: "Noto Sans KR",sans-serif; font-size: 30px; font-weight: 800; display: block; background: #fff; width: fit-content;}
.bd_title h2:after {margin-left: 10px; font-size: 18px; color: #999; content: '단아하고 고풍스런 인테리어 아늑하고 편안한 휴식 공간을 제공합니다.'; font-weight: 400;}
.bd_title h2 span {font-family: "Noto Sans KR",sans-serif; display: block; font-size: 18px; color: #098dd1; font-weight: 500;}
.bd_title h2 small {margin-left: 10px; font-family: "Noto Sans",sans-serif; font-size: 18px;  color: #098dd1;}


/* 예약안내 */
.container_reser {}
.container_reser dl dt {display: inline-block; vertical-align: top; width: 20%; font-size: 24px; color: #000; line-height: 27px; letter-spacing: -0.2px;}
.container_reser dl dd {display: inline-block; width: 80%; font-size: 17px; color: #606167;}

.container_reser .table {width: 100%;table-layout: fixed;border-top: 2px solid #101010;}
.container_reser h3 {display: inline-block; margin-bottom: 20px; vertical-align: top; font-size: 21px; font-weight: 500; color: #000; line-height: 27px; letter-spacing: -0.2px;}
.container_reser .table tr:first-child {border-top:0px;}
.container_reser .table th {height: 50px; padding:0 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f7f7f7; font-size: 16px; font-weight: 500; color: #111; text-align: center;}
.container_reser .table th:last-child, .container_reser .table td:last-child {border-right:0;}
.container_reser .table td {width: 25%; height: 48px; padding:0 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; color: #111;  text-align: center;letter-spacing: -0.1px;}

.container_reser .infobox {margin-top: 20px; width: 100%; height: 80px; border-radius: 10px; border: solid 1px #ddd; padding:0 60px; box-sizing: border-box; }
.container_reser .infobox h4 {float: left; width: 35%; padding-left: 30px; background:url('/images/page/i_cs.png') no-repeat left center; font-size: 18px; font-weight: 500;}
.container_reser .infobox ul {float: left; }
.container_reser .infobox li {display: inline-block; padding: 0 30px; font-size: 18px; color: #098dd1; font-weight: 400; line-height: 80px;}
.container_reser .infobox li:first-child {background:url('/images/page/i_cs.png') no-repeat left center; }
.container_reser .infobox span {padding-right:30px; font-weight: 500; color: #101010;}
.container_reser .infobox a.btn { float:right; display: inline-block; font-weight: 300; margin-top: 20px;  width: 120px; height: 38px; font-size: 16px; border: 0; background-color: #098dd1; color: #fff; line-height: 38px;}

    /* 예약안내 */
    .sub_left {float: left; padding-right: 20px; width: 50%;}
    .container_reser .sub_left li {display: inline-block; position: relative; width: 100%; padding: 15px 0 15px 22%; border-bottom: 1px solid #ddd; font-size: 16px; color: #666; word-break: keep-all;}
    .container_reser .sub_left ul li:last-child {border-bottom: 0;}
    .container_reser .sub_left li span {display: inline-block; position: absolute; left: 0; width: 20%; font-weight: 500; color: #101010;}
    .container_reser .bank {width: 100%; height: 50px; text-align: center; border-radius: 5px;background:#f3f3f3; font-size: 18px; color: #111; line-height: 50px; font-weight: 500;}
    .container_reser .bank span {color: #098dd1;}

    /* 이용안내 */
    .sub_right {float: left; padding-left: 20px; width: 50%; }
    .container_reser .sub_right ul li {padding: 15px 0 15px 10px; border-bottom: 1px solid #ddd; background:url('/images/common/icon_list.gif') no-repeat left 27px; font-size: 16px; color: #111;}
    .container_reser .sub_right ul li:last-child {border-bottom: 0;}
    .container_reser .sub_right ul li span {display: block; color:#098dd1; font-weight: 500;}

    /* 예약취소 및 환불규정 안내 */











.container_rooms .left {padding: 110px 70px 0 560px; margin: 40px 0 0 0; font-size: 16px; height: 350px; background-repeat: no-repeat; background-color: #f7f7f7; color: #666}
.container_rooms .right {padding: 110px 560px 0 70px; margin: 0; font-size: 16px; height: 350px; background-repeat: no-repeat; background-position: right; background-color: #f7f7f7; color: #666}
.container_rooms .left h3, .container_rooms .right h3 {padding-bottom: 25px; color: #000; font-weight: 300; text-align:center;}


.sub_content {margin: 20px auto 0; font-size: 0;}


.sub_content .sub_cont_left {display:block; width: 50%; height: auto; padding-right: 20px; box-sizing:border-box; float: left;}
.sub_content .sub_cont_right {display:block;width: 50%; height: auto; padding-left: 20px; box-sizing:border-box; float: left;}
.sub_content::after {display:block; content: ''; clear: both;}



/*환불규정*/
.tb_cancle {}
.tb_cancle ul {padding-bottom: 10px;}
.tb_cancle .table th {width:auto;}

/*기간안내*/
.tb_date {}


.container_cafe {width: 100%; padding: 40px 0 0}
    .container_cafe .sub_cont {width: 1200px; margin: 0 auto;}
    .container_cafe .menu_list {width: 100%; background: #101010; padding: 0 0 60px; margin-top: 60px; color: #fff;}
    .container_cafe .menu_list .inner {width: 1200px; margin: 0 auto;}
    
  .center .slick-slide {
    margin-left: 0;
    margin-right: 0;
    opacity: 0.3;    
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  .center .slick-active {
    opacity: 1;      
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
  }













/*주변관광지*/
.tour {margin: 0 auto;}
.tour .sub_title {position: relative;}
.tour .visitjeju {position: absolute; right: 0; top: 10px; width: 98px; height: 51px; background: url('/images/page/visitjeju.gif') no-repeat; text-indent: -5000px;}
.tour_menu {margin:0 auto 10px; height: 60px;}
.tour_menu li {float:left;width:20%; border:1px solid #ccc; padding:10px 0; margin-left: -1px;margin-top: -1px; text-align:center;cursor:pointer;}
.tour_menu li a {display:block;}
.tour_menu li.on {background-color:#081765; border:1px solid #081765; color: #fff;}
.tour_menu li:hover {background-color:#081765; border:1px solid #081765; color: #fff;}
.tour_menu li.active {background-color:#081765;border:1px solid #081765; color: #fff;}
.tour .img img {width: 100%;}
.tour .tit {display: block; padding: 20px 0 10px; font-weight: 500; font-size: 24px;}
.tour .tit .btn {display: inline-block; margin-left: 20px; width: 80px; height: 30px; background: #101010; font-size: 15px; line-height: 30px; color: #fff; vertical-align: middle; font-weight: 400;}


/* 게시판 */
.bd_container {max-width: 940px; margin-left: 260px;}
.bd_container .thumbs {text-align: left;}
#bo_list {max-width: 1000px; margin: 0 auto 80px;}
.sub9 #fregister {max-width: 1000px; margin: 0 auto 80px;}
