@import url(../img/youlbit/swf/css/base.css);
*{margin:0; padding:0;}
img {border:0}
img, a{border:0;selector-dummy:expression(this.hideFocus=true);}
th,td,textarea,h1,h2,h3,h4,h5,h6,div {font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-size:16px;line-height:180%;}
select,input {font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-size:16px;;line-height:180%;}
input#border {font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-size:16px;color:#666666;border:1 solid #C4C4C4;line-height:180%;}
textarea#border {font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-size:16px;color:#666666;border:1 solid #C4C4C4;line-height:180%;}
.sub_txt {color:#000000;background:#f7f7f7}
a:link{line-height:130%;color:#333333;font-size:16px;text-decoration:none}
a:visited{line-height:130%;color:#333333;font-size:16px;text-decoration:none}
a:hover{line-height:130%;color:#333333;font-size:16px;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:159px;height:130px;margin:6px 0 6px 0;text-align:center;text-valign:middle}
.moni {color:#FF6F72}
.news {color:#333333;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:link{color:#333333;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:visited{color:#333333;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:hover{color:#FF6F72;font-size:12px;letter-spacing:-1px;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:20px;border-top:1px solid #999999}
.topmenu {color:#BDBDBD;font-size:10px}
.topmenu a:link{color:#555555;text-decoration:none;font-size:11px}
.topmenu a:visited{color:#555555;text-decoration:none;font-size:11px}
.topmenu a:hover{color:#555555;text-decoration:underline;font-size:11px}
.history {text-align:right;color:888888;font-size:11px}
.left_main {margin:0 0 0 32px}
.left_sub {margin:9px 0 0 44px}
/*°´½Çº¸±â À̹ÌÁö div*/
#preview {position:relative; float:left;text-align:center;margin:10px}
#preview img {border:1px solid #D1D1D1;margin-bottom:5px}
#preview a:link {
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:500;
 text-decoration:none;
 color:#565656
 }
#preview a:visited {font-weight:500;text-decoration:none;color:#565656}
#preview a:hover {font-weight:500;text-decoration:none;color:#565656}
/*¿¹¾à¸ðµâ Å×À̺í*/
#app_td1 {text-align:center;background:#4C4C4C;font-weight:bold}
#app_td1 td {color:#ffffff}
td#app_td1{color:#ffffff}
.app_td1 {background:#5D9849;font-weight:bold;color:#ffffff}
.app_td2 {text-align:center;background:#F3F1EA;font-weight:bold;padding:2px 0 0 10px;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*/
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;
}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
html {min-width:320px; width:100%; height:100%; overflow-y:scroll;}
body {min-width:320px; width:100%; height:100%; font-size:100%;white-space: normal;text-align:center; margin: 0; padding: 0;}
ol, ul, li {list-style : none;padding:0;margin:0;}
li img {
 vertical-align: top;
 margin: 0;
 padding: 0;
}
dl img {
 vertical-align: top;
 margin: 0;
 padding: 0;
}
#wrap{min-width:320px; width:100%; text-align:left; margin: 0 auto;}
#bg_mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity='60'); z-index:990}
#top_container_bg{width:100%;margin: 0 auto;position:absolute;z-index:8000;background: url('../img/youlbit/top_bg.png') center top repeat-x;}
#top_container{width:100%;height:40px;max-width:1200px;margin: 0 auto;position: relative;}
#logo{width:165px; height:60px;position: absolute; left: 20px; top: 20px;z-index:9999;}
#head_top p{
 width:95%;
 font-size:15px;
 font-weight:400;
 color: #DEDEDE;
 color: rgba(0, 0, 0, .6);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:150%; 
 letter-spacing:-1px;
 text-align:center;
 margin:0 auto;
 padding-bottom:30px;
}
#main_container{width:100%;overflow:hidden;position: relative;margin:0 auto;}
#sub_container{width:100%;overflow:hidden;position: relative;margin:0 auto;}
#head_title{color:#fff;text-align:center;width:500px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-250px;z-index:810;}
.head_1{
 font-size:20px;
 color: rgba(255, 255, 255, 0.8);
 font-weight:300;
 font-family:'Roboto Condensed','Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:120%;
}
.head_2{
 font-size:50px;
 font-weight:500;
 color: rgba(255, 255, 255, 1);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:150%;
 padding-top:10px;
 padding-bottom:10px;
 background:#000;
 background:rgba(0, 0, 0, .3);
 letter-spacing:-0.05em;
}
.head_2 span{
 color: rgba(255, 255, 255, 1);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:100;
}
#sub_container #head_title{color:#fff;text-align:center;width:300px;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-150px;z-index:810;}
#sub_container .head_1{
 font-size:18px;
}
#sub_container .head_2{
 font-size:30px;
}
a.more_btn{
 display:block;
 width:150px; 
 margin:20px auto;
 padding:10px;
 border: 1px solid transparent;
 border-radius: 300px;
  color: #333;
  font-size:16px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  background-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  text-align:center;
}
a.more_btn:hover{
  color: #222222;
  text-decoration:none;
}
#main_quick_bg{width:100%;margin:-40px auto 20px;position:relative;z-index:10;}
#main_quick{
width:95%;
margin:0 auto;
display: flex;
align-items: center;
    justify-content: space-between;
flex-wrap: wrap;
flex-direction:row;
text-align:center;
overflow:hidden;
position:relative;
}
#main_quick a{
display:block;
width:33.3333%;
float:left;
-moz-transition: all ease .3s;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
#main_quick div{padding-top:30px;padding-bottom:30px;}
#main_quick .quick_01{background:#987548;}
#main_quick .quick_02{background:#47785B;}
#main_quick .quick_03{background:#987548;}
#main_quick .quick_04{background:#47785B;}
#main_quick .quick_05{background:#987548;}
#main_quick .quick_06{background:#47785B;}
#main_quick h3{
 font-size:25px;
 color:#FFF;
 color: rgba(255, 255, 255, 0.8);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:15px auto 20px;
}
#main_quick p{
 font-size:16px;
 color:#FFF;
 color: rgba(255, 255, 255, 0.5);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:15px auto;
 line-height:130%;
}
#main_quick a:link{line-height:120%;text-decoration:none}
#main_quick a:visited{line-height:120%;text-decoration:none}
#main_quick a:hover{line-height:120%;text-decoration:none}
#main_quick a i.fa{color:#FFFFFF;color: rgba(255, 255, 255, 0.6);}
#main_quick a:hover i.fa{color:#FFE50B;}
.h_line{display:block;width:50px; height:1px; background:#2D220C;margin:0 auto 10px;}
#main_body_bg{width:100%;padding-top:40px;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:1800px;margin:0 auto;overflow:hidden;}
#main_left{float:left;width:35%;overflow:hidden;}
#main_right{float:right;width:57%;overflow:hidden;}
#notice{width:100%;float:left;}
#notice dt{
border-bottom:1px solid #EBEBEB;
margin-bottom:10px;
overflow:hidden;
}
#notice dt a{}
#notice dl dd{}
#contact_ban{
 width:43%;
 float:left; 
 text-align:left;
 margin-top:10px;
 }
#contact_ban dl{ 
 padding-top:10px;
 padding-right:30px;
 }
#contact_ban dt{
 font-size:20px; 
 font-weight:bold;
 margin-bottom:10px;
 color:#525252;
 }
#contact_ban dd{
 color:#6D6D6D;
 font-size:12px; 
 font-weight:400;
}
#contact_ban dd span.phone_no{ 
font-size:29px;
color:#525252;
    font-weight:700;
