@charset "utf-8";

/* 폰트 */

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
    margin:0; padding:0; font-family:'NanumSquare', 나눔스퀘어, sans-serif; font-weight: normal; color:#000; list-style:none; text-decoration:none; font-size:15px; border:none;}

#wrap {width:100%;}
#wrap, #mainimg, #s1, #s2, #s3, #s4, #s5, footer {margin:0 auto; text-align: center;}

header,  #s1, #s2, #s5 {
    width:1200px;}

#mainimg, #s3, #s4, footer {width:100%;}

body {overflow-x:hidden;}
h2 {font-size: 50px; font-weight: 600;}
#s1, #s2, #s3, #s4, #s5, footer {margin-top:150px;}


.clear {clear:both;}



/* 헤더 */

header {margin:0 auto; height:91px; width:1200px;}
#logo {float:left; width:165px; margin:10.5px 0 10.5px 51px;}
#nav {float:right; width:900px; height:91px;}
#nav ul {width:840px; margin:0 auto;
position:relative;}
#nav > ul > li  {float:left;line-height:91px;width: 120px;}
#nav > ul > li > a {display:block; font-weight:600;;}
#nav .main >li > a:hover {color:#fff;background-color: #40b2a3; transition:0.5s;}
#nav li:hover ul{display:block; position:absolute; top: 91px; left:px; z-index:1; width:120px; line-height:5;}
#nav li ul {display:none;}
#nav>ul>li>ul>li {background:rgba(255,255,255,0.8);}
#nav>ul>li>ul>li>a {color:#000; display:block;}
#nav>ul>li>ul>li>a:hover{color:#40b2a3;}




/* 메인이미지 */

#mainimg {background:url("../images/main_slide01.jpg") no-repeat center;
height:675px; width:100%; position:relative;}
#mainimg ul li {
    margin:0 auto;}
#mainimg li:first-child, 
#mainimg li:nth-child(2) {font-family:'MaruBuri-Regular'; color:#fff;}
#mainimg li:first-child {
    font-size:14px;  letter-spacing:7px; padding-top:300px;}
#mainimg li:nth-child(2) {font-size:30px; letter-spacing:25px;}
#mainimg li:last-child {margin:10px auto;
}
#mainimg .square {
    color:#000;   
    background-color:#fff;
    width:140px;
    height:26px;
    line-height: 26px;
    font-size:14px;
}

/* 슬라이드 원 */
#mainimg .circle {float:left;margin: 230px 0 0 48%;}
.circle div {float:left; margin-right:15px;}
.circle div:last-child {margin-right:0px;}
.circle01 {
border:1px solid #fff;
background:#fff;
width:10px;
height:10px;
border-radius:75px;
text-align:center;
}
.circle02 {
border:1px solid #fff;
width:10px;
height:10px;
border-radius:75px;
}





/* section 1 */

#s1 {background:url("../images/s1.jpg")no-repeat center; height:785px; width:1200px;}
#s1 .s1t h3 , #s1 .s1t p {text-align: center;
}
#s1 h3 {
    font-family:'MaruBuri-Regular'; font-size:55px;
padding:290px 0 90px 0}
#s1 .s1t p { line-height:1.7; }


/* section 2 */
    
#s2 {background:url("../images/s2.jpg")no-repeat center; height:380px; width:1200px;}
#s2 h3 {font-family:'MaruBuri-Regular'; color:#fff; font-size:32px; letter-spacing:33px; padding:130px 0 9px 26px;}
#s2 p {font-size:16px; letter-spacing:8px;}
#s2 p a {background:#fff; width:235px; height:40px; display: inline-block; line-height:40px;}





/* section 3 */

#s3 {height:310px; background:#4c4c4c; position: relative; margin-top:300px;} 
#s3_box{width:1200px; position: absolute; left:50%; margin-left:-600px; margin-top:-175px; background:url(../images/s3.png)no-repeat 0% 100%; position:absolute;}
#s3_box_left{float:left; width:520px;text-align:right;}
#s3_box_right{float:right; width:655px;
}
#s3 h2{font-size:50px;line-height:40px;}
#s3 h2 span{font-size:20px;}
#s3 .arrow{float:right; margin:140px 0px 40px 0px;}
#s3 .arrow li{float:left;}
#s3 .arrow li:first-child {padding-right:40px;}
#s3 .roomname{float:right;}
#s3 .roomname li{float:left; margin-bottom:50px;}
#s3 .roomname li a {color:#fff; font-size:20px; padding-right:20px;}
#s3 .roomname li:last-child a {padding-right:0;}
#s3 .more{display: inline-block; padding:4px 10px; color:#fff;  background-color:#40b2a3; }

