@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&subset=korean');
@import url('board.css'); /* °Ô½ÃÆÇ°ü¸® CSS */
@import url('cs.css'); /* »ó´ã°ü¸® CSS */
@import url('webhard2.css'); /* À¥Çϵå CSS */
@import url('bankmatch.css'); /* ÀÚµ¿ÀÔ±ÝÈ®ÀÎ CSS */
@import url('sales.css'); /* ÆǸŵî·Ï °ü·Ã CSS */

* { box-sizing: border-box;  }
body { padding: 0; margin: 0; font-family: 'Noto Sans KR', sans-serif; font-size: 9pt; color: #000000; font-weight: 500; }
a { text-decoration: none; color: #000000;  }
img { border: 0; }
.layout_width { width: 950px; margin: 0 auto; }

.vat { vertical-align: top !important; }

.nowrap { white-space: nowrap; }

.curp { cursor: pointer; }

.dn { display: none !important; }

/* °øÅë */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px; }

.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px; }

.ptb10 { padding: 10px 0; }

.w100per { width: 100%; }
.w48per { width: 48%; }
.w50 { width: 50px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }

.alc { text-align: center; }
.alr { text-align: right; }

.vt { vertical-align: top !important; }

.txt_right { text-align: right; }

.loading { background:url("../img/loader/loading.gif") no-repeat center 0; }

.mobile_view { display: none; }

.red_txt { color: red; }

.table_box { display: table; }
.table_box > .cell { display: table-cell; vertical-align: middle; }

/* ·¹À̾îÆ˾÷ */
#layer_popup_wrapper { background:rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; cursor: pointer; display: none;  }
#layer_popup { background-color: #ffffff; position: fixed; top: 0; left: 0; z-index: 101; width: 100px; height: 100px; display: none; }

input[type="radio"]{ display:none; }
input[type="radio"] + label { background:url("../img/icons/icon_radio_off.png") no-repeat center center;  height: 20px; width: 20px; display:inline-block; padding: 0; border-radius: 50%; cursor: pointer; position: relative; top: 4px; }
input[type="radio"]:checked + label { background:url("../img/icons/icon_radio_on.png") no-repeat center center; height: 20px; width: 20px; display:inline-block; padding: 0 0 0 0px; border-radius: 50%; position: relative; top: 4px; }

