@charset "utf-8";
@import url('default.css');
@import url('layout.css'); 

/*=================================회원============================*/
h4	{line-height:100%; font-size:18px; color:#525252; background:url('/common/images/icon_title.gif') no-repeat left top; padding-top:10px; margin-bottom:20px;}

/*join*/
.terms1	{width:100%; border:1px solid #ddd; height:300px; overflow-y:scroll; padding:10px; line-height:150%; font-size:14px;}
.terms3	{width:100%; border:1px solid #ddd; height:100px; overflow-y:scroll; padding:10px; line-height:150%; font-size:14px;}
.terms2 p,
.terms1 p	{margin-bottom:15px;}
.terms2 strong,
.terms1 strong	{display:block; *zoom:1; margin-bottom:10px;}
.terms2	{width:100%; border:1px solid #ddd; padding:10px;}
.terms_txt	{display:block; width:100%; text-align:right; padding-top:15px;}

input[type="text"],input[type="number"],
input[type="password"] {border:1px solid #d3d3d3; background:#fff; font-size:15px; color:#424242; padding:5px; min-height:30px;}


.text_1 {padding-left:5px;  font-size:15px; font-weight: bold; color:#000000;  background-position:0 3px; background-repeat: no-repeat; }
.text_2 {padding-left:10px; font-size:11px; color:#616161;  background-position:0 3px; background-repeat: no-repeat; }
.text_3 {padding-left:2px;  font-size:13px; font-weight: bold; color:#6a6a6a;  background-position:0 3px; background-repeat: no-repeat; }

.table_wrap4	{border-top:2px solid #6b736b;}
.table_wrap1	{width:740px; border-top:2px solid #6b736b;}


.table_form1	{width:100%;}
.table_form1 th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 10px 10px 20px;}
.table_form1 td	{border-bottom:1px solid #ddd; padding:5px; line-height:120%;}

.table_form3	{width:100%;}
.table_form3 thead th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; font-weight:600; background:#f9f9f9; text-align:center;}
.table_form3 tbody th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; font-weight:600; background:#f9f9f9; text-align:center;}
.table_form3 td	{border-bottom:1px solid #ddd; padding:10px; line-height:120%; border-right:1px solid #ddd; text-align:center;}
.table_form3 td:last-child	{border-right:none;}

span.ps	{color:#888; font-size:14px;}
span.ps2	{color:#666; font-size:14px;}
a.ps3	{color:#0c7e00; font-weight:700;}

.table_wrap2	{width:740px; border-top:2px solid #6b736b; border-bottom:1px solid #ddd; padding:50px 0;}
.c_title1	{text-align:center; font-size:30px; font-weight:bold; line-height:150%;}
.c_text1	{text-align:center;}

/*login*/
.login_wrap	{width:740px; border-top:2px solid #6b736b; border-bottom:1px solid #ddd; padding:50px 0 80px 50px;}
.bg_login	{background:url('/common/images/login_img.png') no-repeat 540px 118px;}
.bg_id	{background:url('/common/images/id_img.png') no-repeat 530px 100px;}
.bg_pw	{background:url('/common/images/pw_img.png') no-repeat 530px 118px;}
.login_wrap p.title1	{color:#444; font-size:30px; font-weight:bold; line-height:150%; margin-bottom:10px;}
.login_wrap p.text1	{width:100%; margin-bottom:40px;}
.login_wrap .search_btn	{clear:both; margin:15px 0 0 100px;}
.login_name	{font-size:12px; position:absolute; top:15px; right:450px; text-align:right;}
.id_save	{font-size:13px; margin:0 0 20px 0; vertical-align:middle; line-height:13px;}
.id_save input[type=checkbox]	{vertical-align:middle; border:1px solid #ddd !important; line-height:14px; margin-right:5px;}
.m_id_save	{margin:10px 0 10px 0; vertical-align:middle; line-height:13px;}
.m_id_save input[type=checkbox]	{vertical-align:middle; border:1px solid #ddd !important; line-height:14px; margin-right:5px;}


.login_form	{float:left; margin-right:4px;}
.login_form li	{padding-bottom:5px;}
.login_form li span	{display:inline-block; width:100px;}

.table_list li	{padding:5px 10px}

.comment_box1	{border:1px solid #ddd; width:100%; padding:15px 20px; line-height:160%; margin-bottom:20px; overflow:hidden;}
.comment_box2	{padding:15px 20px; line-height:160%; margin:20px 20px 0 20px; overflow:hidden;}
.comment_box3	{border:1px solid #ddd; width:97%; padding:15px 2px; line-height:160%; margin-bottom:1px; overflow:hidden; text-align:center;}

.bg_qna	{background:url('/common/images/icon_qna.gif') no-repeat left 10px; padding:20px 0 20px 100px;}

/*테이블리스트*/
.table_list1	{width:100%;}
.table_list1 thead th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0; text-align:center; font-weight:normal;}
.table_list1 tbody td	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 5px; text-align:center;  font-size:13px;}
.table_list1 thead th:last-child,
.table_list1 tbody td:last-child	{border-right:none;}
.table_list1 tbody td.pd5	{padding:3px 5px !important;}
.table_list1 tfoot td	{background:#fff7ef; border-bottom:2px solid #ddd; border-top:2px solid #ddd; padding:10px 5px;  font-size:13px;}
.table_list1 tfoot td.price_sum	{text-align:right; font-weight:normal; color:#e76e1d; font-size:13px; line-height:1.2!important; }

.table_list2	{width:100%; }
.table_list2 tbody td	{border-left:1px solid #ddd; border-right:1px solid #ddd;   border-top:1px solid #ddd;   border-bottom:1px solid #ddd; padding:5px 10px 5px 10px; letter-spacing:-0.05em;  text-align:center;  font-size:13px;}

p.btn_type1	{border:1px solid #555; background:#6b6b6b; font-size:14px; padding:5px 0; width:100%; color:#fff; text-align:center;}
p.btn_type2	{border:1px solid #d15e10; background:#e96e00; font-size:14px; padding:5px 0; width:100%; color:#fff; text-align:center;}
p.btn_type3	{border:1px solid #217d26; background:#6b9835; font-size:14px; padding:5px 0; width:100%; color:#fff; text-align:center;}
p.btn_type4	{border:1px solid #6b9835; background:#ffffff; font-size:14px; padding:5px 0; width:100%; color:#6b9835; text-align:center;}

/*글보기*/
.table_view1	{width:100%;}
.table_view1 td	{border-bottom:1px solid #ddd; padding:10px 15px}
.table_view1 td.file	{font-size:13px;}
.bbs_view_area	{width:100%; padding:20px;border-bottom:1px solid #ddd; line-height:150%; min-height:400px;}
.bbs_view_area img	{max-width:100%;}

.bbs_reply_area	{width:100%; padding:20px 20px 30px 20px;border-bottom:1px solid #ddd; background:#faf8f7; line-height:150%;}
.bbs_reply_area p.bbs_re_name	{width:100%; margin-bottom:10px;}
.bbs_reply_area p.bbs_re_name span.bbs_re_date	{padding-left:20px; color:#999;  font-size:13px;}

.preview_list li	{border-bottom:1px solid #ddd; white-space:nowrap;}
.preview_list li:first-child	{border-top:1px solid #ddd; margin-top:50px}
.preview_list li span	{display:inline-block; width:80px; padding:10px 0; color:#666; margin:0 20px}
.preview_list li span.icon_up	{background:url('/common/images/icon_up.png') no-repeat right 18px;}
.preview_list li span.icon_down	{background:url('/common/images/icon_down.png') no-repeat right 18px;}

.link1	{text-decoration:underline;}
.link2	{display:block; width:100%; height:100%;}
span.order_img	{border:1px solid;width:101px; height:73px; border:1px solid #ddd; overflow:hidden; margin-right:10px; vertical-align:middle;}
span.order_img2	{border:1px solid;width:60px; height:40px; border:1px solid #ddd; overflow:hidden; margin-right:10px; vertical-align:middle;}
span.order_img2 img	{width:58px; height:38px;}
.bbs_search	{width:100%; text-align:right; margin-bottom:10px;}/*검색*/
span.reply_count	{color:#e96e00; font-weight:700; padding-left:5px;}

/*reply*/
.reply_box	{width:100%;border-bottom:1px solid #ddd; background:#faf8f7; line-height:150%;}
.reply_list	{}
.reply_list li	{border-bottom:1px solid #ddd; padding:15px 20px;}
.reply_list p	{width:100%; margin-bottom:10px;}
.reply_list p span	{padding-left:20px; color:#999;  font-size:13px;}
.reply_list p span.name	{padding-left:0px; color:#585858;  font-size:13px;}
.reply_list textarea.reply_textarea	{border:1px solid #ddd; width:610px; height:50px; padding:5px}
.reply_list textarea.reply_textarea2	{border:1px solid #ddd; width:250px; height:50px; padding:5px}



/*faq*/
#faqs {position:relative; width:100%;border-bottom:1px solid #ddd;}
#faqs dt {padding:13px 21px 13px 0;border-top:1px solid #e2dfdf; no-repeat 95% center;}
#faqs dt:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#faqs dt .icon-q {float:left; width:70px;text-align:center;vertical-align:top; color:#2798e5; font-weight:700;}
#faqs dt a {float:left; display:block;width:640px;vertical-align:top;font-size:15px; color:#2798e5;font-weight:700;}
#faqs dt.first {border-top:2px solid #6b736b;} 
#faqs dd {font-size:15px;border-top:1px solid #ddd;background:#f9f9f9 ;*zoom:1}
#faqs dd:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#faqs .expanded { no-repeat 95% center;}
#faqs .icon-a {width:70px;text-align:center;float:left;vertical-align:top;position:relative;padding:15px 0 15px 0; font-weight:700;}
#faqs .txt {color:#666; font-size:15px;float:left; width:640px;vertical-align:top;position:relative;padding:15px 0;}

/*faq*/
#faq2 {position:relative; width:100%;border-bottom:1px solid #ddd;}
#faq2 dt {padding:13px 21px 13px 0;border-top:1px solid #e2dfdf; no-repeat 95% center;}
#faq2 dt:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#faq2 dt .icon-q {float:left; width:70px;text-align:center;vertical-align:top; color:#2798e5; font-weight:360;}
#faq2 dt a {float:left; display:block;width:360px;vertical-align:top;font-size:15px; color:#2798e5;font-weight:360;}
#faq2 dt.first {border-top:2px solid #6b736b;} 
#faq2 dd {font-size:15px;border-top:1px solid #ddd;background:#f9f9f9 ;*zoom:1}
#faq2 dd:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#faq2 .expanded { no-repeat 95% center;}
#faq2 .icon-a {width:70px;text-align:center;float:left;vertical-align:top;position:relative;padding:15px 0 15px 0; font-weight:360;}
#faq2 .txt {color:#666; font-size:15px;float:left; width:360px;vertical-align:top;position:relative;padding:15px 0;}


/*회사소개*/
.ceo	{width:100%; overflow:hidden; margin-top:40px;}
.ceo dt	{clear:both; float:left; width:17%; font-size:18px; color:#424242; font-weight:700; border-top:2px solid #bfad9c; min-height:190px; padding-top:10px;}
.ceo dd	{float:left;width:83%; border-top:2px solid #ececec; padding-left:8%;min-height:160px; padding-top:10px; line-height:150%;}

.cc_list	{width:672px; overflow:hidden; margin:0 auto;}
.cc_list li	{float:left; width:256px; height:460px; margin:0 40px;}
p.cc_img	{width:256px; height:371px; border:1px solid #ddd;}
p.cc_txt	{text-align:center; margin-top:10px;}

.history_title	{color:#d68300; background:none; padding:0; font-size:30px;}
.history_bg	{   background:url('/common/images/history_img.png') no-repeat right 200px;}
.history_list	{margin:0; padding:0; overflow:hidden;}
.history_list dt	{display:inline-block;  font-size:16px; font-weight:700; color:#d68300; padding:0 0 15px 0; width:80px; vertical-align:middle;}
.history_list dd	{display:inline-block; padding-bottom:15px;width:650px; vertical-align:middle;}

.ci_wrap	{overflow:hidden; width:100%;}
.ci_right	{position:relative; width:35%; float:right;}

.table_form2	{width:100%;}
.table_form2 thead th	{text-align:center; font-weight:700;}
.table_form2 tbody th	{text-align:center;}
.table_form2 tbody th p	{text-align:center; color:#f48a00; font-family:Tahoma; font-weight:bold; font-size:13px; margin-bottom:5px}
.table_form2 th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 10px 10px 20px;}
.table_form2 td	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; line-height:140%;}
.table_form2 td:last-child	{border-right:none;}

.p_box	{clear:both; width:740px; overflow:hidden;}
.p_box_img	{float:left; width:293px;}
.p_box_txt	{float:left; width:420px;}
.p_box_txt p.title	{color:#6e9342; font-size:17px; font-weight:700; margin-bottom:7px;}
.p_box_txt p	{line-height:150%;}

.tab	{overflow:hidden;}
.tab li	{float:left; border:1px solid #ddd; font-size:16px; margin-right:2px; background:#fbfaf8; cursor:pointer;}
.tab li:hover,
.tab li.on	{background:#d7e4c8; border:1px solid #aebb9e; font-weight:700;}
.tab li a	{display:inline-block; width:100%; height:100%; padding:15px 40px; }


textarea.form_textarea	{border:1px solid #ddd; width:98%; height:300px; padding:5px}
textarea.form_textarea2	{border:1px solid #ddd; width:98%; padding:5px}
/*버튼정렬*/
.box_right	{width:100%; text-align:right;}
.box_center	{width:100%; text-align:center;}

/*버튼속성*/
button	{font-size:15px; vertical-align:top;}
button.button01	{color:#fff; border:1px solid #396900; font-weight:700; padding:15px 40px; background:#2798e5;}
button.button02	{color:#fff; border:1px solid #999; padding:7px 18px 8px 18px; background:#aaa; font-size:13px;}
button.button03	{color:#fff; border:1px solid #555; font-weight:700; padding:23px 30px 23px 30px; background:#2798e5;}
button.button04	{color:#957f6a; border:1px solid #d3ccb5; padding:8px 33px; background:#fdfcfb; font-size:14px;}
button.button05	{color:#fff; border:1px solid #515151; font-weight:700; padding:15px 40px; background:#6b6b6b;}
button.button06	{color:#fff; border:1px solid #555; padding:10px 18px 11px 18px; background:#717171; font-size:14px; min-width:100px;}
button.button07	{color:#fff; border:1px solid #217d26; padding:8px 15px 9px 15px; background:#2798e5; font-size:14px; min-width:80px;}
button.button077 {color:#fff; border:1px solid #d15e10; padding:8px 15px 9px 15px; background:#D15B47; font-size:14px; min-width:80px;}
button.button08	{color:#fff; border:1px solid #217d26; font-weight:700; padding:6px 15px; background:#2798e5;}
button.button09	{color:#919191; border:1px solid #cacaca; font-size:12px; padding:4px 8px; background:#fff; margin-left:10px; border-radius:2px;}
button.button10	{color:#666; border:1px solid #ddd; font-size:14px; padding:4px 8px; background:#f1f1f1; margin-left:10px; height:50px; width:80px;}
button.button11	{color:#fff; border:1px solid #555; padding:8px 15px 9px 15px; background:#717171; font-size:14px; min-width:80px;}
button.button12	{color:#467311; border:1px solid #c1d1bf; padding:12px 36px; background:#fff; font-size:16px; font-weight:700;}
button.button13	{color:#fff; font-weight:700; background:#e96e00; border:1px solid #d15e10; font-size:16px; padding:13px 0; width:49%;}
button.button14	{color:#fff; font-weight:700; background:#6b9835; border:1px solid #577236; font-size:16px; padding:13px 0; width:50%;}
button.button15	{color:#fff; border:1px solid #d15e10; padding:10px 18px 11px 18px; background:#e96e00; font-size:14px; min-width:100px;}
button.button16	{color:#fff; border:1px solid #555; padding:6px 10px 7px 10px; background:#717171; font-size:14px;}
button.button17	{color:#fff; border:1px solid #d15e10; font-weight:700; padding:15px 40px; background:#e96e00;}
button.button18	{position:absolute; left:0; bottom:0; background:#e96e00; border:1px solid #d15e10; color:#fff; font-weight:700; padding:15px; width:100%;}

button.button19	{color:#fff; font-weight:700; background:#e96e00; border:1px solid #d15e10; font-size:16px; padding:13px 0; width:33%;}
button.button20	{color:#fff; font-weight:700; background:#6b9835; border:1px solid #577236; font-size:16px; padding:13px 0; width:32%;}
button.button21	{color:#fff; font-weight:700; background:#555; border:1px solid #444; font-size:16px; padding:13px 0; width:33%;}


/*페이징*/
.pagination {position:relative;display:block;text-align:center; margin-top:40px;}/*text-align 으로 정렬방향 결정*/
.pagination ul { display: inline-block;text-align:center;}
.pagination ul > li { display: inline;*zoom:1;}
.pagination ul > li > a,
.pagination ul > li > span {float:left; padding:3px 0; background:#ffffff;border:1px solid #cacaca;width:27px; text-align:center;margin-right:3px;}
.pagination ul > li > a:focus, .pagination ul > .active > a,
.pagination ul > .active > span {background:#2798e5;color: #fff; border:1px solid #217d26;}
.pagination ul > .active > a, .pagination ul > .active > span {color:#fff; cursor: default;}                    
.pagination ul > .disabled > span, 
.pagination ul > .disabled > a, .pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {color: #999999;cursor: default;background-color: transparent;}
.pagination ul > li.pg-btn > a {border:1px solid #cacaca; padding:8px 0 9px 0;}
.pagination ul > li.pg-btn > a:hover,
.pagination ul > li.pg-btn > a:focus {background:none;border:1px solid #cacaca;}





/*모바일페이지*/
#m_wrapper	{width:100%; height:100%;}
#m_header	{background:#2798e5; color:#fff; padding:15px; font-size:16px; font-weight:bold; text-align:center;}
.m_close	{position:absolute; top:0px; right:12px;}
.m_close img	{width:54px;}

.m_contents	{position: relative; margin:10px 0 0 0; min-height: 500px;}
.m_table_wrap1	{width:95%; margin:0 auto; border-top:2px solid #6b736b;}
/*테이블리스트*/
.m_table_list1	{width:100%; font-size:14px;}
.m_table_list1 thead th	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; text-align:center; font-weight:700;}
.m_table_list1 tbody td	{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px; text-align:center; text-overflow:keep-all;}
.m_table_list1 tbody td.bdr_none,
.m_table_list1 thead th:last-child,
.m_table_list1 tbody td:last-child	{border-right:none !important;}
.m_table_list1 tbody td.pd5	{padding:3px 5px !important;}
.m_table_list1 tfoot td	{background:#fff7ef;border-bottom:2px solid #ddd; border-top:2px solid #ddd; padding:10px 5px;}
.m_table_list1 tfoot td.price_sum	{text-align:right; font-weight:700; color:#e76e1d; font-size:16px;}
.bm_line	{border-bottom:2px solid #bbb !important;}
.m_title	{margin:10px 0 0 10px; padding:0;}
.m_title2	{line-height: 100%; font-size: 15px; color: #525252; background: url('/common/images/icon_title.gif') no-repeat 10px top; padding: 10px 0 0 10px;}
#m_footer	{width:100%; background:#262626; font-size:10px; color:#fff; text-align:center; padding:15px 0; margin-top:20px;}

/*m_login*/
.m_login_wrap	{width:100%; padding:20px 30px 0 30px; box-sizing:border-box;}
.m_bg_login	{background:url('/common/images/login_img.png') no-repeat center bottom; height:600px;}
.m_login_wrap p.title1	{color:#444; font-size:24px; font-weight:bold; line-height:150%; margin-bottom:10px;}
.m_login_wrap p.text1	{width:100%;}

.m_login_form	{width:100%; margin-top:20px;}
.m_login_form li	{padding-bottom:5px;}
.m_login_form li span	{display:none;}
.m_login_form li input	{width:97%; padding:10px; border:1px solid #d3d3d3; font-size:14px;}
.m_button01	{color:#fff; border:1px solid #396900; font-weight:700; padding:18px 30px 18px 30px; background:#2798e5; width:97%; margin-top:10px; font-size:18px;}
.m_button02	{color:#666; border:1px solid #d0d0d0; padding:18px 30px 18px 30px; background:#f5f5f5; width:97%; margin-top:10px; font-size:18px;}
.m_button03	{color:#666; border:1px solid #d0d0d0; padding:10px 30px 10px 30px; background:#f5f5f5; width:48%; margin-top:10px; font-size:15px;}
.m_button04	{color:#666; border:1px solid #d0d0d0; padding:10px 20px 10px 20px; background:#f5f5f5; width:80; margin-top:0px; font-size:15px;}

/*m-navi*/
.m_navigation	{width:100%; background:#333; text-align:center;}
.m_navi	{padding:10px;}
.m_navi li	{display:inline-block; min-width:22%; padding:0 2%;}
.m_navi li a	{font-size:0.9rem; color:#ccc;}
.m_navi li.active a	{color:#fff; font-weight:800;}


.select01	{border:1px solid #d3d3d3; color:#555; padding:5px}
.wd-95p	{width:95% !important;}

/*m-btn*/
button.m-button01	{color:#fff; font-size:0.8rem; border:1px solid #515151; font-weight:700; padding:10px 15px; background:#6b6b6b;}
button.m-button02	{color:#fff; font-size:0.8rem; border:1px solid #396900; font-weight:700; padding:10px 15px; background:#468100;}
button.m-button03	{color:#fff; font-size:0.8rem; border:1px solid #d15e10; font-weight:700; padding:10px 15px; background:#e96e00;}

.m_c_title1	{text-align:center; font-size:20px; font-weight:bold; line-height:150%;}
.m_bbs_search	{text-align:center; margin-bottom:10px;}/*검색*/
.m_notice_txt1	{font-size:13px; margin-top:5px; color:#888; font-weight:normal;}
.m_notice_txt1 span	{padding:0 10px; color:#ddd;}

/*m-글보기*/
.m_table_view1	{width:100%;}
.m_table_view1 td	{border-bottom:1px solid #ddd; padding:10px 15px}
.m_table_view1 td.file	{font-size:13px;}
.m_bbs_view_area	{width:100%; padding:20px;border-bottom:1px solid #ddd; line-height:150%; min-height:400px;}
.m_bbs_view_area2   {width:100%; padding:20px;border-bottom:1px solid #ddd; line-height:150%; min-height:300px;}
.m_bbs_view_area img	{max-width:100%;}


.account_box	{font-size:0.75rem; margin:0 10px;}
.txt-orenge	{color:#e76e1d; font-weight:700;}
.ml-10	{margin-left:10px;}