@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script|Italianno&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face { font-family: 'Handon3gyeopsal600g'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Handon3gyeopsal600g.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; }



@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



* {margin:0; padding:0}
body {width: 100%;margin:0;padding:0;height:100%;font-size:15px;line-height:18px;color:#323232;background-color: #fffdfb;font-family: 'Pretendard-Regular', sans-serif, Dotum, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle; max-width:100%;}
address,em {font-style:normal; color:#fff}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:#000; text-decoration:none; cursor:pointer}
a:hover,a:focus {text-decoration:none}

/*메뉴2*/
#header_info {position: fixed;width:100%;height:70px;background: rgba(255,255,255,0.65);z-index:100;}
.header_main {position:relative;width:1250px;margin:0 auto;}
.header {position:absolute; width:1250px; margin:0 auto; z-index:999; }
.header h1 {position:absolute;top: 1px;left: 0;text-align: center;margin: auto;/* right: 0; *//* margin-left:-90px; */width: 7%;height: 74px;background:url('/web/img/main/logo.png') 0 0 no-repeat;text-indent:-9999px;background-size:100%;}
.header h1 a {display:block; width:100%; height:100%;}
.header>ul {width:1250px;margin:0 auto;padding-top: 25px;left: 0;right: 0;text-align: center;}
.header>ul>li {position:relative;/* float:left; */margin:0 15px;width:120px;padding-bottom:5px;margin: auto;display: inline-block;}
.header>ul>li:nth-child(3) a {font-weight: bold;color: #b17c60;text-shadow: -1px 0px #ffffff, 0px 1px #ffffff, 1px 0px #ffffff, 0px -1px #ffffff;}
.header ul li a {display:block;text-align:center;font-size: 15px;color: #05231b;line-height:0.8;padding-bottom: 9px;font-family: 'Pretendard-Regular';}
.header ul li a:hover:after {position:absolute;bottom:0; content:''; display:block; width:100%; height:3px; background-color:#b17c60;}

/*메뉴버튼*/
.hom_pc{display:block; position: absolute;left:-23%;top:35%;width:185px; padding:10px 6px 10px 6px; background:#212931; color:#fff; text-align: center;box-sizing:border-box;}
.hom_pc:hover{ border:1px solid #212931; color:#212931; background:#fff; transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.vieo_pc{display:block; position: absolute;right:-14%;top:35%;width:100px; padding:10px 6px 10px 6px; border:1px solid #212931; text-align: center;box-sizing:border-box;}
.vieo_pc:hover{ background:#212931; color:#fff; transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.rev_pc{display:block;position: absolute;right:-23%;top: 30%;width:100px;padding: 6px 6px 6px 6px;border: 1px solid #272727;color: #272727;text-align: center;box-sizing:border-box;font-size: 12px; transition: 0.5s;}
.rev_pc01{display:block;position: absolute;right:-13%;top: 30%;width:100px;padding: 6px 6px 6px 6px;border: 1px solid #272727;color: #272727;text-align: center;box-sizing:border-box;font-size: 12px; transition: 0.5s;}
.rev_pc:hover{background: #a58a7a; border: 1px solid #a58a7a; color:#fff;transition: 0.5s ease;-webkit-transition: 0.5s ease;}

.hom_m{display:none;}
.vieo_m{display:none;}
.rev_m{display:none;}


/*메인*/
.img_area  {height:940px; padding:0 !important;}
.img_area .img_slider {width:100%; height:100%;}
.img_area .img_slider li {width:100%;height:940px;background-position: center;background-size: cover;background-repeat:no-repeat;filter: brightness(105%);}
/*메인슬라이드*/
.bx-wrapper .bx-prev {left: 15px;background: url('/web/img/btn_slider.png') no-repeat 0 0;}
.bx-wrapper .bx-next {right: 15px;background: url(/web/img/btn_slider.png) no-repeat -51px 0;}
.bx-wrapper .bx-prev:hover {background-position: 0 -51px;}
.bx-wrapper .bx-next:hover {background-position: -51px -51px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 55%;outline: 0;width: 52px;height: 53px;text-indent: -9999px;z-index: 90;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666; position:absolute; width:100%; bottom:3%; z-index:80;}



.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: rgba(255, 255, 255, 0.71);text-indent: -9999px;display: block;width: 5px;height: 5px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;border:none;}

.main-txt {position:absolute;left: 0;right: 0;margin: auto;width: 12%;top: 45%;opacity: 0.85;z-index:55;color:#fff;transition:0.9s;text-align:center;text-shadow: 1px 4px 9px rgba(0, 0, 0, 0.80);}
.main-txt strong {display:block;font-weight: 500;line-height:1.25;font-family: 'Handon3gyeopsal600g';font-size: 36px;margin-bottom: 20px;}
.main-txt p {margin-top: 30px;letter-spacing:1px; font-family:"NanumSquareRound";}


/*메인문구*/
.supmap {position:relative;margin: 3.5em auto 56px;font-size:1.1em;font-weight:400;text-align:center;color:#1b1b1b;}
.supmap .title01 {display:block;font-size: 10px;line-height:1.3em;font-weight: 100;margin-top: 1em;font-family: 'NotoSerifKR';color: #a38671;letter-spacing: 0;opacity: 0.8;}
.supmap .title02 {display:block;font-size:1.5em;line-height: 1.8em;letter-spacing:-0.02em;margin-bottom:0.5em;font-family: 'NotoSerifKR';} 
.supmap .title03 {display:block;font-size: 18px;line-height: 2.2em;color: #57463a;font-weight:100;letter-spacing: -1px;opacity: 0.8;filter: alpha(opacity=60;);/* display: none; */font-family: 'NotoSerifKR';}
/*메인하단*/
.loader .over{content: "";display: block;left: 0;top: 0;right: 0;bottom: 0;background: #4d4138;opacity: 0.35;transition: 0.5s ease;-webkit-transition: 0.5s ease;position: absolute;}
.loader .over :hover{  opacity: 0;transition: 0.5s ease;  -webkit-transition: 0.5s ease}
.loader{width:100%;height:100%;background-repeat: no-repeat;background-position: center center;background-size:cover;transform-origin: 50% 50%; transition:.5s; -webkit-transition:.5s; }
.loader:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transform:scale(1.1);}
#main_img01 {padding: 0 10%;text-align:center;font-size:0;}
#main_img01 a{display:inline-block;	position:relative;width:49%;padding-top:27%; margin-left:10px; overflow: hidden; margin-bottom:10px;}
#main_img01 a .loader{position:absolute; left:0px;right:0px;top:0;width:auto; }
#main_img01 a .sloganWrap{position:absolute;z-index:5;bottom:50%;/*padding:30px 0;*/ margin:3% 38%;width:24%;transition:transform 0.3s;}
#main_img01 a h5{padding-bottom:15px;font-size:20px;line-height:20px;color:#fff;FONT-FAMILY: 'Pretendard-Regular';}
#main_img01 a h6{font-size:20px;line-height:20px;color:#c3c3c3;FONT-FAMILY: 'Pretendard-Regular';}
#main_img01 a .bar{position:absolute;top:140%;left:0;right:0;margin:0 auto;width:60px;height:1px;	background:#d8d8d8;transition:width 0.3s;}
#main_img01 a .boxBtn{background:rgba(0, 0, 0, 0.49);color:#fff;border:none;	transition:opacity 0.3s,background-color 0.3s, color 0.3s;;position:absolute;z-index:5;top:47%;left:0;right:0;margin:0 auto;width:142px;margin-top:30px;	opacity:1;}
.boxBtn{display:inline-block;min-width:142px;	height:45px;	line-height:43px;font-size:12px;	color:#a0a0a0;	text-align:center;	border:1px solid #a0a0a0;transition:background-color 0.3s, color 0.3s;}

.simbol{width: 30px; display: initial; position: relative; top:-2px; }
#tm_bt{width: 8%;height: 5%;position: absolute;right: 3%;margin-top: -105px;z-index: 10;}


/* 인사말 */
.view-wrap {max-width: 60%; text-align: center; margin: auto;}
.view-wrap  .col::after{content: ""; display: table; clear: both;}
.view-wrap  .col1{padding-top: 0;}
.view-wrap  .col1 h2{font-family: 'Handon3gyeopsal600g';font-size: 45px;padding: 100px 0 40px;color: #848484;width: 180px;left: 0;right: 0;margin: auto;}
.view-wrap  .col1 .right{border-bottom: 1px solid #ccc;padding-bottom: 50px;}
.view-wrap  .col1 .right h3{font-size: 19px;margin-bottom: 30px;font-weight: 700;}
.view-wrap  .col1 .right p{font-size: 14px;color: #555555;line-height: 1.5;FONT-FAMILY: 'NotoSerifKR';}


/*오시는길*/
.map_info { width:100%; max-width:1200px; margin:0 auto;}
.map-wrap { position:relative; z-index:90; padding-top:65px; text-align:center; }
.map-wrap .tit strong {position:relative;display:inline-block;font-size: 28px;font-weight:500;font-family: 'Pretendard-Regular';color: #5e6d6d;}
.map-wrap p {font-size:16px;padding:1%;display:block;margin: 2% auto;width:40%;}

.root_daum_roughmap .wrap_controllers{display: none;}


/*객실미리보기*/
.roompre .roompre_img{ max-width: 1700px; margin: auto;}
.roompre .roompre_img ul{ display: inline-block; width: 100%;}
.roompre .roompre_img ul li{float: left;width: 50%;margin-bottom: 20px;}
.roompre .roompre_img ul li .wrapper{ padding: 0 10px;}
.roompre .roompre_img ul li .img_wrap{ overflow: hidden;}
.roompre .roompre_img ul li .img{padding-top: 68%;transition: 0.7s ease;}
.roompre .roompre_img ul li .img{ -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); transition: all 0.3s ease-in-out; opacity: 1; filter: alpha(opacity=50;); }
.roompre .roompre_img ul li .info_wrap{margin: 20px 0;text-align:center;opacity: 0.8;}
.roompre .roompre_img ul li .info_wrap .name{font-size: 18px;font-weight:600;color: #636363;line-height: 1.5;}
.roompre .roompre_img ul li .info_wrap .name small {font-weight:500;line-height: 2.5;font-size: 14px;letter-spacing: -0.5px;text-transform: uppercase;}
.roompre .roompre_img ul li .info_wrap .info{font-size: 14px;color: #778b8b;margin-top:3%;width: 24%;margin: 1.5% auto 6.5%;padding: 1%;border: 1px solid #778b8b;transition: all 0.3s ease-in-out;}
.roompre .roompre_img ul li .info_wrap .info:hover{background: #778b8b;color:#fff;border: 1px solid #778b8b;transition: all 0.3s ease-in-out;}
.roompre .roompre_img ul li .info_wrap .name span{color: #b77398; font-style: italic; padding: 0 5px; font-size: 12px;}
.roompre .roompre_img ul li a{  text-decoration: none;}
.roompre .roompre_img ul li:hover .img{ transform: scale(1.05); opacity: 0.7;}


/*객실메인*/
.room_img{width: 1350px;margin:0 auto;}
.room_img01{margin-bottom:0px; width:100%;}
.room_img02{margin-top:20px; width:100%;}
.sub-tit-wrap {position:relative;z-index:90;padding-top: 90px;text-align:center;}
.sub-tit-wrap .tit strong {position:relative;display:inline-block;font-size: 27px;font-weight:500;font-family: 'NotoSerifKR';color: #778b8b;}
.sub-tit-wrap p {font-size:16px;padding:1%;display:block;border-top: 1px solid #435353;margin: 1.5% auto 3%;width:25%;FONT-FAMILY: 'Pretendard-Regular';TEXT-TRANSFORM: uppercase;color: #435353;}
.sub-tit-wrap h5 {font-size:16px;padding:1%;display:block;border-top:1px solid #9f9f9f;border-bottom:1px solid #9f9f9f;margin: 2.5% auto;width:25%;text-transform: uppercase;}
/*객실1*/
.rooms_nav ul {width:44%;height:70px; margin:0 auto;}
.rooms_nav ul li {width: 140px;height:40px;float: left; border:1px solid #ccc; box-sizing:border-box;margin-bottom:3px;margin-right: 3px;line-height: 40px;padding-left: 5px; text-align:center;}
.rooms_nav ul li a {color:#494949;display: block;float: left;width: 95%;font-size: 14px;}
.rooms_nav ul li.on {border-bottom:3px solid #5f5f5f;color:#000}
.rooms_nav ul li.on a {color:#000;}
.rooms_nav ul li:hover {border-bottom:3px solid #5f5f5f;}
.rooms_nav ul li:hover a {color:#000;}


.room_main_img{width: 100%;max-width: 1520px; margin: 2.5% auto;}
.room_img02 { width: 31%; display:inline-block; position: relative; min-height: 1px;padding-right: 15px; padding-left: 15px;}
.room_txt_0 .txt_wrap{padding: 50px 0 50px 0;text-align: center;}
.room_txt_0 .txt_wrap span{display: block; line-height:1.5}
.room_txt_0 .tit{font-size: 15px;margin-bottom: 10px;font-family:"NanumSquareRound";}
.room_txt_0 .txt01{font-size: 11px;color:#9f9f9f;font-family:'Bodoni';}


/*객실 2*/
.subNav {padding:1.2% 1%;text-align:center;border-bottom:1px solid #9f9f9f;}
.subNav ul li { display:inline-block; }
.subNav li a {font-size: 14px;line-height:1.5em;color:#000;vertical-align:middle;}
.subNav li a:hover, .subNav li a:focus { text-decoration:underline;}
.subNav li.this a, .tourNav li a.this {color: #778b8b;font-weight:700;}
.subNav ul:after { content:"";display:block;clear:both;}
.subNav li { display:inline-block;}
.subNav li::before {content:"｜"; margin:0 0.8em;}
.subNav li:first-child::before {content:""; margin:0;}
.subNav ul li.subNav_0 { width:100%; padding:0;}
/*객실 3*/
.intro_text {width:100%;text-align:center;margin: 30px auto 50px;line-height: 2;font-size: 14px;}
.btn-more{ width: 200px; margin: 1% auto;border: 1px solid #778b8b;  text-align: center; transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.btn-more a{display: block;color: #778b8b;padding:10px;transition: 0.5s ease;-webkit-transition: 0.5s ease;}
.btn-more:hover{  background: #778b8b; border:1px solid #778b8b;}
.btn-more:hover a{color: #fff;}


/*스페셜*/

.special-view { width:1600px; margin:2% auto;}
.sp-view-wrap{display: inline-flex;margin-bottom: 5%;}
.special-view-wrap{ clear:both;  margin:0 auto; margin-top:0%; max-width:85%;}

.slide-btn {  }
.slide-btn button { position:absolute; bottom:50%; z-index:55; width:40px; height:40px; margin-bottom:-27px;  background-repeat:no-repeat; background-position:center center; background-size:100%; border:1px; background:rgba(255,255,255,0)}

.slide-btn button.prev {left:40px;background-image:url('http://www.sbcamping.com/web/img/common/sp_prev.png');}
.slide-btn button.next { right:40px; background-image:url('http://www.sbcamping.com/web/img/common/sp_next.png'); }
.slide-btn button:hover{ border:1px;}
.slick-dots {position:absolute;bottom:40px;left:0;right:0;z-index:55;clear:both;text-align:center;}
.slick-dots li { display:inline-block; margin:0 10px; font-size:0; }
.slick-dots li button { display:block; width:5px; height:5px; background:#fff; border-radius:100%; border:1px; border-radius:1px;}
.slick-dots li.slick-active button { background:#fff700; }

.sub-tit01 {/* text-align:center; */line-height:3;}
.sub-tit01 strong {font-size: 20px;font-weight:400;font-family: 'Handon3gyeopsal600g';text-transform: uppercase;letter-spacing: -1px;color: #7c8585;}
.sub-tit01 p { line-height:0.5; font-size:20px; font-weight:500; margin-bottom:30px;}

.room-slide-wrap {position:relative;width: 60%;}
.thum-link { clear:both; overflow:hidden; margin-top:10px; }
.thum-link span { float:left; padding:5px; box-sizing:border-box; cursor:pointer; opacity:0.4; transition:0.4s; }
.thum-link span { opacity:0.5; }
.thum-link span.on { opacity:1; }
.thum-link img { width:100%; }

.view-guide-wrap{width: 40%;padding-left: 62px;padding-top: 9%;}
.view-guide-wrap h1{font-family: 'NotoSerifKR';font-size: 25px;margin-bottom:2%;line-height:1.2;color: #778b8b;margin-bottom: 5%;font-weight: 100;border-bottom: 1px solid;display: inline-block;padding-bottom: 18px;}
.view-guide-wrap .tit{font-size: 14px;margin-bottom:3%;line-height: 2;letter-spacing: -0.5px;}
.view-guide-wrap .tit p {font-family: 'Pretendard-Regular';} 

.slick-dots{display:none !important;}





/*투어*/
.tourList {  margin-bottom:5%; }
.tourList:after {content:"";display:block;clear:both;}
.tourList li {width: 46%;margin-left:2.64%;display: inline-grid;}
.tourList li.clear { float:none; width:100%; margin-left:0;}
.tourList li img {width:100%;vertical-align:top;}
.tourList dl { padding:3% 0 6%; }
.tourList dt { font-size:1.5em; line-height:1.5em; letter-spacing:-0.05em; font-weight:200;}
.tourList dt strong { font-weight:400;}
.tourList dt .line { display:block; width:48px; height:1px; background:#000; margin:0.8em 0 0.5em; }
.tourList dd {font-size:1em;line-height:1.6em;color:#666;letter-spacing: -0.5px;}
.tourList dd p { margin-top:1.5em;}

/*예약안내*/
.rev-txt {font-size:20px;color: #778b8b;font-weight:600;margin-top: 55px;font-family:  'NotoSerifKR';}
.rev_info{margin-bottom: 60px;}
.rev_info ul {padding-left:30px; line-height:10px; margin-top:15px;}
.rev_info ul li{font-size:14px;line-height:1.6em;color:#262626;font-family: 'Pretendard-Regular';}
.rev_info ul li span{color: red;}
.rev_info ul b {margin-bottom: 18px;line-height: 1.5;}
/*요금표*/
.rev table {width:100%; /*margin-bottom: 15px;*/}
.rev table tr {}
.rev table tr th {height:50px;  border-bottom:1px solid #fff;} 
.rev table tr td {height:15px;border-bottom: 1px solid #a38671;}
.rev table th {font-size: 12px;letter-spacing:1px;text-align:center;color: #f9f9f9;background-color: #a58a7a;letter-spacing: -0.3px;}
.rev table td {color:#000;font-size: 13px;padding: 9px 0;line-height:20px;text-align:center;}
.rev table span { font-weight:bold; color:#ff0000;}
.rev p {margin:10px auto;letter-spacing:0.5px;color:#000;text-align: center;font-size:13px;}


/*하단*/
#footerwrap {width: 100%;height: 250px;background: #a58a7a;box-sizing:border-box;margin-top:15px;color: #ffffff;}
#footer {width: 1000px;margin: auto;padding-top: 42px;color:#848484;}
#footer p {font-size: 14px;margin-left:50px;margin-left:50px;/* padding-bottom:20px; *//* border-bottom: 1px solid #ffffff; */color: #ffffff;line-height:1.5;}
#footer p span {font-weight: bold;padding-right: 5px;}
#footer p .txt {border: 1px solid #fff;padding: 6px 5px;display: block;margin-top: 20px;font-size: 13px;font-weight: 400;}
#footer>ul {margin-left:50px;padding-top:25px;}
#footer>ul>li {float: left;font-size: 14px;padding-right:7px;color: #ffffff;}
#footer>ul>li span {padding-left: 5px;color:#848484}
#footer>ul>li>a {position: relative;color: #ffffff;}
#footer li.copyright {border: none; padding-bottom: 0; margin-top:15px; font-weight: bold; width:100%; color:#848484; padding:3px 0; text-align: center;border: 2px solid #848484;}
#footer li.copyright a {color:#a9caca;}



.simbol {width:19px; display:inline-block; position:relative; top:-2px;}


/*해상도*/
@media all and (max-width: 1777px) {
.hom_pc{left:-14%;} .vieo_pc{right:-6%;} .rev_pc{right: -17%;}  .rev_pc01{right: -8%;}
}

@media all and (max-width: 1700px) {
.hom_pc{left:-14%;} .vieo_pc{right:-6%;} .rev_pc{right: -12%;}  .rev_pc01{right: -2%;}
}


@media all and (max-width: 1600px) {
.header h1{/* margin-left: -55px; *//* width: 15%; */}	

.header>ul{width:930px;padding: 29px 0 35px 0;}
.header>ul>li{width: 100px;}
.header>ul>li:nth-child(3){/* margin-right:160px; */}	
.hom_pc{left:-9%;} .vieo_pc{right:-1%;} .rev_pc{/* right:-10%; */}
.img_area .img_slider li{height:757px; background-size:cover;} .img_area{height:757px;}
.room_main_img{max-width:1395px;} .room_txt_0 .txt_wrap{padding:30px 0 30px 0;}
}


@media all and (max-width: 1440px) {
/*.header h1{top:2px;left: 52%;/* width:13%; */
.header>ul{width: 930px;}
.hom_pc{left:-5%;} .vieo_pc{right:4%;} .rev_pc{/* right:-5%; */}




.room_main_img{max-width:1230px;} .room_img02{width:30%;}
.room_subimg01 .txt_wrap{padding-top:13%;}

.room_img{width:1300px;} .header>ul>li{top:-13px;} .header>ul{padding: 40px 0 13px 0;}
}


@media all and (max-width: 1366px) {
#header_info{height:70px;}
.header>ul{width:845px; padding:40px 0 20px 0;}
.header>ul>li{/* width:77px; */}
.header>ul>li:nth-child(3){/* margin-right:200px; */}
.header ul li a{font-size:16px;}
.hom_pc{left:-1%; top:27%;} .vieo_pc{right:7%; top:27%;} .rev_pc{right: 0%;/* top:27%; */width: 83px;} .rev_pc01 {right: 7.5%;}
.img_area .img_slider li{height:45em; background-size:cover;} .img_area{height:45em;}
.room_main_img{max-width:1220px;} .room_img02{width:30.55%;} 
.room_img{width:1200px;} .rooms_nav ul{width:48%;}
.sub-tit-wrap{padding-top: 40px;} .rev table tr th{height:40px;}
.map_info{ max-width:1220px;} .wrap_map{height:380px !important;}
.tourList dd{font-size:0.8em;}

.main-txt strong{ font-size:28px;}
.bx-wrapper .bx-controls-direction a{ width:50px; height:50px; background-size:200%;}
.bx-wrapper .bx-next{ background:url('/web/img/btn_slider.png') no-repeat -49px 0;}
.bx-wrapper .bx-prev:hover {background-position: 0 -49px;}
.bx-wrapper .bx-next:hover {background-position: -49px 0px;}
}

/*@media all and (max-width: 1280px) {.header>ul{width:1135px;}}*/

@media all and (max-width: 1152px) {
.header_main{width:1135px;} .header{width:1135px;} .header>ul{width:1015px;} .header>ul>li{width:100px;}
.img_area .img_slider li{height:42em;} .img_area{height:42em;}
/*.header_top{width:1100px;} .memu_info{width:1100px;} .memu_info_txt > li{width:220px;}*/
.room_img{width:1080px;}
.rooms_nav ul{width:53%;} .sub-tit-wrap p{width:53%;}

.map_info{ max-width:1010px; width:96%;} .root_daum_roughmap{width:1010px !important;}

}


/*모바일*/
@media all and (max-width: 1025px) {
/*.header_top{width:0px;}
#header .reser_btn{width:90px; left:100px;}
.memu_info{width:410px;}
.memu_info_txt > li{width:82px;}.memu_info_txt > li > a{font-size:15px;}*/
.main-txt{display:none;}


#header_info{height:110px; position:relative;}
.header_mai{width:414px;} .header{width:414px;} .header_main {width:414px;}
.header>ul>li{width:69px; margin:0 0px;} .header>ul>li:nth-child(3){margin-right:0;} .header>ul{width:414px; padding:100px 0 0;}
.header ul li a{font-size: 12px;} .header h1 a{height:60%;} 
.header h1{width: 25%;left: 0;right: 0;top: 21px;/* margin:auto; */}

.hom_pc{display:none;} .hom_m{display:block; position: absolute; left:3%; top:0%;  width:15%; padding:10px 6px 10px 6px; }
.vieo_pc{display:none;} .vieo_m{display:block; position: absolute;right:14%;top:8%; width:10%; padding:10px 6px 10px 6px;}
.rev_pc{/* display:none; */font-size: 10px;padding: 4px;width: 80px;top: 20px;right: 5px;} .rev_m{display:none; position: absolute;right:1%;top:8%; width:10%; padding:10px 6px 10px 6px;}
.rev_pc01{/* display:none; */font-size: 10px;padding: 4px;width: 80px;top: 20px;right: 95px;} 

.mo{display:none;} /*.rev_pc{display:block; position: absolute;right:3%;top:15%;width:100px; padding:10px 6px 10px 6px; border:1px solid #fff; text-align: center;box-sizing:border-box;}*/
.img_area .img_slider li{height:30em;} .img_area{height:30em;}
.bx-wrapper .bx-controls-direction a{top:27%; background-size:200%; height:34px; width:34px;}.bx-wrapper .bx-pager{bottom:55%; display:none;}
.bx-wrapper .bx-prev:hover {background-position: 0 -34px;}
.bx-wrapper .bx-next:hover {background-position: -35px -34px;}

.bx-wrapper .bx-next{ background:url('/web/img/btn_slider.png') no-repeat -34px 0;}
.supmap{margin:2.5em 0;} .supmap .title02{/* font-size:1.2em; *//* line-height:1em; */}
#main_img01 a{width:100%; margin-left:0px; margin-top:10px; padding-top:60%;}
#footer{width:95%; max-width:100%; } #footer p{margin-left:20px; margin-right:20px; font-size:13.5px;} #footer>ul{margin-left:20px; margin-right:20px;} #footerwrap{height:250px;}
.room_img{width:95%;}
.sub-tit-wrap p{width:80%; padding:3%; margin:7% auto;}
.rooms_nav ul{width:95%;} .rooms_nav ul li{width:92px;}
.rev table th{font-size:10px;} .rev table td{font-size:9px;}
.tourList li{width:95%;}
.map-wrap p{font-size:13px; width:88%; margin:5% auto;}
.wrap_map{height:300px !important;width:100% !important;margin:0 !important;} .root_daum_roughmap{width:100% !important;}

.roompre .roompre_img ul li{width:100%;}
.roompre .roompre_img ul li .info_wrap .name{font-size:13px;}
.roompre .roompre_img ul li .info_wrap .info{width:80%;}
.room_img01{width:100%; padding-right:0px; padding-left:0px; margin-top:20px;}
.room_subimg01 .txt_wrap{width:100%; padding-top:4%; padding-bottom:15%;}

.room_img02{width:100%; padding-right:0px; padding-left:0px;} .room_img02 img { width:100%;}
.room_subimg01{ margin:auto; max-width:95%; text-align:center;}
.intro_text{font-size: 13.5px;line-height:1.8;max-width:95%;}
.subNav li::before{margin: 0 0.0em;} .subNav li a{/* font-size:0.8em; */letter-spacing: -0.5px;}
.sub-tit-wrap h5{width:60%; margin:6% auto;}
	
	.sp-view-wrap{display: block;}
	.room-slide-wrap{width: 100%;}
	.view-guide-wrap{width: 100%; padding-left: 0;}
	
	.view-wrap .col1 h2{width: 140px; padding: 50px 0 40px;}
	.view-wrap .col1 .right p{letter-spacing: -0.5px; font-size: 13.5px;}





.sub-tit-wrap .tit strong{font-size: 23px;} .tourList dd{font-size:0.8em;}

.rev_info ul{padding-left:0px;} .rev_info ul li{font-size:12px;}


#main_img01 a .sloganWrap{width:45%; margin:3% 27.5%;}



.intro_text_in{padding:25px 0 25px;}

.intro_text_in ul li span { display: block; font-size:15px;}
.intro_text_in ul li {font-size:13px; margin-bottom:10px;}

.btn-more{margin:4% auto 2%;}
}

@media all and (max-width: 550px) {
.header{width:100%;} .header_main{width:100%;} .header>ul{width:100%;}
	
.header>ul>li{top:0px;}
.room_txt_0 .tit{font-size:14px;}
.bx-wrapper .bx-controls-direction a{height:30px; width:30px; top:29.5%;}
.bx-wrapper .bx-next{ background:url('/web/img/btn_slider.png') no-repeat -30px 0;}
.bx-wrapper .bx-prev:hover {background-position: 0 -30px;}
.bx-wrapper .bx-next:hover {background-position: -30px 0px;}
.supmap .title02{/* font-size:0.8em; */} .supmap .title01{font-size:0.8em;}

	.supmap .title03{font-size: 13px;}	
	
.room_main_img{max-width:95%;}

.cam_info{font-size:1em;}
.cam_info_txt table td{font-size:10px;}
.cam_info_txt table th{font-size:11px;}

.header h1{width: 25%;top: 3px;} .header>ul{padding:80px 0 0;max-width: 95%;margin: auto;}

.room_img{max-width:98%;}
.roomPre_list a.roomNav{width:8%;}
.rev_info{max-width:97%; margin: auto;}

.mo_rev{display:table-cell;} .pc_rev{display:none;}
#tm_bt{width:14%; height:9%; margin-top:-20px; right:3%;}

.img_area .img_slider li{height:16em;} .img_area{height:16em;}

.header>ul>li{width:65px;}
	
	.view-wrap{max-width: 95%;}	
}



@media all and (max-width: 400px) {
#header .reser_btn{width:88px; left:87px;}
.memu_info{width:360px;}
.header_main{/* width:360px; */}
.header>ul{width:367px;} .header h1{width: 27%;}
.memu_info_txt > li{width:72px;}.memu_info_txt > li > a{font-size:13px;}
.bx-wrapper .bx-pager{bottom:54%;} .supmap .title02{font-size:0.8em;} .supmap .title01{ font-size:0.8em;}
#footer{width:360px;} #footer p{font-size:12px;}
.map-wrap p{font-size:12px;} .wrap_map{height:200px !important;width:340px !important;margin:0 !important;} .root_daum_roughmap{width:340px !important;}
.room_img{ max-width:95%;}
.sub-tit-wrap p{font-size:13px;}
/*#footer{width:332px;}
.header{width:350px;}*/
.map_info{width:89%;} .room_txt_0 .tit{font-size:12px;}
.roompre .roompre_img ul li .info_wrap .name{font-size:11px;}
.header>ul>li{width: 58.8px;margin:-2px;}
.header ul li a{font-size:12px;letter-spacing: -0.5px;}


.week_date p{font-size:11px !important;letter-spacing: -0.5px;}
.subNav li a{font-size:0.6em;}


.yapen-priceLayer .yapen-priceHeader .yapen-headerBar li{font-size:5pt !important;}

.img_area .img_slider li{height:17em;} .img_area{height:17em;}

}


@media all and (max-width: 360px) {
.header>ul { width:358px;} .header>ul>li{width:57px;}
.header>ul>li{margin:-1px;}
.img_area .img_slider li{height:16em;} .img_area{height:16em;}
} 


@media all and (max-width: 325px) {
.header ul li a{font-size:10px;} .header_main{/* width:325px; */}
.header>ul { width:320px;} .header{width:304px;} .header>ul>li{width:17%;}

.sub-tit-wrap h5{font-size:12px;}

.yapen-dateTime-content .yapen-dateTime-item{font-size:8pt !important;}
}