margin-top:10px;
 margin-bottom:5px;
letter-spacing:-0.025em;
}
#contact_ban dd span.bank_no{ 
 font-size:16px;
    font-weight:500;
margin-top:10px;
 margin-bottom:5px;
letter-spacing:-0.025em;
}
#qna{width:55%;float:right;}
#qna dt{
border-bottom:1px solid #EBEBEB;
margin-bottom:10px;
overflow:hidden;
}
#qna dt a{}
#qna dl dd{}
#main_contact_bg{width:100%;margin:40px auto 80px;overflow:hidden;}
#main_contact{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
#main_contact h2{
 font-size:35px;
 color:#111;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:400;
 letter-spacing:-1px;
 margin:0 auto 10px;
}
#main_contact p{
 font-size:15px;
 color:#555;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:20px auto 10px;
 font-weight:400;
}
#main_contact_left{float:left;width:70%;overflow:hidden;text-align:center;}
#main_contact_right{float:right;width:27%;overflow:hidden;}
.h_line{display:block;width:50px; height:3px; background:#ccc;margin:0 auto 10px;}
#special{width:100%;margin-top:100px;}
#special dt{margin-bottom:10px;border-bottom:1px solid #EBEBEB;overflow:hidden;}
#main_map{width:100%;max-width:1200px;text-align:center;margin:0 auto 20px;}
.contact_address i{float:left;}
#main_tour_gallery{margin-top:50px;}
#main_tour_gallery dt{margin-bottom:10px;border-bottom:1px solid #EBEBEB;overflow:hidden;}
#main_pension_gallery{width:100%;max-width:1200px;margin:0 auto 30px;text-align:center;clear:both;}
#main_pension_gallery p{
 font-size:15px;
 color:#fff;
 color: rgba(255, 255, 255, 0.8);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:20px auto 10px;
 font-weight:400;
}
#main_pension_gallery dt{
 border-bottom:1px solid #EBEBEB;
 margin-bottom:30px;
 overflow:hidden;
}
#main_photo_gallery{width:100%;max-width:1200px;margin:0 auto 30px;text-align:center;clear:both;}
#main_photo_gallery p{
 font-size:15px;
 color:#fff;
 color: rgba(255, 255, 255, 0.8);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:20px auto 10px;
 font-weight:400;
}
#main_photo_gallery dt{
 border-bottom:1px solid #EBEBEB;
 margin-bottom:30px;
 overflow:hidden;
}
span.board_title{
font-size:20px;
color:#346730;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 0;
font-weight:500;
letter-spacing:-0.025em;
display:block;
float:left;
border-bottom:1px solid #346730;
}
span.more{
display:block;
float:right;
margin:20px auto 0;
font-weight:400;
letter-spacing:-0.025em;
}
span.more a{
font-size:15px;
color:#666666;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
.contact_bottom{width:100%;overflow:hidden;padding-top:20px;color:#535353;}
.contact_bottom i{font-size:50px;}
.contact_phone{display:inline-block;width:45%;}
.contact_bank{display:inline-block;width:45%;}
.footer{clear:both;}
nav{}
#mob_menu{display:none;cursor:pointer;}
#menu{clear:both;position:absolute;width:100%;height:50px;padding-top:20px;z-index:9000;overflow:hidden;background:url('../img/youlbit/top_bg.png') center top repeat-x;}
#menu #menu_wrap{width:100%;max-width:1200px;margin:0 auto;}
#menu > #menu_wrap  > ul{ 
 width:100%;
 max-width:500px;
 float:right;
}
#menu > #menu_wrap > ul:after{
 display:block;clear:both;content:""
}
#menu ul li.mainmenu{ 
position: relative;
float:left;
width:25%;
padding-top:0;
padding-bottom:20px;
}
#menu ul li.mainmenu ul{ 
 position: absolute;
 width:100%;
 height:100px;
 top:50px; 
}
#menu > #menu_wrap > ul > li > a{ 
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:500;
 font-size:18px;
 text-align:center;
 padding: 3px 0;
 color: #FFFFFF;
 color: rgba(255, 255, 255, 1);
 display: block;
 text-decoration: none;
 letter-spacing:-1px;
}
#menu > #menu_wrap > ul > li > a.on{
  background:#FEDA0C;
  color:#000;
}
#menu ul li ul li a{
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:14px;
 font-weight:600;
 text-align:center;
 margin-left:1px;
 padding: 5px 0; 
 color: #FFFFFF;
 color: rgba(255, 255, 255, 0.8);
 display: block;
 text-decoration: none; 
}
#menu ul li ul li a:hover{ 
  color: #FFFFFF;
  color: rgba(255, 255, 255,1);
  text-decoration:underline; 
}
#menu ul li a.pc .menu_line{ 
  width:0;
  height:1px;
  display:block;
  background:#346730;
  margin:18px auto 0;
}
#menu > #menu_wrap > ul > li > a.mob{display:none;}
#menu > #menu_wrap > ul > li > a.pc{display:block;}
#main_photo_bg{
 position: relative;
 width: 100%;
 margin:0 auto;
 overflow:hidden;
}
#main_photo_bg ul { 
  list-style: none;
   width:600%;
   position:relative;
}
#main_photo_bg ul li { 
  display: block;
  float: left;
  width: 16.666666%;  
 }
 #main_photo_bg ul li img{ 
  width:100%;
  height:auto;
 }
