* {padding:0;margin:0;}
html, body { width: 100%; height: 100%; }
img {border:0}
img, a{border:0;selector-dummy:expression(this.hideFocus=true);}
body,th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
body,th,td,textarea{ line-height:25px;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;}
address,em{ font-style:normal;}
button{ border:none;background:none;cursor:pointer;}
hr,legend{ display:none;}
p,h1,h2,h3,h4,h5,h6,form,input,ul,li,dl,dt,dd {margin:0;padding:0;}
a img {vertical-align:top;}
a:link{font-size:12px;color:#787878;text-decoration:none;}
a:visited{font-size:12px;color:#787878;text-decoration:none;}
a:hover{font-size:12px;color:#787878;text-decoration:none;}
#content_wrap_main{
width:370px;height:570px;padding:38px 0 0 600px;position:relative;
text-align:left;margin:0 auto;
}
#footer_wrap{width:100%;height:85px;position:relative;}
.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}
#topmenu{width:970px;height:85px;position:relative;text-align:left;margin:0 auto;}
#topmenu h1{position:absolute;margin:29px 0 0 10px;}
#topmenu .global_menu{position:absolute;right:0;top:14px;overflow:hidden;padding-right:30px;}
#topmenu .global_menu a{padding:0 3px 0 6px;margin-left:-1px;}
#topmenu .main_menu{position:absolute;left:214px;top:29px;verticam1sm1l-align:top;padding:5px 0 0 29px;width:727px;height:56px;}
#topmenu .main_menu a{display:inline-block;vertical-align:top;}
#topmenu .main_menu .fst{width:139px;}
#topmenu .main_menu .snd{width:186px;}
#topmenu .main_menu .trd{width:135px;}
#topmenu .main_menu .fth{width:143px;}
#topmenu .main_menu .last{width:74px;}
#topmenu .sub_menu{position:absolute;top:60px;left:244px;height:22px;padding:0 11px 0 0;background:#2ba7dc;}
#topmenu .sub_menu a{position:relative;display:inline-block;margin:5px 0 0 0;padding:0 0 0 9px;vertical-align:top;}
#topmenu .company{top:60px;left:244px;}
#topmenu .business{top:60px;left:384px;}
#topmenu .products{top:60px;left:562px;}
#topmenu .customer{top:60px;left:697px;}
#topmenu .recruit{top:60px;left:765px;}
.main_banner{width:360px;height:78px;margin:27px 0 0 0;}
.module_link{width:360px;height:131px;padding:18px 0 0 0;margin:26px 0 0 0;}
.module_link ul {list-style:none; padding:0 0 0 17px;}
.module_link ul li {float:left;width:85px;text-align:center;}
.content_footer {vertical-align:top;}
.content_footer .footer_logo{position:relative;top:18px;}
.content_footer .personal_link{position:relative;top:-22px;left:149px;}
.content_footer .address{position:relative;top:-11px;left:149px;}
.content_footer .family_site{position:absolute;right:0;margin:-55px 0 0 0;}
.content_footer .famliy_site_link{position:absolute;right:0;margin:-33px 0 0 0;width:126px;border:1px solid #efefef;}
.content_footer .famliy_site_link a{display:inline-block;width:126px;text-decoration:none}
.content_footer .famliy_site_link a:hover{background:#efefef;}
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-color:#5ac7c7}
#wrap{width:1170px;height:100%;text-align:left; margin: 0 auto;position: relative;}
#left{width:200px;min-height:900px;float:left; position: relative; background:#21262c;}
#right{width:168px;min-height:900px;float:left; position: relative; background:#525252;}
#main_container{width:790px;min-height:900px;background-color:#ffffff;float:left; position: relative;}
#logo{width:200px;height:94px;margin-bottom:20px}
#menu{ position: relative; clear:both;width:166px;height:280px;margin:65px auto 40px 15px;}
#menu > ul{   
 position: absolute;
}
#menu li.mainmenu{
 position: relative; 
 width:190px;
 margin-bottom:10px;
}
#menu .mainmenu a{ 
 display: block;
 }