input[type="checkbox"]{ display:none; }
input[type="checkbox"] + label { background:url("../img/icons/checkbox.png") no-repeat center center;  height: 20px; width: 20px; display:inline-block; padding: 0;  cursor: pointer; position: relative; top: 4px; }
input[type="checkbox"]:checked + label { background:url("../img/icons/checkbox_on.png") no-repeat center center; height: 20px; width: 20px; display:inline-block; padding: 0 0 0 0px; position: relative; top: 4px; }
select { height: 30px; border: 1px solid #d5d5d5; }

/* ÆäÀÌ¡ */
.paging { text-align: center; margin: 15px 0 45px 0; }
.paging span { position: relative; top: 10px; }
.paging a { font-size: 13px; color: #959595; display: inline-block; padding: 0 10px; height: 28px; line-height: 28px; }
.paging strong { color: #0181c8; text-decoration: underline; display: inline-block; padding: 0 10px; height: 28px; line-height: 28px;  }
.paging .first_link { height: 28px; width: 15px; background:url("../img/btns/paging_first_link_btn.gif") no-repeat center center; display: inline-block;}
.paging .last_link { height: 28px; width: 15px; background:url("../img/btns/paging_last_link_btn.gif") no-repeat center center; display: inline-block; }
.paging .next_link { height: 28px; width: 29px; background:url("../img/btns/paging_right_btn.gif") no-repeat center center; display: inline-block; }
.paging .prev_link { height: 28px; width: 29px; background:url("../img/btns/paging_left_btn.gif") no-repeat center center; display: inline-block; }

/* ¹öÆ° */
.wbtn1 { display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; background-color: #8e090a; color: #ffffff; border-radius: 2px; cursor: pointer; font-size: 13px; border: 0; }
.wbtn1:hover { background-color: #5f1314; -webkit-transition: background 2s;  transition: background 2s; }
.wbtn2, .wbtn3 { display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; background-color: #333333; color: #ffffff; border-radius: 2px; cursor: pointer; font-size: 13px; border: 0; }
.wbtn2:hover { background-color: #9e005d;  -webkit-transition: background 2s;  transition: background 2s; }
.wbtn3 { background-color: blue; }

.submit_btn { background-color: #8e090a; color: #ffffff; border: 0; cursor: pointer; display: inline-block; height: 45px; line-height: 45px; width: 300px; border-radius: 2px; font-size: 15px; font-weight: bold; }
.submit_btn:hover { background-color: #5f1314; -webkit-transition: background 2s;  transition: background 2s; }

.button_grp1 { display: table; width: 100%; }
.button_grp1 .wbtns { display: table-cell; vertical-align: middle; width: 50%; text-align: center; height: 3em; line-height: 3em; font-size: 13px; }
.button_grp1 .wbtns.red { background-color: #8e090a; color: #ffffff; }
.button_grp1 .wbtns.white { border: 1px solid #8e090a; color: #8e090a; }

.button_grp2 { display: table; width: 100%; }
.button_grp2 .wbtns { display: table-cell; vertical-align: middle; width: 50% !important; text-align: center; height: 4em; line-height: 4em; font-size: 13px; }
.button_grp2 .wbtns.blue { background-color: #16284c; color: #ffffff; }
.button_grp2 .wbtns.white { border: 1px solid #16284c; color: #16284c; }

/* ¹öÆ° END */

.tab_grp1 { display: table; width: 100%; }
.tab_grp1 .tab { display: table-cell; vertical-align: middle; width: 50%; text-align: center;  border: 1px solid #d5d5d5; text-align: center; padding: 10px 0; font-size: 15px; width: 50%; border-left: 0; margin-bottom: 5px; cursor: pointer; font-weight: bold; }
.tab_grp1 .tab1 {  border-left: 1px solid #d5d5d5;  }
.tab_grp1 .tab.on { background-color: #8e090a; color: #ffffff; border: 1px solid #8e090a; border-left: 0; }
.tab_grp1 .tab1.on { border-left: 1px solid #8e090a;  }

.tab_grp2 .tab { display: inline-block; background-color: #4d60d2; color: #ffffff; height: 30px; line-height: 30px; padding: 0 30px; border-radius: 3px; font-size: 13px; margin-bottom: 3px; }
.tab_grp2 .tab.on { background-color: #202c74; }

.main_title_style1 { font-size: 30px; font-weight: 900; line-height: 36px;  }
.sub_title_style1 { font-size: 13px; font-weight: 500; line-height: 18px; }

.bar_style1 {  border-bottom: 1px solid #e5e5e5; padding-bottom: 30px;  margin-bottom: 15px; }

textarea { border: 1px solid #d5d5d5;  }

.form_box1 .mtitle { font-weight: 900; font-size: 15px; }
.form_box1 .rows { display: table; width: 100%; }
.form_box1 .rows .cell { display: table-cell; vertical-align: top; padding: 13px 10px; border-bottom: 1px solid #e8e8e8; }
.form_box1 .rows .cell1 { width: 120px; font-size: 13px; background-color: #f3f3f3; }
.form_box1 .rows.first .cell { border-top: 1px solid #e8e8e8;  }
.form_box1 .rows.bb .cell { border-bottom: 1px solid #212121; }
.form_box1 .cell input[type='text'], .form_box1 .cell input[type='password'], .form_box1 .cell select, .select { border: 1px solid #d5d5d5; height: 30px; }
.form_box1 input[type='file'] { width: 100%; }
.form_box1 .cell textarea { border: 1px solid #d5d5d5; width: 100%; height: 100px; resize: none;  }

.form_box2 .mtitle { font-weight: 900; font-size: 15px; }
.form_box2 .rows { display: table; width: 100%; }
.form_box2 .rows .cell { display: table-cell; vertical-align: middle; }
.form_box2 .rows .cell1 { width: 80px; }
.form_box2 .cell input[type='text'], .form_box2 .cell input[type='password'], .form_box2 .cell select { border: 1px solid #d5d5d5; height: 30px; }

.form_box3 .rows { display: table; width: 100%; }
.form_box3 .rows .cell { display: table-cell; vertical-align: middle; text-align: center; font-size: 13px; height: 39px; line-height: 39px; }
.form_box3 .rows.header_rows .cell { border-top: 2px solid #303030; border-bottom: 1px solid #d6d6d6; font-weight: 900; background-color: #f0f0f0; }
.form_box3 .rows.tr_rows { cursor: pointer; }
.form_box3 .rows.tr_rows .cell { border-bottom: 1px solid #d5d5d5; font-size: 12px; }
.form_box3 .rows .cell1 { width: 50px; }
.form_box3 .rows .cell3 { width: 80px; }
.form_box3 .rows .cell4 { width: 120px; }

.table_style1 .tr_head td { text-align: center; border-top: 1px solid #d5d5d5; background-color: #f8f8f8; }
.table_style1 td { padding: 10px; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
.table_style1 td.first { border-left: 1px solid #d5d5d5;  }
.table_style1 td input[type='text'] { height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #d5d5d5; }

.box.disabled { opacity: 0.3; -webkit-filter: grayscale(100%); filter: gray; }


/* °ü¸®ÀÚ */
/* admin/top/top.php */
.top_area { display: table; width: 100%; }
.top_area .cell { display: table-cell; height: 40px; vertical-align: middle; background-color: #6c1112;  padding: 0 10px; color: #ffffff; font-size: 13px; }
.top_area .cell1 { width: 180px; }
.top_area .cell a { color: #ffffff; font-size: 13px; }
.top_area .cell2 { text-align: right; }
.top_area .cell3 a { font-weight: 900; padding-right: 15px; }
.top_area .cell3 a:hover { text-decoration: underline; }

.site_layout { display: table; width: 100%; min-height: 900px; }
.site_layout .side_area { display: table-cell; vertical-align: top; width: 60px; background-color: #8e090a; }
.site_layout .content_area { display: table-cell; vertical-align: top; padding: 10px; }

.site_layout .side_menu .tab { display: block; height:75px; border-bottom: 1px solid #a42f30; position: relative; width: 60px; }
.site_layout .side_menu .tab.setting { background:url("../img/icons/setting_cog.png") no-repeat center 10px; background-size: 30px; }
.site_layout .side_menu .setting:hover, .site_layout .side_menu .setting.on {  background: #a42f30 url("../img/icons/setting_cog.png") no-repeat center 10px; background-size: 30px; }
.site_layout .side_menu .tab.member { background:url("../img/icons/icon_person.png") no-repeat center 10px; background-size: 23px; }
.site_layout .side_menu .member:hover, .site_layout .side_menu .member.on {  background: #a42f30 url("../img/icons/icon_person.png") no-repeat center 10px; background-size: 23px; }
.site_layout .side_menu .tab.list { background:url("../img/icons/icon_list.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .list:hover, .site_layout .side_menu .list.on {  background: #a42f30 url("../img/icons/icon_list.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .tab.work { background:url("../img/icons/icon_tool.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .work:hover, .site_layout .side_menu .work.on {  background: #a42f30 url("../img/icons/icon_tool.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .tab.file { background:url("../img/icons/icon_file.png") no-repeat center 15px; background-size: 20px; }
.site_layout .side_menu .file:hover, .site_layout .side_menu .file.on {  background: #a42f30 url("../img/icons/icon_file.png") no-repeat center 15px; background-size: 20px; }
.site_layout .side_menu .tab.chart { background:url("../img/icons/icon_chart.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .chart:hover, .site_layout .side_menu .chart.on {  background: #a42f30 url("../img/icons/icon_chart.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .tab.message { background:url("../img/icons/icon_message.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .message:hover, .site_layout .side_menu .message.on {  background: #a42f30 url("../img/icons/icon_message.png") no-repeat center 15px; background-size: 25px; }

.site_layout .side_menu .tab.schedule { background:url("../img/icons/icon_calendar.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .schedule:hover, .site_layout .side_menu .schedule.on {  background: #a42f30 url("../img/icons/icon_calendar.png") no-repeat center 15px; background-size: 25px; }

.site_layout .side_menu .tab.pencil { background:url("../img/icons/icon_pencil.png") no-repeat center 15px; background-size: 25px; }
.site_layout .side_menu .pencil:hover, .site_layout .side_menu .pencil.on {  background: #a42f30 url("../img/icons/icon_pencil.png") no-repeat center 15px; background-size: 25px; }

.site_layout .side_menu .tab.chat { background:url("../img/icons/icon_chat.png") no-repeat center 15px; background-size:30px; } 
.site_layout .side_menu .tab.chat:hover, .site_layout .side_menu .chat.on { background: #a42f30 url("../img/icons/icon_chat.png") no-repeat center 15px; background-size: 30px; }

.site_layout .side_menu .tab.stock { background:url("../img/icons/icon_stock.png") no-repeat center 15px; background-size:20px; } 
.site_layout .side_menu .tab.stock:hover, .site_layout .side_menu .stock.on { background: #a42f30 url("../img/icons/icon_stock.png") no-repeat center 15px; background-size: 20px; }

.site_layout .side_menu .tab.board { background:url("../img/icons/icon_pencil.png") no-repeat center 15px; background-size:25px; } 
.site_layout .side_menu .tab.board:hover, .site_layout .side_menu .board.on { background: #a42f30 url("../img/icons/icon_pencil.png") no-repeat center 15px; background-size: 25px; }

.site_layout .side_menu .tab .text { position: absolute; bottom: 10px; width: 100%; text-align: center; color: #ffffff; font-size: 13px; }

/* admin/setting */
.setting_page, .admin_page { margin-top: 30px; border-top: 1px solid #e5e5e5; padding-top: 10px; }

/* admin/register_category */
.popup_page { padding: 10px; }
.popup_page .mtitle, .setting_page .mtitle, .admin_page .mtitle { font-size: 17px; font-weight: 900; margin-bottom: 10px; }

/* client/form.php */
.client_form_page { padding: 5px; margin-bottom: 100px; }
.client_form_page .rows .cell1 { width: 100px !important; }
.client_form_page .afterItemsBox .box, .client_form_page .addAfterListBox .box { float: left; border: 1px solid #e8e8e8; width: 130px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; overflow: hidden; }
.client_form_page .afterItemsBox .box .img, .client_form_page .addAfterListBox .img { overflow: hidden; }
.client_form_page .afterItemsBox .box .img img, .client_form_page .addAfterListBox .img img { width: 100%; display: block; }
.client_form_page .afterItemsBox:after, .client_form_page .addAfterListBox:after { clear: left;  }
.client_form_page .afterItemsBox .box .item_title, .client_form_page .addAfterListBox .box .item_title { padding: 10px 0;  letter-spacing: 0; text-align: center; font-size: 11px; white-space:
 nowrap; text-overflow: ellipsis; overflow: hidden; height: 35px; }
.client_form_page .afterItemsBox .box.on .item_title, .client_form_page .addAfterListBox .box.on .item_title { background-color: #69CCD8; color: #ffffff;  }
.client_form_page .calculator_box .size_box { background-color: #ffffff;  border: 1px solid #d5d5d5; display: inline-block; padding: 5px 10px; border-radius: 5px; margin-top: 5px; cursor: pointer; font-size: 11px; }
.client_form_page .calculator_box .size_box.on { background-color: #69CCD8; color: #ffffff; border: 1px solid #69CCD8; }
.client_form_page .settle_rows { display: table; width: 100%; }
.client_form_page .settle_rows .sc { display: table-cell; vertical-align: middle; padding: 10px 0; }
.client_form_page .settle_rows .sc1 { text-align: left; }
.client_form_page .settle_rows .sc2 { text-align: right; font-weight: 900; }
.client_form_page .settle_rows2 .sc { border-top: 1px dotted #d5d5d5;  }
.client_form_page .settle_rows2 .sc2 { font-size: 16px; }
.client_form_page .payment_guide { border: 1px solid #d5d5d5; padding: 10px; color:  #8e090a;  font-size: 13px; }
.client_form_page .sample_box .box_table { display: table; width: 100%; }
.client_form_page .sample_box .box_table .ce { display: table-cell; }
.client_form_page .sample_box .box_table .ce1 { text-align: left; width: 120px; }
.client_form_page .sample_box .box_table .ce2 { text-align: right;  }
.client_form_page .sample_box .box_table .ce2 #sample_keyword { padding: 0 10px; display: none; }

.client_form_page .sample_box .arrow_box { margin-top: 5px; display: none; }
.client_form_page .sample_box .arrow_box > .inner_arrow_box { display: table; width: 100%;  }
.client_form_page .sample_box .arrow_box .arrow_btn { display: table-cell; vertical-align: middle; width: 50%; height: 30px; text-align: center; cursor: pointer; background-color: #69CCD8; color: #ffffff; font-size: 12px; }
.client_form_page .sample_box .arrow_box .arrow_btn.next { background-color: #4d60d2; }

.client_form_page .sample_goods_list > .inner_box { min-height: 100px; margin-top: 5px;  }
.client_form_page .sample_goods_list .goods_box_grp { display: none; }
.client_form_page .sample_goods_list .goods_box_grp1 { display: block; }

.client_form_page .sample_goods_list .goods_box { width: 32.5%; border: 1px solid #d5d5d5; cursor: pointer; margin-bottom: 5px; float: left; margin-right: 3px; }
.client_form_page .sample_goods_list .goods_box .goodsimg { display: table; width: 100%; }
.client_form_page .sample_goods_list .goods_box .goodsimg .inner_img { vertical-align: middle; height: 220px; display: table-cell; width: 100%; background:url("../img/bg/product_bg.jpg");  }
.client_form_page .sample_goods_list .goods_box .goodsimg img { width: 90%; display: block; margin: 0 auto; box-shadow: 5px 5px 10px #666666; }
.client_form_page .sample_goods_list .goods_box .goodsinfo { border-top: 1px solid #d5d5d5; padding: 5px; }
.client_form_page .sample_goods_list .goods_box .goodsinfo .goodsnm { font-weight: 900; font-size: 13px; margin-bottom: 3px; text-overflow: ellipsis; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap; }
.client_form_page .sample_goods_list .goods_box .goodsinfo .sample_size, .client_form_page .sample_goods_list .goods_box .goodsinfo .price_info { font-size: 12px; text-overflow: ellipsis; overflow: hidden; height: 15px; line-height: 15px; white-space: nowrap; }
.sample_goods_list .goods_box.on .goodsinfo { background-color: #8e090a; color: #ffffff; }
.sample_goods_list .goods_box.on .goodsinfo * { color: #ffffff; }
.client_form_page .settle_rows .sample_goodsnm { padding-right: 15px;   }
.client_form_page .settle_rows .sc2 { min-width: 70px; }

.client_form_page .summary_box { background-color: #ffffff; }
.client_form_page .summary_box .summary_box_title { display: none; }
.client_form_page .summary_box.fixed { position: fixed; bottom: 0; left: 0; width: 950px; z-index: 10; border-top: 1px solid #212121; }
.client_form_page .summary_box.fixed .summary_box_title { display: table; width: 100%; border-bottom: 1px solid #212121; cursor: pointer; position: relative; z-index: 1000; }
.client_form_page .summary_box.fixed .summary_box_title.open { background-color: #8e090a; color: #ffffff; }
.client_form_page .summary_box.fixed .summary_box_title.open * { color: #ffffff; }

.client_form_page .summary_box.fixed .summary_box_title .cell { display: table-cell; vertical-align: middle; height: 45px; padding: 0 15px; }
.client_form_page .summary_box.fixed .summary_box_title .cell2 { text-align: right; }
.client_form_page .summary_box.fixed .summary_box_title .cell2 .totalprice { font-size: 16px; font-weight: 900; }
.client_form_page .summary_box.fixed .summary_box_content.off { display: none; }
.client_form_page .file_rows { border: 1px solid #d5d5d5; padding: 5px; margin-top: 5px; }

.client_form_page .guide_box { color: red; text-align: center; padding: 5px 0 10px 0; }
.client_form_page select { background-color: #ffffff; }
.client_form_page .ea { text-align: center; }
.client_form_page .ea_box { display: table; }
.client_form_page .ea_box .ea_cell { display: table-cell; vertical-align: middle; }
.client_form_page .ea_box .ea_cell .ea_btn { display: inline-block; height: 30px; line-height: 30px; width: 30px; text-align: center; font-size: 15px; background-color: #f8f8f8; font-weight: 900; border: 1px solid #d5d5d5; margin-left: 3px; cursor: pointer; }

.client_form_page .inner_rows { display: table; width: 100%; }
.client_form_page .inner_rows > .ce { display: table-cell; vertical-align: middle; }
.client_form_page .inner_rows > .ce1 { width: 90px; vertical-align: top; }
.client_form_page .inner_rows > .ce2 .input_txt { display: block; margin-bottom: 3px; width: 200px;  padding: 0 10px; }
.client_form_page .guide_txt { font-size: 11px; color: #8e090a; margin: 3px 0; }
.client_form_page .guide_txt * { font-size: 11px; color: #8e090a;  }
.client_form_page .guide_txt .bold { font-weight: 900; }
.client_form_page .tax_form { display: none; }
.client_form_page .cash_receipt { display: none; }
.client_form_page .pay_card_box { display: none; }

/* client/chk_password */
.chk_password_page .content_box { border: 1px solid #d5d5d5; padding: 10px; margin: 10px 0; }
.chk_password_page input[type='password'] { padding: 0 10px; }


/* ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ */
/* main/login.php */
.login_page {  background-color: #f2f2f4; padding: 100px 0; min-height: 500px;  width: 100%; min-width: 1000px; top: 0; left: 0; min-height: 800px;  }
.login_page .login_box { width: 605px; margin: 0 auto; background-color: #ffffff; padding: 40px; }
.login_page .mtitle { font-size: 40px; color: #16284c; font-weight: 900; text-align: center; line-height: 40px; margin-bottom: 40px; }
.login_page .login_box .form_box { width: 400px; margin: 0 auto; }
.login_page .login_box .form_title { font-size: 20px; color: #16284c; line-height: 20px; margin-bottom: 20px; }
.login_page .login_box .rows { margin-bottom: 10px; }
.login_page .login_box .rows input[type='text'], .login_page .login_box .rows input[type='password'] { border: 1px solid #cacdd5; display: block; width: 100%; height: 40px; font-size: 13px; color: #c0c0c0; padding: 0 10px; }
.login_page .login_box .rows2 { color: #727272; font-size: 13px; margin-bottom: 30px; }
.login_page .login_box .rows2 #save_id { margin-right: 6px; }
.login_page .login_box .wbtn1 { display: block; border: 0; cursor: pointer; color: #ffffff; background-color: #16284c; font-size: 16px; width: 100%;  height: 50px; line-height: 50px; text-align: center; }
.login_page .login_box .bottom_panel { display: table; border: 1px solid #cacdd5; border-left: 0; border-right: 0; width: 100%; }
.login_page .login_box .bottom_panel .cell { display: table-cell; width: 33.3333%; text-align: center; height: 62px;  vertical-align: middle; }
.login_page .login_box .bottom_panel .cell2 { width: 33.3334%; }
.login_page .login_box .bottom_panel .cell a { font-size: 13px; color: #727272; display: inline-block; height: 20px; width: 100%; border-left: 1px solid #cacdd5; }
.login_page .login_box .bottom_panel .cell1 a { border-left: 0; }
.login_page .login_box .bottom_panel a .icon { margin-right: 10px; }


.login_page .member_form_box { background-color: #ffffff; padding: 20px 15px 30px 15px; }
.login_page .member_form_box .mtitle2, .login_page .member_form_box .mtitle3 { font-size: 20px; color: #16284c; font-weight: 500; border-bottom: 1px solid #cacdd5;  line-height: 20px; padding-bottom: 20px;  }
.login_page .member_form_box .mtitle3 { border-bottom: 0; }

.login_page .member_form_box .checkbox_rows { font-size: 13px; color: #727272; }
.login_page .member_form_box .checkbox_rows input[type='checkbox'] { width: 20px; height: 20px; position: relative; top: 4px; margin-right: 10px; }
.login_page .member_form_box .term_box { height: 130px;  overflow-y: auto; border: 1px solid #cacdd5; padding: 10px; color: #727272; }
.login_page .member_form_box .table_style1 .tr_first > td { border-top: 2px solid #16284c;  }
.login_page .member_form_box .table_style1 td  { border-bottom: 1px solid #cacdd5; padding: 10px 0; }
.login_page .member_form_box .table_style1 .memberCols1 { border-right: 1px solid #cacdd5; padding: 10px 30px; color: #727272; font-size: 13px; }
.login_page .member_form_box .table_style1 .memberCols2 { padding: 10px 20px; }
.login_page .member_form_box .table_style1 input[type='text'], .login_page .member_form_box .table_style1 input[type='password']  { border: 1px solid #cacdd5; height: 30px; padding: 0 10px; color: #727272; }
.login_page .member_form_box .table_style1 .textarea_style1 { border: 1px solid #cacdd5; height: 100px; padding: 0 10px; color: #727272;  }
.login_page .member_form_box .table_style1 .w65 { width: 65px; }
.login_page .member_form_box .table_style1 .w200 { width: 200px; }
.login_page .member_form_box .table_style1 .w420 { width: 420px; }
.login_page .member_form_box .table_style1 .w700 { width: 700px; }
.login_page .member_form_box .table_style1 .subrows1 { margin-bottom: 5px; }

.login_page .member_form_box .table_style1 .sel_text_guide { color: #727272; font-size: 13px; }
.join_ok_page .member_form_box { padding-bottom: 130px; }
.join_ok_page .text1 { font-size: 20px; color: #16284c; text-align: center; margin-bottom: 22px; line-height: 20px; }
.join_ok_page .text2 { text-align: center; }
.join_ok_page .text2 .rows { color: #727272; font-size: 13px; line-height: 13px; margin-bottom: 3px;  }
.join_ok_page .text2 .rows b { color: #fd8204; font-weight: 500; }


.login_page .join_tab { display: block; }
.login_page .guide_box .rows {font-size: 13px; color: #727272; line-height: 13px; }
.login_page .guide_box .rows1 { margin-bottom: 5px; }

/* order/register_design.php */
.file_btn { display: inline-block; padding: 5px 10px; border: 1px solid #d5d5d5; border-radius: 2px; background-color: #f8f8f8; }

.memo_box_area { margin: 10px 0; }
.memo_box_area .memo_title { font-weight: 900; font-size: 13px; }
.cmemo_box_area .memo_box { border: 1px solid #d5d5d5; padding: 10px; margin: 10px 0; }

/* work/list.php */
.admin_order_page .category_title { font-weight: 900; font-size: 14px; margin-bottom: 10px; text-align: center; }
.admin_order_page .td_contents .rows { display: table; }
.admin_order_page .td_contents .rows .cell { display: table-cell; vertical-align: middle; padding: 5px 0; }
.admin_order_page .td_contents .rows .cell1 { width: 120px; font-weight: 900; color: #7d0000; }
.admin_order_page .td_contents .rows .cell2 { min-width: 200px; }

/* admin/index.php */
.admin_index_page .main_logo { display: block; margin: 80px auto 10px auto; }
.admin_index_page .text1 { font-size: 17px; font-weight: 900; text-shadow: 1px 1px 1px #666666; text-align: center; }
.admin_index_page .stat_table { margin: 50px auto; }

/* kakao/popup_template.php */
.popup_template_page .template_table_box { display: table; width: 100%; }
.popup_template_page .template_box { display: table-cell; vertical-align: top; width: 33.3333%;  }
.popup_template_page .template_box > .inner { margin: 2px; border: 1px solid #d5d5d5; padding: 10px; height: 320px; overflow-y: auto; }
.popup_template_page .template_box > .inner .area1 { height: 30px;  }
.popup_template_page .template_box > .inner .area2 textarea { background-color: #f8f8f8; }
.popup_template_page .template_box .rows { margin-bottom: 3px; }
.popup_template_page .template_box  .item_title { display: inline-block; width: 120px; }
.popup_template_page .userinfo { border: 1px solid #d5d5d5; padding: 10px; margin-bottom: 2px;  }
.popup_template_page .userinfo input[type='text'] { height: 28px; border: 1px solid #d5d5d5;  }
.popup_template_page .tab_content { display: none; }
.popup_template_page .tab_content1 { display: block; }


/* client/form2.php */
.cart_box { margin: 15px 0; }
.cart_box .header_rows { display: table; width: 100%; }
.cart_box .header_rows .tab { display: table-cell; vertical-align: middle; padding: 8px 10px; border: 1px solid #d5d5d5; border-left: 0; background-color: #f8f8f8; text-align: center; width: 12.5%; }
.cart_box .header_rows .tab1 { border-left: 1px solid #d5d5d5; }

.cart_box .body_rows { display: table; width: 100%; }
.cart_box .body_rows > .cell { display: table-cell; vertical-align: middle; width: 12.5%; text-align: center; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
.cart_box .body_rows > .cell1 { border-left: 1px solid #d5d5d5; }
.cart_box .body_rows > .cell .item_ea { border: 1px solid #d5d5d5; height: 25px; width: 25px; text-align: center; }
.cart_box .body_rows > .cell .ea_btn { display: inline-block; border: 1px solid #d5d5d5; height: 25px; line-height: 25px; width: 25px; border-left: 0; cursor: pointer; text-align: center !important;  }
.cart_box .body_rows > .cell8 { text-align: center; padding: 3px 5px; }
.cart_box .body_rows > .cell8 .remove_btn { background-color: #4d60d2; color: #ffffff; display: inline-block; width: 100%; padding: 5px 0; cursor: pointer; }
.cart_box .body_rows > .cell8 .remove_btn:hover { background-color: #6676da; }
.client_list_page .mobile_view2 { display: none; }
.cart_box .inner_table .ce1 { display: none; }

.cart_box2 .tab { width: 14.2857%;  }
.cart_box2 .cell { width: 14.2857%; height: 35px;  }

.cart_box3 { margin: 15px 0; }
.cart_box3 td { padding: 10px; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
.cart_box3 .header_rows { background-color: #f8f8f8; }
.cart_box3 .header_rows td { border-top: 1px solid #d5d5d5; text-align: center; }
.cart_box3 .header_rows .tab1, .cart_box3 .body_rows .cell1 { border-left: 1px solid #d5d5d5; }
.cart_box3 .body_rows > .cell8 .remove_btn { background-color: #4d60d2; color: #ffffff; display: inline-block; width: 100%; padding: 5px 0; cursor: pointer; }
.cart_box3 .body_rows > .cell8 .remove_btn:hover { background-color: #6676da; }

.cart_box3 .body_rows .inner_rows { margin-bottom: 15px; }
.cart_box3 .body_rows .inner_rows input[type='text'] { height: 30px; border: 1px solid #d5d5d5; }
.cart_box3 .body_rows .inner_rows .text { font-weight: 900; margin-bottom: 5px; }
.mobile_border { height:1px; background-color: #212121;  display: none; }

/* admin/order/list.php */
.admin_order_page .excel_btn_grp { display: table; margin-bottom: 100px; }
.admin_order_page .excel_btn_grp > .mg { display: table-cell; vertical-align: top; width: 10px; }
.admin_order_page .excel_btn_grp > .cell { display: table-cell; vertical-align: middle; height: 50px; width: 150px; background: #1e7145 url("../img/icons/icon_xls.png") no-repeat left center; color: #ffffff; font-size: 15px; font-weight: 900; text-indent: 60px; cursor: pointer; }

.sync_page .settle_rows { display: table; width: 100%; }
.sync_page .settle_rows .sc { display: table-cell; vertical-align: middle; padding: 10px 0; }
.sync_page .settle_rows .sc1 { text-align: left; }
.sync_page .settle_rows .sc2 { text-align: right; font-weight: 900; }
.sync_page .settle_rows2 .sc { border-top: 1px dotted #d5d5d5;  }
.sync_page .settle_rows2 .sc2 { font-size: 16px; }

/* client/tab2.php */
.top_login_area { height: 35px; border-bottom: 1px solid #d5d5d5; background-color: #f8f8f8; margin-bottom: 20px; display: table; }
.top_login_area > .cell { display: table-cell; vertical-align: middle; padding: 0 10px; }
.top_login_area > .cell2 { text-align: right; }
.top_login_area * { font-size: 13px; font-weight: 900; cursor: pointer; display: inline-block; }

/* client2/login.php */
.popup_login_page { padding: 0; }
.popup_login_page .mtitle { text-align: center; border-bottom: 1px solid #d5d5d5; height: 40px; line-height: 40px;  }
.popup_login_page .guide_box { margin: 10px; border: 1px solid #8e090a; padding: 10px; color:#ffffff; background-color: #8e090a; }
.popup_login_page .stitle { text-align: center; font-size: 13px; font-weight: 900; margin: 20px 0 10px 0; }
.popup_login_page .social_login_btn { width: 300px; display: block; margin: 0 auto 5px auto; cursor: pointer; }
.popup_login_page .social_login_btn.naver_social_login { border: 1px solid #1ec800; height: 49px; background-color: #1ec800; border-radius: 3px; font-weight: 900; color: #ffffff; font-size: 15px; }
.popup_login_page .social_login_btn.naver_social_login .icon { height: 47px; margin-right: 40px; border-right: 1px solid #1bb200;  } 

.popup_login_page .social_login_btn.google_social_login { border: 1px solid #d5d5d5; height: 49px; border-radius: 3px; font-weight: 900;  font-size: 15px; }
.popup_login_page .social_login_btn.google_social_login .icon { height: 37px; margin-right: 40px;  margin-top: 5px; margin-left: 5px; } 

/* member/social_agreement.php */
.social_login_page { padding: 10px; }
.social_login_page .mtitle { font-size: 17px; font-weight: 900; text-align: center; }
.social_login_page .guide_box1 { height: 40px; line-height: 40px; text-align: center; font-size: 13px; font-weight: 900;  margin-bottom: 10px; }
.social_login_page .guide_box1.kakao_box {background-color: yellow; }
.social_login_page .guide_box1.naver_box {background-color: green; color: #ffffff; }
.social_login_page .guide_box1.google_box { background-color:#f8f8f8; }
.social_login_page .guide_box2 { border: 1px solid #d5d5d5; padding: 15px; font-size: 12px; line-height: 16px;  background-color: #f8f8f8; }
.social_login_page .mtitle2 { font-size: 13px; font-weight: 900; }
.social_login_page .term_box { border: 1px solid #d5d5d5; height: 150px; overflow-y: auto; padding: 10px; font-size: 12px; line-height: 16px; background-color: #f8f8f8; }
.social_login_pag .checkbox_rows { font-size: 12px; color: #8e090a; }

.social_login_page .profile_image { width: 110px; height: 110px; margin: 0 auto 30px auto; overflow: hidden; border-radius: 50%;  }
.social_login_page .profile_image img { height: 100%; }
.social_login_page .input_row input[type='text'] { border: 1px solid #d5d5d5; height: 30px; padding: 0 10px; }

.gotoUp { position: fixed; bottom: 60px; right: 10px; cursor: pointer; }
.gotoDown { position: fixed; bottom: 10px; right: 10px; cursor: pointer; }

.sel_btn_style1 { background-color: #d5d5d5; display: inline-block; color: #212121; font-weight: 500; padding: 5px 10px; cursor: pointer; border-radius: 3px; font-size: 14px; letter-spacing: -1px; margin: 2px 0; }
.sel_btn_style1.on, .sel_btn_style1:hover { background-color: #7e0809; color: #ffffff; }

/* client2/form2.php */
.guide_box_area .guide_box3 { display: table; width: 100%; }
.guide_box_area .guide_box3 > .ce { display: table-cell; vertical-align: middle;  padding: 10px; }
.guide_box_area .guide_box3 > .ce1 { width: 100px; text-align: center; background-color: #0a1429; }
.guide_box_area .guide_box3 > .ce2 {  background-color: #f3f3f3; }
.guide_box_area .guide_box3 > .ce3 { width: 100px; background-color: #f3f3f3;  }
.mobile_show { display: none; }

/* admin/order2/add_order_item.php */
.add_order_item_page .calculator_box .size_box { border: 1px solid #d5d5d5; display: inline-block; padding: 5px 10px; border-radius: 5px; margin-top: 5px; cursor: pointer; font-size: 11px; }
.add_order_item_page .calculator_box .size_box.on { background-color: #69CCD8; color: #ffffff; border: 1px solid #69CCD8; }


.add_order_item_page .afterItemsBox .box, .add_order_item_page .addAfterItemsBox .box  { float: left; border: 1px solid #e8e8e8; width: 130px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; overflow: hidden; }
.add_order_item_page .afterItemsBox .box .img, .add_order_item_page .addAfterItemsBox .box .img { overflow: hidden; }
.add_order_item_page .afterItemsBox .box .img img, .add_order_item_page .addAfterItemsBox .box .img img { width: 100%; display: block; }
.add_order_item_page .afterItemsBox:after, .add_order_item_page .addAfterItemsBox:after { clear: left;  }
.add_order_item_page .afterItemsBox .box .item_title, .add_order_item_page .addAfterItemsBox .box .item_title { padding: 10px 0;  letter-spacing: 0; text-align: center; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 35px;}
.add_order_item_page .afterItemsBox .box.on .item_title, .add_order_item_page .addAfterItemsBox .box.on .item_title { background-color: #69CCD8; color: #ffffff;  }

.add_order_item_page .sample_goods_list > .inner_box { min-height: 100px; margin-top: 5px;  }
.add_order_item_page .sample_goods_list .goods_box_grp { display: none; }
.add_order_item_page .sample_goods_list .goods_box_grp1 { display: block; }

.add_order_item_page .sample_goods_list .goods_box { width: 32.5%; border: 1px solid #d5d5d5; cursor: pointer; margin-bottom: 5px; float: left; margin-right: 3px; }
.add_order_item_page .sample_goods_list .goods_box .goodsimg { display: table; width: 100%; }
.add_order_item_page .sample_goods_list .goods_box .goodsimg .inner_img { vertical-align: middle; height: 220px; display: table-cell; width: 100%; background:url("../img/bg/product_bg.jpg");  }
.add_order_item_page .sample_goods_list .goods_box .goodsimg img { width: 90%; display: block; margin: 0 auto; box-shadow: 5px 5px 10px #666666; }
.add_order_item_page .sample_goods_list .goods_box .goodsinfo { border-top: 1px solid #d5d5d5; padding: 5px; }
.add_order_item_page .sample_goods_list .goods_box .goodsinfo .goodsnm { font-weight: 900; font-size: 13px; margin-bottom: 3px; text-overflow: ellipsis; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap; }
.add_order_item_page .sample_goods_list .goods_box .goodsinfo .sample_size, .add_order_item_page .sample_goods_list .goods_box .goodsinfo .price_info { font-size: 12px; text-overflow: ellipsis; overflow: hidden; height: 15px; line-height: 15px; white-space: nowrap; }
.add_order_item_page .goods_box.on .goodsinfo { background-color: #8e090a; color: #ffffff; }
.add_order_item_page .goods_box.on .goodsinfo * { color: #ffffff; }

.add_order_item_page .sample_box .arrow_box { margin-top: 5px; display: none; }
.add_order_item_page .sample_box .arrow_box > .inner_arrow_box { display: table; width: 100%;  }
.add_order_item_page .sample_box .arrow_box .arrow_btn { display: table-cell; vertical-align: middle; width: 50%; height: 30px; text-align: center; cursor: pointer; background-color: #69CCD8; color: #ffffff; font-size: 12px; }
.add_order_item_page .sample_box .arrow_box .arrow_btn.next { background-color: #4d60d2; }

/* board/skin/review/list.php */
.list_search_box { border: 1px solid #e5e5e5; background-color: #f7f8f9; padding: 15px; margin: 10px 0; }
.list_search_box .mtitle { margin: 0; font-size: 15px; }
.list_search_box .inner_box { display: table; width: 100%; }
.list_search_box .inner_box > .cell { display: table-cell; vertical-align: middle; padding: 10px 0; }
.list_search_box .inner_box > .cell1 { width: 50px; font-size: 13px;  }
.list_search_box .inner_box > .cell2 { width: 80px; }
.list_search_box .inner_box input[type='text'] { height: 30px; border: 1px solid #d5d5d5; }
.list_search_box .inner_box > .cell4 { width: 94px; text-align: right; }

/** °øÅë Ãß°¡ S */
.date_quick_btns { margin-bottom: 5px; display: flex; height: 25px; }
.date_quick_btns .quick_btn { line-height: 23px; border: 1px solid #222; padding: 0 10px; cursor: pointer; margin-right: 3px; font-size: 12px; border-radius: 5px; }
 .date_quick_btns .quick_btn:hover,
  .date_quick_btns .quick_btn.on {  background: #222; color: #fff;  }
/** °øÅë Ãß°¡ E */

/* ºê·¹ÀÌÅ© Æ÷ÀÎÆ® Á¤ÀÇ */
@media all and (max-width: 950px) {
    .board_page  { margin: 20px 10px; }
    .layout_width, .client_form_page .summary_box.fixed { width: 100%; }
}

@media all and (max-width: 750px) {
    .client_form_page .sample_goods_list .goods_box { width: 49%; }
    .client_form_page .sample_goods_list .goods_box .goodsimg .inner_img { height: 200px; }
    
   .cart_box { border-top: 1px solid #d5d5d5; }
   .cart_box .cell, .cart_box .selected_goods { margin-bottom: 10px; }
   .cart_box .cell, .cart_box .body_rows { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
   .cart_box .cell, .cart_box .body_rows:first-child > .cell1 { border-top: 1px solid #d5d5d5;  }
   .cart_box .header_rows { display: none; }
   .cart_box .inner_table { display: table; width: 100%; }
   .cart_box .inner_table .ce { display: table-cell; vertical-align: middle; font-size: 12px; height: 30px;  }
   .cart_box .inner_table .ce1 { width: 100px; background-color: #f2f2f2; font-weight: 900; }
   .cart_box .inner_table .ce2 { text-align: left; padding: 0 10px; }
   .client_list_page .mobile_view2 { display: table-cell; }
   .mobile_show { display: block !important; }
   .mobile_border { display: block; }
   
   .board_page .form_box1 .cell1 { display: none; }
   .board_page .form_box1 input[type='text'], .board_page .form_box1 input[type='password'] { width: 100%; }
   .board_page .form_box1 .captcha_text { width: 45% !important; }
}
@media all and (max-width: 580px) {
   .form_box3 .header_rows { display: none; }
   .form_box3 .tr_rows { display: block !important; margin-bottom: 10px; border-top: 1px solid #2f2f2f; }
   .form_box3 .tr_rows .cell { display: block !important; width: 100% !important; border-bottom: 1px solid #d5d5d5; }
   .form_box3 .tr_rows .cell .inner_table { display: table; width: 100%; }
   .form_box3 .tr_rows .cell .inner_table .ce { display: table-cell; vertical-align: middle; font-size: 12px; }
   .form_box3 .tr_rows .cell .inner_table .ce1 { width: 100px; background-color: #f2f2f2; font-weight: 900; }
   .form_box3 .tr_rows .cell .inner_table .ce2 { text-align: left; padding: 0 10px; }
   .guide_box_area { padding-top: 10px; }
   .guide_box_area .guide_box3 .ce1 { width: 60px; }
   .guide_box_area .guide_box3 .ce1 img { width: 40px; }
   .guide_box_area .guide_box3 > .ce3 { display: none; }
}

@media all and (max-width: 555px) {
   .client_form_page .afterItemsBox .box { width: 47%;  }
   .client_list_page .mobile_view { display: table-cell; }
}

@media all and (max-width: 500px) {
    .sample_box { display: block !important; position: relative; }
    .sample_box .cell { display: block !important; }
    .sample_box .cell1 { width: 100% !important; text-align: center !important; background-color: #ffffff !important; font-weight: 900; border-bottom: 0 !important; }
    .sample_box #sample_keyword { position: absolute; top: 4px; right: 0;  width: 70%; height: 35px; }
    .client_form_page .inner_rows .ce1 { display: none; }
    .sample_box .cell2 { padding-top: 0px !important; }
    .mobile_hidden_500 { display: none; }
}

@media all and (max-width: 450px) {
    .client_form_page .sample_goods_list .goods_box .goodsimg .inner_img { height: 180px; }
    .mobile_hidden { display: none; }
}

@media all and (max-width: 430px) {
     .client_form_page .sample_goods_list .goods_box .goodsimg .inner_img { height: 160px; }
}