@charset "utf-8";
.right_wing_banner_wrap,
.m_right_wing_banner_wrap {display:none;}
body {position:relative;}
.default_layout {position:relative; }
#wrap,#header,#footerGroup {position:relative; }
#container {position:relative; z-index:0;margin-top:130px;}

/*서브상단*/
.sub_title_info {background-color:#00b7f3;  background-repeat:no-repeat; background-position:90% 50%; padding:40px; color:#fff; background-image:url(/images/sub/sub_visual_common.png); margin-bottom:60px; background-size:90px;}
.sub_title_info.sub_visual_room_01_01  {background-image:url(/images/sub/sub_room_01_01_top_icon.png);}
.sub_title_info.sub_visual_room_01_02  {background-image:url(/images/sub/sub_room_01_02_top_icon.png);}
.sub_title_info.sub_visual_room_01_03  {background-image:url(/images/sub/sub_room_01_03_top_icon.png);}
.sub_title_info.sub_visual_booking_01_01  {background-image:url(/images/sub/sub_visual_booking_01_01.png);}
.sub_title_info.sub_visual_booking_01_02  {background-image:url(/images/sub/sub_visual_booking_01_02.png);}
.sub_title_info.sub_visual_booking_01_03  {background-image:url(/images/sub/sub_visual_booking_01_02.png);}
.sub_title_info.sub_visual_mypage_01_01  {background-image:url(/images/sub/sub_visual_mypage_01_01.png);}
.sub_title_info.sub_visual_mypage_01_02  {background-image:url(/images/sub/sub_visual_mypage_01_01.png);}
.sub_title_info.sub_visual_mypage_01_03  {background-image:url(/images/sub/sub_visual_mypage_01_02.png);}
.sub_title_info.sub_visual_schedule_01,
.sub_title_info.sub_visual_schedule_02,
.sub_title_info.sub_visual_schedule_03  {background-image:url(/images/sub/sub_visual_schedule_01.png);}
.sub_title_info.sub_visual_price  {background-image:url(/images/sub/sub_visual_price.png);}
.sub_title_info .t1 {font-size:18px;}
.sub_title_info .t2 {font-size:43px; line-height:40px; padding-top:15px; font-weight:bold;}
.s_this_title {font-size:35px; line-height:40px; padding-top:5px; font-weight:bold;}
.room_01_common_process {position:absolute; right:0px; top:-240px; }
.room_01_common_process .text{color:#00b7f1;  }
.room_01_common_process .icon{ padding:0 20px; }
.room_01_common_process.step2 .text{ text-align:center;}
.room_01_common_process.step3 .text{ text-align:right; padding-right:20px;}
#contentGroup { padding-top:0px; margin:0 auto; }

/*가이드박스*/
#guideGroup {position:relative; text-align:center;}
#guideGroup h3 { font-size:30px; color:#222; font-weight:normal; letter-spacing:-1.5px;  font-family: 'Nanum Square';}
#guideGroup h3 .info { font-size:16px; padding:10px 0px;  color:#777;}
#guideGroup .guide { position:absolute; top:0px; right:0px; display:none;}
#guideGroup .guide li{float:left;color:#777777;line-height:23px; font-size:13px; padding:0 12px 0 12px;background:url(/images/sub/guide_dot.jpg) left 9px no-repeat; }
#guideGroup .guide li.home {padding:0 12px 0 0;background:none; }
#guideGroup .guide li.home a{display:block; padding-left:13px; background:url(/images/sub/guide_home.jpg) left 7px no-repeat;   }
#guideGroup .guide li a {color:#777777;}
#guideGroup .guide li.this { color:#777777; padding-right:0px;}
#guideGroup .page_config {position:absolute; top:-30px; right:0px;}
#guideGroup .page_config li{float:left; height:38px; text-align:center;  border:1px #e8e8e8 solid; border-top:0px;}
#guideGroup .page_config li a{display:block; width:93px; line-height:38px;   border-top:0px; font-size:11px; color:#898989; background-color:#f8f8f8; }
#guideGroup .page_config li a:hover{text-decoration:underline; }

/*컨텐츠박스*/
#content {position:relative; min-height:500px; margin:0px 0px 30px; padding:0px 0px 60px;  background:#fff; /*box-shadow: 0 0 7px rgba(0,0,0,0.1);*/ }

/* 탭메뉴 */
div.tapMenu { overflow:hidden;}
div.tapMenu ul { float:left; font-size:13px; width:100%; text-align:center; letter-spacing:-1px;}
div.tapMenu ul li { float:left; width:24%; border:1px solid #ccc; border-radius:50px; margin:10px 0 0 1%;line-height:35px; box-sizing:border-box;}
div.tapMenu ul li a {  color:#555; display:block; border-radius:50px; }
div.tapMenu ul li:first-child,div.tapMenu ul li:nth-child(4n+1) { margin:10px 0 0 0;}
div.tapMenu ul li:hover a { background:#e0e6f5; color:#4266b6; font-weight:bold;} 
div.tapMenu ul li.on { border:1px solid #3758a0;  }
div.tapMenu ul li.on a { background:#7256c5; color:#fff; font-weight:bold; }

/* 컨텐츠 공통 스타일 */
h4.cStyle {clear:both; font-size:20px; padding:0 0 0 24px; color:#222; background:url(/images/sub/h4_dot.jpg) left 7px no-repeat; line-height:24px; margin-bottom:10px;}
h5.cStyle {clear:both; font-size:16px; padding:0 0 0 26px; color:#014e8d; background:url(/images/sub/h5_dot.jpg) 7px 6px no-repeat; line-height:24px; margin-bottom:10px;}
h6.cStyle {clear:both; font-size:15px; padding:0 0 0 30px; color:#555 ; background:url(/images/sub/h6_dot.jpg) 18px 7px no-repeat; line-height:24px; margin-bottom:10px;}
dl.cStyle {clear:both;}
dl.cStyle dt {padding:0 0 0 36px; margin:15px 0 0 0; color:#555; background:url(/images/sub/dt_dot.jpg) 25px 9px no-repeat; line-height:20px; }
dl.cStyle dd {padding:0 0 0 46px; margin:5px 0 0 0; color:#767676; background:url(/images/sub/dd_dot.jpg) 35px 10px no-repeat; line-height:20px;}
dl.cStyle dd a {color:#767676;}
dl.cStyle dd a:hover {color:#000; text-decoration:underline;}

table.cStyle {width:100%; border-left:1px solid #c6c6c6;  border-top:1px solid #c6c6c6; font-size:16px; border-spacing:0;}
table.cStyle tr.bg {background:#f8f8f8; font-weight:bold;}
table.cStyle th {background:#f8f8f8; color:#333; line-height:20px; padding:14px 0; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-weight:normal;}
table.cStyle td {color:#666; padding:14px 0; line-height:20px; letter-spacing:0; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; text-align:center;}
table.cStyle .center {text-align:center;}
table.cStyle .left {text-align:left;}
table.cStyle td.bg {background:#f9f9f9; font-weight:bold;}

table.cStyle1 {width:100%; border-left:1px solid #c6c6c6;  border-top:1px solid #c6c6c6; font-size:16px; border-spacing:0;}
table.cStyle1 tr.bg {background:#f8f8f8; font-weight:bold;}
table.cStyle1 th {background:#f8f8f8; color:#333; line-height:20px; padding:14px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-weight:normal;}
table.cStyle1 td {color:#666; padding:14px; line-height:20px; letter-spacing:0; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; text-align:left;}
table.cStyle1 .center {text-align:center;}
table.cStyle1 .left {text-align:left;}
table.cStyle1 td.bg {background:#f9f9f9; font-weight:bold;}

table.cStyle2 {width:100%; border-left:1px solid #d6d0d0;  border-top:1px solid #d6d0d0; font-size:15px; border-spacing:0;}
table.cStyle2 tr.bg {background:#f8f8f8; font-weight:bold;}
table.cStyle2 th {background:#e5f8fe; color:#333; line-height:20px; padding:30px; border-right:1px solid #d6d0d0; border-bottom:1px solid #d6d0d0; }
table.cStyle2 td {color:#666; padding:30px; line-height:20px; letter-spacing:0; border-right:1px solid #d6d0d0; border-bottom:1px solid #d6d0d0; text-align:left;}
table.cStyle2 .center {text-align:center;}
table.cStyle2 .left {text-align:left;}
table.cStyle2 td.bg {background:#f9f9f9; font-weight:bold;}
table.cStyle2 .t_list {margin:8px 0px;}
table.cStyle2 .t_list span {display:block; padding-left:15px; margin:4px 0px;}

ul.cStyle {overflow:hidden;}
ul.cStyle li{padding:0 0 0 26px; font-size:13px;  color:#555; background:url(/images/sub/dt_dot.jpg) 15px 9px no-repeat; line-height:24px; }

p.cStyle {clear:both; font-size:13px; padding:0 0 0 8px;}
p.cStyle b {color:#fb7a0b; letter-spacing:0;}
p.cStyle img {max-width:100%;}

p.cStyle2 {clear:both; font-size:13px; padding:0;}
p.cStyle2 b {color:#fb7a0b; letter-spacing:0;}
p.cStyle2 img {max-width:100%;}

p.cStyle3 {text-align:center;}
p.cStyle3 img{max-width:100%;}

.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:150px; overflow-y:auto; margin-top:20px; font-size:11px;} 

.find_table_wrap {width:100%;  font-family: 'Nanum Square';}
.find_table_wrap h3 {font-size:22px; color:#222; margin-bottom:20px;  font-weight:normal;}
.find_table_wrap h3 span{display:inline-block; width:30px; height:1px; background:#cb4a4a;}
.find_table_wrap table {width:100%; border-top:1px solid #ededed; border-bottom:1px #222 solid; font-size:14px; border-spacing:0; table-layout:fixed;}
.find_table_wrap table th {color:#000;  padding:13px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:normal; text-align:left;}
.find_table_wrap table td {color:#666; padding:13px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left; vertical-align:middle;}
.find_table_wrap table tr:last-child th,
.find_table_wrap table tr:last-child td {border-bottom:0px;}
.find_table_wrap table .center {text-align:center;}
.find_table_wrap table .left {text-align:left;}
.find_table_wrap table .border_left {border-left:1px solid #ddd;}
.find_table_wrap table input[type="text"],
.find_table_wrap table input[type="password"] {font-size:13px; height:40px; line-height:40px;  background:#f1f1f1; border:1px #c1c1c1 solid; padding:0px 10px; vertical-align:middle;}
.find_table_wrap table textarea {font-size:13px; height:40px; line-height:18px;  background:#f1f1f1; border:1px #c1c1c1 solid;  padding:0px 10px; height:200px; width:98%;  vertical-align:middle;}
.find_table_wrap table select {font-size:13px; height:42px; line-height:42px;  background:#f1f1f1; border:1px #c1c1c1 solid;  padding:0px 10px; vertical-align:middle;}
.find_table_wrap ::-webkit-input-placeholder {color:#999; font-size:11px;}
.find_table_wrap ::-moz-placeholder {color:#999; font-size:11px;}
.find_table_wrap :-ms-input-placeholder {color:#999; font-size:11px;}
.find_table_wrap :-moz-placeholder {color:#999; font-size:11px;}
.find_table_wrap span.fonti{font-size:10px; color:#999; margin-right:10px; font-weight:bold;}
.find_table_wrap span.fonti.check_on{color:#cb4a4a;  }

.not-available-room-text {border:1px solid #ddd;text-align:center;background:#fff;width:99%;padding:10px 0;color:#888;}
.is-already-reserved {background:#f8f8f8;color:#ccc;}

@media all and (max-width:1024px) {
    #container {position: relative;z-index: 0;margin-top: 0px;}
    .room_01_common_process {position: absolute;right: 0px;top: -180px;display: none;}

    /*서브상단*/
    .sub_title_info {padding: 20px;background-size: 50px;margin-bottom: 20px;font-family: 'Pretendard';}
    .sub_title_info .t1 {font-size: 14px;}
    .sub_title_info .t2 {font-size: 25px;line-height: 25px;padding-top: 5px;}
    .s_this_title {font-size: 21px;line-height: 25px;padding-top: 0px;}
    #contentGroup {width: 100%;}

    /*가이드박스*/
    #guideGroup {position: relative;text-align: center;}
    #guideGroup h3 {font-size: 30px;color: #222;font-weight: normal;letter-spacing: -1.5px;}
    #guideGroup h3 .info {font-size: 16px;padding: 10px 0px;color: #777;}

    /*컨텐츠박스*/
    #content {padding: 20px 15px !important;background: none;border: 0px;margin-top: 0px;}
    .width40 {width: 40px !important;}
    .width50 {width: 50px !important;}
    .width60 {width: 60px !important;}
    .width70 {width: 70px !important;}
    .width80 {width: 80px !important;}
    .width90 {width: 90px !important;}
    .width100 {width: 100px !important;}
    .width110 {width: 110px !important;}
    .width120 {width: 120px !important;}
    .width_93 {width: 93% !important;}

    .mobile_none {display: none;}
    .find_table_wrap table textarea {width: 93% !important;padding: 0 5px;}
    .find_table_wrap,
    article#bo_v,
    section#bo_w {background: #fff;padding: 20px 10px;width: auto !important;}

    .find_table_wrap table {font-size: 12px;}
    .find_table_wrap table th {padding: 7px;letter-spacing: -1px;}
    .find_table_wrap table td {padding: 7px;}
    .find_table_wrap table input[type="text"],
    .find_table_wrap table input[type="password"] {font-size: 12px;padding: 0 5px;}
    .find_table_wrap table textarea {font-size: 12px;height: 150px;}
    .find_table_wrap table select {font-size: 12px;}
    .agree_s_box .box {background: #fff;}
}