@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);
* {padding:0;margin:0;}
/*Common*/
th, td, textarea, h1, h2, h3, h4, h5, h6 {font-family:dotum;font-size:12px; color:#424142;}
th, td, textarea { line-height:16px; }
img, fieldset { border:0; }
li { list-style:none; }
select, input { font-family:verdana; color:#000000; font-size:1.00em;line-height:17px; }
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}
table {border-collapse:collapse;}
/* LAYOUT */
html, body {height:100%;}
#header {position:relative;height:220px;width:100%;text-align:center;}
#middle {position:relative;width:100%;margin:0 auto 0 auto;}
#middle_wrap {width:960px;margin:0 auto;*zoom:1;}
#middle_wrap:after {content:"";clear:both;display:block;}
#secondmenu {float:left; width:181px; margin:0 34px 0 0; z-index:3;} /*{float:left;width:181px;margin:0 0 0 0;z-index:3}*/
#content {float:left; width:100%; text-align:left;} /*{padding:0 0 0 34px; float:left; width:740x;}*/
.content_left {float:left; width:665px;}/*{width:650px;float:left;}*/ /* ÀÏ¹Ý ÆäÀÌÁö º»¹® (Äü ¸Þ´º ±âÁØ ¿ÞÂÊ) */
.content_mall {width:726px !important;} /* mall ÆäÀÌÁö º»¹® (Äü ¸Þ´º ¾øÀ½) */
.history {margin-right:-61px !important;}
#quick {position:relative;padding:78px 0 0 0; float:right;width:80px;}
.copyright {margin:0 auto;height:160px;width:960px;}
/* sub header */
#header #bg_01 {background:url(../img/design/top_01.jpg) top center no-repeat;width:100%;height:219px;}
#header #bg_02 {background:url(../img/design/top_02.jpg) top center no-repeat;width:100%;height:219px;}
#header #bg_03 {background:url(../img/design/top_03.jpg) top center no-repeat;width:100%;height:219px;}
#header #bg_04 {background:url(../img/design/top_04.jpg) top center no-repeat;width:100%;height:219px;}
#header #bg_05 {background:url(../img/design/top_05.jpg) top center no-repeat;width:100%;height:219px;}
#header #bg_06 {background:url(../img/design/top_06.jpg) top center no-repeat;width:100%;height:219px;}
.sub_main {position:relative;width:960px;height:100%;margin:0 auto;*zoom:1;}
.sub_main:after {content:"";clear:both;display:block;}
.logo_sub_header {display:block !important;float:left;padding:50px 0 0 30px;}
.logo_sub_header img {margin:5px 0 0 0;}
.global_nav {*zoom:1;margin:13px 0 0 0;overflow:hidden;float:right;}
.global_nav:after {content:"";clear:both;display:block;}
.global_nav ul {float:right;margin-right:-7px;*zoom:1}
.global_nav li {float:left;background:url(../img/design/global_bar.gif) right no-repeat;padding:0 7px 0 6px;}
.global_nav li a {color:#868787 !important;font-size:11px !important;font-family:dotum, verdana;}
.main_nav {float:right;width:760px;height:51px;margin:20px 0 0 35px;background:url(../img/design/main_nav_bg.gif) no-repeat;}
.main_nav li {float:left;padding:15px 19px 0 44px;}
.main_nav .mall {padding:20px 0 0 100px}
.sub_nav {float:left;}
.sub_nav a {padding:0 5px 0 10px;}
#sub_01, #sub_02, #sub_03, #sub_04, #sub_05 {display:inline-block;padding:0 10px 0 0;background:#be2930;height:17px;}
#sub_01 {margin:0 0 0 240px;}
#sub_02 {margin:0 0 0 340px;}
#sub_03 {margin:0 0 0 440px;}
#sub_04 {margin:0 0 0 440px;}
#sub_05 {margin:0 0 0 493px;}
/* ALIGN */
html, body, #middle {text-align:center;}
#secondmenu, #content, #quick, .copyright {text-align:left;}
.btn_set_center {text-align:centeR;padding:14px 0 0 0;}
/* BACKGROUND */
#middle {background:url(../img/design/history_bg.gif) top repeat-x;}
#middle_wrap {background:url(../img/design/left_bg_02.gif) 180px top repeat-y;}
#secondmenu {background:url(../img/design/left_bg_01.gif) top right no-repeat;}
.copyright {background:url(../img/design/left_bg_03.gif) 180px top no-repeat;}
/* MAIN ONLY */
#wrap_main {position:relative;margin:0 auto; background:#f6f6f6 url(../img/design/main_bg.jpg) bottom no-repeat;}
#header_main {clear:both;width:960px;height:113px;text-align:center;margin:0 auto;overflow-x:hidden;}
#middle_main {position:relative;width:950px;height:612px;text-align:left;margin:0 auto 0 auto;z-index:3;}
#footer_main {background:#FFFFFF }
#footer_main .copyright {background:url(none) ;height:75px !important;}
#footer_main .copyright ul {float:left;padding:11px 0 0 0;}
#footer_main .copyright li {float:left;padding:0 12px 0 9px;background:url(../img/design/copy_bar.gif) right no-repeat;height:10px;}
#footer_main .copyright .end {background:url(none);}
#footer_main .copyright .text {padding:11px 0 0 9px;clear:both;background:url(none);}
#middle_main .main_left {width:278px;padding:25px 0 0 10px;vertical-align:top;}
#middle_main .main_center {width:235px;padding:25px 0 0 33px;vertical-align:top;}
#middle_main .main_right {width:375px;padding:25px 0 0 20px;vertical-align:top;}
.main_notice {width:100%;}
.main_notice h2 {float:left;clear:both;width:120px;height:21px }
.main_notice .more {float:right;width:50px;text-align:right;padding:10px 0 0 0;}
.main_notice .title_bbs {clear:both;height:30px;}
.main_cyberpr {margin:27px 0 0 0;}
.main_recruit {margin:13px 0 0 0;}
.main_company_info {margin:0;}
.main_product {margin:35px 0 0 0;}
.main_notice .notice_chucul {clear:both;width:100%;}
.main_notice td {height:20px;}
/*INPUT*/
input, img, select {vertical-align:middle}
input.text {border:1px solid #7f9db9;}
textarea.textarea {border:1px solid #7f9db9;}
input.radio {vertical-align:middle}
/* GLOBAL */
.pointer {cursor:pointer;}
/* Á¦¸ñ ¾ø´Â ¸®½ºÆ®*/
.list_01 {margin:0 0 14px 0;}
.list_01 li {background:url(../img/design/bl_list.gif) left 7px no-repeat;padding:3px 0 0 8px;color:#636363;font-size:12px;}
/* Á¦¸ñ ÀÖ´Â ¸®½ºÆ®*/
.list_01 dt {font-weight:bold;color:#636363;padding:12px 0 3px 0;}
.list_01 dd {background:url(../img/design/bl_list.gif) left 7px no-repeat;padding:3px 0 0 8px;color:#636363;font-size:11px}
.etc_info1 {border:2px solid #eaeaea;width:702px;;margin:25px 0 0 0;color:#7c7c7c;padding:0 10px 20px 10px;}
.etc_info1 dt {background:url(../img/design/bl_etc_info.gif) left 4px no-repeat;padding:4px 0 3px 16px;font-weight:bold;margin:13px 0 0 0;}
.etc_info1 dd {background:url(../img/design/bl_etc_info_dd.gif) 12px 8px no-repeat;padding:2px 0 0 18px;line-height:17px;}
.shopping_guide {}
.shopping_guide dt {background:url(../img/design/bl_etc_info.gif) left 4px no-repeat;padding:4px 0 3px 16px;font-weight:bold;margin:13px 0 0 0;}
.shopping_guide dd {;padding:2px 0 0 16px;line-height:19px;color:#555555;}
/* CONTENT */
#secondmenu h1 {margin:30px 0 0 0;}
#secondmenu .leftmenu dl {padding:21px 0 0 0;}
#secondmenu .leftmenu dt a:link {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt a:visited {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt a:hover {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt {height:12px;vertical-align:top;padding:10px 0 0 0;}
#secondmenu .leftmenu dd a:link {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd a:visited {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd a:hover {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd {padding:6px 0 0 16px;margin-bottom:-6px;height:18px;vertical-align:top;}
.leftmenu {margin:0 0 20px 0;}
.history {text-align:right;margin:0 0 0 0;padding:11px 0 0 0;height:29px;font-size:11px;color:#989898;z-index:3;width:100%;}
.history_mall {margin:-40px 0 0 0 !important;padding:11px 0 0 0 !important;}
.history img {vertical-align:top}
.history .page {color:#272727;}
.page_title {padding:0 0 25px 0;background:#ffffff;font-size:15px;font-weight:bold;}
.copyright ul {float:left;padding:92px 0 0 0;}
.copyright li {float:left;padding:0 12px 0 9px;background:url(../img/design/copy_bar.gif) right no-repeat;height:10px;}
.copyright .end {background:url(none);}
.copyright .text {padding:11px 0 0 9px;clear:both;background:url(none);}
.bnr_01 {margin:25px 0 0 0;}
.bnr_02 {margin:30px 0 0 0;}
.bnr_03 {margin:25px 0 0 0;}
.service_guide {background:url(../img/design/bg_service_02.gif) 412px top no-repeat;margin:0 0 30px 0;}
.service_guide .time {background:url(../img/design/bg_service_01.gif) no-repeat;width:376px;height:57px;margin:13px 0 0 0;}
.service_guide .time dt {font-weight:bold;color:#666666;padding:12px 0 0 13px;}
.service_guide .time dd {font-size:11px;color:#666666;padding:10px 0 0 13px;}
.service_guide .time dd .highlight {font-size:11px;color:#ee670d;font-weight:bold;}
.suggestions {font-size:11px;color:#666666;font-family:dotum;margin:0 0 8px 0;width:632px}
.suggestions .title {background:url(../img/design/bl_suggestion.gif) left 2px no-repeat;padding:0 0 0 7px;font-weight:bold;font-size:12px;color:#0869a5}
.suggestions .bar {font-size:11px;color:#cccccc;padding:0 5px 0 10px;}
.suggestions .highlight {font-weight:bold;font-size:12px;color:#0869a5}
.suggestions .agreement {border:1px solid #cecece;width:612px;height:200px;overflow:scroll;padding:10px;margin:5px 0 0 0}
.suggestions .agreement dt {font-weight:bold;}
.suggestions .agreement dd {line-height:2em}
.suggestions .checkbox {padding:5px;text-align:right;}
.partnetship {font-size:12px;color:#7a7a7a;font-family:dotum;margin:0 0 8px 0;width:632px}
.partnetship .agreement {border:1px solid #cecece;width:612px;height:138px;overflow:scroll;padding:10px;margin:5px 0 0 0}
.partnetship .checkbox {padding:10px 0 0 0;text-align:center;}
.partnetship .txt {padding:10px;line-height:1.5em}
.agreement {width:703px;height:518px;background:#f5f5f5;padding:10px 0 0 10px}
.agreement .scroll_area {width:670px;height:485px;padding:10px;border:1px solid #dadada;background:#ffffff;overflow:scroll}
.agreement h3 {padding:20px 0 10px 0;}
.agreement li {line-height:1.7em;}
/* quick Äü ¸Þ´º */
#quick dl {width:80px;height:159px;background:url(../img/design/quick_bg.gif) no-repeat;}
#quick dt {padding:12px 0 10px 13px;}
#quick dd {padding:5px 0 0 15px;}
/* À繫Á¤º¸ */
.bbs_01 {width:632px;}
.bbs_01 .table_search {float:left;font-size:11px;color:#787878;margin:0 0 6px 0}
.bbs_01 .table_head {float:left;font-size:11px;color:#787878;margin:0 0 6px 0;padding:0 0 3px 0;}
.bbs_01 .table_info {float:right;font-size:11px;color:#787878;padding:6px 0 0 0;}
.bbs_01 .bbs_table_list {clear:both;border:0;width:100%;border:0;border-bottom:1px solid red}
.bbs_01 .bbs_table_list thead th {background:url(../img/design/bbs/table_bg_th.gif) repeat-x;height:32px;text-align:center;}
.bbs_01 .bbs_table_list tbody th {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_01 .bbs_table_list tbody td {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_01 .bbs_table_list caption {display:none}
/* ¿µ¾÷º¸°í¼­ */
.bbs_02 {width:431px;height:346px;padding:0 0 0 201px;background:url(../img/design/img_annual_01.gif) no-repeat;}
.bbs_02 .table_search {float:left;font-size:11px;color:#787878;margin:0 0 10px 0}
.bbs_02 .table_info {float:right;font-size:11px;color:#787878;padding:6px 0 0 0;}
.bbs_02 .bbs_table_list {clear:both;border:0;width:431px;border:0;border-bottom:1px solid red}
.bbs_02 .bbs_table_list thead th {background:url(../img/design/bbs/table_bg_th.gif) repeat-x;height:32px;text-align:center;}
.bbs_02 .bbs_table_list tbody th {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_02 .bbs_table_list tbody td {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_02 .bbs_table_list caption {display:none}
/* login */
.memberlogin_form1 {width:329px;float:left;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;float:left;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
.etc_act {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;}
.memberlogin_form3 {width:469px;float:left;clear:both;}
.memberlogin_form3 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form3 .login_act {text-align:left;height:73px;margin:-73px 0 0 245px;}
.memberlogin_form3 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 {width:469px;float:left;clear:both;}
.memberlogin_form4 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form4 .login_act {text-align:left;height:73px;margin:-73px 0 0 263px;}
.memberlogin_form4 .memberlogin label {width:70px;}
.memberlogin_form4 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 .etc_act .txt {display:inline-block;width:400px;padding:0 0 0 8px;}
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2 h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1 {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:1.5em}
.member_join .join_complate .txt2 {color:#666666;line-height:1.5em}
/* send mail */
.send_mail {width:666px;padding:24px;}
.send_mail .header {width:666px;height:150px;}
.send_mail .body {text-align:left;}
.send_mail h1 {float:left;width:200px;}
.send_mail .close {float:right;width:200px;text-align:right;}
.send_mail h2 {height:20px;}
.send_mail .table_col_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 23px 0;}
.send_mail .table_col_01 th {border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 td {border-top:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_col_01 .end {border-right:none}
.send_mail .table_col_01 th {height:27px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:center;}
.send_mail .table_col_01 td {font-size:11px;color:#666666;text-align:center;}
.send_mail .table_col_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_col_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_col_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .table_row_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 0 0;}
.send_mail .table_row_01 th {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 td {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_row_01 .end {border-right:none}
.send_mail .table_row_01 .bottom {border-bottom:none}
.send_mail .table_row_01 th {height:27px;padding:0 0 0 10px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:left;}
.send_mail .table_row_01 td {padding:0 0 0 10px;font-size:11px;color:#666666;}
.send_mail .table_row_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_row_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_row_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .text {border:1px solid #cacaca;}
/* private */
.private {}
.private h3 {font-size:12px;font-weight:bold;color:#6b6b6b;height:30px;margin:20px 0 0 0}
.private .private_info {line-height:1.5em}
/* sitemap */
.sitemap .map_gap {padding:30px 0 0 0}
/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
#secondmenu #leftoff a {color:#555555 !important;font-weight:bold;}
#secondmenu #lefton a {color:#38c2cd !important;;font-weight:bold;}
/************************* input type : search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1px;border-color:#CA0000;}
.location { padding:0 40px 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18px;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8px;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8px}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8px;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21px 0 0 34px;font-weight:bold;#333333;font-size:14px;letter-spacing:-1px}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21px 15px 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
/* product */
#product_img {float:left; width:45%;margin-left:15px;margin-bottom:15px;margin-right:15px; text-align:center;}
#product_info {float:right; width:45%;margin-right:15px;padding:5px;text-align:left;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom ;height:27px;font-weight:bold;font-size:16px}
.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9px;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690px;height:29px;padding:7px 0 10px 27px;font-weight:bold;margin-top:27px}
/* ¼îÇθô */
.box1_tle {margin:9px 0 5px 9px}
.box1 {background:url(../img/main/box1_bg.gif) repeat-y;width:690px}
.box1_left{float:left; padding-left:34px;}
.box1_right{float:right; padding-right:34px;}
.box1_bar {text-align:center;margin:18px 0 18px 0}
.box2 {padding:10px;}
.radius_line{border:1px solid #CACACA;border-radius:10px;}
#product_list {text-align:center;font-weight:bold;color:#666666;font-size:11px; padding : 10px 10px 10px 10px;}
#product_list span {color:#DA0000;font-size:11px;font-weight:normal;}
#product_list a {color:#666666;font-size:11px;font-weight:bold;}
#product_list_tle {float:left;padding:29px 0 5px 9px}
#product_list_sort {float:right;padding:29px 8px 5px 0;font-size:11px;color:#EA212D;font-weight:bold}
#product_list_sort a {color:#999999;font-weight:normal;font-size:11px;}
#product_list_sort span {color:#999999;font-weight:normal;font-size:11px;}
/* ÆäÀÌ¡ */
#page {text-align:center;margin:14px;color:#FF5500;font-weight:bold;letter-spacing:3px}
#page img {vertical-align:middle;letter-spacing:3px;margin-top:-2px}
#page a {font-weight:normal;color:#555555}
#page2 {text-align:center;margin:14px;color:#FF7901;font-weight:bold;letter-spacing:1px}
#page2 img {vertical-align:middle;letter-spacing:3;margin-top:-2px}
#page2 a {font-weight:normal;color:#444444;font-weight:bold}
#page2 span {color:#BABABA;font-weight:normal}
/* ½æ³×ÀÏ */
#nail {width:100%; margin:4px 0 4px 0;}
#nail a:link{font-size:11px;color:#666666}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5px;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5px;font-size:11px;color:#666666;}
#product_content {clear:both;margin-top:30px;width:100%;line-height:170%;}
.product_tab {cursor:hand}
/* ¸¶ÀÌÆäÀÌÁö */
#txtbox_info {background:url(../img/main/dot.gif) no-repeat;padding:0 0 0 18px;line-height:18px;color:#686461;font-size:11px;}
.order_tle {margin:0 0 8px 0}
#total_order {padding:12px;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#FCF9F0;line-height:24px;text-align:right;font-weight:bold;color:#666666}
#total_order #sum_price {color:#da0000;font-size:14px}
#total_order #sum {font-size:14px}
#infobox {border:2px solid #E4E4E4;padding:12px 12px 0 12px;color:#666666}
#dl1 {margin:0 0 20px 0;}
#dl1 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl1 dd {line-height:20px;margin:0 0 0 15px}
#dl2 {margin:0 0 20px 0;}
#dl2 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl2 dd {background:url(../img/main/dot_dd.gif) no-repeat;padding:0 0 2px 15px;margin-left:0;line-height:20px}
#use {color:#CFCFCF;font-family:µ¸¿ò;font-size:11px;text-align:right;}
#use a:link {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:visited {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:hover {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use #on {color:#E81F27;font-weight:bold;font-family:µ¸¿ò;font-size:11px}
.t_01 {border-collapse:collapse; border-top:1px solid #5B5B5B; border-right:1px solid #CFCFCF;}
.t_01 th {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f6f6f6;}
.t_01 td {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}
* {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:dotum;font-size:12px;}
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;}
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;}
#wrap{min-width:320px;width:100%; text-align:left; margin: 0 auto;}
#top_container_bg{width:100%;position: relative;margin: 0 auto;}
#top_container{width:100%;max-width:990px;position: relative;margin: 0 auto;}
#logo{width:243px; height:120px;margin:10px auto ;}
#left_ban1{position: absolute; top:60px; left:20px;}
#right_ban1{position: absolute; top:60px; right:20px;}
#main_container{width:100%;max-width:1600px;margin:35px auto 0;overflow:hidden;}
#sub_container{width:100%;max-width:1600px;margin:35px auto 0;overflow:hidden;}
#footer{clear:both;}
#mob_menu{display:none;}
#menu{clear:both;position:relative;width:100%;height:43px;background:#424242;z-index:9001;}
#menu > ul{
width:100%;
max-width:990px;
margin:0 auto;
}
#menu li.mainmenu{
position: relative;
}
#menu #submenu_1,#menu #submenu_2,#menu #submenu_3,#menu #submenu_4,#menu #submenu_5,#menu #submenu_6{
width:100%;
}
#menu #submenu_1 ul{
width:350px;
display: none;
position: relative;
left: 25.2424242424%;
top: 10px;
}
#menu #submenu_2 ul{
width:200px;
display: none;
position: relative;
left: 23.3030303030%;
top: 10px;
}
#menu #submenu_3 ul{
width:450px;
display: none;
position: relative;
left: 30.3030303030%;
top: 10px;
}
#menu #submenu_4 ul{
width:100px;
display: none;
position: relative;
left: 27.2727272727%;
top: 10px;
}
#menu #submenu_5 ul{
width:250px;
display: none;
position: relative;
left: 30.3030303030%;
top: 10px;
}
#menu #submenu_6 ul{
width:80px;
display: none;
position: relative;
right: -28%;
top: 10px;
}
#menu > ul > li{
position: relative;
float:left;
width:16.4%;
padding-top:5px;
padding-bottom:10px;
}
#menu > ul > li > a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:bold;
font-size:13px;
text-align:center;
padding: 8px 0;
color:#FFFFFF;
display: block;
text-decoration: none;
}
#menu > ul > li > a.on{
color:#FFD957;
}
#menu ul li ul li 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 10px;
color:#AAAAAA;
display: block;
text-decoration: none;
}
#menu ul li ul li a:hover{
color:#6F6F6F;
}
#menu ul li ul li{
display:inline-block;
}
#menu > ul > li > a.mob{display:none;}
#menu > ul > li > a.pc{display:block;}
#main_photo_bg{
position: relative;
width: 100%;
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%;
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;}
#gnb{margin:10px auto 0;overflow:hidden;}
#gnb ul{border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;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: #8D8D8D;
}
#main_body_bg{width:100%;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:990px;margin:0 auto;padding-top:20px;overflow:hidden;}
#main_left{float:left;width:69%;border-right:1px solid #E9E9E9;overflow:hidden;}
#main_right{float:right;width:28%;overflow:hidden;}
#main_shopping{float:left;width:100%;}
#main_shopping dt{margin-right:5px;margin-bottom:10px;text-align:center;}
#main_shopping dt a{display:block;
font-size:25px;
color: #000000;
font-family:'³ª´®¸íÁ¶', Nanum Myeongjo, georgia,'µ¸¿ò';
font-weight:bold;
padding:5px;
margin-bottom:10px;
}
#main_shopping dt span{font-size:11px;color:#9C9C9C;letter-spacing:-1px;}
#main_product{width:100%;}
#main_product dt{margin-bottom:10px;}
#main_product dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice{width:100%;float:left;margin-top:15px;}
#notice dt{margin-bottom:10px;}
#notice dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#contact_ban{width:98%;float:left;margin-top:10px;margin-bottom:30px;}
#contact_ban ul li.phone{font-size:25px;}
#contact_ban ul li{font-size:12px;color:#777777;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.contact_ban_title{
display:block;
width:100%;
margin-top:20px;
padding:5px 0;
color:#000000;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #bbbbbb;
border-bottom:1px solid rgba(255,255,255,.4);
}
#footer{clear:both;width:100%;}
#bottom{width:100%;background:#F5F5F5;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:300px;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;
line-height:150%;
}
#bottom_info{width:100%;max-width:990px;margin:0 auto;overflow:hidden;position:relative;}
#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:20px;}
#foot_customer{float:left;margin-right:20px;}
#foot_ban{position: absolute; right: 0; top: 0;}
#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 8px;
border-top:1px solid #E7E7E7;
}
#sub_body{max-width:990px;width:95%;margin: 0 auto;}
#contentsArea{
margin: 0 auto;position:relative;
}
#title_bg{max-width:990px;height:160px;position:relative;margin:20px auto;}
#title{
padding-top:45px;
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;
}
#left_menu{margin-top: 25px;}
#left_menu ul{
text-align:center;
}
#left_menu ul li{
display:inline-block;
width:118px;
margin-bottom:5px;
}
#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;
}
#left_menu a:hover, #left_menu a.on{
background: #5B5B5B;
color: #EDEDED;
}
#h_icon{}
.left_align{float: left;}
.cont {
width:95%;
padding:5px;
margin: 30px auto;
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;}
.red{color:#E51D0F;}
.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%;
}
article#sub_contents{width:95%;margin:10px auto 30px;}
article#sub_contents p{color:#5F5F5F;line-height:1.75em;letter-spacing:-0.05em;margin-top:5px;margin-bottom:5px;}
article#sub_contents figure.img_left{width:35%;float:left;margin-right:10px;margin-bottom:20px;}
article#sub_contents figure.img_right{width:45%;float:right;margin-left:10px;margin-bottom:20px;}
article#sub_contents figure.img_center{width:100%;margin-bottom:20px;}
article#sub_contents figure img{max-width:100%;}
figure.float_left{float:left;}
article#sub_contents div.row{margin-bottom:30px;overflow:hidden;}
article#sub_contents h2{
color:#5F5F5F;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:25px;
font-weight:bold;
margin-top: 5px;
margin-bottom:25px;
letter-spacing:-0.05em;
line-height:130%;
}
article#sub_contents h3{
color:#333333;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
margin-top: 5px;
margin-bottom:15px;
letter-spacing:-0.05em;
line-height:130%;
}
article#sub_contents > ul{padding-top:20px;margin:0 auto;}
article#sub_contents .year{
width:110px;
color:#5F5F5F;
font-family:'Noto Sans KR','³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:30px;
letter-spacing:-0.05em;
}
article#sub_contents ul li ul{
background:none;
margin-left:20px;
margin-top: 10px;
margin-bottom:40px;
border-top:1px solid #C9C9C9;
}
article#sub_contents ul li ul li{
padding:10px;
}
article#sub_contents .month{
color:#5F5F5F;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:13px;
letter-spacing:-0.1em;
margin-right:10px;
}
#product_board_output .board_output_gallery_subject {display:block;width:100%; font-size:11px;color: #9C9C9C;letter-spacing:-1px;line-height:150%;text-align:center;padding-top:10px; }
#login_bg{overflow:hidden;width:700px; margin:0 auto;}
#login_box{position:relative;float:left;width:320px;margin-right:30px;text-align:left;}
#login_box2{position:relative;float:left;width:320px;text-align:left;}
.login_box_tle{
color:#333333;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:20px;
padding:5px;
}
.login_box_tle span{
font-size:10px;
font-family:AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
}
#join_img{float:left;}
.join_tbl{margin:10px auto;}
.order_title{float:left; padding:30px 0 0 0;}
.order_step_process{float:right; padding:20px 0 4px 0;overflow:hidden;}
.order_step li{
float:left;
background:#BEBEBE;
margin-right:3px;

}
.order_step_num{
display:block;
color:#FFFFFF;
font-weight:bold;
font-family:AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:10px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
.order_step_txt{
display:block;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
.order_step li.order_step_on{background:#5B5B5B;}
.order_step li.order_step_last{margin-right:0;}
.table_cont1 .border{font-size:12px;font-family:µ¸¿ò;color:#666666; border:1px solid #CACACA;}
.ecb_txt{padding:5px;}
#product_list img{width:95%;max-width:200px;height:auto;}
#product_view{width:100%; margin-top:20px;overflow:hidden;}
#product_img_large{}
#product_exp img{width:100%;max-width:690px;}
.btn_buy{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.btn_basket{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_nozomi{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_mail{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
#tab_line{overflow:hidden;}
#tab_line span{
display:block;
width:32%;
float:left;
padding-top:10px;
padding-bottom:10px;
color:#7F7974;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#F6F5F5;
border:1px solid #ECECEC;
}
#tab_line span.on{
color:#333333;
background:#FFFFFF;
border-top:1px solid #ECECEC;
border-left:1px solid #ECECEC;
border-right:1px solid #ECECEC;
border-bottom:1px solid #FFFFFF;
}
.btn_allorder{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.btn_selectorder{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_selectdelt{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_goshopping{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_pay{
display:block;
float:right;
width:150px;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.pay_tle{
color:#515151;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:17px;
padding:5px;
}
.pay_tle span{
color:#DA0000;
font-size:25px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
}
@media screen and (max-width:1000px) {
#wrap{width:95%}
#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) {
#left_ban1{position:relative;left:0;top:0;width:50%;float:left;}
#right_ban1{position:relative;left:0;top:0;width:50%;float:left;text-align:right}
#gnb{position: absolute; right: 10px; top: 57px;}
#foot_company{width:90%;margin-left:20px;}
#foot_customer{width:90%;margin-left:20px;}
#foot_ban{position:relative;float:left;margin-top:15px;}
#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;
}
.main_shop td a img {width:100%;max-width:200px;height:auto;}
#product_board_output .board_output_gallery_img{width:30%;}
#product_board_output .board_output_imgs{width:100%;max-width:200px;height:auto;}
#product_img {float:none; width:100%;}
#product_info {float:none; width:100%;}
#portfolio_board_output .board_output_gallery_img{width:30%;}
#portfolio_board_output .board_output_imgs{width:100%;max-width:200px;height:auto;}
#portfolio_img {float:none; width:100%;}
#portfolio_info {float:none; width:100%;}
}
@media screen and (max-width: 959px) {
#foot_ban{width:90%;margin-left:20px;}
#sns_bottom{margin-left:20px;}
}
@media screen and (max-width: 768px) {
#gnb{top: 2px;}
#gnb ul li{display:block;}
#mob_menu{display:block;position: absolute; left: 10px; top: 50px;}
#menu{display:none;width:80%;height:auto;background:none;overflow:visible;position: absolute;left: 10px; top: 100px;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{
display:inline-block;
}
#menu #submenu_1 ul, #menu #submenu_2 ul,#menu #submenu_3 ul,#menu #submenu_4 ul,#menu #submenu_5 ul,#menu #submenu_6 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;}
.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;}
#use {text-align:center;margin-bottom:20px;}
#login_bg{width:320px;}
#login_box{margin-right:0;margin-bottom:30px;}
#title_bg{max-width:750px;height:auto;position:relative;margin:20px auto;background:none;}
#join_img{display:none;}
.join_tbl{margin:20px auto;}
.join_tbl table td{padding-left:5px;}
}
@media screen and (max-width: 639px) {
#left_ban1 img{width:98%;}
#right_ban1 img{width:98%;}
}
@media screen and (max-width:600px) {
}
@media screen and (max-width: 520px) {
#title_bg{max-width:500px;}
#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;
}
#left_menu ul li{
display:inline-block;
width:auto;
}
#left_menu a{
padding: 5px 10px;
}
.center img{width:100%;height:auto;}
}
@media screen and (max-width: 480px) {
figure.float_left{width:45%;}
figure.float_left img{width:100%;}
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;}
.table_cont1 input[name=oaddress_01]{width:95%;}
.table_cont1 input[name=oaddress_02]{width:95%;}
.table_cont1 input[name=address]{width:95%;}
.table_cont1 input[name=address_01]{width:95%;}
.order_title{float:none; padding:41px 0 0 0;}
.order_step_process{float:none; width:100%;}
.order_step{
width:100%;
}
.order_step li{
width:24.25%;
margin-right:1%;
}

.btn_allorder{
width:45%;
}
.btn_selectorder{
width:45%;
}
.btn_selectdelt{
width:45%;
}
.btn_goshopping{
width:45%;
}
}
@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 screen and (min-width: 1200px) {
}
<p>¸ðµâ·¯ ȨÀÌ ÃÖ±Ù »õ·Î¿î °ÇÃàÀÇ ´ë¾ÈÀ¸·Î ¶°¿À¸£´Â ÀÌÀ¯´Â ÇöÀå°ÇÃà¿¡¼­ ¿À´Â ÇÑ°è¿Í ¹®Á¦Á¡À» ±Øº¹Çϱâ À§ÇÑ °ÍÀÔ´Ï´Ù. <br>
±Ô°ÝÈ­µÇ°í Ç¥ÁØÈ­µÈ Á¦Ç°À» ´ë·®»ý»êÇÏ¿© ¿ø°¡¸¦ ³·Ãß°í Ç°ÁúÀ» Çâ»ó ½ÃÅ°¸ç °ø»ç±â°£À» ´ÜÃàÇÏ¿© È¿À²¼ºÀ» ³ôÀÌ´Â µ¥ ÀÖ½À´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span>ÀÇ ÀåÁ¡</h2>
<figure class="img_left">
<img src="{{$template}}/img/youlbit/m2sm1_2.jpg" name="" id="" alt="" >
</figure>
<h3>1. ±Ô°ÝÈ­¿Í Ç°ÁúÀÇ ±ÕÀÏÈ­</h3>
<h3>2. °ÇÃà¿ø°¡ÀÇ Àý°¨</h3>
<h3>3. ´ë·®»ý»êÀÌ °¡´É</h3>
<h3>4. °ø»ç±â°£ÀÇ ´ÜÃà</h3>
<h3>5. ÀÌÃàÀÌ °¡´É, ¼öÃâµµ °¡´É</h3>
<p>´ÜÁ¡À¸·Î´Â µðÀÚÀÎÀÇ ÇÑ°è¿Í °íÃþ°ÇÃàÀÇ ¾î·Á¿ò µîÀÌ ÀÖÀ¸¸ç ÇöÀç ½Ç¿ë°¡´ÉÇÑ ¹üÀ§´Â ¼ÒÇüÁÖÅÿ¡¼­ºÎÅÍ 5ÃþÀ̳»ÀÇ °Ç¹°, ±â¼÷»ç, ¿ø·ë, ¿ÀÇǽºÅÚ, ÀÓ´ëÇü ¾ÆÆÄÆ®, ´Ù°¡±¸ÁÖÅà µî ´Ù¾çÇÏ°Ô Àû¿ëÀÌ °¡´ÉÇÏ´Ù.<br>
½º¸¶Æ®ÇϿ콺´Â °øÀå¿¡¼­ 80~90%ÀÌ»óÀÇ °øÁ¤À» ÁøÇàÇÏ¿© Ãâ°í°¡ µÇ¸ç È­¹°Â÷¸¦ ÀÌ¿ëÇÏ¿© ÇöÀå¿¡ µµÂøÇϸç Å©·¹ÀÎÀ¸·Î Á¶¸³À» ÇÏ¿© ¿Ï¼ºÀ» ÇÕ´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span> flow</h2>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_3.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_4.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_5.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_6.jpg" name="" id="" alt="" >
</figure>
</div>
</article>
</div end>
<!--º»¹® ÄÁÅÙÃ÷ ¿µ¿ª-->
{{$common_bottom}}
<p&#160;style="font-size:16px;">¸ðµâ·¯ ȨÀÌ ÃÖ±Ù »õ·Î¿î °ÇÃàÀÇ ´ë¾ÈÀ¸·Î ¶°¿À¸£´Â ÀÌÀ¯´Â ÇöÀå°ÇÃà¿¡¼­ ¿À´Â ÇÑ°è¿Í ¹®Á¦Á¡À» ±Øº¹Çϱâ À§ÇÑ °ÍÀÔ´Ï´Ù. <br>
±Ô°ÝÈ­µÇ°í Ç¥ÁØÈ­µÈ Á¦Ç°À» ´ë·®»ý»êÇÏ¿© ¿ø°¡¸¦ ³·Ãß°í Ç°ÁúÀ» Çâ»ó ½ÃÅ°¸ç °ø»ç±â°£À» ´ÜÃàÇÏ¿© È¿À²¼ºÀ» ³ôÀÌ´Â µ¥ ÀÖ½À´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span>ÀÇ ÀåÁ¡</h2>
<figure class="img_left">
<img src="{{$template}}/img/youlbit/m2sm1_2.jpg" name="" id="" alt="" >
</figure>
<h3>1. ±Ô°ÝÈ­¿Í Ç°ÁúÀÇ ±ÕÀÏÈ­</h3>
<h3>2. °ÇÃà¿ø°¡ÀÇ Àý°¨</h3>
<h3>3. ´ë·®»ý»êÀÌ °¡´É</h3>
<h3>4. °ø»ç±â°£ÀÇ ´ÜÃà</h3>
<h3>5. ÀÌÃàÀÌ °¡´É, ¼öÃâµµ °¡´É</h3>
<p>´ÜÁ¡À¸·Î´Â µðÀÚÀÎÀÇ ÇÑ°è¿Í °íÃþ°ÇÃàÀÇ ¾î·Á¿ò µîÀÌ ÀÖÀ¸¸ç ÇöÀç ½Ç¿ë°¡´ÉÇÑ ¹üÀ§´Â ¼ÒÇüÁÖÅÿ¡¼­ºÎÅÍ 5ÃþÀ̳»ÀÇ °Ç¹°, ±â¼÷»ç, ¿ø·ë, ¿ÀÇǽºÅÚ, ÀÓ´ëÇü ¾ÆÆÄÆ®, ´Ù°¡±¸ÁÖÅà µî ´Ù¾çÇÏ°Ô Àû¿ëÀÌ °¡´ÉÇÏ´Ù.<br>
½º¸¶Æ®ÇϿ콺´Â °øÀå¿¡¼­ 80~90%ÀÌ»óÀÇ °øÁ¤À» ÁøÇàÇÏ¿© Ãâ°í°¡ µÇ¸ç È­¹°Â÷¸¦ ÀÌ¿ëÇÏ¿© ÇöÀå¿¡ µµÂøÇϸç Å©·¹ÀÎÀ¸·Î Á¶¸³À» ÇÏ¿© ¿Ï¼ºÀ» ÇÕ´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span> flow</h2>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_3.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_4.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_5.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_6.jpg" name="" id="" alt="" >
</figure>
</div>
</article>
</div end>
<!--º»¹® ÄÁÅÙÃ÷ ¿µ¿ª-->
{{$common_bottom}}
.main_notice {width:100%;}
.main_notice h2 {float:left;clear:both;width:120px;height:21px }
.main_notice .more {float:right;width:50px;text-align:right;padding:10px 0 0 0;}
.main_notice .title_bbs {clear:both;height:30px;}
.main_cyberpr {margin:27px 0 0 0;}
.main_recruit {margin:13px 0 0 0;}
.main_company_info {margin:0;}
.main_product {margin:35px 0 0 0;}
.main_notice .notice_chucul {clear:both;width:100%;}
.main_notice td {height:20px;}
/*INPUT*/
input, img, select {vertical-align:middle}
input.text {border:1px solid #7f9db9;}
textarea.textarea {border:1px solid #7f9db9;}
input.radio {vertical-align:middle}
/* GLOBAL */
.pointer {cursor:pointer;}
/* Á¦¸ñ ¾ø´Â ¸®½ºÆ®*/
.list_01 {margin:0 0 14px 0;}
.list_01 li {background:url(../img/design/bl_list.gif) left 7px no-repeat;padding:3px 0 0 8px;color:#636363;font-size:12px;}
/* Á¦¸ñ ÀÖ´Â ¸®½ºÆ®*/
.list_01 dt {font-weight:bold;color:#636363;padding:12px 0 3px 0;}
.list_01 dd {background:url(../img/design/bl_list.gif) left 7px no-repeat;padding:3px 0 0 8px;color:#636363;font-size:11px}
.etc_info1 {border:2px solid #eaeaea;width:702px;;margin:25px 0 0 0;color:#7c7c7c;padding:0 10px 20px 10px;}
.etc_info1 dt {background:url(../img/design/bl_etc_info.gif) left 4px no-repeat;padding:4px 0 3px 16px;font-weight:bold;margin:13px 0 0 0;}
.etc_info1 dd {background:url(../img/design/bl_etc_info_dd.gif) 12px 8px no-repeat;padding:2px 0 0 18px;line-height:17px;}
.shopping_guide {}
.shopping_guide dt {background:url(../img/design/bl_etc_info.gif) left 4px no-repeat;padding:4px 0 3px 16px;font-weight:bold;margin:13px 0 0 0;}
.shopping_guide dd {;padding:2px 0 0 16px;line-height:19px;color:#555555;}
/* CONTENT */
#secondmenu h1 {margin:30px 0 0 0;}
#secondmenu .leftmenu dl {padding:21px 0 0 0;}
#secondmenu .leftmenu dt a:link {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt a:visited {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt a:hover {text-decoration:none;color:#555555}
#secondmenu .leftmenu dt {height:12px;vertical-align:top;padding:10px 0 0 0;}
#secondmenu .leftmenu dd a:link {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd a:visited {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd a:hover {text-decoration:none;color:#888888}
#secondmenu .leftmenu dd {padding:6px 0 0 16px;margin-bottom:-6px;height:18px;vertical-align:top;}
.leftmenu {margin:0 0 20px 0;}
.history {text-align:right;margin:0 0 0 0;padding:11px 0 0 0;height:29px;font-size:11px;color:#989898;z-index:3;width:100%;}
.history_mall {margin:-40px 0 0 0 !important;padding:11px 0 0 0 !important;}
.history img {vertical-align:top}
.history .page {color:#272727;}
.page_title {padding:0 0 25px 0;background:#ffffff;font-size:15px;font-weight:bold;}
.copyright ul {float:left;padding:92px 0 0 0;}
.copyright li {float:left;padding:0 12px 0 9px;background:url(../img/design/copy_bar.gif) right no-repeat;height:10px;}
.copyright .end {background:url(none);}
.copyright .text {padding:11px 0 0 9px;clear:both;background:url(none);}
.bnr_01 {margin:25px 0 0 0;}
.bnr_02 {margin:30px 0 0 0;}
.bnr_03 {margin:25px 0 0 0;}
.service_guide {background:url(../img/design/bg_service_02.gif) 412px top no-repeat;margin:0 0 30px 0;}
.service_guide .time {background:url(../img/design/bg_service_01.gif) no-repeat;width:376px;height:57px;margin:13px 0 0 0;}
.service_guide .time dt {font-weight:bold;color:#666666;padding:12px 0 0 13px;}
.service_guide .time dd {font-size:11px;color:#666666;padding:10px 0 0 13px;}
.service_guide .time dd .highlight {font-size:11px;color:#ee670d;font-weight:bold;}
.suggestions {font-size:11px;color:#666666;font-family:dotum;margin:0 0 8px 0;width:632px}
.suggestions .title {background:url(../img/design/bl_suggestion.gif) left 2px no-repeat;padding:0 0 0 7px;font-weight:bold;font-size:12px;color:#0869a5}
.suggestions .bar {font-size:11px;color:#cccccc;padding:0 5px 0 10px;}
.suggestions .highlight {font-weight:bold;font-size:12px;color:#0869a5}
.suggestions .agreement {border:1px solid #cecece;width:612px;height:200px;overflow:scroll;padding:10px;margin:5px 0 0 0}
.suggestions .agreement dt {font-weight:bold;}
.suggestions .agreement dd {line-height:2em}
.suggestions .checkbox {padding:5px;text-align:right;}
.partnetship {font-size:12px;color:#7a7a7a;font-family:dotum;margin:0 0 8px 0;width:632px}
.partnetship .agreement {border:1px solid #cecece;width:612px;height:138px;overflow:scroll;padding:10px;margin:5px 0 0 0}
.partnetship .checkbox {padding:10px 0 0 0;text-align:center;}
.partnetship .txt {padding:10px;line-height:1.5em}
.agreement {width:703px;height:518px;background:#f5f5f5;padding:10px 0 0 10px}
.agreement .scroll_area {width:670px;height:485px;padding:10px;border:1px solid #dadada;background:#ffffff;overflow:scroll}
.agreement h3 {padding:20px 0 10px 0;}
.agreement li {line-height:1.7em;}
/* quick Äü ¸Þ´º */
#quick dl {width:80px;height:159px;background:url(../img/design/quick_bg.gif) no-repeat;}
#quick dt {padding:12px 0 10px 13px;}
#quick dd {padding:5px 0 0 15px;}
/* À繫Á¤º¸ */
.bbs_01 {width:632px;}
.bbs_01 .table_search {float:left;font-size:11px;color:#787878;margin:0 0 6px 0}
.bbs_01 .table_head {float:left;font-size:11px;color:#787878;margin:0 0 6px 0;padding:0 0 3px 0;}
.bbs_01 .table_info {float:right;font-size:11px;color:#787878;padding:6px 0 0 0;}
.bbs_01 .bbs_table_list {clear:both;border:0;width:100%;border:0;border-bottom:1px solid red}
.bbs_01 .bbs_table_list thead th {background:url(../img/design/bbs/table_bg_th.gif) repeat-x;height:32px;text-align:center;}
.bbs_01 .bbs_table_list tbody th {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_01 .bbs_table_list tbody td {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_01 .bbs_table_list caption {display:none}
/* ¿µ¾÷º¸°í¼­ */
.bbs_02 {width:431px;height:346px;padding:0 0 0 201px;background:url(../img/design/img_annual_01.gif) no-repeat;}
.bbs_02 .table_search {float:left;font-size:11px;color:#787878;margin:0 0 10px 0}
.bbs_02 .table_info {float:right;font-size:11px;color:#787878;padding:6px 0 0 0;}
.bbs_02 .bbs_table_list {clear:both;border:0;width:431px;border:0;border-bottom:1px solid red}
.bbs_02 .bbs_table_list thead th {background:url(../img/design/bbs/table_bg_th.gif) repeat-x;height:32px;text-align:center;}
.bbs_02 .bbs_table_list tbody th {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_02 .bbs_table_list tbody td {border-bottom:1px solid #ededed;font-weight:normal;height:28px;text-align:center;color:#787878;}
.bbs_02 .bbs_table_list caption {display:none}
/* login */
.memberlogin_form1 {width:329px;float:left;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;float:left;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
.etc_act {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;}
.memberlogin_form3 {width:469px;float:left;clear:both;}
.memberlogin_form3 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form3 .login_act {text-align:left;height:73px;margin:-73px 0 0 245px;}
.memberlogin_form3 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 {width:469px;float:left;clear:both;}
.memberlogin_form4 .memberlogin {width:422px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 0;background:url(../img/design/bg_login2.gif) no-repeat;}
.memberlogin_form4 .login_act {text-align:left;height:73px;margin:-73px 0 0 263px;}
.memberlogin_form4 .memberlogin label {width:70px;}
.memberlogin_form4 .etc_act {width:100%;padding:10px 0 0 0;margin:12px 0 0 0;border-top:0}
.memberlogin_form4 .etc_act .txt {display:inline-block;width:400px;padding:0 0 0 8px;}
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2 h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1 {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:1.5em}
.member_join .join_complate .txt2 {color:#666666;line-height:1.5em}
/* send mail */
.send_mail {width:666px;padding:24px;}
.send_mail .header {width:666px;height:150px;}
.send_mail .body {text-align:left;}
.send_mail h1 {float:left;width:200px;}
.send_mail .close {float:right;width:200px;text-align:right;}
.send_mail h2 {height:20px;}
.send_mail .table_col_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 23px 0;}
.send_mail .table_col_01 th {border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 td {border-top:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_col_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_col_01 .end {border-right:none}
.send_mail .table_col_01 th {height:27px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:center;}
.send_mail .table_col_01 td {font-size:11px;color:#666666;text-align:center;}
.send_mail .table_col_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_col_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_col_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .table_row_01 {border-top:1px solid #56bcc5;border-bottom:1px solid #56bcc5;width:666px;margin:0 0 0 0;}
.send_mail .table_row_01 th {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 td {border-bottom:1px solid #c5e3e6;border-right:1px solid #c5e3e6;}
.send_mail .table_row_01 .td_none_data {height:35px;text-align:center;border-right:0;}
.send_mail .table_row_01 .end {border-right:none}
.send_mail .table_row_01 .bottom {border-bottom:none}
.send_mail .table_row_01 th {height:27px;padding:0 0 0 10px;background:#f7f7f7;font-size:12px;color:#636363;font-weight:normal;text-align:left;}
.send_mail .table_row_01 td {padding:0 0 0 10px;font-size:11px;color:#666666;}
.send_mail .table_row_01 .small_img {width:50px;height:50px;margin:10px 0 10px 0;border:1px solid #cbcbcb;display:inline-block;}
.send_mail .table_row_01 .txt_info {height:22px;padding:2px 0 0 10px;margin:10px 0 10px 0;display:inline-block;text-align:left;vertical-align:middle;font-size:11px;color:#666666;line-height:1.3em;}
.send_mail .table_row_01 .price {float:right;display:inline-block;padding:0 10px 0 0;font-size:11px;color:#da0000}
.send_mail .text {border:1px solid #cacaca;}
/* private */
.private {}
.private h3 {font-size:12px;font-weight:bold;color:#6b6b6b;height:30px;margin:20px 0 0 0}
.private .private_info {line-height:1.5em}
/* sitemap */
.sitemap .map_gap {padding:30px 0 0 0}
/* ¼îÇθô */
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
#secondmenu #leftoff a {color:#555555 !important;font-weight:bold;}
#secondmenu #lefton a {color:#38c2cd !important;;font-weight:bold;}
/************************* input type : search(»ó´Ü °Ë»ö) ***********************************/
.sc_input { background-color:#ffffff;border-style:solid;border-width:1px;border-color:#CA0000;}
.location { padding:0 40px 0 0;font-family:±¼¸²; font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18px;font-family:±¼¸²; font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8px;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8px}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8px;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21px 0 0 34px;font-weight:bold;#333333;font-size:14px;letter-spacing:-1px}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21px 15px 0 0} /*ȸ»ç¼Ò°³ È÷½ºÅ丮*/
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
/* product */
#product_img {float:left; width:45%;margin-left:15px;margin-bottom:15px;margin-right:15px; text-align:center;}
#product_info {float:right; width:45%;margin-right:15px;padding:5px;text-align:left;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom ;height:27px;font-weight:bold;font-size:16px}
.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9px;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690px;height:29px;padding:7px 0 10px 27px;font-weight:bold;margin-top:27px}
/* ¼îÇθô */
.box1_tle {margin:9px 0 5px 9px}
.box1 {background:url(../img/main/box1_bg.gif) repeat-y;width:690px}
.box1_left{float:left; padding-left:34px;}
.box1_right{float:right; padding-right:34px;}
.box1_bar {text-align:center;margin:18px 0 18px 0}
.box2 {padding:10px;}
.radius_line{border:1px solid #CACACA;border-radius:10px;}
#product_list {text-align:center;font-weight:bold;color:#666666;font-size:11px; padding : 10px 10px 10px 10px;}
#product_list span {color:#DA0000;font-size:11px;font-weight:normal;}
#product_list a {color:#666666;font-size:11px;font-weight:bold;}
#product_list_tle {float:left;padding:29px 0 5px 9px}
#product_list_sort {float:right;padding:29px 8px 5px 0;font-size:11px;color:#EA212D;font-weight:bold}
#product_list_sort a {color:#999999;font-weight:normal;font-size:11px;}
#product_list_sort span {color:#999999;font-weight:normal;font-size:11px;}
/* ÆäÀÌ¡ */
#page {text-align:center;margin:14px;color:#FF5500;font-weight:bold;letter-spacing:3px}
#page img {vertical-align:middle;letter-spacing:3px;margin-top:-2px}
#page a {font-weight:normal;color:#555555}
#page2 {text-align:center;margin:14px;color:#FF7901;font-weight:bold;letter-spacing:1px}
#page2 img {vertical-align:middle;letter-spacing:3;margin-top:-2px}
#page2 a {font-weight:normal;color:#444444;font-weight:bold}
#page2 span {color:#BABABA;font-weight:normal}
/* ½æ³×ÀÏ */
#nail {width:100%; margin:4px 0 4px 0;}
#nail a:link{font-size:11px;color:#666666}
#nail a:visited{font-size:11px;color:#666666}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5px;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5px;font-size:11px;color:#666666;}
#product_content {clear:both;margin-top:30px;width:100%;line-height:170%;}
.product_tab {cursor:hand}
/* ¸¶ÀÌÆäÀÌÁö */
#txtbox_info {background:url(../img/main/dot.gif) no-repeat;padding:0 0 0 18px;line-height:18px;color:#686461;font-size:11px;}
.order_tle {margin:0 0 8px 0}
#total_order {padding:12px;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#FCF9F0;line-height:24px;text-align:right;font-weight:bold;color:#666666}
#total_order #sum_price {color:#da0000;font-size:14px}
#total_order #sum {font-size:14px}
#infobox {border:2px solid #E4E4E4;padding:12px 12px 0 12px;color:#666666}
#dl1 {margin:0 0 20px 0;}
#dl1 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl1 dd {line-height:20px;margin:0 0 0 15px}
#dl2 {margin:0 0 20px 0;}
#dl2 dt {font-weight:bold;margin-bottom:5px;background:url(../img/main/dot_dt.gif) no-repeat;padding-left:15px}
#dl2 dd {background:url(../img/main/dot_dd.gif) no-repeat;padding:0 0 2px 15px;margin-left:0;line-height:20px}
#use {color:#CFCFCF;font-family:µ¸¿ò;font-size:11px;text-align:right;}
#use a:link {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:visited {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use a:hover {color:#686461;font-family:µ¸¿ò;font-size:11px}
#use #on {color:#E81F27;font-weight:bold;font-family:µ¸¿ò;font-size:11px}
.t_01 {border-collapse:collapse; border-top:1px solid #5B5B5B; border-right:1px solid #CFCFCF;}
.t_01 th {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#666666; font-weight:normal; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#f6f6f6;}
.t_01 td {padding:5px; border-bottom:1px solid #CFCFCF; border-left:1px solid #CFCFCF; color:#555555; font-size:12px; font-family:dotum,µ¸¿ò,µ¸¿òü; background:#ffffff;}
* {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:dotum;font-size:12px;}
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;}
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;}
#wrap{min-width:320px;width:100%; text-align:left; margin: 0 auto;}
#top_container_bg{width:100%;position: relative;margin: 0 auto;}
#top_container{width:100%;max-width:990px;position: relative;margin: 0 auto;}
#logo{width:243px; height:120px;margin:10px auto ;}
#left_ban1{position: absolute; top:60px; left:20px;}
#right_ban1{position: absolute; top:60px; right:20px;}
#main_container{width:100%;max-width:1600px;margin:35px auto 0;overflow:hidden;}
#sub_container{width:100%;max-width:1600px;margin:35px auto 0;overflow:hidden;}
#footer{clear:both;}
#mob_menu{display:none;}
#menu{clear:both;position:relative;width:100%;height:43px;background:#424242;z-index:9001;}
#menu > ul{
width:100%;
max-width:990px;
margin:0 auto;
}
#menu li.mainmenu{
position: relative;
}
#menu #submenu_1,#menu #submenu_2,#menu #submenu_3,#menu #submenu_4,#menu #submenu_5,#menu #submenu_6{
width:100%;
}
#menu #submenu_1 ul{
width:350px;
display: none;
position: relative;
left: 25.2424242424%;
top: 10px;
}
#menu #submenu_2 ul{
width:200px;
display: none;
position: relative;
left: 23.3030303030%;
top: 10px;
}
#menu #submenu_3 ul{
width:450px;
display: none;
position: relative;
left: 30.3030303030%;
top: 10px;
}
#menu #submenu_4 ul{
width:100px;
display: none;
position: relative;
left: 27.2727272727%;
top: 10px;
}
#menu #submenu_5 ul{
width:250px;
display: none;
position: relative;
left: 30.3030303030%;
top: 10px;
}
#menu #submenu_6 ul{
width:80px;
display: none;
position: relative;
right: -28%;
top: 10px;
}
#menu > ul > li{
position: relative;
float:left;
width:16.4%;
padding-top:5px;
padding-bottom:10px;
}
#menu > ul > li > a{
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;
font-weight:bold;
font-size:13px;
text-align:center;
padding: 8px 0;
color:#FFFFFF;
display: block;
text-decoration: none;
}
#menu > ul > li > a.on{
color:#FFD957;
}
#menu ul li ul li 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 10px;
color:#AAAAAA;
display: block;
text-decoration: none;
}
#menu ul li ul li a:hover{
color:#6F6F6F;
}
#menu ul li ul li{
display:inline-block;
}
#menu > ul > li > a.mob{display:none;}
#menu > ul > li > a.pc{display:block;}
#main_photo_bg{
position: relative;
width: 100%;
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%;
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;}
#gnb{margin:10px auto 0;overflow:hidden;}
#gnb ul{border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;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: #8D8D8D;
}
#main_body_bg{width:100%;padding-bottom:40px;overflow:hidden;background:#FFFFFF;}
#main_body{width:100%;max-width:990px;margin:0 auto;padding-top:20px;overflow:hidden;}
#main_left{float:left;width:69%;border-right:1px solid #E9E9E9;overflow:hidden;}
#main_right{float:right;width:28%;overflow:hidden;}
#main_shopping{float:left;width:100%;}
#main_shopping dt{margin-right:5px;margin-bottom:10px;text-align:center;}
#main_shopping dt a{display:block;
font-size:25px;
color: #000000;
font-family:'³ª´®¸íÁ¶', Nanum Myeongjo, georgia,'µ¸¿ò';
font-weight:bold;
padding:5px;
margin-bottom:10px;
}
#main_shopping dt span{font-size:11px;color:#9C9C9C;letter-spacing:-1px;}
#main_product{width:100%;}
#main_product dt{margin-bottom:10px;}
#main_product dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#notice{width:100%;float:left;margin-top:15px;}
#notice dt{margin-bottom:10px;}
#notice dt a{font-size:12px; font-weight:bold;color: #000000;letter-spacing:-1px;}
#contact_ban{width:98%;float:left;margin-top:10px;margin-bottom:30px;}
#contact_ban ul li.phone{font-size:25px;}
#contact_ban ul li{font-size:12px;color:#777777;font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif;}
.contact_ban_title{
display:block;
width:100%;
margin-top:20px;
padding:5px 0;
color:#000000;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #bbbbbb;
border-bottom:1px solid rgba(255,255,255,.4);
}
#footer{clear:both;width:100%;}
#bottom{width:100%;background:#F5F5F5;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;}
#bottom ul{width:300px;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;
line-height:150%;
}
#bottom_info{width:100%;max-width:990px;margin:0 auto;overflow:hidden;position:relative;}
#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:20px;}
#foot_customer{float:left;margin-right:20px;}
#foot_ban{position: absolute; right: 0; top: 0;}
#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 8px;
border-top:1px solid #E7E7E7;
}
#sub_body{max-width:990px;width:95%;margin: 0 auto;}
#contentsArea{
margin: 0 auto;position:relative;
}
#title_bg{max-width:990px;height:160px;position:relative;margin:20px auto;}
#title{
padding-top:45px;
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;
}
#left_menu{margin-top: 25px;}
#left_menu ul{
text-align:center;
}
#left_menu ul li{
display:inline-block;
width:118px;
margin-bottom:5px;
}
#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;
}
#left_menu a:hover, #left_menu a.on{
background: #5B5B5B;
color: #EDEDED;
}
#h_icon{}
.left_align{float: left;}
.cont {
width:95%;
padding:5px;
margin: 30px auto;
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;}
.red{color:#E51D0F;}
.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%;
}
article#sub_contents{width:95%;margin:10px auto 30px;}
article#sub_contents p{color:#5F5F5F;line-height:1.75em;letter-spacing:-0.05em;margin-top:5px;margin-bottom:5px;}
article#sub_contents figure.img_left{width:35%;float:left;margin-right:10px;margin-bottom:20px;}
article#sub_contents figure.img_right{width:45%;float:right;margin-left:10px;margin-bottom:20px;}
article#sub_contents figure.img_center{width:100%;margin-bottom:20px;}
article#sub_contents figure img{max-width:100%;}
figure.float_left{float:left;}
article#sub_contents div.row{margin-bottom:30px;overflow:hidden;}
article#sub_contents h2{
color:#5F5F5F;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:25px;
font-weight:bold;
margin-top: 5px;
margin-bottom:25px;
letter-spacing:-0.05em;
line-height:130%;
}
article#sub_contents h3{
color:#333333;
font-family:'Noto Sans KR', '³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:17px;
font-weight:bold;
margin-top: 5px;
margin-bottom:15px;
letter-spacing:-0.05em;
line-height:130%;
}
article#sub_contents > ul{padding-top:20px;margin:0 auto;}
article#sub_contents .year{
width:110px;
color:#5F5F5F;
font-family:'Noto Sans KR','³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:30px;
letter-spacing:-0.05em;
}
article#sub_contents ul li ul{
background:none;
margin-left:20px;
margin-top: 10px;
margin-bottom:40px;
border-top:1px solid #C9C9C9;
}
article#sub_contents ul li ul li{
padding:10px;
}
article#sub_contents .month{
color:#5F5F5F;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:13px;
letter-spacing:-0.1em;
margin-right:10px;
}
#product_board_output .board_output_gallery_subject {display:block;width:100%; font-size:11px;color: #9C9C9C;letter-spacing:-1px;line-height:150%;text-align:center;padding-top:10px; }
#login_bg{overflow:hidden;width:700px; margin:0 auto;}
#login_box{position:relative;float:left;width:320px;margin-right:30px;text-align:left;}
#login_box2{position:relative;float:left;width:320px;text-align:left;}
.login_box_tle{
color:#333333;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:20px;
padding:5px;
}
.login_box_tle span{
font-size:10px;
font-family:AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
}
#join_img{float:left;}
.join_tbl{margin:10px auto;}
.order_title{float:left; padding:30px 0 0 0;}
.order_step_process{float:right; padding:20px 0 4px 0;overflow:hidden;}
.order_step li{
float:left;
background:#BEBEBE;
margin-right:3px;

}
.order_step_num{
display:block;
color:#FFFFFF;
font-weight:bold;
font-family:AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:10px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
.order_step_txt{
display:block;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
.order_step li.order_step_on{background:#5B5B5B;}
.order_step li.order_step_last{margin-right:0;}
.table_cont1 .border{font-size:12px;font-family:µ¸¿ò;color:#666666; border:1px solid #CACACA;}
.ecb_txt{padding:5px;}
#product_list img{width:95%;max-width:200px;height:auto;}
#product_view{width:100%; margin-top:20px;overflow:hidden;}
#product_img_large{}
#product_exp img{width:100%;max-width:690px;}
.btn_buy{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.btn_basket{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_nozomi{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_mail{
display:block;
float:left;
width:45%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
#tab_line{overflow:hidden;}
#tab_line span{
display:block;
width:32%;
float:left;
padding-top:10px;
padding-bottom:10px;
color:#7F7974;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#F6F5F5;
border:1px solid #ECECEC;
}
#tab_line span.on{
color:#333333;
background:#FFFFFF;
border-top:1px solid #ECECEC;
border-left:1px solid #ECECEC;
border-right:1px solid #ECECEC;
border-bottom:1px solid #FFFFFF;
}
.btn_allorder{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.btn_selectorder{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_selectdelt{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_goshopping{
display:block;
float:left;
width:23%;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#F7F7F7;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#8C8C8C;
border:1px solid #ECECEC;
}
.btn_pay{
display:block;
float:right;
width:150px;
margin-right:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:12px;
text-align:center;
background:#DA0000;
border:1px solid #ECECEC;
}
.pay_tle{
color:#515151;
font-weight:bold;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
font-size:17px;
padding:5px;
}
.pay_tle span{
color:#DA0000;
font-size:25px;
font-family:'³ª´®°íµñ',Nanum Gothic,NanumGothic,"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif,verdana,arial,helvetica,sans-serif;
}
@media screen and (max-width:1000px) {
#wrap{width:95%}
#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) {
#left_ban1{position:relative;left:0;top:0;width:50%;float:left;}
#right_ban1{position:relative;left:0;top:0;width:50%;float:left;text-align:right}
#gnb{position: absolute; right: 10px; top: 57px;}
#foot_company{width:90%;margin-left:20px;}
#foot_customer{width:90%;margin-left:20px;}
#foot_ban{position:relative;float:left;margin-top:15px;}
#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;
}
.main_shop td a img {width:100%;max-width:200px;height:auto;}
#product_board_output .board_output_gallery_img{width:30%;}
#product_board_output .board_output_imgs{width:100%;max-width:200px;height:auto;}
#product_img {float:none; width:100%;}
#product_info {float:none; width:100%;}
#portfolio_board_output .board_output_gallery_img{width:30%;}
#portfolio_board_output .board_output_imgs{width:100%;max-width:200px;height:auto;}
#portfolio_img {float:none; width:100%;}
#portfolio_info {float:none; width:100%;}
}
@media screen and (max-width: 959px) {
#foot_ban{width:90%;margin-left:20px;}
#sns_bottom{margin-left:20px;}
}
@media screen and (max-width: 768px) {
#gnb{top: 2px;}
#gnb ul li{display:block;}
#mob_menu{display:block;position: absolute; left: 10px; top: 50px;}
#menu{display:none;width:80%;height:auto;background:none;overflow:visible;position: absolute;left: 10px; top: 100px;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{
display:inline-block;
}
#menu #submenu_1 ul, #menu #submenu_2 ul,#menu #submenu_3 ul,#menu #submenu_4 ul,#menu #submenu_5 ul,#menu #submenu_6 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;}
.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;}
#use {text-align:center;margin-bottom:20px;}
#login_bg{width:320px;}
#login_box{margin-right:0;margin-bottom:30px;}
#title_bg{max-width:750px;height:auto;position:relative;margin:20px auto;background:none;}
#join_img{display:none;}
.join_tbl{margin:20px auto;}
.join_tbl table td{padding-left:5px;}
}
@media screen and (max-width: 639px) {
#left_ban1 img{width:98%;}
#right_ban1 img{width:98%;}
}
@media screen and (max-width:600px) {
}
@media screen and (max-width: 520px) {
#title_bg{max-width:500px;}
#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;
}
#left_menu ul li{
display:inline-block;
width:auto;
}
#left_menu a{
padding: 5px 10px;
}
.center img{width:100%;height:auto;}
}
@media screen and (max-width: 480px) {
figure.float_left{width:45%;}
figure.float_left img{width:100%;}
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;}
.table_cont1 input[name=oaddress_01]{width:95%;}
.table_cont1 input[name=oaddress_02]{width:95%;}
.table_cont1 input[name=address]{width:95%;}
.table_cont1 input[name=address_01]{width:95%;}
.order_title{float:none; padding:41px 0 0 0;}
.order_step_process{float:none; width:100%;}
.order_step{
width:100%;
}
.order_step li{
width:24.25%;
margin-right:1%;
}

.btn_allorder{
width:45%;
}
.btn_selectorder{
width:45%;
}
.btn_selectdelt{
width:45%;
}
.btn_goshopping{
width:45%;
}
}
@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 screen and (min-width: 1200px) {
}
<p>¸ðµâ·¯ ȨÀÌ ÃÖ±Ù »õ·Î¿î °ÇÃàÀÇ ´ë¾ÈÀ¸·Î ¶°¿À¸£´Â ÀÌÀ¯´Â ÇöÀå°ÇÃà¿¡¼­ ¿À´Â ÇÑ°è¿Í ¹®Á¦Á¡À» ±Øº¹Çϱâ À§ÇÑ °ÍÀÔ´Ï´Ù. <br>
±Ô°ÝÈ­µÇ°í Ç¥ÁØÈ­µÈ Á¦Ç°À» ´ë·®»ý»êÇÏ¿© ¿ø°¡¸¦ ³·Ãß°í Ç°ÁúÀ» Çâ»ó ½ÃÅ°¸ç °ø»ç±â°£À» ´ÜÃàÇÏ¿© È¿À²¼ºÀ» ³ôÀÌ´Â µ¥ ÀÖ½À´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span>ÀÇ ÀåÁ¡</h2>
<figure class="img_left">
<img src="{{$template}}/img/youlbit/m2sm1_2.jpg" name="" id="" alt="" >
</figure>
<h3>1. ±Ô°ÝÈ­¿Í Ç°ÁúÀÇ ±ÕÀÏÈ­</h3>
<h3>2. °ÇÃà¿ø°¡ÀÇ Àý°¨</h3>
<h3>3. ´ë·®»ý»êÀÌ °¡´É</h3>
<h3>4. °ø»ç±â°£ÀÇ ´ÜÃà</h3>
<h3>5. ÀÌÃàÀÌ °¡´É, ¼öÃâµµ °¡´É</h3>
<p>´ÜÁ¡À¸·Î´Â µðÀÚÀÎÀÇ ÇÑ°è¿Í °íÃþ°ÇÃàÀÇ ¾î·Á¿ò µîÀÌ ÀÖÀ¸¸ç ÇöÀç ½Ç¿ë°¡´ÉÇÑ ¹üÀ§´Â ¼ÒÇüÁÖÅÿ¡¼­ºÎÅÍ 5ÃþÀ̳»ÀÇ °Ç¹°, ±â¼÷»ç, ¿ø·ë, ¿ÀÇǽºÅÚ, ÀÓ´ëÇü ¾ÆÆÄÆ®, ´Ù°¡±¸ÁÖÅà µî ´Ù¾çÇÏ°Ô Àû¿ëÀÌ °¡´ÉÇÏ´Ù.<br>
½º¸¶Æ®ÇϿ콺´Â °øÀå¿¡¼­ 80~90%ÀÌ»óÀÇ °øÁ¤À» ÁøÇàÇÏ¿© Ãâ°í°¡ µÇ¸ç È­¹°Â÷¸¦ ÀÌ¿ëÇÏ¿© ÇöÀå¿¡ µµÂøÇϸç Å©·¹ÀÎÀ¸·Î Á¶¸³À» ÇÏ¿© ¿Ï¼ºÀ» ÇÕ´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span> flow</h2>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_3.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_4.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_5.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_6.jpg" name="" id="" alt="" >
</figure>
</div>
</article>
</div end>
<!--º»¹® ÄÁÅÙÃ÷ ¿µ¿ª-->
{{$common_bottom}}
<p>¸ðµâ·¯ ȨÀÌ ÃÖ±Ù »õ·Î¿î °ÇÃàÀÇ ´ë¾ÈÀ¸·Î ¶°¿À¸£´Â ÀÌÀ¯´Â ÇöÀå°ÇÃà¿¡¼­ ¿À´Â ÇÑ°è¿Í ¹®Á¦Á¡À» ±Øº¹Çϱâ À§ÇÑ °ÍÀÔ´Ï´Ù. <br>
±Ô°ÝÈ­µÇ°í Ç¥ÁØÈ­µÈ Á¦Ç°À» ´ë·®»ý»êÇÏ¿© ¿ø°¡¸¦ ³·Ãß°í Ç°ÁúÀ» Çâ»ó ½ÃÅ°¸ç °ø»ç±â°£À» ´ÜÃàÇÏ¿© È¿À²¼ºÀ» ³ôÀÌ´Â µ¥ ÀÖ½À´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span>ÀÇ ÀåÁ¡</h2>
<figure class="img_left">
<img src="{{$template}}/img/youlbit/m2sm1_2.jpg" name="" id="" alt="" >
</figure>
<h3>1. ±Ô°ÝÈ­¿Í Ç°ÁúÀÇ ±ÕÀÏÈ­</h3>
<h3>2. °ÇÃà¿ø°¡ÀÇ Àý°¨</h3>
<h3>3. ´ë·®»ý»êÀÌ °¡´É</h3>
<h3>4. °ø»ç±â°£ÀÇ ´ÜÃà</h3>
<h3>5. ÀÌÃàÀÌ °¡´É, ¼öÃâµµ °¡´É</h3>
<p>´ÜÁ¡À¸·Î´Â µðÀÚÀÎÀÇ ÇÑ°è¿Í °íÃþ°ÇÃàÀÇ ¾î·Á¿ò µîÀÌ ÀÖÀ¸¸ç ÇöÀç ½Ç¿ë°¡´ÉÇÑ ¹üÀ§´Â ¼ÒÇüÁÖÅÿ¡¼­ºÎÅÍ 5ÃþÀ̳»ÀÇ °Ç¹°, ±â¼÷»ç, ¿ø·ë, ¿ÀÇǽºÅÚ, ÀÓ´ëÇü ¾ÆÆÄÆ®, ´Ù°¡±¸ÁÖÅà µî ´Ù¾çÇÏ°Ô Àû¿ëÀÌ °¡´ÉÇÏ´Ù.<br>
½º¸¶Æ®ÇϿ콺´Â °øÀå¿¡¼­ 80~90%ÀÌ»óÀÇ °øÁ¤À» ÁøÇàÇÏ¿© Ãâ°í°¡ µÇ¸ç È­¹°Â÷¸¦ ÀÌ¿ëÇÏ¿© ÇöÀå¿¡ µµÂøÇϸç Å©·¹ÀÎÀ¸·Î Á¶¸³À» ÇÏ¿© ¿Ï¼ºÀ» ÇÕ´Ï´Ù.</p>
</div>
<div class="row">
<h2><span class="red">¸ðµâ·¯ Ȩ</span> flow</h2>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_3.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_4.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_5.jpg" name="" id="" alt="" >
</figure>
<figure class="float_left">
<img src="{{$template}}/img/youlbit/m2sm1_6.jpg" name="" id="" alt="" >
</figure>
</div>
</article>
</div end>
<!--º»¹® ÄÁÅÙÃ÷ ¿µ¿ª-->
{{$common_bottom}}