/* section 4 */

#s4 {height:310px; background:#4c4c4c; position: relative; margin-top:300px;} 
#s4_box{width:1200px; position: absolute; left:50%; margin-left:-600px; margin-top:-175px; background:url(../images/s4.png)no-repeat 100% 100%;}
#s4_box_left{float:left; width:655px;}
#s4_box_right{float:right; width:520px;text-align:left;
}
#s4 h2{font-size:50px;line-height:40px;}
#s4 h2 span{font-size:20px;}
#s4 .arrow{float:left; margin:140px 40px 40px 0px;}
#s4 .arrow li{float:left;}
#s4 .arrow li:first-child {padding-right:40px;}
#s4 .roomname{float:left;}
#s4 .roomname li{float:left; margin-bottom:50px;}
#s4 .roomname li a {color:#fff; font-size:20px; padding-right:20px;}
#s4 .roomname li:last-child a {padding-right:0;}
#s4 .more{display: inline-block; padding:4px 10px; color:#fff;  background-color:#40b2a3; }



/* section 5 */

#s5 {text-align:center;}
#s5 p {font-size: 20px; padding:10px 0 38px 0;}
#s5 ul li {
    display:inline-block; vertical-align:middle; margin-right: 20px;}
#s5 ul li:last-child {margin-right:0;}

/* section 5 animation */
#s5 ul li:nth-of-type(even):hover {
    animation: scale-up-ver-center 1.2s cubic-bezier(1.000, 0.675, 0.785, 0.85) infinite  both;
   }
@keyframes scale-up-ver-center {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0.85);
  }
}


/* footer */

