@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

*,body {margin:0; padding:0;}
body {font-family:"NanumGothic", "Nanum Gothic", "나눔고딕";}
body:after { display:block; content:""; clear:both; }
 header,nav,aside,article,section,main,footer,ul,ol,li,p,span,dd,dl,dt,a,img,h1,h2,h3,h4,h5,h6,figure,figcaption,hgroup {position:relative;}
img {border:0; vertical-align:middle;}
a {text-decoration:none; }
li {list-style:none;}
table { border-spacing: 0; border-collapse: collapse; }
.telt {text-decoration:line-through; font-size:11px; color:#e76a7c;}

#m_header { width:90%; height:80px; background:rgba(255,255,255,0.5); position:fixed; top:0; padding:0 5% 5px; 5%; z-index:9; }
#m_header h1 { float:left; line-height:80px; }
#m_header .fa { color:#3a939b; font-size:30px; float:right;line-height:80px; cursor:pointer;  }

#header { width:90%; height:40px; background:rgba(255,255,255,0.9); position:fixed; top:0; padding:0 5% 5px; 5%; z-index:9; border-bottom:1px solid #3a939b;}
#header h1 { float:left; line-height:40px; }
#header .fa { color:#3a939b; padding:5px; font-size:25px; float:right;line-height:40px; cursor:pointer;  }

.vis {width:100%; height:100%; background:url(/m/img/vis.jpg) no-repeat center; background-size:cover;}

.m_con h3 { padding:0 5px; margin:15px 0 10px 0; color:#555; font-size:13px;text-align:center;}
.m_con p { font-size:11px; line-height:18px; color:#555; text-align:center; margin-bottom:40px;}
.m_con ul li p { color:#3a939b; font-size:18px; margin:20px 0 10px 0; text-align:center; font-weight:bold; }

#footer { width:94%; overflow:hidden;letter-spacing:-0.05em; background:#3a939b; text-align:center; font-size:12px; line-height:20px;color:#fff; margin:30px 0 0 0; padding:15px 3%; }
#footer123 {text-align:center; font-size:10px; letter-spacing:-0.05em; width:100%; overflow:hidden; background:#1d3527; color:#fff; padding:10px 0; text-transform:uppercase;}

/*sub*/

.pre p , .nv p{ font-size:13px; line-height:17px; color:#fff;  margin-bottom:15px;}
.flexslider figure { margin:20px 0 10px 0; display:inline-block; }
.flexslider {width:100%; }
.flexsliderbg {width:100%; margin:20px auto 40px auto;  }
.flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;}
.flexslider .slides img {  width: 100%;  display: block;}
.flexslider .slides:after {  content: "";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
html[xmlns] .flexslider .slides {  display: block;}
.flexsliderbg  .flex-direction-nav{display:none !important;}
.flexsliderbg  .flex-control-nav {position: absolute; width:100%;}
.flexsliderbg  .flex-control-nav li {  margin: 20px 3px 0 3px;  display: inline-block;  zoom: 1;  *display: inline; top:-220px;}
.flexsliderbg  .flex-control-paging li a {  width: 8px;  height: 8px;  display: block; background:#fff; cursor: pointer;  text-indent: -9999px;  border-radius: 20px;}
.flexsliderbg  .flex-control-paging li a.flex-active {  background:#2c9c05;   cursor: default;}

.flexslidersub {background:none; margin:0 auto; ;  box-shadow:2px 2px 5px #9b9b9b;}
.flexslidersub .flex-direction-nav{display:none !important; overflow:Hidden;}
.flexslidersub .flex-control-nav {overflow:hidden; padding:5px 0 10px 0;}
.flexslidersub .flex-control-nav li {  margin:5px 2px 0 3px;  float:left;  zoom: 1;  *display: inline;}
.flexslidersub .flex-control-paging li a {  width: 6px;  height: 6px;  display: block; background:#3a939b; cursor: pointer;  text-indent: -9999px;  border-radius: 20px;}
.flexslidersub .flex-control-paging li a.flex-active {  background:#e73c67;   cursor: default;}

#sub_wrap { margin-top:50px;  }
.sub_tit { width:100%; height:80px; background:#e2e7ed; text-align:Center; margin-bottom:20px;}
.sub_tit h5 { font-size:18px; color:#333; padding:18px 0 10px 0; }
.sub_tit p { font-size:12px; color:#555; }

.sub01 { text-align:Center; width:97%; margin: 0 auto;}
.sub01 h4 { font-size:14px; color:#545454; margin:20px 0 10px 0;}
.sub01  p { font-size:12px; color:#545454; line-height:16px; }

.slides li img { width:100%; }

.rmgright { margin-top:30px; }
.rmgright strong { display:block; overflow:hidden; color:#555; margin-bottom:20px; }
.rmgright strong span { font-size: 11px; display: block;  text-align:center; background: #555555;   padding: 1px 2px;   color: #fff; }
.rmgright strong em { font-size: 11px; display: inline-block;  margin-right: 15px;  font-style: normal;  font-weight: normal; line-height:18px; }

table.smstb {width: 100%;   border-top: 1px solid #e6e6e6;  color: #555555;  overflow: hidden;  font-weight: normal;}
table.smstb thead tr th {     border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 12px 0; font-size: 11px; }
table.smstb thead tr.gry th { background:#f0f0f0; }
table.smstb tr .last { border-right:none; }
table.smstb tbody tr td {  font-size:12px;  border-right: 1px solid #e6e6e6;  border-bottom: 1px solid #e6e6e6;  padding: 12px 0; text-align: center;}

ul.daymy {width: 100%;    margin-top: 20px;}
ul.daymy li {     margin-bottom: 8px;   color: #555555;  line-height: 18px; text-align: left;     font-size: 12px;}

.res_bt {    padding: 20px 0 0 0;    text-align: right;}
.res_bt .room_reser {  font-size:12px;  display: inline-block; text-align: center;  color: #ffffff;  background: #4b4b4b;  padding: 6px 20px;  text-decoration: none; }
.res_bt .room_reser:hover { background: #727272; text-decoration: underline }

.xauto {overflow-x:auto;}
.sub0301 table { width:100%; min-width:600px; text-align:center; font-size:12px; border-bottom:2px solid #ddd;}
.sub0301 table td { border:1px solid #ddd; padding:10px 0; font-size:12px;}
.sub0301 table .back1 td {background:#b4b4b4; color:#333;}
.sub0301 table th { background:#4c4c4c;  padding:10px 0; border:1px solid #ddd; color:#fff; }
.sub0301 p { font-size:12px; margin-top:10px;}

.ss { margin-top:30px; }
.ss h4 { font-size:14px; color:#ef466f; }
.ss ul { margin-top:10px; }
.ss ul li { font-size:12px; line-height:20px; padding-left:10px; color:#555; }

.sub04 { width:97%; margin: 0 auto;}
.travel ul { }
.travel ul li { margin: 0 0 10px 0; padding-top:15px; background: #f0f0f0; width: 100%;}
.travel ul li figure { text-align:center; }
.travel ul li p { margin:0 15px; padding:20px 0; border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; }
.travel ul li .cont { text-align: left;   border: none;  color: #666;  font-size: 12px;  line-height: 23px;  font-weight: normal; }
.travel ul li.last { margin-right:0; }

.sub0301 { width:97%; margin: 0 auto;}
.sub0301 > div {margin-bottom:20px;}
.sub0301  h3 { font-size:15px; color:#333; margin:40px 0 20px 0; border-bottom:1px solid #e2e2e2; padding:0 0 10px 0;}
.sub0301 p { color:#ef466f; font-size:13px; font-weight:bold; margin:20px 0 10px 0; }
.sub0301 ul li { font-size:13px; line-height:21px; color:#555; }
.sub0301 iframe { margin-bottom:20px; }