@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:arial,Helvetica,AppleSDGothicNeo,sans-serif;
/*
font-size:12px;
color:#444
*/
}
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}
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;
}

.wrap1000{width:1000px;margin:0 auto;}
.wrap1100{width:1100px;margin:0 auto;}
.wrap1200{width:1200px;margin:0 auto;}
.wrap1400{width:1400px;margin:0 auto;}
.wrap1600{width:1600px;margin:0 auto;}

.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{float:left;}


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

/* list layout */
.board_body_wrap{clear:both;position:relative;width:100%;height:65px;font-size:14px;font-family:'맑은 고딕';border-bottom:solid 1px #e5e5e5}
.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%;line-height:65px;}



/* 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:600;}
.board_tit{width:90%;}
.board_num{width:8%;text-align:center;font-size:15px;color:#5c5c5c;}
.board_num>img{margin-top:26px;}
.board_title{width:90%;height:45px !important;text-align:left;color:#010101;font-size:16px;font-weight:600;line-height:22px !important;padding-top:20px;}
.board_title_v1{display:block;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_title a{color:#010101;font-size:16px;font-weight:500;}
#not{font-size:14px;font-weight:500;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%;height:65px !important;text-align:center;}
.board_all_check{width:2%;height:40px;line-height:40px;}

.board_all_check img {display:none;}



.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;width:440px;height:36px;margin:0px auto;overflow:hidden;padding-bottom:30px;font-size:14px}
.board_search div{float:left;}
.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; }




일과 놀이를 가르는 경계선이
인위적이라는 사실을 깨닫게 될 때
우리는 문제를 파악하고 인생을 좀 더 살만한 것으로 만드는
어려운 일을 시작할 수 있다.
/* 갤러리형 */

.photo_body{position:relative;overflow:hidden;border-top:1px solid #aaaaaa;border-bottom:1px solid #e5e5e5;padding:30px 0;}
.photo_body .board_all_check{position:absolute;top:0;height:30px;line-height:30px;}
.photo_list{float:left;text-align:center;margin-bottom:20px;}
.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{width:100%;height:100px;border-top:1px solid #aaa;border-bottom:1px solid #e5e5e5;text-indent:50px;}
.view_body{overflow:hidden;}
.view_title{font-size:18px;color:#010101;padding-top:27px;}
.view_btn{text-align:right;}
.view_etc{font-size:14px;color:#999;font-weight:normal;margin-top:8px;}
.view_body{padding:30px 50px;font-size:15px;line-height:26px;}
.view_btn{overflow:hidden;float:right;margin-top:30px;}
.view_btn input{float:left;margin-right:3px;}

/*댓글 페이지*/

.view_reply{width:100%;}
.view_reply .inputbox {width:200px;padding:0px 0px;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.rep_btn{height:30px;line-height:30px;}

/* 쓰기 페이지 */

.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:10px 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:70%;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;}
.inputbox5 {width:150px;padding:5px 0;border:solid 1px #bbb !important;background-color:#fff;margin-right:5px;}
.bbs_input01{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 only screen and (max-width:640px){
	.board_title_v1{width:90%;}
	.board_etc{float:left !important;}
	.photo_list{width:50% !important;}
	.photo_list .img img{width:90% !important;}
	.photo_title{width:90% !important;} 
}