footer { position: relative;  background: #000; box-sizing: border-box; width:100%;}
.footer-in { padding-top:32px; }
.footer-wrap {text-align: center; display: flex; ; width: 1200px; margin: 0px auto; }
.footer-wrap div {
    width: 33.333333%; }
.footer-wrap div:nth-of-type(2) { height:146px; border-right: 1px solid #828282; border-left: 1px solid #828282; }
.footer-wrap div ul { margin-top: 20px; }
.footer-wrap div ul li {line-height:2.3; color: #fff; }
.copy {
    height: 43px; line-height:43px; text-align: center; }
footer .copy p {
    font-size: 12px; color:#828282;}



/* --- 서브 시작 ---*/

/* 서브 공통 설정 */

#subbar {background:#333; height:50px; line-height:50px; }
.subbar_inner {width:1200px;margin:0 auto;}
#route {text-align:right; color:#b9b9b9;float:right;}
#subbar .nav ul li {float:left; }
#subbar .nav ul li a {color: #b8b8b8; display: block; padding:0 25px 0 25px;}
#subbar .nav ul .now, #subbar .nav ul .now a  {
    color:#fff; background:#007f6e; font-weight:600; }
#subv .text {width:1200px; margin:0 auto;}
#subv h2 {color:#fff;font-size:50px; line-height:0.7; text-align:left; font-weight:1000; padding-top:210px; }
#subv h2 span {color:#fff; font-size:13px;}
.line { padding-top:70px;
margin:0 auto;
  content: "";
  display: block;    
  width: 60px;
  border-bottom:2px solid #000;
}


/* about */

#about {width:100%;}
#about #subv {background:url(../images/about_01.jpg)no-repeat center; width:100%; height: 497px; margin-top:-25px;}
#about 
.line { padding-top:70px;
margin:0 auto;
  content: "";
  display: block;    
  width: 60px;
  border-bottom:2px solid #000;
}
#about h2 {margin:25px 0 50px 0;}
#t1 {background-color:#f2f2f2; }
#t1_box {height: 695px;
      width: 1200px; margin:0 auto; }
#t1_box_left {float: left; text-align:left; margin-top: 140px; }
#t1_box_left h3 {font-size:38px;}
#t1_box_left h3 span {font-size:38px; font-weight: 600;}
#t1_box p {font-size: 28px; line-height:1.4;}
#t1_box_right {float:right;  width:504px; height:533px; margin-top: 90px; }

#t2 {width:1200px; margin:0 auto;}
#t2_box_left {float:left; margin-top:100px;}
#t2_box_right {float:right; text-align:left; margin-top: 130px;}
#t2_box_right p {font-size:28px; line-height:1.4;}
#t2_box_right {background:url(../images/about_04.png)no-repeat;}



/* 내추럴우드 */

#room_n {width:100%;}
#room_n #subv {background:url(../images/room_n_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#room_n h2 {margin:25px 0 50px 0;}
#room_s1 {width:1200px; margin:0 auto;}
#room_s1 .room_photo                                             ul li {float:left; 
    margin:30px 24.7px 100px 0;}
#room_s1 .room_photo ul li:last-child {margin-right:0;}

#room_s2 {background:#f2f2f2; height:625px;}
#room_s2 #s2_01 {width:1200px;margin:0 auto;}
#room_s2 .bor {
    border:1px solid #686868; border-radius:25px; background:#fff; width: 154px; height:50px;  line-height: 50px; font-size:17px;}
#room_s2 ul {float: left; padding: 50px 120px;}
#room_s2 ul li:last-child {padding-top: 40px;font-size: 20px; text-align:center;}

#s2_02 {width: 1200px; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000;  height: 145px; padding-top:35px;}
#s2_02 h3 {font-size:25px; float:left; margin-right: 25px;font-weight:600; }
#s2_02 table {border:1px solid #686868; width: 355px;height:100px;border-collapse : collapse; 
}
#s2_02 table th,
#s2_02 table tr:nth-child(2) {background: #dadada;}
#s2_02 table tr:last-child {background:#fff;}
#s2_02 tr, #s2_02 td, #s2_02 th {border:1px solid #686868;}

#s2_02 .left_box {float:left; width:500px; height: 145px;}
#s2_02 .right_box {float:right; width: 500px;  height: 145px;text-align:left; }
#s2_02 .right_box h3, #s2_02 .left_box h3 { height:100px;padding-top:5px;}
#s2_02 .right_box p {line-height:33px;}

#s2_03 a {display:inline-block; width:170px; height:55px; text-align: center; line-height:55px; color:#fff; margin: 85px 35px; font-size:25px;}
#s2_03 a:first-child  {background:#747474;}
#s2_03 a:last-child {background:#40b2a3;}

#s2_04 {height: 475px; width:1200px; margin:0 auto; text-align: center;}
#s2_04>h3 {font-size: 25px; margin-top: 100px; margin-bottom:30px;}
#s2_04 .img {width:200px; float: left; height: 253px;}
#s2_04 .img:first-child {margin-left:140.25px; margin-right:150.25px;}
#s2_04 .img:nth-child(2) {margin-right:150.25px;}
#s2_04 .img:last-child {margin-right:140.25px;}


#detail h3, #detail p {font-size:20px;}
#detail p {margin-top:15px;}


/* 클라우드민트 */

#room_c {width:100%; }
#room_c #subv {background:url(../images/room_n_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#room_c h2 {margin:25px 0 50px 0;}
#room_c_s1 {width:1200px; margin:0 auto;}
#room_c_s1 .room_photo                                             ul li {float:left; 
    margin:30px 24.7px 100px 0;}
#room_c_s1 .room_photo ul li:last-child {margin-right:0;}

#room_c_s2 {background:#f2f2f2; height:625px;}
#room_c_s2 #c_s2_01 {width:1200px;margin:0 auto;}
#room_c_s2 .bor {
    border:1px solid #686868; border-radius:25px; background:#fff; width: 154px; height:50px;  line-height: 50px; font-size:17px;}
#room_c_s2 ul {float: left; padding: 50px 120px;}
#room_c_s2 ul li:last-child {padding-top: 40px;font-size: 20px; text-align:center;}

#c_s2_02 {width: 1200px; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000;  height: 145px; padding-top:35px;}
#c_s2_02 h3 {font-size:25px; float:left; margin-right: 25px;font-weight:600; }
#c_s2_02 table {border:1px solid #686868; width: 355px;height:100px;border-collapse : collapse; 
}
#c_s2_02 table th,
#c_s2_02 table tr:nth-child(2) {background: #dadada;}
#c_s2_02 table tr:last-child {background:#fff;}
#c_s2_02 tr, #c_s2_02 td, #c_s2_02 th {border:1px solid #686868;}

#c_s2_02 .left_box {float:left; width:500px; height: 145px;}
#c_s2_02 .right_box {float:right; width: 500px;  height: 145px;text-align:left; }
#c_s2_02 .right_box h3, #s2_02 .left_box h3 { height:100px;padding-top:5px;}
#c_s2_02 .right_box p {line-height:33px;}

