@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
*{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:1px solid #C4C4C4}
textarea#border {font-size:12px;font-family:µ¸¿ò;color:#666666;border:1px solid #C4C4C4}
select {color:#333333;font-size:12px;font-family:±¼¸²,µ¸¿ò}
.sub_txt {color:#000000;background:#f7f7f7}
a:link{color:#333333;font-size:12px;font-family:±¼¸²,µ¸¿ò;text-decoration:none}
a:visited{color:#333333;font-size:12px;font-family:±¼¸²,µ¸¿ò;text-decoration:none}
a:hover{color:#333333;font-size:12px;font-family:±¼¸²,µ¸¿ò;text-decoration:none}
.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:5px solid #E7E3E7}
.img2 {border:1px solid #CECFCE;width:159px;height:130px;margin:6px 0 6px 0;text-align:center;text-valign:middle}
.moni {color:#FF6F72}
.news {color:#333333;font-family:µ¸¿ò,±¼¸²;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:link{color:#333333;font-family:µ¸¿ò,±¼¸²;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:visited{color:#333333;font-family:µ¸¿ò,±¼¸²;font-size:12px;letter-spacing:-1px;text-decoration:none}
.news a:hover{color:#FF6F72;font-family:µ¸¿ò,±¼¸²;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-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 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-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 {color:#ffffff;text-align:center;background:#4C4C4C;font-weight:bold}
#app_td1 td {color:#ffffff}
.app_td1 {background:#5D9849;font-weight:bold;color:#ffffff}
.app_td2 {text-align:center;background:#F3F1EA;font-weight:bold;padding: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*/
.view_img {border:1px solid #97BE88;padding:5px;background:#ffffff}
.view_tle {font-size:14px;font-family:µ¸¿ò;letter-spacing:-1px;font-weight:bold;color:#49A100;padding:5px 0 0 40px}
.view_content {width:444px;color:#777777;font-family:µ¸¿ò;font-size:12px}
.view_tle2 {font-size:14px;font-family:µ¸¿ò;letter-spacing:-1px;font-weight:bold;color:#49A100;padding:5px 0 0 0}
.view_content2 {width:444px;color:#777777;font-family:µ¸¿ò;font-size:12px;padding:5px 0 0 2px}
.preview_tle_01 {font-size:13px;font-family:µ¸¿ò;letter-spacing:-1px;padding:5px 0 0 30px;font-weight:bold;color:#555555;background:url('../img/youlbit/room_title_bg.gif') no-repeat left center;}
.preview_content_01 {padding:10px 30px 0 30px;color:#555555;font-size:12px;font-family:µ¸¿ò;vertical-align:top;}
.viewer_tle_01 {font-family:µ¸¿ò;font-weight:bold;font-size:14px;color:#333333;letter-spacing:-1px;padding:12px 0 0 24px;height:51px}
.viewer_img_01 {margin-left:32px;border:1px solid #B1BF82;width:640px;height:330px}
.footer {color:#FFFFFF;font-family:µ¸¿ò;font-size:10px}
.footer a:link {color:#FFFFFF;text-decoration:none;font-family:µ¸¿ò;font-size:12px}
.footer a:visited{color:#FFFFFF;text-decoration:none;font-family:µ¸¿ò;font-size:12px}
.footer a:hover{color:#FFFFFF;text-decoration:none;font-family:µ¸¿ò;font-size:12px}
BODY {  SCROLLBAR-FACE-color: #cfcfcf; SCROLLBAR-SHADOW-color: #595959; SCROLLBAR-3DLIGHT-color: #595959; SCROLLBAR-ARROW-color: #ffffff;       SCROLLBAR-DARKSHADOW-color: #ffffff;    SCROLLBAR-BASE-color: #cfcfcf;
text-align:center; margin: 0; padding: 0;}
ol, ul, 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% ; 
}
#body_id{background:url('../img/youlbit/top_line.jpg') repeat-x center top;}
#wrap{width:100%;text-align:left; margin: 0 auto;}
#top_container{width:990px;margin:0 auto;position:relative; height:82px;background:#ADDEDA url('../img/youlbit/top_bg.jpg') no-repeat center bottom;}
#logo{width:209px;height:90px;margin:0 auto;}
#logo_bg{width:100px;height:100px;position: absolute; left: 335px; top: 25px;background:url('../img/youlbit/logo_icon.png') no-repeat center center;}
#main_top{width:990px; height:165px;margin:0 auto;position: relative;}
#main_container{width:990px;height:420px;margin:0 auto;}
#main_body{width:970px;height:205px;margin:52px auto 80px;position: relative;}
#left{float:left;width:172px;}
#center{float:left;width:403px;margin-left:53px;}
#right{float:right;width:294px;}
#main_p4{float:left;margin-right:17px;}
#main_p5{float:left;}
#main_pension_gallery{float:left;width:219px;}
#main_gallery{float:left;width:294px;margin-bottom:35px;}
#phone{margin-top:21px;}
#notice{width:294px;}
#sub_container{width:990px;margin:0 auto 30px;position: relative;background:#FFFFFF;}
#sub_left{position:absolute;width:215px;margin-left:20px;background:url('../img/youlbit/left_bg.gif') no-repeat right top;}
#menu{clear:both;width:990px;margin:45px auto 0;position: relative;height:57px;}
#menu > ul{}
#menu #submenu_1{ 
 width:400px;  
 display: none;
 position: absolute;
 left: 40px;
 top: 32px;
 z-index:9001;
}
#menu #submenu_2{
 width:200px;   
 display: none;
 position: absolute;
 left: 220px;
 top: 32px;
 z-index:9002;
}
#menu #submenu_3{
 width:200px;   
 display: none;
 position: absolute;
 left: 365px;
 top: 32px;
 z-index:9003;
}
#menu #submenu_4{
 width:200px;
 display: none;
 position: absolute;
 left: 540px;
 top: 32px;
 z-index:9004;
}
#menu #submenu_5{
 width:200px;  
 display: none;
 position: absolute;
 left: 710px;
 top: 32px;
 z-index:9005;
}
#menu #submenu_6{
 width:300px;  
 display: none;
 position: absolute;
 left: 690px;
 top: 32px;
 z-index:9006;
}
#menu > ul > li{ 
 width:164px;
 margin-right:1px;
 float:left;
 padding-bottom:15px;
}
#menu > ul > li > a{ 
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
 font-size:13px;
 font-weight:bold;
 text-align:center;
 padding: 7px 0;
 color: #FFFFFF;
 display: block;
 text-decoration: none;
 background: #9CD8CA;
}
#menu > ul > li > a:hover{ 
 background: #FFD578;
 color: #fff;
}
#menu > ul > li > a.on{ 
 background: #FFD578;
 color: #fff;
}
#menu ul li ul li a{
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
 font-size:11px;
 font-weight:bold;
 text-align:center;
 color: #9CD8CA;
 display: block;
 text-decoration: none;  
 padding: 5px 10px;   
  }
#menu ul li ul li a:hover{ 
 text-decoration: none;
  color: #FFB820;
}
#menu ul li ul li{ 
 border-left: 1px solid #E9F0EF; 
 float:left;
}
#menu ul li ul li.first{
  border-left: 0;
}
#menu ul li#menu_6{width:165px;margin-right:0;}
#ban1, #ban2{position: absolute;left:0; top: 0;}
#main_left{width:165px;position: absolute;left:45px; top: 20px;}
#main_right{width:132px;position:absolute;right:50px; top: 30px;}
#main_center{width:496px; height:164px;margin:0 auto;position:relative;}
#main_preview_bg{width:990px;height:420px;background:#EBEBEB;position:relative;clear:both;margin-bottom:6px;}
#photo_area{width:966px;height:396px;position:absolute;top:12px;left:12px;}
 .photo_canvas{
  top:0;left:0;
  overflow:hidden;
  position:relative;
  width:100%;
  height:396px;  
 }
 .slider_panel{
  width:5796px;
  position:absolute;
 }
 .slider_image{
  float:left;  
 }
 .control_panel{
  position:absolute;
  top:360px;
  left:480px;
  height:13px;
  overflow:hidden;
 }
 .control_btn{
  width:12px;
  height:46px;
  position:relative;
  float:left;cursor:pointer;
  background:url('../img/youlbit/control_btn.png');
 }
 .control_btn:hover{
  top:-16px;
 }
 .control_btn.active{
  top:-31px;
 }
 .direct_btn{
  width:90%;
  position:absolute;
  top:150px;left:50px;
 }
 .left_btn{float:left;width:60px;height:100px;cursor:pointer;}
 .right_btn{float:right;width:60px;height:100px; cursor:pointer;}
#text_area{float:left;}
 .text_canvas{
  overflow:hidden;
  position:relative;
  width:496px;
  height:164px;  
 }
 .text_slider_panel{
  width:1984px;
  position:absolute;
 }
 .text_slider_image{
  float:left;  
 }
#sub_phone{margin-top:50px;}
#gnb{position: absolute; right: 10px; top: 100px;}
#gnb ul li{float: left;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: #A8D9CD;
 display: block;
 text-decoration: none;  
}
#gnb ul li a:hover{
 color: #82C2B2;
}
#footer{width:100%;height:173px;clear:both;position: relative;padding-top:20px;background:#ADDEDA url('../img/youlbit/bottom_line.jpg') repeat-x center top;}
#bottom{width:990px;border-top:1px solid #E7F5F4;margin:20px auto 0;}
#bottom ul{width:423px;margin:0 auto;}
#bottom ul li{float: left;}
#copy{width:990px;height:109px;margin:0 auto;clear:both;border-top:1px solid #E7F5F4;text-align:center;}
#sub_body{width:740px;margin-left:240px;padding-top:15px;}
#contentsArea{ 
    padding-left:20px;
 padding-right:20px;
 background:#FFFFFF; 
 }
#left_menu{width:180px;margin-top:25px;}
#left_menu ul li{
    margin-bottom:1px; 
    width:150px;
    height:25px;
 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: 6px;
 padding-bottom:6px;
 padding-left:20px;
 color: #A0A0A0;
 display: block;
 text-decoration: none;
 background: url('../img/youlbit/left_bg_off.gif') no-repeat left center; 
 border-bottom:1px solid #E2E2E2;
}
#left_menu a:hover{
 color: #7DC6C0;
 background: url('../img/youlbit/left_bg_on.gif') no-repeat left center; 
}
#left_menu a.on{
 color: #7DC6C0;
 background: url('../img/youlbit/left_bg_on.gif') no-repeat left center; 
}
#left_menu ul li.first_menu{margin-top:10px;}
#title{position:relative;height:20px;top:15px;clear:both;border-bottom:1px solid #E5E5E5;}
.bull{padding-left:10px;background:url('../img/youlbit/title_bull.gif') no-repeat left top;}
#h_icon{}
.loc {
position: absolute;
right: 10px;
top: 3px;
 width:300px;
 text-align:right; 
 font-size: 11px;
 font-family:µ¸¿ò;gulim;verdana ; 
 line-height: 12pt;
 letter-spacing: 0;
 color:#939393; 
}
.cont { 
 width:700px;
 min-height:350px;
 margin-top:25px;
 margin-left:5px;
 font-size:12px;color:#333333;
 margin-bottom:30px;
}
caption {
    display: none;
 }
.bold{font-weight:bold;}
div.cont p{;margin-top:20px; margin-bottom:15px;}
div.cont p.sub_body_title{text-align:center;font-family:µ¸¿ò;font-size:17px;font-weight:bold;color:#333333;margin-top:20px; margin-bottom:15px;}
.step1{padding-left:10px;}
.step2{padding-left:20px;}
.orange{color:#F78D1E;}
.green{color:#669900;}
.loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;}
.expl{margin-top:15px; margin-bottom:40px;}
.eng{font-family: 'helvetica','Open Sans',arial,sans-serif;}
address{font-style:normal;line-height: 150%;}
address strong{font-weight:bold;}
.eng_num{letter-spacing:0;}
cite{font-family:"arial","µ¸¿ò";
 font-style:normal;
 line-height:150%;
 }
.main_title{
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
 padding-bottom:10px;
 font-size:12px;
 font-weight:bold;
 color: #939393; 
}
.left_title{
 display:block;
 width:180px;
 padding:10px 0;
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
 font-size:13px;
 font-weight:bold;
 color: #FFFFFF; 
 background:#C3C3C3;
 text-align:center;
}