#menu li.mainmenu  a  span{
 margin-left:-10000px;
 color:#FFFFFF;
 font-size:0;
 line-height:0;
 width:1px;
 height:1px;
 overflow:hidden;
 visibility:hidden;
 
}
#menu ul.submenu{ 
 position: absolute;
 width:125px;
 height:25px;
 top:5px;
 left:185px;
 display:none; 
 z-index:99999;
 
}
#menu ul.submenu li{ 
 margin-bottom:0px;
}
#menu #sub6{ 
 position: absolute; 
 top:0px;
 left:185px; 
}
#menu ul.submenu a{  
 display: block; 
}
#menu  a#m1{height:33px;background: url("../img/youlbit/m1.gif") no-repeat center center; }
#menu  a#m1.on{height:33px;background: url("../img/youlbit/m1_2.gif") no-repeat center center; }
#menu  a#m1sm1 {background: url("../img/youlbit/m1sm1.gif") no-repeat center center; }
#menu  a#m1sm1.on {background: url("../img/youlbit/m1sm1_2.gif") no-repeat center center; }
#menu  a#m1sm2 {background: url("../img/youlbit/m1sm2.gif") no-repeat center center; }
#menu  a#m1sm2.on {background: url("../img/youlbit/m1sm2_2.gif") no-repeat center center; }
#menu  a#m1sm3 {background: url("../img/youlbit/m1sm3.gif") no-repeat center center; }
#menu  a#m1sm3.on {background: url("../img/youlbit/m1sm3_2.gif") no-repeat center center; }
#menu  a#m1sm4 {background: url("../img/youlbit/m1sm4.gif") no-repeat center center; }
#menu  a#m1sm4.on {background: url("../img/youlbit/m1sm4_2.gif") no-repeat center center; }
#menu  a#m1sm5 {background: url("../img/youlbit/m1sm5.gif") no-repeat center center; }
#menu  a#m1sm5.on {background: url("../img/youlbit/m1sm5_2.gif") no-repeat center center; }
#menu  a#m2{height:33px;background: url("../img/youlbit/m2.gif") no-repeat center center; }
#menu  a#m2.on{height:33px;background: url("../img/youlbit/m2_2.gif") no-repeat center center; }
#menu  a#m2sm1 {background: url("../img/youlbit/m2sm1.gif") no-repeat center center; }
#menu  a#m2sm1.on {background: url("../img/youlbit/m2sm1_2.gif") no-repeat center center; }
#menu  a#m3{height:33px;background: url("../img/youlbit/m3.gif") no-repeat center center; }
#menu  a#m3.on{height:33px;background: url("../img/youlbit/m3_2.gif") no-repeat center center; }
#menu  a#m3sm1 {background: url("../img/youlbit/m3sm1.gif") no-repeat center center; }
#menu  a#m3sm1.on {background: url("../img/youlbit/m3sm1_2.gif") no-repeat center center; }
#menu  a#m4{height:33px;background: url("../img/youlbit/m4.gif") no-repeat center center; }
#menu  a#m4.on{height:33px;background: url("../img/youlbit/m4_2.gif") no-repeat center center; }
#menu  a#m4sm1 {background: url("../img/youlbit/m4sm1.gif") no-repeat center center; }
#menu  a#m4sm1.on {background: url("../img/youlbit/m4sm1_2.gif") no-repeat center center; }
#menu  a#m5{height:33px;background: url("../img/youlbit/m5.gif") no-repeat center center; }
#menu  a#m5.on{height:33px;background: url("../img/youlbit/m5_2.gif") no-repeat center center; }
#menu  a#m5sm1 {background: url("../img/youlbit/m5sm1.gif") no-repeat center center; }
#menu  a#m5sm1.on {background: url("../img/youlbit/m5sm1_2.gif") no-repeat center center; }
#menu  a#m6{height:33px;background: url("../img/youlbit/m6.gif") no-repeat center center; }
#menu  a#m6.on{height:33px;background: url("../img/youlbit/m6_2.gif") no-repeat center center; }
#menu  a#m6sm1 {background: url("../img/youlbit/m6sm1.gif") no-repeat center center; }
#menu  a#m6sm1.on {background: url("../img/youlbit/m6sm1_2.gif") no-repeat center center; }
#menu  a#m6sm2 {background: url("../img/youlbit/m6sm2.gif") no-repeat center center; }
#menu  a#m6sm2.on {background: url("../img/youlbit/m6sm2_2.gif") no-repeat center center; }
#menu  a#m6sm3 {background: url("../img/youlbit/m6sm3.gif") no-repeat center center; }
#menu  a#m6sm3.on {background: url("../img/youlbit/m6sm3_2.gif") no-repeat center center; }

#left_sub_bg{background:#01a4b3;position:absolute;width:10px;min-height:900px;left:200px;top:0;z-index:9999;}