#c_s2_03 a {display:inline-block; width:170px; height:55px; text-align: center; line-height:55px; color:#fff; margin: 85px 35px; font-size:25px;}
#c_s2_03 a:first-child  {background:#747474;}
#c_s2_03 a:last-child {background:#40b2a3;}

#c_s2_04 {height: 475px; width:1200px; margin:0 auto; text-align: center;}
#c_s2_04>h3 {font-size: 25px; margin-top: 100px; margin-bottom:30px;}
#c_s2_04 .img {width:200px; float: left; height: 253px;}
#c_s2_04 .img:first-child {margin-left:140.25px; margin-right:150.25px;}
#c_s2_04 .img:nth-child(2) {margin-right:150.25px;}
#c_s2_04 .img:last-child {margin-right:140.25px;}

/* 모던 화이트 */

#room_m {width:100%;}
#room_m #subv {background:url(../images/room_n_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#room_m h2 {margin:25px 0 50px 0;}
#room_m_s1 {width:1200px; margin:0 auto;}
#room_m_s1 .room_photo                                             ul li {float:left;
    margin:30px 24.7px 100px 0;}
#room_m_s1 .room_photo ul li:last-child {margin-right:0;}

#room_m_s2 {background:#f2f2f2; height:625px;}
#room_m_s2 #m_s2_01 {width:1200px;margin:0 auto;}
#room_m_s2 .bor {
    border:1px solid #686868; border-radius:25px; background:#fff; width: 154px; height:50px;  line-height: 50px; font-size:17px;}
#room_m_s2 ul {float: left; padding: 50px 120px;}
#room_m_s2 ul li:last-child {padding-top: 40px;font-size: 20px; text-align:center;}
#m_s2_02 {width: 1200px; margin:0 auto; border-top:1px solid #000; border-bottom:1px solid #000;  height: 145px; padding-top:35px;}
#m_s2_02 h3 {font-size:25px; float:left; margin-right: 25px;font-weight:600; }
#m_s2_02 table {border:1px solid #686868; width: 355px;height:100px;border-collapse : collapse; 
}
#m_s2_02 table th,
#m_s2_02 table tr:nth-child(2) {background: #dadada;}
#m_s2_02 table tr:last-child {background:#fff;}
#m_s2_02 tr, #m_s2_02 td, #m_s2_02 th {border:1px solid #686868;}

#m_s2_02 .left_box {float:left; width:500px; height: 145px;}
#m_s2_02 .right_box {float:right; width: 500px;  height: 145px;text-align:left; }
#m_s2_02 .right_box h3, #m_s2_02 .left_box h3 { height:100px;padding-top:5px;}
#m_s2_02 .right_box p {line-height:33px;}

#m_s2_03 a {display:inline-block; width:170px; height:55px; text-align: center; line-height:55px; color:#fff; margin: 85px 35px; font-size:25px;}
#m_s2_03 a:first-child  {background:#747474;}
#m_s2_03 a:last-child {background:#40b2a3;}

#m_s2_04 {height: 475px; width:1200px; margin:0 auto; text-align: center;}
#m_s2_04>h3 {font-size: 25px; margin-top: 100px; margin-bottom:30px;}
#m_s2_04 .img {width:200px; float: left; height: 253px;}
#m_s2_04 .img:first-child {margin-left:140.25px; margin-right:150.25px;}
#m_s2_04 .img:nth-child(2) {margin-right:150.25px;}
#m_s2_04 .img:last-child {margin-right:140.25px;}




/* 이용안내 */

#com_01 {width:100%;}
#com_01 #subv {background:url(../images/com_01_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#com_01 h2 {margin:25px 0 50px 0;}

#com_bg {background:url(../images/com_01_02.jpg)no-repeat center; width: 100%; height: 948px; position:relative;} 
#com_box {width:1200px; margin:0 auto;}

/* box1 */

#com_box01 {width:1200px; height:240px; background:rgba(255,255,255,0.8)no-repeat center; left: 20%; top:50px; text-align:left; position:absolute;
}
#com_box01 h3 {font-size:30px; font-weight:600; margin-top: 25px; margin-bottom:5px;}
#com_box01 ul, #com_box01 h3 {margin-left: 50px;}
#com_box01 ul li {font-size: 20px; }
#com_box01 li {
    counter-increment:list-number; line-height:2;}