#main_photo_bg .control_panel{
  position:absolute;
  bottom:10%;
  left:50%;
  height:13px;
  overflow:hidden;
  margin-left:-18px;
}
#main_photo_bg .control_panel .control_btn{
  width:12px;
  height:46px;
  position:relative;
  float:left;cursor:pointer;
  text-indent: -999em;
  background:url('../img/youlbit/control_btn.png');
 }
#main_photo_bg .control_panel .control_btn:hover{
  top:-16px;
 }
#main_photo_bg  .control_panel .control_btn.active{
  top:-31px;
 }
.direct_btn{
  width:90%;
  position:absolute;
  top:50%;left:50%;
  margin-left:-45%;
  margin-top:-50px;
 }
.left_btn{float:left;width:60px;height:100px;cursor:pointer;}
.right_btn{float:right;width:60px;height:100px; cursor:pointer;}
#sub_photo_bg{
 position: relative;
 width: 100%;
 margin:0 auto;
 overflow:hidden;
}
#sub_photo_bg ul { 
  list-style: none;
  width: 600%;
  position:relative;
}
#sub_photo_bg ul li { 
  display: block;
  float: left;
  width: 16.666666%;  
 }
 #sub_photo_bg ul li img{  
  width: 100%;
  height: auto;    
 }
