@charset "utf-8";

/* Slide Box */
#page .slide_box { padding-bottom:50%; background-image:url("../img/main_img04.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center center; }

/* Board Box */
#page .board_box { padding:70px 0; }
#page .board_box > ul { margin:0; padding:0; list-style:none; }
#page .board_box > ul:after { content:""; display:block; clear:both; }
#page .board_box > ul > li { float:left; width:calc(33.333% - 26.666px); }
#page .board_box > ul > li:nth-child(n+2) { margin-left:40px; }
#page .board_box > ul > li > .title { font-size:16px; color:#444; font-weight:600; border-bottom:1px solid #eee; padding-bottom:10px; }
#page .board_box > ul > li > .number { margin-top:20px; font-size:28px; color:#444; font-weight:600; }
#page .board_box > ul > li > .email { margin-top:10px; font-size:16px; font-weight:600; color:#777; }	
#page .board_box > ul > li > .application { margin-top:28px; }
#page .board_box > ul > li > .application a { display:block; width:100%; font-size:14px; background-color:#000; color:#fff; text-decoration:none; height:50px; line-height:50px; text-align:center; }
#page .board_box > ul > li > .application a:hover { background-color:#fff; color:#000; border:2px solid #000; box-sizing:border-box; }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .board_box { padding:50px; }
	#page .board_box > ul > li { width:calc(50% - 20px); }
	#page .board_box > ul > li:nth-child(3) { width:100%; margin-left:0; margin-top:50px; }
}

@media screen and (max-width:800px) {
	#page .board_box { padding:30px 30px; }
}

@media screen and (max-width:660px) {
	#page .board_box { padding:30px 15px; }
	#page .board_box > ul > li { float:none; width:auto; }
	#page .board_box > ul > li:nth-child(n+2) { margin:0; margin-top:50px; }
	#page .board_box > ul > li:nth-child(3) { width:auto; margin:0; margin-top:50px; }
}

@media screen and (max-width:380px) {
	#page .board_box > ul > li > .title { font-size:15px; }
	#page .board_box > ul > li > .number { margin-top:20x; }
	#page .board_box > ul > li > .email { margin-top:14px; }
}

/* Follow Box */
#page .follow_box { background-color:#f7f7f7; padding:70px 0; }
#page .follow_box .title { text-align:center; font-size:30px; font-weight:400; }

#page .follow_box .sns_list { margin-top:40px; text-align:center; }
#page .follow_box .sns_list > ul { margin:0; padding:0; list-style:none; display:inline-block; }
#page .follow_box .sns_list > ul:after { content:""; display:block; clear:both; }
#page .follow_box .sns_list > ul > li { float:left; text-align:center; margin-right:50px; }
#page .follow_box .sns_list > ul > li:nth-child(4n) { margin-left:0; }
#page .follow_box .sns_list > ul > li.facebook:hover .icon { background-color:#3B5998; border-radius:50%; }
#page .follow_box .sns_list > ul > li.kakao:hover .icon { background-color:#ffde00; border-radius:50%; } 
#page .follow_box .sns_list > ul > li.cafe:hover .icon { background-color:#6cb14e; border-radius:50%; }
#page .follow_box .sns_list > ul > li.blog:hover .icon { background-color:#9bd655; border-radius:50%; }
#page .follow_box .sns_list > ul > li .icon { font-size:60px; line-height:120px; color:#000; width:120px; height:120px; border-radius:50%; transition:0.3s ease all; display:inline-block; }
#page .follow_box .sns_list > ul > li:hover .icon { color:#fff; }
#page .follow_box .sns_list > ul > li .icon a { display:block; }
#page .follow_box .sns_list > ul > li .sns_name { margin-top:10px; font-size:14px; }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .follow_box { padding:50px; }
}

@media screen and (max-width:800px) {
	#page .follow_box { padding:30px 30px; }
	#page .follow_box .sns_list > ul > li { width:calc(50% - 10px); margin-right:20px; }
	#page .follow_box .sns_list > ul > li:nth-child(2n) { margin-right:0; }
	#page .follow_box .sns_list > ul > li:nth-child(n+3) { margin-top:30px; }
}

@media screen and (max-width:660px) {
	#page .follow_box { padding:30px 15px; }
	#page .follow_box .sns_list > ul > li .icon { font-size:50px; line-height:80px; width:80px; height:80px; }
}

