@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);}
th,td,textarea,h1,h2,h3,h4,h5,h6 {font-family:dotum;font-size:12px;}
th,td,textarea{ line-height:120%;}
img,fieldset{ border:0;}
li{ list-style:none;}
select,input{ font-family:verdana;color:#000000;font-size:1.00em;line-height:150%;}
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;}
 #menu1 {float:left;position:relative;margin-left:33px; height:62px;}/*»ó´Ü 1depth ¸Þ´º*/
  #menu1 img {cursor:pointer}
  #m1 ,m2 ,m3 ,m4 ,m5 ,m6
  {margin-top:1px}
  #sm1,  #sm3 ,#sm4 ,#sm5 ,#sm6 ,#sm7{background:url(../img/main/smOffBg.gif) repeat-x;height:21px}
  #sm1 div, #sm2 div, #sm3 div  ,#sm4 div  ,#sm5 div  ,#sm6 div  ,#sm7 div
   {position:relative;float:left;}
  #sm1 .on ,#sm2 .on ,#sm3 .on ,#sm4 .on ,#sm5 .on ,#sm6 .on ,#sm7 .on
   {background:url(../img/main/smOnBg.gif) repeat-x;height:21px;font-size:12px;font-family:µ¸¿ò;color:#FF6600;font-weight:bold;padding:4px 7px 0 7px;letter-spacing:-1px;cursor:pointer}
  #sm1 .off ,#sm2 .off ,#sm3 .off ,#sm4 .off ,#sm5 .off ,#sm6 .off ,#sm7 .off
   {background:url(../img/main/smOffBg.gif) repeat-x;height:21px;font-size:12px;font-family:µ¸¿ò;color:#FFFFFF;font-weight:bold;padding:4px 7px 0 7px;letter-spacing:-1px;cursor:pointer}
  #menu_list {border-collapse:collapse}
  #menu_list .off {width:35px;background:#F2F2F2;font-size:11px;color:#999999;font-family:µ¸¿ò;cursor:pointer;padding-top:3px}
  #menu_list .on {width:35px;background:#FFFFFF;font-size:11px;color:#333333;font-family:µ¸¿ò;cursor:pointer;padding-top:3px}
  #history {float:right;color:#999999;font-size:11px;font-family:µ¸¿ò;padding:5px 4px 0 0}
 /*¸ÞÀÎ ¸Þ´º ÃßÃâ class*/
 .productMainOutput {width:450px;height:111px;background:#F2F2F2;padding:5px;color:#999999;font-family:µ¸¿ò}
 .productMainOutput .content {color:#999999;line-height:18px;padding:9px 0 0 18px;height:92px;overflow-y:hidden}
 .productMainOutput b {color:#CC3300;font-weight:bold;text-decoration:underline;font-family:µ¸¿ò;fnot-size:13px;}
 .productMainOutputNodata {width:450px;height:111px;background:#F2F2F2;color:#999999;font-family:µ¸¿ò;text-align:center;padding-top:40px}
 .cursor{cursor:pointer;}
/*¸Þ´º¼Ò°³*/
#m_range {width:590px;height:135px;margin:10px; overflow:hidden; zoom:1; }
#m_img {border:1px solid #D9D9D9;float:left;padding:2px;height:124px;}
#m_img img {border:1px solid #ffffff}
#m_cont {float:left;padding:3px 0 0 13px;line-height:18px;color:#999999; width:380px; *width:406px;}
#m_cont b {color:#CC3333;font-weight:bold;font-size:12px}
#m_cont .price {position:relative;color:FF9900;font-weight:bold}
#m_noData {width:590px;height:600px;border:1px solid #CCCCCC;text-align:center;padding-top:250px}
/*¸ÅÀåã±â*/
.sct {font-size:11px;font-family:±¼¸²;color:848484}
/*º£½ºÆ®°¡¸ÍÁ¡*/
#i_range {width:600px;height:120;margin:5px}
#i_img {width:160px;float:left}
#i_img img {border:1px solid #ffffff}
#i_cont {float:left;padding:3px 0 0 20px;line-height:18px;color:999999;width:406px}
#i_cont b {color:CC3333;font-weight:bold;font-size:14px;font-family:µ¸¿ò}
#i_cont .sbj {height:20px;width:64px;background:url(../img/main/dot_info.gif) no-repeat;font-weight:bold;color:#919090;padding-left:12px}
#i_cont .cont {color:#999999}
#view_table {width:98%;}
#view_table td{border-bottom:1px solid #ededed;}
#view_table td.sbj {width:100px;text-align:center;font-weight:bold;color:#666666;background:#F7F7F7;height:30px;padding:3px 0 0 0}
#view_table .sbj_name {color:#CC3333;font-size:14px;font-family:µ¸¿ò;padding:3px 0 0 9px;font-weight:bold}
#view_table .cont {color:#666666;padding:3px 0 0 9px}
/*â¾÷¾È³»*/
#f_range {width:100%; overflow:hidden; zoom:1;}
#f_img   {float:left;width:200px}
#f_cont  {float:left;line-height:17px;padding-left:20px;color:#999999;width:390px}
#f_sbj {color:#666666;font-weight:bold;padding:6px 0 3px 8px;width:79px;background:url(../img/main/f_bg.gif) no-repeat}
#f_content {color:#999999;padding:5px 0 3px 4px;width:302px;line-height:18px;letter-spacing:-1px;}
.f_sbj {color:#666666;font-weight:bold;padding:6px 0 3px 8px;width:79px;background:url(../img/main/f_bg.gif) no-repeat; vertical-align:top;}
.f_content {color:#999999;padding:5px 0 3px 4px;width:302px;line-height:18px;letter-spacing:-1px; vertical-align:top;}
.table_sbj1 {font-weight:bold;color:#666666;font-family:µ¸¿ò;height:29px;text-align:center;background:#f5f5f5}
.table_cont1 {text-align:center;font-size:11px;font-family:µ¸¿ò;color:#999999;line-height:16px;padding:4px;height:46px}
.table_sbj2 {width:94px;font-weight:bold;background:#F7F7F7;color:#919090;text-align:center;padding:5px 0 0 0;font-family:µ¸¿ò}
.table_cont2 {padding:3px 0 3px 4px;font-family:µ¸¿ò;height:29px;color:#999999}
.radio {margin-bottom:-2px}
.border {border:1px solid #D4D4D4}
#paging {width:100%;text-align:center;color:#B5B5B5;margin-top:14px}
#paging a:link ,a:visited{color:#5F5F5F;text-decoration:none}
#paging img {margin-bottom:-1px}
/* intro */
#wrap{padding:0;margin:0;width:100%;position:relative;text-align:center;}
#footer_wrap{width:100%;height:85px;position:relative;background:url(/default/img/main/intro_bg_footer.gif) repeat-x;}
.content_footer{width:970px;position:relative;text-align:left;margin:0 auto;}
.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;}
.clear {clear:both}
#intro {position:absolute;top:50%;left:50%;width:960px;height:500px;margin:-250px 0 0 -480px}
#intro h1 {margin:0 0 15px 0;font-size:12px}
.btn_enter {margin:20px 0 0 0;text-align:center}
.login_bg {height:495px;background:url(/default/img/main/intro_bg_001.gif) repeat-x left top;text-align:center}
.login_cont {position:relative;width:970px;height:495px;margin:0 auto;text-align:left}
.login_logo {position:absolute;top:110px;left:0}
.login_bg2 {position:absolute;top:167px;left:0;width:970px;height:328px;background:url(/default/img/main/intro_bg_002.gif) no-repeat left top}
.login_dcr_pst {position:absolute;top:53px;left:25px}
.login_ipt_pst {position:absolute;top:39px;left:430px;overflow:hidden;width:500px;height:137px;border:1px solid #a0cade;background:#fff}
.login_tle {float:left;margin:0 35px 0 0;padding:25px 0 0 34px}
.login_ipt {float:left;position:relative;width:262px;padding:25px 0 0 0}
.login_ipt_id {position:absolute;top:25px;left:0}
.login_ipt_pw {position:absolute;top:50px;left:0}
.login_ipt_txt {display:inline-block;width:58px;margin:0 0 0 5px;color:#555;font-weight:bold}
.login_ipt_txt2 {display:inline-block;width:83px;margin:0 0 0 5px;color:#555;font-weight:bold}
.ipt_ipdw {height:18px;border:1px solid #cdcdcd}
.login_btn {position:absolute;top:48px;left:195px}
.login_line {position:absolute;top:85px;left:0;width:262px;padding:12px 0 0 0;background:url(/default/img/main/intro_bg_dot.gif) repeat-x left top}
.btn_join {padding-left:12px;background:url(/default/img/main/intro_bul_001.gif) no-repeat left 3px;color:#555;font-weight:bold;font-size:12px;font-family:dotum,'µ¸¿ò','µ¸¿òü'}
.btn_idpw_sch {padding-left:12px;background:url(/default/img/main/intro_bul_002.gif) no-repeat left 3px;color:#555;font-size:12px;font-family:dotum,'µ¸¿ò','µ¸¿òü'}
.btn_join a:link, .btn_join a:visited, .btn_join a:hover, .btn_join a:active {color:#555}
.btn_idpw_sch a:link, .btn_idpw_sch a:visited, .btn_idpw_sch a:hover, .btn_idpw_sch a:active {color:#555}
.adult_wrap {position:absolute;top:50%;left:50%;width:780px;height:393px;margin:-206px 0 0 -390px}
.adt_info {margin:0 0 17px 0}
.adt_info span {display:inline-block;margin:44px 0 0 20px;color:#010101;font-weight:bold;font-size:14px;font-family:gulim,'±¼¸²','±¼¸²Ã¼';vertical-align:top;line-height:22px}
.adt_box {margin:19px 0 0 0 0;padding:20px;border:2px solid #d9d9d9;background:#fafafa}
.adt_lt {float:left;width:355px;margin:0 26px 0 0}
.adt_rt {float:left;width:355px;}
.adt_tle {margin:0 0 10px 0}
.adt_ipt_box {position:relative;height:165px;border:1px solid #d9d9d9;background:#fff;color:#555}
.adt_ipt_pst {position:absolute;top:25px;left:23px}
.adt_ipt_pst2 {position:absolute;top:50px;left:23px}
.adt_ipt_pst3 {position:absolute;top:48px;left:253px}
.adt_line {position:absolute;top:82px;left:15px;width:313px;padding:12px 0 0 0; border-top:1px #e6e6e6 dashed;}
.adt_txt {color:#888;font-size:11px;font-family:dotum,'µ¸¿ò','µ¸¿òü';letter-spacing:-1px}
.adt_txt input { vertical-align:middle; *margin:-4px -3px -3px -4px; _margin:-4px -3px -3px -4px; }
.adt_btn {margin:10px 0 0 0;text-align:right}
.thumbImglist {background-image:url(/default/img/main/intro_img_body_list.gif) no-repeat left 0px;}
.slideshowThumbnail {background-image:url(/default/img/main/intro_img_body_list.gif) no-repeat left 0px;}
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;}
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% ; 
}
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;background:#FFFFFF;}
#wrap{min-width:320px; width:100%; text-align:left; margin: 0 auto;position: relative;}
#top_container_bg{width:100%;height:80px;border-bottom:1px solid rgba(255, 255, 255, 0.2);background:url('../img/youlbit/menu_bg.png') repeat-x left top;position:absolute;top:0;left:0;z-index:9999;}
#top_container{position: relative;}
#logo{width:173px; height:50px;margin:20px 20px 0 20px;float:left;}
#main_container{width:100%;overflow:hidden;position: relative;}
#sub_container{width:100%;overflow:hidden;position: relative;}
#head_title{color:#fff;text-align:center;width:600px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-300px;z-index:999;}
.head_1{
 font-size:30px;
 color: rgba(255, 255, 255, 0.8);
 font-family:'Open Sans', '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:700;
 color: rgba(255, 255, 255, 1);
 font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:120%;
 text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.head_2 span{
 color: rgba(255, 255, 255, 1);
 font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
.head_3{
 margin-top:5px;
 font-size:20px;
 font-weight:500;
 color: rgba(255, 255, 255, 0.8);
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 line-height:120%;
}
.head_4{
 margin-top:5px;
 font-size:8px;
 color: rgba(255, 255, 255, 0.3);
 line-height:100%;
}
#sub_container #head_title{}
#sub_container .head_2{
 font-size:45px;
}
#main_resv_bg{width:100%;background:#333333;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:45px;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:700;
}
.main_resv h4{
 font-size:20px;
 font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif,'³ª´®¸íÁ¶', Nanum Myeongjo, '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:400;
 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: #333;
  font-size:16px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  background-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  text-align:center;
}
a.more_btn:hover{
  color: #222222;
  text-decoration:none;
}
.h_line{display:block;width:50px; height:3px; background:#F2BA11;margin:0 auto 10px;}
#main_quick{width:100%;max-width:1120px;text-align:center;margin:10px auto;padding-top:35px;padding-bottom:35px;}
#main_quick div{width:20%;display:inline-block;margin:20px;}
#main_quick h2{
 font-size:35px;
 color:#333;
 font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
 font-weight:400;
 margin:0 auto 10px;
}
#main_quick h3{
 font-size:25px;
 color:#333;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 margin:20px auto 0;
}
#main_quick p{
 font-size:15px;
 color:#858585;
 font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
}
#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:400;
 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_gallery{margin:30px auto 50px;padding-bottom:40px;background:#222222;text-align:center;}
#main_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{float:right;}
#mob_menu{display:none;cursor:pointer;}
#menu{clear:both;width:700px;position:relative;top:40px;z-index:9001;overflow:hidden;
}
#menu > ul{ 
 width:100%;
}
#menu li.mainmenu{
 position: relative;
 float:left;
 width:16.4%;
 }
#menu ul li.mainmenu_end{border:none;}
#menu .mainmenu > a{
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-weight:bold;
 font-size:15px;
 text-align:center;
 padding: 10px 0;
 color: #DEDEDE;
 display: block;
 text-decoration: none;
}
#menu li.mainmenu > a.on{
 color: #ffffff;
}
#menu ul.submenu{
 width:100%;
 display:none;
 background:#333333;
 padding-top:10px;
 padding-bottom:10px;
}
#menu ul.submenu a{ 
 font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
 font-size:11px;
 font-weight:bold;
 text-align:center;
 margin-left:1px;
 padding: 5px 0; 
 color: #CFCFCF;
 display: block;
 text-decoration: none; 
}
#menu ul.submenu a:hover{ 
  color: #ffffff;
}
#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;
  margin-left:-18px;
}
#main_photo_bg .control_panel .control_btn{
  width:12px;
  height:46px;
  position:relative;
  float:left;cursor:pointer;
  text-indent: -999em;
  background:url('../img/youlbit/control_btn.png');
 }
#main_photo_bg .control_panel .control_btn:hover{
  top:-16px;
 }
#main_photo_bg  .control_panel .control_btn.active{
  top:-31px;
 }
.direct_btn{
  width:90%;
  position:absolute;
  top:50%;left:50%;
  margin-left:-45%;
  margin-top:-50px;
 }
.left_btn{float:left;width:60px;height:100px;cursor:pointer;}
.right_btn{float:right;width:60px;height:100px; cursor:pointer;}
#sub_photo_bg{
 position: relative;
 width: 100%;
 margin:0 auto;
 overflow:hidden;
}
#sub_photo_bg ul { 
  list-style: none;
  width: 600%;
  position:relative;
}
#sub_photo_bg ul li { 
  display: block;
  float: left;
  width: 16.666666%;  
 }
 #sub_photo_bg ul li img{  
  width: 100%;
  height: auto;    
 }
#sub_photo_bg  .control_panel{
  position:absolute;
  bottom:5%;
  left:50%;
  height:13px;
  overflow:hidden;
  margin-left:-18px;
}
#sub_photo_bg .control_panel .control_btn{
  width:12px;
  height:46px;
  position:relative;
  float:left;cursor:pointer;
  text-indent: -999em;
  background:url('../img/youlbit/control_btn.png');
 }
#sub_photo_bg .control_panel .control_btn:hover{
  top:-16px;
 }
#sub_photo_bg .control_panel .control_btn.active{
  top:-31px;
 }
#sub_photo_bg .direct_btn{
  width:90%;
  position:absolute;
  top:50%;left:50%;
  margin-left:-45%;
  margin-top:-50px;
 }
#sub_photo_bg .left_btn{float:left;width:60px;height:100px;cursor:pointer;}
#sub_photo_bg .right_btn{float:right;width:60px;height:100px; cursor:pointer;}
a i.fa{color:#BBBBBB;}
a:hover i.fa{color:#888888;}
.head_icon .fa-clock-o{color:#F2BA11;}
#sns_bottom{float:left;}
#sns_bottom li{float:left;margin-right:10px;}
#gnb{position: absolute; right: 20px; top: 15px;}
#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: #BBBBBB;
 display: block;
 text-decoration: none;  
 background:url('../img/youlbit/bullet.gif') left center no-repeat;
}
#gnb ul li a:hover{
 color: #CBCBCB;
}
#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;}
#footer{clear:both;width:100%;}
#bottom{width:100%;background:#F5F5F5;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;
  background:#E8E8E8;
  clear:both;
  padding:20px 0;
   }
#bottom_info{width:100%;max-width:900px;margin:0 auto;overflow:hidden;line-height:180%;}
#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:#BDBDBD;
 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: #333;
 font-weight:700;
 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{
	font-size:16px;
	margin-top:5px;
	font-weight:500;
	}
#left_ban ul li{font-size:12px;color:#565656;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.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 #F2BA11;
    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; 
}
.left_align{float: left;}
article.cont { 
 width:95%;
 padding:5px;
 margin: 5px auto 30px;
 font-size:12px;
 color:#5C5C5C; 
 overflow:hidden;
}
.cont.com_history{text-align:left;}
.cont.s_body{max-width:600px;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; 
	color:#333333;
    letter-spacing:-0.075em;
    line-height:250%;
  }
