@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed:300,400');
*{margin:0; padding:0;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}
.sub_txt {color:000000;background:f7f7f7}
a:link{line-height:150%;color:333333;font-size:12px;font-family:±¼¸²,µ¸¿ò;text-decoration:none}
a:visited{line-height:150%;color:333333;font-size:12px;font-family:±¼¸²,µ¸¿ò;text-decoration:none}
a:hover{line-height:150%;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}
.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}
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: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*/
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;
}
h1, h2, h3, h4, h5, h6 { 
font-weight : normal ; 
font-size : 100% ; 
}
#wrap{min-width:320px; width:100%; text-align:left; margin: 0 auto;position: relative;}
#top_container_bg{width:100%;margin: 0 auto 70px;position: relative;}
#top_container{width:100%;max-width:990px;margin: 0 auto;padding-top:40px;position: relative;}
#logo{width:227px; height:110px;margin:0 auto;}
#gnb{position:absolute; right: 20px; top: 10px;}
#gnb ul{overflow:hidden;}
#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: 5px 10px;
color: #BBBBBB;
display: block;
text-decoration: none; 
background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
color: #8D8D8D;
}
#main_container{width:100%;;overflow:hidden;position: relative;}
#sub_container{width:100%;overflow:hidden;position: relative;}
#head_title{color:#fff;text-align:center;width:350px;position:absolute;top:250px;left:50%;margin-left:-175px;z-index:999;}
.head_1{
font-size:15px;
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:100;
color: rgba(255, 255, 255, 1);
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
line-height:120%;
border:1px solid #ffffff;
padding-top:20px;
padding-bottom:20px;
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:500;
}
#sub_container #head_title{top:100px;}
#sub_container .head_2{
font-size:50px;
}
#main_resv_bg{width:100%;background:#00AD87;padding-top:20px;padding-bottom:20px;}
.main_resv{width:300px;margin:20px auto;text-align:center;color:#ffffff;}
.main_resv .head_icon{font-size:30px;}
.main_resv .head_title{
font-size:30px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:700;
}
.main_resv h4{
font-size:18px;
font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:500;
color: rgba(255, 255, 255, 0.8);
margin:5px auto;
}
.main_resv p{
font-size:13px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
color: rgba(255, 255, 255, 0.5);
}
a.more_btn{
display:block;
width:150px; 
margin:20px auto;
padding:10px;
border: 1px solid transparent;
border-radius: 300px;
color: #00AD87;
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;
}
.h_line{display:block;width:50px; height:3px; background:#C1C1C1;margin:0 auto 10px;}
#main_quick_bg{width:100%;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:0 auto;}
#main_quick div{width:50px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:none;
}
#main_quick p{
display:none;
}
#main_quick a i.fa{color:#A3A3A3;color: rgba(0, 0, 0, 0.5);}
#main_quick a:hover i.fa{color:#333333;}
.h_line{display:block;width:50px; height:3px; background:#337AB7;margin:0 auto 10px;}
#main_body_bg{width:100%;padding-top:20px;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:990px;margin:0 auto;overflow:hidden;}
#main_left{float:left;width:60%;overflow:hidden;}
#main_right{float:right;width:37%;overflow:hidden;}
#main_photo_gallery{float:left;width:47%;}
#main_photo_gallery dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice{width:47%;float:right;}
#notice dt{}
#notice dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice dl dd{}
#main_contact{width:100%;max-width:990px;text-align:center;margin:10px auto;padding-top:10px;padding-bottom:35px;}
#main_contact h2{
font-size:35px;
color:#333;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight:600;
margin:0 auto 10px;
}
#main_contact p{
font-size:15px;
color:#858585;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 10px;
}
#main_pension_gallery{margin:0 auto 30px;text-align:center;background:#00AD87;}
#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;
}
.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;}
#menu{clear:both;position:absolute;width:100%;height:58px;z-index:9001;background:#FFFFFF url('../img/youlbit/menu_line.gif') left 58px repeat-x;;overflow:hidden;}
#menu ul li.mainmenu{position: relative;}
#menu > ul{
width:100%;
max-width:990px;
margin:0 auto;
}
#menu ul li.mainmenu ul{ 
position: absolute;
width:100%;
height:100px;
top:70px; 
}
#menu > ul > li{ 
position: relative;
float:left;
width:16.4%;
padding-top:5px;
padding-bottom:10px;
}
#menu > ul > li > a{ 
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:400;
font-size:17px;
text-align:center;
padding: 8px 0;
color:#666666;
display: block;
text-decoration: none;
letter-spacing:-1px;
}
#menu > ul > li > a.on{
color:#000000;
}
#menu ul li ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:600;
text-align:center;
margin-left:1px;
padding: 5px 0; 
color: #666666;
display: block;
text-decoration: none; 
}
#menu ul li ul li a:hover{ 
color: #000000;
text-decoration:underline; 
}
#menu ul li a.pc .menu_line{ 
width:0;
height:2px;
display:block;
background:#333;
margin:18px auto 0;
}
#menu > ul > li > a.mob{display:none;}
#menu > 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:5%;
left:50%;
height:13px;
overflow:hidden; 
}
#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; 
}
#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:#BBBBBB;}
a:hover i.fa{color:#888888;}
#sns_bottom{float:left;}
#sns_bottom li{float:left;margin-right:10px;}
#gnb{position: absolute; right: 20px; 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: 2px 10px;
color: #BBBBBB;
display: block;
text-decoration: none; 
background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
color: #CBCBCB;
}
#footer{clear:both;width:100%;}
#bottom{width:100%;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:320px;margin: 0 auto;overflow:hidden;}
#bottom ul li{float: left;background:url('../img/youlbit/bottom_line.gif') center right no-repeat;}
#bottom ul li.end{background:none;}
#bottom ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
letter-spacing:-0.05em;
color:#787878;
display: block;
padding: 8px 8px; 
}
#bottom2{
width:100%;
color:#828282;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
clear:both;
padding:20px 0;
}
#bottom_info{width:100%;max-width:900px;margin:0 auto;overflow:hidden;}
#bottom_info h4{
font-size:12px;
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;}
#foot_customer{float:left;margin-right:40px;}
#copy{
clear:both;
color:#FFFFFF;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
text-align:center;
background:#999;
padding:15px 0;
border-top:1px solid #E7E7E7;
}
#sub_body{max-width:1170px;width:95%;margin: 50px auto;overflow:hidden;}
#contentsArea{
position:relative;
float:right;
width:81%;

}
#title{
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:30px;
color: #555;
font-weight:bold;
letter-spacing:-1.5px;
margin-bottom:12px;
}
#left{width:140px;float:left;margin-right:20px;}
#left_menu ul li{
margin-bottom:1px; 
width:85%;
height:35px;
margin:0 auto; 
}
#left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-top: 8px;
padding-bottom:10px;
padding-left:20px;
color: #555555;
display: block;
text-decoration: none;
background: url('../img/youlbit/left_bg_off.gif') no-repeat left center; 
border-bottom:1px solid #C4C4C4;
}
#left_menu a:hover{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center;
padding-left:15px;
}
#left_menu a.on{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center; 
padding-left:15px;
}
#left_menu ul li.first_menu{margin-top:10px;}
.left_title{
display:block;
width:100%;
padding:12px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:20px;
font-weight:600;
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;}
#left_ban ul li{font-size:12px;color:#565656;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.left_ban_title{
display:block;
width:100%;
padding:5px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #bbbbbb;
}
.sub_title_line{
border-bottom:3px solid #C1C1C1;
max-width: 50px;
margin-bottom:15px;
}
#left_ban small{font-size:11px;}
#contentsArea #left_menu{display:none;}
#contentsArea #left_menu ul{
text-align:center; 
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:118px;
}
#contentsArea #left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
padding: 2px 0;
color: #878787;
display: block;
text-decoration: none;
background: #FFFFFF;
border:1px solid #CECECE;
}
#contentsArea #left_menu a:hover, #contentsArea #left_menu a.on{
background: #5B5B5B;
color: #EDEDED;
}
#contentsArea .left_title{
display:none; 
}
article#sub_contents p{line-height:1.75em;letter-spacing:-0.05em;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:#5C5C5C;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:20px;
font-weight:bold;
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%;
}
#h_icon{}
.left_align{float: left;}
.cont { 
width:100%;
margin: 0 auto 30px;
font-size:12px;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;}
.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-style:normal;line-height: 180%;}
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;}
div#login_pension{ margin-top:20px;width:40%;max-width:354px;position:relative;float:left;margin-right:10%; }
div#login_pension2{ margin-top:20px;margin-bottom:50px;width:40%;max-width:354px;position:relative;float:left; }
#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;height:22px;font-size:13px;font-family:µ¸¿ò;letter-spacing:-1px;padding:7px 0 0 30px;margin:30px 0 20px;font-weight:bold;color:#555555;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:20px;color:#636363;}
#preview{width:30%;}
#preview img{width:100%;height:auto;}
#pension_board_output table{width:100%;padding:0;}
#pension_board_output .board_output_gallery_img{width:100%;}
#pension_board_output .board_output_imgs{width:100%;height:200px;}
@media screen and (max-width:1120px) { 
#head_title{top:150px;}
#sub_container #head_title{top:100px;}
#sub_container .head_2{
font-size:40px;
} 
}
@media screen and (max-width: 991px) { 
#logo{float:none;position:relative;left:0;margin:0 auto;}
#top_container_bg{margin: 0 auto 30px;position: relative;}
#top_container{width:100%;max-width:990px;margin: 0 auto;padding-top:10px;position: relative;}
#main_container{margin-top: 20px;}
#sub_container{margin-top: 20px;}
#main_body{width:95%;} 
#main_left{float:none;width:100%;border-right:none;}
#main_right{float:none;width:100%;padding-top:20px;}
#main_quick_bg{width:100%;background:#F5F5F5;padding-top:10px;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:10px auto;}
#main_quick div{width:160px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:block;
font-size:20px;
color:#000000;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 0;
}
#main_quick p{
display:block;
font-size:15px;
color:#333333;
color:rgba(0,0,0,.5);
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
#main_quick a i.fa{font-size:400%;}
#main_photo_gallery{float:none;width:100%;height:auto;}
#main_photo_gallery .board_output_imgs{width:100%;height:150px;}
#notice{width:40%;float:right;margin-top:20px;} 
#sub_body{width:98%;margin: 30px auto 50px;}
#left{display:none;}
#contentsArea{
float:none;
width:98%;
margin:0 auto;
}
#contentsArea #left_menu{display:block;}
#contentsArea #title_bg{max-width:500px;height:160px;position:relative;margin:0 auto 20px;background: url("../img/youlbit/sub_title_bg2.gif") no-repeat center bottom;}
#contentsArea #title{
padding-top:25px;
margin:0 auto;
clear:both;
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:40px;
text-align:center;
color: #515151;
font-weight:bold;
letter-spacing:-1.5px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
} 
.sub_title_line{display:none;}
#mob_menu{display:block;position: absolute; left: 10px; top: 20px;}
#menu{display:none;width:80%;height:auto;background:none;overflow:visible;position: absolute;left: 10px; top: 55px;z-index:9001;}
#menu > ul{ 
width:100%;
height:auto;
position:absolute;margin-left:0;left:0;
}
#menu > ul > li{ 
width:100%;
float:none;
position:relative;
border-right:0;
padding-top:0;
padding-bottom:0;
}
#menu > ul > li > a{ 
text-align:left;
background:#505050 url('../img/youlbit/menu_arrow.png') no-repeat 98% center;
border-bottom:1px solid #7C7C7C; 
padding-left:15px;
color:#FFFFFF;
}
#menu > ul > li > a.on{
color:#FFFFFF;
background:#373737 url('../img/youlbit/menu_arrow_on.png') no-repeat 98% center;
} 
#menu ul li ul li a{ 
text-align:left;
padding: 15px 10px;
color: #555555;
}
#menu ul li ul li a:hover{ 
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 > ul > li > a.mob{display:block;}
#menu > ul > li > a.pc{display:none;} 
#foot_company{width:50%;margin-right:0;}
#foot_customer{width:50%;margin-right: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=addr]{width:250px;}
.member_txt input[name=addr2]{width:250px;}
.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;
}
#head_title{top:100px;width:330px;left:50%;margin-left:-165px;}
.head_1{
font-size:20px;
}
.head_2{
font-size:50px;
} 
}
@media screen and (max-width: 959px) {
#sub_container #head_title{display:none;}
#foot_company{width:90%;margin-left:20px;}
#foot_customer{width:90%;margin-left:20px;}
#sns_bottom{margin-left:20px;}
div#login_pension{margin:20px auto;width:83%;float:none;}
div#login_pension2{margin:20px auto;width:83%;float:none;}
}
@media screen and (max-width: 768px) {
#gnb{position: absolute; right: 10px; top: 5px;z-index:9999;}
#gnb ul li{display:block;} 
#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:600px;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;}
#pension_board_output .board_output_imgs{width:100%;height:80px;}
#notice{width:100%;float:none;margin-top:35px;}
#main_special{width:100%;float:none;margin-top:35px;}
#main_photo_galley{width:100%;float:none;margin-top:35px;}
#photo_board_output .board_output_gallery_img{width:20%;}
#photo_board_output .board_output_imgs{width:100%;height:100px;}
#copy{text-align:left;} 
#head_title{top:100px;width:350px;left:50%;margin-left:-175px;}
.head_1{
font-size:15px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 639px) {
#head_title{top:50px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:13px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 520px) {
#contentsArea #title_bg{max-width:500px;height:auto;position:relative;margin:0 auto 20px;background:none;}
#contentsArea #title{ 
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:35px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:auto;
}
#contentsArea #left_menu a{ 
padding: 5px 10px;
}
}
@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=addr]{width:170px;}
.member_txt input[name=addr2]{width:170px;}
.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;}
div#login_pension input[type=text]{width:100px;}
div#login_pension input[type=password]{width:100px;}
div#login_pension2 input[type=text]{width:100px;}
div#login_pension2 input[type=password]{width:100px;}
#join_check_tbl input[type=text]{width:110px;}
#order_form input[type="text"]{width:100px;}
input#orderPerson{width:100px;}
#photo_board_output .board_output_imgs{width:100%;height:50px;}
#head_title{top:30px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:11px;
}
.head_2{
font-size:27px;
border:none;
}
}
@media screen and (max-width: 360px) {
#logo{text-align:center;height:auto;}
#logo img{width:80%; height:80%;} 
#menu ul li ul li{ 
display:block;
background:url('../img/youlbit/col_line2.gif') repeat-x left bottom;
}
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) {
}
#main_resv_bg{width:100%;background:#00AD87;padding-top:20px;padding-bottom:20px;}
.main_resv{width:300px;margin:20px auto;text-align:center;color:#ffffff;}
.main_resv .head_icon{font-size:30px;}
.main_resv .head_title{
font-size:30px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:700;
}
.main_resv h4{
font-size:18px;
font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:500;
color: rgba(255, 255, 255, 0.8);
margin:5px auto;
}
.main_resv p{
font-size:13px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
color: rgba(255, 255, 255, 0.5);
}
a.more_btn{
display:block;
width:150px; 
margin:20px auto;
padding:10px;
border: 1px solid transparent;
border-radius: 300px;
color: #00AD87;
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;
}
.h_line{display:block;width:50px; height:3px; background:#C1C1C1;margin:0 auto 10px;}
#main_quick_bg{width:100%;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:0 auto;}
#main_quick div{width:50px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:none;
}
#main_quick p{
display:none;
}
#main_quick a i.fa{color:#A3A3A3;color: rgba(0, 0, 0, 0.5);}
#main_quick a:hover i.fa{color:#333333;}
.h_line{display:block;width:50px; height:3px; background:#337AB7;margin:0 auto 10px;}
#main_body_bg{width:100%;padding-top:20px;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:990px;margin:0 auto;overflow:hidden;}
#main_left{float:left;width:60%;overflow:hidden;}
#main_right{float:right;width:37%;overflow:hidden;}
#main_photo_gallery{float:left;width:47%;}
#main_photo_gallery dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice{width:47%;float:right;}
#notice dt{}
#notice dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice dl dd{}
#main_contact{width:100%;max-width:990px;text-align:center;margin:10px auto;padding-top:10px;padding-bottom:35px;}
#main_contact h2{
font-size:35px;
color:#333;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight:600;
margin:0 auto 10px;
}
#main_contact p{
font-size:15px;
color:#858585;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 10px;
}
#main_pension_gallery{margin:0 auto 30px;text-align:center;background:#00AD87;}
#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;
}
.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;}
#menu{clear:both;position:absolute;width:100%;height:58px;z-index:9001;background:#FFFFFF url('../img/youlbit/menu_line.gif') left 58px repeat-x;;overflow:hidden;}
#menu ul li.mainmenu{position: relative;}
#menu > ul{
width:100%;
max-width:990px;
margin:0 auto;
}
#menu ul li.mainmenu ul{ 
position: absolute;
width:100%;
height:100px;
top:70px; 
}
#menu > ul > li{ 
position: relative;
float:left;
width:16.4%;
padding-top:5px;
padding-bottom:10px;
}
#menu > ul > li > a{ 
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:400;
font-size:17px;
text-align:center;
padding: 8px 0;
color:#666666;
display: block;
text-decoration: none;
letter-spacing:-1px;
}
#menu > ul > li > a.on{
color:#000000;
}
#menu ul li ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:600;
text-align:center;
margin-left:1px;
padding: 5px 0; 
color: #666666;
display: block;
text-decoration: none; 
}
#menu ul li ul li a:hover{ 
color: #000000;
text-decoration:underline; 
}
#menu ul li a.pc .menu_line{ 
width:0;
height:2px;
display:block;
background:#333;
margin:18px auto 0;
}
#menu > ul > li > a.mob{display:none;}
#menu > 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:5%;
left:50%;
height:13px;
overflow:hidden; 
}
#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; 
}
#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:#BBBBBB;}
a:hover i.fa{color:#888888;}
#sns_bottom{float:left;}
#sns_bottom li{float:left;margin-right:10px;}
#gnb{position: absolute; right: 20px; 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: 2px 10px;
color: #BBBBBB;
display: block;
text-decoration: none; 
background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
color: #CBCBCB;
}
#footer{clear:both;width:100%;}
#bottom{width:100%;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:320px;margin: 0 auto;overflow:hidden;}
#bottom ul li{float: left;background:url('../img/youlbit/bottom_line.gif') center right no-repeat;}
#bottom ul li.end{background:none;}
#bottom ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
letter-spacing:-0.05em;
color:#787878;
display: block;
padding: 8px 8px; 
}
#bottom2{
width:100%;
color:#828282;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
clear:both;
padding:20px 0;
}
#bottom_info{width:100%;max-width:900px;margin:0 auto;overflow:hidden;}
#bottom_info h4{
font-size:12px;
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;}
#foot_customer{float:left;margin-right:40px;}
#copy{
clear:both;
color:#FFFFFF;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
text-align:center;
background:#999;
padding:15px 0;
border-top:1px solid #E7E7E7;
}
#sub_body{max-width:1170px;width:95%;margin: 50px auto;overflow:hidden;}
#contentsArea{
position:relative;
float:right;
width:81%;

}
#title{
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:30px;
color: #555;
font-weight:bold;
letter-spacing:-1.5px;
margin-bottom:12px;
}
#left{width:140px;float:left;margin-right:20px;}
#left_menu ul li{
margin-bottom:1px; 
width:85%;
height:35px;
margin:0 auto; 
}
#left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-top: 8px;
padding-bottom:10px;
padding-left:20px;
color: #555555;
display: block;
text-decoration: none;
background: url('../img/youlbit/left_bg_off.gif') no-repeat left center; 
border-bottom:1px solid #C4C4C4;
}
#left_menu a:hover{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center;
padding-left:15px;
}
#left_menu a.on{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center; 
padding-left:15px;
}
#left_menu ul li.first_menu{margin-top:10px;}
.left_title{
display:block;
width:100%;
padding:12px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:20px;
font-weight:600;
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;}
#left_ban ul li{font-size:12px;color:#565656;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.left_ban_title{
display:block;
width:100%;
padding:5px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #bbbbbb;
}
.sub_title_line{
border-bottom:3px solid #C1C1C1;
max-width: 50px;
margin-bottom:15px;
}
#left_ban small{font-size:11px;}
#contentsArea #left_menu{display:none;}
#contentsArea #left_menu ul{
text-align:center; 
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:118px;
}
#contentsArea #left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
padding: 2px 0;
color: #878787;
display: block;
text-decoration: none;
background: #FFFFFF;
border:1px solid #CECECE;
}
#contentsArea #left_menu a:hover, #contentsArea #left_menu a.on{
background: #5B5B5B;
color: #EDEDED;
}
#contentsArea .left_title{
display:none; 
}
article#sub_contents p{line-height:1.75em;letter-spacing:-0.05em;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:#5C5C5C;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:20px;
font-weight:bold;
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%;
}
#h_icon{}
.left_align{float: left;}
.cont { 
width:100%;
margin: 0 auto 30px;
font-size:12px;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;}
.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-style:normal;line-height: 180%;}
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;}
div#login_pension{ margin-top:20px;width:40%;max-width:354px;position:relative;float:left;margin-right:10%; }
div#login_pension2{ margin-top:20px;margin-bottom:50px;width:40%;max-width:354px;position:relative;float:left; }
#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;height:22px;font-size:13px;font-family:µ¸¿ò;letter-spacing:-1px;padding:7px 0 0 30px;margin:30px 0 20px;font-weight:bold;color:#555555;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:20px;color:#636363;}
#preview{width:30%;}
#preview img{width:100%;height:auto;}
#pension_board_output table{width:100%;padding:0;}
#pension_board_output .board_output_gallery_img{width:100%;}
#pension_board_output .board_output_imgs{width:100%;height:200px;}
@media screen and (max-width:1120px) { 
#head_title{top:150px;}
#sub_container #head_title{top:100px;}
#sub_container .head_2{
font-size:40px;
} 
}
@media screen and (max-width: 991px) { 
#logo{float:none;position:relative;left:0;margin:0 auto;}
#top_container_bg{margin: 0 auto 30px;position: relative;}
#top_container{width:100%;max-width:990px;margin: 0 auto;padding-top:10px;position: relative;}
#main_container{margin-top: 20px;}
#sub_container{margin-top: 20px;}
#main_body{width:95%;} 
#main_left{float:none;width:100%;border-right:none;}
#main_right{float:none;width:100%;padding-top:20px;}
#main_quick_bg{width:100%;background:#F5F5F5;padding-top:10px;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:10px auto;}
#main_quick div{width:160px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:block;
font-size:20px;
color:#000000;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 0;
}
#main_quick p{
display:block;
font-size:15px;
color:#333333;
color:rgba(0,0,0,.5);
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
#main_quick a i.fa{font-size:400%;}
#main_photo_gallery{float:none;width:100%;height:auto;}
#main_photo_gallery .board_output_imgs{width:100%;height:150px;}
#notice{width:40%;float:right;margin-top:20px;} 
#sub_body{width:98%;margin: 30px auto 50px;}
#left{display:none;}
#contentsArea{
float:none;
width:98%;
margin:0 auto;
}
#contentsArea #left_menu{display:block;}
#contentsArea #title_bg{max-width:500px;height:160px;position:relative;margin:0 auto 20px;background: url("../img/youlbit/sub_title_bg2.gif") no-repeat center bottom;}
#contentsArea #title{
padding-top:25px;
margin:0 auto;
clear:both;
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:40px;
text-align:center;
color: #515151;
font-weight:bold;
letter-spacing:-1.5px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
} 
.sub_title_line{display:none;}
#mob_menu{display:block;position: absolute; left: 10px; top: 20px;}
#menu{display:none;width:80%;height:auto;background:none;overflow:visible;position: absolute;left: 10px; top: 55px;z-index:9001;}
#menu > ul{ 
width:100%;
height:auto;
position:absolute;margin-left:0;left:0;
}
#menu > ul > li{ 
width:100%;
float:none;
position:relative;
border-right:0;
padding-top:0;
padding-bottom:0;
}
#menu > ul > li > a{ 
text-align:left;
background:#505050 url('../img/youlbit/menu_arrow.png') no-repeat 98% center;
border-bottom:1px solid #7C7C7C; 
padding-left:15px;
color:#FFFFFF;
}
#menu > ul > li > a.on{
color:#FFFFFF;
background:#373737 url('../img/youlbit/menu_arrow_on.png') no-repeat 98% center;
} 
#menu ul li ul li a{ 
text-align:left;
padding: 15px 10px;
color: #555555;
}
#menu ul li ul li a:hover{ 
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 > ul > li > a.mob{display:block;}
#menu > ul > li > a.pc{display:none;} 
#foot_company{width:50%;margin-right:0;}
#foot_customer{width:50%;margin-right: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=addr]{width:250px;}
.member_txt input[name=addr2]{width:250px;}
.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;
}
#head_title{top:100px;width:330px;left:50%;margin-left:-165px;}
.head_1{
font-size:20px;
}
.head_2{
font-size:50px;
} 
}
@media screen and (max-width: 959px) {
#sub_container #head_title{display:none;}
#foot_company{width:90%;margin-left:20px;}
#foot_customer{width:90%;margin-left:20px;}
#sns_bottom{margin-left:20px;}
div#login_pension{margin:20px auto;width:83%;float:none;}
div#login_pension2{margin:20px auto;width:83%;float:none;}
}
@media screen and (max-width: 768px) {
#gnb{position: absolute; right: 10px; top: 5px;z-index:9999;}
#gnb ul li{display:block;} 
#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:600px;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;}
#pension_board_output .board_output_imgs{width:100%;height:80px;}
#notice{width:100%;float:none;margin-top:35px;}
#main_special{width:100%;float:none;margin-top:35px;}
#main_photo_galley{width:100%;float:none;margin-top:35px;}
#photo_board_output .board_output_gallery_img{width:20%;}
#photo_board_output .board_output_imgs{width:100%;height:100px;}
#copy{text-align:left;} 
#head_title{top:100px;width:350px;left:50%;margin-left:-175px;}
.head_1{
font-size:15px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 639px) {
#head_title{top:50px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:13px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 520px) {
#contentsArea #title_bg{max-width:500px;height:auto;position:relative;margin:0 auto 20px;background:none;}
#contentsArea #title{ 
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:35px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:auto;
}
#contentsArea #left_menu a{ 
padding: 5px 10px;
}
}
@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=addr]{width:170px;}
.member_txt input[name=addr2]{width:170px;}
.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;}
div#login_pension input[type=text]{width:100px;}
div#login_pension input[type=password]{width:100px;}
div#login_pension2 input[type=text]{width:100px;}
div#login_pension2 input[type=password]{width:100px;}
#join_check_tbl input[type=text]{width:110px;}
#order_form input[type="text"]{width:100px;}
input#orderPerson{width:100px;}
#photo_board_output .board_output_imgs{width:100%;height:50px;}
#head_title{top:30px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:11px;
}
.head_2{
font-size:27px;
border:none;
}
}
@media screen and (max-width: 360px) {
#logo{text-align:center;height:auto;}
#logo img{width:80%; height:80%;} 
#menu ul li ul li{ 
display:block;
background:url('../img/youlbit/col_line2.gif') repeat-x left bottom;
}
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) {

}
#main_resv_bgg{width:100%;background:#333;padding-top:20px;padding-bottom:20px;}
#main_resv_bg{width:100%;background:#00AD87;padding-top:20px;padding-bottom:20px;}
.main_resv{width:300px;margin:20px auto;text-align:center;color:#ffffff;}
.main_resv .head_icon{font-size:30px;}
.main_resv .head_title{
font-size:30px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:700;
}
.main_resv h4{
font-size:18px;
font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:500;
color: rgba(255, 255, 255, 0.8);
margin:5px auto;
}
.main_resv p{
font-size:13px;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
color: rgba(255, 255, 255, 0.5);
}
a.more_btn{
display:block;
width:150px; 
margin:20px auto;
padding:10px;
border: 1px solid transparent;
border-radius: 300px;
color: #00AD87;
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;
}
.h_line{display:block;width:50px; height:3px; background:#C1C1C1;margin:0 auto 10px;}
#main_quick_bg{width:100%;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:0 auto;}
#main_quick div{width:50px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:none;
}
#main_quick p{
display:none;
}
#main_quick a i.fa{color:#A3A3A3;color: rgba(0, 0, 0, 0.5);}
#main_quick a:hover i.fa{color:#333333;}
.h_line{display:block;width:50px; height:3px; background:#337AB7;margin:0 auto 10px;}
#main_body_bg{width:100%;padding-top:20px;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:990px;margin:0 auto;overflow:hidden;}
#main_left{float:left;width:60%;overflow:hidden;}
#main_right{float:right;width:37%;overflow:hidden;}
#main_photo_gallery{float:left;width:47%;}
#main_photo_gallery dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice{width:47%;float:right;}
#notice dt{}
#notice dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice dl dd{}
#main_contact{width:100%;max-width:990px;text-align:center;margin:10px auto;padding-top:10px;padding-bottom:35px;}
#main_contact h2{
font-size:35px;
color:#333;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight:600;
margin:0 auto 10px;
}
#main_contact p{
font-size:15px;
color:#858585;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 10px;
}
#main_pension_gallery{margin:0 auto 30px;text-align:center;background:#00AD87;}
#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;
}
.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;}
#menu{clear:both;position:absolute;width:100%;height:58px;z-index:9001;background:#FFFFFF url('../img/youlbit/menu_line.gif') left 58px repeat-x;;overflow:hidden;}
#menu ul li.mainmenu{position: relative;}
#menu > ul{
width:100%;
max-width:990px;
margin:0 auto;
}
#menu ul li.mainmenu ul{ 
position: absolute;
width:100%;
height:100px;
top:70px; 
}
#menu > ul > li{ 
position: relative;
float:left;
width:16.4%;
padding-top:5px;
padding-bottom:10px;
}
#menu > ul > li > a{ 
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:400;
font-size:17px;
text-align:center;
padding: 8px 0;
color:#666666;
display: block;
text-decoration: none;
letter-spacing:-1px;
}
#menu > ul > li > a.on{
color:#000000;
}
#menu ul li ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:600;
text-align:center;
margin-left:1px;
padding: 5px 0; 
color: #666666;
display: block;
text-decoration: none; 
}
#menu ul li ul li a:hover{ 
color: #000000;
text-decoration:underline; 
}
#menu ul li a.pc .menu_line{ 
width:0;
height:2px;
display:block;
background:#333;
margin:18px auto 0;
}
#menu > ul > li > a.mob{display:none;}
#menu > 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:5%;
left:50%;
height:13px;
overflow:hidden; 
}
#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; 
}
#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:#BBBBBB;}
a:hover i.fa{color:#888888;}
#sns_bottom{float:left;}
#sns_bottom li{float:left;margin-right:10px;}
#gnb{position: absolute; right: 20px; 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: 2px 10px;
color: #BBBBBB;
display: block;
text-decoration: none; 
background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
color: #CBCBCB;
}
#footer{clear:both;width:100%;}
#bottom{width:100%;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:320px;margin: 0 auto;overflow:hidden;}
#bottom ul li{float: left;background:url('../img/youlbit/bottom_line.gif') center right no-repeat;}
#bottom ul li.end{background:none;}
#bottom ul li a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
letter-spacing:-0.05em;
color:#787878;
display: block;
padding: 8px 8px; 
}
#bottom2{
width:100%;
color:#828282;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
clear:both;
padding:20px 0;
}
#bottom_info{width:100%;max-width:900px;margin:0 auto;overflow:hidden;}
#bottom_info h4{
font-size:12px;
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;}
#foot_customer{float:left;margin-right:40px;}
#copy{
clear:both;
color:#FFFFFF;
font-size:11px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
letter-spacing:-0.05em;
text-align:center;
background:#999;
padding:15px 0;
border-top:1px solid #E7E7E7;
}
#sub_body{max-width:1170px;width:95%;margin: 50px auto;overflow:hidden;}
#contentsArea{
position:relative;
float:right;
width:81%;

}
#title{
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:30px;
color: #555;
font-weight:bold;
letter-spacing:-1.5px;
margin-bottom:12px;
}
#left{width:140px;float:left;margin-right:20px;}
#left_menu ul li{
margin-bottom:1px; 
width:85%;
height:35px;
margin:0 auto; 
}
#left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:11px;
font-weight:bold;
padding-top: 8px;
padding-bottom:10px;
padding-left:20px;
color: #555555;
display: block;
text-decoration: none;
background: url('../img/youlbit/left_bg_off.gif') no-repeat left center; 
border-bottom:1px solid #C4C4C4;
}
#left_menu a:hover{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center;
padding-left:15px;
}
#left_menu a.on{
color: #333333;
background: url('../img/youlbit/left_bg_on.gif') no-repeat left center; 
padding-left:15px;
}
#left_menu ul li.first_menu{margin-top:10px;}
.left_title{
display:block;
width:100%;
padding:12px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:20px;
font-weight:600;
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;}
#left_ban ul li{font-size:12px;color:#565656;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.left_ban_title{
display:block;
width:100%;
padding:5px 0;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #bbbbbb;
}
.sub_title_line{
border-bottom:3px solid #C1C1C1;
max-width: 50px;
margin-bottom:15px;
}
#left_ban small{font-size:11px;}
#contentsArea #left_menu{display:none;}
#contentsArea #left_menu ul{
text-align:center; 
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:118px;
}
#contentsArea #left_menu a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
padding: 2px 0;
color: #878787;
display: block;
text-decoration: none;
background: #FFFFFF;
border:1px solid #CECECE;
}
#contentsArea #left_menu a:hover, #contentsArea #left_menu a.on{
background: #5B5B5B;
color: #EDEDED;
}
#contentsArea .left_title{
display:none; 
}
article#sub_contents p{line-height:1.75em;letter-spacing:-0.05em;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:#5C5C5C;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:20px;
font-weight:bold;
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%;
}
#h_icon{}
.left_align{float: left;}
.cont { 
width:100%;
margin: 0 auto 30px;
font-size:12px;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;}
.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-style:normal;line-height: 180%;}
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;}
div#login_pension{ margin-top:20px;width:40%;max-width:354px;position:relative;float:left;margin-right:10%; }
div#login_pension2{ margin-top:20px;margin-bottom:50px;width:40%;max-width:354px;position:relative;float:left; }
#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;height:22px;font-size:13px;font-family:µ¸¿ò;letter-spacing:-1px;padding:7px 0 0 30px;margin:30px 0 20px;font-weight:bold;color:#555555;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:20px;color:#636363;}
#preview{width:30%;}
#preview img{width:100%;height:auto;}
#pension_board_output table{width:100%;padding:0;}
#pension_board_output .board_output_gallery_img{width:100%;}
#pension_board_output .board_output_imgs{width:100%;height:200px;}
@media screen and (max-width:1120px) { 
#head_title{top:150px;}
#sub_container #head_title{top:100px;}
#sub_container .head_2{
font-size:40px;
} 
}
@media screen and (max-width: 991px) { 
#logo{float:none;position:relative;left:0;margin:0 auto;}
#top_container_bg{margin: 0 auto 30px;position: relative;}
#top_container{width:100%;max-width:990px;margin: 0 auto;padding-top:10px;position: relative;}
#main_container{margin-top: 20px;}
#sub_container{margin-top: 20px;}
#main_body{width:95%;} 
#main_left{float:none;width:100%;border-right:none;}
#main_right{float:none;width:100%;padding-top:20px;}
#main_quick_bg{width:100%;background:#F5F5F5;padding-top:10px;padding-bottom:10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:10px auto;}
#main_quick div{width:160px;display:inline-block;margin:20px auto;}
#main_quick h3{
display:block;
font-size:20px;
color:#000000;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
margin:20px auto 0;
}
#main_quick p{
display:block;
font-size:15px;
color:#333333;
color:rgba(0,0,0,.5);
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
#main_quick a i.fa{font-size:400%;}
#main_photo_gallery{float:none;width:100%;height:auto;}
#main_photo_gallery .board_output_imgs{width:100%;height:150px;}
#notice{width:40%;float:right;margin-top:20px;} 
#sub_body{width:98%;margin: 30px auto 50px;}
#left{display:none;}
#contentsArea{
float:none;
width:98%;
margin:0 auto;
}
#contentsArea #left_menu{display:block;}
#contentsArea #title_bg{max-width:500px;height:160px;position:relative;margin:0 auto 20px;background: url("../img/youlbit/sub_title_bg2.gif") no-repeat center bottom;}
#contentsArea #title{
padding-top:25px;
margin:0 auto;
clear:both;
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:40px;
text-align:center;
color: #515151;
font-weight:bold;
letter-spacing:-1.5px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
} 
.sub_title_line{display:none;}
#mob_menu{display:block;position: absolute; left: 10px; top: 20px;}
#menu{display:none;width:80%;height:auto;background:none;overflow:visible;position: absolute;left: 10px; top: 55px;z-index:9001;}
#menu > ul{ 
width:100%;
height:auto;
position:absolute;margin-left:0;left:0;
}
#menu > ul > li{ 
width:100%;
float:none;
position:relative;
border-right:0;
padding-top:0;
padding-bottom:0;
}
#menu > ul > li > a{ 
text-align:left;
background:#505050 url('../img/youlbit/menu_arrow.png') no-repeat 98% center;
border-bottom:1px solid #7C7C7C; 
padding-left:15px;
color:#FFFFFF;
}
#menu > ul > li > a.on{
color:#FFFFFF;
background:#373737 url('../img/youlbit/menu_arrow_on.png') no-repeat 98% center;
} 
#menu ul li ul li a{ 
text-align:left;
padding: 15px 10px;
color: #555555;
}
#menu ul li ul li a:hover{ 
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 > ul > li > a.mob{display:block;}
#menu > ul > li > a.pc{display:none;} 
#foot_company{width:50%;margin-right:0;}
#foot_customer{width:50%;margin-right: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=addr]{width:250px;}
.member_txt input[name=addr2]{width:250px;}
.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;
}
#head_title{top:100px;width:330px;left:50%;margin-left:-165px;}
.head_1{
font-size:20px;
}
.head_2{
font-size:50px;
} 
}
@media screen and (max-width: 959px) {
#sub_container #head_title{display:none;}
#foot_company{width:90%;margin-left:20px;}
#foot_customer{width:90%;margin-left:20px;}
#sns_bottom{margin-left:20px;}
div#login_pension{margin:20px auto;width:83%;float:none;}
div#login_pension2{margin:20px auto;width:83%;float:none;}
}
@media screen and (max-width: 768px) {
#gnb{position: absolute; right: 10px; top: 5px;z-index:9999;}
#gnb ul li{display:block;} 
#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:600px;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;}
#pension_board_output .board_output_imgs{width:100%;height:80px;}
#notice{width:100%;float:none;margin-top:35px;}
#main_special{width:100%;float:none;margin-top:35px;}
#main_photo_galley{width:100%;float:none;margin-top:35px;}
#photo_board_output .board_output_gallery_img{width:20%;}
#photo_board_output .board_output_imgs{width:100%;height:100px;}
#copy{text-align:left;} 
#head_title{top:100px;width:350px;left:50%;margin-left:-175px;}
.head_1{
font-size:15px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 639px) {
#head_title{top:50px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:13px;
}
.head_2{
font-size:30px;
}
}
@media screen and (max-width: 520px) {
#contentsArea #title_bg{max-width:500px;height:auto;position:relative;margin:0 auto 20px;background:none;}
#contentsArea #title{ 
width:100%;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-size:35px;
background: url("../img/youlbit/sub_title_bg1.gif") no-repeat center top;
}
#contentsArea #left_menu ul li{ 
display:inline-block;
width:auto;
}
#contentsArea #left_menu a{ 
padding: 5px 10px;
}
}
@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=addr]{width:170px;}
.member_txt input[name=addr2]{width:170px;}
.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;}
div#login_pension input[type=text]{width:100px;}
div#login_pension input[type=password]{width:100px;}
div#login_pension2 input[type=text]{width:100px;}
div#login_pension2 input[type=password]{width:100px;}
#join_check_tbl input[type=text]{width:110px;}
#order_form input[type="text"]{width:100px;}
input#orderPerson{width:100px;}
#photo_board_output .board_output_imgs{width:100%;height:50px;}
#head_title{top:30px;width:200px;left:50%;margin-left:-100px;}
.head_1{
font-size:11px;
}
.head_2{
font-size:27px;
border:none;
}
}
@media screen and (max-width: 360px) {
#logo{text-align:center;height:auto;}
#logo img{width:80%; height:80%;} 
#menu ul li ul li{ 
display:block;
background:url('../img/youlbit/col_line2.gif') repeat-x left bottom;
}
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) {

}