@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(../img/youlbit/swf/css/base.css);
* {padding:0;margin:0;}
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:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;font-size:14px;font-weight:400;}
body,th,td,textarea{ line-height:14px;}
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;vertical-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:#E7E7E7;}
#wrap_bg{width:100%;max-width:1250px; text-align:left; margin: 30px auto;padding-top:30px;padding-bottom:20px;background:#FFFFFF;}
#wrap{width:100%;max-width:1120px; text-align:left; margin: 0 auto;}
#top_container{width:100%;position: relative;margin: 0 auto;}
#logo{width:227px; height:110px;margin:20px auto 30px;}
#main_container{margin-top:35px;clear:both;overflow:hidden;}
#footer{clear:both;}
#mob_menu{display:none;cursor:pointer;}
#menu{clear:both;position:relative;width:100%;max-width:1120px;height:35px;z-index:9001; margin:0 auto;border-bottom:1px solid #CFCFCF;}
#menu > ul{ 
 position:relative;
 margin:0 auto;
 height:35px;
 text-align:center;
}
#menu > ul > li{ 
 position: relative;
 display:inline-block; 
 }
#menu > ul > li > a{ 
 font-family: 'Lato', sans-serif,"µ¸¿ò", Dotum, "±¼¸²";
 font-size:11px;
 text-align:center;
 padding: 8px 30px;
 color:#B7B7B7;
 display: block;
 text-decoration: none; 
 letter-spacing:1px;
 font-weight:bold;
}
#menu > ul > li > a.on{
  color:#171717;
}
#menu > ul > li span.off{ 
  display: none; 
 }
#menu > ul > li span.on{ 
  display: block;
  width:100%;
  text-align:center;
  position: absolute;bottom:-20px;
 }
a i.fa{color:#BCBCBC;}
a:hover i.fa{color:#888888;}
#menu a i.fa{font-size:14px;color:#B7B7B7;color: rgba(0, 0, 0, 0.3);margin-right:5px;}
#menu a:hover i.fa{color:#333333;}
#gnb{position: absolute; right: 55px; top: 40px;}
#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: 5px 10px;
 color: #D3D3D3;
 display: block;
 text-decoration: none;  
 background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
 color: #BABABA;
}
#footer{clear:both;width:100%;line-height:150%;}
#bottom{width:100%;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;}
#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:#A1A1A1;
  display: block;
  padding: 8px 8px;  
  }
#bottom2{
  width:100%;
  color:#A1A1A1;
  font-size:11px;
  font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  letter-spacing:-0.05em;  
  clear:both;
  padding:20px 0;
  border-top:1px solid #CFCFCF;
   }
#bottom_info{width:100%;max-width:900px;margin:0 auto;overflow:hidden;}


#foot_company{}


#copy{
 clear:both;
 color: #B5B5B5;
 font-size:11px;
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 letter-spacing:-0.05em;
 text-align:center;
 }
#sub_body{width:100%;max-width:1120px;margin: 0 auto 30px;overflow:hidden;}
#contentsArea{
    width:100%;max-width:950px;margin: 0 auto;position:relative;
 }
#title{display:none;}
.bull{padding-left:15px;background:url('../img/youlbit/title_bull.gif') no-repeat left 3px;}
#h_icon{}
.left_align{float: left;}
.cont { 
 width:95%;
 margin: 60px auto 30px;
 font-size:12px;color:#333333;
}
article#sub_contents{width:95%;margin:50px auto 30px;}
article#sub_contents p{font-size:14px;color:#676767;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;line-height:1.75em;letter-spacing:-0.05em;}
article#sub_contents figure.img_left{width:35%;float:left;margin-right:10px;}
article#sub_contents figure.img_right{width:45%;float:right;margin-left:10px;}
article#sub_contents figure.img_center{width:100%;}
article#sub_contents figure img{width:100%;}
article#sub_contents h2{
  color:#5F5F5F;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:20px;
  font-weight:500;
  margin-top: 5px;
  margin-bottom:25px;
  letter-spacing:-0.05em;
  line-height:120%;
 }
#location p{
 font-size:11px;
 color:#858585;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:0 0 10px 20px;
}
.contact_address i{float:left;padding-top:5px;}
.contact_phone i{float:left;padding-top:5px;}
.contact_time i{float:left;padding-top:5px;}
.cont .s_body{width:80%;max-width:700px;margin:0 auto;}
.center{text-align:center;}
caption {
    display: none;
}
#img_list{
}
#gallery{clear:both;padding-top:17px;}
.bold{font-weight:bold;}
.orange{color:#F78D1E;}
.green{color:#669900;}
.loc_title{border-bottom:1px solid #DED9C7;padding-top:15px;}
.expl{margin-top:15px; margin-bottom:40px;}
.med_title{	
	font-size:15px;
    font-weight:bold;	
	 letter-spacing:-0.075em;
	 line-height:250%;
  }
.main_title{
 font-family: 'Lato', sans-serif,"µ¸¿ò", Dotum, "±¼¸²";
 font-size:11px;
 color:#FFF;
 line-height:120%;
 letter-spacing:1.5em;
 font-weight:bold;
}
@media screen and (max-width: 991px) {
  #body_id{background:#FFFFFF;}
  #wrap_bg{margin: 0 auto;padding-top:0;padding-bottom:0;background:#FFFFFF;}
  #wrap{width:100%;max-width:990px;}
  #gnb{max-width:200px;position: absolute; left:0; top:50px;}
  #gnb ul{text-align:left;}
  #logo{margin:15px auto;}
  #main_container{margin-top:0;}
  #mob_menu{display:block;position: absolute; right: 10px; top: 40px;z-index:9002;}
  #menu{display:none;width:70%;height:auto;background:none;overflow:auto;position: fixed;right:0; top:70px;z-index:9001;background:#505050;}
  #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;
  }
  #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 span.on{ 
  display: none; 
 }
 #menu a i.fa{font-size:14px;color:#FFFFFF;color: rgba(255, 255, 255, 0.7);margin-right:5px;}
 #menu a:hover i.fa{color:#FFFFFF;}


   td.att_title {min-width:45px;}
     .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;}
  .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;
   }
    #title{display:block;position:relative;margin-top:30px;padding:5px;clear:both;text-align:center;background:#555;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;}
}
@media screen and (max-width: 959px) {


}
@media screen and (max-width: 768px) {


}
@media screen and (max-width: 520px) {
    .center img{width:100%;height:auto;}
}
@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;} 
}
@media screen and (max-width: 360px) {  
 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) {
 
}