/**{font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
img {border:0}
img, a{border:0;selector-dummy:expression(this.hideFocus=true);}
td,th {line-height:150%;color:#333333;font-size:12px;font-family:돋움,굴림}*/
input {font-size:12px;font-family:돋움;color:555555}
input#border {font-size:12px;font-family:돋움;color:666666;border:1 solid #C4C4C4}
textarea#border {font-size:12px;font-family:돋움;color:666666;border:1 solid #C4C4C4}
select {color:333333;font-size:12px;font-family:굴림,돋움}
.sub_txt {color:000000;background:f7f7f7}
a:link{color:333333;font-size:12px;font-family:굴림,돋움;text-decoration:none}
a:visited{color:333333;font-size:12px;font-family:굴림,돋움;text-decoration:none}
a:hover{color:333333;font-size:12px;font-family:굴림,돋움;text-decoration:underline}
/*.pagenum {color:FF5500;font-weight:bold;}
.pagenum a:link{color:555555;font-weight:normal;text-decoration:none}
.pagenum a:visited{color:555555;font-weight:normal;text-decoration:none}
.pagenum a:hover{color:555555;font-weight:normal;text-decoration:underline}
.img1 {border:5 solid #E7E3E7}
.img2 {border:1 solid #CECFCE;width:159;height:130;margin:6 0 6 0;text-align:center;text-valign:middle}
.moni {color:FF6F72}
.news {color:333333;font-family:돋움,굴림;font-size:12px;letter-spacing:-1;text-decoration:none}
.news a:link{color:333333;font-family:돋움,굴림;font-size:12px;letter-spacing:-1;text-decoration:none}
.news a:visited{color:333333;font-family:돋움,굴림;font-size:12px;letter-spacing:-1;text-decoration:none}
.news a:hover{color:FF6F72;font-family:돋움,굴림;font-size:12px;letter-spacing:-1;text-decoration:underline}
.btr {background:efefef;text-align:right}
.btl {background:efefef;text-align:left}
.btc {background:efefef;text-align:center}
.bcl {text-align:left}
.bbsc {padding:20;border-top:1 solid #999999}
#popup{line-height:0px;, margin:0px; padding:0px;}

.topmenu {color:BDBDBD;font-family:돋움;font-size:10px}
.topmenu a:link{color:555555;text-decoration:none;font-family:돋움;font-size:11px}
.topmenu a:visited{color:555555;text-decoration:none;font-family:돋움;font-size:11px}
.topmenu a:hover{color:555555;text-decoration:underline;font-family:돋움;font-size:11px}

.history {text-align:right;color:888888;font-family:돋움;font-size:11px}
.left_main {margin:0 0 0 32}
.left_sub {margin:9 0 0 44}
/*객실보기 이미지 div*/
#preview {position:relative; float:left;text-align:center;margin:10px}
#preview img {border:1px solid #D1D1D1;margin-bottom:5px}
#preview a:link {font-weight:bold;text-decoration:none;color:#565656}
#preview a:visited {font-weight:bold;text-decoration:none;color:#565656}
#preview a:hover {font-weight:bold;text-decoration:none;color:#565656}
/*예약모듈 테이블*/
#app_td1 {text-align:center;background:#4C4C4C;font-weight:bold}
#app_td1 td {color:#ffffff}
.app_td1 {background:#5D9849;font-weight:bold;color:#ffffff}
.app_td2 {text-align:center;background:#F3F1EA;font-weight:bold;padding:2 0 0 10;color:#565656}
.app_td3 {text-align:center;color:#555555}
.app_td3_sum {text-align:center;color:#F5841F}
.img_scroll {border:1px solid #D1D1D1;margin-bottom:5px}
/*static html*/
.view_img {border:1 solid #97BE88;padding:5;background:ffffff}
.view_tle {font-size:14;font-family:돋움;letter-spacing:-1;font-weight:bold;color:49A100;padding:5 0 0 40}
.view_content {width:444;color:777777;font-family:돋움;font-size:12px}
.view_tle2 {font-size:14;font-family:돋움;letter-spacing:-1;font-weight:bold;color:49A100;padding:5 0 0 0}
.view_content2 {width:444;color:777777;font-family:돋움;font-size:12px;padding:5 0 0 2}
.preview_tle_01 {font-size:14px;font-family:돋움;letter-spacing:-1;padding:5px 0 0 52;font-weight:bold;color:#49a100}
.preview_content_01 {padding:15 30 0 114;color:4A8D15;font-size:12px;font-family:돋움}
.viewer_tle_01 {font-family:돋움;font-weight:bold;font-size:14px;color:49A100;letter-spacing:-1;padding:12 0 0 24;height:51}
.viewer_img_01 {margin-left:32;border:1 solid #B1BF82;width:640;height:330}
.footer {color:FFFFFF;font-family:돋움;font-size:10px}
.footer a:link {color:FFFFFF;text-decoration:none;font-family:돋움;font-size:12px}
.footer a:visited{color:FFFFFF;text-decoration:none;font-family:돋움;font-size:12px}
.footer a:hover{color:FFFFFF;text-decoration:none;font-family:돋움;font-size:12px}

BODY {  SCROLLBAR-FACE-color: #cfcfcf; SCROLLBAR-SHADOW-color: #595959; SCROLLBAR-3DLIGHT-color: #595959; SCROLLBAR-ARROW-color: #ffffff; SCROLLBAR-DARKSHADOW-color: #ffffff; SCROLLBAR-BASE-color: #cfcfcf; text-align:center; margin: 0; padding: 0;}
/*ol, ul {list-style:none;padding:0; margin:0;}*/
li img { vertical-align: bottom; margin: 0; padding: 0;}
dl img { vertical-align: bottom; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight : normal ; font-size : 100% ; }
#wrap{width:990px; margin: 0 auto; text-align:center;}
#top_container{position:relative;display: flex; justify-content: flex-end; height: 50px;}
#gnb{position: absolute; right: 45px; top:30px;}
#gnb ul li{float: left;list-style:none;}
#main_container{margin-top:40px; justify-content: center;}
#sub_container{display: flex;  align-items: center;}
#sub_left{float:left;width:171px; margin-left:20px;}

#header { width:100%;}
#header_main {display: flex; position:relative;}
#main_top{position:absolute; z-index;10; left:180px; margin-top:8px; margin-left:0px; flex: 0 0 auto; align-self:flex-start;}
#main_logo { flex: 0 0 auto; }
#menu{margin-left:0px; top:0px; align-self: flex-start; margin-top: 45px; }
#menu > ul{border:0px; list-style:none; padding:0px; margin:0px;}
#menu > ul > li { position: relative; float: left; margin-right: 17px;}
#menu > ul > li:last-child .submenu { left: auto;  right: 0;}
#menu > ul > li:hover .submenu { display: flex;}
.main-submenu ul, .main-submenu li { margin: 0; padding: -30px; list-style: none;}
.main-submenu a {color: inherit; text-decoration: none;}
.submenu { display: none; position: absolute; top: 100%; z-index: 9999;  white-space: nowrap; padding-top: 10px; margin-left: -35px;}
.submenu ul {display: flex; flex-direction: row; }
.submenu li {list-style: none;list-style: none; margin: 0; padding: 0;}
.submenu::before { content: ""; position: absolute; top: -10px;  left: 0; width: 100%; height: 10px;}
#main_banner{clear:both;width:100%; height:90px; margin: 30px auto 30px; list-style:none;}
#main_banner div {float:left;width:300px;margin-left:0px;margin-right:30px; text-align:center; list-style:none;}
/*#notice{float:left;width:330px;margin-left:35px; text-align:left; list-style:none;}*/
.main_module{margin:0; padding:0;float:left;}
.notice_box dl {margin-top:-5px;}
.notice_box dl dd{height:100px; margin:0;}
.notice-list {list-style: none; margin: 0; padding: 0; }
.notice-list li {margin-bottom: 2px; text-align:left; margin-left:60px; height:20px;}
.notice-list li a {font-weight: normal; font-size: 12px; text-decoration: none; color:#c0c0c0;}

.gallery_box dl {margin-top:-5px;}
.gallery_box dl dd{height:100px; margin:0;}
.gallery-list {list-style: none; margin: 0; padding: 0; }
.gallery-list li {margin-bottom: 2px; text-align:left; margin-left:25px; height:20px;}
.gallery-list li a {font-weight: normal; font-size: 12px; text-decoration: none; color:#c0c0c0;}

.phone_box .lat li a { font-size:13px;}

#main_gallery{float:left;width:300px;margin-left:15px; text-align:left;}
#phone{float:left;width:250px;margin-left:15px;}
#main_pension{float:left;width:250px;margin-left:55px;}

#main_photo_bg{clear:both;position: relative;margin-top:15px;}
#sub_photo_bg{clear:both; position: relative;margin-top:2px;}
#main_photo{position:relative; visibility: hidden; margin-top:15px;}
#main_photo .gallerydesctext{ text-align:center;padding: 5px 5px;}
/*
#bottom{border-top:1px solid #E7E7E7;margin-top:20px;}
#bottom ul{width:425px;margin:0 auto;}
#bottom ul li{float: left;}
*/

#footer{ position:relative;  text-align:center; margin:0px;}
#copy{ width:990px; border-top:1px solid #E7E7E7; height:85px; padding-top:20px;}
#common_bottom{ color:#8c8c8c; font-size:12px; }

#sub_body{width:990px;margin:20px 0px;float:left;}
#contentsArea{width:990px;}
#left_menu{margin-top:25px;margin-bottom:115px;}
#left_menu ul li{}
.first_menu{margin-top:15px;}
#title{position:relative;top:15px;clear:both;border-bottom:1px solid #E5E5E5;}
#h_icon{}
.loc {position: absolute;right: 10px;top: 3px; width:300px; text-align:right;  font-size: 11px; font-family:돋움;gulim;verdana ;  line-height: 12pt; letter-spacing: -1px; color:#878787; }
.cont {  width:990px; margin-top:25px; margin-bottom:35px; font-size:12px;color:333333;}
.cont img{width:100%; height: auto;}
caption {display: none;}
#img_list{}
#fac_title{width:634px;height:86px;background: url("/youlbit/m2sm1_title.jpg") no-repeat;}
#fac{margin-bottom:25px;width:636px;height:367px;background: url("/youlbit/m2sm1_bg.gif") no-repeat;}
#gallery{clear:both;padding-top:17px;}
.bold{font-weight:bold;}
div.cont p{;margin-top:20px; margin-bottom:15px;}
div.cont p.sub_body_title{text-align:center;font-family:돋움;font-size:17px;font-weight:bold;color:#333333;margin-top:20px; margin-bottom:15px;}
.step1{padding-left:10px;}
.step2{padding-left:20px;}
.orange{color:#F78D1E;}
.green{color:#669900;}
.loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;}
.expl{margin-top:15px; margin-bottom:40px;}
.room_tle{font-size:17px;color:#626262;font-weight:bold;line-height:1.8em;letter-spacing:-1px;}
.room_desc{color:#626262;line-height:1.8em;}

/*따라다니는 메뉴*/
.floating {float:right;border:0px;position: fixed; right: 50%; top: 180px;margin-right: -630px;margin-bottom:13px;text-align:center;width:128px;}
.leftscroll{background-image:url("/youlbit/leftscroll.jpg") ;text-align:center;height:50px;font-size:12px;font-family:돋움;color:555555padding-top:15px;}

#g5_container {width: 100%; max-width: 990px; margin: 0 auto; overflow: hidden;}
#g5_container table {table-layout: auto;}
#g5_container img { max-width: 100%; height: auto;}