body { width:100%;  max-width:620px; margin:0 auto}/*pc사이즈*/
.all_wrap{ margin:0 auto}/*pc사이즈*/

.sub_img100{width:100%;  max-width:620px;}
.point_tt01 {color:#c01729}


.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 5px;
	background-color: #f3f3f3;
	border: 0px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.well-small {
  padding: 9px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.well img{ width:100%}

.thumbnail {
  display: block;
  padding: 10px; margin:10px;
  line-height: 22px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn {
  display: inline-block;
  display: inline;
  padding: 2px 6px;
  dding: 2px 6px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f3f3f3;
  radius: 3px;
  border-radius: 3px;
  margin-left: .3em;
}

.btn-warning {
  background-color: #fbb450;
  color: #ffffff;
  background-color: #fbb450;
}

.dot_line {
	text-align: center;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image:url(../img/sub/dot_line.gif);
	background-repeat: repeat-x;
}

.img-rounded {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* [disabled]border-radius: 10px; */
}

.ta_info:hover{ background:#fdeafd;cursor:pointer;}

.spe_sitle {padding-left:35px; background: url(../img/sub/btn.png) no-repeat 5px 3px;  margin: 10px 0 10px; font-size:18px; line-height:28px;}
.spe_stt {margin: 2px 10px; font-size:14px; line-height:20px;}
.reser_poinline{border-bottom:2px double #ff6666;}
.subList{ line-height:3em;}

.subList li{ padding:0 0 0 15px; background:url(../img/sub/icon_point1.gif) no-repeat 5px 0px;	margin:0 10px 0 0; list-style:none;}

.teble_ttleft { text-align:left}






/******* 객실미리보기 slider03 *********************************/ 
.slider03 {width:100%;  max-width:640px; margin: 0; padding: 0;position: relative; zoom: 1;border:solid 0px red;}
.slider03 .flex-viewport {max-height: 2000px;}
.slider03 .slides {zoom: 1;margin: 0; padding: 0;}
.slider03 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides img {width:100%;  max-width:640px; display: block;}

/* Direction Nav */
.slider03 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
.slider03 .flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider03 .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }

.slider03 .flex-direction-nav .flex-prev {left: 5px;}

/* Control Nav */
.slider03 .flex-control-nav {width: 100%; 
	position: absolute; bottom: -15px; text-align: center;margin: 0; padding: 0; list-style: none;}
.slider03 .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slider03 .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider03 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider03 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
/******* //slider03 *********************************/ 




.m_conten { position:relative}
.m_reser_bu{ position:absolute; top:80px; right:10px; z-index:9;}
.m_reser_bu img {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	box-shadow: 2px 2px 4px  #333;
  border:3px solid #fff;}
  
  
#ms3 {background:#fff;}
#ms3 h2{text-align:center; }
#ms3 ul{ margin:10px auto 0; display:inline-block;width:100%;}
#ms3 li{float:left;width:30%;margin-left:10px;overflow:hidden}
/*#ms3 li:first-child{margin-left:0}*/
#ms3 li .thumb img{ moz-border-radius:100% !important;-webkit-border-radius:100% !important;border-radius:100% !important;/*border:3px #333 solid;*/ width:94%}
#ms3 li .info{color:#000000;font-size:15px; font-weight:bold;text-align:center; padding-top:1px; line-height:140%; letter-spacing: -1px;}


#ms4 {background:#fff}
#ms4 h2{text-align:center; }
#ms4 ul{ margin:10px auto; display:inline-block;width:100%;}
#ms4 li{float:left;width:47%;overflow:hidden;margin-left:8px; padding-bottom:10px}
/*#ms3 li:first-child{margin-left:0}*/
#ms4 li img{/*overflow:hidden*/ width:100%;-webkit-border-radius: 30px;
	-moz-border-radius: 30px;border-radius: 30px;border:1px solid #fff;}
#ms4 li .info{color:#000000;font-size:13px; text-align:center; padding-top:1px; line-height:140%; letter-spacing: -1.1px;}



.imgcenter img{
	text-align: center;
	width: 100%;
	clear: both;
}


/*sub02*/
.title_h3_box h3 {padding:20px 20px 0;font-size:17px;color:#555;}
.title_h3_box p {padding:10px 20px 0;font-size:14px;color:#333; line-height:24px}
.point{color:#cc0000}
.ul_box li { padding:0 24px;line-height:28px}
.process_box { margin:20px;font-size:14px;color:#333; line-height:24px;background:#fafafa;padding:15px; text-align:center;border:1px dotted #ee1451;}
.lin_24{line-height:20px; padding-left:18px;font-size:14px;}

body { width:100%;  max-width:620px; margin:0 auto}/*pc사이즈*/
.all_wrap{ margin:0 auto}/*pc사이즈*/

.sub_img100{width:100%;  max-width:620px;}
.point_tt01 {color:#c01729}


.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 5px;
	background-color: #f3f3f3;
	border: 0px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.well-small {
  padding: 9px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.well img{ width:100%}

.thumbnail {
  display: block;
  padding: 10px; margin:10px;
  line-height: 22px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn {
  display: inline-block;
  display: inline;
  padding: 2px 6px;
  dding: 2px 6px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f3f3f3;
  radius: 3px;
  border-radius: 3px;
  margin-left: .3em;
}

.btn-warning {
  background-color: #fbb450;
  color: #ffffff;
  background-color: #fbb450;
}

.dot_line {
	text-align: center;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image:url(../img/sub/dot_line.gif);
	background-repeat: repeat-x;
}

.img-rounded {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* [disabled]border-radius: 10px; */
}

.ta_info:hover{ background:#fdeafd;cursor:pointer;}

.spe_sitle {padding-left:35px; background: url(../img/sub/btn.png) no-repeat 5px 3px;  margin: 10px 0 10px; font-size:18px; line-height:28px;}
.spe_stt {margin: 2px 10px; font-size:14px; line-height:20px;}
.reser_poinline{border-bottom:2px double #ff6666;}
.subList{ line-height:3em;}

.subList li{ padding:0 0 0 15px; background:url(../img/sub/icon_point1.gif) no-repeat 5px 0px;	margin:0 10px 0 0; list-style:none;}

.teble_ttleft { text-align:left}






/******* 객실미리보기 slider03 *********************************/ 
.slider03 {width:100%;  max-width:640px; margin: 0; padding: 0;position: relative; zoom: 1;border:solid 0px red;}
.slider03 .flex-viewport {max-height: 2000px;}
.slider03 .slides {zoom: 1;margin: 0; padding: 0;}
.slider03 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides img {width:100%;  max-width:640px; display: block;}

/* Direction Nav */
.slider03 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
.slider03 .flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider03 .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }

.slider03 .flex-direction-nav .flex-prev {left: 5px;}

/* Control Nav */
.slider03 .flex-control-nav {width: 100%; 
	position: absolute; bottom: -15px; text-align: center;margin: 0; padding: 0; list-style: none;}
.slider03 .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.slider03 .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider03 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider03 .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
/******* //slider03 *********************************/ 




.m_conten { position:relative}
.m_reser_bu{ position:absolute; top:80px; right:10px; z-index:9;}
.m_reser_bu img {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	box-shadow: 2px 2px 4px  #333;
  border:3px solid #fff;}
  
  
#ms3 {background:#fff;}
#ms3 h2{text-align:center; }
#ms3 ul{ margin:10px auto 0; display:inline-block;width:100%;}
#ms3 li{float:left;width:48%;margin-left:5px;overflow:hidden}
/*#ms3 li:first-child{margin-left:0}*/
#ms3 li .thumb img{ moz-border-radius:5% !important;-webkit-border-radius:5% !important;border-radius:5% !important;border:1px #cccccc solid; width:94%}
#ms3 li .info2{color:#000000;font-size:14px; ;text-align:center; padding:5px 10px 20px; line-height:140%; letter-spacing: -1px;}


#ms4 {background:#fff}
#ms4 h2{text-align:center; }
#ms4 ul{ margin:10px auto; display:inline-block;width:100%;}
#ms4 li{float:left;width:47%;overflow:hidden;margin-left:8px; padding-bottom:10px}
/*#ms3 li:first-child{margin-left:0}*/
#ms4 li img{/*overflow:hidden*/ width:100%;-webkit-border-radius: 30px;
	-moz-border-radius: 30px;border-radius: 30px;border:1px solid #fff;}
#ms4 li .info{color:#000000;font-size:13px; text-align:center; padding-top:1px; line-height:140%; letter-spacing: -1.1px;}



.imgcenter img{
	text-align: center;
	width: 100%;
	clear: both;
}


/*sub02*/
.title_h3_box h3 {padding:5px 5px 0;font-size:17px;color:#555;}
.title_h3_box p {padding:5px 5px 0;font-size:14px;color:#333; line-height:24px}
.point{color:#cc0000}
.ul_box li { padding:0 24px;line-height:28px}
.process_box { margin:20px;font-size:14px;color:#333; line-height:24px;background:#fafafa;padding:15px; text-align:center;border:1px dotted #ee1451;}
.lin_24{line-height:20px; padding-left:18px;font-size:14px;}

/*process type*/
.process_t1{ font-size:14px}
.process_t1 li{float:left;padding-left:24px;background:url('../img/blt_arrow.png') no-repeat 10px center; margin-bottom:5px}
.process_t1 li:first-child{padding-left:0;background:none}
.process_t1 li .box{position:relative;width:94px;height:36px;border-radius:5px;border:1px solid #ddd;text-align:center;font-weight:600;line-height:18px}
.process_t1 li .box.t1{background:#5c7bc6;border:1px solid #5c7bc6;color:#fff}
.process_t1 li .box.t2{background:#fafafa}
.process_t1 li .box span{display:block;position:absolute;width:100%;top:50%;transform:translateY(-50%)}


.process_t2{}
.process_t2 ol > li{padding:10px 0 0}
.process_t2 ol > li:after{display:block;content:'';clear:both}
.process_t2 .num{display:inline-block;float:left;width:26px;line-height:26px;text-align:center;font-size:14px;color:#fff;border-radius:50%}
.process_t2 .info{float:right;width:calc(100% - 40px)}
.process_t2 .info dd{background:#fafafa;padding:20px 20px}
.process_t2 .info ul{line-height:1.6}
.process_t2 .info ul:after{display:block;content:'';clear:both}
.process_t2 .info ul li{float:left;margin-right:100px;font-size:16px;color:#555; line-height:26px}
.process_t2 .t1 .num{background:#5c7bc6}
.process_t2 .t1 .info dt{font-size:16px;color:#5c7bc6; line-height:28px}
.process_t2 .t2 .num{background:#333}
.process_t2 .t2 .info dt{font-size:16px;color:#555; line-height:28px}

.clear_text{ clear:both}