#com_box01 li:before {
    content:counter(list-number);          display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 



/* box2 */
#com_box02 {width:1200px; height:330px; background:rgba(255,255,255,0.8)no-repeat center; left:20%; bottom:315px; text-align:left; position:absolute;
}
#com_box02 h3 {font-size:30px; font-weight:600; margin-top: 25px; margin-bottom:5px;}
#com_box02 ul, #com_box02 h3 {margin-left: 50px;}
#com_box02 ul li {font-size: 20px; }
#com_box02 li {counter-increment:list-number; line-height:2;}
#com_box02 li:before{content:counter(list-number);

            display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 

/* box3 */
#com_box03 {width:1200px; height:250px; background:rgba(255,255,255,0.8)no-repeat center; left: 20%; bottom:50px; text-align:left; position:absolute;
}
#com_box03 h3 {font-size:30px; font-weight:600; margin-top: 25px; margin-bottom:5px;}
#com_box03 ul, #com_box03 h3 {margin-left: 50px;}
#com_box03 ul li {font-size: 20px; }
#com_box03 li {counter-increment:list-number; line-height:2;}
#com_box03 li:before{content:counter(list-number);

            display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 



/* 예약안내 */

#reserv_01 {width:100%;}
#reserv_01 #subv {background:url(../images/reserv_01_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#reserv_01 h2 {margin:25px 0 50px 0;}

#re_01 {background:#f2f2f2; padding:70px 0}
#re_01 img {vertical-align:middle; margin-right:10px;}
#re_01 h3 {font-size:30px; font-weight: 600;margin-bottom: 20px; }

#re_box {text-align:center;}

/* box1 */ 
#re_box01_bg {background:#f2f2f2; width:100%; height:50px; position:relative; bottom:212px; z-index: -2;}
#re_box01 {height:240px; display:inline-block; width:1200px;}
#re_box01 h3 {font-size:30px; font-weight:600; margin-top:50px;}
#re_box01  ul, #re_box h3 {margin-bottom:15px; text-align:left;}
#re_box01 ul li {font-size: 20px;}
#re_box01 li {counter-increment:list-number; line-height:2;}
#re_box01 li:before{content:counter(list-number);
            display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 
/* box2 */ 
#re_box02_bg {background:#f2f2f2; width:100%; height:50px; position:relative; bottom:330px; z-index: -2;}
#re_box02 {height:285px; display:inline-block; width:1200px; }
#re_box02 h3 {font-size:30px; font-weight:600;}
#re_box02 ul, #re_box h3 {margin-bottom:15px; text-align:left;}
#re_box02 ul li {font-size: 20px;}
#re_box02 li {counter-increment:list-number; line-height:2;}
#re_box02 li:before{content:counter(list-number);
            display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 
/* box3 */ 
#re_box03_bg {background:#f2f2f2; width:100%; height:50px; position:relative; bottom:210px; z-index: -2;}
#re_box03 {height:190px;display:inline-block; width:1200px; }
#re_box03 h3 {font-size:30px; font-weight:600;}
#re_box03 ul, #re_box h3 {margin-bottom:15px; text-align:left;}
#re_box03 ul li {font-size: 20px;}
#re_box03 li {counter-increment:list-number; line-height:2;}
#re_box03 li:before{content:counter(list-number);
            display:inline-block; text-align:center; line-height:30px;;  width:30px; height:30px; border-radius:50%; color:#fff; margin-right:10px; background:#40b2a3;} 


/* 오시는길 */

#location {width:100%;}
#location #subv {background:url(../images/location_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#location h2 {margin:25px 0 50px 0;}
#location iframe {margin-bottom:50px;}
#loca_01, #loca_02 {width:1200px; margin:0 auto;}
#loca_01 img, #loca_02 img {float:left;}
#loca_01 h3, #loca_02 h3 {font-size:25px; font-weight:600; text-align: left; border-bottom:2px solid #000; padding-bottom:10px;}
#loca_01 span, #loca_02 span {float: left; font-size:25px; text-align:left; padding-top:15px; line-height:35px;}
#loca_01 span {margin-bottom:50px;}


/* 자주 묻는 질문 */

