@charset "utf-8";
/* CSS Document */

/*board*/
.board_wrap{ font-size:.825em}

.board_st th,
.board_st td{ padding:15px 10px; border-bottom:1px solid #ddd}
.board_st th{ color:#111; font-weight:normal; font-family:notokrM, sans-serif; }
.board_st td{ color:#555}

.board_st{table-layout:fixed}
.board_st.list.tit th{ border:2px solid #666; border-left: none; border-right:none}
.board_st.list .no_con{ padding:100px 0}

.board_st.list td{ text-align:center}
.board_st.list td.b_tit{ text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_st.list td a{ color:#555}
.board_st a:hover{ text-decoration:underline}

.board_st.list.notice td{ background:#f9f9f9}
.board_st.list.reply td{ background:#f9f9f9;}

.board_st.view{ border-top:1px solid #ddd}
.board_st.write,
.board_st.view.tit{ border-top:2px solid #666; margin-top:20px}

.board_st.write th,
.board_st.view th{ background:#f5f5f5}

.board_st.write th{ text-align:left;}

.board_view_con{ padding:20px}

/**/
.board_title{ display:inline-block; *display:inline; zoom:1; width:50%; font-size:1.75em; font-family:notokrM, sans-serif; color:#111;}

/**/
.board_icon{ display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 3px}
.board_icon.new{ background:#666; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:20px;}
.board_icon.reply{ background:#aaa; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:5px;}
.board_icon.notice{ padding:0 10px; background:#3c873a; color:#fff;line-height:20px; border-radius:5px;}
.board_icon.down{ background:url(../images/board/icon_down.png) no-repeat; background-size:100% auto; width:14px; height:14px;}

/**/
.board_search{ text-align: right; padding-bottom:10px; }
.search_select{ border:1px solid #111; line-height:32px; height:32px;}
.search_inp{ border:none; border-bottom:1px solid #111; line-height:30px; height:30px; min-width:150px; padding:0 5px; color:#aaa}
.search_inp:focus{ color:#111}
.search_btn{ line-height:30px; background:#111; color:#fff; border:none; padding:0 15px}

/**/
.board_btn_wrap{ text-align:right; margin-top:40px}
.board_btn_wrap_l{ float:left; margin-top:10px}
.board_btn_wrap2{ text-align:right; margin-top:20px}
.board_btn{ padding:0 15px;}
.board_btn.size1{ line-height:60px; padding:0 40px}
.board_btn.size2{ line-height:1; padding:5px; font-size:.875em}
.board_btn.c1{ background:#3c873a; border:1px solid #3c873a; color:#fff; cursor:pointer;}
.board_btn.c2{ background:#fff; border:1px solid #666; color:#666; cursor:pointer;}
.board_btn.c3{ background:#444; border:1px solid #444; color:#fff; cursor:pointer;}
.board_btn.c4{ background:#f1f1f1; border:1px solid #ccc; color:#666; cursor:pointer;}

.board_btn2{ line-height:40px; padding:0 30px;}
.board_btn2.c1{ background:#3c873a; border:1px solid #3c873a; color:#fff; cursor:pointer;}


/**/
.board_paging{ text-align:center; margin-top:40px;}
.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}

/**/
.board_photo_wrap{ margin:0 0 -30px -15px}
.board_photo_wrap .list{ float:left; width:16.66%; cursor:pointer}

.board_photo_wrap2{ margin:0 0 -30px -15px}
.board_photo_wrap2 .list{ float:left; width:25%; cursor:pointer}

.board_photo{ margin:0 0 30px 15px; position:relative; z-index:inherit }
.board_photo .img{ border:1px solid #444; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden}
.board_photo .img img{ width:100%}
.board_photo .con{ border-top:1px dashed #444; border-bottom:1px solid #444}
.board_photo .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 0; position:relative; z-index:1}
.board_photo .photo_tit2{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 0; height:30px; overflow:hidden; line-height:1.3}
.board_photo .op{ text-align:center; padding-top:5px; position:relative; z-index:inherit; background:#fff}
.board_photo .layer{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; display:none}
.board_photo .layer .bg{position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60);opacity:0.6;}
.board_photo .layer .btn{ position:relative; z-index:inherit; text-align:center; top:50%; margin-top:-20px}
.board_photo .layer .btn > li{display:inline-block; *display:inline; zoom:1;}
.board_photo .layer .btn > li > a{ background:#fff; color:#444; border:1px solid #444; display:inline-block; *display:inline; zoom:1; padding:0 10px; line-height:20px; font-size:.875em; border-radius:3px}
.board_photo .layer .btn > li > a:hover{ background:#444; color:#fff; transition:0.5s}

.board_photo:hover .img,
.board_photo:hover .photo_tit{ background:#444; color:#fff; transition:0.3s}

.board_photo:hover .layer{ display:block}


/*제품소개*/
.board_photo2{ margin:0 0 30px 15px; }
.board_photo2 .img{ border:1px solid #999; border-bottom:none; padding:7px 8px ; padding-bottom:0; overflow:hidden; height:auto; text-align:center; display:block; background:#fff; height:210px; }
.board_photo2 .img img{ width:100%; background:#fff; }
.board_photo2 .con{ border-top:1px dashed #666; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;}
.board_photo2 .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:12px 0; font-family:notokrM; color:#333; transition:all 0.4s;}
.board_photo2 .op{ text-align:center; padding-top:5px}

.board_photo2:hover .photo_tit{ color:rgba(28, 132, 136, 1); transition:all 0.4s;}



/**/
.board_sub_tt{ color:#F00; font-size:.938em; vertical-align:bottom;}

/**/
.w_no{ width:80px}
.w_tit{ width:auto}
.w_name{ width:100px}
.w_date{ width:100px}
.w_date2{ width:200px}
.w_down{ width:150px}
.w_hit{ width:100px}
.w_op{ width:100px}
.w_state{ width:150px}
.w_write_th{ width:15%}
.w_auto{ width:auto}

.inp_w1{ width:15%}
.inp_w2{ width:30%}
.inp_w3{ width:45%}
.inp_w4{ width:60%}
.inp_w5{ width:75%}
.inp_w6{ width:90%}
.inp_w100{ width:100%}
.textarea_w1{ width:100%; height:200px}

/**/
.label_st{}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ margin-left:3px}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; color:#666}
.input_st:focus,
.input_st:hover{ background:#f9f9f9; border:1px solid #999;}
input[type=text].input_st,
input[type=password].input_st{line-height:25px; height:25px;}
input[type=file].input_st{ background:none; border:none}
textarea.input_st{}
select.input_st{ height:28px;}
input[type=button].btn_st,
input[type=submit].btn_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:none}

/*paging*/
.board_paging{margin:50px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #dddddd; background:#fff; min-width:36px; *min-width:auto; height:35px; padding:0 9px; margin-left:-5px; *margin-left:-1px; text-align:center; vertical-align:top; font-size:12px; font-weight:600; color:#333;}
.board_paging button:first-child{ margin-left:0;}
.board_paging button.icon{ border:1px solid #dddddd; background:#f9f9f9; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; font-size:0.9em; }
.board_paging button.icon.st_l{ border-radius:8px 0 0 8px;}
.board_paging button.icon.st_r{ border-radius:0 8px 8px 0;}
.board_paging button:focus, 
.board_paging button.on{ border:1px solid #2d80d5; background:#3c873a; color:#fff}
.board_paging button:hover{ border:1px solid #ccc; background:#77a876; color:#fff}
.board_paging button.icon:hover, 
.board_paging button.icon:focus, 
.board_paging button.icon.on{ border:1px solid #999; background:#999; color:#fff}

/*searching*/
.board_search{ margin:40px 0 0 0; text-align:center;}
.board_search .searching{ display:inline-block; *display:inline; zoom:1;}
.board_search .searching input.input_st1{ width:330px;}
.board_search .searching select.input_st1{ width:110px;}

.board_search2{ margin:0 0 40px 0; text-align:center;}
.board_search2 .searching{ display:inline-block; *display:inline; zoom:1;}
.board_search2 .searching input.input_st1{ width:330px;}
.board_search2 .searching select.input_st1{ width:110px;}


/*btn*/
.btn_area{ margin:40px 0 0 0;}
.btn_area.left{ overflow:hidden;}
.btn_area.left > div.board_btn{ float:left; width:70%}
.btn_area.left > div.ar{ float:right; width:20%;}
.btn_area.center{text-align:center;}

.btn_area2{ margin:20px 0 0 0;}

.btn_inc{ border:none; padding:8px 10px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; font-weight:600; *margin:0 2px; width:auto; min-width:70px; font-size:0.9em;}
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1; transition:all 0.6s}

.btn_inc.quot{ background:#565656;color:#fff;}
.btn_inc.cata{ background:#119d88;color:#fff;}
.btn_inc.search{ background:#999;color:#fff; }
.btn_inc.write{ background:#3c873a;color:#fff;}
.btn_inc.etc{ background:#888888;color:#fff;}
.btn_inc.del{ border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover{ border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:130px; padding:14px 20px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.big2{ width:190px; padding:10px 10px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size{ padding:11px 0 12px 0; *padding:9px 8px; width:85px; border-radius:0;}
.btn_inc.board_btn_size2{ padding:11px 0 12px 0; *padding:9px 8px; width:140px; border-radius:0;}
.btn_inc.down{ background:#eb531f;color:#fff; }

.btn_inc2{ border:none; padding:10px 30px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; font-weight:600; *margin:0 2px; width:auto; min-width:70px; font-size:0.8em;}
.btn_inc2:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1; transition:all 0.6s}
.btn_inc2.result{ background:#3c873a;color:#fff; }

.btn_inc3{ border:none; padding:5px 10px; text-align:center; vertical-align:middle; cursor:pointer; filter:alpha(opacity=80);opacity:0.8; *margin:0 2px; width:auto; min-width:70px; font-size:0.8em; font-family:notokrM; color:#fff; width:88px; margin-top:3px; border-right:5px;}
.btn_inc3:hover, .btn_inc3:focus{ filter:alpha(opacity=100);opacity:1; transition:all 0.6s}
.btn_inc3.down{ background:#517a50;color:#fff; }


/*input*/
.input_st1{ border:1px solid #ddd; vertical-align:middle; background:#f9f9f9; font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif; font-size:0.9em;}
.input_st1:hover, .input_st1:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st1{ padding:8px 10px 9px 10px; color:#666;}
select.input_st1{padding:7px 5px 8px 10px; color:#666; min-height:34px;}
textarea.input_st1{padding:2%; color:#666;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:33px;}

.input_st2{ border:1px solid #ddd; vertical-align:middle; background:#f9f9f9; font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif; font-size:0.8em;}
.input_st2:hover, .input_st2:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st2{ padding:0px 5px 0px 5px; height:28px; color:#666; width:175px; margin-top:-22px; }

.input_st3{ border:1px solid #ddd; vertical-align:middle; background:#f9f9f9; font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif; font-size:0.8em;}
.input_st3:hover, .input_st2:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st3{ padding:0px 5px 0px 5px; height:28px; color:#666; width:90px; margin-top:-22px; }
select.input_st3{ height:30px; width:33%; margin-top:-22px; }

.input_st4{ border:1px solid #ddd; vertical-align:middle; background:#f9f9f9; font-family:ng, "NanumGothic", "dotum", "gulim", sans-serif; font-size:0.8em;}
.input_st4:hover, .input_st4:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st4{ padding:0px 5px 0px 5px; height:28px; color:#666; width:70%; }



@media screen and (max-width:1023px){
	
/*제품소개*/
.board_photo2{ margin:0 0 30px 15px; }
.board_photo2 .img{ border:1px solid #999; border-bottom:none; padding:7px 8px ; padding-bottom:0; overflow:hidden; height:auto; text-align:center; display:block; background:#fff; height:150px;}
.board_photo2 .img img{ width:60%; padding:23px 20px; background:#fff;}
.board_photo2 .con{ border-top:1px dashed #666; border-bottom:1px solid #999; border-left:1px solid #999; border-right:1px solid #999;}
.board_photo2 .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:12px 0; font-family:notokrM; color:#333; transition:all 0.4s; font-size:0.9em;}
.board_photo2 .op{ text-align:center; padding-top:5px}

.board_photo2:hover .photo_tit{ color:rgba(28, 132, 136, 1); transition:all 0.4s;}

	
}


@media screen and (max-width:767px){
	
/**/
.board_photo_wrap{ margin:0 0 -30px -15px}
.board_photo_wrap .list{ float:left; width:16.66%; cursor:pointer}

.board_photo_wrap2{ margin:0 0 -30px -15px}
.board_photo_wrap2 .list{ float:left; width:50%; cursor:pointer}

.board_photo{ margin:0 0 30px 15px; position:relative; z-index:inherit }
.board_photo .img{ border:1px solid #444; border-bottom:none; padding:5px; padding-bottom:0; overflow:hidden; height:200px;}
.board_photo .img img{ width:100%}
.board_photo .con{ border-top:1px dashed #444; border-bottom:1px solid #444}
.board_photo .photo_tit{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 0; position:relative; z-index:1}
.board_photo .photo_tit2{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 0; height:30px; overflow:hidden; line-height:1.3}
.board_photo .op{ text-align:center; padding-top:5px; position:relative; z-index:inherit; background:#fff}
.board_photo .layer{ position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; display:none}
.board_photo .layer .bg{position:absolute; z-index:inherit; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60);opacity:0.6;}
.board_photo .layer .btn{ position:relative; z-index:inherit; text-align:center; top:50%; margin-top:-20px}
.board_photo .layer .btn > li{display:inline-block; *display:inline; zoom:1;}
.board_photo .layer .btn > li > a{ background:#fff; color:#444; border:1px solid #444; display:inline-block; *display:inline; zoom:1; padding:0 10px; line-height:20px; font-size:.875em; border-radius:3px}
.board_photo .layer .btn > li > a:hover{ background:#444; color:#fff; transition:0.5s}

.board_photo:hover .img,
.board_photo:hover .photo_tit{ background:#444; color:#fff; transition:0.3s}

.board_photo:hover .layer{ display:block}
	
/*board*/
.board_st col.w_date{ display:none;}
.board_st th.b_date{ display:none;}
.board_st td.b_date{ display:none;}

.board_st col.w_hit{ display:none;}
.board_st th.b_hit{ display:none;}
.board_st td.b_hit{ display:none;}

.board_st col.w_name{ display:none;}
.board_st th.b_name{ display:none;}
.board_st td.b_name{ display:none;}

/*searching*/
.board_search{ margin:40px 0 0 0; text-align:center;}
.board_search .searching{ display:inline-block; *display:inline; zoom:1; width:100%;}
.board_search .searching input.input_st1{ width:30%;}
.board_search .searching select.input_st1{ width:20%;}

.board_search2{ margin:0 0 40px 0; text-align:center;}
.board_search2 .searching{ display:inline-block; *display:inline; zoom:1; width:100%;}
.board_search2 .searching input.input_st1{ width:30%;}
.board_search2 .searching select.input_st1{ width:20%;}

.textarea_w1{ width:97%; height:150px}

}