#sub_photo_bg  .control_panel{
  position:absolute;
  bottom:5%;
  left:50%;
  height:13px;
  overflow:hidden;
  margin-left:-18px;
}
#sub_photo_bg .control_panel .control_btn{
  width:12px;
  height:46px;
  position:relative;
  float:left;cursor:pointer;
  text-indent: -999em;
  background:url('../img/youlbit/control_btn.png');
 }
#sub_photo_bg .control_panel .control_btn:hover{
  top:-16px;
 }
#sub_photo_bg .control_panel .control_btn.active{
  top:-31px;
 }
#sub_photo_bg .direct_btn{
  width:90%;
  position:absolute;
  top:50%;left:50%;
  margin-left:-45%;
  margin-top:-50px;
 }
#sub_photo_bg .left_btn{float:left;width:60px;height:100px;cursor:pointer;}
#sub_photo_bg .right_btn{float:right;width:60px;height:100px; cursor:pointer;}
a i.fa{color:#BCBCBC;}
a:hover i.fa{color:#888888;}
#sns_bottom{float:right;}
#sns_bottom li{float:right;margin-left:10px;}
#mob_gnb{display:none;margin-top:50px;}
#mob_gnb ul{overflow:hidden;text-align:center;}
#mob_gnb ul li{width:30%;display:inline-block;list-style:none;}
#mob_gnb ul li.end{background:none;}
#mob_gnb ul li a{ 
 font-size:13px;
 text-align:center;
 padding:5px 10px 5px 10px;
 color: #FFFFFF;
 display: block;
 text-decoration: none;
 border:1px solid #B3B3B3;
 background:#333;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:500;
}
#mob_gnb ul li a:hover{
 color: #FFF;
 background:#767676;
}
#gnb_wrap{width:100%;max-width:1200px;margin:0 auto;position: relative;}
#gnb{position: absolute; right: 5px; top: 10px;}
#gnb ul{overflow:hidden;text-align:center;}
#gnb ul li{display:inline-block;list-style:none;}
#gnb ul li a{
 font-family:verdana,arial,helvetica,sans-serif;
 font-size:9px;
 font-weight:bold;
 text-align:center;
 padding: 3px 10px;
 color: #CBCBCB;
 display: block;
 text-decoration: none;  
 background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
 color: #B2B2B2;
}
#footer{clear:both;width:100%;margin-top:20px;}
#bottom{width:100%;background:#F5F5F5;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:350px;margin: 0 auto;overflow:hidden;}
#bottom ul li{float: left;background:url('../img/youlbit/bottom_line.gif') right 16px no-repeat;}
#bottom ul li.end{background:none;}
#bottom ul li a{  
  font-size:13px;
  letter-spacing:-0.025em;
  color:#787878;
  display: block;
  padding: 12px 8px; 
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-weight:400;
  }
#bottom2{
  width:100%;
  color:#828282;
  background:#E8E8E8;
  font-size:12px;
  letter-spacing:-0.025em;
  clear:both;
  padding:20px 0;
  line-height:150%;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-weight:500;
  flex-direction: column; 
  justify-content: flex-end;
   }
#bottom_info{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;   flex-direction: column; }
#bottom_info h4{
  font-size:14px;
  color:#787878;
 
  font-family:verdana,arial,helvetica,sans-serif;
  font-weight:bold;
  letter-spacing:0;
  padding:15px 0 10px;
  }
#foot_company{float:left;margin-right:40px;font-size:13px;}
#foot_customer{float:left;margin-right:40px;font-size:13px;}
#copy{
 clear:both;
 color:#FFFFFF;
 background:#BDBDBD;
 font-size:13px;
 letter-spacing:-0.025em;
 text-align:center;
 padding:15px 0;
 border-top:1px solid #E7E7E7;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:500;
 }
