@charset "utf-8";
/* 160908 inoweb csh */
/* Reset */
html,body{width:100%;height:100%;}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{
font-family:'notoSans', "맑은 고딕",Malgun-Gothic,arial,Helvetica,AppleSDGothicNeo,sans-serif;
font-size:15px;
color:#666}
body{background-color:#fff;
*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none;padding:0}
li{list-style:none}
input,select,button{vertical-align:middle;border-width:0;}
img{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#222;text-decoration:none}
a:hover{color:#000;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px;box-sizing:inherit;}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}

header,footer,nav,section,aside{
	display:block;
}
/* clearfix */
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* Hide */
.blind {
	display: block;
	position: absolute;
	left: 0;
	top: -9999em;
}

/* Skip */
.skip a {
	position: absolute;
	left: 0;
	top: -9999em;
	z-index: 9999;
	display: block;
	width: 100%;
	background-color: #039;
	color: #eee;
	font-family: ;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
}
.skip a:hover,
.skip a:active,
.skip a:focus {
	top: 0;
}

.wrap100{width:100%;}

.colorff{color:white;}
.color33{color:#333333;}
.color4c{color:#4c4c4c;}
.color66{color:#666666;}

.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font26{font-size:26px;}
.font30{font-size:30px;}

.regular{font-weight:normal;}
.bol{font-weight:bold;}
.bolMint{color:#119ede;font-weight:bold;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl110{padding-left:110px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt60{margin-top:60px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}

.lineH20{line-height:20px;}
.lineH21{line-height:21px;}
.lineH22{line-height:22px;}
.lineH23{line-height:23px;}
.lineH24{line-height:24px;}
.lineH25{line-height:25px;}

/* layout */
.board_wrap {width:100%;position:relative;}
.board_body_wrap div{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}


/* 카테고리 선택 */
.board_cate>select{padding:5px 20px 5px 0;border:1px solid #e1e1e1;}

/* list layout */
.board_body_wrap{clear:both;overflow:hidden;position:relative;width:100%;padding:15px 0;font-size:14px;font-family:'맑은 고딕';border-bottom:solid 1px #e5e5e5;white-space:nowrap}
.board_nolist_wrap {clear:both;position:relative;width:100%;padding:30px 0;font-size:14px;font-family:'맑은 고딕';/* border-bottom:solid 1px #dedede; */text-align:center}
.board_body_wrap>div{height:100%;}



/* ttl */
.mttl{width:100%;text-align:center;color:#222222;font-size:32px;font-weight:normal;margin-bottom:20px;}
.board_cate{position:absolute;top:10px;left:0;text-indent:10px;}
.board_ttl{position:relative;width:100%;height:40px;font-size:15px;font-family:'맑은 고딕','Malgun-Gothic';color:#010101;font-weight:normal;border-top:1px solid #aaa;border-bottom:1px solid #e5e5e5;}
.board_ttl p {float:left;text-align:center;height:100%;line-height:40px;font-weight:300;}
.board_tit{width:90%;}
.board_num{width:8%;text-align:center;font-size:15px;color:#5c5c5c;}
.board_num>img{vertical-align:middle;}
.board_title{overflow:hidden;width:89%;text-align:left;color:#010101;font-size:16px;font-weight:300;line-height:22px !important;}
.board_title_v1{display:block;float:left;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_title a{color:#010101;font-size:16px;font-weight:300;}
#not{font-size:14px;font-weight:300;color:#666;}
.board_title>img{vertical-align:middle;}
.board_etc{text-align:center;font-size:14px;color:#999;float:right !important;font-weight:normal;height:100%;}
.board_check{width:2%;text-align:center;}
.board_all_check{width:2%;height:40px;line-height:40px;}
.board_all_check img {display:none;}

.result_txt{color:#808080;font-size:14px;font-weight:normal;}


.board_nolist {width:100%;}


/* btn */
.btn_area {position:relative;width:100%;height:34px;padding:20px 0;overflow:hidden;}
.btn_area div {display:block;position:absolute;}
.paging{width:100%;text-align:center;padding-top:10px;}
.paging_num strong {display:inline-block;padding:0 5px;padding-top:0px !important;color:#010101 !important;font-family:'맑은 고딕' !important;font-size:15px;}
.paging_num a {display:inline-block;padding:0 5px !important;padding-top:3px !important;color:#999 !important;font-family:'맑은 고딕' !important;}
.btn_style{display:block;width:82px;height:36px;line-height:34px;font-size:14px;color:#222;background-color:#fafafa;font-family:'맑은 고딕',Malgun-Gothic;font-weight:bold;border:1px solid #bbb;text-align:center;}
.btn_style:hover {background-color:#ddd;}
.btn_del {width:82px;height:36px;top:20px;left:0;z-index:1000;}
.btn_write {width:82px;height:36px;top:20px;;right:0;z-index:1000;}

/* board_search */
.board_search{position:relative;overflow:hidden;text-align:center;padding-bottom:30px;font-size:14px}
.board_search div{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.board_search p{display:block;float:left;position:relative;height:36px;line-height:36px;}
.input_check{margin:0 5px;height:36px;line-height:35px;}
.option_txtbox {margin-left:10px}
.board_search .inputbox{float:left}

.board_wrap .view_body .thum_area{width:602px;margin:0 auto;margin-bottom:20px;}
/*.board_wrap .view_body .thum_area{width:1002px;margin:0 auto;margin-bottom:20px;}*/
.board_wrap .view_body .thum_area #big_img{;margin-bottom:20px;}
.board_wrap .view_body .thum_area #big_img img{width:100%;height:auto;}
.board_wrap .view_body .thum_area ul{width:602px;overflow:hidden}
/*.board_wrap .view_body .thum_area ul li{width:194px;height:149px;float:left;margin-right:8px;padding-bottom:10px;}*/
.board_wrap .view_body .thum_area ul li{width:110px;height:82px;float:left;margin-right:8px;padding-bottom:10px;}
.board_wrap .view_body .thum_area ul li a{display:block;}
.board_wrap .view_body .thum_area ul li img{width:100%;}
.board_wrap .view_body .thum_area ul li.active img{border:2px solid #000; box-sizing:border-box;}

/*********달력*********/
div.calendarArea { position:absolute;top:0px;left:100px;z-index:9999;width:170px;overflow:hidden;border:solid 1px #cacaca; background-color:#ffffff; z-index:110000; }
div.calendarArea div.dateArea { padding:8px 11px 0 20px; height:23px; text-align:center; font-weight:bold; font-size:11px; font-family:verdana,tahoma; color:#333333; letter-spacing:-1px; overflow:hidden; }
div.calendarArea div.dateArea img { vertical-align:middle; }
* html div.calendarArea div.dateArea img { position:relative; top:2px; } 
div.calendarArea div.dateArea img.prev { margin-right:3px; }
div.calendarArea div.dateArea img.next { margin-left:3px; }
div.calendarArea div.dateArea a.close { float:right; display:block; background:url("/modules/bbs/tiles/bbs_default/images/bt_close.gif") no-repeat left top; width:11px; height:12px; overflow:hidden; text-indent:-1000px; margin:1px 0 0 0; }
div.calendarArea div.calendar { clear:both; padding-bottom:5px; }
div.calendarArea table { width:100%; }
div.calendarArea table th, div.calendarArea table td { vertical-align:middle; text-align:center; font-size:11px; font-family:dotum,Apple Gothic,sans-serif; }
div.calendarArea table th { height:20px; background-color:#e5eaff; font-weight:normal; }
div.calendarArea table td { height:18px; }
div.calendarArea table td a { color:#666666; font-size:11px; font-family:gulim,Apple Gothic,sans-serif; }
div.calendarArea table td.today a { color:#485ce3; text-decoration:underline; font-weight:bold; }
table.hmCalendar .blank { width:5px; font-size:1px; line-height:1px; white-space:nowrap; }





/* 갤러리형 */

.photo_body{position:relative;overflow:hidden;border-top:0px solid #aaaaaa;border-bottom:1px solid #e5e5e5;padding:0px 0px 30px 0px;}
.photo_body .board_all_check{position:absolute;top:0;height:30px;line-height:30px;}
.photo_list{float:left;text-align:center;margin-bottom:20px;margin-right:10px;}
.photo_title{text-align:center;color:#010101;font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:20px auto 0;}
.photo_etc{display:block;text-align:center;font-size:14px;color:#999;font-weight:normal;margin-top:3px;}


/* 상세 페이지 */

.view_head{overflow:hidden;width:auto;border-top:1px solid #aaa;border-bottom:1px solid #e5e5e5;padding:20px 3%;}
.view_head .left{float:left;}
.view_head .right{float:right;}
.view_result{font-size:16px;color:#808080;margin-top:5px;}
.view_body{overflow:hidden;}
.view_title{font-size:18px;color:#010101;}
.view_btn{text-align:right;}
.view_etc{font-size:14px;color:#999;font-weight:normal;margin-top:8px;}
.view_body{padding:30px 3% 0;}
.view_btn{overflow:hidden;float:right;margin-top:30px;}
.view_btn input{float:left;margin-right:3px;}
.view_cont_ttl{margin:10px 0;}
.view_cont_ttl img{max-width:50%}


/* 쓰기 페이지 */

.input_wrap{border-top:1px solid #aaa;}
.input_ttl{float:left;color:#000;font-size:15px;padding-left:35px;width:120px;font-weight:bold;line-height:55px !important;height:55px;}
.input_ttl2{color:#000;font-size:15px;text-align:center;font-weight:bold;line-height:55px !important;height:55px;}
.input_form{width:100%;overflow:hidden;height:55px;border-bottom:1px solid #e5e5e5;line-height:55px;}
.input_form select{padding:5px 20px 5px 0;border:1px solid #bbb;}
.input_btn_area{text-align:right;padding:20px 0;}
.input_btn_area input{display:inline;}
.inputbox {width:150px;padding:6px 0;border:solid 1px #bbb !important;background-color:#fff;;margin-right:5px;}
.inputbox2 {width:300px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox3 {width:50%;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.inputbox4 {width:150px;padding:10px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.bbs_input01{width:50%;padding:10px;border:1px solid #bbb;}
.input_form input[type='file']{border:1px solid #bbb;}
.txtbox{width:100%;box-sizing:border-box;height:400px;}


@media screen  and (max-width: 1280px)  {
	.photo_list{float:left;text-align:center;margin-bottom:20px;margin-right:1%;width:32%}
	.photo_list a{display:block;}
	.photo_list a img{width:100%;}

}
@media screen  and (max-width: 1000px)  {
	.board_wrap .view_body .thum_area{width:100%;margin:0 auto;margin-bottom:20px;}
	.board_wrap .view_body .thum_area #big_img{;margin-bottom:20px;}
	.board_wrap .view_body .thum_area #big_img img{width:100%;height:auto;}
	.board_wrap .view_body .thum_area ul{width:100%;overflow:hidden}
	.board_wrap .view_body .thum_area ul li{width:24%;height:auto;float:left;margin-right:1%;padding-bottom:10px;}
	.board_wrap .view_body .thum_area ul li a{display:block;}
	.board_wrap .view_body .thum_area ul li img{width:100%;}
	.board_wrap .view_body .thum_area ul li.active img{border:2px solid #000; box-sizing:border-box;}
}



@media only screen and (max-width:640px){
	.board_title_v1{width:90%;}
	.board_etc{float:left !important;}

	.photo_list{float:left;text-align:center;margin-bottom:20px;margin-right:1%;width:49%}

	.photo_title{width:90% !important;} 

	.input_ttl{padding-left:5px;width:90px;}
	.inputbox2 {width:60%;}
	.input_form input[type='file']{width:60%;}
	.inputbox3 {width:60%;}
	.bbs_input01{width:50%;}

	.btn_area{height:50px;}
	.btn_write{top:50px;}
	.btn_del{top:50px;}
	.paging{top:0;}

}