@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:600;}
.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:90%;text-align:left;color:#010101;font-size:16px;font-weight:600;line-height:22px !important;}
.board_title_v1{display:block;float:left;width:65%;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%;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;}
.btn_modify{width:82px;height:36px;top:20px;left:100px;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; }


/* 갤러리형 */

.photo_body{position:relative;/*overflow:hidden; */text-align:center; border-top:1px solid #aaaaaa;border-bottom:1px solid #e5e5e5;padding:30px 0;}
.photo_body > div{ width:33.33%; }
.photo_body .board_all_check{position:absolute;top:0;height:30px;line-height:30px;}
.photo_list{display:inline-block; margin:0 0.5%; text-align:center;margin-bottom:20px; border:1px solid #e0e0e0; vertical-align: text-top;}
.photo_title{text-align:center;color:#010101;font-size:16px;font-weight:600;text-overflow:ellipsis;}
.photo_etc{display:block;text-align:center;font-size:14px;color:#999;font-weight:normal;margin-top:3px;}
.photo_title a{ padding-left:5px; /* background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; */}
.photo_title h2{/*border-bottom:1px solid #000;*/ margin-bottom:10px;/* padding-bottom:20px; */   text-align: left; }
.photo_list:nth-of-type(3n+3){ /*margin-right:0;*/ }
.photo_list > ul{margin:10px; min-height:280px; }
.photo_list > ul > li p{ font-size:15px; line-height:26px; font-weight:300; color:#666; margin:25px 0 0 0; }
.photo_list > ul > li img{ max-width:100%; width:250px; /*height:250px;*/ vertical-align:text-top;  }
.photo_list > ul > li.txtArea{font-size:12px; font-weight:300; color:#666;  height:30px;padding: 10px 0 0 0;}


 /*.photo_list .img{ min-height:300px; }*/

/* 상세 페이지 */

.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; border-top:1px solid #ddd;/* margin-top:50px;*/ }
.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:10px 0 0 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%}

.detail_page > div > ul{overflow:hidden; }
.detail_page > div > ul > li{float:left; width:40%; }
.detail_page > div > ul > li:last-child{ width:57%; margin-left:3%; }
.detail_page > div > ul > li .detail_photo01{ border:1px solid #e0e0e0; text-align:center;padding:5px 5px;width:100%; max-width:450px;    box-sizing: border-box; }
/*.detail_page > div > ul > li .title_head{ border-bottom:1px solid #000; }*/
.detail_page > div > ul > li .title_head h2{/*padding-left:10px;*/ margin-bottom:22px; font-size:30px; color:#262424;/* background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px;*/     border-bottom: 1px solid #d4d4d4;padding-bottom: 20px;}
.detail_page > div > ul > li .title_head p{ margin-bottom:0; font-size:16px; color:#4c4c4c; line-height:25px; font-weight:300; }
/*.detail_page > div > ul > li .title_head p.short_tit{border-bottom:1px solid #d4d4d4;padding-bottom:15px;}*/
.detail_page > div > ul > li .subRecipe{ padding:17px 20px; border-bottom:1px solid #e0e0e0; }
.detail_page > div > ul > li .subRecipe h3{margin-bottom:18px; font-size:18px; color:#262424;  }
.detail_page > div > ul > li .subRecipe ul{ overflow:hidden; }
.detail_page > div > ul > li .subRecipe ul li{ float:left; width:140px;}
.detail_page > div > ul > li .subRecipe ul li:last-child{ margin-left:18px; width:280px;}
.detail_page > div > ul > li .subRecipe ul li p {font-size:15px; color:#808080; font-weight:200;}
.detail_page > div > ul > li .detailBtn{ margin-top: 35px; }
.detail_page > div > ul > li .detailBtn span{display:inline-block;text-align:center; line-height:50px;  width:252px; height:50px;  }
.detail_page > div > ul > li .detailBtn span a{display:block; }
.detail_page > div > ul > li .detailBtn span.basicBtn{border:1px solid #bf1c13; width:258px; height:48px; }
.detail_page > div > ul > li .detailBtn span.basicBtn a{ color:#bf1c13; line-height:48px; }
.detail_page > div > ul > li .detailBtn span.relationBtn{ margin-left:20px; background:#262424; }
.detail_page > div > ul > li .detailBtn span.relationBtn a{ color:#fff; line-height:48px; }
/*.subTxt{ width:360px; }*/
/* 쓰기 페이지 */

.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;padding:10px 0; height:40px;border-bottom:1px solid #e5e5e5;line-height:40px;}
.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;margin-bottom: 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;box-sizing:border-box;font-family:notoSans;font-size: 15px;}
.inputbox4 {width:150px;padding:10px 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;}

.input_textarea{height:100px;}
.opt_box{width:44%;display:inline-block;}
.input_textareabox1{height:50px;resize:none;width:100%;}
.input_textareabox{height:80px;resize:none;}
.opt_nt::placeholder{color:#999;font-size:11px;}

.opt_span{float: left;}
.opt_tit{height: 50px;display: inline-block;vertical-align: top;margin: 0;padding: 0;}	
.opt_cont{width:70%}

.opt_wrap{height:635px;}
.opt_ul > li:nth-child(1){padding-left:0;box-sizing:border-box;}
.opt_ul > li{float:left;box-sizing:border-box;}
.opt_ul > li:nth-child(odd){padding-right:20px;padding-left:150px;width:55%;}

.title_head{border-top: 3px solid #000;padding-top: 10px;/*border-bottom:2px solid #868686;*/}

.p_slider{position:relative;padding:30px 0;}
.p_slider .parrow{position:absolute; display:inline-block; top:50%; margin-top:-22px;}
.p_slider .pleftArrow{ left:10px;  }
.p_slider .prightArrow{ right:10px; }
.detail_photo01 > img{width:100%;}

.body_stit_wrap{width:180px;margin:30px auto 0}
.body_stit{background-color: #333;color: white;font-weight: bold;display: block;width: 100%;height: 100%;line-height: 35px;text-align: center;color: #FFFFFF;font-size: 15px;}

.opt_list_p{margin-bottom:0;font-size:13px !important;color: #4c4c4c;line-height:25px;font-weight: 300;padding: 10px 0;}

.opt_box_a{padding-left:0 !important;width:42% !important;padding-right:0 !important;}
.opt_box_b{width:44% !important;}

.em_btn{padding:2%;}

	.opt_list::nth-child(0){border-top: 1px solid #e6e6e6;}
	.opt_list{display: inline-table;width: 100%;height:40px;border-bottom: 1px solid #e6e6e6;}
	.opt_list > h4{float: left;width: 20%;height: 100%;line-height:45px;padding-left: 2%;background-color: #fcfcfc;font-size: 14px;}
	.short_tit{border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-bottom:0;}

@media only screen and (max-width:1200px){
		.detail_page > div > ul > li{width:100%; }
		.detail_page > div > ul > li:last-child{ width:100%; margin-left:0; margin-top:20px; }
		.detail_page > div > ul > li .subRecipe{ padding:17px 0 ; }
		.detail_page > div > ul > li .detailBtn{text-align:center; }
		.detail_page > div > ul > li .detailBtn span.relationBtn{ margin-left:0; margin-top:10px;  }
		.viewBody > p > img{ max-width:100%; }
		.detail_page > div > ul > li .detail_photo01 img{ max-width:100%; }
		 .photo_list .img{ min-height:initial; }
		 .photo_list > ul > li img{ width:initial; height:initial; }
		.photo_title h2 a{ display:block; }
}


@media only screen and (max-width:800px){
	.detail_page > div > ul > li .subRecipe ul li{ width:100%;}
	.detail_page > div > ul > li .subRecipe ul li:first-child{ text-align:center; } 
	.detail_page > div > ul > li .subRecipe ul li:last-child{ margin:10px 0 0 0; }
	.view_btn{ float:none; text-align:center;   }
	.view_btn input{ float:none; display:inline-block; margin-bottom:5px; }
	.board_title_v1{width:90%;}
	.board_etc{float:left !important;}
	.photo_list{width:47% !important;margin:2% 2%;}
	/*.photo_list .img img{width:90% !important;}*/
	.photo_title{width:90% !important;} 
	.input_ttl{ width:70px; padding-left:10px;}
	.inputbox4{width:80px; }
	.input_form input[type=file]{ width:140px;  }
	.photo_list{ margin-right:0; }
	.em_btn{text-align:center;}
	.opt_list_p{font-size:14px !important;width:100% !important;}
	.short_tit{font-size:14px  !important}
	.opt_list > h4{width:25% !important;}
	.photo_list > ul{margin:10px; min-height:230px; }
	.photo_list > ul > li.txtArea {line-height:20px;}

	.opt_wrap{height:100%;}
	.opt_box{width:100%;}
	.opt_box_a{padding-left:0 !important;width:100% !important;padding-right:0 !important;}
	.opt_box_b{width:100% !important;}
	.opt_ul > li:nth-child(odd) {padding-left:0 !important;width:100% !important;padding-right:0 !important;}
}