#sub_body{max-width:1200px;width:95%;margin: 50px auto;overflow:hidden;}
#contentsArea{
   position:relative;
   float:right;
   width:100%;
   
 }
#contentsArea #title_bg{max-width:500px;height:135px;position:relative;margin:0 auto 20px;background: url("../img/youlbit/sub_title_bg2.gif") no-repeat center bottom;}
#contentsArea #title{
  padding-top:20px;
  padding-bottom:0;
  margin:0 auto;
  clear:both;
  width:100%;
  font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:40px;
  text-align:center;
  color: #333333;
  font-weight:bold;
  letter-spacing:-1.5px;
  background: none; 
  background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
}
#sub_menu{
position: relative;
    background-color:#DDDDDD;
    -moz-transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
#sub_menu ul{
    display: flex;
align-items: center;
    justify-content: space-between;
flex-wrap: wrap;
flex-direction:row;
text-align:center;
    width: 100%;
    max-width:1200px;
    margin: 0 auto;
   }
#sub_menu ul.sub_1 li{
width:100%
}
#sub_menu ul.sub_2 li{
width:50%
}
#sub_menu ul.sub_3 li{
width:33.333%
}
#sub_menu ul.sub_4 li{
width:25%
}
#sub_menu a{
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:16px;
 font-weight:600;
 color: #555555;
 display: block;
 text-decoration: none;
 text-align:center;
 line-height:40px; 
}
#sub_menu a:hover{
 color: #333333;
 background-color:#FFFFFF;
}
#sub_menu a.on{
 color: #333333;
 background-color:#FFFFFF;
}
#sub_menu ul li.first_menu{}
.left_title{
 display:block;
 width:100%;
 padding:12px 0;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:20px;
 font-weight:500;
 color: #333333;
 padding-left:10px;
 border-top:1px solid #3A3A3A;
 border-bottom:1px solid #3A3A3A;
 background: url('../img/youlbit/left_title_bg.gif') no-repeat right center; 
}
#left_ban{width:95%;margin:50px auto;}
#left_ban ul li.first_menu{margin-top:5px;font-size:16px;font-weight:500;}
#left_ban ul li{font-size:12px;color:#565656;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-weight:400;}
.left_ban_title{
 display:block;
 width:100%;
 padding:5px 0;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:14px;
 font-weight:500;
 border-bottom:1px solid #bbbbbb;
}
.sub_title_line{
display:none;
    border-bottom:1px solid #C1C1C1;
    max-width: 50px;
    margin:5px auto 15px;
}
#left_ban small{font-size:11px;}
#contentsArea .left_title{
  display:none; 
}
article#sub_contents p{
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:16px;
  font-weight:400;
  color:#5F5F5F;
  line-height:180%;
  letter-spacing:-0.025em;
  margin-bottom:20px;
 }
article#sub_contents figure.img_left{width:60%;float:left;margin-right:10px;}
article#sub_contents figure.img_right{width:40%;float:right;margin-left:10px;}
article#sub_contents figure.img_center{width:100%;}
article#sub_contents figure.img_left_map{width:30%;float:left;margin-right:10px;}
article#sub_contents figure img{max-width:100%;}
article#sub_contents h2{
  color:#555;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:20px;
  font-weight:700;
  margin-top: 5px;
  margin-bottom:25px;
  letter-spacing:-0.05em;
  line-height:120%;
 }
 article#sub_contents h3{
  font-size:17px;
  color:#555555;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-weight:400;
  margin-top: 5px;
  margin-bottom:25px;
  letter-spacing:-0.05em;
  line-height:120%;
  text-align:center;
 }