#com_02 {width:100%;}
#com_02 #subv {background:url(../images/com_02.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#com_02 h2 {margin:25px 0 50px 0;}
#faq {width: 1200px; margin:0 auto;}
#faq ul{width: 1200px; font-size: 20px; line-height:80px; border-top: solid 1px #686868; text-align:left; } 
#faq ul li a, #faq ul li a span {font-size:25px; margin-left: 15px;}
#faq ul li p, #faq ul li p span {font-size:18px;}
#faq>ul:nth-child(1) {border-top: solid 2px #686868;}
#faq>ul:last-child, #faq>ul>li:last-child:last-child  {border-bottom: solid 1px #686868;}
#faq>ul>li:last-child {visibility: hidden; height:0; clear:both; border-top: solid 1px #686868;}
#faq>ul:hover>li:last-child {visibility: visible; height:155px; background:#f2f2f2; }

#faq>ul>li:first-child>a>span {color: #fff;background:#40b2a3;display:inline-block; width:40px;
height:40px; text-align:center; line-height:40px; border-radius: 75px; margin-right:20px;}
#faq>ul>li:last-child>p {line-height:30px;margin-left:30px;  padding-top: 20px; }
#faq>ul>li:last-child>p>span {color: #fff;background:#32a600;display:inline-block; width:40px;
height:40px; text-align:center; line-height:40px; border-radius: 75px; margin-right:20px; font-size:25px;}

.page_num>ul {width: 1200px; height:50px; margin:0 auto; font-size: 25px; line-height: 50px; font-size:18px;}
.page_num>ul>li {display: block; float: left; text-align: center; margin-right: 50px; margin-top:50px;}
.page_num>ul>li:nth-child(1) {margin-left:350px;}
.page_num>ul>li>a {display:inline-block; width:40px;
height:40px; }
.page_num>ul>li>a:hover {color:#fff;background:#40b2a3;text-align:center; line-height:40px;}


/* 주변 여행지 */

#travel {width:100%;}
#travel #subv {background:url(../images/com_02.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#travel h2 {margin:25px 0 50px 0;}

#tra {background:url(../images/travel_02.jpg)no-repeat center; width:100%; height: 1343px;  vertical-align: middle; text-align:center;line-height:1343px;}

#tra_box01 {width:560px; height:375px; line-height: 375px; background:rgba(255,255,255,0.5); position: relative;left: 35%;top:445px; text-align:left;}
#tra_box01 span, #tra_box01 h3, #tra_box01 p,
#tra .arrow_l, #tra .arrow_r {position:absolute;}
#tra_box01 span {font-family: 'MaruBuri-Regular'; font-size: 150px; color:rgba(0,0,0,0.6); bottom:70px; right:70px
}
#tra_box01 h3 {font-weight:600; font-size:25px; margin-left:75px; margin-top:20px;}
#tra_box01 p {line-height:25px; font-size:15px;margin-left:75px; margin-top:240px}

#tra_box02 {width:560px; height:375px; line-height: 375px; background:rgba(255,255,255,0.5); position: relative;left: 35%;top:445px; text-align:left; visibility: hidden;}
#tra_box02 span, #tra_box02 h3, #tra_box02 p,
#tra .arrow_l, #tra .arrow_r {position:absolute;}
#tra_box02 span {font-family: 'MaruBuri-Regular'; font-size: 150px; color:rgba(0,0,0,0.6); bottom:70px; right:70px
}
#tra_box02 h3 {font-weight:600; font-size:25px; margin-left:75px; margin-top:20px;}
#tra_box02 p {line-height:25px; font-size:15px;margin-left:75px; margin-top:240px}
#tra .arrow_l, #tra .arrow_r {top:860px; opacity: 0.5;}
#tra .arrow_l {left:15px;}
#tra .arrow_r {right:15px;}


/* 자주 묻는 질문 */

#com_03 {width:100%;}
#com_03 #subv {background:url(../images/com_02.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#com_03 h2 {margin:25px 0 50px 0;}
#c_03 {width:1200px;margin:0 auto;}
table {border-collapse: collapse;
  border-spacing: 0;}
#search_b .search-window {padding: 15px 0;
  background-color: #f2f2f2;}
#search_b .search-window .search-wrap {position: relative;
  margin: 0 auto; width: 80%; max-width: 564px;}
#search_b .search-window .search-wrap input {
  height: 40px; width: 100%; padding: 7px 14px;  border: 1px solid #ccc;
}
#search_b .search-window .search-wrap input:focus {
  border-color: #686868;
  outline: 0;
  border-width: 1px;
}
#search_b .search-window .search-wrap .btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 108px;
  padding: 0;
  font-size: 16px;
}