/* Course Box */
/*
#page .course_box { padding:10px 0; }
#page .course_box .youtube { position:relative; width:100%; padding-bottom:55%; border:1px solid #ddd; box-sizing:border-box; margin-top: 0px;}
#page .course_box .youtube iframe { position:absolute; width:100%; height:100%; left:0; top:0; border:0; }

#page .course_box .course_list { margin-top:50px; }
#page .course_box .course_list ul { margin:0; padding:0; list-style:none; }
#page .course_box .course_list ul:after { content:""; display:block; clear:both; }
#page .course_box .course_list li { width:calc(33.333% - 26.666px); float:left; }
#page .course_box .course_list li:nth-child(n+2) { margin-left:40px; }
#page .course_box .course_list li .thumbnail { position:relative; padding-bottom:66%; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; }
#page .course_box .course_list li .thumbnail:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; transition:0.3s ease-out all; }
#page .course_box .course_list li .thumbnail:after { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0, 0, 0, 0.404); opacity:0; transition:0.3s ease opacity; }




#page .course_box .course_list li .thumbnail.class1:before { background-image:url("../img/main_class_01.jpg"); }
#page .course_box .course_list li .thumbnail.class2:before { background-image:url("../img/main_class_02.jpg"); }
#page .course_box .course_list li .thumbnail.class3:before { background-image:url("../img/main_class_03.jpg"); }

#page .course_box .course_list li .thumbnail.class4:before { background-image:url("../img/main_class_04.jpg"); }
#page .course_box .course_list li .thumbnail.class5:before { background-image:url("../img/main_class_05.jpg"); }
#page .course_box .course_list li .thumbnail.class6:before { background-image:url("../img/main_class_06.jpg"); }




#page .course_box .course_list li:hover .thumbnail:before { width:115%; left:-7.5%; }
#page .course_box .course_list li:hover .thumbnail:after { opacity:1; }
#page .course_box .course_list li .title { font-size:18px; font-weight:700; color:#353535; margin-top:25px; }
#page .course_box .course_list li .desc { margin-top:10px; height:70px; color:#585858; font-size:15px; line-height:20px; }
#page .course_box .course_list li .more_view a { position:relative; font-size:14px; text-decoration:none; color:#b274af; padding:0 20px; line-height:45px; border:1px solid #b274af; box-sizing:border-box; display:inline-block; }
#page .course_box .course_list li .more_view a span { position:relative; width:100%; display:block; }
#page .course_box .course_list li .more_view a:before { content:""; display:block; width:0; background-color:#b274af; height:100%; position:absolute; left:0; top:0; transition:0.2s ease-out all; }
#page .course_box .course_list li .more_view a:hover { color:#fff; }
#page .course_box .course_list li .more_view a:hover:before { width:100%; }
*/


/* Course Box */
#page .course_box { padding:10px 0; }
#page .course_box .youtube { position:relative; width:100%; padding-bottom:55%; border:1px solid #ddd; box-sizing:border-box; margin-top: 0px;}
#page .course_box .youtube iframe { position:absolute; width:100%; height:100%; left:0; top:0; border:0; }

#page .course_box .course_list { margin-top:50px; }
#page .course_box .course_list ul { margin:0; padding:0; list-style:none; }
#page .course_box .course_list ul:after { content:""; display:block; clear:both; }
#page .course_box .course_list li { width:calc(33.333% - 26.666px); float:left; }
#page .course_box .course_list li:nth-child(n+2) { margin-left:40px; }
#page .course_box .course_list li .thumbnail { position:relative; padding-bottom:66%; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; }
#page .course_box .course_list li .thumbnail:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center center; transition:0.3s ease-out all; }
#page .course_box .course_list li .thumbnail:after { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0, 0, 0, 0.404); opacity:0; transition:0.3s ease opacity; }




#page .course_box .course_list li .thumbnail.class1:before { background-image:url("../img/main_class_01.jpg"); }
#page .course_box .course_list li .thumbnail.class2:before { background-image:url("../img/main_class_02.jpg"); }
#page .course_box .course_list li .thumbnail.class3:before { background-image:url("../img/main_class_03.jpg"); }

#page .course_box .course_list li .thumbnail.class4:before { background-image:url("../img/main_class_04.jpg"); }
#page .course_box .course_list li .thumbnail.class5:before { background-image:url("../img/main_class_05.jpg"); }
#page .course_box .course_list li .thumbnail.class6:before { background-image:url("../img/main_class_06.jpg"); }