#h_icon{}
.left_align{float: left;}
.cont { 
 width:100%;
 margin: 0 auto 30px;
 font-size:14px;
 color:#5C5C5C; 
 overflow:hidden;
}
caption {
    display: none;
}
#img_list{
}
#gallery{clear:both;padding-top:17px;}
.bold{font-weight:bold;}
.orange{color:#F78D1E;}
.green{color:#669900;}
.light_grey{color:#DBDBDB;}
.loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;}
article#sub_contents .loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;font-size:18px;font-weight:600;}
article#sub_contents .loc_title2{border-bottom:1px solid #DED9C7;font-size:17px;font-weight:600;}
.expl{margin-top:15px; margin-bottom:40px;}
.resv_cont{width:100%;margin:0 auto;}
#room_spec table td{padding:5px;border:1px solid #A8A8A8;}
.eng{font-family: 'helvetica','Open Sans',arial,sans-serif;}
address{font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-style:normal;line-height: 180%;font-weight:500;}
address strong{font-weight:bold;}
.eng_num{letter-spacing:0;}
cite{font-family:"arial","µ¸¿ò";
 font-style:normal;
 line-height:150%;
 }
 .nanum_txt{font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;}
#join_check_tbl{margin-top:30px;}
.preview_mob{display:none;margin-bottom:10px;}
.preview_tle_01 {
    border-top:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 font-size:17px;
 letter-spacing:-0.25px;
 padding:7px 0 7px 30px;
 margin:30px 0 20px; 
 color:#555555;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-style:normal;
 line-height: 150%;
 font-weight:500;
 background:#F9F9F9 url('../img/youlbit/room_title_bg.gif') no-repeat 10px center;
 }
.radius_line{border:1px solid #CACACA;border-radius:10px;}
#resv_top{width:95%; margin:0 auto 20px; padding:5px;}
#resv_top h4{width:95%; margin:10px auto;padding:7px 5px 5px; background:#FCF3E4;}
#resv_top p{width:95%; margin:10px auto;padding:5px;}
#resv_left{float:left;width:40%;}
#resv_right{float:left;;width:50%;margin-left:20px;padding:7px 10px 10px 11px;line-height:130%;color:#636363;}
#preview{width:30%;}
#preview img{width:100%;height:auto;}
.member_txt input[name=addr]{width:100%;}
 .member_txt input[name=addr2]{width:100%;}
 .member_txt input[name=member_img]{width:100%;}
.row{width:100%;margin-bottom:25px;overflow:hidden;}
 .board input[type=text]{width:95%;}
 .board input[name=phone_no1]{width:15%;}
 .board input[name=phone_no2]{width:20%;}
 .board input[name=phone_no3]{width:20%;}
 .board input[name=mobile_no1]{width:15%;}
 .board input[name=mobile_no2]{width:20%;}
 .board input[name=mobile_no3]{width:20%;}
.med_title{ 
font-size:18px;
color:#555555;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
    font-weight:500; 
    letter-spacing:-0.025em;
    line-height:180%;
  }
@media (max-width: 1401px) {
#sub_menu ul{ 
 width: 90%;
 max-width:700px;
}
#sub_menu a{
 font-size:15px;
 font-weight:600;
}
#head_title{color:#fff;text-align:center;width:350px;position:absolute;top:50%;left:50%;margin-top:-35px;margin-left:-175px;z-index:810;}
.head_1{
 font-size:20px;
 color: rgba(255, 255, 255, 0.8);
 font-weight:300;
 font-family:'Roboto Condensed','Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:120%;
}
.head_2{
 font-size:30px;
 font-weight:500;
 color: rgba(255, 255, 255, 1);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:120%;
 padding-top:10px;
 padding-bottom:10px;
 background:#000;
 background:rgba(0, 0, 0, .3);
}
.head_2 span{
 color: rgba(255, 255, 255, 1);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:100;
}
#sub_container .head_1{
 font-size:15px;
}
#sub_container .head_2{
font-size:25px;
}
}
@media screen and (max-width: 1201px) {
#sub_container #head_title{display:none;}
    #main_quick{
width:100%;
}
#main_quick h3{
font-size:22px;
}
#main_quick p{
font-size:14px;
}
#sub_menu a{
 font-size:14px;
 font-weight:600;
}
}
@media screen and  (max-width:1120px) {
}
@media screen and  (max-width:1000px) {
#top_container{width:100%;height:80px;}
#logo{float:none;position:relative;left:0;margin:0 auto;z-index:0000;}
#menu > #menu_wrap > ul{
width:100%;
max-width:900px;
margin:0 auto;
float:none;  
} 
}
@media screen and (max-width: 991px) {
  #logo{float:none;position:relative;left:0;top:5px;margin:0 auto;z-index:0000;}
  #top_container_bg{margin: 0 auto;}
  #top_container{width:100%;max-width:990px;height:80px;margin: 0 auto;padding-top:10px;position: relative;}
  #main_container{margin-top:0px;}
  #sub_container{margin-top:0px;}
  #sub_body{width:98%;margin: 30px auto 50px;}
  #left{display:none;}
  #contentsArea{
float:none;
    width:98%;
    margin:0 auto;
   }  
 .sub_title_line{display:none;}
 #main_body_bg{padding-top:0;padding-bottom:20px;}
  #main_body{width:95%;}
  #main_left{float:none;width:100%;border-right:none;}
  #main_right{float:none;width:100%;padding-top:20px;} 
  #photo_board_output .board_output_gallery_img{width:20%;}
  #photo_board_output .board_output_imgs{width:100%;height:auto;}
  #main_photo_gallery{float:none;width:100%;height:auto;}
  #main_photo_gallery .board_output_imgs{width:100%;height:150px;}  
  #notice{width:100%;float:none;margin-top:20px;}
  #contact_ban{width:45%;float:left;margin-top:15px;background:#f4f4f4;padding-bottom:20px;text-align:center;}
  #qna{width:45%;float:right;margin-top:0;}
   td.att_title {min-width:45px;}
   td.formmail_title_bgcolor{min-width:50px;}
   .board input[type=text]{width:95%;}
  .board input[name=name]{width:60%;}
  .board input[name=phone_no1]{width:15%;}
  .board input[name=phone_no2]{width:20%;}
  .board input[name=phone_no3]{width:20%;}
  .board input[type=file]{width:95%;}
  .board textarea {width:95%;}
  .comment_txt {display:block; }
  .comment_name {display:block; }
  .comment_txt textarea {width:60%;}
  .bbsnewf5 td a img {width:100%;max-width:100%;height:auto;}
  #webzine td{width:auto;height:auto;}
  #webzine td a img {width:100%;max-width:100%;height:auto;}
  .login_box input[type=image]{width:95%;max-width:86px;}  
  .member_txt input[name=member_img]{width:250px;}
  .member_txt select[name=pw_question]{width:250px;}
  .member_txt input[name=pw_answer]{width:250px;}
  .member_txt input[name=email1]{width:120px;}
  .member_txt select[name=email2]{width:120px;}
   .member_txt input[name=email3]{width:120px;}
   .member_txt input[name=com_member_secede_email]{width:170px;}
   div#post_area img{
   width:95%;
   height:auto;
   max-width:750px;
   }  
}
@media screen and (max-width: 959px) {
  #mob_gnb{display:block;}
  #gnb{display:none;}
  #mob_menu{display:block;position:absolute; right: 20px; top: 15px;z-index:9002;}
  #menu{display:none;width:65%;height:100%;background:none;overflow-y:auto;position: fixed;right: 0; top: 0;z-index:9001;background:#FFFFFF;border:1px solid #000;box-shadow: 2px 2px 10px 0 #333333, -2px -2px 10px 0 #333333;} 
  #menu  > #menu_wrap > ul{ 
  width:100%;
  height:auto;
  position:absolute;
  margin-left:0;
  left:0;
  top:120px;
  background:#FFFFFF;
  padding-bottom:30px;
  }
 #menu > #menu_wrap > ul > li{ 
   width:100%;
   float:none;
   position:relative;
   border-right:0;
   padding-top:3px;
   padding-bottom:3px;
 }
 #menu > #menu_wrap > ul > li > a{ 
