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

.board_search{ margin-bottom:15px; padding-bottom:10px; overflow:hidden; position:relative;}
.board_search fieldset > *{ margin:5px 0 0 0; }
.board_search .select_wrap{ position:relative; }
.board_search .select_wrap:after{ position:absolute; right:12px; top:50%; transform: translateY(-50%); display:block; content:"\f0d7"; font-family:"Font Awesome 5 Pro"; font-weight:bold; font-size:18px;  }
.board_search select{ padding-right:32px; border-radius: 3px;  -webkit-appearance:none; }
.board_search select::-ms-expand{ display:none }
.board_search .board_sch_txt{ float:left; display:inline-block; width:80%; border-radius: 3px; }
.board_search .board_sch_btn{ float:left; display:inline-block; width:18%; border-radius: 3px;  height:40px; margin-left:2%; background:#01253f; color:#fff; border:0;  cursor: pointer}
.board_search .btn_range{ float:right; width:15%; line-height:35px;  height:40px;text-align: center;  font-size:20px; border-radius: 3px; color:#000;  border:#596070 solid 1px; background:#fff; cursor: pointer}

.total_num{display:block; padding-top:15px; color:#1b1b1b; font-size:13px;}
.total_num span{ font-weight:bold; }

.board_search .board_sch_btn01{background:#fff; color:#3d4571; border:1px solid #343d4c;}

.board_search.board_search_center{text-align:center; background:#f8f8f8; padding:25px; border-radius:5px; border:1px dashed #c3c3c3;}

@media all and (min-width:768px){
.board_search{ text-align:right;}
.board_search .total_num{text-align:left;}
.board_search fieldset > *{ margin:0; }
.board_search .select_wrap{  display: inline-block; vertical-align: middle }
.board_search .radio_custom,.board_search .select_wrap,.board_search .date_wrap{  display: inline-block; vertical-align: middle }
.board_search .date_wrap .date_custom{ max-width:150px; }
.board_search .radio_custom{ float:left; padding:10px 0; text-align: center;  }
.board_search .radio_custom label{ margin:0 10px; width:auto;  }
.board_search .board_sch_txt{  float:none; width:220px;}
.board_search .board_sch_btn{  float:none; width:70px;  vertical-align:middle; margin-left:auto }
.board_search.board_search_center{padding:30px 0;}
.board_search.board_search_center p.text{font-size:14px;}
}
@media all and (min-width:1024px){
	.board_search{margin-bottom:25px;}
	.total_num{padding-bottom:25px;}
	.board_search .total_num{padding-bottom:0;}
}
@media all and (min-width:1100px){
	.board_search .total_num{position:absolute; top:0; left:0;}
}

/* 계산기 */
.board_search h6{margin-top:0; padding:0; line-height:1.3;}
.board_search h6:before{display:none;}
.board_search fieldset .cal_wrap{margin-bottom:15px; margin-top:0;}
.board_search fieldset .cal_wrap .title{display:block; text-align:left; font-weight:500; margin-bottom:5px;}
.board_search .input_date, .board_search .input_unit{position:relative;}
.board_search .input_date:after, .board_search .input_unit:after{position:absolute; right:12px; top:50%; transform: translateY(-50%); display:block; font-family:"Font Awesome 5 Pro"; font-weight:bold; font-size:18px; color:#888;}
.board_search .input_date:after{content:"\f073";}
.board_search .input_kg:after{content:"kg"; color:#888; font-size:15px;}
.board_search .input_cm:after{content:"cm"; color:#888; font-size:15px;}
.board_search .input_year:after{content:"세"; color:#888; font-size:15px;}
.board_search .input_in:after{content:"inch"; color:#888; font-size:15px;}
.board_search .cal_btn{margin:0; width:100%;}
@media all and (min-width:768px){
	.board_search fieldset .cal_wrap{display:inline-block; vertical-align:middle; margin-right:15px; width:43%; text-align:left;}
	.board_search fieldset .cal_wrap .title{display:inline-block; vertical-align:middle; margin-right:10px; font-size:15px; margin-bottom:0; min-width:70px;}
	.board_search fieldset .cal_wrap .form-style, .board_search fieldset .cal_wrap .input_date, .board_search fieldset .cal_wrap .input_unit{display:inline-block; width:145px;}
	.board_search fieldset .cal_btn{width:70px;}
}
@media all and (min-width:1024px){
	.board_search h6{font-size:17px; margin-bottom:20px;}
}
@media all and (min-width:1200px){
	.board_search fieldset .cal_wrap{width:28%; margin:7px;}
}


/*게시판목록*/
.board_wrap{ padding:0;}
.board_list div.num{ display:none; width:10%; }
.board_list div.cate{ display:none; width:10%; }
.board_list div.part{ display:none; width:10%; }
.board_list div.subject{ width:70%; padding:0 10px; }
.board_list div.period{ display:none;  }

.board_list_head{ display: table; width:100%; border-top:#5e6d7d solid 1px; padding:20px 0; border-bottom:#c0c0c0 solid 1px; background:#f9f9f9 }
.board_list_head div{ display:table-cell; text-align: center; font-size:14px; font-weight:500; color:#434343 }

.board_list .body_row{ display:table; table-layout:fixed; width:100%; padding:20px 0; border-bottom:#ccc solid 1px; }
.board_list .body_row div{  text-align: center; font-size:14px; color:#676767 }

.board_list .body_row div.thumb{ display:none; }
.board_list .body_row div.subject a{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: left  }
.board_list .body_row div.join{ display:none; }

@media all and (min-width:768px){
.board_list div.num{ display:table-cell; width:10%; }
.board_list div.cate{ display:table-cell; width:10%; }
.board_list div.subject{ width:auto;  padding:0 10px;}
.board_list div.state{ display:table-cell; width:10%; }
.board_list div.period{ display:table-cell; width:23% }
}
@media all and (min-width:1024px){
.board_list div.num{ width:5%; }
.board_list div.cate{ width:8%; }
.board_list_head div,.body_row div{ font-size:16px; }
}

.board_list.card .board_list_head{ display:none; }
.board_list.card .board_list_body .body_row{ position:relative; display:block; border:#adadad solid 1px; border-radius:10px; margin-bottom:15px;  padding:0; overflow:hidden   }
.board_list.card .board_list_body .body_row:hover{ border:#2d70d7 solid 1px; }
.board_list.card .body_row > div{ display:none; padding:0 20px; }
.board_list.card .body_row > div.cate{ display:inline-block;  width:auto; padding:5px 10px; margin-left:20px; font-size:14px; border:#617b90 solid 1px; border-radius: 30px;  color:#000; margin-bottom:10px; }
.board_list.card .body_row > div.thumb{ display:block; height:200px; background-repeat:no-repeat; background-size:cover; margin-bottom:20px; }
.board_list.card .body_row > div.thumb a{ display:block; height:100%;  text-indent: -9999px; }
.board_list.card .body_row > div.subject{ display:block; width:auto; text-align: left;   font-size:20px;}
.board_list.card .body_row > div.subject a{ text-overflow:inherit; white-space:normal; line-height:1.3; font-weight:bold;  color:#000; }
.board_list.card .body_row > div.state{  position:absolute; right:0; top:0; display:inline-block; background:#3b3f44; color:#fff; padding:15px 20px; border-bottom-left-radius: 10px;  }
.board_list.card .body_row > div.period{ display:block;  text-align: left; margin:10px 0 20px; }
.board_list.card .body_row > div.join{ display:block; padding:20px 0; margin:0 20px;  overflow:hidden; border-top:#ddd dashed 1px;   }
.board_list.card .body_row > div.join span i{ margin-right:10px; }
.board_list.card .body_row > div.join span:first-child{ float:left;  } 
.board_list.card .body_row > div.join span:last-child{ float:right;  } 

@media all and (min-width:768px){
	.board_list.card .board_list_body{ overflow:hidden }
	.board_list.card .board_list_body .body_row{ float:left; width:32%; margin-right:2%; margin-bottom:2%; }
	.board_list.card .board_list_body .body_row:nth-child(3n){ margin-right:0; } 
	.board_list.card .body_row .subject{ height:52px; overflow:hidden }
	.board_list.card .body_row .state,.board_list.card .body_row .period{ width:auto; }
}
@media all and (min-width:1200px){
.board_list.card .board_list_body .body_row{ float:left; width:24%; margin-right:1.33333%; margin-bottom:2%; }
.board_list.card .board_list_body .body_row:nth-child(3n){ margin-right:1.33333%; }
.board_list.card .board_list_body .body_row:nth-child(4n){ margin-right:0; }  
}


/*board_normal*/
.board_normal{margin-bottom:30px;}
.board_normal .nodata{ padding:35px 0; border:#ccc solid 1px; text-align:center;}
.board_normal div.num{ width:8%; }
.board_normal div.category{width:20%;}
.board_normal div.subject{padding:0 10px;}
.board_normal div.writer{width:25%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_normal div.date{width:9%; }
.board_normal div.range{width:28%; }
.board_normal div.file{width:7%; }
.board_normal div.hit{display:none; width:9%;}
.board_normal div.state{width:30% }
.board_normal div.state .btn_state{display:inline-block; border:1px solid #343d4c; border-radius:5px; padding:5px 10px; }

.board_normal_head{ display:table; width:100%; border-top:1px solid #37519e; padding:20px 0; border-bottom:#cacdda solid 1px; background:#eef4fc }
.board_normal_head div{ display:table-cell; text-align:center; font-weight:500; color:#1b1b1b }

.board_normal_body .body_row{ display:table; table-layout:fixed; width:100%; padding:20px 0; border-bottom:#cacdda solid 1px; }
.board_normal_body .body_row div{ display:table-cell; text-align: center;  color:#454545;}
.board_normal_body .body_row div.subject{ position:relative; text-align:left; }
.board_normal_body .body_row div.subject a{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.board_normal_body .body_row div.subject a:hover{text-decoration:underline;}
.board_normal div.num,.board_normal div.hit,.board_normal div.date,.board_normal div.file,.board_normal div.range{ display:none}
.board_normal div.category span{display:inline-block; padding:5px 10px; border-radius:5px; }
.board_normal_body .body_row .secret{ position:absolute; left:0;}
.board_normal .throughline,.board_normal_body .throughline a {text-decoration:line-through;color:red !important;}
.board_normal .nodata{ min-height:250px; line-height:250px; text-align:center; border-bottom:#ccc solid 1px;}
.board_normal div.period{display:none; width:25%}

@media all and (min-width:768px){
	.board_normal_body .body_row, .board_normal_body .body_row div{font-size:16px;}
	.board_normal div.period{ display:table-cell;}
}

@media all and (min-width:1024px){
.board_normal div.writer{  width:13%; }
.board_normal div.state{ width:10% }
.board_normal div.num,.board_normal div.category,.board_normal div.hit,.board_normal div.date,.board_normal div.file,.board_normal div.range{ display:table-cell;}
.board_normal_head div{font-size:16px; color:#000;}
.board_normal div.category{width:8%;}
}



/*글쓰기*/
.red{ font-style:normal; color:#f00; font-size:20px; display:inline-block; vertical-align: -5px; margin-right:5px; }
.text_num{ margin-bottom:10px; }
.text_num span,.text_num label{ display:inline-block;  vertical-align: middle; margin:0 5px;   }
.text_num input{ width:auto; }
.board_write{ border-top:1px solid #37519e;}
.board_write .write_title{ background:#eef4fc; color:#1b1b1b; text-align: center; padding:10px 0; font-weight:bold; border-bottom:#cacdda solid 1px;  }
.board_write .write_row{ position:relative; clear:both; border-bottom:#cacdda solid 1px; padding:15px 10px; }
.board_write .write_row:after{ display:block; content:""; clear:both}
.board_write .write_row input[type="file"]{ display:block;  }
.board_write .dash{ float:left; display:inline-block; text-align: center; padding:0 10px; line-height:35px; }
.board_write .title{ display:block; text-align:left; font-weight:600;  margin-bottom:10px; }
.board_write .form_text{ line-height: 40px; }
.board_write .form{ position:relative; line-height:40px; min-height:40px; }
.board_write .file_row{ position:relative; padding:5px 0; line-height:normal; margin-bottom:5px}
.board_write .file_row .file_input_text{ float:left; width:75%;}
.board_write .file_row .input_file_hidden{ position:absolute; left:75%; top:5px; width:25%; height:38px; font-size:33px; padding:0; opacity:0; cursor:pointer}
.board_write .file_row .input_btn{ float:left; width:25%; height:40px; background:#f6f6f6; border:#939393 solid 1px; border-radius:2px;  cursor:pointer }

.board_write .input_date{ background:url(/home/yeosu/images/sub/calendar-alt-light.svg) 95% center no-repeat; background-size:16px; }
.btn_add_file{ display:block; background:#e5e5e5; padding:10px 0; text-align: center; }
.btn_add_img{ display:block; background:#eb4141; color:#fff; padding:10px 0; margin-bottom:5px;  text-align: center; }
.btn_add_img i{ margin-right:5px; }
.btn_save{ display:inline-block; padding:15px 20px; background:#5eb836; color:#fff;   border:#449520 solid 1px; }
.btn_cancel{ display:inline-block; padding:15px 20px; background:#444; color:#fff;   border:#2c2c2c solid 1px; }
.btn_temp{ display:inline-block; padding:15px 20px; background:#e0972f; color:#fff;  border:#ad711c solid 1px; }
.btn_list{  display:inline-block;padding:15px 20px;  background:#fff; color:#000;  border:#777 solid 1px;  }
.btn_agree{ display:inline-block;padding:15px 20px;  background:#5eb836; color:#fff;   border:#449520 solid 1px; }
.btn_share{ display:inline-block;padding:15px 20px;  background:#00adef; color:#fff;   border:#0298d1 solid 1px; }
.btn_reply_post{ display:inline-block;padding:15px 20px;  background:#2e2d32; color:#fff;  border-radius:5px;  }
.btn_ok{ display:inline-block; padding:10px 20px; border:#0298d1 solid 1px; color:#0298d1;  }
.btn_no{ display:inline-block; padding:10px 20px; border:#e93e2c solid 1px; color:#e93e2c;  }
.btn_etc{ display:inline-block; padding:10px 20px; border:#207b25 solid 1px; color:#207b25;  }
.btn_report{ display:inline-block; padding:10px 20px; border:#e93e2c solid 1px; color:#e93e2c;  }
.btn_no_report{ display:inline-block; padding:10px 20px; border:#333 solid 1px; color:#333;  }


@media all and (min-width:768px){
.board_view_body{ padding:25px 15px; min-height:300px;}
.board_write .write_title{  padding:20px 0; }
.board_write .title{ float:left;  line-height:40px; margin:0; }
.board_write .form{ float:left; width:80%; } 
.board_write .file_row .file_input_text{ width:65%;}
.board_write .file_row .input_file_hidden{ position:absolute; left:65%; top:5px; width:12%; height:38px;  margin-left:10px; font-size:22px; padding:0; opacity:0; cursor:pointer}
.board_write .file_row .input_btn{ float:left; width:15%; margin-left:10px; }
.board_write .form .btn_add{ margin-left:5px; }
.board_write .file_name{ margin-bottom:10px; padding-left:25px; background:url(/home/yeosu/images/sub/file.png) left center no-repeat}
.board_write .file_name span{display:inline-block; color:#666; font-size:14px; margin-right:15px;}
.btn_add_img{ height:114px;  text-align: center; padding-top:30px; font-size:30px; }
.btn_add_img span{ display:block; margin-top:10px; font-size:12px;  }
}
@media all and (min-width:1024px){
	.board_write .write_row{ overflow:hidden }
	.board_write .write_row > div:first-child{ position:relative; z-index: 1; padding-left:15px;}
	.board_write .write_row:after{ position:absolute; left:0px; top:0; width:22%; height:100%; background:#eef4fc; display:block; content:"-"}
	.board_write .write_row:after{ display:block; content:""; clear:both}
}


.file_wrap{ position:relative; overflow:hidden; margin-bottom:5px; clear:both }
.file_wrap .btn_file{ position:absolute; right:0; top:0; width:100px; background:#232323; height:40px; line-height:40px; border-radius: 5px;  text-align: center; color:#fff; font-size:14px; z-index:0;}
.file_wrap .btn_file i{color:#fff;}
.file_wrap .no_visible{ opacity:0; position:absolute; right:0; top:0; margin:0; height:40px; width:100px; z-index:10; cursor:pointer}
.file_wrap .no_visible_img{ opacity:0; position:absolute; right:0; top:0; margin:0; height:40px; width:100%; z-index:10; cursor:pointer}
.file_wrap .disable{ width:68%;}
.del_file{ display:inline-block; background:#f0f0f0; padding:3px 5px 5px; color:#000; font-size:14px; border-radius: 5px; margin:0 0 5px 0;   }
.del_file i{ margin:0 5px; } 
.del_file a{ display:inline-block; font-size:16px; margin-left:5px;  }
@media all and (min-width:768px){
.file_wrap .disable{ width:85%;}
.file_wrap .no_visible_img{  height:114px; }
}
@media all and (min-width:1024px){
.file_wrap .disable{ width:79%;}
.file_wrap{ float:right; width:75%; clear:none }
}


/*글쓰기*/
.board_view{ }
.view_header{ padding:25px 20px;  border-top:2px solid #37519e; text-align:center;}
.view_header span{ display:inline-block; border:#caccd6 solid 1px; border-radius: 5px; padding:5px 10px; font-size:14px; color:#274b67; margin-bottom:10px;    }
.view_header span.date{ background:#444; color:#fff; border:0;  padding:6px 10px;}
.view_header p{ color:#000;  font-weight:500; font-size:17px;  line-height:1.4}
.view_info{ padding:15px; border-top:#cacdda solid 1px; border-bottom:#cacdda solid 1px; background:#eef4fc;  text-align:center;}
.view_info span{  display:block; font-size:13px; margin-bottom:2px; line-height: 1.5  }
.view_info span i{ display:inline-block; vertical-align: middle; margin-right:10px; line-height: 0  }
.view_info span i img{ width:40px; }
.view_info span b{ margin-right:10px; color:#555; }
.view_con{ padding:20px 10px; border-bottom:1px solid #dedede;}
.view_con p{ margin-bottom:10px;  line-height:1.5;}
.view_file{ border-top:#5e6d7d solid 1px; border-bottom:#5e6d7d solid 1px; }
.view_file > div{ padding:10px 15px;  }
.view_file > div > span{ display:inline-block; margin-bottom:10px; margin-right:5px;  }
.view_file > div.tag p span{ display:inline-block; margin-right:10px; }

.view_file .title{margin-bottom:10px;}
.view_file .list p{word-break:break-all;}
.view_file .list p a:before{content:"\f0c1"; font-weight:400; font-family:"Font Awesome 5 Pro"; font-size:11px; margin-right:8px;}
.view_file .list > a{padding:8px 15px!important; margin-top:10px;}

.view_reply{ padding:20px 0; border-top:1px solid #37519e; overflow:hidden  }
.view_reply textarea{ margin-bottom:10px; }
.view_reply .title{ display:inline-block; font-weight:bold; color:#37519e; font-size:20px; margin-bottom:20px; margin-left:10px;   }
.view_reply .text_wrap{ background:#f8f8f8; padding:20px; border-radius: 3px;   }
.reply_list_wrap .reply_sort{ border-bottom:#5e6d7d solid 1px;   padding:20px 0;  overflow:hidden }
.reply_list_wrap .reply_sort .total{ float:left; color:#d60c37; font-weight:bold  }
.reply_list_wrap .reply_sort .total b{ margin:0 10px; color:#555}
.reply_list_wrap .reply_sort .sort{ float:right; }
.reply_list_wrap .reply_sort .sort a{ display:inline-block;  padding:0 7px; font-size:14px;  border-right:#ddd solid 1px; }
.reply_list_wrap .reply_sort .sort a.active{ color:#3e61b2; font-weight:500; }
.reply_list_wrap .reply_sort .sort a:last-child{ border-right:0; }
.reply_list li{ padding:15px 20px; border-bottom:#cacdda solid 1px; }
.reply_list li p{ margin:10px 0 0 0; font-weight:400;  }
.reply_list li p.gray{ color:#ccc }
.reply_list li .info span{ margin-right:10px; }
.reply_list li .reply_btn{ text-align:right; }
.reply_list li .reply_btn a{ display:inline-block;  padding:3px 10px; border-radius: 5px; font-size:14px;}
.reply_list li .reply_btn a i,.reply_list li .reply_btn a b{ margin:0 3px; }
.reply_list li .reply_btn .btn_reply{  color:#1e6bc2; border:#1e6bc2 solid 1px; }
.reply_list li .reply_btn .btn_del{  color:#d60c37; border:#d60c37 solid 1px; }
.reply_list li .reply_inner{background:#f8f8f8; margin-top:20px; padding:20px 30px;}
.reply_list li .reply_inner .reply_row{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #aaa; padding-left:30px; position:relative;}
.reply_list li .reply_inner .reply_row:before{content:"\f148"; font-family:"Font Awesome 5 Pro"; font-weight:400; font-size:16px; position:absolute; top:0; left:0; transform:rotate(90deg); color:#7b8ab5;}
.reply_list li .reply_inner .reply_row:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
.reply_list li .reply_inner .reply_row *{font-size:14px;}
.similar_list{ border-top:#5271ba solid 1px; padding-top:20px; }
.similar_list > .title{ display:inline-block; font-weight:bold; color:#333; font-size:20px; margin-bottom:20px; } 
@media all and (min-width:640px){
	.view_file > div{display:flex; flex-wrap:nowrap; justify-content:space-between;}
	.view_file > div > .title{width:100px; margin-top:8px;}
	.view_file > div > .list{width:calc(100% - 120px)}
	
	.reply_list li p{font-size:14px; margin-top:10px;}
}
@media all and (min-width:768px){
	.view_info span{ display:inline-block; margin-bottom:0; margin-right:15px; border-right:#ddd solid 1px; padding-right:20px; font-size:14px;  }
	.view_info span:last-child{ border:0; } 
	
	.view_con p{font-size:16px;}
}
@media all and (min-width:1024px){
	.view_header{ padding:30px 15px; }
	.view_header span{ display:inline-block; vertical-align: middle; margin-right:16px; margin-bottom:0; padding:7px 20px;  }
	.view_header span.date{ padding:11px 20px;  }
	.view_header p{ font-size:24px; }
	.view_file > div > p{ display:inline-block; margin-left:20px;  }
	.view_info{ padding:20px }
	.view_info span{ font-size:14px;  }	
	.view_con{ padding:40px 20px; }
	.view_file > div{ border-bottom:#cacdda solid 1px; padding:20px; }
	.view_file > div:last-child{ border-bottom:0; }
	.view_file > div > span{ margin-bottom:0; background:#f8fafd; padding:8px; border-radius: 30px; border:#cdcfd8 solid 1px; margin-right:10px;   }
	.view_file > div > .title{width:170px;}
	.view_file > div > .list{width:calc(100% - 180px); display:flex; flex-wrap:wrap; justify-content:space-between}
	.view_file > div > .list p{width:50%;}
	.view_file > div > .list p a{font-size:14px;}
	.view_reply{ padding:30px 0; margin-top:30px; }
	.view_reply .text_wrap{ display:table; width:100%;  }
	.view_reply .text_wrap > *{ display:table-cell }
	.view_reply textarea{ width:98%; height:115px; margin-bottom:0;   }
	.view_reply .btn_reply_post{ height:115px; width:12%; line-height: 80px; text-align:center!important; }
	.reply_list_wrap .reply_sort .total{ font-size:18px; }
	.reply_list_wrap .reply_sort .sort a{ font-size:16px; }
	.reply_list_wrap .reply_list li{ position:relative; padding:30px; }
	.reply_list li .reply_btn{ position:absolute; right:20px; top:30px;}
	.reply_list li .reply_btn a{ padding:10px 20px; }
	.reply_list li .reply_inner{padding:25px 20px;}
	.reply_list li .reply_inner .reply_row{padding-left:50px;}
	.reply_list li .reply_inner .reply_row:before{left:20px;}
	.similar_list{ padding:30px 15px; }
	.similar_list > .title{ margin-left:20px; }
}
@media all and (min-width:1200px){
	.view_info span{ font-size:15px;  }	
}

.view_slide_wrap{ position:relative; padding:10px 0; }
.view_slide li{ float:left; }
.view_slide li img{ max-width:100%;  } 

.view_pager { position:absolute; width:100%; bottom:30px; text-align:center; }
.view_pager a{ display:inline-block; margin:0 2px; width:10px; height:10px; text-indent: -9999px; background-color:#888; border-radius: 30px;  }
.view_pager a.selected{ background:#f9c75b; width:20px;  }
.view_ctrl{ position:absolute; top:50%; width:100%; }
.view_ctrl a{ position:absolute; margin-top:-15px; display:inline-block; width:30px; height:30px; line-height: 30px; background:rgba(0,0,0,0.5); color:#fff; text-align: center; }
.view_ctrl a.prev{ left:0;  }
.view_ctrl a.next{ right:0; }
@media all and (min-width:1024px){
	.view_slide_wrap{ max-width:800px; margin:0 auto 50px auto }
	.view_pager {  bottom:40px; }
	.view_pager a{  width:20px; height:20px;  }
	.view_pager a.selected{  width:40px;  }
	.view_ctrl a{  width:60px; height:60px; line-height: 60px; font-size:25px;  }
	.view_ctrl a.prev{ left:-100px;  }
	.view_ctrl a.next{ right:-100px; }
}

.agree_box{ padding:20px 0;}
.agree_box .title{ float:none; font-size:20px; display:block; margin-bottom:10px;  }
.agree_box > p{text-align:center;}
.agree_box p label{margin:0 0 10px 0;}
.agree_box p label span{ color:#f00;}


/*반응형 column*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {	right: 16.66666667%}
.col-xs-pull-1 {	right: 8.33333333%}
.col-xs-pull-0 {	right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left}
.col-sm-12 {width: 100%}
.col-sm-11 {width: 91.66666667%}
.col-sm-10 {width: 83.33333333%}
.col-sm-9 {width: 75%}
.col-sm-8 {width: 66.66666667%}
.col-sm-7 {width: 58.33333333%}
.col-sm-6 {width: 50%}
.col-sm-5 {width: 41.66666667%}
.col-sm-4 {width: 33.33333333%}
.col-sm-3 {width: 25%}
.col-sm-2 {width: 16.66666667%}
.col-sm-1 {width: 8.33333333%}
.col-sm-pull-12 {right: 100%}
.col-sm-pull-11 {right: 91.66666667%}
.col-sm-pull-10 {right: 83.33333333%}
.col-sm-pull-9 {right: 75%}
.col-sm-pull-8 {right: 66.66666667%}
.col-sm-pull-7 {right: 58.33333333%}
.col-sm-pull-6 {right: 50%}
.col-sm-pull-5 {right: 41.66666667%}
.col-sm-pull-4 {right: 33.33333333%}
.col-sm-pull-3 {right: 25%}
.col-sm-pull-2 {right: 16.66666667%}
.col-sm-pull-1 {right: 8.33333333%}
.col-sm-pull-0 {right: auto}
.col-sm-push-12 {left: 100%}
.col-sm-push-11 {left: 91.66666667%}
.col-sm-push-10 {left: 83.33333333%}
.col-sm-push-9 {left: 75%}
.col-sm-push-8 {left: 66.66666667%}
.col-sm-push-7 {left: 58.33333333%}
.col-sm-push-6 {left: 50%}
.col-sm-push-5 {left: 41.66666667%}
.col-sm-push-4 {left: 33.33333333%}
.col-sm-push-3 {left: 25%}
.col-sm-push-2 {left: 16.66666667%}
.col-sm-push-1 {left: 8.33333333%}
.col-sm-push-0 {left: auto}
.col-sm-offset-12 {margin-left: 100%}
.col-sm-offset-11 {margin-left: 91.66666667%}
.col-sm-offset-10 {margin-left: 83.33333333%}
.col-sm-offset-9 {margin-left: 75%}
.col-sm-offset-8 {margin-left: 66.66666667%}
.col-sm-offset-7 {margin-left: 58.33333333%}
.col-sm-offset-6 {margin-left: 50%}
.col-sm-offset-5 {margin-left: 41.66666667%}
.col-sm-offset-4 {margin-left: 33.33333333%}
.col-sm-offset-3 {margin-left: 25%}
.col-sm-offset-2 {margin-left: 16.66666667%}
.col-sm-offset-1 {margin-left: 8.33333333%}
.col-sm-offset-0 {margin-left: 0}}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}
.col-md-pull-12 {right: 100%}
.col-md-pull-11 {right: 91.66666667%}
.col-md-pull-10 {right: 83.33333333%}
.col-md-pull-9 {right: 75%}
.col-md-pull-8 {right: 66.66666667%}
.col-md-pull-7 {right: 58.33333333%}
.col-md-pull-6 {right: 50%}
.col-md-pull-5 {right: 41.66666667%}
.col-md-pull-4 {right: 33.33333333%}
.col-md-pull-3 {right: 25%}
.col-md-pull-2 {right: 16.66666667%}
.col-md-pull-1 {right: 8.33333333%}
.col-md-pull-0 {right: auto}
.col-md-push-12 {left: 100%}
.col-md-push-11 {left: 91.66666667%}
.col-md-push-10 {left: 83.33333333%}
.col-md-push-9 {left: 75%}
.col-md-push-8 {left: 66.66666667%}
.col-md-push-7 {left: 58.33333333%}
.col-md-push-6 {left: 50%}
.col-md-push-5 {left: 41.66666667%}
.col-md-push-4 {left: 33.33333333%}
.col-md-push-3 {left: 25%}
.col-md-push-2 {left: 16.66666667%}
.col-md-push-1 {left: 8.33333333%}
.col-md-push-0 {left: auto}
.col-md-offset-12 {margin-left: 100%}
.col-md-offset-11 {margin-left: 91.66666667%}
.col-md-offset-10 {margin-left: 83.33333333%}
.col-md-offset-9 {margin-left: 75%}
.col-md-offset-8 {margin-left: 66.66666667%}
.col-md-offset-7 {margin-left: 58.33333333%}
.col-md-offset-6 {margin-left: 50%}
.col-md-offset-5 {margin-left: 41.66666667%}
.col-md-offset-4 {margin-left: 33.33333333%}
.col-md-offset-3 {margin-left: 25%}
.col-md-offset-2 {margin-left: 16.66666667%}
.col-md-offset-1 {margin-left: 8.33333333%}
.col-md-offset-0 {margin-left: 0}}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float: left}
.col-lg-12 {width: 100%}
.col-lg-11 {width: 91.66666667%}
.col-lg-10 {width: 83.33333333%}
.col-lg-9 {width: 75%}
.col-lg-8 {width: 66.66666667%}
.col-lg-7 {width: 58.33333333%}
.col-lg-6 {width: 50%}
.col-lg-5 {width: 41.66666667%}
.col-lg-4 {width: 33.33333333%}
.col-lg-3 {width: 25%}
.col-lg-2 {width: 16.66666667%}
.col-lg-1 {width: 8.33333333%}
.col-lg-pull-12 {right: 100%}
.col-lg-pull-11 {right: 91.66666667%}
.col-lg-pull-10 {right: 83.33333333%}
.col-lg-pull-9 {right: 75%}
.col-lg-pull-8 {right: 66.66666667%}
.col-lg-pull-7 {right: 58.33333333%}
.col-lg-pull-6 {right: 50%}
.col-lg-pull-5 {right: 41.66666667%}
.col-lg-pull-4 {right: 33.33333333%}
.col-lg-pull-3 {right: 25%}
.col-lg-pull-2 {right: 16.66666667%}
.col-lg-pull-1 {right: 8.33333333%}
.col-lg-pull-0 {right: auto}
.col-lg-push-12 {left: 100%}
.col-lg-push-11 {left: 91.66666667%}
.col-lg-push-10 {left: 83.33333333%}
.col-lg-push-9 {left: 75%}
.col-lg-push-8 {left: 66.66666667%}
.col-lg-push-7 {left: 58.33333333%}
.col-lg-push-6 {left: 50%}
.col-lg-push-5 {left: 41.66666667%}
.col-lg-push-4 {left: 33.33333333%}
.col-lg-push-3 {left: 25%}
.col-lg-push-2 {left: 16.66666667%}
.col-lg-push-1 {left: 8.33333333%}
.col-lg-push-0 {left: auto}
.col-lg-offset-12 {margin-left: 100%}
.col-lg-offset-11 {margin-left: 91.66666667%}
.col-lg-offset-10 {margin-left: 83.33333333%}
.col-lg-offset-9 {margin-left: 75%}
.col-lg-offset-8 {margin-left: 66.66666667%}
.col-lg-offset-7 {margin-left: 58.33333333%}
.col-lg-offset-6 {margin-left: 50%}
.col-lg-offset-5 {margin-left: 41.66666667%}
.col-lg-offset-4 {margin-left: 33.33333333%}
.col-lg-offset-3 {margin-left: 25%}
.col-lg-offset-2 {margin-left: 16.66666667%}
.col-lg-offset-1 {margin-left: 8.33333333%}
.col-lg-offset-0 {margin-left: 0}
}

.siiruBoardList{margin:0;}
.siiruBoardList ul li{position:relative; padding:15px 10px 15px 80px;}
.siiruBoardList ul li span{position:absolute; top:15px; left:15px;}
.siiruBoardList ul li a{display:block; width:68%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.siiruBoardList ul li small{position:absolute; top:15px; right:15px; font-size:12px;}

@media (min-width:768px) {
	.siiruBoardList ul li{padding:20px 20px 20px 120px;}
	.siiruBoardList ul li *{font-size:14px;}
	.siiruBoardList ul li span{top:20px; left:30px;}
	.siiruBoardList ul li a{width:80%;}
	.siiruBoardList ul li small{top:20px; right:30px; color:#888;}
}