#page .course_box .course_list li:hover .thumbnail:before { width:115%; left:-7.5%; }
#page .course_box .course_list li:hover .thumbnail:after { opacity:1; }
#page .course_box .course_list li .title { font-size:18px; font-weight:700; color:#353535; margin-top:25px; }
#page .course_box .course_list li .desc { margin-top:10px; height:70px; color:#585858; font-size:15px; line-height:20px; }
#page .course_box .course_list li .more_view a { position:relative; font-size:14px; text-decoration:none; color:#b274af; padding:0 20px; line-height:45px; border:1px solid #b274af; box-sizing:border-box; display:inline-block; }
#page .course_box .course_list li .more_view a span { position:relative; width:100%; display:block; }
#page .course_box .course_list li .more_view a:before { content:""; display:block; width:0; background-color:#b274af; height:100%; position:absolute; left:0; top:0; transition:0.2s ease-out all; }
#page .course_box .course_list li .more_view a:hover { color:#fff; }
#page .course_box .course_list li .more_view a:hover:before { width:100%; }


/* Responsive */
@media screen and (max-width:1040px) {
	#page .course_box { padding:50px; }
	#page .course_box .course_list { margin-top:30px; }
	#page .course_box .course_list li { width:calc(33.333% - 13.333px); }
	#page .course_box .course_list li:nth-child(n+2) { margin-left:20px; }
	#page .course_box .course_list li .desc { height:60px; }
}

@media screen and (max-width:800px) {
	#page .course_box { padding:30px 30px; }
	#page .course_box .course_list { margin-top:30px; }
	#page .course_box .course_list li { width:calc(33.333% - 6.66666px); }
	#page .course_box .course_list li:nth-child(n+2) { margin-left:10px; }
	#page .course_box .course_list li .title { font-size:15px; }
	#page .course_box .course_list li .desc { font-size:13px; height:50px; }
}

@media screen and (max-width:660px) {
	#page .course_box { padding:30px 15px; }
	#page .course_box .course_list li { float:none; width:auto; }
	#page .course_box .course_list li:nth-child(n+2) { margin:0; margin-top:40px; }
}

/* Class Box */
#page .class_box .class { height:500px; background-color:#f4f4f4; }
#page .class_box .class:after { content:""; display:block; clear:both; }
#page .class_box .class .info { float:left; width:50%; height:100%; box-sizing:border-box; padding:80px; }
#page .class_box .class .info.text_right { text-align:right; }
#page .class_box .class .info.text_left { text-align:left; }
#page .class_box .class .info .info_title { font-size:48px; color:#333; }
#page .class_box .class .info .content{ margin-top:30px; font-size:16px; font-weight:400; color:#585858; line-height:32px; }

#page .class_box .class .info .more_view { margin-top:60px; }
#page .class_box .class .info .more_view a { position:relative; font-size:14px; text-decoration:none; color:#b274af; padding:0 20px; line-height:45px; border:1px solid #b274af; box-sizing:border-box; display:inline-block; }
#page .class_box .class .info .more_view a span { position:relative; width:100%; display:block; }
#page .class_box .class .info .more_view a:before { content:""; display:block; width:0; background-color:#b274af; height:100%; position:absolute; left:0; top:0; transition:0.2s ease-out all; }
#page .class_box .class .info .more_view a:hover { color:#fff; }
#page .class_box .class .info .more_view a:hover:before { width:100%; }

#page .class_box .class .img_box { float:left; width:50%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#page .class_box .class .img_box.license { background-image:url(../img/main_class_07.jpg); float:right; }
#page .class_box .class .img_box.contact { background-image:url(../img/main_class_08.jpg); }

/* Responsive */
@media screen and (max-width:1200px) {
	#page .class_box .class { height:400px; }
	#page .class_box .class .info { padding:40px; }
	#page .class_box .class .info .info_title { font-size:40px; }
	#page .class_box .class .info .content { font-size:14px; line-height:26px; }
}

@media screen and (max-width:1040px) {
	#page .class_box .class { height:300px; }
	#page .class_box .class .info{ padding:30px 20px; }
	#page .class_box .class .info .info_title { font-size:30px; }
	#page .class_box .class .info .content{ margin-top:20px; font-size:13px; }
	#page .class_box .class .info .more_view { margin-top:30px; }
}