font-size:18px;
text-align:left;
    background:#FFFFFF url('../img/youlbit/menu_arrow.png') no-repeat 98% center;
    border-bottom:1px solid #CCCCCC;    
    padding:10px;
    color:#333333;
 }
 #menu > #menu_wrap > ul > li > a.on{
color:#000;
    background:#FFF url('../img/youlbit/menu_arrow_on.png') no-repeat 98% center;
  } 
 #menu ul li ul li a{ 
text-align:left;
    padding: 10px;
color: #555555;
   }
 #menu ul li ul li a:hover{ 
  color: #333333;
  text-decoration:none; 
}
 #menu ul li ul li{ 
  display:inline-block;
 }
#menu ul li.mainmenu ul{ 
   display:none;
   position:relative;
   left: 0;
   top: 0;
   background:#F2F2F2;
   width:100%;
   height:auto;
 }
 #menu > #menu_wrap > ul > li > a.mob{display:block;}
 #menu > #menu_wrap > ul > li > a.pc{display:none;}
  #foot_company{width:90%;margin-left:20px;}
  #foot_customer{width:90%;margin-left:20px;}
  #sns_bottom{margin-left:20px;}
  #main_pension_gallery{width:95%}
  #main_photo_gallery{width:95%}
  #main_contact_bg{width:95%}
  #main_contact_left{width:100%;float:none;}
  #main_contact_right{width:100%;float:none;}
  #special{margin-top:20px;}
  #main_quick_bg{margin:0 auto 20px;position:relative;z-index:10;}
  #sub_menu ul{
