@charset "utf-8";
/*common*/
.bbs_skin{min-height:100%}

/* Search */
.bbs_search{text-align:center;background:#f5f5f5;padding:25px 0;margin:20px 0}
.bbs_search .form_sel{width:20%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_txt{width:40%;height:18px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.bbs_search .form_sm{cursor:pointer;width:20%;height:30px;background:#1b99ae;color:#fff;vertical-align:middle}
.bbs_search .left{margin:0 0 10px 0}

.bbs_comment{margin:15px 0}
.bbs_total{margin:30px 0 0px 0;padding:0 0 10px 5px;text-align:right;}
.bbs_total strong{color:#444547}

/* Page */
.bbs_page{text-align:center;padding:25px 0 5px 0}
.bbs_page span{margin:0 -2px 7px 0;display:inline-block;}
.bbs_page a{display:inline-block;border:1px solid #ddd;width:40px;height:40px;line-height:40px;}
.bbs_page a:hover{text-decoration:underline}
.bbs_page a img{vertical-align:middle;}
.bbs_page .on{display:inline-block !important;}
.bbs_page .on a{font-weight:bold;color:#fff;background:#1b99ae;border:1px solid #1b99ae}

/*버튼*/
.bbs_btn{text-align:center;margin:10px 0 20px;}
.bbs_btn a{display:inline-block;padding:10px 20px;margin:0 5px 7px 5px;background-color:#556279;text-align:center;color:#fff;}
.bbs_btn a:first-child{background-color:#1b99ae;}
.bbs_btn a img{padding:6px 0;}

/*List*/
.bbs_list{width:100%;border-top:1px solid #000}
.bbs_list .notice{background-color:#f5f5f5;}
.bbs_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em;padding:0 10px;}
.bbs_list li a{display:block;padding:25px 0 15px 0}
.bbs_list li strong{display:block;font-weight:600;color:#000;font-size:20px;line-height:1.5em;margin:5px 0 12px 0;padding:0 0 20px 0;border-bottom:1px dotted #dedede}
.bbs_list li strong:hover, .bbs_list li strong:focus{text-decoration:underline}
.bbs_list li strong img{margin:4px 0 0 5px}
.bbs_list li a>span{display:block;}
.bbs_list li em{font-style:normal}
.bbs_list li em span{margin:0 10px;font-size:5px;color:#ddd}
.bbs_list strong em{color:red;font-size:14px;padding:5px 10px;border:1px solid red;border-radius:20px;background-color:#fff;}

/* News */
.news_list{width:100%;border-top:1px solid #000}
.news_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em}
.news_list li a{display:block;padding:25px 0 15px 0}
.news_list .img{width:100%; border:1px solid #d7d7d7;}
.news_list strong{display:block;padding:15px 0;font-weight:600;color:#000;font-size:1.4rem;line-height:1.5}
.news_list span{display:block;margin:0 auto;padding:15px 0;line-height:1.5;}
.news_list em{display:block;font-style:normal}

/* Comment */
.bbs_recomment{border-top:1px solid #000;width:100%}
.bbs_recomment img{width:14px;}
.bbs_recomment>table th, .bbs_recomment>table td{vertical-align:middle;padding:15px;line-height:1.5}
.bbs_recomment>table th *, .bbs_recomment>table td *{vertical-align:middle;}
.bbs_recomment>table th{color:#000;background-color:#f5f5f5}
.bbs_recomment>table tr{border-bottom:1px solid #ddd;}
.bbs_recomment>table td{display:inline-block;padding:5px 0;}
.bbs_recomment>table th, .bbs_recomment>table .num{display:none;}
.bbs_recomment>table .title{width:100%;background:#f5f5f5;padding:15px 0;text-indent:20px;font-size:1.2rem;text-decoration:underline;}
.bbs_recomment>table .name,.bbs_recomment>table .date, .bbs_recomment>table .progress, .bbs_recomment>table .secret{width:50%;text-align:center;}
.progress{color:#ff5b5b;}
.progress .still{color:dodgerblue;}
.progress .ok{color:forestgreen;}

/*Calendar*/
.calendar_tab .c_year a{display:inline-block;width:32%;text-align:center;}
.calendar_tab .c_year a>img{padding:0 10px;}
.calendar_tab .c_year a>strong{font-size:1.2rem;color:#0F8BA4;}
.calendar_tab .c_month{padding:20px 0;}
.calendar_tab .c_month:after{content:"";display:block;clear:both;}
.calendar_tab .c_month li{float:left;width:25%;}
.calendar_tab .c_month li a{display:block;line-height:50px;text-align:center;background:#f5f5f5;}
.calendar_tab .c_month li.on a{background:rgba(253, 184, 19);}

.calendar_wrap>table{width:100%;}
.calendar_wrap>table th, .calendar_wrap>table td{display:block;width:100%;height:60px;padding:15px 0;border-bottom:1px solid #cdcdcd;overflow:hidden;}
.calendar_wrap>table th{text-align:center;background:#556279;color:#fff;}
.calendar_wrap>table thead{float:left;width:15%;}
.calendar_wrap>table tbody{float:left;width:80%;}
.calendar_wrap>table td{padding-left:5%;}
.calendar_wrap>table thead>tr{display:block;}
.calendar_wrap>table tbody>tr{display:none;}
.calendar_wrap>table .current{display:block;}
.calendar_wrap>table .current .on{background:rgba(253, 184, 19,.5)}
.calendar_wrap>table td i{color:royalblue}
.calendar_wrap>table td ul li{line-height:1.4;}
.calendar_wrap>table td ul li a{display: block;text-indent:20px;text-align:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.calendar_wrap .btn_prev{width:100%;background:url(/images/bbs/prev03.gif) no-repeat center #d7d7d7;}
.calendar_wrap .btn_next{width:100%;background:url(/images/bbs/next03.gif) no-repeat center #d7d7d7;}

/*Photo*/
.photo_tab ul:after{content:"";display:block;clear:both;}
.photo_tab li{float:left;width:33.33%}
.photo_tab li.on a,.photo_tab li:hover a{background:#1b99ae;color:#fff;transition:ease-out .1s}
.photo_tab li a{display:block;border:1px solid #d7d7d7;border-right:0;border-bottom:0;padding:10px 20px;font-size:1.2rem;text-align:center;}
.photo_tab li:nth-child(3n) a{border-right:1px solid #d7d7d7;}
.photo_tab li:nth-child(12) ~ li a{border-bottom:1px solid #d7d7d7;}

.photo_list{width:100%;border-top:1px solid #000}
.photo_list>li{border-bottom:1px solid #d7d7d7;line-height:1.25em;padding:15px 0;text-align:center;}
.photo_list .img{width:100%;border:1px solid #d7d7d7;}
.photo_list>li>ul{padding:15px 15px 0}
.photo_list>li>ul>li{text-align:left;line-height:2}
.photo_list>li>ul>li:first-child{border-bottom:1px dashed #d7d7d7;}
.photo_list strong{font-weight:600;color:#000;font-size:1.4rem;}
.photo_list>li>ul>li>i{display:inline-block;vertical-align:middle;font-size:0;width:16px;height:16px;margin:0 10px 0 0;}
.photo_list>li>ul>li:nth-child(2)>i{background:url(/images/bbs/location.png) no-repeat;}
.photo_list>li>ul>li:nth-child(3)>i{background:url(/images/bbs/phone.png) no-repeat;}
.photo_list>li>ul>li:nth-child(4)>i{background:url(/images/bbs/homepage.png) no-repeat;}

.photo_view{width:100%;padding:0 0 50px;}
.photo_view strong{display:block;border-bottom:1px dashed #d7d7d7;padding:0 0 10px;margin:0 0 20px 0;font-weight:600;color:#000;font-size:1.4rem;text-align:center;}
.photo_view span{display:block;width:100%;}
.photo_view span img{width:100%;}
.photo_view ul{padding:15px 0}
.photo_view ul li{line-height:1.5}
.photo_view ul li b{display:inline-block;border-right:1px solid #d7d7d7;text-align:center;width:20%;padding:0 10px 0 0;margin:0 10px 0 0;}

/*View + Write*/
.bbs_skin table{border-top:1px solid #000;width:100%}
.bbs_skin table th, .bbs_skin table td{vertical-align:middle;border-bottom:1px solid #cdcdcd;padding:15px;line-height:1.5}
.bbs_skin table th *, .bbs_skin table td *{vertical-align:middle;}
.bbs_skin table th{color:#000;background-color:#f5f5f5}
.bbs_skin table td input, .bbs_skin table td select{border:1px solid #e1e1e3;padding:5px;margin:0 0 2px 0;}
.bbs_skin table td label{margin:0 15px 0 0}

/*이미지설명*/
.bbs_skin table .img_info{text-align:center;padding:20px 0;}
.bbs_skin table .img_info img{border:1px solid #ddd;width:100%}
.bbs_skin table .img_info p{color:#555;font-size:14px;margin:10px 0;}
.bbs_skin table .img_info b{color:#000;font-size:18px;}

/*파일첨부*/
.bbs_skin .file_link a{padding:0 10px 0 0;}
.bbs_skin .file_link a:after{content:"\002f";padding-left:15px;}
.bbs_skin .file_link a:last-child:after{content:""}
.bbs_skin .file_link img{width:15px;}
.bbs_skin .file_link p{padding:5px 0;}
.bbs_skin .file_link p span{padding:0 0 0 10px;color:#555;}
.bbs_skin .file_link button{width:16px;height:16px;background:url(/images/bbs/close.png);font-size:0;}
.bbs_skin .w_star{color:#ed1c24}
.bbs_skin .input_text{width:98%}
.bbs_skin .input_sel{border:1px solid #e1e1e3;padding:5px 1px;margin:0;height:32px;width:100%}
.uploadfield p{border-bottom:1px dashed #d7d7d7;padding:10px 0;margin:0 0 5px;line-height:2;}

/*Servey*/
.survey_list li{position:relative;padding:15px 10px;}
.survey_list li p{text-align:center;padding:0 0 15px}
.survey_list li a{display:inline-block;padding:10px 15px;margin:0 5px;font-weight:600;color:#fff;background:#268EC5;border:1px solid #268EC5;}
.survey_list li a:first-child{background:#FDB813;border:1px solid #FDB813;color:#000;}
.survey_list li>em{display:block;text-align:center;}

.survey_view{}
.survey_view>div[class^="question"]{margin:0 0 20px 0}
.survey_view>div h4{margin:0 0 20px;;padding:10px;font-size:1.2rem;line-height:30px;background:0;box-shadow:3px 3px 3px #f5f5f5;border:1px solid #f5f5f5;position:relative;}
.survey_view>div h4>em{width:30px;line-height:30px;display:inline-block;text-align:center;background:#42bdd1;color:#fff;}
.survey_view>div>div img{width:100%;}
.survey_view>div>ul{}
.survey_view>div>ul li{line-height:2;}
.survey_view>div>ul li *{vertical-align:middle;}


/* Tablet */
@media all and (min-width:768px){
/*Serarch*/
.bbs_search{overflow:hidden;padding:25px 20px}
.bbs_search .left{float:left;margin:0}
.bbs_search .right{float:right;text-align:right}
.bbs_search .form_sel{width:70px}
.bbs_search .form_txt{width:200px}
.bbs_search .form_sm{width:70px}

/* News */
.news_list li a{overflow:hidden}
.news_list .img{float:left;margin:0 20px 0 0;width:300px;height:200px;}

/* Comment */	
.bbs_recomment>table .name,.bbs_recomment>table .date, .bbs_recomment>table .progress, .bbs_recomment>table .secret{width:25%;}

/*Calendar*/	
.calendar_tab .c_month li{width:16.66%;}
.calendar_tab .c_year span{width:33%;}

.calendar_wrap>table{border-top:1px solid #000;table-layout:fixed;}
.calendar_wrap>table th, .calendar_wrap>table td{display:table-cell;vertical-align:middle;width:auto;height:auto;line-height:1.5}
.calendar_wrap>table th{padding:15px 0;background-color:#556279;border:1px solid #d7d7d7;border-top:0;}
.calendar_wrap>table thead, .calendar_wrap>table  tbody{float:none;width:auto}
.calendar_wrap>table thead>tr, .calendar_wrap>table  tbody>tr, .calendar_wrap>table .current{display:table-row;}
.calendar_wrap>table td{position:relative;height:100px;border:1px solid #d7d7d7;padding:15px 0;}
.calendar_wrap>table td i{position:absolute;top:5px;left:5px;}
.calendar_wrap>table td ul{padding:10px 0 0;}
.calendar_wrap>table td ul li{line-height:1.5;}
.calendar_wrap>table td ul li a:before{content:"\2022"}
.calendar_wrap>table td ul li a{text-indent:10px;}
.calendar_wrap .mc_btn{display:none}	
	
/*Photo*/	
.photo_tab li{width:20%}
.photo_tab li:nth-child(3n) a{border-right:0}
.photo_tab li:nth-child(12) ~ li a{border-bottom:0;}
.photo_tab li:nth-child(5n) a{border-right:1px solid #d7d7d7;}
.photo_tab li:nth-child(10) ~ li a{border-bottom:1px solid #d7d7d7;}

.photo_list:after{content:"";display:block;clear:both;}
.photo_list>li{width:49.7%;float:left;border-left:1px solid #d7d7d7;}
.photo_list>li:last-child,.photo_list>li:nth-child(2n){border-right:1px solid #d7d7d7;}
.photo_list>li>ul{width:300px;margin:0 auto;}
.photo_list .img{width:300px;height:200px;}

.photo_view span{padding:20px 0;text-align:center;}
.photo_view span img{width:auto;height:300px;}
	
/*Servey*/
.survey_list li p{position:absolute;top:25px;right:5px;}
.survey_list li>em{text-align:left;}
	
.survey_view>div>div img{width:auto;}

/*View + Write*/
/*파일첨부*/	
.bbs_skin table .img_info img{width:auto}
.bbs_skin .input_w170{width:170px}
	
}


/* Desktop */
@media all and (min-width:1023px){
/* Comment */	
.bbs_recomment>table{width:100%;}
.bbs_recomment>table tr{border-bottom:1px solid #d7d7d7;}
.bbs_recomment>table td{display:table-cell;padding:15px 0;}
.bbs_recomment>table th, .bbs_recomment>table .num{display:table-cell;}
.bbs_recomment>table .title{width:auto;text-decoration:none;text-indent:20px;background:0;}
.bbs_recomment>table .num, .bbs_recomment>table .name,.bbs_recomment>table .date, .bbs_recomment>table .progress, .bbs_recomment>table .secret{width:auto;text-align:center;}

/*Calendar*/	
.calendar_tab .c_month li{width:8.33%;}

/*Photo*/	
.photo_tab li{width:12.5%}
.photo_tab li a{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.photo_tab li:nth-child(5n) a{border-right:0}
.photo_tab li:nth-child(8) a,.photo_tab li:nth-child(15) a{border-right:1px solid #d7d7d7;}
.photo_tab li:nth-child(8) ~ li a{border-top:0;border-bottom:1px solid #d7d7d7;}

.photo_list>li{width:33.16%;padding:50px 0;border:0;}
.photo_list>li:nth-child(2n){border-right:0}

/*View + Write*/
/*파일첨부*/
.uploadfield p>.input_text{width:40%;}
.uploadfield label{padding-left:20px;}
	
}