@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:26px;box-sizing:inherit;}
option{padding-right:26px}
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;}


#bbs_body{padding-top:0px;clear:both}

/* 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:10px 20px 10px 0;border:1px solid #e1e1e1;color:#000;font-size:16px;Font-weight:800;background-color:#e8e8e8;font-family:'맑은 고딕';}

/* 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{margin-bottom:10px;text-align:right;}
.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%;}


.view_image{margin-bottom:10px;}
.view_image img{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}



/*********달력*********/
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; }


.s_announce_area{margin-top:-80px;position:relative}
.s_announce_title{position:absolute;left:0px;top:40px;color:#000000;font-size:26px;font-weight:700}
.s_announce_area .sboard_body{padding-left:238px;}
.s_announce_area .sboard_body .board_body_wrap2{border-bottom:1px solid #b6b6b6;padding-top:30px;padding-bottom:40px;position:relative;padding-right:50px;}
.s_announce_area .sboard_body .board_body_wrap2 .btitle{font-size:22px;color:#000000;line-height:180%;}
.s_announce_area .sboard_body .board_body_wrap2 .bname{font-size:14px;color:#000000;line-height:180%;display:block;padding-top:10px;font-weight:300}
.s_announce_area .sboard_body .board_body_wrap2 .icon{position:absolute;background:url('images/board_icon.jpg') no-repeat center center;width:12px;height:12px;right:50px;top:30%;}

#bbs_welfare_area .btn_area div.paging{display:none}
#bbs_welfare_area .board_search{display:none}

/* 갤러리형 */

.photo_body{position:relative;width:1600px;margin:0 auto;margin-top:0px;}
.photo_body .board_all_check{margin-bottom: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;}


.photo_list{position:relative;text-align:left}
.photo_list li{position:relative;margin-right:80px;display:inline-block;vertical-align:top;margin-bottom:50px;}
.photo_list li:nth-child(4n){margin-right:0px;}
.photo_list li a{display:block;width:330px;}
.photo_list li  .image img{border-radius:0px;}
.photo_list li span.image{display:block;position:relative;border-radius:0px;width:330px;overflow:hidden}
.photo_list li:hover span.image img{transform: scale(1.2, 1.2); transition-duration: 0.5s;}
.photo_list li span.image img{width: 100%; height: auto;transition-duration: 0.3s;position:relative;z-index:3}
.photo_list li span.image:before{content:'';display:block;background:#000;opacity:0;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:5;transition-duration: 0.3s;}
.photo_list li:hover span.image:before{opacity:0.1;transition-duration: 0.3s;}
.photo_list li span.name{font-size:18px;color:#333333;display:block;line-height:180%;margin-top:16px;}
.photo_list li span.date{font-size:14px;color:#a7a7a7;display:block;line-height:160%;margin-top:16px;}


/* 상세 페이지 */

.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;}

.board_body_wrap > div.board_content{display:none;padding:30px 80px;background:#efefef;font-size:14px;margin-top:20px;}

.board_body_faq .board_num{cursor:pointer}
.board_body_faq .board_title{cursor:pointer}

@media screen  and (max-width: 1600px)  {
	.photo_body{width:auto;}
	.photo_list li{width:24%;margin-right:0%;}
	.photo_list li a{width:95%;margin:0 auto}
	.photo_list li img{width:100%;}
	.photo_list li span.image{width:100%;}
	.photo_list li span.name{font-size:16px;line-height:160%}
	#bbs_body{padding-top:0px;}
	
}

@media screen  and (max-width: 1280px)  {
	.photo_list li{width:32%;margin-right:0%;}
}


@media screen  and (max-width: 1000px)  {
}

@media screen  and (max-width: 800px)  {
	.photo_list li{width:49%;margin-right:0%;}
	.photo_body{padding:0px;}


}



@media only screen and (max-width:640px){
	.board_title_v1{width:90%;}
	.board_etc{float:left !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;}

	.photo_list li span.name{font-size:14px;}
	.photo_list li span.date{font-size:12px;}


}

@media screen  and (max-width: 500px)  {
	.photo_list li{width:100%;margin-right:0%;}
}