/*boardlist*/
    
/*
font-size: 12px;
line-height: 150%;
margin: 0;
padding: 0;
*/

.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both !important;}
.pt20{padding-top:20px !important;}

a.btn {position:relative;display:inline-block;color:#000;/*margin-bottom:10px;*/padding:7px 25px;font-size: 17px;text-decoration:none;border:1px solid;border-radius:0}
a.btn:hover {background-color:#f7f7f7;}

a.btn_link {position:relative; display:inline-block; color:#000; margin-bottom:10px; padding: 7px 40px 7px 25px; font-size: 17px; text-decoration:none; background:url('/images/sub/icon_link_02.png') right 13px no-repeat #fff; border:1px solid;}
a.btn_link:hover {background-color:#f7f7f7;}

a.btn_download {position:relative; display:inline-block; color:#000; margin-bottom:10px; padding: 7px 30px 7px 45px; font-size: 17px; text-decoration:none; background:url('/images/sub/icon_download.png') 20px 10px no-repeat; border:1px solid;}
a.btn_download:hover {background-color:#f7f7f7;}

a.btn_view {position:relative; display:inline-block; color:#000; margin-bottom:10px; padding: 7px 30px 7px 45px; font-size: 17px; text-decoration:none; background:url('/images/sub/icon_view.png') 20px 12px no-repeat; border:1px solid;}
a.btn_view:hover {background-color:#f7f7f7;}

a.btn_print {position:relative; display:inline-block; color:#000; margin-bottom:10px; padding: 7px 30px 7px 30px; font-size: 17px; text-decoration:none;  border:1px solid;}
a.btn_print:hover {background-color:#f7f7f7;}

.btn_red_blank {position:relative; display:inline-block; color:#fff; font-size: 14px; text-decoration:none; margin-bottom:10px; padding:7px 35px 7px 10px; margin:0 10px 0 0 ; background:url('/images/sub/icon_blank.png') right center no-repeat #e60012;}
.btn_red_blank:hover {text-decoration:underline;}

.btn_red_self {position:relative; display:inline-block; color:#fff; font-size: 14px; text-decoration:none; margin-bottom:10px; padding:7px 10px 7px 10px; margin:0 10px 0 0 ; background:#e60012;}
.btn_red_self:hover {text-decoration:underline;}

.btn_blue_view {position:relative; display:inline-block; color:#fff; font-size: 14px; text-decoration:none; margin-bottom:10px; padding:7px 35px 7px 10px; background:url('/images/sub/icon_detail.png') right center no-repeat #1d3a60;}
.btn_blue_view:hover {text-decoration:underline;}



fieldset {border:none;}
fieldset legend {display:none;}
fieldset select {height:27px; padding:4px 5px; vertical-align:top;}

input[type=text], input[type=password] {
	height:35px; padding:8px 30px 9px 12px; border:1px solid #cccccc; vertical-align:middle; background-color:#fff; box-sizing:border-box;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;
	font-family:'lato','Noto Sans KR','Nanum Square','Nanum Barun Gothic';
}
input[type=submit] {font-family:'lato','Noto Sans KR','Nanum Square','Nanum Barun Gothic';}

input.required{ color:#333}
.boardlist {font-size:14px;}
.boardlist table, 
.boardlist th, 
.boardlist td {border-collapse: collapse; font-weight: normal; margin: 0; padding: 0; word-break: break-all;}
.boardlist a {text-decoration:none; color:#2a2a2a;}

.boardlist{float:left; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0; background-color:#fff; width:100%; margin-bottom:30px; margin-top:10px;}
.boardlist table{width:100%; }
.boardlist caption{font-size:0px; text-indent:-9999999px; height:0; width:0px; line-height:0; overflow:hidden;}
.boardlist table thead th{font-weight:bold; line-height:130%; padding:12px 10px; border-bottom:1px solid #a0a0a0; color:#333; vertical-align:middle; background:#f9f9f9; }
.boardlist table thead th.first{font-weight:bold; line-height:130%; padding:12px 10px border-bottom:1px solid #a0a0a0; color:#333; vertical-align:middle;}
.boardlist table tbody td{ line-height:160%; min-height:22px; height:16px; padding:7px 0; border-top:1px solid #d8d8d8; color:#4d4d4d; vertical-align:middle;  text-align:center;}

.boardlist table thead th.subject{padding-left:20px; padding-right:5px; text-align:center; width:60%;}
.boardlist table tbody td.subject{padding-left:20px; padding-right:5px; text-align:left; width:60%;}
.boardlist table tbody td.num, td.date, td.refer{vertical-align:middle; text-align:center;}

.boardsearch{position:relative; min-height:27px; margin-bottom:5px; overflow:hidden; width:100%; float:left;}
.boardsearch .search{float:right;}

.boardsearch .search label{display:inline-block; margin:0 20px; color:#333;}
.boardsearch .search select{height:27px; margin-right:5px; padding:4px 5px; vertical-align:top;}

/*.boardsearch .search .intext{position:relative; left:0px; display:inline-block; width:250px; height:22px; line-height:1; padding-top:3px; border:1px solid #e5e5e5;}*/
.boardsearch .search label{display:inline-block; margin:0 20px; color:#333;}
.hidden{overflow:hidden; position:absolute; left:-99999em; height:0px; font-size:0px; line-height:0;}
.boardsearch .search .intext input[type='text']{width:180px; border: 1px solid #ccc !important;padding:0; border:0; height:26px; line-height:16px; vertical-align:baseline;}

.boardsearch .search .intext .btnsch{position:absolute; top:-1px; right:-1px;}
.ie9 input.btnsch, .ie10 input.btnsch, .ie11 input.btnsch{padding:1px 19px 3px 19px !important;}
.btnsch{display:inline-block; min-width:60px; height:27px; background-color:#737373; border:1px solid #737373; color:#fff; font-size:14px; vertical-align:middle; text-align:center;}

/*.paging{font-size:14px;  padding-top:10px; margin-bottom:30px; text-align:center; width:100%; border:1px solid;}
.paging .btn{display:inline-block; vertical-align:top;}
.paging .btn a{display:block; width:28px; height:28px; margin:0 -2px; text-indent:-9999px;}
.paging .first{background:url("../images/sub/btn_first.gif") no-repeat left center ;}
.paging .prev{background:url("../images/sub/btn_prev.gif") no-repeat left center; border-left:1px solid #e7e5e5; margin-right:-3px;}
.paging .next{background:url("../images/sub/btn_next.gif") no-repeat left center;}
.paging .last{background:url("../images/sub/btn_last.gif") no-repeat left center; border-left:1px solid #e7e5e5; margin-right:-3px;}
.paging .num a:hover, .paging strong.on{background-color:#737373; color:#fff; margin:0 -1px;}
.paging .num a, .paging strong{background-color:#e7e7e7; color:#4d4d4d; display:inline-block; width:28px; height:28px; margin:0 -1px; font-weight:bold; text-align:center; line-height:28px;}
.ie9 .paging .num a, .ie9 .paging strong, .ie10 .paging .num a, .ie10 .paging strong, .ie11 .paging .num a, .ie11 .paging strong{line-height:28px;}*/

.tbl_result{float:left; line-height:240%; margin-right:5px; font-size:14px;  font-weight:bold; font-family:'Tahoma'; color:#969696;}
.tbl_result strong{color:#bd2f3c; font-weight:bold; font-family:'Tahoma'; font-size:14px;}

.btnarea{overflow:hidden; width:100%; margin-bottom:30px; text-align:right;}
.btnarea a {text-decoration:none;}
.btnarea a.btnlist{vertical-align:middle; text-align:center; padding:10px 17px ; min-width:56px; height:27px; line-height:27px; color:#fff; background-color:#5a4f4a; font-size:14px;}
.btnarea a.red{background-color:#c8212f !important; color:#fff; padding:8px 25px; display:inline-block; margin-top:20px; transition:.3s}
.btnarea a.red:hover{background-color:#b61926 !important}

.btnarea input{background-color:#c8212f !important; min-width:56px; height_:26px; line-height:26px; padding:7px 25px; color:#fff;  vertical-align:middle; text-align:center; font-size:14px; text-align:center; cursor:pointer; border:0;}
/*#board_write .write_table .tdstyle input{border:1px solid #ccc; height:19px; padding:2px;}*/

.btnarea .btn {min-width:56px; line-height:26px; padding-bottom:5px; color:#fff; display:inline-block; background-color:#5a4f4a; font-size:14px; text-align:center; vertical-align:middle;}
.btnarea .btn:hover {background-color:#5a4f4a;}
.boardnext{overflow:hidden; margin-bottom:30px; border-top:2px solid #585858; border-bottom:1px solid #a0a0a0;}
.boardnext ul{overflow:hidden;}
.boardnext li:first-child{border-top:none;}
.boardnext li{float:left; width:100%; border-top:1px solid #d8d8d8;}
.boardnext li > strong{display:block; float:left; width:10.5%; background:url("../images/sub/boardlist_th_bg.gif") no-repeat right 50%; color:#333;} 
.boardnext li.prev > strong > span{background:url("../images/sub/boardprev_icon.gif") no-repeat 90% 50%;}
.boardnext li.next > strong > span{background:url("../images/sub/boardnext_icon.gif") no-repeat 90% 50%;}
.boardnext li > strong > span{display:inline-block; line-height:150%; min-height:20px; padding:11px 20px 11px 16px ; vertical-align:middle;}
.boardnext li > span{display:block; float:right; width:89.5%;}
.boardnext li > span > span{display:inline-block; line-height:150%; min-height:20px; padding:11px 0 11px 20px; vertical-align:middle;}

/* 게시물 보기 */
#board_view {padding-top:0px;  }
#board_view .btn_area {clear:both; overflow:hidden; padding:15px 0; font-size:14px; border-bottom:1px dotted #ccc;}
#board_view .btn_area a {text-decoration:none; padding:6px 14px; margin:0 5px 0 0; border:1px solid #ddd; color:#2a2a2a; background:#f9f9f9; transition:.3s}
#board_view .btn_area a:hover{background:#747474; color:#fff}
#board_view .btn_area div.fr a {margin:0 0 0 10px;}
#board_view .btn_area_bottom { clear:both; padding-top:20px; }
#board_view .title_area {width:100%; border-top:2px solid #2e2e2e; border-bottom:1px solid #dddddd; overflow:hidden; background-color:#f9f9f9;}
#board_view .title_area .title {float:left; padding:10px 0 10px 10px; margin:0; font-weight:bold;}
#board_view .title_area .title a {font-size:16px; color:#333333; text-decoration:none;}

.write_info {float:right; padding:10px 0; margin:0; width:100%; font-size:14px; border-bottom:1px solid #dddddd;}
.write_info ul {float:right; margin:0; padding:0;}
.write_info ul li {display:inline; list-style-type:none; margin:0; padding:0;}
.write_info .date {margin-right:15px; color:#555;}
.write_info .w_name {margin-right:15px; color:#555;}
.write_info .w_num {margin-right:5px; color:#555;}

@media only screen and (max-width:480px)  {
	.write_info ul li {display:block; margin:0 0 5px 0;}
}

.sum { text-align:right; padding:5px 0 5px 5px; }
.sum .tit { letter-spacing:-1px; }
.sum .num { color:#ADADAD; margin:0 5px; }
.sum .date { color:#ADADAD; margin-right:10px; }

#board_view .author_area { padding-left:10px; }
#board_view .author_area .author { padding:0 15px 0 5px;}
#board_view .author_area .ipaddress {color:#ADADAD; }
#board_view .attach { float:left; width:100%; padding:7px 0; margin:0; font-size:14px; border-bottom:1px dashed #cccccc;}
#board_view .attach dt { color:#4d4d4d; float:left; padding:0 0 0 10px; margin:0 5px 0 0; font-weight:bold;}
#board_view .attach dd { text-decoration:none; color:#4d4d4d; margin:0; padding:0;}
#board_view .attach a { text-decoration:none; color:#666666; }
#board_view .view_file { float:left; margin-top:10px; width:100%;}
/*#board_view .view_file img{width:100%}*/
#board_view .attach .date {float:right; color:#aaaaaa; }
#board_view .content { width:100%; padding:20px 0; border-bottom:1px solid #2e2e2e; margin:0 0 0 0;  overflow:hidden; }
/*#board_view .content ul {padding:0 10px;}
#board_view .content a { text-decoration:underline; }*/
#board_view .signature { float:left; width:100%; background-color:red; margin:10px 0; }
#board_view .social {border-bottom:1px solid #ddd;border-top:1px solid #ddd; background-color:#f9f9f9; padding:3px 0; text-align:right;}

@media (max-width:470px){#board_view .view_file img{width:100%}}

/* 코멘트 
#board_comment .comment_tit {font-weight:bold; background:url(./img/comment_icon.gif) no-repeat; padding-left:24px; color:#555; border:1px solid;}
#board_view .co_content {width:96%; padding:10px; }*/
#board_comment p{font-size:17px}

/* 코멘트 리스트 */
.comment_area { float:left; width:100%; border-bottom:1px solid #ddd; margin:0 0 50px 0; padding:25px 0;}
.comment_area span.secret { color:#ff6600; }
.comment_area .author { float:left; margin-right:10px; color:#666666; font-weight:bold; padding:0 0 0 10px;}
.comment_area .author span.member {font-size:14px;}
.comment_area .date {color:#999; font-size:10px; font-family:Verdana;}
.comment_list {clear:both; padding:10px 0 0 10px; font-size:14px;} 
.comment_list .author_area .author { float:left; margin-right:10px;} 
.comment_area .author { float:left; margin-right:10px;}
.author_area .co_box_in {padding-left:15px;}
.comment_list .author_area .date { float:left; color:#ADADAD; margin-right:10px; }
.comment_list .author_area .ipaddress { color:#ADADAD; }
.comment_area .option_area { float:right;}
.comment_area .option_area a { color:#999999;  font-size:11px; text-decoration:none; }
.comment_area .option_area span { color:#999999;  font-size:11px;}
.comment_list .content { float:left; width:100%; }
.comment_list .content { overflow:hidden; }
.comment_list .content { padding:10px 0; }
.comment_list .content a { text-decoration:underline; }

/* 코멘트 쓰기 */
#comment_write {width:100%;  border:1px solid #dddddd; background-color:#f6f6f6; padding:0; margin:10px 0;}
#comment_write .author_area {width:99%; margin:10px 0 0 0;}
#comment_write .author_area span {margin-right:15px;}
#comment_write .author_area .input_st {border:1px solid #dddddd; margin-left:5px}
#comment_write .content_area div.content {float:left; padding:0;margin:0; width:83%;}
#comment_write .content_area div.content .text {padding:10px 0 15px 10px;}
#comment_write .content_area div.content textarea { height:80px; width:100%; border:1px solid #dddddd;}
#comment_write .content_area div.button { float:right; width:17%; padding:10px 10px 15px 10px;}
#comment_write .content_area div.button  input[type='submit'] {cursor:pointer; width:100%; padding:32px 0; border:none; background:#4b595f; color:#fff; border:1px solid #ccc; transition:.3s; border-radius:5px}
#comment_write .content_area div.button  input[type='submit']:hover {background:#343f44;}
#comment_write fieldset { margin:0; padding:0; border:0; }

#pwcheck_box{width:350px; height:120px;border-top:1px solid #999; border-bottom:1px solid #eee; background-color:#f8f8f8; padding:10px 20px; margin:20px 0 0 160px;}
#pwcheck_box .password_form {padding:20px 0 0 5px;}

@media only screen and (max-width:727px)  {
	#comment_write .content_area div.content .text {padding:10px 10px 15px 10px;}
	#comment_write .content_area div.content textarea { height:80px}
	#comment_write .content_area div.button {padding:10px 10px 15px 10px;}
	input[type=text], input[type=password]{margin-left:7px; width:30%}
	#comment_write .author_area span lable{float:right; padding:10px 30px 0 0}
	#comment_write .content_area div.content{width:77%}
	#comment_write .content_area div.button { float:right; width:23%; padding:10px 10px 15px 0;}
	#comment_write .author_area span{margin-right:0}
}

@media only screen (min-width:351px) and (max-width:479px)  { 
	tr.write_file{display:none;}
	#comment_write .content_area div.content textarea { height:50px; width:100%;}
	#comment_write .content_area div.button { float:none; width:100%; padding:0;}

}

/* 게시물 쓰기 */
#board_write {width:100%;padding-top:0px; }
#board_write .input_st {border:1px solid #ccc; height:19px; padding-left:3px;}
#board_write .title_msg { font-size:17px; letter-spacing:-1px; color:#0066aa; font-weight:bold; margin:0 0 10px 0; }
#board_write .write_table { width:100%; border-top:2px solid #2e2e2e; }
#board_write .write_table .thstyle,
#board_write .write_table .tdstyle { padding:10px 0 4px; border-bottom:1px solid #eeeeee;}
#board_write .write_table .thstyle {width:140px; text-align:center; padding-left:10px; font-weight:normal; color:#222; font-weight:bold; background:#f9f9f9; }
#board_write .r_star {color:#ff6600; font-weight:bold;}
#board_write .write_top_text {padding:0px; text-align:right;}
#board_write .write_table .thstyle p { }
#board_write .write_table .tdstyle p { float:left; }
#board_write .write_table .thstyle p a { color:#aaa; font-size:11px; }
#board_write .write_table .tdstyle {padding-left:10px; }
#board_write .write_table .tdstyle input {vertical-align:middle; }
#board_write .write_table .tdstyle textarea.textarea {width:97%; border:1px solid #d1d1d1; }
#board_write .write_table .tdstyle input.title { width:98%; }
#board_write .btn_area { margin:10px 0; }
#board_write .btn_area .savebtn {float: left; padding-left:350px;}
#board_write .btn_area .listbtn {float: left; padding-left:350px;}
#board_write .textarea_control span.button { cursor: pointer; }
#board_write .textarea_control div.float { float: left; width: 50%; }
#board_write .textarea_control div.right { float: right; }
#board_write textarea.textarea { width: 100%; word-break: break-all; }
#board_write .w_btn_area {padding-top:20px;}
#board_write .w_btn_area ul li {display:inline;}
#board_write .w_btn_area .listbtn {float:right;}

/* 파일첨부 */
#variableFiles { list-style: none; margin: 0; padding: 0; }
#variableFiles li { padding-top: 5px; }
#variableFiles li input.file { border: 1px solid #d1d1d1; background-color:#f2f2f2; width:210px!important; height: 22px; }
#variableFiles li .file_n {font-size:11px;}

.content img{max-width:100%;}

@media only screen and (max-width:1330px)  {	
	#view_file img{max-width:100%;}
}

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

	.boardlist table thead th.refer, thead th.num ,thead th.name, thead th.date{display:none;}
	.boardlist table th.second{background:none;}
	.boardlist table td.refer, td.num, td.name, td.date{display:none;}
	.paging{display:_none;}
	
	.detail{float:left; width:100%;}
	.detail .detail_img{margin-left:0px; float:left; width:100%;}
	.detail .detail_img p{width:100%; height:100%; float:left;}

	.detail .detail_img h3{float:left;width:100% ;font-size:15px;text-align:center;padding: 10px 0 10px 10px;}

	.detail .detail_list{width:100%; margin-left:0px; margin-top:15px; padding-top:15px;}
	.detail .detail_list p{ display:none;}
	.detail .detail_list h5{display:inline-block; padding-left:5px; font-size:20px; line-height:15px; margin-bottom:15px}

	.detail .detail_list .line{width:100%; height:2px; background-color:#eee; margin-bottom:15px; float:left; }
	.detail .detail_list span{display:none;}
	
	.detail_box{padding-top:0px;}
	.detail_box p.detail_tit{width:250px; font-size:16px; margin-top:15px;}

	.products_info{margin:0 auto; position:relative;  padding-top:0px; display:block; width:100%;}
	.products_info .item{width:100%; padding:0px; height:100%; float:left;}
	.products_info .item > li{height:100%; overflow:hidden; margin:6px 0 ; width:100%;}
	.products_info .item > li > p.image{width:99%; height:100%; float:left;}
	.products_info .item > li:nth-of-type(3), .products_info .item > li:nth-of-type(4){display:none;} 

	#board_list{padding-top:0;}

	.products_info .pagination{display:none; }
	.paging_mobile{display:block; width:100%; height:30px; margin-bottom:20px; overflow:hidden; }
	.paging_mobile .prev{float:left; padding-left:33px; background:url("../images/sub/mobile_prev.png") no-repeat 25% 50%;}
	.paging_mobile .prev:hover{float:left; padding-left:33px; background:url("../images/sub/mobile_prev_over.png") no-repeat 25% 50% #868686;  border:1px solid #9c9c9c;}
	.paging_mobile .next{float:right; padding-right:33px; background:url("../images/sub/mobile_next.png") no-repeat 75% 50%; text-align:right;}
	.paging_mobile .next:hover{float:right; padding-right:33px; background:url("../images/sub/mobile_next_over.png") no-repeat 75% 50% #868686; border:1px solid #9c9c9c;}	
	.paging_mobile a{font-size:13px; display:block; width:50px; height:28px; line-height:26px; border:1px solid #bababa; background-size:6px 10px !important}
	.paging_mobile a:hover{color:#fff; font-size:13px; display:block; width:50px; height:28px; line-height:26px;}

	#wrap .boardsearch .search{float:none;}
	#wrap .boardsearch .search select{width:100%; margin-right:0;}
	#wrap .boardsearch .search .intext{width:100%; margin-top:6px; }
}

#board_write .write_table .tdstyle #editor_box p {display:block; float:none; margin:0; padding:10px 0 10px 10px; font-weight:bold;}
#board_write .write_table .tdstyle #editor_box ul {margin:0; padding:0;}
#board_write .write_table .tdstyle #editor_box li {margin:0; padding:0 0 10px 0; list-style-type:none;}
#board_write .write_table .tdstyle #editor_box li img {border:1px solid #ddd;}
#board_write .write_table .tdstyle #editor_box li span {margin:0 0 0 10px;} 
#board_write .write_table .tdstyle #editor_box li a.btn_delete {background:#9c9c9c; color:#fff; margin:0 0 0 10px; padding:3px 5px; font-size:14px; text-decoration:none;}

textarea {border:1px solid #eee;}

a.btn_down {border:1px solid;}

/*비밀번호 입력
div.pwform_01 {text-align:center; padding:50px 0; background:#fefefe; border:1px solid #efefef;}
div.pwform_01 strong {font-weight:normal; padding:5px 15px 0 0;}
div.pwform_01 input[type='submit'].btn_pwform {cursor:pointer; padding:10px 35px 11px 35px; margin:0; height:auto; border:none; background:#1d3a60; color:#fff;}
div.pwform_01 input[type='password'] {width:200px; padding:10px 15px; height:auto;}
@media only screen and (max-width:640px)  {
	div.pwform_01 strong {display:block; padding:10px 0;}
}*/

/*비밀번호 입력*/
div.pwform_01 {text-align:center; padding:50px 0; background:url("/images/board/default/icon_password.png") no-repeat 180px center #fefefe; border:1px solid #efefef;}
div.pwform_01 strong {font-weight:normal; padding:5px 15px 0 0;}
div.pwform_01 input[type='submit'].btn_pwform {cursor:pointer; padding:10px 35px 11px 35px; margin:0; height:auto; border:none; background:#1d3a60; color:#fff;}
div.pwform_01 input[type='password'] {width:200px; padding:10px 15px; height:auto;}
@media only screen and (max-width:640px)  {
	div.pwform_01 {background-position:center 15px; padding:110px 0 20px 0;}
	div.pwform_01 strong {display:block; padding:10px 0;}
}