@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



#kiboard{width: 100%;}
#kiboard .textinput { 
	margin: 0; padding: 0 3px; height: 20px; line-height:20px; color: #000; font-size: 100%; background-color: #fff; border: 1px solid #dce0e8;vertical-align:middle}
#kiboard .selectn {padding: 2px 3px; height: 22px; color: #000; font-size: 90%; background-color: #fff; border: 1px solid #dce0e8;vertical-align:middle}

.kbicon {background: url("./img/icon/sprites_ico.gif?140422") no-repeat;}
.kbicon.file {vertical-align:middle;display:inline-block;width:15px;height:13px;background-position:0px -117px;}
.kbicon.new {vertical-align:middle;display:inline-block;width:9px;height:10px;background-position:0px -1087px;}
.tbl_type_1 tr.notice .subject {font-weight:bold;}
#kiboard #fileArea ul	{float:right; padding-top:4px; font-size:12px;}
#kiboard #fileArea li	{float:left; overflow:hidden; padding:0 3px;}

.product{overflow: hidden; width: 100%;}
.input{width: 100%;}
#frm{width: 100%;}

.wz_btn_sml {
	display: inline-block;
	padding: 1px 4px;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	background: #000;
    font-family: 'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size: 11px; letter-spacing: -1px; cursor:pointer;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	-webkit-box-shadow: inset 1px 1px #fff,inset -1px -1px #f7f7f7,0 1px rgba(0,0,0,0.03);
}
.wz_btn_mid {
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #e8e8e8;
	background: #000;
    font-family: 'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size: 11px; letter-spacing: -1px; cursor:pointer; 
	color: #fff;
	line-height: 21px; height: 21px;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	-webkit-box-shadow: inset 1px 1px #fff,inset -1px -1px #f7f7f7,0 1px rgba(0,0,0,0.03);
}
.wz_btn_big {
    width:100px;
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #e8e8e8;
	background: #000;
    font-family: 'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size: 12px; font-weight:bold; cursor:pointer;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	-webkit-box-shadow: inset 1px 1px #fff,inset -1px -1px #f7f7f7,0 1px rgba(0,0,0,0.03);
}