@media screen and (max-width:800px) {
	#page .class_box .class { height:auto; }
	#page .class_box .class .info { width:auto; float:none; padding:30px 15px; }
	#page .class_box .class .info.text_right { text-align:initial; }
	#page .class_box .class .info .info_title { font-size:25px; }
	#page .class_box .class .info .content{ margin-top:15px; }
	#page .class_box .class .info .more_view { margin-top:30px; }
	#page .class_box .class .img_box { width:auto; float:none; height:250px; }
	#page .class_box .class .img_box.license { float:none; }
}

/* License Box */
#page .license_box { padding:70px 0; text-align:center; }
#page .license_box .license_title { font-size:35px; font-weight:600; }
#page .license_box .license_sub_title { font-size:20px; font-weight:600; margin-top:30px; }

#page .license_box ul { margin:50px 0 0; padding:0; list-style:none; text-align:left; }
#page .license_box ul:after { content:""; display:block; clear:both; }
#page .license_box ul li { float:left; width:calc(50% - 52.5px); }
#page .license_box ul li:nth-child(2n) { margin-left:105px; }
#page .license_box ul li:nth-child(n+3) { margin-top:50px; }
#page .license_box ul li .list_title { color:#b274af; font-size:20px; font-weight:700; }
#page .license_box ul li .list_content { margin-top:20px; color:#999; font-size:14px; line-height:25px; }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .license_box { padding:50px; }
	#page .license_box .license_title { font-size:30px; }
	#page .license_box .license_sub_title { font-size:17px; margin-top:15px; }
	#page .license_box ul li { width:calc(50% - 25px); }
	#page .license_box ul li:nth-child(2n) { margin-left:50px; }
	#page .license_box ul li .list_title { font-size:18px; }	
}

@media screen and (max-width:800px) {
	#page .license_box { padding:30px; }
	#page .license_box .license_title { font-size:25px; }
	#page .license_box ul li .list_content { font-size:13px; }
}

@media screen and (max-width:660px) {
	#page .license_box { padding:30px 15px; }
	#page .license_box .license_title { font-size:20px; }
	#page .license_box .license_sub_title { font-size:15px; margin-top:10px; }
	#page .license_box ul li { float:none; width:auto; }
	#page .license_box ul li:nth-child(2n) { margin-left:0; }
	#page .license_box ul li:nth-child(n+2) { margin-top:30px; }
	#page .license_box ul li .list_title { font-size:15px; }
	#page .license_box ul li .list_content { margin-top:8px; }
}

@media screen and (max-width:380px) {
	#page .license_box .license_sub_title { font-size:14px; }
}

/* Youtube */
#page .restaurant_youtube { padding:70px 0; }
#page .restaurant_youtube .youtube { position:relative; width:100%; padding-bottom:55%; border:1px solid #ddd; box-sizing:border-box; }
#page .restaurant_youtube .youtube iframe { position:absolute; width:100%; height:100%; left:0; top:0; border:0; }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .restaurant_youtube { padding:50px; }	
}

@media screen and (max-width:800px) {
	#page .restaurant_youtube { padding:30px 30px; }
}

@media screen and (max-width:660px) {
	#page .restaurant_youtube { padding:30px 15px; }
}

/* Professor Box */
#page .professor_box { background-color:#fafafa; padding:70px 0; }
#page .professor_box .title { font-size:30px; font-weight:600; text-align:center; margin-bottom:50px; }

#page .professor_box .professor_slide { position:relative; }
#page .professor_box .professor_slide .image { margin:10px; }
#page .professor_box .professor_slide .image .img_box { border:1px solid #ddd; }
#page .professor_box .professor_slide .image .img_box img { width:100%; vertical-align:middle; }
#page .professor_box .professor_slide .image .info { margin-top:15px; }
#page .professor_box .professor_slide .image .info .name { font-size:24px; color:#2b2b2b; font-weight:300; }
#page .professor_box .professor_slide .image .info .position { margin-top:10px; color:#9a9a9a; font-size:14px; }

#page .professor_box .more_view { margin-top:70px; text-align:center; }
#page .professor_box .more_view a { color:#fff; text-decoration:none; background-color:#333; font-size:14px; padding:15px 40px; border-radius:2px; display:inline-block; transition:0.3s ease all; }
#page .professor_box .more_view a:hover { background-color:#cecece; color:#000; }

