@charset "utf-8";
/* CSS Document */

/* Base */
body{-webkit-text-size-adjust:none;} /* 폰트크기 자동조절하는 기능 해제 -webkit-tap-highlight-color:rgba(0,0,0,0);  */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, div, table, input, fieldset, textarea, select{padding:0; margin:0; font-family:'맑은 고딕';}
body{font-size:12px; color:#666; font-family:'맑은 고딕';}
a, select, span, label{text-decoration:none; color:#666;}
a img{border:none;}
li{list-style:none;}
table{border-collapse:collapse;}
.hidden, caption {overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; position:absolute; top:-9999px;}

div#wrap{width:100%; position:absolute;}
div.hide_menu{width:235px; position:fixed; top:0; right:-235px; background-color:#fff;}
	div.hide_menu ul.top_menu{width:100%; overflow:hidden; border-bottom:1px solid #c7c7c7;}
		div.hide_menu ul.top_menu li{width:78px; float:left;}
			div.hide_menu ul.top_menu li a{display:block; text-align:center; padding:10px 0; border-right:1px solid #c7c7c7; background-color:#666; color:#fff; text-shadow:1px 1px 0 #000;}
	div.hide_menu ul.nav{width:100%; overflow:hidden;}
		div.hide_menu ul.nav > li > a{display:block; height:49px; line-height:49px; font-size:16px; font-weight:bold; padding-left:20px; color:#333; background:url(/m/img/icon_menu_bul.png) no-repeat 210px 21px; background-size:8px; border-bottom:1px solid #c7c7c7;}
		div.hide_menu ul.nav > li > a.hover{color:#fa9011; background:url(/m/img/icon_menu_bul_o.png) no-repeat 210px 21px;}
		div.hide_menu ul.nav > li > ul li a{display:block; height:36px; line-height:36px; font-size:13px; padding-left:20px; color:#7d7d7d; background:#f0f0f0 url(/m/img/icon_menu_bul.png) no-repeat 210px 12px; background-size:8px; border-bottom:1px solid #c7c7c7;}
		div.hide_menu ul.nav > li > ul li a.hover{color:#fa9011; background:#f0f0f0 url(/m/img/icon_menu_bul_o.png) no-repeat 210px 12px;}
div.top_line{width:100%; overflow:hidden;}
	div.top_line div.left_line{width:75%; height:2px; background-color:#7da639; float:left;}
	div.top_line div.right_line{width:25%; height:2px; background-color:#fa9011; float:left;}
div.top{width:100%; height:100px; overflow:hidden; position:relative; text-align:center; border-bottom:1px solid #7da639;}
	div.top h1{text-align:center; line-height:100px; font-size:18px; color:#000;}
		div.top h1 img{padding-top:7px;}
	div.top a.view_menu{position:absolute; top:44px; right:12px;}
	div.top a.go_home{position:absolute; top:43px; left:12px;}
div.main_visual{text-align:center;}
div.main_visual img{vertical-align:top;}
div.main_contents{width:100%; overflow:hidden;}
	div.main_contents h2{width:100%; height:32px; line-height:32px; font-weight:bold; font-size:14px; color:#fff; background:url(/m/img/bg_title.png) repeat 0 0; text-align:center;}

/* 서브레이아웃 */

ul.sub_nav{width:100%; overflow:hidden; background-color:#e9e9e9;}
	ul.sub_nav li{float:left; padding:0 8px; height:30px; line-height:30px;}
	ul.sub_nav li a{letter-spacing:-1px; display:block; height:30px;}
	ul.sub_nav li a.hover{color:#7da639; border-bottom:2px solid #7da639; height:28px;}
div.sub_contents{padding:10px;}

/* 아카데미소개 */

div.intro_box{width:100%; overflow:hidden;}
	div.intro_box p.photo{float:left; margin-right:10px; width:134px;}
	div.intro_box p.hello_title{float:left; font-size:18px; font-weight:bold; padding-bottom:10px; word-break:break-all;}
	div.intro_box p.hello_desc{float:left; font-size:14px; color:#000; padding-bottom:10px; word-break:break-all;}
		div.intro_box p.hello_desc span{color:#fa9011; font-weight:bold;}
	div.intro_box p.hello_txt{color:#666; padding-bottom:10px; word-break:break-all;}
	
	div.intro_box p.intro_title{text-align:left; margin-bottom:7px;}
	div.intro_box p.addr{margin-bottom:7px;}
	div.intro_box p.social{background:url(/m/img/icon_facebook.png) 0 0 no-repeat; background-size:27px; padding-left:33px; margin-bottom:7px;}
	div.intro_box ul.history{width:270px; padding:15px; margin:0 auto; overflow:hidden; background:url(/m/img/bg_history.png) 0 0 no-repeat; background-size:300px;}
		div.intro_box ul.history li{background:url(/m/img/icon_bul_01.png) 3px 8px no-repeat; background-size:2px; padding:1px 0 1px 10px; text-shadow:1px 1px 0 #fff;}
		
	div.intro_box h6.location{font-size:16px; font-weight:bold; padding:12px 0 7px 0;}
	div.intro_box p.location span{color:#579240;}
	div.intro_box p.how{width:300px; height:120px; background:url(/m/img/bg_location.png) 0 0 no-repeat; background-size:300px;}
	div.intro_box p.how span{display:block; padding:74px 6px 0 6px; text-align:justify; text-shadow:1px 1px 0 #fff;}
	
/* 레시피 리스트 뷰 */

div.recipe_box{width:100%; overflow:hidden;}
	div.recipe_box ul.recipe_tab{width:100%; overflow:hidden;}
	div.recipe_box ul.recipe_tab li{width:50%; float:left;}
		div.recipe_box ul.recipe_tab li a{display:block; border:1px solid #ddd; text-align:center; padding:7px 0;}
		div.recipe_box ul.recipe_tab li.on a{border:1px solid #eb7d07; background-color:#fcf6ef; color:#eb7d07;}
	div.recipe_box p.recipe_total{text-align:right; padding:10px 0 5px 0;}
	div.recipe_box ul.recipe_list{width:100%; overflow:hidden; border-top:2px solid #9c9c9c; border-bottom:2px solid #9c9c9c;}
		div.recipe_box ul.recipe_list li{width:100%; overflow:hidden; padding:8px 0; border-bottom:1px dotted #9c9c9c;}
			div.recipe_box ul.recipe_list li span.image{float:left; display:block; margin-right:8px;}
			div.recipe_box ul.recipe_list li span.image img{width:97px !important; height:81px !important;}
			div.recipe_box ul.recipe_list li span.title{font-size:16px; font-weight:bold; display:block; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background:url(/m/img/icon_arrow.png) 100% 5px no-repeat; background-size:7px;}
			div.recipe_box ul.recipe_list li span.text{display:block; float:left; letter-spacing:-1px;}
		div.recipe_box div.paging{width:100%; text-align:center; margin-top:12px;}
			div.recipe_box div.paging a{display:inline-block; width:22px; height:22px; line-height:22px; vertical-align:top;}
			div.recipe_box div.paging a.current{background:#eb7d07; color:#fff;}
			div.recipe_box div.paging a.next{background:url(/img/next.png) 0 0 no-repeat;}
			div.recipe_box div.paging a.last{background:url(/img/end.png) 0 0 no-repeat;}
			div.recipe_box div.paging a.first{background:url(/img/first.png) 0 0 no-repeat;}
			div.recipe_box div.paging a.prev{background:url(/img/prev.png) 0 0 no-repeat;}
	div.recipe_box div.recipe_view{width:100%; overflow:hidden;}
		div.recipe_box div.recipe_view h4{width:100%; padding-bottom:10px; border-bottom:2px solid #9c9c9c; font-size:14px; font-weight:normal; margin-top:15px;}
			div.recipe_box div.recipe_view h4 span.category{color:#eb7d07; display:block;}
			div.recipe_box div.recipe_view h4 span.title{font-size:16px; font-weight:bold;}
		div.recipe_box div.recipe_view div.view_img{float:left; display:block; margin:8px 8px 0 0;}
		div.recipe_box div.recipe_view div.view_img img{width:97px !important; height:81px !important;}
		div.recipe_box div.recipe_view div.view_text{width:100%; padding-bottom:10px; background:url(/m/img/icon_bul_02.png) 0 100% repeat-x;}
		div.recipe_box div.recipe_view div.view_text ul{margin:8px 0;}
		div.recipe_box div.recipe_view div.view_text ul li{letter-spacing:-1px;}
		div.recipe_box div.recipe_view div.view_text div.last_btn{text-align:right;}
		div.recipe_box div.cook_process img{width:100%;}
		div.recipe_box div.cook_process h5{font-size:12px; background:url(/m/img/icon_cook.png) 0 12px no-repeat; background-size:20px; padding:15px 0 10px 24px;}
		div.recipe_box div.cook_process h5.h5_img{background:none; background-size:auto; padding:0 !important;}
		div.recipe_box div.teacher_box{padding:10px; border:2px solid #ddd;}
			div.recipe_box div.teacher_box p.call{padding:7px 0;}
			div.recipe_box div.teacher_box ul.history{overflow:hidden; background-color:#efefef; padding:10px;}
				div.recipe_box div.teacher_box ul.history li{background:url(/m/img/icon_bul_01.png) 3px 8px no-repeat; background-size:2px; padding:1px 0 1px 10px; text-shadow:1px 1px 0 #fff;}
		div.recipe_box div.signup_btn{text-align:center; margin-top:15px;}
			div.recipe_box div.signup_btn img{width:93px !important;}

/* 수강신청 */

div.apply_box{width:100%; overflow:hidden;}
	div.apply_box p.desc{padding-bottom:10px;}
	div.apply_box p.desc span{font-size:14px; color:#5c9912; font-weight:bold;}
	div.apply_box p.text{padding-top:10px;}
div.apply_box_write{width:100%; overflow:hidden; margin-top:15px;}
	div.apply_box_write h4{font-size:12px; background:url(/m/img/icon_cook.png) 0 12px no-repeat; background-size:20px; padding:15px 0 10px 24px;}
	div.apply_box_write table{border-top:2px solid #73a931;}
		div.apply_box_write table th{background-color:#f7f7f7; padding:8px 0; border-bottom:1px solid #ddd;}
		div.apply_box_write table td{background-color:#fff; padding:8px 10px; border-bottom:1px solid #ddd;}
	div.apply_box_write p.signup_btn{text-align:center; padding-top:10px;}
div.apply_ok{width:100%; overflow:hidden;}
	div.apply_ok div.apply_text{width:300px; height:230px; margin:0 auto; background:url(/m/img/bg_apply.png) 0 0 no-repeat; background-size:300px 230px;}
	div.apply_ok div.apply_text p{padding:17px 0 0 17px;}
	div.apply_ok div.apply_text ul{padding:9px 15px 0 15px;}
		div.apply_ok div.apply_text ul li{overflow:hidden; padding-bottom:1px;}
			div.apply_ok div.apply_text ul li span.title{display:inline-block; width:45px; color:#000; vertical-align:top;}
			div.apply_ok div.apply_text ul li span.text{display:inline-block; width:225px; vertical-align:top;}
	div.apply_ok p.desc{padding:10px 0 20px 0;}
	div.apply_ok p.desc span.user{color:#000;}
	div.apply_ok p.desc span.date{color:#df7401;}
	div.apply_ok div.last_btn{text-align:center;}
	
/* 메인 달력 웹 CSS */
div.calendar_navi{overflow:hidden; position:relative;}
	div.calendar_navi .calendar_absolute{width:100%;}
	div.calendar_navi .calendar_top{height:60px; background:url(/img/calendar_top_bg.png) 50% 0 no-repeat; background-size:auto 60px; overflow:hidden; position:relative;}
		div.calendar_top .calendar_left{padding: 15px 0 0 15px; float:left;}
		div.calendar_top .calendar_right{position:absolute; right:0; top:0; padding:40px 22px 0 0;}
		div.calendar_top .calendar_center{text-align:center; width:320px; height:60px; line-height:60px; margin:0 auto; position:relative;}
			  div.calendar_top .calendar_center .btn_left{position:absolute; left:0; top:3px;}
			  div.calendar_top .calendar_center .year{position:absolute; top:0; left:80px; font-size:18px; color:#333;}
			  div.calendar_top .calendar_center .month_num{color:#ED8100; font-size:32px; font-weight:bold;}
			  div.calendar_top .calendar_center .month_text{position:absolute; top:0; left:195px; font-size:18px; color:#333;}
			  div.calendar_top .calendar_center .btn_right{position:absolute; right:0; top:3px;}
	div.calendar_navi .week_bar{background:#7c7f85; position:relative; width:100%; height:27px;}
	div.calendar_navi .week_bar p.week_bar_left{width:50%; float:left; text-align:center;}
		div.calendar_navi .week_bar p.week_bar_left a{width:100%; display:block; color:#fff; text-shadow:1px 1px 0 #333; float:left; margin-top:5px; text-align:center; border-right:1px solid #96999d;}
		div.calendar_navi .week_bar p.week_bar_left img.icon{padding:0 5px 0 0; vertical-align:-5px;}
	div.calendar_navi .week_bar p.week_bar_right{width:50%; float:left; text-align:center;}
		div.calendar_navi .week_bar p.week_bar_right a{width:100%; display:block; color:#fff; text-shadow:1px 1px 0 #333; float:left; margin-top:5px; text-align:center;}
		div.calendar_navi .week_bar p.week_bar_right img.icon{padding:0 0 0 5px; vertical-align:-5px;}

	div.calendar_navi .week{height:43px; background:#7C7F85;}
		div.calendar_navi ul li{float:left;}
		div.calendar_navi .week .week_sort{width:574px; margin:0 auto; line-height:43px;}
			div.calendar_navi .week .week_sort .week_sort_img{float:left; padding-top:15px;}
			div.calendar_navi .week .week_sort p{float:left; font-size:14px; color:#FFF; padding:0 10px;}
			div.calendar_navi .week .week_sort img{float:right; padding-top:9px;}
	div.calendar_navi table{width:100%;}
		div.calendar_navi tr th{border: 1px solid #DEDEDE; text-align:center; background:#F7F7F7;}
		div.calendar_navi .calendar_navi_th{height:40px; background:#7DA639 url(/img/calenar_navi_th.png) left center no-repeat; color:#FFF; border-right:1px solid #7DA639; border-top:1px solid #7DA639; border-bottom: 1px solid #7DA639;}
		div.calendar_navi .calendar_navi_th1{height:40px; background:#7DA639; color:#FFF; border-right: 1px solid #7DA639; border-top: 1px solid #7DA639; border-bottom: 1px solid #7DA639;}
		div.calendar_navi .calendar_navi_th2{height:30px;}
		div.calendar_navi tr td{border: 1px solid #DEDEDE; text-align:left; padding: 4px 4px 4px 4px; vertical-align:top; font-size:11px; font-weight:bold;}
			div.calendar_navi table tr .no_class{text-align:center; vertical-align:middle;}
			div.calendar_navi tr td span{color:#EC642A; font-weight:bold;}
			
div.days_bar{width:100%; overflow:hidden; background-color:#e9e9e9; border-bottom:1px solid #d6d6d6;}
	div.days_bar ul{width:100%; overflow:hidden;}
		div.days_bar ul li{float:left; width:14%;}
			div.days_bar ul li.first{width:15%;}
			div.days_bar ul li.last{width:15%;}
			div.days_bar ul li a{display:block; width:100%; text-align:center; padding:8px 0;}
			div.days_bar ul li a.hover{border-bottom:2px solid #7da639; color:#7da639;}

div.calender_info{padding:10px;}			
div.today_info{width:100%; overflow:hidden;}
	div.today_info p{width:77%; background-color:#7da639; float:left; padding:5px 0;}
		 div.today_info p span{padding-left:20px; color:#fff; text-shadow:1px 1px 0 #5d821f; font-weight:bold;}
	div.today_info a{width:23%; display:block; color:#fff; background-color:#ed8100; text-shadow:1px 1px 0 #aa5d00; float:left; text-align:center; padding:5px 0;}
	
div.footer{width:100%; overflow:hidden; position:relative; background-color:#7c7f84; text-align:center; color:#fff; text-shadow:1px 1px 0 #777; padding:10px 0;}
	div.footer a{color:#fff; text-shadow:1px 1px 0 #777;}
	div.footer ul{width:100%; overflow:hidden; padding-bottom:7px;}
		div.footer ul li{display:inline-block; background:url(/m/img/footer_bul.png) no-repeat 100% 3px; background-size:1px 8px; padding:0 10px;}
		div.footer ul li.last{background:none;}
		
div.login_box{width:294px; margin:0 auto; border:3px solid #d4d4d4;}
	div.login_box div.login_box_text{padding:10px 5px 10px 5px;}
		div.login_box div.login_box_text h4{padding-bottom:10px;}
	div.login_bottom_div{background-color:#e8e8e8; padding:10px 5px;}
		div.login_bottom_div p{padding-bottom:3px;}
		div.login_bottom_div a{display:inline-block; padding:7px; border:1px solid #dadada; background-color:#fff;}