article#sub_contents p{
	color:#5F5F5F;
	font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.8em;
	letter-spacing:-0.025em;
	margin:15px 0;
	}
article#sub_contents .row{margin-bottom:15px;overflow:hidden;}
article#sub_contents figure.img_left{width:60%;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{max-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%;
 }
  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%;
 }
article#sub_contents > ul{padding-top:20px;margin:0 auto;}
article#sub_contents .year{
  display:block;
  width:110px;
  color:#5F5F5F;
  font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
  font-size:40px; 
  letter-spacing:-0.1em;
  background:url('../img/youlbit/history/line_mid.gif') no-repeat right center;
  }
article#sub_contents ul li ul{
  background:url('../img/youlbit/history/line_bg.gif') repeat-y left top;
  margin-left:101px;
}
article#sub_contents ul li ul li{
  padding:10px;
  font-weight:400;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:15px; 
}
article#sub_contents .month{
  color:#5F5F5F;
  font-weight:500;
  font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
  font-size:15px; 
  letter-spacing:-0.1em; 
  margin-right:10px;
}
#product_board_output table{width:100%;padding:0;}
#product_board_output .board_output_gallery_img{width:33.33333%;}
#product_board_output .board_output_imgs{width:100%;height:400px;}
#post_area{line-height:180%;}
.login_box_bg{width:415px;margin:20px auto;line-height:160%;}
.login_box_top{margin-top:30px;overflow:hidden;}
.login_box_bottom{margin-top:30px;overflow:hidden;}
@media (max-width: 1401px) {	
	#product_board_output .board_output_imgs{width:100%;height:300px;} 
}
@media screen and (max-width: 1201px) {
	#product_board_output .board_output_imgs{width:100%;height:250px;}    
}
@media screen and  (max-width:1120px) {
   #product_board_output .board_output_imgs{width:100%;height:200px;}
   #sub_container .head_2{
	 font-size:40px;
  }
   #sub_container .head_3{
	font-size:18px;
  }
 #sub_container .head_4{
	 display:none;
  }
}
@media screen and  (max-width:1000px) { 
 #wrap{width:100%}
 #sub_body{width:100%;clear:both;}
 td.att_title {min-width:45px;}
 td.formmail_title_bgcolor{min-width:50px;}
}
@media screen and (max-width: 991px) {
 #top_container{width:100%;}
 #logo{float:none;position:relative;left:0;margin:0 auto 0;padding-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;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;}  
  #main_body{width:95%;} 
  #mob_menu{display:block;position: absolute; left: 10px; top: 15px;z-index:9002;}
  #menu{display:none;width:80%;height:100%;background:none;overflow-y:auto;position:fixed;left: -100%; top: 0 ;z-index:9001;background:#505050;border:1px solid #000;box-shadow: 2px 2px 10px 0 #333333, -2px -2px 10px 0 #333333;}
  #menu > ul{ 
  width:100%;
	  height:auto;
	  position:absolute;
	  margin-left:0;
	  left:0;
	  top:50px;
  }
  #menu li.mainmenu{ 
	   width:100%;
	   float:none;
	   position:relative; 
	   border-right:0;
  }
  #menu li.mainmenu > 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 li.mainmenu > a.on{    
    background:#373737 url('../img/youlbit/menu_arrow_on.png') no-repeat 98% center;
  }
   #menu ul.submenu{ 
    padding:0;
   }
  #menu ul.submenu a{ 
    text-align:left;
    padding: 15px 10px; 
    color: #555555;
   }
 #menu ul li ul li{ 
  display:inline-block;
  }
  #menu > ul > li > a.mob{display:block;}
  #menu > ul > li > a.pc{display:none;}
  #menu ul.submenu{ 
  display:none;
  position:relative;
  width:100%;
  height:auto;
  top:0; 
  border-right:none; 
  background:#F2F2F2;
 }
 #menu ul.submenu a:hover{ 
   color: #F59F25;
 }
  #main_container{margin:0 auto;overflow:hidden;}
  #sub_container{margin:0 auto;overflow:hidden;}
  #foot_company{width:50%;margin-right:0;}
  #foot_customer{width:50%;margin-right:0;}
  #main_left{float:none;width:100%;border-right:none;}
  #main_right{float:none;width:100%;margin-top:20px;}
  div#post_area img{
   width:95%;
   height:auto;
   max-width:750px;
   }
   #product_board_output .board_output_imgs{width:100%;height:150px;}   
}
@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;}
}
@media screen and (max-width: 768px) {
  #gnb{position: absolute; right: 10px; top: 5px;z-index:9999;float:none;margin-right:0;}
  #gnb ul li{display:block;}
  #head_title{width:450px;left:50%;margin-left:-225px;}
  .head_1{
		 font-size:20px;
	}
	.head_2{
		 font-size:50px;
	}
	.head_3{
		 font-size:15px;
	}
#main_quick div{width:40%;}
.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%;}
 .table_02 input[type=text]{width:95%;}
 .table_02 input[name=name]{width:60%;}
 .table_02 input[name=phone_no1]{width:15%;}
 .table_02 input[name=phone_no2]{width:20%;}
 .table_02 input[name=phone_no3]{width:20%;}
 .table_02 input[type=file]{width:95%;}
 .table_02 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;
 }
 #copy{text-align:left;}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width:600px) {
 article#sub_contents .year{  
   background:none;   
  } 
 article#sub_contents ul li ul{
   background:none;
   margin-left:20px;
   margin-top: 10px;
   margin-bottom:25px;
   border-top:1px solid #C9C9C9;
 }
}
@media screen and (max-width: 520px) {
 #head_title{display:none;}
 #contentsArea #title_bg{max-width:500px;height:auto;position:relative;margin:0 auto;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;
  }
 .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;}
 .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;}
  #product_board_output .board_output_imgs{width:100%;height:100px;}
  input[name=schvalue]{width:80px;}
  .login_box_bg{width:98%;}
  .login_box_bg input[name=com_member_login_id]{width:100px;}
  .login_box_bg input[name=com_member_login_pw]{width:100px;}
}
@media screen and (max-width: 360px) {  
  #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%;
 }
 #product_board_output .board_output_imgs{width:100%;height:50px;}
}