/* Arrows */
#page .professor_box .slick-prev,
#page .professor_box .slick-next { transition:0.3s ease all; display:inline-block; width:37px; font-size:0; color:transparent; height:37px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:transparent; position:absolute; top:50%; margin-top:-25px; z-index:1; border:0; cursor:pointer; }
#page .professor_box .slick-prev { left:-50px; background-image:url(../img/arrow_left_01.png); }
#page .professor_box .slick-next { right:-50px; background-image:url(../img/arrow_right_01.png); }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .professor_box { padding:50px; }
	#page .professor_box .title { font-size:30px; margin-bottom:40px; }
	#page .professor_box .professor_slide .image .info { margin-top:10px; }
	#page .professor_box .professor_slide .image .info .name { font-size:20px; }
	#page .professor_box .professor_slide .image .info .position { font-size:15px; margin-top:7px; }
}

@media screen and (max-width:800px) {
	#page .professor_box { padding:30px; }
	#page .professor_box .title { font-size:25px; }
	#page .professor_box .professor_slide .image .info { margin-top:8px; }
	#page .professor_box .professor_slide .image .info .name { font-size:18px; }
	#page .professor_box .professor_slide .image .info .position { font-size:14px; margin-top:7px; }
	
	#page .professor_box .slick-prev { left:-30px; background-image:url(../img/arrow_left_01.png); }
	#page .professor_box .slick-next { right:-30px; background-image:url(../img/arrow_right_01.png); }
}

@media screen and (max-width:660px) {
	#page .professor_box { padding:30px 15px; }
	#page .professor_box .title { font-size:20px; margin-bottom:30px; }
	#page .professor_box .professor_slide .image .info { margin-top:5px; }
	#page .professor_box .professor_slide .image .info .name { font-size:16px; }
	#page .professor_box .professor_slide .image .info .position { font-size:13px; margin-top:5px; }
	#page .professor_box .more_view { margin-top:30px; }
	
	#page .professor_box .slick-prev { display:none !important; }
	#page .professor_box .slick-next { display:none !important; }
}

@media screen and (max-width:380px) {
	#page .professor_box .professor_slide .image { width:calc(50% - 5px); margin-right:10px; }
	#page .professor_box .professor_slide .image .info .name { font-size:15px; }
	#page .professor_box .professor_slide .image .info .position { font-size:13px; margin-top:5px; }	
}

/* Photo Story Box */
#page .photo_story_box { padding:70px 0;  text-align:center; }
#page .photo_story_box .photo_box_title { font-size:36px; font-weight:300; color:#555; }
#page .photo_story_box .photo_box_title:after { content:""; display:block; margin:20px auto 40px; width:50%; height:1px; max-width:40px; background:#999; }