.board-table {
  font-size: 18px;
  width: 100%;
  border-top: 1px solid #40b2a3;
  border-bottom: 1px solid #686868;
}
.board-table .th-box {width:100px;}
.board-table tr, .board-table td {height:30px;}

.board-table a {
  color: #000;
  display: inline-block;
  line-height: 1.4;
  word-break: break-all;
  vertical-align: middle;
}
.board-table a::after {content: ""; display: inline-block; background:url(../images/com_03_lock.png)no-repeat bottom; ;width:15px; height:13px; margin-left: 8px; vertical-align:middle;}

.board-table a:hover {
  text-decoration: underline;
}



.board-table .th-num {
  width: 100px;
  text-align: center;
}

.board-table .th-date {
  width: 200px;
}

.board-table th, .board-table td {
  padding: 14px 0;
}

.board-table tbody td {
  border-top: 1px solid #e7e7e7;
  text-align: center;
}

.board-table tbody th {
  padding-left: 28px;
  padding-right: 14px;
  border-top: 1px solid #e7e7e7;
  text-align: left;
}

.board-table tbody th p{
  display: none;
}

.btn {display: inline-block;
  padding: 0 30px;
  font-size: 15px;
  font-weight: 400;
  background: transparent;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  text-transform: uppercase;
  border-radius: 0;
  transition: all 0.3s;}

.btn-dark {
  background: #383838;
  color: #fff;
}

.btn-dark:hover {background: #40b2a3;
  border-color:#40b2a3;
  color: #fff;
}

.q_btn {background: #40b2a3;
  border-color:#40b2a3;
  color: #fff; width: 125px;height:50px; float:right;}


/* 부대시설 */

#special_01 {width:100%;}
#special_01 #subv {background:url(../images/spe_01_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#special_01 h2 {margin:25px 0 50px 0;}

#special_01 .right_box h3, #special_01 .left_box h3 {font-size:40px; font-weight:600;color:#007f6e; margin-top: 50px;}
#special_01 .right_box p, #special_01 .left_box p {font-size: 25px; line-height:32px;}

#spe_s1_bg, #spe_s2_bg, #spe_s3_bg, #spe_s4_bg {height:400px; background:#f2f2f2; margin-top:50px;} 
#spe_01_s1, #spe_01_s2, #spe_01_s3, #spe_01_s4 {width:1200px; margin:0 auto;}
#spe_01_s1 .left_box {float:left; width:600px;}
#spe_01_s1 .right_box {float:right; text-align: left;}
 
#spe_01_s2 .left_box {float:left; text-align: right; margin-left:50px}
#spe_01_s2 .right_box {float:right;}

#spe_01_s3 .left_box {float:left; width:600px;}
#spe_01_s3 .right_box {float:right; text-align: left;}

#spe_01_s4 .left_box {float:left; text-align: right; margin-left:50px}
#spe_01_s4 .right_box {float:right;}


/* 서비스 */

#special_02 {width:100%;}
#special_02 #subv {background:url(../images/spe_01_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#special_02 h2 {margin:25px 0 50px 0;}

#special_02 .right_box h3, #special_02 .left_box h3 {font-size:40px; font-weight:600;color:#007f6e; margin-top: 50px;}
#special_02 .right_box p, #special_02 .left_box p {font-size: 25px; line-height:32px;}

#sur_s1_bg, #sur_s2_bg, #sur_s3_bg, #sur_s4_bg {height:400px; background:#f2f2f2; margin-top:50px;} 
#spe_02_s1, #spe_02_s2, #spe_02_s3, #spe_02_s4 {width:1200px; margin:0 auto;}
#spe_02_s1 .left_box {float:left; width:600px;}
#spe_02_s1 .right_box {float:right; text-align: left;}
 
#spe_02_s2 .left_box {float:left; text-align: right; margin-left:50px}
#spe_02_s2 .right_box {float:right;}

#spe_02_s3 .left_box {float:left; width:600px;}
#spe_02_s3 .right_box {float:right; text-align: left; margin-right:100px;}

#spe_02_s4 .left_box {float:left; text-align: right; margin-left:100px}
#spe_02_s4 .right_box {float:right;}


/* 실시간예약 */

#reserv_02 {width:100%;}
#reserv_02 #subv {background:url(../images/reserv_01_01.jpg)no-repeat center; height: 497px; margin-top:-25px;}
#reserv_02 h2 {margin:25px 0 50px 0;}


/* 달력 table 속성 */
#calendar {width:1200px; height:580px; margin:0 auto;}
#calendars {display: table;
	table-layout: fixed; 
	width: 100%;
	height: 580px;
	word-break: break-all;}