justify-content: flex-start;
    width: 90%;
   }
  #sub_menu ul.sub_1{   
    width: 50%;
   } 
}
@media screen and (max-width: 768px) {
    th,td,textarea,h1,h2,h3,h4,h5,h6,div {font-size:14px;line-height:180%;}
select,input {font-size:14px;line-height:180%;}
input#border {font-size:14px;color:#666666;border:1 solid #C4C4C4;line-height:180%;}
textarea#border {font-size:14px;color:#666666;border:1 solid #C4C4C4;line-height:180%;}
a:link{line-height:150%;color:#333333;font-size:14px;text-decoration:none}
a:visited{line-height:150%;color:#333333;font-size:14px;text-decoration:none}
a:hover{line-height:150%;color:#333333;font-size:14px;text-decoration:underline}
.preview_tle_01 {  
height:22px;
font-size:16px;
 }
 article#sub_contents p{
  font-size:14px;
  font-weight:400;
 }
 .med_title{ 
 font-size:16px;
 }
  #logo{top:5px;margin:0 auto 0;} 
  #join_check_img{display:none;}
  #join_check_tbl{width:90%;margin:0 auto;}
  .preview_mob{display:block;}
  .price_tbl table{min-width:600px;width:100%}
  .price_tbl{overflow-x:scroll;height:auto;}
  .price_tbl2 table{min-width:850px;width:100%}
  .price_tbl2{overflow-x:scroll;height:auto;margin-top:-25px;}
  .app_table{min-width:700px;width:100%}
   #preview{width:100%;}
   #preview img{width:100%;height:auto;}
   #resv_left{float:none;width:100%;}
   #resv_right{float:none;;width:90%;margin-left:0;}   
   #copy{text-align:center;}   
#main_photo_gallery .board_output_imgs{width:100%;height:100px;}
#main_quick a{width:50%;}
#main_quick div{border-bottom:1px solid rgba(255,255,255,0.2);}
}
@media screen and (max-width: 639px) {
  #head_title{display:none;}  
  #notice{width:100%;float:none;margin-top:35px;}
   #qna{width:100%;float:none;margin-top:35px;}   
   #contact_ban{
  width:100%;
  float:none;
  margin-top:20px;
 } 
 #order_form input[type="text"]{width:150px;}
}
@media screen and (max-width: 520px) {
 #contentsArea #title_bg{max-width:500px;height:125px;position:relative;margin:0 auto 20px;}
 #contentsArea #title{ 
   width:100%;   
   font-size:35px;
   background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
  }  
}
@media screen and (max-width: 480px) {
 article#sub_contents figure.img_left{width:100%;clear:both;}
 article#sub_contents figure.img_right{width:100%;clear:both;}
 article#sub_contents figure.img_left_map{width:100%;clear:both;}  
  .member_txt input[name=member_img]{width:170px;}
  .member_txt select[name=pw_question]{width:170px;}
  .member_txt input[name=pw_answer]{width:170px;}
  .member_txt input[name=email1]{width:150px;}
  .member_txt select[name=email2]{width:150px;}
  .member_txt input[name=email3]{width:150px;}
  .member_txt input[name=com_member_secede_email]{width:150px;}
  
  #join_check_tbl input[type=text]{width:110px;}
  #order_form input[type="text"]{width:100px;} 
  input#orderPerson{width:100px;}  
  #main_photo_gallery .board_output_imgs{width:100%;height:50px;}  
}
@media screen and (max-width: 360px) {
  #logo{text-align:center;height:auto;margin:0 auto;}
  #logo img{width:80%; height:80%;}  
  article#sub_contents h2{ 
  font-size:20px;
  font-weight:bold;
  margin-top: 5px;
  margin-bottom:25px;
 letter-spacing:-0.05em;
 line-height:120%;
}
}
@media (min-width: 1200px) {
 
}
#bottom {
  display: flex; /* Flexbox È°¼ºÈ­ */
  justify-content: space-between; /* ÀÚ½Ä ¿ä¼ÒµéÀ» ¼öÆòÀ¸·Î 3µîºÐ */
  align-items: center; /* ¼öÁ÷ Áß¾Ó Á¤·Ä */
  width: 100%; /* ºÎ¸ð ³Êºñ¿¡ ¸ÂÃã */
  background: #F5F5F5; /* ¹è°æ»ö: ¹àÀº ȸ»ö */
  border-top: 1px solid #E7E7E7; /* »ó´Ü Å׵θ® */
  border-bottom: 1px solid #E7E7E7; /* ÇÏ´Ü Å׵θ® */
  padding: 10px 0; /* »óÇÏ ¿©¹é */
}