/* === Widget Cooking Default === */
.widget_cooking_default { width:100%; }
.widget_cooking_default .widget_top { border-bottom:1px solid #eee; padding-bottom:10px; }
.widget_cooking_default .widget_top:after { content:""; display:block; clear:both; }
.widget_cooking_default .widget_top .widget_title { float:left; font-size:16px; color:#444; font-weight:600; }
.widget_cooking_default .widget_top .more { float:right; }
.widget_cooking_default .widget_top .more a { text-decoration:none; font-size:12px; color:#888; }

.widget_cooking_default .list { margin-top:15px; }
.widget_cooking_default .list ul { margin:0; padding:0 0 0 10px; list-style:none; }
.widget_cooking_default .list ul li { line-height:14px; position:relative; }
.widget_cooking_default .list ul li:nth-child(n+2) { margin-top:15px; }
.widget_cooking_default .list ul li:before { content:""; display:inline-block; font-size:16px; color:#666; float:left; position:absolute; left:-10px; }
.widget_cooking_default .list ul li:after { content:""; display:block; clear:both; }
.widget_cooking_default .list ul li a { text-decoration:none; display:block; }
.widget_cooking_default .list ul li a:hover { text-decoration:underline; }
.widget_cooking_default .list ul li .title { font-size:14px; color:#666; float:left; width:calc(100% - 100px); margin-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.widget_cooking_default .list ul li .date { font-size:14px; float:left; color:#ccc; width:90px; text-align:right; padding:0; }

/* Responsive */
@media screen and (max-width:380px) { 
	.widget_cooking_default .widget_top .widget_title { font-size:15px; }
	.widget_cooking_default .list ul li .title { font-size:13px; }
	.widget_cooking_default .list ul li .date { font-size:13px; }
}

/* === Widget Cooking Main Banner === */
.widget_cooking_main_banner { background-color:#efefef; text-align:center; }
.widget_cooking_main_banner .image { height:535px; background-size:cover; background-repeat:no-repeat; background-position:center bottom; padding:90px 90px; box-sizing:border-box; }
.widget_cooking_main_banner a { text-decoration:none; }
.widget_cooking_main_banner .title { font-size:45px; font-weight:600; color:#000; margin-top:0px; }
.widget_cooking_main_banner .border { content:""; display:block; border-bottom:4px solid #000; width:60px; margin:20px auto; }
.widget_cooking_main_banner .summary { font-size:20px; line-height:30px; font-weight:600; color:#000; margin-bottom:20px; }

.widget_cooking_main_banner .more_view { margin-top:15px; color:#fff; background-color:#333; font-weight:600; font-size:14px; line-height:50px; padding:0 40px; border-radius:2px; cursor:pointer; display:inline-block; transition:0.3s ease all; }
.widget_cooking_main_banner .more_view:hover { background-color:#000; }

/* Arrows */
.widget_cooking_main_banner .slick-prev,
.widget_cooking_main_banner .slick-next { transition:0.3s ease all; display:inline-block; width:45px; font-size:0; color:transparent; height:45px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:transparent; position:absolute; top:50%; margin-top:-12.5px; z-index:1; border:0; cursor:pointer; }

/* Slick Prev, Next */
.widget_cooking_main_banner .slick-prev { left:30px; background-image:url(../img/arrow_left.png); }
.widget_cooking_main_banner .slick-next { right:30px; background-image:url(../img/arrow_right.png); }

/* Slick dots */
.widget_cooking_main_banner .slick-dots { margin:0; padding:0; list-style:none; text-align:center; position:absolute; bottom:20px; width:100%; white-space:nowrap; margin-bottom:20px; }
.widget_cooking_main_banner .slick-dots li { display:inline-block; }
.widget_cooking_main_banner .slick-dots li:nth-child(n+2) { margin-left:5px; }
.widget_cooking_main_banner .slick-dots li button { text-indent:-999px; font-size:0; display:inline-block; border:0; background-color:#aaa; width:10px; height:10px; border-radius:50%; cursor:pointer; }
.widget_cooking_main_banner .slick-dots li.slick-active button { background-color:#000; }

/* Responsive */
@media screen and (max-width:1040px) {
	.widget_cooking_main_banner .image { height:500px; padding:40px 0 40px; }
	.widget_cooking_main_banner .title { font-size:35px; margin-top:100px; }
	.widget_cooking_main_banner .summary { font-size:14px; margin-bottom:30px; line-height:20px; }
	.widget_cooking_main_banner .more_view { font-size:13px; line-height:40px; padding:0 30px; }
}

@media screen and (max-width:800px) {
	#page .photo_story_box {padding:20px 0;}
	.widget_cooking_main_banner .image { height:300px; padding:30px 0 30px; }
	.widget_cooking_main_banner .title { font-size:20px; margin-top:30px; }
	.widget_cooking_main_banner .border { margin:15px auto; }
	.widget_cooking_main_banner .summary { font-size:13px; margin-bottom:20px; line-height:18px; }
	.widget_cooking_main_banner .more_view { font-size:12px; line-height:30px; padding:0 20px; }
}

@media screen and (max-width:500px) {
	.widget_cooking_main_banner .slick-prev,
	.widget_cooking_main_banner .slick-next { display:none !important; }
	.widget_cooking_main_banner .slick-dots { bottom:5px; }
	.widget_cooking_main_banner .slick-prev,
	.widget_cooking_main_banner .slick-next { display:none !important; }
}

/* === Widget Cooking Banner === */
.widget_cooking_banner { background-color:#efefef; height:230px; width:100%; text-align:center; }
.widget_cooking_banner .image { height:100%; background-size:cover; background-repeat:no-repeat; background-position:center bottom; padding:50px 0; box-sizing:border-box; }
.widget_cooking_banner a { text-decoration:none; }
.widget_cooking_banner .sub_title { font-size:20px; font-weight:600; color:#555; min-height:20px; }
.widget_cooking_banner .title { margin-top:10px; font-size:35px; font-weight:600; color:#444; }

.widget_cooking_banner .more_view { margin-top:15px; color:#fff; background-color:#333; font-size:14px; line-height:50px; padding:0 40px; border-radius:2px; cursor:pointer; display:inline-block; transition:0.3s ease all; }
.widget_cooking_banner .more_view:hover { background-color:#fff; color:#000; }

/* Arrows */
.widget_cooking_banner .slick-prev,
.widget_cooking_banner .slick-next { transition:0.3s ease all;opacity:0; display:inline-block; width:37px; font-size:0; color:transparent; height:37px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:transparent; position:absolute; top:50%; margin-top:-18.5px; z-index:1; border:0; cursor:pointer; }
.widget_cooking_banner .slick-prev { left:30px; background-image:url(../img/arrow_left_01.png); }
.widget_cooking_banner .slick-next { right:30px; background-image:url(../img/arrow_right_01.png); }
.widget_cooking_banner:hover .slick-prev,
.widget_cooking_banner:hover .slick-next { opacity:1; }

/* Responsive */
@media screen and (max-width:1040px) {
	.widget_cooking_banner { height:180px; }
	.widget_cooking_banner .image { padding:40px 0; }
	.widget_cooking_banner .title { font-size:25px; }
	.widget_cooking_banner .sub_title { font-size:14px; }
	.widget_cooking_banner .more_view { font-size:13px; line-height:40px; padding:0 30px; }
}

@media screen and (max-width:800px) {
	.widget_cooking_banner { height:150px; }
	.widget_cooking_banner .image { padding:30px 0; }
	.widget_cooking_banner .title { font-size:20px; margin-top:5px; }
	.widget_cooking_banner .sub_title { font-size:13px; min-height:15px; }
	.widget_cooking_banner .more_view { font-size:12px; line-height:30px; padding:0 20px; }
}

/* Wodget Cooking Gallery */
.widget_cooking_gallery { position:relative; }
.widget_cooking_gallery .image { background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.3); margin:10px; transition:0.5s ease margin-top; }
.widget_cooking_gallery .image  a { text-decoration:none; display:block; }
.widget_cooking_gallery .image .thumbnail { }
.widget_cooking_gallery .image .thumbnail img { width:100%; vertical-align:middle; }
.widget_cooking_gallery .image .title { padding:20px 20px; margin:0; color:#444; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:0.5s ease all; }
.widget_cooking_gallery .image:hover { margin-top:-10px; }
.widget_cooking_gallery .image:hover .title { background-color:#000; color:#fff; }

/* Arrows */
.widget_cooking_gallery .slick-prev,
.widget_cooking_gallery .slick-next { transition:0.3s ease all;opacity:0; display:inline-block; width:37px; font-size:0; color:transparent; height:37px; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; background-color:transparent; position:absolute; top:50%; margin-top:-25px; z-index:1; border:0; cursor:pointer; }
.widget_cooking_gallery .slick-prev { left:30px; background-image:url(../img/arrow_left_01.png); }
.widget_cooking_gallery .slick-next { right:30px; background-image:url(../img/arrow_right_01.png); }
.widget_cooking_gallery:hover .slick-prev,
.widget_cooking_gallery:hover .slick-next { opacity:1; }


/* 팝업레이어 */
#hd_pop {z-index:1000000 !important; position:relative; margin:0 auto; height: auto;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:3px solid /*#808080*/#fff;background:#fff;box-shadow: 2px 2px 4px #181818;}

.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
/*
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
*/
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.hd_pops_footer button {font-weight:350; transition:0.3s ease all; margin:5px; padding:10px;border:0;color:#ccc} /* 수정되는 코드 */
.hd_pops_footer button:hover { color:#fff; transition:0.3s ease all;} /* 추가되는 코드 */
.hd_pops_footer .hd_pops_reject {background:#444;text-align:left;} /* 수정되는 코드 */


/* 모바일모드 팝업레이어 */
@media (max-width: 575px) {
	.hd_pops {margin:0 auto; left: 0 !important; overflow: hidden;}
}
@media (max-width: 480px) {
	#hd_pop {margin: 0 -0.3% auto; height: auto !important; width: 76%;}
	.hd_pops {margin:0 auto; text-align:center; position:absolute; /*border:3px solid #fff;*/ background:#fff; /*box-shadow: 2px 2px 4px #181818;*/ width: 130%; left: 0.2% !important; top: 50px !important; overflow: hidden;}
	.hd_pops_con {width: 100%; height: 100%;}
	.hd_pops_con img {width: 71.5% !important; height: auto !important;}
}