@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* 서브공통 */
#content{position:relative;float:right;width: -webkit-calc(100% - 720px);width: calc(100% - 720px); min-height:1000px;}
.wrap{margin:148px 50px 30px;}

/* 서브비주얼 */
.area_subVisual{position:fixed; float:left; top:0; left:100px; width:620px; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.area_subVisual h2{color:#fff;font-size: 40px; font-weight:300; margin-top: 33px;}
.area_subVisual .tit_visual li.active a{display:block; pointer-events:none; cursor:default;}
.area_subVisual i{font-weight:300;color:#fff;transition-delay:0.4s;font-size: 15px;margin-top: 10px;display: block;}
.area_subVisual .area_nav ul li{display:none;}
.area_subVisual .area_nav ul li.active{display:block;}
.area_subVisual .area_nav *{float:left; line-height:1; font-weight:300; font-size:15px; color:#fff; pointer-events:none; cursor:default;}
.area_subVisual .box_subVisual{position:absolute; bottom:120px; left:90px;}
.area_subVisual .area_nav{overflow:hidden;margin-left: 4px;}
.area_subVisual .area_nav img{opacity:0.5; height:9px;}
.area_subVisual .area_nav a,
.area_subVisual .area_nav span{opacity:0.6; margin:0 15px; font-size:14px;}
.area_subVisual .area_nav img{display:inline-block; position:relative; top:3px; transform:rotate(180deg); -webkit-transform:rotate(180deg); vertical-align:middle;}
.area_subVisual .area_nav ul li a{opacity:1; font-weight:600;}
.area_subVisual .area_nav > a{margin-left:0;}

.wrap .img{display:block; position:relative; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.area_roomReserved.list .list_item .photo:before{z-index:1;}

/* 인사말 */
.greeting{padding-bottom:50px;}
.greeting > .img{height:382px; background-image:url(../images/content/bg_img01.jpg);}
.greeting > .img span{display:block; position:absolute; right:4%; bottom:7%; color:#fff; font-size:14px; font-weight:300;}
.greeting h2{margin-top:25px; color:#222; font-size:30px; font-weight:300; line-height:1.4em; text-align:center;}
.greeting h2 + .txt{margin-top:25px; color:#666; font-size:16px; font-weight:300; line-height:1.8em; text-align:center; word-break:keep-all;}
.greeting .list{margin-top:120px; overflow:hidden;}
.greeting .list li{margin-top:30px;}
.greeting .list li:first-child{margin-top:0;}
.greeting .list em.img{float:left; width:43%; height:539px; transition:all 0.6s ease-out 0s;}
.greeting .list .list01 em.img{background-image:url(../images/content/list_img01.jpg);}
.greeting .list .list02 em.img{background-image:url(../images/content/list_img02.jpg);}
.greeting .list .list03 em.img{background-image:url(../images/content/list_img03.jpg);}
.greeting .list div{float:right; width:50%; padding-top:100px; box-sizing:border-box; transition:all 0.6s ease-out 0s;}
.greeting .list div h3{color:#222; font-size:28px; font-weight:300; line-height:1.5em;}
.greeting .list div p{margin-top:30px; color:#666; font-size:16px; font-weight:300; line-height:1.8em; word-break:keep-all;}
.greeting .list li:nth-child(even) em.img{float:right;}
.greeting .list li:nth-child(even) div{float:left; padding-top:200px;}
.greeting .list li:after{content:''; display:block; clear:both;}
.greeting .scroll_up em.img{opacity:0; transform:translateX(-100px);}
.greeting .scroll_up.active em.img{opacity:1; transform:translateX(0);}
.greeting .scroll_up div{opacity:0; transform:translateX(100px);}
.greeting .scroll_up.active div{opacity:1; transform:translateX(0);}
.greeting .list02.scroll_up em.img{opacity:0; transform:translateX(100px);}
.greeting .list02.scroll_up.active em.img{opacity:1; transform:translateX(0);}
.greeting .list02.scroll_up div{opacity:0; transform:translateX(-100px);}
.greeting .list02.scroll_up.active div{opacity:1; transform:translateX(0);}

/* 펜션전경 */
.scene{position:relative;}
.scene em.img{height:587px;}
.scene span{display:block; position:absolute; top:0; right:0; width:195px; height:57px; padding-top:15px; color:#222; font-size:15px; font-weight:300; text-align:center; background:#fff; box-sizing:border-box; z-index:1;}
.scene .bx-wrapper{position:relative;}
.scene .bx-controls-direction{position:absolute; left:0; bottom:0; font-size:0;}
.scene .bx-controls .bx-controls-direction a{display:inline-block; position:relative; width:74px; height:74px; background:#fff; text-indent:100%; overflow:hidden; white-space:nowrap;}
.scene .bx-controls .bx-controls-direction a.bx-next{background:#c9c9c9;}
.scene .bx-controls .bx-controls-direction a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:15px; height:10px; margin-left:-7.5px; margin-top:-5px; background-repeat:no-repeat; background-position:50%; background-image:url(../images/main/btn_prev_area01.png);}
.scene .bx-controls .bx-controls-direction a.bx-next:before{background-image:url(../images/main/btn_prev.png);}
.scene .bx-pager{position:absolute; right:3%; bottom:4%;}
.scene .bx-pager-item{display:inline-block; vertical-align:middle;}
.scene .bx-pager a{display:block; width:8px; height:8px; margin:0 9px; border-radius:50%; background:#fff; font-size:0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.scene .bx-pager a.active{width:12px; height:12px; background:#cab271;}

/* 오시는 길 */
.location .list{margin-top:30px; border-bottom:1px solid rgba(35, 40, 43, 0.12); box-sizing:border-box;}
.location .list li{float:left; width:25%;}
.location .list li p{padding:15px 5px; color:#444; font-size:15px; font-weight:700; background:#f6f7f7; text-align:center; box-sizing:border-box;}
.location .list li span,
.location .list li a{display:block; padding:15px 5px; color:#666; font-size:15px; font-weight:300; text-align:center; box-sizing:border-box;}
.location .list li a{display:block; color:#23282b; font-weight:500;}
.location .list:after{content:''; display:block; clear:both;}
.wrap .link{margin-top:50px; padding-bottom:50px; text-align:center;}
.wrap .link a{display:inline-block; width:184px; height:54px; text-align:center; border:1px solid #23282b;}
.wrap .link a span{display:block; padding-top:15px; color:#23282b; font-size:14px; font-weight:700; box-sizing:border-box;}
.wrap .link a.reserve{margin-left:10px; background:#23282b; border:1px solid #23282b;}
.wrap .link a.reserve span{color:#fff;}
.root_daum_roughmap{width:100% !important;}
.os_mac.root_daum_roughmap .wrap_controllers .wrap_btn_roadview a{font-size:12px;}

/* 예약안내 */
.reserve_info{padding-bottom:50px;}
.reserve_info > .img{height:382px; background-image:url(../images/content/bg_reserve.jpg);}
.reserve_info h2{margin-top:25px; color:#222; font-size:30px; font-weight:300; line-height:1.4em; text-align:center;}
.reserve_info h2 + .txt{margin-top:25px; color:#666; font-size:16px; font-weight:300; line-height:1.8em; text-align:center; word-break:keep-all;}
.reserve_info h2 + .txt em{display:inline-block; color:#cab271; font-weight:500;}
.reserve_info h2 + .txt span{display:inline-block; margin-left:10px; color:#666;}
.reserve_info h2 + .txt + div{margin-top:30px;}
.reserve_info .tar{margin-top:20px; font-size:15px;}
.reserve_info .list{margin-top:30px; padding:50px; background:#f7f7f7; box-sizing:border-box;}
.reserve_info .list p{position:relative; margin-top:10px; padding-left:12px; color:#666; font-size:15px; font-weight:300; line-height:1.8em; word-break:keep-all; box-sizing:border-box;}
.reserve_info .list p:first-child{margin-top:0;}
.reserve_info .list p:before{content:''; display:block; position:absolute; top:13px; left:0; width:3px; height:3px; background:#222; border-radius:50%;}
.reserve_info .info{position:relative; margin-top:30px; padding:25px 30px; border:1px solid rgba(174, 174, 174, 0.23); box-sizing:border-box;}
.reserve_info .info:before{content:''; display:block; position:absolute; top:-1px; left:28px; width:32px; height:1px; background:#cab271;}
.reserve_info .info p{margin-top:10px; padding-left:12px; color:#666; font-size:15px; font-weight:300; line-height:1.8em; word-break:keep-all; box-sizing:border-box;}
.reserve_info .info p:first-child{margin-bottom:20px; color:#cab271;}
.reserve_info table.table thead th[colspan]{border-right:1px dashed #cecece;}
.reserve_info table.table thead th:last-child[colspan]{border-right:0;}

/* 펜션서비스 */
.service .bx-wrapper{position:relative; float:left; width:44%;}
.service em.img{height:665px;}
.service .info{float:right; position:relative; width:50%; min-height:665px; padding-top:100px; box-sizing:border-box;}
.service h3{color:#23282b; font-size:32px; font-weight:300; letter-spacing:-0.5px; line-height:1.4em;}
.service h3 span{display:block; color:#666; font-size:14px; font-weight:300; letter-spacing:2px;}
.service h3 em{font-weight:500;}
.service .txt{margin-top:30px; color:#666; font-size:16px;; font-weight:300; line-height:1.8em; word-break:keep-all;}
.service .menu{position:absolute; left:0; bottom:0; width:100%; margin-top:185px; padding:25px 30px; border:1px solid rgba(174, 174, 174, 0.23); box-sizing:border-box;}
.service .menu:before{content:''; display:block; position:absolute; top:-1px; left:28px; width:32px; height:1px; background:#cab271;}
.service .menu h4{color:#cab271; font-size:15px; font-weight:500;}
.service .menu p,
.service .menu li{margin-top:10px; color:#666; font-size:15px; font-weight:300; word-break:keep-all;}
.service .menu li span{font-weight:500;}
.service .menu li em{display:block; font-weight:700;}
.service .menu li em + span{display:block; margin-left:10px;}
.service .menu.long{position:relative; margin-top:80px;}
.service .menu .menu_list li{float:left; width:50%;}
.service .menu .menu_list li em{display:inline-block;}
.service .menu .menu_list li span{display:inline-block;}
.service .menu .menu_list + p{margin-top:15px; color:#23282b; font-size:14px; font-weight:500;}
.service .menu .menu_list:after{content:''; display:block; clear:both;}
.service:after{content:''; display:block; clear:both;}
.service .bx-controls-direction{position:absolute; left:0; bottom:0; font-size:0;}
.service .bx-controls .bx-controls-direction a{display:inline-block; position:relative; width:74px; height:74px; background:#fff; text-indent:100%; overflow:hidden; white-space:nowrap;}
.service .bx-controls .bx-controls-direction a.bx-next{background:rgba(255, 255, 255, 0.82);}
.service .bx-controls .bx-controls-direction a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:15px; height:10px; margin-left:-7.5px; margin-top:-5px; background-repeat:no-repeat; background-position:50%; background-image:url(../images/main/btn_prev_area01.png);}
.service .bx-controls .bx-controls-direction a.bx-next:before{background-image:url(../images/main/btn_prev.png);}
.service.wifi .bx-controls-direction{display:none;}
.service .tar{margin-top:5px; color:#666; font-size:14px;}
.service .tar span{font-weight:700;}

/* 여행가이드 */
.guide{padding-bottom:50px;}
.guide > ul{overflow:hidden;}
.guide > ul > li{margin-top:65px; transition:all 0.6s ease-out 0s;}
.guide > ul > li:first-child{margin-top:0;}
.guide .tit  em.img{float:left; width:42%; height:325px;}
.guide .guide01 em.img{background-image:url(../images/content/guide_list01.jpg);}
.guide .guide02 em.img{background-image:url(../images/content/guide_list02.jpg);}
.guide .guide03 em.img{background-image:url(../images/content/guide_list03.jpg);}
.guide .guide04 em.img{background-image:url(../images/content/guide_list04.jpg);}
.guide .guide05 em.img{background-image:url(../images/content/guide_list05.jpg);}
.guide .guide06 em.img{background-image:url(../images/content/guide_list06.jpg);}
.guide .guide07 em.img{background-image:url(../images/content/guide_list07.jpg);}
.guide .guide08 em.img{background-image:url(../images/content/guide_list08.jpg);}
.guide .guide09 em.img{background-image:url(../images/content/guide_list09.jpg);}
.guide .guide10 em.img{background-image:url(../images/content/guide_list10.jpg);}
.guide .guide11 em.img{background-image:url(../images/content/guide_list11.jpg);}
.guide .guide12 em.img{background-image:url(../images/content/guide_list12.jpg);}
.guide .guide13 em.img{background-image:url(../images/content/guide_list13.jpg);}
.guide .guide14 em.img{background-image:url(../images/content/guide_list14.jpg);}
.guide .guide15 em.img{background-image:url(../images/content/guide_list15.jpg);}
.guide .guide16 em.img{background-image:url(../images/content/guide_list16.jpg);}
.guide .guide17 em.img{background-image:url(../images/content/guide_list17.jpg);}
.guide .guide18 em.img{background-image:url(../images/content/guide_list18.jpg);}
.guide .guide19 em.img{background-image:url(../images/content/guide_list19.jpg);}
.guide .guide20 em.img{background-image:url(../images/content/guide_list20.jpg);}
.guide .guide21 em.img{background-image:url(../images/content/guide_list21.jpg);}
.guide .guide22 em.img{background-image:url(../images/content/guide_list22.jpg);}
.guide .guide23 em.img{background-image:url(../images/content/guide_list23.jpg);}
.guide .guide24 em.img{background-image:url(../images/content/guide_list24.jpg);}
.guide .guide25 em.img{background-image:url(../images/content/guide_list25.jpg);}
.guide .guide26 em.img{background-image:url(../images/content/guide_list26.jpg);}
.guide .guide27 em.img{background-image:url(../images/content/guide_list27.jpg);}
.guide .guide28 em.img{background-image:url(../images/content/guide_list28.jpg);}
.guide .guide29 em.img{background-image:url(../images/content/guide_list29.jpg);}
.guide .guide30 em.img{background-image:url(../images/content/guide_list30.jpg);}
.guide .guide31 em.img{background-image:url(../images/content/guide_list31.jpg);}
.guide .guide32 em.img{background-image:url(../images/content/guide_list32.jpg);}
.guide .guide33 em.img{background-image:url(../images/content/guide_list33.jpg);}
.guide .guide34 em.img{background-image:url(../images/content/guide_list34.jpg);}
.guide .guide35 em.img{background-image:url(../images/content/guide_list35.jpg);}
.guide .tit > div{float:left; width:58%; height:325px; padding:60px 0 0 65px; background:#f7f7f7; box-sizing:border-box;}
.guide .tit h3{color:#222; font-size:30px; font-weight:300; letter-spacing:-0.5px;}
.guide .tit h3 span{display:block; color:#555; font-size:16px; font-weight:300; letter-spacing:2px;}
.guide .tit .list{margin-top:40px;}
.guide .tit .list li{margin-top:8px;}
.guide .tit .list li:first-child{margin-top:0;}
.guide .tit .list p{display:inline-block; color:#222; font-size:15px; font-weight:700;} 
.guide .tit .list span{display:inline-block; position:relative; margin-left:8px; padding-left:12px; color:#222; font-size:15px; font-weight:200; box-sizing:border-box;} 
.guide .tit .list span:before{content:''; display:block; position:absolute; left:0; top:6px; width:1px; height:14px; background:rgba(0, 0, 0, 0.18);}
.guide .tit:after{content:''; display:block; clear:both;}
.guide .txt{margin-top:30px; padding-left:60px;}
.guide .txt p{margin-top:25px; color:#666; font-size:16px; font-weight:300; line-height:2em; word-break:keep-all;}
.guide .txt p:first-child{margin-top:0;}
.guide .tit div.pt120{padding-top:120px;}
.guide .tit div.guide_txt{width:100%; height:100%; padding:30px 0; background:none; border-bottom:1px solid #e6e6e6;}
.guide .tit div.guide_txt .list{margin-top:0;}
.guide .tit div.guide_txt .list > li{float:left; width:50%;}
.guide .tit div.guide_txt .list > li:first-child{margin-top:8px;}
.guide .tit div.guide_txt .list > li.w100{width:100%;}
.guide .tit div.guide_txt .list > li > ul{display:inline-block; margin-left:8px; vertical-align:top;}
.guide .tit div.guide_txt .list > li  > ul > li span{color:#cab271;}
.guide .tit div.guide_txt .list > li  > ul > li em{display:inline-block; margin-left:8px; color:#222; font-size:15px; font-weight:200;}
.guide .tit div.guide_txt .list:after{content:''; display:block; clear:both;}
.guide li.guide29 .txt,
.guide li.guide29 ~ li .txt{padding-left:0;}
.guide > ul > li.scroll_up{opacity:0; transform:translateX(-100px);}
.guide > ul > li.scroll_up:nth-child(odd){opacity:0; transform:translateX(100px);}
.guide > ul > li.scroll_up:nth-child(3){transition-delay:0.2s}
.guide > ul > li.scroll_up:nth-child(4){transition-delay:0.4s}
.guide > ul > li.scroll_up:nth-child(5){transition-delay:0.6s}
.guide > ul > li.scroll_up:nth-child(6){transition-delay:0.8s}
.guide > ul > li.scroll_up:nth-child(7){transition-delay:1.0s}
.guide > ul > li.scroll_up.active{opacity:1; transform:translateX(0) !important;}
.guide > ul > li.scroll_up:first-child{opacity:1; transform:translateX(0);}

.sacheon{padding-bottom:50px;}
.sacheon em.img{height:442px;}
.sacheon em.img.sacheon01{background-image:url(../images/content/sacheon01.jpg);}
.sacheon em.img.sacheon02{background-image:url(../images/content/sacheon02.jpg);}
.sacheon em.img.sacheon03{background-image:url(../images/content/sacheon03.jpg);}
.sacheon em.img.sacheon04{background-image:url(../images/content/sacheon04.jpg);}
.sacheon em.img.sacheon05{background-image:url(../images/content/sacheon05.jpg);}
.sacheon em.img.sacheon06{background-image:url(../images/content/sacheon06.jpg);}
.sacheon em.img.sacheon07{background-image:url(../images/content/sacheon07.jpg);}
.sacheon em.img.sacheon08{background-image:url(../images/content/sacheon08.jpg);}
.sacheon .tit{position:relative;}
.sacheon .tit > div{position:absolute; top:40%; left:5%;}
.sacheon .tit h3{color:#fff; font-size:30px; font-weight:300; letter-spacing:-0.5px;}
.sacheon .tit h3 span{display:block; color:#fff; font-size:16px; font-weight:300; letter-spacing:2px;}
.sacheon .tit .list{margin-top:60px;}
.sacheon .tit .list li{margin-top:8px;}
.sacheon .tit .list li:first-child{margin-top:0;}
.sacheon .tit .list p{display:inline-block; color:#fff; font-size:15px; font-weight:700;} 
.sacheon .tit .list span{display:inline-block; position:relative; margin-left:8px; padding-left:12px; color:#fff; font-size:15px; font-weight:200; box-sizing:border-box;} 
.sacheon .tit .list span:before{content:''; display:block; position:absolute; left:0; top:6px; width:1px; height:14px; background:rgba(255, 255, 255, 0.25);}
.sacheon .txt{margin-top:30px;}
.sacheon .txt p{margin-top:25px; color:#666; font-size:16px; font-weight:300; line-height:2em; word-break:keep-all;}
.sacheon .txt p:first-child{margin-top:0;}
.sacheon .sacheon_list{margin-top:80px; overflow:hidden;}
.sacheon .sacheon_list .img{float:left; width:43%; height:518px; transition:all 0.6s ease-out 0s;}
.sacheon .sacheon_list .img.sacheon01{background-image:url(../images/content/sacheon01_01.jpg);}
.sacheon .sacheon_list .img.sacheon02{background-image:url(../images/content/sacheon02_01.jpg);}
.sacheon .sacheon_list .img.sacheon03{background-image:url(../images/content/sacheon03_01.jpg);}
.sacheon .sacheon_list .img.sacheon04{background-image:url(../images/content/sacheon04_01.jpg);}
.sacheon .sacheon_list .img.sacheon05{background-image:url(../images/content/sacheon05_01.jpg);}
.sacheon .sacheon_list .img.sacheon06{background-image:url(../images/content/sacheon06_01.jpg);}
.sacheon .sacheon_list .img.sacheon07{background-image:url(../images/content/sacheon07_01.jpg);}
.sacheon .sacheon_list .img.sacheon08{background-image:url(../images/content/sacheon08_01.jpg);}
.sacheon .sacheon_list > div{float:right; width:50%; padding-top:50px; box-sizing:border-box; transition:all 0.6s ease-out 0.5s;}
.sacheon .sacheon_list > div h3{color:#222; font-size:28px; font-weight:300; line-height:1.5em;}
.sacheon .sacheon_list > div h3 span{font-weight:500;}
.sacheon .sacheon_list > div p{margin-top:30px; color:#666; font-size:16px; font-weight:300; line-height:1.8em; word-break:keep-all;}
.sacheon .sacheon_list:after{content:''; display:block; clear:both;}
.sacheon .sacheon_list.scroll_up .img{opacity:0; transform:translateX(-100px);}
.sacheon .sacheon_list.scroll_up.active .img{opacity:1; transform:translateX(0);}
.sacheon .sacheon_list.scroll_up > div{opacity:0; transform:translateX(100px);}
.sacheon .sacheon_list.scroll_up.active > div{opacity:1; transform:translateX(0);}

/* 예약서비스 */
.area_roomReserved .list_item{min-height:inherit;}
.area_roomReserved.view *[data-room-status="table"] > li > *{line-height:1.3em;}
.area_roomReserved .search .list li input{background:transparent;}

.scroll_reserve_table{overflow-x:auto;}

@media all and (max-width:1755px){
	.area_subVisual{width:480px;}
	#content{width:calc(100% - 580px);}
	.scene em.img{height:100%; padding-top:55%;}
}

@media all and (max-width:1550px){
	.area_subVisual{width:400px;}
	.area_subVisual .box_subVisual{left:40px;}
	#content{width:calc(100% - 500px);}
}

@media all and (max-width:1460px){
	.area_subVisual{position:relative; z-index:3; float:none; left:0; width:100%; height:310px;}
	.area_subVisual .box_subVisual{left:190px; bottom:60px;}
	.area_subVisual h2{margin-top:20px;}
	#content{float:none; width:100%; min-height:500px;}
	.wrap{margin:50px 50px 30px 150px;}
	.sacheon .txt p br{display:none;}
}

@media all and (max-width:1200px){
	.greeting .list div p br{display:none;}
	.location .list li{width:50%;}
	.guide .tit em.img{width:45%;}
	.guide .tit div{width:55%; padding:60px 0 0 40px;}
	.guide .txt{padding-left:30px;}
	.sacheon .sacheon_list > div p br{display:none;}
}

@media all and (max-width:1023px){
	.area_subVisual .box_subVisual{left:35px;}
	.wrap{margin:40px 20px 30px;}
	.greeting .list{margin-top:80px;}
	.service .info{padding-top:20px;}
	.area_roomReserved .search.fix{top:0px; padding:10px 15px 0;}
	.area_roomReserved .search.fix .button{right:15px;}
	.area_roomReserved.write .search.fix{padding:0px;}
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:650px;}
}

@media all and (max-width:900px){
	.area_subVisual{height:280px;}
	.area_subVisual h2{font-size:35px;}
	.area_subVisual i{margin-top:5px; font-size:14px;}
	.greeting > .img{height:100%; padding-top:35%;}
	.greeting h2{font-size:28px;}
	.greeting h2 + .txt{font-size:15px;}
	.greeting .list em.img{height:100%; padding-top:60%;}
	.greeting .list li:nth-child(even) div{padding-top:100px;}
	.greeting .list div h3{font-size:25px;}
	.greeting .list div p{font-size:15px;}
	.location .list li p{font-size:14px;}
	.location .list li span{font-size:14px;}
	.guide .tit em.img{width:100%; height:100%; padding-top:65%;}
	.guide .tit div.pt120{padding-top:40px;}
	.guide .tit div{width:100%; height:100%; padding:40px;}
	.guide .tit h3{font-size:28px;}
	.guide .tit h3 span{font-size:15px;}
	.guide .tit .list{margin-top:20px;}
	.guide .tit .list p{font-size:14px;}
	.guide .tit .list span{font-size:14px;}
	.guide .txt{margin-top:10px; padding:15px; box-sizing:border-box;}
	.guide .txt p{font-size:15px;}
	.guide .txt p br{display:none;}
	.service h3{font-size:30px;}
	.service .txt{margin-top:20px; font-size:15px;}
	.service .txt br{display:none;}
	.service .menu h4,
	.service .menu p,
	.service .menu li{font-size:14px;}
	.service .bx-wrapper{width:50%;}
	.service .info{width:45%;}
	.guide .tit div.guide_txt .list > li{float:none; width:100%;}
	.sacheon .sacheon_list .img{height:100%; padding-top:60%;}
	.sacheon .sacheon_list > div h3{font-size:25px;}
	.sacheon .sacheon_list > div p{font-size:15px;}
	.sacheon .txt p{font-size:15px;}
	.sacheon em.img{height:100%; padding-top:55%;}
	.sacheon .tit .list{margin-top:20px;}
	.reserve_info > .img{height:100%; padding-top:35%;}
	.reserve_info .list,
	.reserve_info .info{padding:35px;}
	.reserve_info h2{font-size:28px;}
	.greeting h2 + .txt{font-size:15px;}
	.reserve_info .list p,
	.reserve_info .info p{font-size:14px;}
	.reserve_info .tar{font-size:14px;}
}

@media all and (max-width:768px){
	.greeting h2{font-size:25px;}
	.greeting h2 + .txt{font-size:14px;}
	.greeting .list div h3,
	.sacheon .sacheon_list > div h3{font-size:22px;}
	.greeting .list div p,
	.sacheon .sacheon_list > div p,
	.sacheon .txt p{font-size:14px;}
	.sacheon .sacheon_list > div{padding-top:30px;}
	.reserve_info h2{font-size:25px;}
	.reserve_info h2 + .txt{font-size:14px;}
}

@media all and (max-width:700px){
	.greeting .list div,
	.greeting .list li:nth-child(even) div{padding-top:30px;}
	.service .bx-wrapper{float:none; width:100%; margin:0 auto;}
	.service .info{float:none; width:100%; min-height:100%; padding:40px 0;}
	.service .menu,
	.service .menu.long{position:relative; margin-top:40px;}
	.service h3{font-size:28px;}
	.service .txt{font-size:14px;}
	.sacheon .tit > div{position:relative; top:0; left:0; padding:40px; box-sizing:border-box; background:#f7f7f7;}
	.sacheon .tit h3,
	.sacheon .tit h3 span,
	.sacheon .tit .list p,
	.sacheon .tit .list span{color:#222;}
	.sacheon .tit .list span:before{background:rgba(0, 0, 0, 0.18);}
}

@media all and (max-width:580px){
	.area_subVisual{height:250px;}
	.area_subVisual .box_subVisual{bottom:40px;}
	.area_subVisual h2{margin-top:10px; font-size:30px;}
	.area_subVisual i,
	.area_subVisual .area_nav a,
	.area_subVisual .area_nav span{font-size:13px;}
	.greeting .list{margin-top:50px;}
	.greeting .list em.img{width:100%;}
	.greeting .list div{width:100%;}
	.greeting .list li{margin-top:50px;}
	.greeting .list li:nth-child(even) div{padding-top:0;}
	.greeting .list li:nth-child(even) em.img{margin-top:30px;}
	.scene span{display:none;}
	.scene .bx-controls .bx-controls-direction a{width:44px; height:44px;}
	.sacheon .sacheon_list .img{float:none; width:100%;}
	.sacheon .sacheon_list > div{float:none; width:100%;}
}

@media all and (max-width:500px){
	.greeting h2{font-size:22px;}
	.greeting h2 + .txt{font-size:13px;}
	.greeting .list div h3{font-size:20px;}
	.greeting .list div p{font-size:13px;}
	.greeting > .img span{font-size:13px;}
	.location .list li{width:100%;}
	.service .menu .menu_list li{float:none; width:100%;}
	.reserve_info h2{font-size:22px;}
	.reserve_info h2 + .txt{font-size:13px;}
}

@media all and (max-width:460px){
	.greeting h2{font-size:20px;}
	.greeting h2 + .txt br{display:none;}
	.guide .tit div{padding:30px;}
	.guide .tit h3{font-size:25px;}
	.guide .txt p{font-size:14px;}
	.service h3{font-size:25px;}
	.service em.img{height:100%; padding-top:140%;}
}

@media all and (max-width:425px){
	.wrap .link a{display:block; width:100%; margin:0 auto;}
	.wrap .link a.reserve{margin-left:0; margin:10px auto 0;}
}

@media all and (max-width:380px){
	.service .bx-controls .bx-controls-direction a{width:44px; height:44px;}
	.area_roomReserved.view .info > em{margin-bottom:20px; font-size:30px;}
}

@media all and (max-width:360px){
	.area_roomReserved.view *[data-room-status="control"] p{padding:0px; font-size:17px;}
}