#photo_area{width:730px; height:325px;position: relative;margin:0 auto;padding-left:10px;}
 .photo_canvas{
  overflow:hidden;
  position:relative;
  width:730px;
  height:325px;  
 }
 .slider_panel{
  width:4380px;
  position:absolute;
 }
 .slider_image{
  float:left;  
 }
 .control_panel{
  position:absolute;
  top:300px;
  left:350px;
  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:110px;left:40px;
 }
 .left_btn{float:left;width:60px;height:100px;cursor:pointer;}
 .right_btn{float:right;width:60px;height:100px; cursor:pointer;}
#main_body{clear:both;width:100%;margin:50px auto;}
#col1{width:220px;float:left;margin-left:35px;}
#col2{width:220px;float:left;margin-left:30px;}
#col3{width:255px;float:left;margin-left:15px;}
#notice{margin-top:5px;}
#main_phone{width:166px; height:170px;margin:0 auto;padding-top:30px;}
#main_gallery{margin-top:5px;margin-bottom:40px;}
#main_product{margin-top:5px;margin-bottom:40px;}
.main_bnn{padding-top:12px;}
#main_top{width:730px;height:234px;margin:0px auto 15px auto;padding-left:10px;}
#main_head{width:427px;height:132px;margin:53px auto 20px auto;}
#sub_head{width:550px;height:210px;margin-left:50px;}
#main_ban{margin-top:30px;margin-bottom:50px;}
#sub_ban{width:180px; height:185px;margin:0 auto 50px auto;}
#right_ban{}
#gnb{position: absolute; right: 30px; top: 5px;}
#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: #9F9F9F;
 display: block;
 text-decoration: none;  
}
#gnb ul li a:hover{
 color: #BEBEBE;
}
.more{float:right;}
#footer{clear:both;position: relative;margin-top:40px;}
#bottom{width:703px;height:25px;background-color:#5D4F44;margin: 0 auto;}
#bottom ul{margin: 0 auto;width:427px;height:25px;}
#bottom ul li{float: left;}
#copy{clear:both;width:782px;height:336px;text-align:center;margin:0 auto;padding:30px 0 0 10px;}
#mcopy{clear:both;width:782px;height:119px;text-align:center;margin:0 auto;padding:30px 0 0 10px;}



#contentsArea{
    width:680px;
 margin:0 auto;
 }
#left_menu{width:116px;position:absolute;right:35px;top:60px;}
#left_menu ul li{
    margin-bottom:1px;
    width:116px;
    height:25px;
   }
#left_menu a{
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 padding-bottom:2px;
 padding-left:23px;
 color: #A2A2A2;
 display: block;
 text-decoration: none;
 background: url('../img/youlbit/left_bg_off.gif') no-repeat left bottom; 
}
#left_menu a:hover{
 color: #545454;
 background: url('../img/youlbit/left_bg_on.gif') no-repeat left bottom; 
}
#left_menu a.on{
 color: #545454;
 background: url('../img/youlbit/left_bg_on.gif') no-repeat left bottom; 
}
.first_menu{margin-top:5px;}
#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:#878787; 
}
.cont { 
 width:680px;
 margin-top:0px;
 margin-left:0x;
 font-size:12px;color:333333;
 margin-bottom:30px;
}
caption {
    display: none;
}
#img_list{
}
#gallery{clear:both;padding-top:17px;}
.bold{font-weight:bold;}
div.cont p{;margin-top:20px; margin-bottom:15px;}
div.cont p.sub_body_title{text-align:center;font-family:µ¸¿ò;font-size:17px;font-weight:bold;color:#333333;margin-top:20px; margin-bottom:15px;}
.step1{padding-left:10px;}
.step2{padding-left:20px;}
.orange{color:#F78D1E;}
.green{color:#669900;}
.loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;}
.expl{margin-top:15px; margin-bottom:40px;}
.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:'³ª´®°íµñ', NanumGothic, 'Nanum Gothic', sans-serif; 
 padding-bottom:10px;
 font-size:16px;
 line-height:180%;
 font-weight:bold;
 color: #333333; 
}
.main_bottom_title{
 font-family:arial,verdana,helvetica,sans-serif;
 padding-bottom:5px;
 display:block; 
 font-size:12px;
 font-weight:bold;
 color: #333333;
}
.left_title{
 display:block;
 padding:2px 0;
 font-family:arial,verdana,helvetica,sans-serif;
 font-size:12px;
 font-weight:bold;
 color: #F3F3F3; 
 background:#8B8B8B;
 text-align:center;
}