#c_l_s {text-align: center;
	display: table-cell;
	vertical-align: middle;
margin-left: 50px;}
#c_r_s {text-align: center;
	display: table-cell;
	vertical-align: middle;}
#calendar_l {background:#f2f2f2; width:560px; height: 580px;}
#calendar_r {background:#f2f2f2; width:560px;height: 580px; margin-left:40px;}
#calendar th {font-weight:600; font-size: 30px; height:90px;}
#calendar td {font-size:20px;width:80px; height:72.5px; }
#calendar .gray td {color:#747474;}
#calendar .blue {color:#003ecc;}
#calendar .red {color:#e90000;}
#calendar .in {background:url(/images/reserv_02_in.png)no-repeat; color:#fff;}
#calendar_l .out {background:url(/images/reserv_02_out.png)no-repeat; color:#fff;}
#calendar_l .bg {background:url(/images/reserv_02_bg.png)no-repeat; }

/* 체크인 체크아웃 표시 */
#date_s {width:100%;background:#f2f2f2; height:175px; margin-top: 70px; margin-bottom:50px;}
#date_s .text {width: 1200px; margin:0 auto;}
#date_s p {font-size:22px;}
#date_s h3 {font-size:22px; color:#535353;}
#date_s span {font-size:30px;}
#date_s .center, #date_s .left, #date_s .right {position:relative; table-layout:fixed;}
#date_s .center {top:20px;}
#date_s .left {top:55px; right:350px;}
#date_s .right {bottom:30px; left:350px;}

/* 객실 리스트 */
#room_list {width:1200px; margin:0 auto;height:425px;}
#room_list ul li {float: left; line-height: 1.5; padding-top: 260px; margin-right:75px; }
#room_list ul li:last-child {margin-right: 0;}
#room_list h3 {font-size:25px;}
#room_list span {font-size:18px; color:#535353;}
#room_list button {width:250px; height:55px; border:1px solid #686868; background:#fff;margin-top:10px;}
#room_list button:hover {width:250px; height:55px; border:1px solid #40b2a3; background:#40b2a3;margin-top:10px; color: #fff; transition:0.4s;}
#list_n {background:url(../images/reserv_02_01.jpg)no-repeat; width:350px; height:425px; float: left; text-align: center;}

#list_m {background:url(../images/reserv_02_02.jpg)no-repeat; width:350px; height:425px;}

#list_c {background:url(../images/reserv_02_03.jpg)no-repeat; width:350px; height:425px;}


/* 디테일 박스 */

#list_detail {width:100%;background:#f2f2f2;height:1335px; text-align:center;}

#list_detail img {margin-top:25px;}
#detail_box {width:1200px; margin:0 auto;}
#detail_box img {margin-top:25px;}

#detail_box .left_box {display:inline-block; float:left; margin-top:40px; text-align:left; width:550px; margin-left:50px;}
#detail_box .left_box h3, #detail_box .left_box .bo {font-weight: 600;}
#detail_box .left_box h3 {font-size:35px; margin-bottom:35px;}
#detail_box .left_box p, #detail_box .left_box .bo {font-size:25px;}
#detail_box  .sec_h {margin-top:20px; display:inline-block;}
#detail_box .left_box p {line-height:1.4;}
#detail_box .left_box .sec {margin-top: 30px;}
input[type="checkbox"] {
        display: none;}
input[type="checkbox"] {float:right; padding-right:90px;
        display: inline-block;
        width: 25px;
        height: 25px;
        border:1px solid #535353;
        border-radius: 4px;
        
      }

#detail_box .right_box {text-align:left; height:430px; display:inline-block;}
#detail_box .right_box p {height:40px;margin-top:85px;}

#r_b_t {height:235px; text-align:center; border:1px solid #686868;}
#detail_box .right_box table tr td:first-child {background:#dadada;}
#r_b_t td {width:210px; border-bottom:1px solid #686868;font-size:20px;color:#535353;}
#r_b_t tr:last-child td {color:#000;}
#detail_box .right_box button {width:205px; height: 90px; color:#fff; font-size:25px; }
#detail_box .right_box .g {background:#747474; margin-top:20px; margin-right:8.5px;}
#detail_box .right_box .m {background:#40b2a3;}