/*********************************************
* tables
*********************************************/
.table{width: 100%;}
.ow_forum {text-align:center;width:100%;border-collapse:separate;border-spacing:0;border:none;}
.cols1, tr.cols1 td {background-color: #fff;}
.cols2,	tr.cols2 td {background-color: #fafafa;}

.tbl_type_1, .tbl_type_2 {border-spacing:0px; border:0; border-collapse:collapse;}
.tbl_type_3 {border-spacing:0px; border:0;border-collapse: collapse;}
.tbl_type_1,
.tbl_type_2,
.tbl_type_3 {width:100%;}
.tbl_type_1 th {border-style: solid;_border-width: 1px;background-color: #e9e9e9;padding: 6px;vertical-align: middle;}
.tbl_type_1 tr td,
.tbl_type_2 tr td {border-style: solid;border-color: #e8e8e8;}
.tbl_type_1 tr td,
.tbl_type_2 tr td {border-width: 0px 1px 1px 0px;}
.tbl_type_1 .ow_empty + tr td:first-child,
.tbl_type_2 .ow_empty + tr td:first-child {border-radius: 4px 0px 0px 0px;-moz-border-radius: 4px 0px 0px 0px;-webkit-border-radius: 4px 0px 0px 0px;border-bottom-width: 1px;border-left-width: 1px;border-top-width: 1px;}

.tbl_type_1 tr td:first-child,
.tbl_type_2 tr td:first-child {border-left-width: 1px;}

.tbl_type_1 tr td:last-child,
.tbl_type_2 tr td:last-child {border-bottom-width: 1px;border-right-width: 1px;}
.tbl_type_1 tr:first-child td,
.tbl_type_2 tr:first-child td {border-top-width: 1px;}
.tbl_type_1 tr:first-child td:first-child,
.tbl_type_1 tr:first-child th:first-child,
.tbl_type_2 tr:first-child td:first-child,
.tbl_type_2 tr:first-child th:first-child {border-top-left-radius: 4px;	-moz-border-top-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-bottom-width: 1px;border-left-width: 1px;border-top-width: 1px;}
.tbl_type_1 tr:first-child td:last-child,
.tbl_type_1 tr:first-child th:last-child,
.tbl_type_2 tr:first-child td:last-child,
.tbl_type_2 tr:first-child th:last-child {border-top-right-radius: 4px;-moz-border-top-right-radius: 4px;-webkit-border-top-right-radius: 4px;border-bottom-width: 1px;border-top-width: 1px;border-right-width: 1px;}
.tbl_type_1 tr:last-child td:first-child,
.tbl_type_1 tr.cols1:last-child td:first-child,
.tbl_type_1 tr.tr-last td:first-child,
.tbl_type_1 tr.tr-last th:first-child,
.tbl_type_2 tr:last-child td:first-child,
.tbl_type_2 tr.cols1:last-child td:first-child,
.tbl_type_2 tr.tr-last td:first-child,
.tbl_type_2 tr.tr-last th:first-child {border-bottom-left-radius: 4px;-moz-border-left-radius: 4px;-webkit-border-left-radius: 4px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-right-radius: 0px;-moz-border-bottom-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;}
.tbl_type_1 tr:last-child td:last-child,
.tbl_type_1 tr.alt1:last-child td:last-child,
.tbl_type_1 tr.tr-last td:last-child,
.tbl_type_1 tr.tr-last th:last-child,
.tbl_type_2 tr:last-child td:last-child,
.tbl_type_2 tr.alt1:last-child td:last-child,
.tbl_type_2 tr.tr-last td:last-child,
.tbl_type_2 tr.tr-last th:last-child {border-bottom-right-radius: 4px;-moz-border-bottom-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-width: 1px;border-right-width: 1px;border-top-right-radius: 0px;-moz-border-top-right-radius: 0px;-webkit-border-top-right-radius: 0px;}
.tbl_type_1 tr:last-child td,
.tbl_type_1 tr:last-child th,
.tbl_type_2 tr:last-child td,
.tbl_type_2 tr:last-child th {}
.tbl_type_1 th,
.tbl_type_2 th {border-style: solid;border-color: #e8e8e8  #e8e8e8 #ccc #e8e8e8;border-width: 0px 1px 1px;_border-width: 1px;}
.tbl_type_1 tr.tr-first td,
.tbl_type_2 tr.tr-first td {border-top-width: 1px;}
.tbl_type_1 tr.tr-first th,
.tbl_type_2 tr.tr-first th {border-width: 1px 0px;border-color: #ccc;}
.tbl_type_1 tr.tr-first th:first-child,
.tbl_type_1 tr.tr-first td:first-child,
.tbl_type_2 tr.tr-first th:first-child,
.tbl_type_2 tr.tr-first td:first-child {border-left-width: 1px;border-top-left-radius: 4px;}
.ie8 .tbl_type_1 tr.tr-first th,
.ie8 .tbl_type_2 tr.tr-first th {border-right-width: 1px;}

.tbl_type_1 tr.ow_tr_delimiter td,
.tbl_type_2 tr.ow_tr_delimiter td {border:none;}
.tbl_type_1 tr.tr-first th:last-child,
.tbl_type_1 tr.tr-first td:last-child,
.tbl_type_2 tr.tr-first th:last-child,
.tbl_type_2 tr.tr-first td:last-child {border-right-width: 1px;border-top-right-radius: 4px;}
.tbl_type_1 tr.tr-first th:last-child,
.tbl_type_2 tr.tr-first th:last-child {border-right-color: #ccc;}
.tbl_type_1 td,
.tbl_type_2 td {padding: 8px;vertical-align: middle;}
.tbl_type_1 td .text {color: #999;}
.tbl_type_2 {border-collapse: separate;}
.tbl_type_2 td {text-align: center;}
.tbl_type_3 {border-collapse: separate;border-spacing: 5px;}
.tbl_type_3 td {border-left-width: 1px;border-left-style: solid;vertical-align: top;}
.tbl_type_3 td.ow_label {border: none;color: #666;text-align: right;}
.tbl_type_3 td.ow_value {padding-left: 10px;}
.ow_table_4 {border-collapse: separate;border-spacing: 5px;}
.ow_table_4 td {vertical-align: top;}
.ow_table_4 td.ow_label {border: none;color: #666;text-align: right;}
.ow_table_4 td.ow_value {padding-left: 10px;}
th.ow_section {border: 0 none;padding: 15px 0;text-align: center;background: transparent;}
th span.ow_section_icon {background-repeat: no-repeat;padding-left: 22px;}
th.ow_section span {background: #f0f0f0;padding: 5px 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-shadow: #fff 1px 1px 0;font-weight: normal;}
table.ow_form td.ow_label {color: #666;text-align: right;}
table.ow_form td.ow_label.required {font-weight:bold;}
table.ow_form td.ow_desc {width: 25%;color: #666666;font-size: 11px;}
table.ow_form td.ow_submit {text-align: center;}


.tbl_type_5,.tbl_type_5 th,.tbl_type_5 td{border:0}
.tbl_type_5 {border:1px solid #dddee2;border-radius: 4px;-moz-border-radius: 4px;table-layout:fixed}
.tbl_type_5 caption{display:none}
.tbl_type_5 .cols1, .tbl_type_5 tr.cols1 td {background-color: #fff;}
.tbl_type_5 .cols2,	.tbl_type_5 tr.cols2 td {background-color: #fafafa;}

.tbl_type_5 th{padding:8px 0;border-top:1px solid #dddee2;background:#f4f4f4;color:#666;font-weight:bold;text-align:center;vertical-align:middle;
    text-shadow: 1px 1px 0 #FFF;font-family:'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size: 11px;letter-spacing: -1px;}
.tbl_type_5 td{padding:8px 2px;border-top:1px solid #dddee2;line-height:16px;vertical-align:middle;text-align:center;}
.tbl_type_5 .search dt, .tbl_type_5 .search dd {float:left;height:22px;line-height:22px;}
.tbl_type_5 .search dt {width:80px;}


.tbl_type_1 {border:1px solid #ccc;}
.tbl_type_1 .left {text-align:left;}
.tbl_type_1 .right {text-align:right;}
.tbl_type_1 .suject-memo {font-size:11px;font-family:'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; line-height: 1.5;letter-spacing: -1px;color:#a7a7a7;border:1px dotted #a7a7a7;padding:3px;background-color:#ffffff;}
/*.tbl_type_1 tr:hover td {background-color: #f2f6f7;}*/


#kiboard .page-nav {overflow: hidden; margin: 0 auto; text-align: center;}
#kiboard .page-nav a,#kiboard .page-nav strong{display:inline-block; position:relative;margin-right:1px; padding:3px 8px 5px; border:1px solid #e6e6e6; color:#000; font-family:'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size:13px;font-weight:bold; line-height:normal; text-decoration:none;}
#kiboard .page-nav strong{border:1px solid #e9e9e9;color:#f23219 !important}
#kiboard .page-nav .pre{padding-left:9px;background:url("../img/icon/bu_pg3_l_on.gif") no-repeat 1px 3px !important}
#kiboard .page-nav .next{padding-right:9px;background:url("../img/icon/bu_pg3_r_on.gif") no-repeat 29px 3px !important}
#kiboard .page-nav .pre,#kiboard .page-nav .next{display:inline-block; position:relative; top:1px;_width /**/:84px;color:#ccc; font-family:'Noto Sans KR', '맑은고딕', Malgun Gothic, dotum, gulim, sans-serif, applegothic; font-size:12px; line-height:normal}
#kiboard .page-nav a .pre,#kiboard .page-nav a .next{color:#565656}
#kiboard .page-nav a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

.msg_sound_only, .sound_only {display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}






.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}



/* Board */
	.Search { text-align:center; margin-top:20px;}
	.Search input { height:38px; padding:0 10px; line-height:40px; border:solid 1px #ddd;}
	.Search select { height:40px;line-height:40px; border:solid 1px #ddd; padding-left:10px;}
	.btn { background:#797c82; height:40px; font-size:14px; cursor:pointer; color:#fff; border:none !important; padding-left:20px !important; padding-right:20px !important; font-weight:bold;}

	.Board_Input {width:100%; border-top:solid 1px #e4e4e4;}
	.Board_Input th {width:140px; background:#3f383a; border-bottom:solid 1px #706b6d;}
	.Board_Input td {border-bottom:solid 1px #e4e4e4; border-right:solid 1px #e4e4e4; padding:7px 10px;}
	.Board_Input td input {line-height:18px; padding:2px 5px 3px 5px; border:solid 1px #cacaca;}
	.Board_Input td textarea {line-height:18px; padding:2px 5px 3px 5px; border:solid 1px #cacaca;}
	.Board_Input td input[type="radio"] {border:0; margin:0; padding:0;}
	.Board_Input td label {padding:0 2px 3px 2px;}
	.Board_Input td img { vertical-align:middle;}

	.Board_List {width:100%; border-top:solid 4px #2b3e50; font-size:14px;}
	.Board_List th {background:#eceff3; border-bottom:solid 1px #d9d9d9; font-weight:bold; text-align:center; color:#000; line-height:47px;}
	.Board_List td {border-bottom:solid 1px #d9d9d9; padding:15px; line-height:18px;}

    .Board_View {width:100%; margin-top: 50px;}
    .Board_View .chart_info{ border: 1px solid #eee; padding-bottom:50px;}
    .Board_View .chart_info th{width:140px; background:#f3f9fd; border-top:solid 1px #eee; text-align:center; color:#000; line-height:47px; font-size:15px; font-weight: 500;}
.Board_View .chart_info td{border-top:solid 1px #eee; padding:18px; line-height:18px; text-align: left;}
    .Board_View .chart_info td:fist-child{margin-top: 50px;}
    .Board_View tbody.con{margin-top: 50px;}

	.Btn_C {text-align:center; margin-top:15px;}
	.Btn_C a {margin:5px;}
	.Btn_R {text-align:right; margin-top:15px;}
	.Btn_R a {margin-left:5px;}
	
	.TableStyleA {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleA th { background:#3464c3; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleA th:first-child {border-left:solid 1px #3464c3;}
	.TableStyleA th:last-child {border-right:solid 1px #3464c3;}
	.TableStyleA td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleA td.greyBG { background:#f1f3f7;}
	.TableStyleA td strong {color:#000; font-size:18px; text-decoration:underline; line-height:30px;}

	.TableStyleB {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleB th { background:#9a59b5; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleB th:first-child {border-left:solid 1px #9a59b5;}
	.TableStyleB th:last-child {border-right:solid 1px #9a59b5;}
	.TableStyleB td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleB td.greyBG { background:#f1f3f7;}
	.TableStyleB td strong {color:#000; font-size:18px; text-decoration:underline; line-height:30px;}

	.TableStyleC {width:100%; table-layout:fixed; font-size:16px;}
	.TableStyleC th { background:#74ad25; border-right:solid 1px #dcdcdc; color:#fff; text-align:center; line-height:38px;}
	.TableStyleC th:first-child {border-left:solid 1px #74ad25;}
	.TableStyleC th:last-child {border-right:solid 1px #74ad25;}
	.TableStyleC td { border:solid 1px #dcdcdc; padding:20px; text-align:center;}
	.TableStyleC td.greyBG { background:#f1f3f7;}
	.TableStyleC td strong {color:#000; font-size:18px; text-decoration:underline; line-height:30px;}


	#kiboard .product li {float:left; width:380px; height:380px; margin-top: 50px; margin-left: 10px;}
	#kiboard .product li.last {margin-right:0;}
	#kiboard .product li img{}
#kiboard .product li span { position:relative; display:block; width:382px; top:-80px; background-color:#f2f2f2; height:80px; text-align:center; }


@media screen and (max-width:1215px)and (min-width:1000px){
    #kiboard .product li img{width: 310px; height: 310px;}
    #kiboard .product li{width: 310px; height: 310px;}
    #kiboard .product li span{width: 310px;}
    .product{width: 100%; margin: 0 auto;}
    .Search input#stx{ width: 150px;}
    .Search input.btn{ width: 80px;}
    
}

@media screen and (max-width:999px)and (min-width:800px){
    #kiboard .product li img{width: 340px; height: 340px;}
    #kiboard .product li{width: 340px; height: 340px;}
    #kiboard .product li span{width: 340px;}
    .product{margin: 0 auto; width: 700px;}
 }

@media screen and (max-width:799px)and (min-width:600px){
    #kiboard .product li img{width: 280px; height: 280px;}
    #kiboard .product li{width: 280px; height: 280px;}
    #kiboard .product li span{width: 280px;}
    .product{margin: 0 auto; width: 600px;}
}

@media screen and (max-width:599px){
    #kiboard .product li img{width: 350px; height: 350px;}
    #kiboard .product li{width: 350px; height: 350px; margin-left: 0;}
    #kiboard .product li span{width: 350px;}
    .product{margin: 0 auto; width: 350px;}
    
}

@media screen and (max-width:414px){
    #kiboard .product li img{width: 300px; height: 300px;}
    #kiboard .product li{width: 300px; height: 300px; margin-left: 0;}
    #kiboard .product li span{width: 300px;}
    .product{margin: 0 auto; width: 300px;}
    .contact_list{display: none;}
    .Search{display: none; }
    .Board_View .chart_info th{font-size: 10px; line-height: 17px;}
    .Board_View .chart_info td{font-size: 12px; padding: 5px;}

}

@media screen and (max-width:320px){
   #kiboard .product li span{width: 290px;}
   }


#kiboard .product li span a{color:#474747; font-size:20px; line-height:80px; font-weight: 300; letter-spacing: -1px;}