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

/*board*/ 
.table_wrap{border-top:2px solid #333;border-bottom:1px solid #333;}
.table_wrap .no_con{ padding:150px 0 150px 0; text-align:center; font-weight:600; color:#333;}

.table_wrap .tit{border-bottom:1px solid #646c7c; padding:12px 0; color:#333; background:#fff;}
.table_wrap .tit strong{ display:block; font-weight:600;}

.board_write .tit{border-top:1px solid #999; border-bottom:none; text-align:left; padding-left:20px; background-color:#f9f9f9; font-size:0.875em !important;}
.board_write tr:first-child .tit{ border-top:none}
.board_write .tit strong{ border-right:2px dotted #bbbbbb}
.board_view .title{ text-align:left; border-bottom:none; background:none;}
.board_view .title strong{ font-size:14px; color:#333;}
.board_view .tit{ text-align:left;}
.board_view .tit strong{ font-size:13px; color:#333;}

.table_wrap table{width:100%;table-layout:fixed;}
.table_wrap td{ padding:12px 10px; color:#777777; line-height:1.3; border-top:1px solid #dddddd; background:#fff}
.table_wrap tr:first-child td{ border-top:none}

.board_write td{ padding:7px 10px;}
.board_write td.pd{ padding:15px 10px;}
.board_write td span.table_in_txt{ font-size:12px; margin-left:10px;}
.board_write td p{ margin-top:4px;}
.board_write .id_font_st{ color:#0f75bc; font-size:14px; font-weight:600;}
.board_write .smarteditor{ padding:15px 0; border-top:1px solid #999;}

.notice_icon1{display:block; margin:0 auto;}
.notice_icon2{display:none; width:17px!important; height:19px; margin:0 auto;}

.noti_icon{ font-size:12px; background:#1fbdff; color:#fff; width:37px; line-height:20px; border-radius:3px;}



/*board*/
.board_wrap{}

.board_st th,
.board_st td{ padding:5px 10px; border-bottom:1px solid #ddd; height:30px;}
.board_st.nopd th,
.board_st.nopd td{ /*padding:7px 5px;*/}
.board_st th{ color:#111; text-align:left}
.board_st td{ color:#555; background:#fff;}

.board_st td.table_tit {text-align:center; border-right:1px solid #ddd;}

.board_st{table-layout:fixed; font-size:.813rem}
.board_st.list.tit th{ border:1px solid #333; border-left: none; border-right:none; text-align:center}
.board_st.list .no_con{ padding:100px 0}

.board_st.list td{ text-align:center}
.board_st.list td.w_tit{ text-align:left;}
.board_st.list td.w_tit > a{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_st.list td.w_tit2 > a{ font-size:1.188em; font-family:notokrM, sans-serif;}
.board_st.list td a{ color:#555}

.board_st.list.notice td{ background:#f5f5f5;}
.board_st.list.notice td a{color:#222; font-weight:bold;}
.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;}
.board_st.write th,
.board_st.view th{ text-align:center; background:#f9f9f9}
.board_st.write th {}


/**/
.board_icon{ display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 3px}
.board_icon.new{ background:#e60012; 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:#555; 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_view{width:100%;table-layout:fixed;}
.board_view th,
.board_view td{ padding:10px 0 10px 20px; line-height:20px; font-size:13px; border-bottom:1px solid #ccc;}
.board_view th{ background:#f9f9f9;}
.board_view td a:hover{ color:#e60012;}
.board_view td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.board_view th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.board_view td.view_con{ padding:40px 15px;}
/*.board_view td.view_con img{ max-width:820px; width:100%;}*/
.board_view td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*gallery*/
.table_wrap .gallery_area{padding:15px 0; *zoom:1; margin-left:-20px;}
.table_wrap .gallery_area:after{ content:""; display:block; clear:both;}
.table_wrap .gallery_area > li{ float:left; width:33.3%; margin:10px 0;}
.table_wrap .gallery_area > li a{text-decoration:none;}
.table_wrap .gallery_area > li .bor{border:1px solid #ccc; margin-left:20px;}
.table_wrap .gallery_area > li .bor .g_img{width:100%; height:210px;  position:relative;}
.table_wrap .gallery_area > li .bor .g_img .black_on{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=0); opacity:0; transition:0.2s;
}
.table_wrap .gallery_area > li .bor:hover .g_img .black_on{filter:alpha(opacity=10); opacity:0.1;}
.table_wrap .gallery_area > li .bor .g_img img{width:100%; height:210px;}
.table_wrap .gallery_area > li .bor .g_tit{font-size:14px; color:#333; border-top:1px solid #ccc; padding:10px 0 10px 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center;}
.table_wrap .gallery_area > li .bor .g_date{color:#999; border-top:1px solid #ccc; padding:5px 0 5px 5px;}

.table_wrap .gallery_area2{padding:15px 0; *zoom:1; margin-left:-20px;}
.table_wrap .gallery_area2:after{ content:""; display:block; clear:both;}
.table_wrap .gallery_area2 > li{ float:left; width:33.3%; margin:10px 0;}
.table_wrap .gallery_area2 > li a{text-decoration:none;}
.table_wrap .gallery_area2 > li .bor{border:1px solid #ccc; margin-left:20px;}
.table_wrap .gallery_area2 > li .bor .g_img{width:100%; height:210px;  position:relative;}
.table_wrap .gallery_area2 > li .bor .g_img .black_on{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=0); opacity:0; transition:0.2s;
}
.table_wrap .gallery_area2 > li .bor:hover .g_img .black_on{filter:alpha(opacity=10); opacity:0.1;}
.table_wrap .gallery_area2 > li .bor .g_img img{width:100%; height:210px;}
.table_wrap .gallery_area2 > li .bor .g_tit{font-size:12px; color:#333; border-top:1px solid #ccc; padding:5px 20px 5px 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left;}
.table_wrap .gallery_area2 > li .bor .g_date{color:#999; border-top:1px solid #ccc; padding:5px 0 5px 5px;}

 
/* online */
.not { line-height:17px; color:#333; font-size:13px; text-align:right; margin-bottom:5px; }
.not_red { color:#cc2229; font-size:15px; vertical-align:middle; }
.agree_cont { height:200px; border:1px solid #ccc; background:#f8f8f8; overflow-y:scroll; }
.agree_cont .agree_in_area { padding:20px 10px 20px 20px; }
.agree_c_box { padding:10px 25px; border:1px solid #ccc; background:#f8f8f8; text-align:center; }
.agree_c_box > input { vertical-align:middle; }
.agree_c_box > span { padding-left:8px; font-size:14px; vertical-align:middle; }
 
 
/*faq*/
.table_wrap .faq.board{border-top:1px solid #ccc; }
.table_wrap .faq.board:first-child{ border-top:none}
.table_wrap .faq.board .con, .table_wrap .faq.board .no, .table_wrap .faq.board .icon{display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.table_wrap .faq.board .con{ width:86%}
.table_wrap .faq.board .no{width:8%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#bbbbbb; letter-spacing:-1px; font-weight:normal}
.table_wrap .faq.board .icon{width:3.5%; margin-right:2.5%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; border-radius:5px; font-weight:normal; line-height:1.2; padding:1px 0 3px 0}
.table_wrap .faq.board .faq_q{ cursor:pointer; padding:10px 5px; font-weight:600; color:#666; font-size:99%; line-height:1.3}
.table_wrap .faq.board .faq_q:hover,
.table_wrap .faq.board .faq_q.on{ background:#eef7ff;}
.table_wrap .faq.board .faq_q.on .no{ color:#000}
.table_wrap .faq.board .faq_q .icon{ color:#fff; background:#2e81cb;}
.table_wrap .faq.board .faq_q.on .icon{ color:#86edff}
.table_wrap .faq.board .faq_q a:hover, .table_wrap .faq.board .faq_q a:focus{ color:#005eb1; }
.table_wrap .faq.board .faq_a{ height:0; overflow:hidden;}
.table_wrap .faq.board .faq_a.show, .table_wrap .faq.board .faq_a.f_show{height:auto; padding:10px 5px;border-top:2px dashed #dddddd; background:#fcfcfc}
.table_wrap .faq.board .faq_a .con{ color:#333; line-height:1.5}
.table_wrap .faq.board .faq_a .no{color:#005eb1; font-size:150%}
.table_wrap .faq.board .faq_a .icon{ background:#8fc4f2; color:#fff;}


/*paging*/
.board_paging{margin:30px 0 0 0; text-align:center; }
.board_paging button{ border:1px solid #dddddd; background:#fff; width:100%; max-width:30px; height:30px; text-align:center; vertical-align:middle; font-size:81%; font-weight:600; color:#666; *margin:0 2px; cursor:pointer}
.board_paging button.icon{ border:1px solid #ccc; background:#f9f9f9; color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; font-size:85%; }
.board_paging button:hover, .board_paging button:focus, .board_paging button.on{ border:1px solid #555; background:#555; 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{ padding-bottom:10px; font-size:.813rem; text-align:right }
.board_search .left{ float:left}
.board_search .right{ float:right}
.search_select{ border:1px solid #222; line-height:32px; height:32px; }
.search_inp{ border:none; border-bottom:1px solid #222; line-height:30px; height:30px; min-width:150px; padding:0 5px; color:#aaa}
.search_inp:focus{ color:#222}
.search_inp2{ border:none; border-bottom:1px solid #222; line-height:30px; height:30px; min-width:150px; padding:0 5px; color:#aaa}
.search_inp2:focus{ color:#222}
.search_btn{ line-height:30px; background:#222; color:#fff; border:none; padding:0 15px}
.search_btn2{ line-height:30px; background:#222; color:#fff; border:none; padding:0 15px}


/*faq searching*/
.faq_searching{ margin:0 0 20px 0; overflow:hidden; background:#f9f9f9; border:1px solid #ebebeb; padding:10px 40px}
.faq_searching .searching{}
.faq_searching .searching .tt{ color:#999; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; vertical-align: bottom; padding-right:5px}
.faq_searching .searching .tt em{ font-family:Georgia, "Times New Roman", Times, serif;font-size:170%; font-style:normal; color:#014099}
.faq_searching .searching input.input_st1{ width:160px; padding:5px 10px;}
.faq_searching .searching select.input_st1{ width:90px; padding:4px 10px;}

/*faq*/
.table_wrap .faq.board{border-top:1px solid #ccc; }
.table_wrap .faq.board:first-child{ border-top:none}
.table_wrap .faq.board .con, .table_wrap .faq.board .no, .table_wrap .faq.board .icon{display:inline-block; *display:inline; zoom:1; vertical-align:top} 
.table_wrap .faq.board .con{ width:86%}
.table_wrap .faq.board .no{width:8%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#bbbbbb; letter-spacing:-1px; font-weight:normal}
.table_wrap .faq.board .icon{width:3.5%; margin-right:2.5%; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; border-radius:5px; font-weight:normal; line-height:1.2; padding:1px 0 3px 0}
.table_wrap .faq.board .faq_q{ cursor:pointer; padding:10px 5px; font-weight:600; color:#666; font-size:99%; line-height:1.3}
.table_wrap .faq.board .faq_q:hover,
.table_wrap .faq.board .faq_q.on{ background:#eef7ff;}
.table_wrap .faq.board .faq_q.on .no{ color:#000}
.table_wrap .faq.board .faq_q .icon{ color:#fff; background:#2e81cb;}
.table_wrap .faq.board .faq_q.on .icon{ color:#86edff}
.table_wrap .faq.board .faq_q a:hover, .table_wrap .faq.board .faq_q a:focus{ color:#005eb1; }
.table_wrap .faq.board .faq_a{ height:0; overflow:hidden;}
.table_wrap .faq.board .faq_a.show, .table_wrap .faq.board .faq_a.f_show{height:auto; padding:10px 5px;border-top:2px dashed #dddddd; background:#fcfcfc}
.table_wrap .faq.board .faq_a .con{ color:#333; line-height:1.5}
.table_wrap .faq.board .faq_a .no{color:#005eb1; font-size:150%}
.table_wrap .faq.board .faq_a .icon{ background:#8fc4f2; color:#fff;}

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

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

.btn_inc{ border:0; padding:6px 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; }
.btn_inc:hover, .btn_inc:focus{ filter:alpha(opacity=100);opacity:1;}
.btn_inc.search{ background:#333;color:#fff; }
.btn_inc.write{ background:#1d2088; 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.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.small2{ padding:8px 15px; margin:0 2px; *margin:0 3px;}
.btn_inc.board_btn_size{ padding:11px 0 12px 0; *padding:9px 8px; width:85px; border-radius:0;}
.btn_inc.addr{ background:#666; color:#fff;}

/**/
.input_st1{ border:1px solid #ccc; font-weight:600; vertical-align:middle; background:#fff; font-size:13px;}
.input_st1:hover, .input_st1:focus{ background:#f9f9f9; border:1px solid #aaa; color:#333;}
input.input_st1{ padding:8px 5px; color:#333;}
select.input_st1{padding:7px 5px; color:#333;}
textarea.input_st1{padding:2%; color:#333;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:28px;}

.label_wrap{display:inline-block; *display:inline; zoom:1; overflow:hidden;line-height:1;line-height:20px\9; *line-height:1.5; margin-top:8px; font-size:0.875em;}
.label_wrap:first-child{ margin-top:0}
.label_wrap.sec2{ width:49%}
.label_wrap.sec3{ width:32%}
.label_wrap.sec4{ width:23%}
.label_wrap.sec5{ width:10%}
.label_wrap input{ float:left; }
.label_wrap label{ float:left; margin-left:5px; cursor:pointer }
.label_wrap label.check, .label_wrap label.f_check, .label_wrap label:hover{ color:#009ee8;}

/*input_size*/
.w_no{ width:8% }
.w_tit{ width:auto }
.w_name{ width:11% }
.w_date{ width:11% }
.w_date2{ width:200px}
.w_down{ width:150px}
.w_hit{ width:8%}
.w_op{ width:100px}
.w_state{ width:150px}
.w_form_tit{ width:15%}
.w_form_tit2{ width:25%}
.w_form_tit1{ width:13%}
.w_auto{ width:auto;}

.w_img{ width:100px}
.w_vol{ width:150px}
.w_price{ width:100px}
.w_point{ width:150px}
.w_btn{ width:180px}

.textarea_w1{ width:100%; height:200px;}
.textarea_w2{ width:99%; height:200px;}
.textarea_w3{ width:100%; height:150px;}

.wid_1{ width:10%;}
.wid_2{ width:20%;}
.wid_3{ width:30%;}
.wid_4{ width:40%;}
.wid_5{ width:50%;}
.wid_6{ width:60%;}
.wid_7{ width:70%;}
.wid_8{ width:80%;}
.wid_9{ width:90%;}
.wid_95{ width:95%;}
.wid_99{ width:99%;}
.wid_10{ width:100%;}

.col_w1{ width:100px;}
.col_w2{ width:auto;}
.col_w3{ width:100px;}
.col_w4{ width:130px;}
.col_w5{ width:80px;}





@media all and (max-width:1023px){
	.table_wrap table th{font-size:10px;}
	.table_wrap table td{font-size:10px;}
	.table_wrap table td p a {font-size:10px;}
	.board_paging button{max-width:25px;}
	
	.sec5.label_wrap{width:15%;}
	.board_btn_size.btn_inc{width:79px; padding:6px 0;}
	.left.btn_area .fr{width:20%;}
	.left.btn_area .board_btn{width:75%;}
	
	
}

@media all and (max-width:768px){
	.table_wrap td{padding:9px 2px 9px 10px;}
	.table_wrap td:first-child td{text-align:center;}
	.table_wrap tr:first-child td img{width:100%; min-width:34px; max-width:45px;}
	.board_list .notice td img{width:100%; min-width:34px; max-width:45px;}
	.btn_inc{min-width:51px; font-size:10px;}
	.board_searching .searching .tt{display:none;}
	
	.board_searching .searching select.input_st1{max-width:70px; padding:4px 10px; font-size:10px;}
	.board_searching .searching input.input_st1{max-width:100px; padding:5px 10px; font-size:10px;}
	
	.big.btn_inc{width:90px; padding:9px 10px;}
	.board_view th, .board_view td{padding:10px 0 10px 4px; font-size:10px; }
	.board_view .tit{text-align:center;}
	.board_view .tit strong{font-size:10px;}
	.board_view .title strong{font-size:12px;}
	.board_view th .icon_arrow{display:none;}
	.board_view td.view_con p{font-size:10px;}
	
	.dis_none{display:none;}
	
	
	
.not { line-height:17px; color:#333; font-size:1em; text-align:right; margin-bottom:5px; }
.not_red { color:#cc2229; font-size:1em; vertical-align:middle; }


/**/
.input_st1{ border:1px solid #ccc; font-weight:600; vertical-align:middle; background:#fff; font-size:1em;}
.input_st1:hover, .input_st1:focus{ background:#f9f9f9; border:1px solid #aaa; color:#333;}
input.input_st1{ padding:6px 5px; color:#333;}
select.input_st1{padding:5px 5px; color:#333;}
textarea.input_st1{padding:2%; color:#333;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:28px;}

.btn_inc.small2{ padding:7px 15px; margin:0 2px; *margin:0 3px;}


/*input_size
.wid_3{ width:40%;}
.wid_7{ width:80%;}

.col_w1{ width:100px;}
.col_w2{ width:auto;}
.col_w3{ width:60px;}
.col_w4{ width:80px;}
.col_w5{ width:100px;}

.agree_c_box > span { padding-left:8px; font-size:1em; vertical-align:middle; }*/


.w_no{width:50px}
.w_state{width:40px;}
.w_date2{width:100px;}
.search_inp{min-width:100px; font-size:1.2em;}
.search_select{font-size:1.2em;}

.w_date{width:61px;}

.w_hit{width:40px;}
.w_name{width:60px !important;}
	

.notice.board_icon { padding:0 3px; font-size:.875em;}
.board_icon {margin:0;}

.search_select {line-height:30px; height:30px; appearance:none; -webkit-appearance:none; font-size:.938em; }
.search_inp2 {min-width:100px; appearance:none; -webkit-appearance:none;}
.search_btn2 {font-size:.938em; appearance:none; -webkit-appearance:none;}

.board_paging button {height:20px; max-width:20px;}
}


@media all and (max-width:550px){
.table_wrap tr:first-child td img{width:inherit; min-width:inherit;}
.board_list .notice td img{width:100%; min-width:17px;}
.notice_icon1{display:none;}
.notice_icon2{display:block;}
.board_searching .searching{width:85%;}
.board_searching .searching select.input_st1{max-width:50px; padding:4px 3px; font-size:10px;}
.board_searching .searching input.input_st1{max-width:60px; padding:5px 10px 4px; font-size:10px;}

.board_write .tit{padding-left:5px;}
.sec5.label_wrap{width:30%;}
.board_view th, .board_view td{padding:10px 0 10px 0}

	.left.btn_area .fr{width:10%; margin-top:10px; float:left!important;}
	.left.btn_area .board_btn{width:100%;}
	.btn_inc.board_btn_size{width:60px;}
	
}