@charset "euc-kr";
/* CSS Document */

/*board*/
.mall_table{ border-top:1px solid #111; font-size:.813em} 
.mall_table.notop{ border-top:none}
.mall_table caption{ text-align:left; line-height:40px}
.mall_table caption .no{ display:inline-block; font-size:1.500em; color:#111; font-family:"roB","ngB",sans-serif; padding:0 10px;}
.mall_table caption .tt{ display:inline-block; font-size:1.250em; color:#777; font-family:"roB","ngB",sans-serif;}
.mall_table th{ border-bottom:1px dashed #aaa; padding:10px 5px; color:#111}
.mall_table td{ text-align:center; border-bottom:1px solid #ddd; padding:10px 5px; vertical-align:middle; color:#666;}
.mall_table.row{}
.mall_table.row th{ text-align:right; border-color:#ddd; padding-right:10px}
.mall_table.row td{ text-align:left; padding:10px 15px;}
.mall_table td.w_prod{ text-align:left}
.mall_table td a:not(.prod_info):hover{ text-decoration:underline;}
.mall_table .w_check{ width:50px; vertical-align:top}
.mall_table .w_chk{ width:30px}
.mall_table .w_no{ width:50px;}
.mall_table .w_num{ width:200px;}
.mall_table .w_date{ width:100px}
.mall_table .w_date2{ width:170px}
.mall_table .w_name{ width:70px}
.mall_table .w_hit{ width:70px}
.mall_table .w_state{ width:120px}
.mall_table .w_tit{ width:auto}
.mall_table td.w_tit{text-align:left}
.mall_table .w_tit a{ display:block}
.mall_table .w_star{ width:100px; color:#111;}
.mall_table .w_prod{ width:auto}
.mall_table .w_price{ width:150px}
.mall_table .w_price2{ width:150px}
.mall_table .w_point{ width:100px}
.mall_table .w_vol{ width:85px}
.mall_table .w_delivery{ width:80px}
.mall_table .w_btn{ width:80px}
.mall_table .w_mark{ width:80px; text-align:center}
.mall_table .w_arrow{ width:80px}
.mall_table .w_sort{ width:130px}

.mall_table tr.list_notice td{ background:#fafcff}
.mall_table tr.list_notice td a{ font-family:"roB","ngB",sans-serif; color:#111;}
.mall_table tr.list_reply td{ background:#fcfcfc}

.mall_board .after_dp td,
.mall_board .qna_dp td{ padding:25px 5px;}
.mall_board .td_btn{ position:absolute; top:5px; right:5px;}
.mall_board .answer td{ background:#f5f5f5;}
.mall_board .tt_state{ display:none;}

.mall_table .mentNo{}

.mall_table.row.view td{ height:20px}
.mall_table.row.view .view_tit{ padding:10px 10px; text-align:center; font-size:1.313em;}
.mall_table.row.view .view_info{line-height:20px}
.mall_table.row.view .view_info .info_wrap{ float:left; width:50%}
.mall_table.row.view .view_info .info_wrap > li{ display:inline-block; *display:inline; zoom:1; margin-left:20px}
.mall_table.row.view .view_info .info_wrap > li:first-child{ margin-left:0}
.mall_table.row.view .view_info .view_icon.name:before{content:"\e9f5"}
.mall_table.row.view .view_info .view_icon.date:before{content:"\e9a4"}
.mall_table.row.view .view_info .view_icon.edate:before{content:"\e9a4"}
.mall_table.row.view .view_info .view_icon.hit:before{content:"\e950"}
.mall_table.row.view .view_info .view_icon.file:before{content:"\ea83"}
.mall_table.row.view .view_info .file_wrap{ float:left; width:50%; text-align:right}
.mall_table.row.view .view_info .file_wrap .list{ display:inline-block; *display:inline; zoom:1; margin-right:10px}

.mall_table.row.view .view_con{ padding:40px; height:100px}
.mall_table.row.view .view_con .file_wrap{ margin-bottom:20px; text-align:center}
.mall_table.row.view .view_con .reply_wrap{ margin-top:20px; padding-top:20px; border-top:1px dotted #aaa}
.mall_table.row.view .sec{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:20px; height:10px; border-right:1px solid #ddd}

.ess{ display:inline-block; width:10px; text-align:right; font-family:"roB","ngB",sans-serif; color:#111; font-size:1rem}
.ess:before{content:"*"}
.ess.off:before{content:""}

.prod_info{ display:block}
.prod_info *{display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.prod_info .img{ width:50px; border:1px solid #ddd; margin-right:5px}
.prod_info .tit{ font-family:"roB","ngB",sans-serif; color:#111}
.prod_info .tit:hover{ text-decoration:underline;}
.prod_info.big .img{ width:100px}

.prod_info_op{ background:#f5f5f5; margin-top:5px; font-size:.813em}
.prod_info_op > li{ display:inline-block; *display:inline; zoom:1; padding:5px; margin:2px 5px}
.prod_info_op > li:before{ content:"/"; padding-right:15px}
.prod_info_op > li:first-child:before{content:"¿É¼Ç :"; font-family:"roB","ngB",sans-serif;}

.tt_prod_price{ font-family:"roB","ngB",sans-serif; color:#111; font-size:1.125rem; vertical-align:baseline}
.tt_prod_price_b{ text-decoration:line-through; vertical-align:baseline}
.tt_prod_point{ font-family:"roB","ngB",sans-serif; color:#45bfbf; font-size:.875rem; vertical-align:baseline}
.tt_prod_point.use{ color:#FF3333}
.tt_prod_bank{ font-family:"roB","ngB",sans-serif; color:#111;}
.tt_prod_num{ color:#111; font-size:.875rem; vertical-align:baseline}

.coupon_reg{ text-align:center; border-top:1px solid #111; padding:30px; background:#f9f9f9}
.coupon_reg .inp{ width:30%; border-color:#111}

/*auction*/
.auction_table{ font-size:.813em;}
.auction_table th,
.auction_table td{ padding:10px 5px; border:1px solid #ddd; text-align:center;}
.auction_table th{ background:#f6f6f6;}
.auction_table td{ color:#444;}
.auction_table thead th{ border-top:1px solid #111;}
.auction_table .w_no{ width:50px;}
.auction_table .w_num{ width:120px; word-break: break-all;}
.auction_table .w_date{ width:80px}
.auction_table .w_date2{ width:80px}
.auction_table .w_name{ width:100px}
.auction_table .w_tit{ width:auto}
.auction_table .w_tit a{ display:block}
.auction_table .w_prod{ width:auto}
.auction_table td.w_prod{ text-align:left;}
.auction_table .w_price{ width:100px}
.auction_table .w_person{ width:70px;}
.auction_table .w_rank{ width:70px}
.auction_table .w_state{ width:115px}

/**/
.board_icon{ vertical-align: sub}
.board_icon.new{ font-size:1.5em; color: #2a8f93}
.board_icon.notice{ font-size:1.5em; color:#003399}
.board_icon.reply{ color:#333}
.board_icon.notice:before{ content:"\ea5b"}
.board_icon.new:before{ content:"\e9a8"}
.board_icon.reply:before{ content:"\e981"}
.board_icon.file:before{ content:"\ea83"}
.board_icon.lock:before{ content:"\e966"}

.board_small_icon{ line-height:20px; background:none; border:1px solid #111; border-radius:3px; font-family:"roB","ngB",sans-serif; font-size:.75rem; padding:0 5px; color:#111; vertical-align:middle; opacity:.5}
.board_small_icon:hover{ opacity:1}
.board_small_icon .delete:before{content:"\e96f"}
.board_small_icon .modify:before{content:"\ea39"}

/**/
.board_faq{border-top:2px solid #333; font-size:.813rem}
.board_faq .article{ border-bottom:1px solid #ddd}
.board_faq .article .qq{ position:relative}
.board_faq .article .aa{ display:none; position:relative; background:#f9f9f9; border-top:1px dashed #ccc}
.board_faq .article .mark{ position:absolute; left:0; width:50px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:2em; text-align:center}
.board_faq .article .qq .mark{ color:#333}
.board_faq .article .qq.on{ background:#f9f9f9}
.board_faq .article .qq.on .mark{ color:#005aa6}
.board_faq .article .aa .mark{ color:#999; top:15px}
.board_faq .article .arrow{ position:absolute; right:0; top:0; width:50px; height:100%; font-size:1.5em; text-align:center; color:#bbb}
.board_faq .article .arrow .xi:before{ content:"\e941"; font-family:xeicon!important;}
.board_faq .article .qq.on .arrow .xi:before{ content:"\e944"}
.board_faq .article .tt{ display:block; padding:20px 60px ;line-height:20px}
.board_faq .article .qq.on .tt{ font-family:"roB","ngB",sans-serif;}
.board_faq .article .aa .tt{ padding-right:10px}

/**/
.detail_search{ margin-bottom:20px; border-top:1px solid #333; font-family:"roB","ngB",sans-serif; font-size:.813em; color:#333;}
.detail_search .inner{}
.detail_search .inner > li{ position:relative; padding-left:170px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.detail_search .inner > li .con_tit{ position:absolute; z-index:2; left:0; top:0; bottom:0; width:170px; background:#f5f5f5; border-right:1px solid #ddd;}
.detail_search .inner > li .con_tit i{ vertical-align:middle;}
.detail_search .inner > li .con_tit .xi{ font-size:1.5em; padding-right:5px;}
.detail_search .inp_wrap{ position:relative; z-index:1; padding:10px 15px;}
.detail_search .inp_wrap .check_con{}
.detail_search .inp_wrap .check_con .label_st{ margin-left:15px;}
.detail_search .inp_wrap .check_con .label_st:first-child{ margin-left:0;}
.detail_search .inp_wrap .date_con{ overflow:hidden;}
.detail_search .inp_wrap .date_con > li{ float:left; width:60%;}
.detail_search .inp_wrap .date_con > li:first-child{ width:40%;}
.detail_search .inp_wrap .inp{ box-sizing: border-box; padding:5px 10px; height:35px; vertical-align:middle; color:#444;}
.detail_search .inp_wrap .inpD,
.detail_search .inp_wrap .inpT{ background:#f5f5f5; border:1px solid #ccc; color:#111}
.detail_search .inp_wrap .inpD{ width:45%; cursor:pointer;}
.detail_search .inp_wrap .inpS{ width:15%; padding-right:30px;}
.detail_search .inp_wrap .inpT{ width:65%;}
.detail_search .inp_wrap .btnD{ border:1px solid #ccc; border-radius:3px; font-size:.938em;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.detail_search .inp_wrap .btnD:hover{ border-color:#888; color:#000;}
.detail_search .inp_wrap .btn{ margin-left:1%; padding:0; border:none; background-color:transparent;}
.detail_search .inp_wrap .btn .xi{ font-size:1.875em; color:#181a1d; transition:.3s;}
.detail_search .inp_wrap .btn:hover .xi{ color:#2a8f93;}

/**/
.board_search_wrap{ overflow:hidden; padding:15px 20px; background:#f9f9f9; border:1px solid #eee; font-size:.813em; margin-top:40px}
.board_search_wrap .search_wrap{ float:left}
.board_search_wrap .search_wrap .tit{ font-family:"roB","ngB",sans-serif; font-size:1.25em; color:#444; line-height:35px; padding-right:10px; text-transform:uppercase;}
.board_search_wrap .btn_wrap{ float:right}

/**/
.board_paging{ text-align:center; margin-top:50px; font-size:.813rem}
.board_paging button{ vertical-align:top; width:30px; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif}
.board_paging button:hover,
.board_paging button.on{ background:#444; color:#fff}
.board_paging button.icon{ background:#f1f1f1;}
.board_paging button.icon:hover{ background:#aaa}

/**/
.label_st.ml{ margin-left:20px}
.label_st.mr{ margin-right:20px}
.label_st{display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ padding-left:3px}
.label_st:not(.cssbrowser) input:checked + span,
.label_st:not(.cssbrowser) input:checked + span + *{ color:#111}

.label_st.de:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.75em; color:#aaa}
.label_st.de:not(.cssbrowser) input:checked + .xi + span,
.label_st.de:not(.cssbrowser) input:checked + .xi:before{ color:#111}
.label_st.de:not(.cssbrowser) input[type=checkbox] + .xi:before{ content:"\e92c"}
.label_st.de:not(.cssbrowser) input[type=checkbox]:checked + .xi:before{ content:"\e92b"}
.label_st.de:not(.cssbrowser) input[type=radio] + .xi:before{ content:"\e9c6"}
.label_st.de:not(.cssbrowser) input[type=radio]:checked + .xi:before{ content:"\e9c7"}
.label_st.de:not(.cssbrowser) input[type=checkbox],
.label_st.de:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:0 10px; box-sizing:border-box; background-color:#fff; height:35px; line-height:33px;}

input[type=file].input_st{ background:none; border:none; padding:0; font-size:.938em; line-height:28px; height:28px}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ font-family:"roB","ngB",sans-serif; min-width:35px; padding:0 15px;}
select.input_st{padding:0 30px 0 5px}
textarea.input_st{ padding:10px; width:100%; height:100px; line-height:1.2;}

.input_st:hover,
.input_st:focus{ border-color:#aaa; background-color:#f9f9f9; color:#111}
.input_st[disabled=disabled]{ cursor:default}
.input_st[disabled=disabled]:hover{ border-color:#ddd; color:#666}
select.input_st:hover,
select.input_st:focus{ color:#666}
.input_st .xi{ font-size:1.25em}

.input_st.s1{ line-height:50px; height:50px; padding:0 20px;}
input[type=button].input_st.s1,
input[type=submit].input_st.s1,
button.input_st.s1,
a.input_st.s1{ min-width:110px; font-family:"roB","ngB",sans-serif; font-size:.938em;} 

.input_st.s2{ line-height:30px; height:30px; padding:0 10px}
input[type=button].input_st.s2,
input[type=submit].input_st.s2,
button.input_st.s2,
a.input_st.s2{ min-width:100px; padding:0 10px}

.input_st.s3{ height:26px; line-height:24px; padding:0 10px}
input[type=button].input_st.s3,
input[type=submit].input_st.s3,
button.input_st.s3,
a.input_st.s3{}
.input_st.s3 .xi{ font-size:1em}

.input_st.c1{ background:#222; border-color:#222; color:#fff}
.input_st.c1.re{ background:#fff; border-color:#222; color:#222}
.input_st.c2{ background:#999; border-color:#999; color:#fff}
.input_st.c2.re{ background:#f5f5f5; border-color:#bbb; color:#777}
.input_st.c3{ background: #003399; border-color:#003399; color:#fff}
.input_st.c3.re{ background:#fff; border-color:#003399; color:#003399}
.input_st.c4{ background: #2a8f93; border-color:#2a8f93; color:#fff}
.input_st.c4.re{ background:#fff; border-color:#2a8f93; color:#2a8f93}

.input_st.w1{ width:180px}
.input_st.w2{ width:80px}
.input_st.w100{ width:100%}

.input_sec{ display:inline-block; width:14px; text-align:center; vertical-align:middle}
.input_rowsec{ display:block; height:3px}
.input_tt{ vertical-align:middle}

.label_ml{ margin-left:30px}
.label_mr{ margin-right:30px}

.page_btn_wrap{ overflow:hidden; text-align:center; margin-top:1em}
.page_btn_wrap .left{ float:left}
.page_btn_wrap .right{ float:right}
.page_btn_wrap.board_btn{ font-size:.813em}
.page_btn_wrap.board_btn .input_st{ min-width:100px}

.w_form_tit{ width:150px}
.board_write .w_form_tit{ width:100px}
.w_editor{ width:99.5%; height:400px}

/**/
.inp_w1{ width:90px}
.inp_w2{ width:180px}
.inp_w3{ width:250px}
.inp_w10{ width:10%}
.inp_w15{ width:15%}
.inp_w20{ width:20%}
.inp_w25{ width:25%}
.inp_w30{ width:30%}
.inp_w35{ width:35%}
.inp_w40{ width:40%}
.inp_w45{ width:45%}
.inp_w50{ width:50%}
.inp_w60{ width:60%}
.inp_w65{ width:65%}
.inp_w70{ width:70%}
.inp_w75{ width:75%}
.inp_w80{ width:80%}
.inp_w85{ width:85%}
.inp_w90{ width:90%}
.inp_w95{ width:95%}
.inp_w100{ width:100%}
.textarea_w1{ width:100%; height:200px !important;}
.textarea_w2{ width:99%; height:200px;}

@media screen and (max-width:1023px){
/*board*/
.mall_table{} 
.mall_table caption{ line-height:30px}
.mall_table caption .no{ font-weight:bold; padding:0 5px;}
.mall_table caption .tt{ font-weight:bold;}
.mall_table.row td{ padding:5px 10px;}

.mall_board .w_date{ width:80px}
.mall_board .w_hit{ display:none;}

.mall_table.row.view .view_info{}
.mall_table.row.view .view_info .info_wrap{ float:none; width:100%}
.mall_table.row.view .view_info .info_wrap > li{ margin-right:10px; margin-left:0;}
.mall_table.row.view .view_info .file_wrap{ float:none; width:100%; text-align:left; padding-top:5px;}

.mall_table.row.view .view_con{ padding:15px 10px; height:auto;}
.mall_table.row.view .view_con .file_wrap img{ height:auto !important;}

/**/
.tt_prod_price{ font-weight:bold;}
.tt_prod_point{ font-weight:bold;}
.tt_prod_bank { font-weight:bold;}

/*¸ð¹ÙÀÏ Å×À̺í*/
.response_table{ border-top:none !important;}
.response_table, 
.response_table caption,
.response_table thead, 
.response_table tbody, 
.response_table tfoot, 
.response_table th, 
.response_table td, 
.response_table tr{display:block; box-sizing:border-box;}
.response_table tbody tr{ border-top:1px solid #333; margin-top:10px; position:relative; z-index:inherit}
.response_table tbody tr:first-child{ margin-top:0;}
.response_table colgroup{ display:none}
.response_table th{ display:none}
.response_table td{ display:block; width:100% !important; padding-left:28%; position:relative; z-index:inherit; text-align:left !important; padding-top:5px; padding-bottom:5px;}
.response_table td:before{ content:attr(data-th); position:absolute; z-index:inherit; left:0; top:0; height:100%; width:25%; background:#f5f5f5; text-align:center !important; box-sizing:border-box; padding-top:6px; color:#111; font-weight:bold;}

/*Àå¹Ù±¸´Ï,°ü½É»óÇ°,ÁÖ¹®¼­ Å×À̺í*/
.response_mall{ border-top:none;}
.response_mall, 
.response_mall caption,
.response_mall thead, 
.response_mall tbody, 
.response_mall tfoot, 
.response_mall th, 
.response_mall td, 
.response_mall tr{display: block; box-sizing:border-box; text-align:left;}
.response_mall thead tr{ padding:0 1.5em;}
.response_mall thead tr th:not(.w_no){ display:none;}
.response_mall tbody tr{ margin-top:5px; padding:0.5em 1.5em; border:1px solid #777; position:relative;}
.response_mall tbody tr:first-child{ margin-top:0;}
.response_mall tbody tr th{ position: absolute; top: -9999px;left: -9999px;}
.response_mall tbody tr td{ position:relative; padding:5px 0 5px 60px !important; width:100% !important; height:auto !important; min-height:15px; line-height:15px; border:none;}
.response_mall tbody tr td:before{ content:attr(data-th); position:absolute; top:-1px; bottom:-1px; left:0; padding:5px 0; line-height:20px; color:#777; font-weight:bold; letter-spacing:-1px; white-space:nowrap; box-sizing:border-box;}
.response_mall:not(.auction_table) tbody tr .w_no{ position:absolute; top:15px; left:1.5em; padding:0 !important;}
.response_mall:not(.auction_table) tbody tr .w_price,
.response_mall:not(.auction_table) tbody tr .w_point{ width:auto !important; display:inline-block; vertical-align:top;}
.response_mall:not(.auction_table) tbody tr .w_point{ margin-left:1.5em; padding-left:40px !important;}
.response_mall thead tr th{ position:relative; width:100% !important; height:auto !important; min-height:30px; line-height:1.2; padding:0; border:none; text-align:left;}
.response_mall thead tr th:after{ content:attr(data-th); display:inline-block; vertical-align:middle; padding:0 0 0 5px; color:#000; font-weight:bold; letter-spacing:-1px; box-sizing:border-box;}
.response_mall .prod_info{ position:relative; padding-left:60px;}
.response_mall .prod_info .img{ position:absolute; top:0; left:0;}
.response_mall .prod_info .tit{ font-size:1.125em; font-weight:bold; line-height:1.2; min-height:60px;}

.auction_table.response_mall thead th{ background:transparent;}
.auction_table.response_mall tbody tr .w_no{ padding-left:0 !important;}

/**/
.board_faq{ font-size:.688rem}
.board_faq .article{}
.board_faq .article .qq{}
.board_faq .article .aa{}
.board_faq .article .mark{ font-weight:bold;}
.board_faq .article .aa .mark{ top:10px}
.board_faq .article .arrow{ width:40px;}
.board_faq .article .tt{ padding:15px 50px; line-height:1.3; font-size:1.250em;}
.board_faq .article .qq.on .tt{ font-weight:bold;}

/**/
.detail_search{ margin-bottom:15px; font-weight:bold; letter-spacing:-1px;}
.detail_search .inner > li{ padding-left:80px;}
.detail_search .inner > li .con_tit{ width:80px;}
.detail_search .inner > li .con_tit .xi{ display:none;}
.detail_search .inp_wrap{ padding:5px 10px;}
.detail_search .inp_wrap .check_con .label_st{ margin-left:5px;}
.detail_search .inp_wrap .check_con .label_st .xi{ font-size:.813em;}
.detail_search .inp_wrap .date_con > li{ width:100%; margin:2px 0;}
.detail_search .inp_wrap .date_con > li:first-child{ width:100%;}
.detail_search .inp_wrap .inp{ padding:5px 5px; height:25px;}
.detail_search .inp_wrap .inpS{ width:28%; padding-right:15px;}
.detail_search .inp_wrap .inpT{ width:55%;}
.detail_search .inp_wrap .btn{ padding:0;}

/**/
.board_search_wrap{ padding:10px 10px; margin-top:25px}
.board_search_wrap .search_wrap .tit{ display:none;}
.board_search_wrap .search_wrap{ width:78%;}
.board_search_wrap .search_wrap input[type=text].input_st{ width:45%;}

}

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

.mall_board .w_date2{ width:90px}
body:not(.product) .mall_board .w_state{ display:none;}
body.product .mall_board .w_state{ width:75px;}
body.product .mall_board .w_no{ display:none;}
body.product .mall_board .w_star{ width:70px;}

.prod_info.big{ position:relative; padding-left:55px;}
.prod_info.big .img{ position:absolute; top:0; left:0; width:45px}
.prod_info.big .tit{ min-height:45px; padding-top:5px;}

.mall_board .tt_state{ display:block; margin-bottom:2px;}

/**/
.board_paging{ margin-top:25px;}

/**/
.label_st.ml{ margin-left:10px}
.label_st.mr{ margin-right:10px}

select{ min-width:auto; padding:0 12px 0 0; background-size:auto 4px}

.input_st{ margin:1px; height:30px; line-height:28px;}
input[type=button].input_st,
input[type=submit].input_st,
button.input_st,
a.input_st{ font-weight:bold; letter-spacing:-1px; padding:0 10px;}
select.input_st{}
textarea.input_st{}

.input_st.s1{ line-height:35px; height:35px; padding:0 15px;}
input[type=button].input_st.s1,
input[type=submit].input_st.s1,
button.input_st.s1,
a.input_st.s1{ min-width:80px; font-size:.875em;} 

.input_st.w1{ width:40%}
.input_st.w2{ width:25%;}
.input_st.ml10{ margin-left:5px !important;}

.input_sec{ width:10px;}
.input_tt{ display:block;}

.label_ml{ margin-left:10px}
.label_mr{ margin-right:10px}

.page_btn_wrap{}
.page_btn_wrap .left{ float:none; display:inline-block; vertical-align:top;}
.page_btn_wrap .right{ float:none; display:inline-block; vertical-align:top;}
.page_btn_wrap.board_btn{ text-align:right;}
.page_btn_wrap.board_btn .input_st{ min-width:inherit; margin:1px 0;}

}

@media screen and (max-device-width:1023px){
/**/
.w_form_tit{ width:95px}
.board_write .w_form_tit{ width:80px}

.board_write th,
.board_write td{ padding:5px 10px;}
.board_write.row th,
.board_write.row td{ padding:8px 10px;}
}