@import url("bootstrap-icons.css");
/*container*/
/* 서브 컨텐츠 영역 */
.sub_content_wrap{ width: 100%; margin:0 auto; position: relative; }

/* about */
.about_top { width: 100%; height: 256px; margin: 0 auto; background: #111 url("/images/img/sub_top_about.jpg") no-repeat top center; }
.about_top_mo{ display: none; }
.dePage_content_box .box_wh .info_con{ width:1200px; display: flex; flex-direction: row; justify-content: center; margin: 0 auto; padding-top: 2rem; }
.dePage_content_box .box_wh .info_con li{ width:29%; background: #111; padding: 5rem 2rem; box-sizing: border-box; margin: 0 1rem; }
.dePage_content_box .box_wh .info_con li p{ color:#c9c9c9; font-size: 1.4rem; text-align: center; line-height: 1.4; } 
.dePage_content_box .box_wh .info_con .info_tt{ font-size: 2.2rem; font-weight: 700; color:#00aa71; margin-bottom: 1.6rem; }
.dePage_content_box .box_wh .info_con .info_tt_s{ font-size: 1.8rem; font-weight: 700; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#fff; margin-bottom: 2rem; }
.dePage_content_box .box_wh .info_con .time{ font-size: 1.8rem; font-weight: 700; color:#00aa71; }
.dePage_content_box .box_wh .info_con .price_or { text-decoration: line-through; margin-bottom: 0.6rem; }
.dePage_content_box .box_wh .info_con .price_dis { font-size: 1.8rem; font-weight: 700; color:#fff; }
.dePage_content_box .box_wh .info_con .price_dis span{ font-size: 1.4rem; padding:2px 6px 3px 6px; display: inline-block; color:#fff; background: #00aa71; box-sizing: border-box; margin-right: 10px; vertical-align: 1px; border-radius: 50px; }
/* about - allpass 소개*/
.allpass_info { width:960px; margin: 0 auto; }
.allpass_info .info_txt{ padding-top: 6rem; width:70%; margin: 0 auto; display: inline-block; }
.allpass_info .info_txt .class_num{ float: left; color:#009261; font-family: Montserrat,'Noto Sans KR',sans-serif; font-size: 4rem; font-weight: 700; background: #fff; border-radius: 10rem; width:16rem; height: 16rem; display: flex; justify-content: center; align-items: center; letter-spacing: -1px; }
.allpass_info .info_txt .class_num .pl{ font-size: 3.6rem; color:#009261; padding-left: .4rem; }
.allpass_info .info_txt .class_infoTxt{ float: left; margin-left: 8rem; }
.allpass_info .info_txt .class_infoTxt li{ color:#fff; font-size: 1.4rem; padding-left: 4rem; background: url("/images/icon/icon_check.png") no-repeat left center; background-size: 2.4rem; text-align: left; line-height: 2.2; }
.allpass_info .img_about_category_pc{ display: block; }
.allpass_info .img_about_category_mo{ display: none; }

/* about - 가격안내 박스 */
.price_about_wrap{ width:940px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; position: relative; }
.price_about_wrap > .txt { text-align: left; position: relative; }
.price_about_wrap > .txt .tit_label{ margin-bottom: 2rem; display: flex; flex-wrap: wrap; }
.price_about_wrap > .txt .tit_label li{ color:#00aa71; border: 1px solid #00aa71; padding: .6rem .8rem; margin-right: 1.2rem; font-size: 1.2rem; font-weight: 500; }
.price_about_wrap > .txt .tit { font-size: 2.2rem; font-weight: 600; letter-spacing: -1px; color:#fff; word-break: keep-all; line-height: 1.4; }
.price_about_wrap > .txt01 { order: 1; }
.price_about_wrap > .txt01 .tit { width:50rem; }
.price_about_wrap > .txt02 { order: 2; }
.price_about_wrap > .txt02 .tit_ul{ margin-bottom: 2rem; }
.price_about_wrap > .txt02 .tit_ul li{width:50rem; font-size: 1.4rem; font-weight: 400; color:#eee; word-break: keep-all; line-height: 2; padding-left: 3.4rem; background: url("/images/icon/icon_check.png") no-repeat left .3rem; background-size: 2.4rem; }
.price_about_wrap > .txt02 .tit { width:50rem; font-size: 1.4rem; font-weight: 400; color:#eee; word-break: keep-all; padding-left: 3.4rem; }


/* about - 그래프 */
.price_about_wrap .graph_box{ position: relative; display: flex; width: 40rem; height: 16rem; align-items: flex-end; order: 3; }
/* 그래프 */
.price_about_wrap .graph_box .graph_pr01{ position: absolute; left: -1.8rem; bottom: 10rem; border-radius: 0.4rem; width: 11rem; height: 3.6rem; line-height: 3.4rem; font-size: 1.5rem; font-weight: 700; background: #00aa71; border: 1px solid #00aa71; color: #fff; text-align: center; /*opacity: 0;*/ content: ""; }
.price_about_wrap .graph_box .graph_pr01:after { position: absolute; left: calc(50% - 1rem); bottom: -0.9rem; border: 1rem solid transparent; border-top-color: inherit; border-bottom: 0; width: 0; height: 0; content: ""; }
.price_about_wrap .graph_box .graph_pr02{ position: absolute; left: 11.5rem; bottom: 15rem; border-radius: 0.4rem; width: 11rem; height: 3.6rem; line-height: 3.4rem; font-size: 1.5rem; font-weight: 400; background: #555; color: #fff; text-align: center; /*opacity: 0;*/ content: ""; }
.price_about_wrap .graph_box .graph_pr03{ position: absolute; left: 24.5rem; bottom: 22rem; border-radius: 0.4rem; width: 11rem; height: 3.6rem; line-height: 3.4rem; font-size: 1.5rem; font-weight: 400; background: #555; color: #fff; text-align: center; /*opacity: 0;*/ content: ""; }
.price_about_wrap .graph_box .graph_nm01{ position: absolute; left: -1.2rem; bottom: -3.6rem; width: 10rem; font-size: 1.5rem; font-weight: 500; color: #fff; text-align: center; line-height: 1.2; }
.price_about_wrap .graph_box .graph_nm02{ position: absolute; left: 12rem; bottom: -3.6rem; width: 10rem; font-size: 1.5rem; font-weight: 500; color: #aaa; text-align: center; line-height: 1.2; }
.price_about_wrap .graph_box .graph_nm03{ position: absolute; left: 25rem; bottom: -3.6rem; width: 10rem; font-size: 1.5rem; font-weight: 500; color: #aaa; text-align: center; line-height: 1.2; }
.price_about_wrap .graph_box .graph_bar{ margin-right: 5rem; border-radius: 5rem 5rem 0 0; box-sizing: border-box; background: #555; /*opacity: 0;*/ }
.price_about_wrap .graph_box .graph_bar:nth-child(7){ width:8rem; height: 7rem; background: #00aa71; }
.price_about_wrap .graph_box .graph_bar:nth-child(8){ width:8rem; height: 13rem; }
.price_about_wrap .graph_box .graph_bar:nth-child(9){ width:8rem; height: 20rem; }
.price_about_wrap .graph_box .graph_bar:last-child{ margin-right: 0; }
/* about - 그래프-애니메이션 */
.graph_ani .graph_pr01{ animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
/* about - value*/
.about_h3{ margin: 3rem 0 0 0 !important; }
.value_box{ margin-bottom: 8rem; }
.value_box:last-child{ margin-bottom: 0; }



/* 카테고리 */
.category_top{ width:1200px; margin:0 auto; padding-top: .8rem; }
.category_top_mo{ display: none;}
/* 카테고리 - 탭 */
.category_tab{ display: flex; justify-content: center; }
.category_tab li{ width:25%; text-align: center; margin: 0 .4rem; }
.category_tab li a{ font-size: 1.6rem; font-weight: 500; color:#fff; background: #333; display: block; height: 4.5rem; line-height: 4.5rem; }
.category_tab li a.on{ background: #009261; }
.category_tab li a:hover { opacity: .9; }

/* 카테고리 / 온라인 클래스 */
.category_list{ width:100%; margin-top:6rem; }
.category_in_box{ width:1200px; padding: 8rem 0 5rem 0; margin: 0 auto; position: relative; }
.category_in_box h2{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #fff; margin-bottom: 2rem; }
.category_list_mo{ display: none; }

/* 카테고리 / 온라인 클래스 */
/* 커밍순 */
.cate_coming_list{ width:100%; margin-top:6rem; }
.cate_coming_list .bx-wrapper .bx-viewport{ z-index: 50; }
.cate_coming_list .bx-wrapper .bx-pager{ display: none; }

/* 커밍순 / 이미지 */
.cate_coming_list{ position: relative; display: block;}
.cate_coming_list a{ display: block; }
.cate_coming_list .class_img { width: 580px; height: 400px; border-radius: 1rem; opacity:.9; background-position: center !important; }
.cate_coming_list .class_img:hover { opacity: .8; } 
.cate_coming_list .img01 { background: url('/images/img/img_coming01.jpg') no-repeat 0 0; background-size: cover; }
.cate_coming_list .img02 { background: url('/images/img/img_coming02.jpg') no-repeat 0 0; background-size: cover; }

/* 커밍순 / 텍스트 */
.cate_coming_list .ic_coming { position: absolute; align-items: center; box-sizing: border-box; height: 2.4rem; line-height: 2.4rem; padding: 0 1rem; font-size: 1.2rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #000; background: #fff; border-radius: 5rem; top:1rem; left: 1rem; z-index: 100; }
.cate_coming_list .btn_classNotice { display: block; width: 14.6rem; position: absolute; box-sizing: border-box;padding: 1.4rem 0; font-size: 1.5rem; font-weight: 500; color: #000; background: #fff; opacity: .9; bottom:2rem; right: 3rem; z-index: 100; border: none; }
.cate_coming_list .btn_classCom { display: block; width: 14.6rem; position: absolute; box-sizing: border-box;padding: 1.4rem 0; font-size: 1.5rem; font-weight: 500; color: #fff; background: #333; opacity: .9; bottom:2rem; right: 3rem; z-index: 100; border: none; }
.cate_coming_list .class_tt{ position: absolute; left:3rem; bottom: 2rem; z-index: 100; width: 62%; }
.cate_coming_list .class_tt p{ color: #fff; font-size: 1.8rem; font-weight: 700; max-height: 5rem; line-height: 1.4; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; text-shadow: 0 0 4px #000; }
.cate_coming_list .class_tt p.name{ color: #fff; font-size: 1.5rem; margin-top: .6rem; }
.coming_mo { display: none; }

/* 인기/신규 */
/* 온라인 클래스 - 이미지 */
.cate_best_list{ width:100%; height: 490px; margin-top:6rem; }
.cate_best_list a{ display: block; }
.cate_best_list .class_img { width:380px; height: 270px; border-radius: 1rem; background-position: center !important; }
.cate_best_list .class_img:hover { opacity: .9; } 
.cate_best_list .img01 { background: url('/images/img/on_class01.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img02 { background: url('/images/img/on_class02.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img03 { background: url('/images/img/on_class03.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img04 { background: url('/images/img/on_class04.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img05 { background: url('/images/img/on_class05.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img06 { background: url('/images/img/on_class06.jpg') no-repeat 0 0; background-size: cover; }
.cate_best_list .img07 { background: url('/images/img/on_class07.jpg') no-repeat 0 0; background-size: cover; }

/* 온라인 클래스 - 텍스트 */
.cate_best_list .ic_top { position: absolute; z-index: 50; margin:1rem 0 0 1rem;  }
.cate_best_list .ic_top .tab{ float: left; display: flex; align-items: center; box-sizing: border-box; height: 2.2rem; padding: 0 1.4rem 0.1rem 1.4rem; font-size: 1.2rem; font-weight: 400; color:#fff; background: #000; border-radius: 5rem; }
.cate_best_list .ic_top li:nth-child(+2) { margin-left: 0.4rem; }
.cate_best_list .class_txt_box{ width: 100%; margin-top: 1.2rem; position: relative; }
.cate_best_list .class_tt{ width:65%; }
.cate_best_list .class_tt p{ color: #fff; font-size: 1.6rem; font-weight: 700; max-height: 5rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.cate_best_list .class_tt p.name{ color: #999; font-size: 1.4rem; margin-top: .6rem; }
.cate_best_list .category { position: absolute; right: 0; top: 0; display: flex; align-items: center; box-sizing: border-box; height: 1.9rem; padding: .2rem .7rem; font-size: 1.2rem; font-weight: 400; color:#fff; border-radius: 5rem; border:1px solid #999; }
.cate_best_list .tag{ margin-top: 1.4rem; }
.cate_best_list .tag li{ display: inline-block; align-items: center; box-sizing: border-box; padding: 0.1rem 0.5rem; height: 1.9rem; line-height: 1.6rem; font-size: 1.2rem; font-weight: 400; color:#ddd; background: #444; border-radius: 5rem; margin: .2rem .5rem .2rem 0; }
.best_pc .bx-wrapper .bx-controls-direction a{ top:36%; }
.best_pc .bx-wrapper .bx-pager { bottom: -40px; }
.best_mo { display: none; }

/* 카테고리 / 온라인 클래스 - 실무집중 */
.cate_cont_wrap .cate_cont01{ width:100%; display: inline-block; }
.cate_cont_wrap .cate_cont01 > li{ float: left; position: relative; width: 282px; margin-right: 24px; }
.cate_cont_wrap .cate_cont01 > li a{ display: block; }
.cate_cont_wrap .cate_cont01 > li:last-child{ margin-right: 0; }
.cate_cont_wrap .cate_cont01 > li img{ border-radius: 1rem; width: 282px; height: 376px; object-fit: cover; }
.cate_cont_wrap .cate_cont01 > li img:hover{ opacity: .9;}
.cate_cont_wrap .cate_cont01 .class_txt_box{ width: 100%; margin-top: 1.2rem; position: relative; }
.cate_cont_wrap .cate_cont01 .class_tt{ width:100%; }
.cate_cont_wrap .cate_cont01 .class_tt p{ color: #fff; font-size: 1.6rem; font-weight: 700; max-height: 5rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.cate_cont_wrap .cate_cont01 .class_tt p.name{ color: #999; font-size: 1.3rem; margin-top: .6rem; }
.cate_cont_wrap .cate_cont01 .tag{ margin-top: 1.4rem; }
.cate_cont_wrap .cate_cont01 .tag li{ display: inline-block; align-items: center; box-sizing: border-box; padding: 0.1rem 0.5rem; height: 1.9rem; line-height: 1.6rem; font-size: 1.2rem; font-weight: 400; color:#ddd; background: #444; border-radius: 5rem; margin: .2rem .5rem .2rem 0; }

/* 카테고리 / 온라인 클래스 - 전체 리스트 */
.cate_list_all{ display: flex; flex-wrap: wrap; width: 100%; }
.cate_list_all > li{ display: flex; flex-direction: column; width: calc(50% - 1.2rem); height: 15rem; margin-right: 2.4rem; margin-bottom: 1.6rem; background: #222; }
.cate_list_all > li:nth-child(2n+2){ margin-right: 0; }
.cate_list_all > li a{ display: flex; width: 100%; }
.cate_list_all > li .all_img { }
.cate_list_all > li .all_img img{ width:15rem; height: 15rem; object-fit: cover; object-position: top; } 
.cate_list_all > li .all_txt_box { display: flex; flex-direction: column; justify-content: space-between; /*width: 100%;*/ height: 15rem; box-sizing: border-box; padding: 2.4rem 3rem; word-break: keep-all; }
.cate_list_all > li .all_txt_box p{ font-size: 1.4rem; color:#fff; }
.cate_list_all > li .all_txt_box .all_ic_top { display: inline-block; padding: 0 1.4rem; margin-right: .6rem; font-size: 1.2rem; font-weight: 400; color: #fff; background: #009261; border-radius: 5rem; vertical-align: 2px; height: 2.2rem; line-height: 2.1rem; }
.cate_list_all > li .all_txt_box .all_ic_top.res02 { background: #000 !important; color:#fff !important; border:1px solid #000 !important;}
.cate_list_all > li .all_txt_box .all_ic_top.res03 { background: #fff !important; color:#333 !important; border:1px solid #000 !important;}
.cate_list_all > li .all_txt_box .class_tt { width:100%; }
.cate_list_all > li .all_txt_box .tt{ font-size: 1.6rem; font-weight: 700; line-height: 1.6; max-height: 5rem; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.cate_list_all > li .all_txt_box .name_box li:last-child{ margin-top: 1rem; }
.cate_list_all > li .all_txt_box .name_box .name{ color: #999; font-size: 1.3rem; font-weight: 700; margin-top: 1rem; display: block; line-height:1.3;}
.cate_list_all > li .all_txt_box .name_box .tag{ display: inline-block; align-items: center; box-sizing: border-box; padding: 0.1rem 0.5rem; height: 1.9rem; line-height: 1.6rem; font-size: 1.2rem; font-weight: 400; color: #ddd; background: #555; border-radius: 5rem; min-width: 5.6rem; text-align: center; }

/* 카테고리 / 오프라인 클래스 */
.cate_off_list > .class_offline_wrap { width:1200px; margin: 0 auto; margin-top:16rem; position: relative; }
.cate_off_list > .class_offline_wrap h2{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700;
  color: #fff; margin-bottom: 2rem; text-align: center; }
.cate_off_list > .offline_cont_wrap{ width:100%; overflow: hidden;}
.cate_off_list > .offline_cont_wrap .offline_cont { display: flex; flex-wrap: wrap; }
.cate_off_list > .offline_cont_wrap .offline_cont li{ position: relative;  width: calc(25% - 1.8rem); margin-right: 2.4rem; }
.cate_off_list > .offline_cont_wrap .offline_cont li:nth-child(4n+4){ margin-right: 0; }
.cate_off_list > .offline_cont_wrap .offline_cont li:nth-child(n+5){ margin-top: 5rem; }
.cate_off_list > .offline_cont_wrap .offline_cont li a{ display: block; position:relative; transition-property: all; transition-duration: .4s; transition-timing-function: ease-in-out; }
.cate_off_list > .cate_off_list > .offline_cont_wrap .offline_cont li a:hover{ margin-top: -1rem; transition-property: all; transition-duration: .4s; transition-timing-function: ease-in-out; }
.cate_off_list > .offline_cont_wrap .offline_cont li img{ border-radius: 1rem; opacity: .8; width: 282px; height: 282px; object-fit: cover; }

/* 오프라인 클래스 - 텍스트 */
.cate_off_list > .offline_cont_wrap .offline_cont .ic_res{ display: flex; align-items: center; box-sizing: border-box; height: 2.2rem; top:0; margin:1rem 0 0 1rem; padding: 0 0.8rem; position: absolute; z-index: 50; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; width: 6.5rem; justify-content: center; }
.cate_off_list > .offline_cont_wrap .offline_cont .res01{ background: #00593b; }
.cate_off_list > .offline_cont_wrap .offline_cont .res02{ background: #000; }
.cate_off_list > .offline_cont_wrap .offline_cont .txt{ width: 100%; text-align: center; padding-top: 11rem; position: absolute; z-index: 50; }
.cate_off_list > .offline_cont_wrap .offline_cont .txt p{ color:#fff; font-size: 1.8rem; font-weight: 500; text-shadow: 0 0 .5rem #666; }
.cate_off_list > .offline_cont_wrap .offline_cont .txt p.time{ font-size: 2.4rem; font-weight: 700; margin-top: .8rem; }
.cate_off_list > .offline_cont_wrap .offline_cont .class_tt{ margin-top: 1.2rem; }
.cate_off_list > .offline_cont_wrap .offline_cont .class_tt p{ color: #fff; font-size: 1.6rem; font-weight: 700; max-height: 4.3rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.cate_off_list > .offline_cont_wrap .offline_cont .class_tt p.name{ color: #999; font-size: 1.4rem; margin-top: .6rem; }

.classPage .off_img_box { width: 740px; margin: 0 auto; }
.classPage .off_img_box img{ width:740px; height: auto; margin-bottom: .6rem; }

.classPage .off_img_benefit { width: 648px; margin: 0 auto; }
.classPage .off_img_benefit img{ width:100%; height: auto; }

.img_classStep_mo{ display: none; }

.classPage .off_photo_box { width: 740px; margin: 0 auto; }
.classPage .off_photo_box img{ width:740px; height: auto; margin-bottom: .6rem; }

/* 공통 - h2 오른쪽 상단 more 버튼 */
.bottom_btn_more{ margin-top: 5rem; position: relative;}
.bottom_btn_more a{ display: block; margin: 0 auto; font-size: 1.6rem; color:#fff; font-weight: 400; font-family: Montserrat,'Noto Sans KR',sans-serif; text-align: center; }
.bottom_btn_more a:hover{ opacity: .8; }
.bottom_btn_more a::after{ background: url('/images/btn/btn_more_arrow_01.png') 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width:1.6rem; height: 1.6rem; margin-left: .6rem; }

.bx-wrapper { max-width: 100% !important;}
.bx-controls-direction .disabled{ display: none !important; }/*배너5개 이하 화살표 숨김*/
.bx-controls-direction .slick-disabled{ display: none !important; }/*배너5개 이하 화살표 숨김*/

/* 상단 탭 아이콘 */
.ic_top { position: absolute; z-index: 20; margin:1rem 0 0 1rem;  }
.ic_top .tab{ float: left; display: flex; align-items: center; box-sizing: border-box; height: 2.2rem; padding: 0 1.4rem 0.1rem 1.4rem; font-size: 1.2rem; font-weight: 400; color:#fff; background: #000; border-radius: 5rem; }
.ic_top li:nth-child(+2) { margin-left: .4rem; }
.ic_top li:nth-child(+3) { margin-left: .4rem; }
.ic_top .tab.tab03 { background: #fff !important; color:#333 !important; border:1px solid #000 !important;}


/* 클래스 상세 페이지 - 상단 타이틀 영역 */
.onlineClass_de_page { width:100%; margin:0 auto; }
.dePage_title_box{ margin-bottom: 8rem; position: relative; }
.dePage_title_box .title_con{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 70rem; background-color: #000; margin:0; }
.dePage_title_box .title_con .class_top_img{ position: absolute; top: 0; z-index: 10; }
.dePage_title_box .title_con .class_top_img .top_inner{ position: relative;}
.dePage_title_box .title_con .class_top_img .top_inner .img_mo{ display: none;}
/* .dePage_title_box .title_con .class_top_img .bg_gr{ background: linear-gradient(to top, rgb(0, 0, 0) 0px, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0) 45%) center center no-repeat;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } */
.dePage_title_box .title_con .class_top_img .bg_gr{ background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.1) 20%);  position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.dePage_title_box .title_con .class_top_img img{ max-width: none; width: 100%; height: 100%; }

.dePage_title_box .title_con .class_top_tt{ position: relative; z-index: 10; padding:0 1.6rem; text-align: center; }
.dePage_title_box .title_con .class_top_tt h3{ color:#fff; font-size: 3.6rem; line-height: 1.3; word-break: keep-all; letter-spacing: -1px; text-shadow: 0px 2px 5px #333; }
.dePage_title_box .title_con .class_top_tt h4{ color:#ddd; font-size: 2.2rem; font-weight: 600; line-height: 1.3; word-break: keep-all; text-shadow: 0px 2px 5px #000; }

.dePage_title_box .title_con .class_top_tt .top_link_btn{ margin-top: 3rem; }
.dePage_title_box .title_con .class_top_tt .top_link_btn a{ padding: 1rem 3rem; display: inline-block; }
.dePage_title_box .title_con .class_top_tt .top_link_btn a span{ color:#fff; font-size: 1.3rem; display: block; }
.dePage_title_box .title_con .class_top_tt .top_link_btn a span:hover{ text-decoration: underline; opacity: .9; } 
.dePage_title_box .title_con .class_top_tt .top_link_btn a img{ width: 3.2rem; margin-bottom: 1.2rem; }

/* 할인 진행시 */
.dePage_title_box .info_con{ width:1200px; display: flex; flex-direction: row; justify-content: center; margin: 0 auto; padding-top: 8rem; }
.dePage_title_box .info_con li{ width:35rem; background: #222; padding:2.6rem; box-sizing: border-box; margin: 0 1rem; height: 22rem; }
.dePage_title_box .info_con li p{ color:#aaa; font-size: 1.4rem; text-align: center; line-height: 1.4; }
.dePage_title_box .info_con li .info_video{ margin-top: 1rem; }
.dePage_title_box .info_con li .info_video img{ width:4rem; }
.dePage_title_box .info_con .info_tt{ font-size: 2rem; font-weight: 700; color:#fff; margin-bottom: 1.6rem; }
.dePage_title_box .info_con .time{ font-size: 1.8rem; font-weight: 600; color:#00aa71; }
.dePage_title_box .info_con .sm_txt01 { margin-top: 1.4rem; font-size: 1.2rem !important; color:#aaa !important; }
.dePage_title_box .info_con .sm_txt02 { font-size: 1.2rem !important; color:#aaa !important; }

.dePage_title_box .info_con .class_price_wrap{ display: flex; align-items: flex-start; flex-direction: column; }
.dePage_title_box .info_con .class_price_wrap .pr_tab{ margin-bottom: 1.6rem; }
.dePage_title_box .info_con .class_price_wrap .pr_tab li{ display: block; width:6rem; height: auto; padding: .6rem 0; margin: 0 .3rem !important; color:#00aa71; border:1px solid #00aa71; font-size: 1.3rem; text-align: center; float: left; }
.dePage_title_box .info_con .class_price_wrap .pr_box{ width: 100%; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul { width:100%; display: flex; align-items: flex-end; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li{ padding: 0 1rem 0 .4rem; margin: 0; height: auto; float: left; display: flex; flex-direction: column; align-items: flex-start; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li:nth-child(1){ width:56%; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li:nth-child(2){ border-left: 1px solid #555; width:44%; padding: 0 0 0 1.2rem; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li > p{ color:#fff; font-size: 1.3rem; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li > p .pr_or{ font-size: 1.3rem; color:#aaa; text-decoration: line-through; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li > p .txt_gr01{ font-size: 1.3rem; font-weight: 500; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li > p .txt_red{ font-size: 1.3rem; letter-spacing: .5px; font-weight: 500; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li .pr_fr{ color:#fff; font-size: 2.1rem; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li .pr_fr_b{ color:#fff; font-size: 2.1rem; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li .pr_fr .num{ color:#fff; font-size: 2.4rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; }
.dePage_title_box .info_con .class_price_wrap .pr_box > ul > li .pr_fr_b .num_b{ color:#fff; font-size: 2.4rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; }
.dePage_title_box .info_con .class_price_wrap .btn_buy_top{ font-size: 1.5rem; font-weight: 500; color: #fff; background: #009261; border-radius: .5rem; width: 100%; display: block; text-align: center; height: 4.2rem; line-height: 4.2rem; margin-top: 1.4rem; }

.separator{ margin: 2.4rem 0; width: 3.2rem; display: inline-block; background: #fff; height: 0.4rem; }
.txt_en{ font-size: 2rem; font-family: Montserrat,'Noto Sans KR',sans-serif; }

/* 할인 진행 안할시 */
.dePage_title_box .info_con .class_price_wrap .ul_disNo{ justify-content: center; }
.dePage_title_box .info_con .class_price_wrap .ul_disNo li{ padding: 0 !important; align-items: center !important; }

/* 3 컬럼 */
.dePage_title_box.col_three .info_con {padding-top: 2rem; }
.dePage_title_box.col_three .info_con li { height: auto; padding:1.6rem 2rem 1rem 2rem ; }
.class_info { clear:both; margin: 0.9rem 0px 0 0; }
.class_info dt { float:left; margin-right: 0.8rem; display: inline-block; min-width: 5rem; font-weight: normal; color: #aaa !important; font-size: 1.3rem; line-height:2.3; }
.class_info dd { float:left; margin-right: 0.8rem; min-width: 7.5rem; font-size: 1.3rem; color: #fff !important; font-weight: 700; line-height:2.3;  }

.coupon_list_info {margin: 0.6rem 0px; position:relative;  text-align:center; -ms-flex-pack: center !important;  justify-content: center !important; }
.coupon_list_info:nth-child(2) { border-left: 1px solid #444; padding-left:17px; margin-left:17px; }
.coupon_list_info dt {font-size: 1.2rem; color: #fff !important; font-weight:300; display:block; line-height:150%; width:100%; }
.coupon_list_info dd { margin-top:10px; height:30px; font-size: 1.2rem; color: #fff !important; display:block; line-height:150%; width:100%; -ms-flex-align: center !important; align-items: center !important; vertical-align: middle !important; }
.coupon_list_info dd span { display:inline-block; padding:3px 10px; line-height:20px; border-left:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; border-right:1px dashed #fff; border-radius:4px; font-size: 1.3rem !important; color: #fff !important; }
.coupon_list_info dd .bi {display:inline-block; padding:3px 7px; line-height:20px; border-right:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; border-radius:4px; font-size: 1.3rem !important; color: #fff !important; }

@media screen and (max-width: 960px) { 
	.d-flex.m-vertical {display: block !important; flex-direction:row; }
	.m-vertical .coupon_list_info { width:100%; display:block; margin:0px; margin-bottom:10px; position:relative;  text-align:center; -ms-flex-pack: center !important;  justify-content: center !important;  }
	.m-vertical .coupon_list_info:nth-child(2) { width:100%; display:block; border-top: 1px solid #444; border-left: 0px solid #444;padding-left:0px; margin-left:0px; margin-top:20px; padding-top:10px;}
	.m-vertical .coupon_list_info dt {font-size: 1.17rem; color: #fff !important; font-weight:300; display:inline-block; line-height:150%; width:calc(100% - 87px); float:left; text-align:left; padding-top:7px; letter-spacing:-1px; }
	.m-vertical .coupon_list_info dd { margin-top:10px; height:30px; font-size: 1.1rem; color: #fff !important; display:inline-block;  line-height:150%; width:87px; }
	.m-vertical .coupon_list_info dd span { display:inline-block; padding:3px 7px; line-height:20px; border-left:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; border-right:1px dashed #fff; border-radius:4px; font-size: 1.2rem !important; color: #fff !important;   }
	.m-vertical .coupon_list_info dd .bi {display:inline-block; padding:3px 5px; line-height:20px; border-right:2px solid #fff; border-top:2px solid #fff; border-bottom:2px solid #fff; border-radius:4px; font-size: 1.2rem !important; color: #fff !important; }
	.classPage .schedule_box li .sc_con .m-vertical .coupon_list_info .txt_red { display: inline-block; }
}

.coupon-list {position:relative; display:block; margin-bottom: 1.2rem; transition: all 0.2s ease 0s; line-height:2.0rem;}
.coupon-list em { font-weight: 700 !important; color:#009261; display:block; margin-bottom:3px; line-height:20px; font-style: normal; font-size:17px !important; }
.coupon-list em img {vertical-align: middle !important; margin-right:5px; }
.coupon-list strong { font-weight: 700; color:#000; display:block; font-size:13px !important; }
.coupon-list span { color:#333; font-size:12px !important; }
.coupon-list .bi {display:inline-block; background-color:#00aa71; height:46px; width:calc(16% - 16px) ;  padding:32px 7px 8px 7px; line-height:20px; border-right:1px solid #00aa71; border-top:1px solid #00aa71; border-bottom:1px solid #00aa71; border-top-left-radius:10px; border-bottom-left-radius:10px; font-size: 2.4rem; color: #fff !important; text-align:center; }
.coupon-list .coupon-box {display:inline-block; float:left; width:calc(84% - 26px) ; height:66px; padding: 12px 12px 8px 12px; line-height:20px; border-left:1px solid #00aa71; border-top:1px solid #00aa71; border-bottom:1px solid #00aa71; border-right:1.5px dashed #00aa71; border-top-right-radius:10px; border-bottom-right-radius:10px; background-color:#ffffeb; text-align:left; }
.coupon-list.download {background-color:#555;}
.coupon-list.download .coupon-box { border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px dashed #ddd; background-color:transparent; }
.coupon-list.download .bi { background-color:transparent; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size: 2rem; font-weight:300; color: #ddd !important; }
.coupon-list.download strong {color:#ddd;}
.coupon-list.download span {color:#ddd;}

.coupon-list-s {position:relative; display:block; display: -ms-flexbox !important;  display: flex !important;  -ms-flex-align: center !important;  align-items: center !important; margin-bottom: 0.7rem; transition: all 0.2s ease 0s; line-height:2.0rem;  height:92px; background-color:#fff; border-left:48px solid #00aa71; border-top:4px solid #00aa71; border-bottom:4px solid #00aa71; border-right:4px solid #00aa71;  }
.coupon-list-s .coupon-box {display:inline-block; float:left; width:calc(100% - 67px) ; padding: 0px 5px 0px 12px; line-height:20px; text-align:left; }
.coupon-list-s figure {position:absolute; margin:0; top:30px; left:-42px; display:inline-block; }
.coupon-list-s figure img { width:37px; opacity: 0.3; }
.coupon-list-s em { font-weight: 700 !important; color:#00aa71; display:block; margin-bottom:3px; line-height:20px; font-style: normal; font-size:18px !important; }
.coupon-list-s em img {vertical-align: middle !important; margin-right:5px; }
.coupon-list-s strong { font-weight: 700; color:#000; display:block; font-size:13px !important; letter-spacing:-0.7px; line-height:17px; }
.coupon-list-s span { color:#777; font-size:12px !important; }
.coupon-list-s .icon {display:inline-block; line-height:20px; text-align:center; width:42px; height:32px; padding-top:10px; background-color:#00aa71; border-radius:500px; text-align:center; color:#fff; font-size:9px; letter-spacing:-1px; }
.coupon-list-s .icon .bi { font-size: 2.2rem; display:inline-block; color:#fff;}

.coupon-list-s.download {background-color:#fff; border-left:48px solid #555; border-top:4px solid #555; border-bottom:4px solid #555; border-right:4px solid #555; }
.coupon-list-s.download em {color:#555;}
.coupon-list-s.download strong {color:#555;}
.coupon-list-s.download .icon { background-color:#999; font-size:2.7rem; }
.coupon-list-s.download .icon .bi { font-size: 2.5rem; font-weight:700; } 

.coupon-list-s.used {background-color:#fff; border-left:48px solid #aaa; border-top:4px solid #aaa; border-bottom:4px solid #aaa; border-right:4px solid #aaa; }
.coupon-list-s.used em {color:#ccc;}
.coupon-list-s.used strong {color:#ccc;}
.coupon-list-s.used span { color:#ccc;}
.coupon-list-s.used .icon { background-color:#ccc; }

.coupon-list-s.own {background-color:#fff; border-left:48px solid #fc8b74; border-top:4px solid #fc8b74; border-bottom:4px solid #fc8b74; border-right:4px solid #fc8b74; }
.coupon-list-s.own em {color:#fc8b74;}
.coupon-list-s.download strong {color:#555;}
.coupon-list-s.own .icon { background-color:#fc8b74; }

div::-webkit-scrollbar { width: 0.7rem; height:0.7rem;}
div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.1);}
div::-webkit-scrollbar-thumb { background-color: #333; outline: 0px solid slategrey;}


.coupon_info {margin: 0.6rem 0px; position:relative; }
.coupon_info dt { float:left; position:relative; margin-right: 0.8rem; display: inline-block; width: 10rem; font-weight: 700; color: #fff !important; font-size: 1.3rem; line-height:2.7; }
.coupon_info dd { font-size: 1.3rem !important; color: #fff !important; font-weight: 700; line-height:2.7;  }
.coupon_info dd span {font-size: 1.3rem !important;}
.coupon_info_line { content:""; height:.1rem; background:transparent url("data:image/svg+xml,%3Csvg width='178' height='2' viewBox='0 0 178 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Ccircle cx='1' cy='1' r='3' fill='white'/%3E%3Ccircle cx='9' cy='1' r='3' fill='white'/%3E%3Ccircle cx='17' cy='1' r='3' fill='white'/%3E%3Ccircle cx='25' cy='1' r='3' fill='white'/%3E%3Ccircle cx='33' cy='1' r='3' fill='white'/%3E%3Ccircle cx='41' cy='1' r='3' fill='white'/%3E%3Ccircle cx='49' cy='1' r='3' fill='white'/%3E%3Ccircle cx='57' cy='1' r='3' fill='white'/%3E%3Ccircle cx='65' cy='1' r='3' fill='white'/%3E%3Ccircle cx='73' cy='1' r='3' fill='white'/%3E%3Ccircle cx='81' cy='1' r='3' fill='white'/%3E%3Ccircle cx='89' cy='1' r='3' fill='white'/%3E%3Ccircle cx='97' cy='1' r='3' fill='white'/%3E%3Ccircle cx='105' cy='1' r='3' fill='white'/%3E%3Ccircle cx='113' cy='1' r='3' fill='white'/%3E%3Ccircle cx='121' cy='1' r='3' fill='white'/%3E%3Ccircle cx='129' cy='1' r='3' fill='white'/%3E%3Ccircle cx='137' cy='1' r='3' fill='white'/%3E%3Ccircle cx='145' cy='1' r='3' fill='white'/%3E%3Ccircle cx='153' cy='1' r='3' fill='white'/%3E%3Ccircle cx='161' cy='1' r='3' fill='white'/%3E%3Ccircle cx='169' cy='1' r='3' fill='white'/%3E%3Ccircle cx='177' cy='1' r='3' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")}
.coupon_chevron {float:right; right:10px; color:#fff !important; margin-top:5px;}
.coupon_chevron .bi {color:#fff !important; font-size:11px; } 
@media screen and (max-width: 960px) { 
	.dePage_title_box.col_three .info_con li { padding:1.2rem 1.2rem 1.2rem 1.2rem ; }
	.class_info dt { margin-right: 0.5rem; min-width: 4rem; }
	.class_info dd { margin-right: 0.5rem; min-width: 7rem; font-size: 1.3rem; color: #fff !important; font-weight: 700; line-height:2.3;  }
	.coupon_chevron {margin-top:0px; }
	.coupon_chevron .bi {color:#fff !important; font-size:13px;} 
}
.sc_con {text-align:left;} 
.sc_con .coupon_info {clear:both; width:330px !important; text-align:left; }
.sc_con .coupon_info dt {font-size: 1.5rem;}
.sc_con .coupon_info dd {font-size: 1.5rem !important;}
.sc_con .coupon_info dd span {font-size: 1.5rem !important;}
.classPage .schedule_box li div.sc_con{ font-size: 1.5rem; font-weight: 500; color:#fff; text-align: left; line-height: 1.6; width: 80%; padding-right: 4rem; }
@media screen and (max-width: 960px) { 
	.sc_con .coupon_info {clear:both; width:auto !important; text-align:left; }
	.classPage .schedule_box li div.sc_con{ font-size: 1.3rem; font-weight: 500; color:#fff; text-align: left; line-height: 1.6; width: 80%; padding-right: 0rem; }
	.sc_con .coupon_info dt {font-size: 1.3rem; margin-right: 0.1rem; display: inline-block; min-width: 3rem; width: 9rem; }
	.sc_con .coupon_info dd {font-size: 1.3rem !important;  margin-right: 0.1rem; min-width: 3rem; }
	.sc_con .coupon_info dd span {font-size:1.3rem !important;}
	.classPage .schedule_box li .sc_con .coupon_info .txt_red {display: inline-block;}
    
}
.layerwrap {position:relative; }
	.layer-pop {position:absolute; z-index:7777; background: #333;  padding: 1.5rem 1rem 1rem 1.6rem; margin-top:-1px;	top:0;	left:0;	box-shadow: 0 3px 5px rgba(0, 0, 0, .2); transition: transform .3s ease-out; text-align:left;  }
	.layer-pop-header {display: flex; flex-direction: column-reverse; width: 100%; padding-bottom:15px;}
	.layer-pop-header h5 {font-size:12px !important; color:#fff !important; font-weight:700;}
	.layer-pop-close {position: absolute; top:15px; right: 15px; width: fit-content; height: fit-content; transition: all 0.4s ease 0s; }
		.layer-pop-close .bi {color:#aaa !important; display:inline-block; width:11px; height:11px; font-size:11px; line-height:11px;  }
		.layer-pop-close:hover .bi { transform: rotate(-180deg); transition: transform 0.2s ease-in-out; }
	.layer-pop-body {padding:0 7px 0 0; height:200px; overflow-y:auto; }
			.layer-pop-body::-webkit-scrollbar { width: 0.7rem; height:0.7rem;}
			.layer-pop-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.1);}
			.layer-pop-body::-webkit-scrollbar-thumb { background-color: #333; outline: 0px solid slategrey;}
		.layer-pop-coupon-list {position:relative; display:block; border: 1px solid #555; margin-bottom: 1.2rem; border-radius: 0.5rem; padding: 0.8rem 1.6rem 0.8rem 1.2rem; transition: all 0.2s ease 0s; line-height:2.0rem;}
		.layer-pop-coupon-list em { font-weight: 700 !important; color:#fff; display:block; font-style: normal; font-size:12px !important; }
		.layer-pop-coupon-list strong { font-weight: 700; color:#fff; display:block; font-size:12px !important; }
		.layer-pop-coupon-list span { color:#aaa; display:block; font-size:12px !important; }
		.layer-pop-coupon-list i {position:absolute; right:12px; top:24px; color:#fff; font-size:24px !important; }
		.layer-pop-coupon-list.download {background-color:#555;}
	.layer-pop-footer {padding:10px 0 5px 0;}
		.coupon-noti {font-size: 1.2rem !important; color:#999; line-height:1.5; }
@media screen and (max-width: 960px) { 
	.layer-pop {position: fixed; top: 0px; left: 0px; width: calc(100% - 5rem); height:100%; background: #000; overflow-y: scroll; padding: 2.5rem 2.5rem 2rem 2.5rem; margin-top:60px; }
	.layer-pop-header h5 {font-size:17px !important; margin-top:10px;}
	.layer-pop-close {position: absolute; top:15px; right: 16px; width: fit-content; height: fit-content; transition: all 0.4s ease 0s; }
	.layer-pop-close .bi {color:#aaa !important; display:inline-block; width:15px; height:15px; font-size:15px; line-height:15px;  }
	.layer-pop-body {padding:0 0 5px 0; height:auto; max-height:calc(100vh - 295px); }
	.layer-pop-footer {padding:5px 0 85px 0;}
}
   
/* 구매하기 후 강의수강하기 버튼 노출 */
.btn_takeClass { padding-top: 2rem; }
.btn_takeClass a{ margin: 0 auto; font-size: 1.5rem; font-weight: 500; color: #fff; background: #009261; border-radius: .5rem; width: 26rem; display: block; text-align: center; height: 4.6rem; line-height: 4.6rem; }
.btn_takeClass a:hover{ opacity: .9; }
.btn_takeClass.end a{ color: #fff; background: #999; }


/* 클래스 상세 페이지 - 컨텐츠 영역 */
.dePage_content_box { text-align: center; color:#fff; }
.sticky { position: sticky; top: 7rem; width: 100%; }

/* 클래스 상세 페이지 - 탭 */
.dePage_content_box .tabmenu_classPage { width:100%; display: flex; justify-content: center; background: #000; z-index: 700; }
.dePage_content_box .tabmenu_classPage li { position:relative; text-align: center; z-index:999; }
.dePage_content_box .tabmenu_classPage a { color:#aaa; float: left; border: none; cursor: pointer; padding: 2rem 3rem; font-size: 1.6rem; font-weight: 700; box-sizing: border-box; }
.dePage_content_box .tabmenu_classPage li.on a{ color:#fff !important; border-bottom:3px solid #00aa71; }
.dePage_content_box .tabmenu_classPage li.active a{ color:#fff !important; border-bottom:3px solid #00aa71; }
.dePage_content_box .tabmenu_classPage li a:hover{ color:#fff !important; border-bottom:3px solid transparent; }
.dePage_content_box .tabmenu_classPage li.on a:hover{ border-bottom:3px solid #00aa71 !important; }
.dePage_content_box .tabmenu_classPage li.active a:hover{ color:#fff !important; border-bottom:3px solid #00aa71;  }

#tabContent{ display: inline-block; width: 100%; }
.tab_div_classPage .tab_1 {display:block;}
.tab_div_classPage .tab_2 {display:none;}
.tab_div_classPage .tab_3 {display:none;}
.tab_div_classPage .tab_4 {display:none;}

.cl_guide { position:absolute;  z-index:999; }
.cl_guide img {width:120px !important; }
.cl_guide.cl_guide_txt1 {top:-85px; left:-110px; }
.cl_guide.cl_guide_txt2 {top:-110px; left:-40px; }
.cl_guide.cl_guide_txt3 {top:-77px; left:5px; }
.cl_guide.cl_guide_txt4 {top:-127px; left:-25px; }
.cl_guide.cl_guide_txt5 {top:50px; left:-220px; }

.cl_guide_txt { width:300px; }
.cl_guide_arrow {width:20px; margin-top:15px; }
.cl_guide_info {text-align:center;  }
.scroll_cl_guide { position:fixed; top:0; left:50%; padding:470px 0; text-align:center; transform:translate(-50%); transition:all .3s; }

.cl_guide_arrow {
    animation-fill-mode: forwards;
    transition: all 0.3s ease-out 1s;
    animation-name: animation-arrow;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
@keyframes animation-arrow { 
	0%, 30%, 100% {
			transform: translateY(0px);
	}
	10% {
			transform: translateY(30px);
	}
	20% {
			transform: translateY(90px);
	}
  67% { opacity: 0.9; }
  70% { opacity: 1; }
}
@media screen and (max-width: 960px) { 
	.cl_guide img {width:94px !important; }
	.cl_guide.cl_guide_txt1 {top:-60px; left:-95px; }
	.cl_guide.cl_guide_txt2 {top:-85px; left:-50px; }
	.cl_guide.cl_guide_txt3 {top:-47px; left:3px; }
	.cl_guide.cl_guide_txt4 {top:-96px; left:-20px; }
	.cl_guide.cl_guide_txt5 {top:-20px; left:-93px; }
	.scroll_cl_guide { padding:170px 0;  }
	.cl_guide_txt { width:220px; }
	.cl_guide_arrow {width:17px; margin-top:10px; }
}

/*  클래스 상세 페이지 - 본문 */
.dePage_content_box h2{ font-size: 1.5rem; font-weight: 700; color:#00aa71; margin-bottom: 1.4rem; }
.dePage_content_box h3{ font-size: 2.6rem; font-weight: 700; color:#fff; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 3rem; word-break: keep-all; padding: 0 1rem; }
.dePage_content_box h3.en{ font-size: 2.2rem; font-family: Montserrat,'Noto Sans KR',sans-serif; letter-spacing: 0;}
.dePage_content_box h3 > .txt_gr{ font-size: 2.2rem; font-weight: 700; color:#00593b; }
.dePage_content_box h3 > .txt_gr01{ font-size: 2.2rem; font-weight: 700; }
.classPage{ width:100%; /*display: inline-block;*/ padding: 8rem 0; }
.classPage iframe {width: 72rem; height: 40rem; }
.classPage .video_box { width: 74rem; height: 40rem; margin: 0 auto; position: relative; margin-bottom: 3rem; cursor: pointer; }
.classPage .video_box button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none;  }
.classPage .video_box .video_cover{ position: absolute; width: 100%; height: 100%; }
.classPage .video_box .icon_play{ width:64px; z-index: 50; }
.classPage .video_box video{ width:740px; height: 416px; }
.classPage .video_box .video01{ background: url('/images/img/class_video_bg01.jpg') no-repeat 0 0; background-size: 100%;}
.classPage .video_box .video02{ background: url('/images/img/class_video_bg.jpg') no-repeat 0 0; background-size: 100%;}
.classPage .video_box .video_KimJungYoon{ background: url('/images/img/class_KimJungYoon_img01.jpg') no-repeat 0 0; background-size: 100%;}
.classPage .txt_sm{ font-size: 1.6rem; font-weight: 500; color:#aaa; line-height: 1.5; word-break: keep-all; }
.classPage .txt_sm_wh{ font-size: 1.6rem; font-weight: 500; color:#fff; line-height: 1.5; word-break: keep-all; }
.classPage .txt_sm_wh01{ font-size: 1.6rem; font-weight: 500; color:#fff; line-height: 1.5; word-break: keep-all; margin: -.6rem 0 3rem 0; display: inline-block; }
.classPage .img_box { margin-bottom: 3rem; }
.classPage .img_box img{ width:740px; height: 440px; }
.classPage .tt_recom{ margin-bottom: 2.4rem; }
.classPage .tt_recom span{ font-size: 1.5rem; font-weight: 700; color:#fff; display: block; }
.classPage .tt_recom .tt02{ font-size: 2rem; margin-top: 1.4rem; }
.classPage .txt_ol { list-style: decimal; margin: 0 auto; text-align: left; }
.classPage .txt_ol li{ font-size: 1.4rem; font-weight: 500; color:#ddd; line-height: 1.6; word-break: keep-all; letter-spacing: -0.5px; }

.linewrap { width:100%; /*display: inline-block;*/ padding: 1rem 0; }
.txt_nm { font-size: 1.4rem; font-weight: 500; color:#ddd; line-height: 1.6; word-break: keep-all; letter-spacing: -0.5px; }
.line_gray { margin:0 auto 20px auto; border:0; border-top: 1px solid #333; display: block; }
.line_light_gray { margin:0 auto 20px auto; border:0; border-top: 1px solid #ddd; display: block; }
.line_bg_gray_3{ width:1200px; margin: 0 auto; border-top: 1px solid #333; display: block; }
.pd0{ padding: 0 !important; }
.line_bg_gray_d{ width:1200px; margin: 0 auto; border-top: 1px solid #eee; display: block; }

@media screen and (max-width: 960px) { 
	.line_gray { margin:0 auto 10px auto; }
	.row-full h3 {font-size: 2.1rem; padding-left:16px;}
	.txt_nm { font-size: 1.3rem; padding-left:16px; letter-spacing: -0.5px; }
}

.img_box_line_wrap_pc{ display: block; }
.img_box_line_wrap_mo{ display: none; }
.classPage .img_box_line { display: flex; width: 900px; margin: 0 auto; margin-bottom: 8rem; }
.classPage .img_box_line > li .txt_de{ padding-left: 2rem; text-align: left; line-height: 1.4; box-sizing: border-box; }
.classPage .img_box_line > li .txt_de li{font-size: 1.4rem; font-weight: 500; }

.classPage .img_box_line:last-child { margin-bottom: 0; }
.classPage .img_box_line > li { text-align: center; float: left; width:33.3%; }
.classPage .img_box_line > li img{ width:280px; height: 280px; }
.classPage .img_box_line > li p{ font-size: 1.5rem; font-weight: 700; margin: 2rem 0; color:#000; }

/* 셰프에게 배우는 요리 - 롤링배너 */
.cooking_slider_wrap { display: inline-block; width: 960px; margin: 0 auto; position: relative; }
.cooking_slider_wrap .ck_slider_box { width: 100%; position: relative; }

/* 기본- 정사각형 */
.cooking_slider_wrap .ck_slider_box .ck_slider .img{ width:100%; height: 300px; position: relative; background-size: 100%; border: 1px solid #ddd; box-sizing: border-box; }
.cooking_slider_wrap .ck_slider_box .img01 { background: url('/images/img/class_KimJungYoon_ckimg01.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img02 { background: url('/images/img/class_KimJungYoon_ckimg02.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img03 { background: url('/images/img/class_KimJungYoon_ckimg03.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img04 { background: url('/images/img/class_KimJungYoon_ckimg04.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img05 { background: url('/images/img/class_KimJungYoon_ckimg05.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img06 { background: url('/images/img/class_KimJungYoon_ckimg06.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img07 { background: url('/images/img/class_KimJungYoon_ckimg07.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img08 { background: url('/images/img/class_KimJungYoon_ckimg08.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img09 { background: url('/images/img/class_KimJungYoon_ckimg09.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img10 { background: url('/images/img/class_KimJungYoon_ckimg10.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img11 { background: url('/images/img/class_KimJungYoon_ckimg11.jpg') no-repeat center top; }
.cooking_slider_wrap .ck_slider_box .img12 { background: url('/images/img/class_KimJungYoon_ckimg12.jpg') no-repeat center top; }

.cooking_slider_wrap .ck_slider_box .ck_slider{ position: relative; padding: 0 1rem; width:30rem !important; }
.cooking_slider_wrap .ck_slider_box .ck_slider .tt{ left: 0; right: 0; font-size: 1.5rem; font-weight: 600;margin: 2rem 0 6rem 0; color: #000; line-height: 1.2; }
.cooking_slider_wrap .ck_slider_box .ck_slider .class_more{ color:#fff; position: absolute; top: 11rem; width: 30rem; font-size: 1.8rem; line-height: 1.6; z-index: 100; }
.more_bg{ background: #000; opacity: .5; position: absolute; width: 100%; height: 100%; }

.cooking_slider_wrap .bx-wrapper .bx-controls { width:100%; top:36%; position:absolute; }
.cooking_slider_wrap .bx-wrapper .bx-controls-direction a { width:20px !important; height: 20px !important; z-index: 50 !important; padding: 2rem; box-sizing: border-box; border-radius: 5rem; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.3);}
.cooking_slider_wrap .bx-wrapper .bx-prev { margin-left:-2rem !important; background: #fff url('/images/btn/btn_cc_green.png') no-repeat 12px center !important; font-size: 0; float: left; }
.cooking_slider_wrap .bx-wrapper .bx-next { margin-right:-2rem !important; background: #fff url('/images/btn/btn_cc_green.png') no-repeat -50px center !important; font-size: 0; float: right;}
.cooking_slider_wrap .bx-wrapper .bx-controls-direction a:hover{ opacity: 1; }

/* 직사각형 이미지 */
.cooking_slider_wrap .ck_box_rec .rec_img01{ background: #fff url('/images/img/class_KimJungYoon_ckimg02.jpg') no-repeat center top; }

.cooking_slider_wrap .ck_box_rec .ck_slider .img { height: 200px; background-position: center !important; background-size: cover !important; }
.cooking_slider_wrap .ck_box_rec .ck_slider .class_more{ top:6rem; }
.rec_wrap .bx-wrapper .bx-controls { top: 32%; }









.classPage .point_box{ display: flex; flex-direction: row-reverse; width:900px; margin: 0 auto; padding: 1.4rem 0; }
.classPage .point_box .txt { margin-bottom: 2.4rem; padding: 1rem 0 0 2rem; width:48rem; text-align: left; }
.classPage .point_box .txt h3{ font-size: 2.4rem; font-weight: 700; color:#fff; margin-bottom: 2rem; padding: 0; }
.classPage .point_box .txt p{ font-size: 1.4rem; color:#ddd; line-height: 1.6; }
.classPage .point_box .img { width:40rem; height: 26.4rem; }
.classPage .point_box .img img{ width:100%; height: 100%; object-fit: cover; }
.classPage .img_de_box_line { display: flex; width: 900px; margin: 0 auto; margin-bottom: 6rem; }
.classPage .img_de_box_line > li { text-align: center; float: left; width:33.3%; }
.classPage .img_de_box_line > li p{ font-size: 1.5rem; font-weight: 600; margin: 2rem 0 1.6rem 0; padding: 0 1rem; box-sizing: border-box; color:#000; }
.classPage .img_de_box_line > li .txt_de{ padding-left: 2rem; text-align: left; line-height: 1.4; box-sizing: border-box; }
.classPage .img_de_box_line > li .txt_de li{font-size: 1.4rem; font-weight: 500; }


.de_bt_txt{ width:65rem; margin: 0 auto; }
.de_bt_txt > li{ font-size: 1.4rem; font-weight: 500; color:#222; line-height: 1.6; text-align: left; padding: 3rem 2rem 3rem 17rem; border-bottom:1px solid #ddd; min-height: 13.4rem; box-sizing: border-box; }
.de_bt_txt > li:first-child{ border-top:1px solid #ddd; }
.de_bt_txt > li > span{ font-size: 1.4rem; }
.de_bt_txt > li.t_01{ background: url('/images/img/img_classDe_d01.gif') no-repeat 4rem 1.8rem; background-size: 9.6rem; }
.de_bt_txt > li.t_02{ background: url('/images/img/img_classDe_d02.gif') no-repeat 4rem 1.8rem; background-size: 9.6rem; }
.de_bt_txt > li.t_03{ background: url('/images/img/img_classDe_d03.gif') no-repeat 4rem 1.8rem; background-size: 9.6rem; }
.de_bt_txt > li.t_04{ background: url('/images/img/img_classDe_d04.gif') no-repeat 4rem 1.8rem; background-size: 9.6rem; }
.de_bt_txt > li.t_05{ background: url('/images/img/img_classDe_d05.gif') no-repeat 4rem 1.8rem; background-size: 9.6rem; }

.classPage .curriculum_box{ display: flex; flex-direction: row; width:900px; margin: 0 auto; padding: 1.4rem 0; }
.classPage .curriculum_box > .txt { margin-bottom: 2.4rem; padding: 0 0 0 3rem; width:46rem; text-align: left; }
.classPage .curriculum_box > .txt > h3{ font-size: 2.4rem; font-weight: 700; color:#000; margin-bottom: .8rem !important; padding-left: 0; }
.classPage .curriculum_box > .txt > h5{ font-size: 1.5rem; font-weight: 700; color:#fff; margin-bottom: 1rem !important; padding-left: 30px; }

.classPage .curriculum_box > .txt > ol { /*list-style: circle;*/ margin-left: 3.4rem; }
.classPage .curriculum_box > .txt > ol li{ font-size: 1.4rem; font-weight: 500; color:#000; line-height: 1.2; margin-bottom: .4rem; word-break: keep-all; }
.classPage .curriculum_box > .txt > ol.long { margin-top:1.5rem; }
.classPage .curriculum_box > .txt > ol.long li{ line-height: 1.7; }
.classPage .curriculum_box > .img { width:40rem; height: 100%; position:relative; }
.classPage .curriculum_box > .img img { width:100%; height: 100%; object-fit: cover; }
.classPage .curriculum_btn { display: inline-block; padding: 6rem 0 3rem 0; margin:0 auto; }
.classPage .curriculum_btn .btn_down{ font-size: 1.4rem; font-weight: 500; display: block; width:23.2rem; height: 5.2rem; padding: 1.7rem 0 1.7rem 3rem; box-sizing: border-box; background: #00593b url("/images/btn/btn_download.png") no-repeat 3rem center; background-size: 2.1rem; color:#fff; border-radius: .5rem; }
.classPage .curriculum_btn .btn_down02{ font-size: 1.4rem; font-weight: 500; display: block; width:28rem; height: 5.2rem; padding: 1.7rem 0 1.7rem 3rem; box-sizing: border-box; background: #00593b url("/images/btn/btn_download.png") no-repeat 3rem center; background-size: 2.1rem; color:#fff; border-radius: .5rem; }
.classPage .curriculum_btn .btn_down:hover{ opacity: .9; }
.classPage .curriculum_box > .img .prev_play { position:absolute; bottom:0; left:0; margin:0 auto;  width:100%; height:100%; background-color: rgba(0, 0, 0, 0.7); }
.classPage .curriculum_box > .img .prev_play .bi {font-size:57px; color:#fff; display:block; margin-bottom:0px;}
.classPage .curriculum_box > .img .prev_play .bi-ico {font-size:77px; color:#fff; display:block; }
.classPage .curriculum_box > .img .prev_play a {  position:absolute; width:100%; height: 100%; object-fit: cover; display:block; text-align:center;  }
.classPage .curriculum_box > .img .prev_play a strong {color:#fff; font-size: 19px; font-weight:500; }
.classPage .curriculum_box > .img .prev_txt { position:absolute; bottom:2.3rem; right:2.3rem; color:#fff; font-size: 17px; }
.grayscale { -webkit-filter: grayscale(10%); filter: grayscale(10%); opacity: 0.9; filter: alpha(opacity=30);	-webkit-filter: grayscale(0.1); }

/* 클래스 상세 - 셰프 스토리 */
.chef_story_wrap{ padding: 8rem 0; position: relative; }
.chef_story_wrap .chef_txt { position: relative; z-index: 10; }
.chef_story_wrap .chef_txt .tt p { font-size: 2.6rem; font-weight: 600; color:#fff; text-align: center; line-height: 1.3; }
.chef_story_wrap .chef_txt .tt .txt_gr01 { font-weight: 700; }
.chef_story_wrap .chef_txt .content { font-size: 1.6rem; color:#fff; margin-top: 5rem; line-height: 1.5; }
.chef_story_wrap .chef_bg{ background: #000; opacity: .6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9;}
.chef_story_wrap .chef_img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.chef_story_wrap .chef_img img{ width:100%; height: 100%; object-fit: cover; }
.chef_story_wrap .chef_img .chef_moImg{ display: none; }

/* 클래스 상세 - 자문자답 */
.chef_qna_txt p{ font-size: 1.8rem; color:#fff; }
.chef_qna_txt img{ padding: 3rem 0; width: 54rem; }

/* 클래스 상세 - 가격안내 박스 */
.price_info_wrap { width:1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; position: relative; margin-bottom:2rem; }
.price_info_wrap > .txt { width:80rem; text-align: left; }
.price_info_wrap > .txt .tit_label{ margin-bottom: 2rem; display: flex; flex-wrap: wrap; }
.price_info_wrap > .txt .tit_label li{ color:#00aa71; border: 1px solid #00aa71; padding: .6rem .8rem; margin-right: 1.2rem; font-size: 1.2rem; font-weight: 500; }
.price_info_wrap > .txt .tit { width:40rem; margin: 1rem 0 2rem 0; font-size: 2.6rem; font-weight: 600; letter-spacing: -1px; color:#fff; word-break: keep-all; line-height: 1.4; }
.price_info_wrap > .txt .tit02 { width:42rem;  font-size: 1.6rem; font-weight: 600; color:#999; word-break: keep-all; }
/* 타임 */
.price_info_wrap .time_box{ position: absolute; top: 1rem; right: 1rem; }
.price_info_wrap .time_box li{ float: left; background: #ccc; font-size: 1.7rem; font-weight: 700; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#000; margin-left: 1.2rem; width:10.6rem; height: 5rem; line-height: 4.8rem; border-radius: .3rem; }
.price_info_wrap .time_box li:first-child{ margin-left: 0; }
.price_info_wrap .time_box li > span{ font-size: 2rem; font-weight: 800; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#000; padding-right: 0.2rem; }

.timer_box_title {position: absolute; top:-1.7rem; right: 7rem; text-align:center; margin:0; color:#fff; font-size:26px; font-weight:600; letter-spacing: -1px; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
.timer_box {position: absolute; top: 4rem; right: 1rem; display:flex; -ms-flex-pack: end !important;  justify-content: flex-end !important; -ms-flex-align: center !important; align-items: center !important; display:flex; width:50%; flex-direction:row; justify-content:space-around;  }
.timer_box span.ev-time-box {font-family: Montserrat,'Noto Sans KR',sans-serif; color:#fff; font-size:1.3rem; font-weight:700; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.timer_box span.ev-time-box i {display:inline-block; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#fff; font-size:1.3rem; font-weight:700; font-style: normal; margin-right:17px; margin-left:5px; }
.timer_box span.ev-timer { font-family: Montserrat,'Noto Sans KR',sans-serif; position:relative; display:flex; width:6rem; height:6rem; font-size:2.7rem; justify-content:center; align-items:center; background-color:#ccc; color:#000; border-radius:50rem; float:left; }
.timer_box .ev-time-box{white-space:nowrap}
.timer_box .ev-time-box:after{content:attr(data-unit)}

.box_wh { overflow:auto; }
.box_wh .price_info { width:1000px; margin: 0 auto; margin-bottom:2rem; }
.box_wh .price_info .txt { width:50%; float: left; text-align: left; color:#000; }
.box_wh .price_info > .txt .tit_label { margin-bottom: 2rem; display: flex; flex-wrap: wrap; }
.box_wh .price_info > .txt .tit_label li{ color:#00aa71; border: 1px solid #00aa71; padding: .6rem .8rem; margin-right: 1.2rem; font-size: 1.2rem; font-weight: 500; }
.box_wh .price_info > .txt .tit { color:#000 !important; margin: 1rem 0 2rem 0; font-size: 2.6rem; font-weight: 600; letter-spacing: -1px; color:#fff; word-break: keep-all; line-height: 1.4;  }
.box_wh .timer_box_tit { text-align:center; padding:20px 0; color:#00aa71; font-size:26px; font-weight:600; letter-spacing: -1px; }
.box_wh .timer_box_wrap {display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
.box_wh .timer_box_wrap span.ev-time-box {font-family: Montserrat,'Noto Sans KR',sans-serif; color:#000; font-size:1.3rem; font-weight:700; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.box_wh .timer_box_wrap span.ev-time-box i {display:inline-block; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#000; font-size:1.3rem; font-weight:700; font-style: normal; margin-right:17px; margin-left:5px; }
.box_wh .timer_box_wrap span.ev-timer { font-family: Montserrat,'Noto Sans KR',sans-serif; position:relative; display:flex; width:6rem; height:6rem; font-size:2.7rem; justify-content:center; align-items:center; background-color:#000; color:#fff; border-radius:50rem; float:left; }
.box_wh .price_info > .tit { margin: 1rem 0 2rem 0; font-size: 2.6rem; font-weight: 600; letter-spacing: -1px; color:#000; word-break: keep-all; line-height: 1.4; }
.box_wh .price_box_wrap > .tit { margin: 1rem 0 2rem 0; font-size: 2.6rem; font-weight: 600; letter-spacing: -1px; color:#000; word-break: keep-all; line-height: 1.4; }
.box_wh .price_info .price_box li span {  color:#000; }

@media screen and (max-width: 960px) { 
	.timer_box_title { width:100%; top: 140px; right: 0rem; margin-top:25px; margin-bottom:5px; font-size:20px; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
	.timer_box { width:100%; top: 197px; right: 0rem; padding-top:7px; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	.timer_box span.ev-time-box { width:auto; position:relative; height:3.7rem; margin:0.5rem; }
	.timer_box span.ev-time-box i {margin-right:0px; margin-left:5px; font-size:1.2rem; }
	.timer_box span.ev-timer {width:4rem; height:4rem; font-size:2rem;}
}

@media screen and (max-width: 960px) { 
	.box_wh .price_info > .txt .tit { margin: 2rem 0 1rem 0; font-size: 2rem; }
	.box_wh .timer_box_tit { font-size:20px; padding:10px 0; }
	.box_wh .price_box_wrap > .tit { margin: 2rem 0 1rem 0; font-size: 2rem; }
	.box_wh .timer_box_wrap span.ev-time-box {font-size:1.2rem; font-weight:700;  width:auto; position:relative; height:3.7rem; margin:0.5rem; }
	.box_wh .timer_box_wrap span.ev-time-box i { margin-right:0px; margin-left:5px; font-size:1.2rem; }
	.box_wh .timer_box_wrap span.ev-timer { width:4rem; height:4rem; font-size:2rem; }
	.box_wh .price_info .price_box .tt { font-size:13px; }
	.box_wh .price_info .price_box li span {  font-size:13px; }
	.box_wh .price_info_wrap .price_box li:last-child span { font-size: 1.5rem; } 
	.box_wh .price_info_wrap .price_box li:last-child span {font-size: 1.5rem; }
	.box_wh .price_info .price_box li:last-child span { font-size: 1.5rem; }
}

/* 가격안내 */
.price_info_wrap .price_box_wrap{ margin-top: 5rem; box-sizing: border-box; width: 40rem; position: relative; }
.price_info_wrap .price_box li { display: inline-block; width: 100%; line-height: 2;}
.price_info_wrap .price_box li span{ font-size: 1.5rem; color:#aaa; }
.price_info_wrap .price_box li:last-child { border-top: 1px solid #555; padding-top: 1rem; margin-top: 1.4rem;}
.price_info_wrap .price_box li:last-child span { font-size: 2rem; font-weight: 600; color:#ed2040; }
.price_info_wrap .price_box .tt{ float: left;}
.price_info_wrap .price_box .price{ float: right;}
.price_info_wrap .btn_apply{ margin-top: 6rem; }
.price_info_wrap .btn_apply a{ background: #009261; color:#fff; font-size: 1.5rem; font-weight: 500; display: block; width: 100%; height: 4.6rem; line-height: 4.6rem; border-radius: 0.5rem; }
.price_info_wrap .btn_apply a:hover{ opacity: .9; }

/* 가격안내 */
.price_info .price_box_wrap{ box-sizing: border-box; width: 50%; padding-left:50px; float: left; }
.price_info .price_box li { display: inline-block; width: 100%; line-height: 2;}
.price_info .price_box li span{ font-size: 1.5rem; color:#aaa; }
.price_info .price_box li:last-child { border-top: 1px solid #555; padding-top: 1rem; margin-top: 1.4rem;}
.price_info .price_box li:last-child span { font-size: 2rem; font-weight: 600; color:#ed2040; }
.price_info .price_box .tt{ float: left;}
.price_info .price_box .price{ float: right;}
.price_info .btn_apply{ margin-top: 2rem; }
.price_info .btn_apply a{ background: #009261; color:#fff; font-size: 1.5rem; font-weight: 500; display: block; width: 100%; height: 4.6rem; line-height: 4.6rem; border-radius: 0.5rem; }
.price_info .btn_apply a:hover{ opacity: .9; }

@media screen and (max-width: 960px) {
	.box_wh .price_info { width: calc(100% - 32px); margin: 0 16px; margin-bottom:2rem; }
	.box_wh .price_info .txt { width:100%; float:none; text-align: left; color:#000; }	
	.price_info .price_box_wrap{ width:100%; padding-left:0px; float:none; }
}

/* 그래프 */
.price_info_wrap .graph_box{ position: relative; display: flex; width: 48rem; height: 16rem; margin-bottom: 4rem; justify-content: center; align-items: flex-end; border-bottom: 1px solid #333; box-sizing: border-box; }
.price_info_wrap .graph_box .graph_msg{ position: absolute; left: -1.8rem; bottom: 8.4rem; border-radius: 0.4rem; width: 11rem; height: 3.6rem; line-height: 3.4rem; font-size: 1.5rem; font-weight: 700; background: #00aa71; border: 1px solid #00aa71; color: #fff; text-align: center; /*opacity: 0;*/ content: ""; }
.price_info_wrap .graph_box .graph_date{ position: absolute; left: -1.2rem; bottom: -4.6rem; width: 10rem; font-size: 1.5rem; font-weight: 500;color: #999; text-align: center; line-height: 1.2; }
.price_info_wrap .graph_box .graph_msg:after { position: absolute; left: calc(50% - 1rem); bottom: -0.9rem; border: 1rem solid transparent; border-top-color: inherit; border-bottom: 0; width: 0; height: 0; content: ""; }
.price_info_wrap .graph_box .graph_bar{ margin-right: 3rem; border-radius: 5rem 5rem 0 0; box-sizing: border-box; background: #333; /*opacity: 0;*/ }
.price_info_wrap .graph_box .graph_bar:nth-child(3){ width:7rem; height: 6rem; background: #00aa71; }
.price_info_wrap .graph_box .graph_bar:nth-child(4){ width:7rem; height: 10.6rem; }
.price_info_wrap .graph_box .graph_bar:nth-child(5){ width:7rem; height: 16.4rem; }
.price_info_wrap .graph_box .graph_bar:nth-child(6){ width:7rem; height: 23rem; }
.price_info_wrap .graph_box .graph_bar:nth-child(7){ width:7rem; height: 30rem; }
.price_info_wrap .graph_box .graph_bar:last-child{ margin-right: 0; }
/* 그래프-애니메이션 */
.graph_ani .graph_msg{ animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }
@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(20%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(20%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}



/* 탭 - 마스터 소개 */
/* 프로필 */
.classPage .profile_box > h3{ margin-bottom: 2rem;}
.classPage .profile_box .profile_con{ display: flex; flex-direction: row; width:800px; margin:0 auto; padding-top: 4rem; }
.classPage .profile_box .profile_con .pro_img{ width: 33rem; height: 40rem; }
.classPage .profile_box .profile_con .pro_img img{ width: 100%; border-radius: 1rem; height: 100%; object-fit: cover; }
.classPage .profile_box .profile_con .pro_txt { text-align: left; width:auto; margin-left:5rem; }
.classPage .profile_box .profile_con .pro_txt p{ font-size: 1.5rem; font-weight: 500; word-break: keep-all; }
.classPage .profile_box .profile_con .pro_txt p.name{ font-size: 2rem; font-weight: 700; color:#000; margin-bottom: 1rem; }
.classPage .profile_box .profile_con .pro_txt p.name_en{ font-size: 2rem; font-weight: 400; letter-spacing: 1px; color:#555; margin-bottom: 1.4rem;}
.classPage .profile_box .profile_con .pro_txt p.tag{ color:#00593b;  }
.classPage .profile_box .profile_con .pro_txt .txt_con { margin-top: 2rem; }
.classPage .profile_box .profile_con .pro_txt .txt_con li{ font-size: 1.4rem; font-weight: 500; line-height: 1.6; }

.classPage .profile_box .chef_home_box{ margin: 0 auto; max-width: 800px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: #171717; padding: 3.6rem 0; margin-top: 6rem; box-sizing: border-box; border-radius: 1rem; }
.classPage .profile_box .chef_home_box p{ color:#fff; font-size: 1.4rem; line-height: 1.6; margin-bottom: 1rem; }
.classPage .profile_box .btn_chef_home{ display: flex; -webkit-box-align: center; align-items: center; margin-top: 1rem; }
.classPage .profile_box .btn_chef_home a{ color: #000; font-size: 1.4rem; font-weight: 600; padding: 1.6rem 3.4rem; border-radius: 5rem; background: #fff; width: 16rem; }
.classPage .profile_box .btn_chef_home a:hover{ opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ }

/* 인터뷰 */
.profile_text{ display: inline-block; width:100%; }
.profile_interview_box{ display: inline-block; width:1200px; margin:0 auto; position: relative; }
.interview_mo{ display: none; }
.profile_interview_box .bx-viewport{ z-index: 50;}

.profile_interview_box .bx-wrapper .bx-controls { width:100%; top:50%; position:absolute; }
.profile_interview_box .bx-wrapper .bx-controls-direction a { width:38px !important; height: 38px !important; z-index: 50 !important; display: block; }
.profile_interview_box .bx-wrapper .bx-prev { margin-left:-5rem !important; background: url('/images/btn/controls.png') no-repeat 0 0 !important; font-size: 0; float: left; }
.profile_interview_box .bx-wrapper .bx-next { margin-right:-5rem !important; background: url('/images/btn/controls.png') no-repeat -38px -2px !important; font-size: 0; float: right;}
.profile_interview_box .bx-wrapper .bx-prev:hover, .online_cont_wrap .bx-wrapper .bx-next:hover { opacity: .8; }


.profile_interview_box .int_slider { width: 100%; position: relative; }
.int_slider .interview_slider{ float:left; position: relative;  width: 386px !important; height: 386px; color:#fff; background: #fff; border-radius: 1rem; margin-right: 2rem; }
.int_slider .inter_img01{ background: #fff url('/images/img/img_class_interview01.png') no-repeat center center; }
.int_slider .inter_img02{ background: #fff url('/images/img/img_class_interview02.png') no-repeat center center; }
.int_slider .inter_img03{ background: #fff url('/images/img/img_class_interview01.png') no-repeat center center; }
.int_slider .inter_img04{ background: #fff url('/images/img/img_class_interview01.png') no-repeat center center; }


/* 리뷰이미지 */
.profile_review_box { display: inline-block; margin:0 auto; }
.profile_review_box img{ text-align: center; object-fit: cover; }
.review_mo{ display: none; }

/* 탭 - 마스터살롱 */
/* 마스터살롱 */
.classPage .masterSl_cont_wrap{ width:1200px; margin: 0 auto; display: inline-block; }
.classPage .masterSl_cont_wrap .masterSl_cont > li{ float:left; position: relative;  width: 282px !important; margin-right: 24px; }
.classPage .masterSl_cont_wrap .masterSl_cont > li:last-child{ margin-right: 0;}
.classPage .masterSl_cont_wrap .masterSl_cont > li a{ display: block; }
.classPage .masterSl_cont_wrap .masterSl_cont > li img{ border-radius: 1rem 1rem 0 0; width: 282px; height: 220px; object-fit: cover; }
.classPage .masterSl_cont_wrap .masterSl_cont > li img:hover{ opacity: .9;}
/* 마스터살롱 - 텍스트 */
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top { position: absolute; z-index: 20; margin:1rem 0 0 1rem;  }
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top .num, .classPage .masterSl_cont_wrap .masterSl_cont .ic_top .ic_res{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 2.2rem; width: 6.5rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; text-align: center; }
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top .num{ background: #333; }
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top .res01{ background: #00593b; }
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top .res02{ background: #000; }
.classPage .masterSl_cont_wrap .masterSl_cont .ic_top li:nth-child(+2) { margin-top: .4rem; margin-left: 0; }
.classPage .masterSl_cont_wrap .masterSl_cont .class_txt_box{ width: 100%; height: 15rem; padding: 1.8rem 2rem 2.4rem 2rem; margin-top: -0.1rem; position: relative; background: #252525; box-sizing: border-box; border-radius:  0 0 1rem 1rem; }
.classPage .masterSl_cont_wrap .masterSl_cont .class_tt{ height: 5.4rem;}
.classPage .masterSl_cont_wrap .masterSl_cont .class_tt p{ color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1.3; max-height: 4.3rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; text-align: left; }
.classPage .masterSl_cont_wrap .masterSl_cont .class_tt p.name{ width:65%; color: #999; font-size: 1.4rem; margin-top: 1rem; }
.classPage .masterSl_cont_wrap .masterSl_cont .category { position: absolute; right: 2rem; bottom: 8.2rem; display: flex; align-items: center; box-sizing: border-box; height: 1.9rem; line-height: 2rem; padding: .2rem .7rem; font-size: 1.2rem; font-weight: 400; color:#fff; border-radius: 5rem; border:1px solid #999; }
.classPage .masterSl_cont_wrap .masterSl_cont .date{ width: 100%; display: inline-block; margin-top: 1.6rem; padding-top: 2rem; border-top: 1px solid #444; }
.classPage .masterSl_cont_wrap .masterSl_cont .date li{ color:#bbb; font-size: 1.3rem; float: left; }
.classPage .masterSl_cont_wrap .masterSl_cont .date li:nth-child(+2){ margin-left: .6rem; padding-left: .6rem; background: url('/images/bl/line_gray.gif') no-repeat 0 .2rem;}

.classPage .masterSl_cont_wrap .masterSl_cont .tag li{ display: inline-block; align-items: center; box-sizing: border-box; height: 1.7rem; padding: .2rem .6rem; font-size: 1.2rem; font-weight: 200; color:#fff; background: #444; border-radius: 5rem; margin-right: .5rem; }

/* 마스터클래스 */
.class_offline_wrap{ width:1200px; margin: 0 auto; display: inline-block; position: relative; }
.class_offline_wrap .bx-wrapper .bx-viewport{ height: auto !important; }
.class_offline_wrap .bx-wrapper .bx-controls { text-align: center; width: 1200px; }
.class_offline_wrap .bx-wrapper .bx-controls-direction { display: block; position: absolute; width: 100%; top: 38%;
}
.class_offline_wrap .bx-wrapper .bx-controls-direction a { width: 38px !important; height: 38px !important; z-index: 50 !important; display: block; }
.class_offline_wrap .bx-wrapper .bx-prev { margin-left: -5rem !important; background: url('/images/btn/controls_bk.png') no-repeat 0 0 !important; font-size: 0; float: left; }
.class_offline_wrap .bx-wrapper .bx-next { margin-right: -5rem !important; background: url('/images/btn/controls_bk.png') no-repeat -38px -2px !important; font-size: 0; float: right; }
/* 마스터클래스 - 이미지 */
.class_offline_wrap .offline_slider{ width:282px !important; }
.class_offline_wrap .class_off_img { width: 282px; height: 282px; object-fit: cover; background-size: cover !important; border-radius: 1rem; }
.class_offline_wrap .class_off_img:hover{ opacity: .9;}
.class_offline_wrap .img01 { background: url('/images/img/off_class01.jpg') no-repeat 0 0; background-size: cover; }
.class_offline_wrap .img02 { background: url('/images/img/off_class02.jpg') no-repeat 0 0; background-size: cover; }
.class_offline_wrap .img03 { background: url('/images/img/off_class03.jpg') no-repeat 0 0; background-size: cover; }
.class_offline_wrap .img04 { background: url('/images/img/off_class04.jpg') no-repeat 0 0; background-size: cover; }
.class_offline_wrap a{ display: block; }
/* 마스터클래스 - 텍스트 */
.class_offline_wrap .ic_res{ display: flex; align-items: center; box-sizing: border-box; height: 2.2rem; margin:1rem 0 0 1rem; padding: 0 0.8rem; position: absolute; z-index: 50; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; width: 6.5rem; justify-content: center; }
.class_offline_wrap .res01{ background: #00593b; }
.class_offline_wrap .res02{ background: #000; }
.class_offline_wrap .res03{ background: #fff; color:#333; }
.class_offline_wrap .txt{ width: 100%; text-align: center; padding-top: 11rem; position: absolute; z-index: 50; }
.class_offline_wrap .txt p{ color:#fff; font-size: 1.8rem; font-weight: 500; text-shadow: 0 0 .5rem #666; }
.class_offline_wrap .txt p.time{ font-size: 2.4rem; font-weight: 700; margin-top: .8rem; }
.class_offline_wrap .class_tt{ margin-top: 1.2rem; }
.class_offline_wrap .class_tt p { color: #000; font-size: 1.6rem; font-weight: 700; max-height: auto; line-height: 1.3; overflow: hidden; display: -webkit-box; text-align: left; }
.class_offline_wrap .class_tt p.name{ color: #555; font-size: 1.4rem; margin-top: .6rem; }
.off_mo{ display: none; }

/* 탭- 추천 */
.classPage .cate_cont_wrap { width:1200px; margin: 0 auto;}
.classPage .cate_cont_wrap .cate_cont01{ width:100%; display: flex; flex-wrap: wrap; }
.classPage .cate_cont_wrap .cate_cont01 > li{ float: left; position: relative; width: calc(25% - 22px); margin-right: 24px; margin-bottom: 24px; }
.classPage .cate_cont_wrap .cate_cont01 > li a{ display: block; }
.classPage .cate_cont_wrap .cate_cont01 > li:nth-child(4n) { margin-right: 0; }
.classPage .cate_cont_wrap .cate_cont01 > li img{ border-radius: 1rem; width: 282px; height: 376px; object-fit: cover; }
.classPage .cate_cont_wrap .cate_cont01 > li img:hover{ opacity: .9;}
.classPage .cate_cont_wrap .cate_cont01 .class_txt_box{ width: 100%; margin-top: 1.2rem; position: relative; text-align: left; }
.classPage .cate_cont_wrap .cate_cont01 .class_tt{ width:65%; }
.classPage .cate_cont_wrap .cate_cont01 .class_tt p{ color: #fff; font-size: 1.6rem; font-weight: 700; max-height: 4.3rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.classPage .cate_cont_wrap .cate_cont01 .class_tt p.name{ color: #999; font-size: 1.3rem; margin-top: .6rem; }
.classPage .cate_cont_wrap .cate_cont01 .category { position: absolute; right: 0; top: 0; display: flex; align-items: center; box-sizing: border-box; height: 1.9rem; padding: .2rem .7rem; font-size: 1.2rem; font-weight: 400; color:#555; border-radius: 5rem; border:1px solid #999; }
.classPage .cate_cont_wrap .cate_cont01 .tag{ margin-top: 1.4rem; }

/* GIFT 선물하기 */
.bn_gift{ margin: 0 auto; max-width:800px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: #171717; padding: 3.6rem 0; margin-top:6rem; box-sizing: border-box; border-radius: 1rem; }
.bn_gift .tt { margin-bottom: 1rem; }
.bn_gift .tt > h4{ color:#fff; font-size: 1.5rem; margin-bottom: .6rem; letter-spacing: 1px; }
.bn_gift .tt > span{ color:#fff; font-size: 1.4rem; line-height: 1.6; }
.bn_gift .btn_giftAdd { display: flex; -webkit-box-align: center; align-items: center; margin-top: 1rem; }
.bn_gift .btn_giftAdd a{ color:#000; font-size: 1.4rem; font-weight: 600; padding: 1.6rem 3.4rem; border-radius: 5rem; background: #fff; width:10rem; }
.bn_gift .btn_giftAdd a:hover{ opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ }

/* 추천 - FAQ */
.classPage .faq_wrap{ width:1000px; margin: 0 auto; font-size: 1.6rem; }
.classPage .faq_wrap .faq_box { word-break: keep-all; }
.classPage .faq_wrap .faq_box li{ display: flex; flex-direction: row; width:100%; padding: 4rem 0; border-bottom: 1px solid #ddd; font-size: 1.6rem; }
.classPage .faq_wrap .faq_box li:first-child{ border-top: 1px solid #ddd; }
.classPage .faq_wrap .faq_box .faq_tt { text-align: left; flex: 1; }
.classPage .faq_wrap .faq_box .faq_tt span{ font-size: 1.8rem; font-weight: 700; line-height: 1.4; color:#000; letter-spacing: -1px; }
.classPage .faq_wrap .faq_box .faq_tt .tt_q { font-family: Montserrat,'Noto Sans KR',sans-serif; color:#ed2040; margin-right: 1rem; vertical-align: 2px; }
.classPage .faq_wrap .faq_box .faq_con{ font-size: 1.4rem; text-align: left; width: 60rem; line-height: 1.6;
  font-weight: 500; color:#333; }
  .classPage .faq_wrap .faq_box .faq_con a{ color: #00aa71; font-size: 1.4rem; text-decoration: underline; text-align: left; }

.classPage .refund_wrap{ width:50%; margin: 0 auto; text-align: left; word-break: keep-all; }
.classPage .refund_wrap h4{ font-size: 1.4rem; color:#aaa; margin-bottom: .6rem; }
.classPage .refund_wrap p{ font-size: 1.4rem; color:#aaa; margin-bottom: 2rem; line-height: 1.5; }

/* 오프라인 클래스 상세 */
.dePage_title_box .offClass_title_con{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 78rem; background-color: #000; margin:0; }
.dePage_title_box .offClass_txt_top{ display: block; font-size: 1.6rem; font-weight: 500; color:#aaa; line-height: 1.5; word-break: keep-all; margin-top: 4rem; }
/* 상단 클래스 이미지 */
.classPage .offClass_top_img_box{ width:90rem; margin: 0 auto; padding-bottom: 6rem; }
.offclass_slider{ position: relative; }
.offclass_slider .off_img{ height: 46rem; }
.offclass_slider .img01{ width: 66%; background:url('/images/img/img_coming01.jpg') no-repeat center center; background-size: cover; }
.offclass_slider .img02{ width: 33%; height: 49.2%; position: absolute; top:0; right: 0; background:url('/images/img/img_coming02.jpg') no-repeat center center; background-size: cover; }
.offclass_slider .img03{  width: 33%; height: 49.2%; position: absolute; bottom:0; right: 0; background:url('/images/img/img_cooking04.jpg') no-repeat center center; background-size: cover; }

.classPage .schedule_box{ width:72rem; margin: 0 auto; background: #111; padding: 1rem 4rem; box-sizing: border-box; }
.classPage .schedule_box li { padding: 2rem 0; border-bottom: 1px solid #444; display: flex; flex-direction: row; align-items: center; }
.classPage .schedule_box li:last-child {  border-bottom:none; }
.classPage .schedule_box li p{ font-size: 1.5rem; font-weight: 500; color:#fff; text-align: left; line-height: 1.6; width: 80%; padding-right: 4rem; }
.classPage .schedule_box li span{ font-size: 1.5rem; font-weight: 500; }
.classPage .schedule_box li .sc_tt{ width: 18%; padding-left: 4rem; }
.classPage .schedule_box li .ck_place { font-size: 1.5rem; font-weight: 500; color:#00aa71; margin-left: .4rem; text-decoration: underline; padding-left: 1.6rem; background: url("/images/icon/icon_place_gr.png") no-repeat left 4px; background-size: 1.6rem; }
.classPage .schedule_box li .sc_con .pr_or{ font-size: 1.4rem; color:#888; text-decoration: line-through; }
.classPage .schedule_box li .sc_con .txt_red{ font-weight: 700; }
.classPage .schedule_box li .sc_con small { font-size: 1.2rem; font-weight: 300; color:#fff; }
@media screen and (max-width: 960px){
	.classPage .schedule_box li .sc_con small { font-size: 1.17rem !important; line-height: 1.1 !important; }
}

/* 탭 - 마스터소개 / 프로필 */
.box_bk_profile .profile_box .profile_con .pro_txt p.name{ font-size: 2rem; font-weight: 400; color:#fff; margin-bottom: 2rem;}
.box_bk_profile .profile_box .profile_con .pro_txt p.name_en{ font-size: 2rem; font-weight: 400; letter-spacing: 1px; color:#fff; margin-bottom: 2rem;}
.box_bk_profile .profile_box .profile_con .pro_txt p.tag { color: #00aa71; }
.box_bk_profile .profile_box .profile_con .pro_txt .txt_con li { color:#fff; }

.box_wh .cate_cont_wrap .cate_cont01 .class_tt p{ color:#000; }
.box_wh .cate_cont_wrap .cate_cont01 .class_tt p.name{ color:#555; }
.box_wh .cate_cont_wrap .cate_cont01 .tag li{ display: inline-block; align-items: center; box-sizing: border-box; padding: 0.1rem 0.5rem; height: 1.9rem; line-height: 1.6rem; font-size: 1.2rem; font-weight: 400; color:#fff; background: #888; border-radius: 5rem; margin: .2rem .5rem .2rem 0; }


/* 탭 - 쿠킹스튜디오 */
.studio_container { width:740px; margin: 0 auto; }
#thumbnails { white-space: nowrap; width: 100%; margin-top: .6rem; cursor: pointer; }
.studio_container .wrapper { position: relative; overflow: scroll; scroll-behavior: smooth; }
.studio_container .wrapper::-webkit-scrollbar { display: none; }
/* .studio_container .wrapper { -ms-overflow-style: none; } */
#slide { position: relative; height: 454px; /*overflow: hidden;*/ }
#preview { width: 100%; height: 100%; object-fit: cover; }
.studio_container .thumbnail { width: 142px; height: 88px; opacity: 0.5; margin-right: .6rem; object-fit: cover; }
.studio_container .thumbnail:last-child { margin-right: 0;}
.studio_container .selected { opacity: 1; }
.studio_container .thumbnail:hover { opacity: 1; }
#gallery { width: 100%; margin: 0 auto; }
.studio_container .caption-container { text-align: center; background: #01579b66; padding: 2px 8px; color: white; }
.studio_container .prev, .studio_container .next { cursor: pointer; position: absolute; top: 54%; width: auto; margin-top: -50px; color: white; font-weight: bold; font-size: 30px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
.studio_container .next { width: 32px; height: 32px; right: -4rem; background: url('/images/btn/controls.png') no-repeat -38px -2px !important; }
.studio_container .prev {width: 32px; height: 32px; left: -4rem; background: url('/images/btn/controls.png') no-repeat 0 -2px !important; }

.studio_container .fullscreen { cursor: pointer; }
.studio_container .prev:hover, .studio_container .next:hover { background: rgba(0, 0, 0, 0.8); }
.studio_container .fullscreen-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000;background: rgba(0, 0, 0, 0.7); }
.studio_container .fullscreen-div { width: 1100px; height: 672px; display: block; margin: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
.studio_container .hidden { display: none; }
.studio_container .counter, .studio_container .fullscreen, .studio_container .prev, .studio_container .next { z-index: 5; }
.remove-fullscreen { position: absolute; top: 0; right: 0; cursor: pointer; background: rgba(0, 0, 0, 0.6); padding: 0.6rem; width: 2rem; }

/* 클래스 상세 - 배경 색상 */
.box_wh{ background: #fff;}
.box_wh h2{ color:#00593b; }
.box_wh h3{ color:#000; }
.box_wh .txt_sm{ color:#000; font-weight: 600; }
.box_gr{ background: #0e2620;}
.box_gr .txt_sm{ color:#ddd; }
.box_bk{ background: #000;}
.box_gray{ background: #111;}


/*  클래스 상세 페이지 - 하단 고정바 */
.sticky_Footer { position: fixed; bottom: 0; left: 0; width: 100%; display: none; background: rgba(17,17,17,.95); transition: all 0.4s ease-in-out; justify-content: flex-end !important; z-index:702; }
.sticky_Footer > .sticky_inner { position:relative; display: flex; width:1200px; margin-right: auto; margin-left: auto; padding: 1.5rem  0; justify-content: flex-end; list-style: none; }
.sticky_Footer > .sticky_inner li{ font-size: 1.4rem; color:#fff; margin-right: 1.6rem; line-height: 2.4; display: flex; align-items: center; }
.sticky_Footer > .sticky_inner li span{ color:#fff; font-size: 1.4rem; margin-right: 4rem; } 
.sticky_Footer > .sticky_inner .txt_dDay{ color:#ed2040; font-weight: 800; font-size: 1.6rem; }
.sticky_Footer > .sticky_inner .btn_buy{ font-size: 1.5rem; font-weight: 500; color:#fff;  background: #009261; border-radius: .5rem; width: 16rem; display: block; text-align: center; height: 4.2rem; line-height: 2.8; }
.sticky_Footer > .sticky_inner .btn_buy.end { background: #999; }

/* 오프라인 클래스 sticky */
.sticky_Footer_offClass { display: none; }
/* 공간예약 sticky 버튼 */
.sticky_Footer > .sticky_inner .btn_space_res{ font-size: 1.5rem; font-weight: 500; color:#fff;  background: #009261; border-radius: .5rem; width: 20rem; display: block; text-align: center; height: 4.2rem; line-height: 2.8; }

.sticky_off > .sticky_inner span{ margin: 0 !important; }
.sticky_off > .sticky_inner .pr_or { margin: 0 1rem 0 0 !important; color:#aaa; text-decoration: line-through; font-weight:600; }
.sticky_off > .sticky_inner .txt_gr01 { margin: 0 1rem !important; font-weight:600; }
/* .sticky_off > .sticky_inner .txt_dDay{ width:100%; } */

/* 텍스트 색상 */
.txt_gr{ color:#00593b !important; }
.txt_gr01{ color:#00aa71 !important; }
.txt_red{color:#ed2040 !important; }
.txt_wh{ color:#fff !important; }
.txt_gr02{ color:#aaa !important; }
.arrow {margin:0 1rem; color: #fff; font-size: 1.4rem;}

/* 하단 more 버튼 */
.classPage .bottom_btn_more{ margin-top: 6rem; position: relative;}
.classPage .bottom_btn_more a{ display: block; margin: 0 auto; font-size: 1.6rem; color:#fff; font-weight: 400; font-family: Montserrat,'Noto Sans KR',sans-serif; }
.classPage .bottom_btn_more a:hover{ opacity: .8; }
.classPage .bottom_btn_more a::after{ background: url('/images/btn/btn_more_arrow.png') 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width:1.6rem; height: 1.6rem; margin-left: .6rem; }

.box_wh .bottom_btn_more a{color:#000; font-weight: 500;}
.box_wh .bottom_btn_more a::after{ background: url('/images/btn/btn_more_arrow_bk.png') 0 0 no-repeat; background-size: 100%; width:1.6rem; height: 1.6rem; }

/* 클래스 상세 - 온라인 클래스 재생 */
.class_play_box{ width:1200px; margin: 0 auto; padding-bottom: 8rem; }
.class_play_box .class_play_top{ margin-bottom: 8rem; }
.class_play_box .class_play_top .play_con{ position: relative; width: 100%; color: rgb(242, 242, 242);
  transition: padding-top 0s ease 0s, all 0.4s ease 0s; }
.class_play_box .class_play_top .play_con .video_cover{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; /*opacity: 0;*/ } 
.class_play_box .class_play_top .play_con .bg_cover { position: absolute; inset: 0px; width: 100%; height: 100%; background: #000; opacity: .3; }
.class_play_box .class_play_top .play_con .class_name { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.class_play_box .class_play_top .play_con .class_name p{ font-size: 3.2rem; font-weight: 600; line-height: 1.6; word-break: keep-all; letter-spacing: -1px; color:#fff; text-align: center; padding-top: 13rem; }
.class_play_box .class_play_top .play_con button { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); background: none; border: none; z-index: 100; }
.class_play_box .class_play_top .play_con button img{ width:6.8rem; }

.class_play_box .class_play_top .video_box video{ width:100%; height: 100%; object-fit: contain; } 
.class_play_box .class_play_top .btn_play{ width:100%; display: inline-block; margin: 2rem 0 3rem 0; }
.class_play_box .class_play_top .btn_play li{ float: left; }
.class_play_box .class_play_top .btn_play li a{ font-size: 1.4rem; color:#fff; margin: 0 1.4rem; }
.class_play_box .class_play_top .btn_play li .btn_prev::before{ margin-right: 10px; margin-top: -2px; content: ""; display: inline-block; height: 6px; width: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(135deg) translate(-4px,-2px); }
.class_play_box .class_play_top .btn_play li .btn_next::after{ margin-left: 10px; content: ""; display: inline-block; height: 6px; width: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(315deg) translate(0,-2px); }
.class_play_box .class_play_top .btn_play li a:hover{ text-decoration: underline; }
.class_play_box .class_play_top .btn_play li:last-child{ background: url('/images/bl/line_gray.gif') no-repeat left 3px; }

.class_play_box .class_play_top .play_txt{ background: #222; padding: 3rem 4rem; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
.class_play_box .class_play_top .play_txt .play_ttBox li{ font-size: 1.4rem; color:#c9c9c9; line-height: 1.8; }
.class_play_box .class_play_top .play_txt .play_ttBox .tt{ font-size: 1.6rem; font-weight: 700; color:#fff; letter-spacing: 0.8px; margin-bottom: 1rem; }
.class_play_box .class_play_top .play_txt .play_ttBox .tt .name_en { font-size: 1.6rem; font-weight: 500; color:#fff; font-family: Montserrat,'Noto Sans KR',sans-serif; margin-left: 1rem; }
.class_play_box .class_play_top .play_txt .btn_workBook{ float: right; }
.class_play_box .class_play_top .play_txt .btn_workBook li{ float: left; position:relative; z-index:999; margin-left: 1rem; line-height: 1.2; } 
.class_play_box .class_play_top .play_txt .btn_workBook a{ font-size: 1.4rem; color:#c9c9c9; border-radius: 1rem; border:1px solid #ccc; display: block; text-align: center; padding: 1rem 3rem; width: 14rem; box-sizing: border-box; letter-spacing: 0.5px; }
.class_play_box .class_play_top .play_txt .btn_workBook a:hover{ background: #333; }

/* 온라인 클래스 동영상 하단 - 리스트 */
.workbook_top{ display: inline-block; width: 100%; margin-bottom: 1rem; }
.workbook_top .tt{ font-size: 1.4rem; color:#aaa; float: right; padding: .4rem 2.6rem .4rem 0; background: url("/images/icon/icon_check_wh.png") no-repeat right center; background-size: 2rem; }
.class_play_content .dw_ok{ color:#eee; font-size: 1.3rem; font-weight: 400; background: url("/images/icon/icon_check_wh.png") no-repeat left center; background-size: 1.8rem; padding-left:2.2rem; margin-left: 1.6rem; height: 1.9rem; line-height: 1.9rem; }

.class_play_box .class_play_content{ width:100%; margin: 0 auto; }
.class_play_box .class_play_content dl{ width:100%; display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; margin-bottom: .5rem; background: #111; }
.class_play_box .class_play_content dl.top{ border-radius: .6rem; background: #555 !important;}
.class_play_box .class_play_content dl.top:hover{ background: #555 !important; }
.class_play_box .class_play_content dl.top dt{ text-align: center; font-weight: 500; min-height: 5.6rem; } 
.class_play_box .class_play_content dl dt{ font-size: 1.4rem; color:#fff; }
.class_play_box .class_play_content dl dt:nth-child(1){ width:70%; }
.class_play_box .class_play_content dl dt:nth-child(2){ width:15%; }
.class_play_box .class_play_content dl dt:nth-child(3){ width:15%; }
.class_play_box .class_play_content dl dt, .class_play_box .class_play_content dl dd{ display: flex; justify-content: center; align-items: center; }

.class_play_box .class_play_content dl dd{ font-size: 1.4rem; color:#ccc; min-height: 5.6rem; }
.class_play_box .class_play_content dl dd a{ font-size: 1.4rem; color:#ccc; }
.class_play_box .class_play_content dl dd:nth-child(1){ width:70%; justify-content: flex-start; padding-left: 3rem; box-sizing: border-box; }
.class_play_box .class_play_content dl dd:nth-child(2){ width:18rem; }
.class_play_box .class_play_content dl dd:nth-child(3){ width:18rem; }

.class_play_box .class_play_content.cols2 dl dt:nth-child(1){ width:80%; }
.class_play_box .class_play_content.cols2 dl dt:nth-child(2){ width:20%; }


.class_play_box .class_play_content dl.on { background: #009261; }
.class_play_box .class_play_content dl:hover { background: #009261 !important; cursor: pointer; }
.class_play_box .class_play_content dl.on dd, .class_play_box .class_play_content dl.on a, .class_play_box .class_play_content dl:hover dd{ font-weight: 500; color:#fff; }
/* .class_play_box .class_play_content dl:nth-child(odd){ background: #222; } */

.class_play_box .class_play_content .on_list{ width:100%; }
.class_play_box .class_play_content dl.ch_list { background: #333; padding-left: 5rem; margin-bottom: 0; border-bottom:2px solid #111; }
.class_play_box .class_play_content dl.ch_list:first-child{ border-top: .5rem solid #000; }
.class_play_box .class_play_content dl.ch_list:last-child{ border-bottom: none; }
.class_play_box .class_play_content dl.ch_list dd:nth-child(1){ width:68.69%; padding-left: 0; }
.class_play_box .class_play_content dl.ch_list dd:nth-child(2){ width:18rem; }
.class_play_box .class_play_content dl.ch_list dd:nth-child(3){ width:18rem; }
.class_play_box .class_play_content dl.ch_list dd { font-weight: 500; }
.class_play_box .class_play_content dl.ch_list:hover { background: #122e25 !important; }
.class_play_box .class_play_content dl.ch_on { background: #122e25; }

.class_play_box .chef_home_box{ margin: 0 auto; max-width: 800px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: #171717; padding: 3.6rem 0; margin-top: 8rem; box-sizing: border-box; border-radius: 1rem; }
.class_play_box .chef_home_box p{ color:#fff; font-size: 1.4rem; line-height: 1.6; margin-bottom: 1rem; text-align: center; }
.class_play_box .btn_chef_home{ display: flex; -webkit-box-align: center; align-items: center; margin-top: 1rem; }
.class_play_box .btn_chef_home a{ color: #000; font-size: 1.4rem; font-weight: 600; padding: 1.6rem 3.4rem; border-radius: 5rem; background: #fff; width: 16rem; }
.class_play_box .btn_chef_home a:hover{ opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ }

/* 마스터살롱 - 메인 */
.masterSl_top{ width:100%; height: 256px; margin:0 auto; background: #111 url('/images/img/sub_top_masterSl.jpg') no-repeat top center; }
.masterSl_top.Notice { background: #111 url('/images/img/sub_top_masterNT.jpg') no-repeat top center; }
.masterSl_top_mo{ display: none;}
.masterSl_in_box{ position: relative; width:1200px; padding: 6rem 0 14rem 0; margin: 0 auto; }
.masterSl_in_box h2{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #000; margin-bottom: 2rem; text-align: center; }
.masterSl_in_box h2 span{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; }
.masterSl_in_box h4{ font-size: 1.6rem; font-weight: 500; color: #333; margin-bottom: 3rem; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.6; word-break: keep-all; }
.masterSl_in_box .top_board_btn{ position: absolute; top: 5.8rem; right: 0; color:#fff; background: #00593b; width:10rem; height: 3.4rem; line-height: 3.2rem; text-align: center; font-size: 1.4rem; }
.masterSl_in_box .board_list{ width:100%; }
.masterSl_in_box .board_list .list_box{display: flex; flex-direction: row; justify-content: space-between;}
.masterSl_in_box .board_list li{ width:100%; min-height: 14rem; padding: 1.4rem 4rem; box-sizing: border-box; border-bottom:1px solid #e8e8e8; }
.masterSl_in_box .board_list li:first-child{ border-top:1px solid #666; background: #f5fff6; }
.masterSl_in_box .board_list li .board_txt{ width:76%; display: flex; flex-direction: column; justify-content: space-around; }
.masterSl_in_box .board_list li .bd_tit{ font-size: 1.5rem; font-weight: 600; color:#000; margin: 1rem 0 1.4rem 0; }
.masterSl_in_box .board_list li .bd_con{ line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } 
.masterSl_in_box .board_list li p{ font-size: 1.4rem; color:#666; line-height: 1.4; }
.masterSl_in_box .board_list li .bd_bt_txt{ margin-top: 1.8rem; display: inline-block; }
.masterSl_in_box .board_list li .bd_bt_txt span{ font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color:#777; margin-right: 2rem; padding: 0.3rem 0; float: left; }
.masterSl_in_box .board_list li .bd_bt_txt .ic_like{ padding-left: 1.6rem; background: url('/images/icon/ic_like.gif') no-repeat left 4px; background-size:12px; font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color:#777;}
.masterSl_in_box .board_list li .bd_bt_txt .ic_like_de{ padding-left: 1.6rem; background: url('/images/icon/ic_like_de.gif') no-repeat left 4px; background-size:12px; font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color:#777;}
.masterSl_in_box .board_list li .bd_bt_txt .ic_cmt{ padding-left: 1.6rem; background: url('/images/icon/ic_comment.gif') no-repeat left 7px; background-size:12px; }
.masterSl_in_box .board_list li .date { color:#888 !important; }
.masterSl_in_box .board_list li .bd_img{ width:188px; height: 134px; border-radius: 1rem; object-fit: cover;}
.bn_spaceRes{ width: 100%; margin: 0 auto; margin-bottom: 14rem; }
.bn_spaceRes a{ width: 100%; height: 260px; margin: 0 auto; display: inline-block; background: url('/images/img/sub_bn_studioRental.jpg') no-repeat top center; }
.bn_spaceRes_mo{ display: none;}

/* 마스터살롱 / 파이브잇게시판 - 게시글 뷰 */
.board_view_box{ width:100%; margin-top: -2rem; }
.board_view_box .bd_viewTit{ padding: 2rem 6rem; background: #fafafa; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; display: flex; flex-direction: row; justify-content: space-between;     min-height: 14rem; box-sizing: border-box; }
.bd_viewTit img{ width: 188px; height: 134px; border-radius: 1rem; object-fit: cover; }
.bd_viewTit .view_ttTxt{ width:100%; position: relative; display: flex; flex-direction: column; justify-content: space-evenly; }
.bd_viewTit .view_ttTxt .tit{ font-size: 1.7rem; font-weight: 600; color: #000; line-height: 1.4; margin-bottom: 1.6rem; }
.bd_viewTit .view_ttTxt .name { margin-bottom: 1.2rem; }
.bd_viewTit .view_ttTxt .name span{ font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color: #666; margin-right: 1.4rem; }
.bd_viewTit .view_ttTxt .name .date{ color:#777; letter-spacing: .5px; }
.bd_viewTit .view_ttTxt .bd_num{ }
.bd_viewTit .view_ttTxt .bd_num span{ font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color: #888; margin-right: 1.4rem; }
.bd_viewTit .view_ttTxt .bd_num .ic_like{ padding-left: 1.6rem; background: url('/images/icon/ic_like.gif') no-repeat left 5px; background-size:12px; }
.board_view_box .btn_bd_modify{ position: absolute; bottom: -.4rem; right: -3rem; }
.board_view_box .btn_bd_modify .ic_modify { display: inline-block; padding: 0.6rem 1rem; }
.board_view_box .btn_bd_modify .ic_modify li{ width: 3px; height: 3px; background: #777; margin-bottom: 4px;  border-radius: 1rem; }
.board_view_box .btn_bd_modify .ic_modify li:last-child{ margin-bottom: 0; }
.board_view_box .btn_bd_modify .ic_modify:hover li{ background: #00593b; }

.modify_list{ /*display: none;*/ position: absolute; bottom: -7.6rem; right: -3rem; width:13rem; background: #fff; border: 1px solid #e8e8e8; box-shadow: 0 1px 12px 0 rgb(0 0 0 / 6%); z-index: 500; }
.modify_list ul{ width: 100%; }
.modify_list ul li { border-bottom: 1px solid #e8e8e8; padding-left: 1.2rem; }
.modify_list ul li:last-child { border-bottom: none; }
.modify_list ul li a{ display: block; height: 3.2rem; line-height: 3.2rem; font-size: 1.3rem; font-weight: 500; color:#777; letter-spacing: -.5px; }
.modify_list ul li a:hover{ color:#00593b; font-weight: 500; }
.bd_viewTit .view_ttTxt .tit .tab_type{ margin-right: 0.3rem; border-radius: 5rem; display: inline-block; width: 4rem; height: 1.8rem; line-height: 1.6; text-align: center; font-size: 1.1rem; font-weight: 500; color: #333; border: 1px solid #333; vertical-align: 2px; }


.bd_viewCon{ padding: 4rem 6rem; }
.bd_viewCon p{ font-size: 1.5rem; line-height: 2; }
.bd_viewCon img{ padding: 3rem 0; margin: 0 auto; display: block; }
.bd_tag{ width: 100%; padding: 3rem 2rem 2rem 2rem; display: inline-block; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; }
.bd_tag li{ display: block; float: left; margin: 5px; padding: 0 14px; height: 36px; border-radius: 18px; background: #f4f4f4; color:#00593b; font-size: 1.4rem; line-height: 36px; }
/* 댓글 박스 */
.comment_box{ width:100%; display: inline-block; margin-top: 6rem; padding: 0 3rem; box-sizing: border-box; }
.comment_box h3{ font-size: 1.5rem; font-weight: 500; color:#000; }
.cmt_writer{ display: inline-block; width:100%; padding: 1rem 1.6rem 1rem 1.6rem; margin:0 0 1rem 0; box-sizing: border-box; border:1px solid #ddd; border-radius: .5rem; position: relative; }
.cmt_writer textarea{ width: 88%; min-height: 46px; max-height: 500px; padding-top: 1.6rem; box-sizing: border-box; font-size: 1.4rem; border:none; overflow: hidden; line-height: 1.4; }
.cmt_writer .cmt_textNum{ position: absolute; top: 1rem; right: 1rem; font-size: 1rem !important; }
.cmt_writer .cmt_textNum span{ font-size: 1.2rem; color:#b7b7b7;}
.cmt_writer .cmt_textNum span:last-child{ font-weight: 500; color:#999; } 
.cmt_writer .cmt_btn{ position: absolute; bottom: 1rem; right: 1rem; }
.cmt_writer .cmt_btn li{ float: left; margin-left: .6rem; }
.cmt_writer .cmt_btn li a{ font-size: 1.2rem; display: block; width: 4.6rem; height: 2.6rem; line-height: 2.5rem; text-align: center; }
.cmt_writer .cmt_btn li a.cancle{ background: #fff; color:#000; border: 1px solid #ddd; }
.cmt_writer .cmt_btn li a.reg{ background: #00593b; color:#fff; border: 1px solid #00593b; }
/* 댓글 리스트 */
.cmt_list{ width:100%; }
.cmt_list > li{ position: relative; padding: 1.2rem 2rem 1.6rem 2rem; border-bottom:1px solid #f3f3f3; }
.cmt_list > li:last-child{ border-bottom:none; }
.cmt_list .cmt_proImg{ position: absolute; left: 2rem; width: 3.6rem; height: 3.6rem;  }
.cmt_list .cmt_proImg img{ width:100%; border-radius: 5rem; }
.cmt_list .cmt_box{ padding-left: 5.2rem; }
.cmt_list .cmt_box p{ font-size: 1.4rem; }
.cmt_list .cmt_box .mem_id{ margin: .4rem 0 1rem 0; font-weight: 700; }
.cmt_list .cmt_box .cmt_con{ line-height: 1.7; }
.cmt_list .cmt_box .cmt_info{ margin-top: 1rem; }
.cmt_list .cmt_box .cmt_info span{ font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color: #999; margin-right: 1rem; }
.cmt_list .cmt_box .cmt_info .btn_cmtWrite{ font-size: 1.3rem; color:#009261; }
.cmt_list .cmt_reply{ padding-left: 7rem;}
.cmt_list .cmt_reply > .cmt_proImg{ left: 7rem; }

/* 마스터살롱 / 파이브잇게시판 - 글쓰기 */
.masterSl_in_box h3{ font-size: 2.4rem; font-weight: 700; color: #000; margin-bottom: 2rem; }
.masterSl_in_box .cmt_login{ font-size: 1.6rem; }
.masterSl_in_box .txtTop{ position: absolute; top: 7.6rem; right: 0; }
.masterSl_in_box .ic_ess { color: #000; font-size: 1.3rem; background: url('/images/icon/ic_essential.png') no-repeat left 7px; background-size: 1rem; padding-left: 1.6rem; }
.board_write_box{ width:100%; position: relative; }
.board_write_box .write_tit{ margin-bottom: 1.2rem; position: relative; }
.board_write_box .write_tit input{ width: 100%; height: 4rem; line-height: 4rem; font-size: 1.4rem; box-sizing: border-box; border:1px solid #ddd; padding-left: 1rem; }
.board_write_box .write_con{ min-height: 34rem; border:1px solid #ddd; padding:0; margin-bottom: 1.2rem; position: relative; box-sizing: border-box; }
.board_write_box .write_tag { border:1px solid #ddd; padding: 0.6rem; position: relative; margin-bottom: 1.2rem; }
.board_write_box .write_tag .tag_input_box{ width: 100%; display: inline-block; }
.board_write_box .write_tag .tag_input_box .tag_box{ position: relative; display: block; float: left;
  padding: 0 14px; height: 36px; border-radius: 18px; background: #f4f4f4; color: #00593b; font-size: 1.4rem; line-height: 36px; margin: .3rem .4rem; }
.board_write_box .write_tag .tag_input_box .tag_box::before{ content: '#'; margin-right: 4px; }
.board_write_box .write_tag .tag_input_box input{ width: 100%; height: 4.2rem; line-height: 4.2rem; font-size: 1.4rem; box-sizing: border-box; padding-left: 1rem; border: none; }
.board_write_box .flle_upload{ border:1px solid #ddd; padding: 2rem 1rem; display: flex; flex-direction: row; }
.board_write_box .flle_upload .tt{ margin: 0 2rem; font-size: 1.4rem; font-weight: 500; display: flex; align-items: center; }
.board_write_box .flle_upload .upImg_box{ font-size: 1.4rem; font-weight: 500; margin-left: 2rem; display: flex; flex-direction: row; }
.board_write_box .flle_upload .upImg_box span{ display: flex; align-items: flex-end; }
.board_write_box .flle_upload .upImg_box .upload_img { margin-right: 1rem; position: relative; }
.board_write_box .flle_upload .upImg_box .upload_img .img_del { position: absolute; top: .1rem; right: .1rem; background: #888; color:#fff; font-size: 1.4rem; display: block; width: 2rem; height: 2rem; line-height: 1.9rem; text-align: center; }
.board_write_box .flle_upload .upImg_box .upload_img img{ width:11rem; height: 8rem; object-fit: cover; border: 1px solid #ddd; }
.board_write_box .flle_upload .upImg_box .btn_file_up{ min-width: 80px; padding: 0 1rem 0 3.6rem; background: #f7f7f7 url('/images/icon/icon_upload.png') no-repeat .8rem center; height: 3.8rem; line-height: 3.8rem; text-align: center; display: inline-block; font-size: 1.3rem; color: #333; border: 1px solid #ddd; vertical-align: bottom; margin-left: 0.2rem; background-size: 2.4rem; }

.board_write_box .ic_ess{ left: -2.2rem; top: .8rem; height:3rem; position: absolute; background: url('/images/icon/ic_essential.png') no-repeat 4px 7px; background-size: 1rem; }
.board_write_box .write_tag .ic_ess{  top:1.6rem; }
.board_bt_btn{ width: 100%; text-align: center; margin-top: 3rem; }
.board_bt_btn a { width: 15rem; display: inline-block; height: 4.4rem; line-height: 4.4rem; text-align: center; font-size: 1.5rem; font-weight: 500; margin: 0 .2rem; }

.chef_bdWrite_box .txtTop{ top: 12rem; }
.chef_bdWrite_box .write_tit select{ width: 20%; height: 4rem; font-size: 1.4rem; box-sizing: border-box; border:1px solid #ddd; padding-left: 1rem; background-size: 1.6rem; margin-right: .4rem; }

/* 위드 파이브잇 마스터 - 리스트 */
.masterSl_list_top{ width:100%; height: 256px; margin:0 auto; background: #111 url('/images/img/sub_top_masterSl_list.jpg') no-repeat top center; }
.masterSl_list_top_mo{ display: none;}
.masterSl_list_box{ position: relative; width:1200px; padding: 8rem 0 14rem 0; margin: 0 auto; }
.masterSl_list_box h2{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #000; margin-bottom: 1.4rem; text-align: center; }
.masterSl_list_box h2 span{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; }
.masterSl_list_box h3{ font-size: 1.6rem; font-weight: 500; color: #333; margin-bottom: 3rem; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.3; word-break: keep-all; }
.chef_list_box{ width:100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.chef_list_box > li{ float: left; width:calc(25% - 2rem); margin: 0 1rem 6rem 1rem; }
.chef_list_box > li a{display: flex; flex-direction: column; }
.chef_list_box > li img{ width:28rem; height: 28rem; object-fit: cover; border-radius: 1rem; object-position: top; }
.chef_list_box > li img:hover { opacity: .9; } 
.chef_list_box .class_txt_box{ margin-top: 1.6rem; }
.chef_list_box .class_txt_box .class_tt { padding: 0 .6rem; box-sizing: border-box; }
.chef_list_box .class_txt_box .class_tt .name { color: #000; font-size: 1.6rem; font-weight: 700; float: left; }
.chef_list_box .class_txt_box .class_tt .name_en { color: #000; font-size: 1.7rem; font-weight: 700; font-family: Montserrat,'Noto Sans KR',sans-serif; float: left; margin:0.1rem 0 0 1.4rem; }
.chef_list_box .class_txt_box .class_tt .pro{ width: 100%; display: inline-block; margin-top: 1.4rem; }
.chef_list_box .class_txt_box .class_tt .pro li{ color: #888; font-size: 1.2rem; line-height: 1.6; letter-spacing: 0.5px; }

/* 마스터살롱 / 셰프홈 */
.chefHome_top{ width: 100%; height: 20rem; margin: 0 auto; background: #111 url('/images/img/sub_top_chefHome_leeseonjae.jpg') no-repeat top center; position: relative; }
.chefHome_top_mo{ display: none; }
.chefHome_top_txt{ width:1200px; height: 20rem; margin:0 auto; position: relative; }
.chefHome_top_txt .chefHome_tit{ display: inline-block; margin: 4rem 0 0 10rem; }
.chefHome_top_txt .chefHome_tit li{ line-height: 2; font-weight: 500; }
.chefHome_top_txt .chefHome_tit li.txt{ font-size: 1.8rem; color: #00aa71; }
.chefHome_top_txt .chefHome_tit li.name{ font-size: 2.8rem; color: #fff; font-weight: 700; margin-top: 0.8rem; display: flex; align-items: center; }
.chefHome_top_txt .chefHome_tit .btn_my_modify{ background: url('/images/btn/btn_my_modify.png') no-repeat left 2px; background-size: 100%; width: 2.4rem; height: 2.4rem; margin-left: 1rem; display: inline-block; }
.chefHome_top_txt .home_btn { position: absolute; right: 9rem; bottom:3.6rem; }
.chefHome_top_txt .home_btn a{ margin-left: 1rem; font-size: 1.3rem; color:#fff; display: block; width:9.2rem; line-height: 3rem; height: 3.2rem; text-align: center; float: left; border-radius: 5rem; box-sizing: border-box; }
.chefHome_top_txt .home_btn .home_like{ padding-left: 2rem; background: #555 url('/images/icon/ic_chefHome_like.png') no-repeat 1.6rem center; background-size: 1.6rem; }
.chefHome_top_txt .home_btn .home_like_on{ padding-left: 2rem; background: #555 url('/images/icon/ic_chefHome_like_on.png') no-repeat 1.6rem center; background-size: 1.6rem; }
.chefHome_top_txt .home_btn .home_share{ padding-left: 2rem; background: #009261 url('/images/icon/ic_chefHome_share.png') no-repeat 1.2rem center; background-size: 1.6rem;}

.chefHome_in_box{ position: relative; width: 100%; padding: 6rem 0 0rem 0; }
.chefHome_in_box h3{ text-align: center; font-size: 3rem; font-weight: 700; color:#000; margin-bottom: 2.4rem; letter-spacing: -1px; }

/* tab */
.tabmenu_chefHome { display: flex; justify-content: center; margin-bottom: .4rem; }
.tabmenu_chefHome li { text-align: center; }
.tabmenu_chefHome a { background: #333; color:#fff; float: left; border: none; cursor: pointer; padding: 0 2rem; transition: 0.3s; font-size: 1.4rem; border-radius: 3rem; margin: 0 .4rem; min-width: 16rem; height: 3.6rem; line-height: 3.4rem; box-sizing: border-box; }
.tabmenu_chefHome li.on a{ background: #009261; }
.tabmenu_chefHome li a:hover{ background: #009261; }
.tab_div_chefHome .chefHome_tab_1 {display:block;}
.tab_div_chefHome .chefHome_tab_2 {display:none;}
.tabmenu_chefHome.auto a { padding: 0 2.7rem; min-width: auto; }

/* 셰프홈 탭 - 소개 */
.chefHome_tab_1 .classPage{ width:800px; margin: 0 auto; display: block; padding-top: 0; }
.chefHome_tab_1 .classPage:first-child{ padding-top: 8rem; }
.chefHome_tab_1 .profile_box .pro_btn{ margin-top: 2rem; display: flex; }
.chefHome_tab_1 .profile_box .pro_btn a{ border:1px solid #ddd; border-radius: 3rem; box-sizing: border-box; padding: 0 2rem 0 5.6rem; font-size: 1.5rem; color: #000; line-height: 4.2rem; height: 4.6rem;  }
.chefHome_tab_1 .profile_box .pro_btn .btn_insta{ background: url("/images/icon/icon_insta.png") no-repeat 2rem center; margin-right: 1rem; background-size: 2.4rem; }
.chefHome_tab_1 .profile_box .pro_btn .btn_vod{ background: url("/images/icon/icon_vod.png") no-repeat 2rem .8rem; background-size: 2.4rem; }
/* 셰프홈 - 영상 */
.classPage_cH { width: 100%; display: inline-block; padding: 8rem 0; }
.chefHome_video_box { width: 800px; margin: 0 auto; position: relative; cursor: pointer; }
.chefHome_video_box button{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: none; border: none;  }
.chefHome_video_box .video_cover{ position: absolute; width: 100%; height: 100%; }
.chefHome_video_box .icon_play{ width:64px; z-index: 50; }
.chefHome_video_box video{ width:800px; height: 450px; }
.chefHome_video_box .video01{ background: url('/images/img/class_video_bg01.jpg') no-repeat 0 0; background-size: 100%;}
.chefHome_video_box .video02{ background: url('/images/img/class_video_bg.jpg') no-repeat 0 0; background-size: 100%;}
/* 셰프홈 - 커리큘럼 */
.chefHome_tab_1 .curriculum_box { width:800px; }
.chefHome_tab_1 .curriculum_box > .txt  > h3{ text-align: left; }
/* 셰프홈  - 하단 파이브잇 마스터 */
.chefHome_master_wrap { width: 100%; margin: 0 auto; padding: 6rem 0 12rem 0; background: #f6f6f6; position: relative; }
.chefHome_master_wrap .master_slider_box{ width:920px !important; margin: 0 auto; }
.chefHome_master_wrap h3{ text-align: center; font-size: 3rem; font-weight: 700; color:#000; margin-bottom: 2.4rem; letter-spacing: -1px; }
.chefHome_master_wrap .bx-wrapper .bx-viewport{ z-index: 50; min-height: 390px !important; }
.chefHome_master_wrap .bx-wrapper .bx-controls-direction a { top: 36%; }
.chefHome_master_wrap .bx-wrapper .bx-controls-direction .bx-prev { background: url("/images/btn/controls_bk.png") no-repeat 0 -3px !important; }
.chefHome_master_wrap .bx-wrapper .bx-controls-direction .bx-next { background: url("/images/btn/controls_bk.png") no-repeat -44px -3px !important; }
/* 오프라인 클래스 - 이미지 */
.slider_chefhomeMt .master_slider{ width:280px !important; }
.slider_chefhomeMt .master_slider .class_off_img { width: 280px; height: 280px; object-fit: cover; border-radius: 1rem; }
.slider_chefhomeMt .master_slider .img01 { background: url('/images/img/img_master01.gif') no-repeat 0 0; background-size: cover; }
.slider_chefhomeMt .master_slider .img02 { background: url('/images/img/img_master02.gif') no-repeat 0 0; background-size: cover; }
.slider_chefhomeMt .master_slider .img03 { background: url('/images/img/img_master03.gif') no-repeat 0 0; background-size: cover; }
.slider_chefhomeMt .master_slider a{ display: block; transition-property: all; transition-duration: .4s; transition-timing-function: ease-in-out; }
/* 오프라인 클래스 - 텍스트 */
.slider_chefhomeMt .master_slider .class_txt_box{ margin-top: 1.6rem; }
.slider_chefhomeMt .master_slider .class_txt_box .class_tt { padding: 0 .6rem; box-sizing: border-box; }
.slider_chefhomeMt .master_slider .class_txt_box .class_tt .name { color: #000; font-size: 1.6rem; font-weight: 700; float: left; }
.slider_chefhomeMt .master_slider .class_txt_box .class_tt .name_en { color: #000; font-size: 1.7rem; font-weight: 700; font-family: Montserrat,'Noto Sans KR',sans-serif; float: left; margin:0.1rem 0 0 1.4rem; }
.slider_chefhomeMt .master_slider .class_txt_box .class_tt .pro{ width: 100%; display: inline-block; margin-top: 1.4rem; }
.slider_chefhomeMt .master_slider .class_txt_box .class_tt .pro li{ color: #888; font-size: 1.2rem; line-height: 1.6; letter-spacing: 0.5px; }

/* 셰프홈 탭 - 커뮤니티 */
/* 운영자 박스 */
.admin_box_wrap{ width: 1200px; margin: 0 auto; padding: 6rem 0;}
.admin_box_wrap .admin_box{ display:flex; flex-wrap: wrap; width: 92%; margin: 0 auto; box-sizing: border-box; }
.admin_box_wrap .admin_box li{ border:1px solid #e7e7e7; border-radius: 1.5rem; padding: 3rem 2.4rem; margin: 0 2rem 1.2rem 0; width:calc(33.3% - 1.298rem); display: flex; box-sizing: border-box; }
.admin_box_wrap .admin_box li:nth-child(3n+3){ margin-right: 0; } 
.admin_box_wrap .admin_box .admin_img{ width:9rem; height: 9rem; border-radius: 5rem; }
.admin_box_wrap .admin_box .admin_tit{ margin-left: 3rem; width: 18rem; }
.admin_box_wrap .admin_box .admin_tit p{ word-break: keep-all; line-height: 1.3; }
.admin_box_wrap .admin_box .admin_tit .name{ font-size: 1.8rem; font-weight: 600; color:#000; margin-bottom: .4rem; }
.admin_box_wrap .admin_box .admin_tit .name_en{ font-family: Montserrat,'Noto Sans KR',sans-serif; font-size: 1.5rem; font-weight: 500; color:#777; margin-bottom: .8rem; letter-spacing: .5px; overflow: hidden; text-overflow:ellipsis; height: 2.4rem; }
.admin_box_wrap .admin_box .admin_tit .profile{ font-size: 1.3rem; color:#555; }
.admin_box_wrap .admin_btn_more_wh{ margin-top: 5rem; position: relative; }
.admin_box_wrap .admin_btn_more_wh a{ display: block; margin: 0 auto; font-size: 1.6rem; color: #000; font-weight: 600; font-family: Montserrat,'Noto Sans KR',sans-serif; text-align: center; } 
.admin_box_wrap .admin_btn_more_wh a::after { background: url('/images/btn/btn_more_arrow_02.png') 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; margin-left: 0.6rem; }
/* 인기글 박스 */
.best_list_wrap{ width: 1200px; margin: 0 auto; padding: 6rem 0; }
.best_list_wrap .best_box_wrap{ display:flex; width: 100%; margin: 0 auto; box-sizing: border-box; margin-bottom: 1.4rem; }
/* 인기글 - 이미지 */
.best_list_wrap .best_box_wrap .best_box{ margin-right: 2.1rem; border:1px solid #ddd; border-radius: 1rem; position: relative; }
.best_list_wrap .best_box_wrap .best_box:last-child{ margin-right: 0}
.best_list_wrap .best_box_wrap .best_box .class_ma_img { width: 282px; height: 220px; object-fit: cover; border-radius: 1rem 1rem 0 0; }
.best_list_wrap .best_box_wrap .best_box .class_ma_img:hover{ opacity: .9;}
.best_list_wrap .best_box_wrap .best_box .img01 { background: url('/images/img/ma_salon01.jpg') no-repeat 0 0; background-size: cover; }
.best_list_wrap .best_box_wrap .best_box .img02 { background: url('/images/img/ma_salon02.jpg') no-repeat 0 0; background-size: cover; }
.best_list_wrap .best_box_wrap .best_box .img03 { background: url('/images/img/ma_salon03.jpg') no-repeat 0 0; background-size: cover; }
.best_list_wrap .best_box_wrap .best_box .img04 { background: url('/images/img/ma_salon04.jpg') no-repeat 0 0; background-size: cover; }
/* 인기글 - 텍스트 */
.best_list_wrap .best_box_wrap .best_box .ic_top { position: absolute; z-index: 50; margin:1rem 0 0 1rem;  }
.best_list_wrap .best_box_wrap .best_box .ic_top .num, .best_list_wrap .best_box_wrap .best_box .ic_top .ic_res{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 2.2rem; width: 6.5rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; text-align: center; }
.best_list_wrap .best_box_wrap .best_box .ic_top .num{ background: #333; }
.best_list_wrap .best_box_wrap .best_box .ic_top .res01{ background: #00593b; }
.best_list_wrap .best_box_wrap .best_box .ic_top .res02{ background: #000; }
.best_list_wrap .best_box_wrap .best_box .ic_top li:nth-child(+2) { margin-top: .4rem; }
.best_list_wrap .best_box_wrap .best_box .class_txt_box{ width: 100%; height: 15rem; padding: 1.8rem 2rem 2.4rem 2rem; margin-top: -0.1rem; position: relative; box-sizing: border-box; }
.best_list_wrap .best_box_wrap .best_box .class_tt{ height: 5.4rem;}
.best_list_wrap .best_box_wrap .best_box .class_tt p{ color: #000; font-size: 1.6rem; font-weight: 700; line-height: 1.3; max-height: 4.3rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.best_list_wrap .best_box_wrap .best_box .class_tt p.name{ width:65%; color: #555; font-size: 1.4rem; margin-top: 1rem; }
.best_list_wrap .best_box_wrap .best_box .category { position: absolute; right: 2rem; bottom: 8rem; display: flex; align-items: center; box-sizing: border-box; height: 2rem; line-height: 2rem; padding: .2rem .7rem; font-size: 1.2rem; font-weight: 400; color:#333; border-radius: 5rem; border:1px solid #333; }
.best_list_wrap .best_box_wrap .best_box .date{ width: 100%; display: inline-block; margin-top: 1.6rem; padding-top: 2rem; border-top: 1px solid #ddd; }
.best_list_wrap .best_box_wrap .best_box .date li{ color:#666; font-size: 1.3rem; float: left; }
.best_list_wrap .best_box_wrap .best_box .date li:nth-child(+2){ margin-left: .6rem; padding-left: .6rem; background: url('/images/bl/line_gray.gif') no-repeat 0 .2rem;}
.best_list_wrap .best_box_wrap .best_box .tag li{ display: inline-block; align-items: center; box-sizing: border-box; height: 1.7rem; padding: .2rem .6rem; font-size: 1.2rem; font-weight: 200; color:#fff; background: #444; border-radius: 5rem; margin-right: .5rem; }
/* 셰프홈 게시판 */
.chefHome_board_wrap{ width: 100%; margin: 0 auto; padding: 6rem 0; background: #f6f6f6; }
.chefHome_board_list_box{ max-width: 1200px; clear:both; margin: 5px auto !important; position: relative; }
.chefHome_board_list_box .top_board_btn { position: absolute; top: -4.6rem; right: 0; padding: 0 2rem; color: #fff; background: #00593b; height: 3.4rem; line-height: 3.2rem; text-align: center; font-size: 1.4rem; }
.chefHome_board_list{ width:100%; margin: 0 auto; box-sizing: border-box; }

.chefHome_board_list li{ width:100%; min-height: 17.5rem; padding: 2rem 4rem; box-sizing: border-box; border-bottom:1px solid #e8e8e8; background: #fff; margin-bottom: 1.4rem; }
.chefHome_board_list .list_box{ display: flex; flex-direction: row; justify-content: space-between; }
.chefHome_board_list li .board_txt{ width:76%; display: flex; flex-direction: column; justify-content: space-evenly; }
.chefHome_board_list li .board_txt .bd_tab { margin-top: .4rem; }
.chefHome_board_list li .board_txt .bd_tab span{ margin-right: .3rem; border-radius: 5rem; display: inline-block; width:4rem; height: 1.8rem; line-height: 1.7rem; text-align: center; font-size: 1.1rem; font-weight: 500; }
.tab_type{ margin-right: 0.3rem; border-radius: 5rem; display: inline-block; width: 4rem; height: 1.8rem; line-height: 1.6; text-align: center; font-size: 1.1rem; font-weight: 500; background: #fff; color:#333; border: 1px solid #333; vertical-align: 2px;}
.tab_num{ background: #333; color:#fff; border: 1px solid #333; }
.chefHome_board_list li .bd_tit{ font-size: 1.5rem; font-weight: 600; color:#000; margin: 1rem 0; }
.chefHome_board_list li .bd_con{ line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; } 
.chefHome_board_list li p{ font-size: 1.4rem; color:#666; line-height: 1.4; }
.chefHome_board_list li .bd_bt_txt{ margin-top: 1.3rem; }
.chefHome_board_list li .bd_bt_txt span{ font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif;color: #777; margin-right: 2rem; padding: 0.3rem 0; float: left; }
.chefHome_board_list li .bd_bt_txt .ic_like{ padding-left: 1.6rem; background: url('/images/icon/ic_like.gif') no-repeat left 4px; background-size:12px; font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color:#777; }
.chefHome_board_list li .bd_bt_txt .ic_like_de{ padding-left: 1.6rem; background: url('/images/icon/ic_like_de.gif') no-repeat left 4px; background-size:12px; font-size: 1.4rem; font-family: "malgun gothic","맑은 고딕",sans-serif; color:#777;}

.chefHome_board_list li .bd_bt_txt .ic_cmt{ padding-left: 1.6rem; background: url('/images/icon/ic_comment.gif') no-repeat left 7px; background-size:12px; }
.chefHome_board_list li .date { color:#888 !important; }
.chefHome_board_list li .bd_img{ width:188px; height: 134px; border-radius: 1rem; object-fit: cover; }

/*  셰프홈 - 일반게시글 view */
.chefHome_list{ width:13rem; bottom: -10.8rem; }
.btn_myBd_modify{ background: url('/images/icon/ic_modify.png') no-repeat 9rem center; background-size: 1.8rem; }
.btn_myBd_del{ background: url('/images/icon/ic_del.png') no-repeat 9rem center; background-size: 1.8rem; }
.btn_myBd_bookmark{ background: url('/images/icon/ic_bookmark.png') no-repeat 9rem center; background-size: 1.8rem; }
/* 게시글 vod */
.bd_vod_box{ margin-top: 6rem; padding-top: 6rem; border-top: 1px solid #e8e8e8; }
.bd_vod_box h3{ font-size: 2.2rem; margin-bottom: 2rem; }

/* 셰프홈 - 글쓰기 / 모임 */
.txtTop01 { position: absolute; right: 0; top: 8rem; }
.chef_write_box{  }
.chef_write_box .write_tit{ width: 100%; display: flex; flex-direction: row; border-bottom: 1px solid #ebebeb; padding: 1.2rem 0; margin-bottom: 0; }
.chef_write_box .tit_first{ border-top: 1px solid #000; }
.chef_write_box .write_tit dt { width:12rem; align-items: flex-start; padding-top: 1.4rem; box-sizing: border-box; display: flex; padding-left: 2rem; background: url('/images/icon/ic_essential.png') no-repeat left 1.6rem; background-size: 1rem; }
.chef_write_box .write_tit dt.ess_no{ background: none; }
.chef_write_box .write_tit dt label{ font-size: 1.4rem; font-weight: 500; }
.chef_write_box .write_tit dd{ width: 100%; font-size: 1.3rem; position: relative; }
.chef_write_box .write_tit input{ width: 100%; height: 4rem; line-height: 4rem; font-size: 1.4rem; box-sizing: border-box; border:1px solid #ddd; padding-left: 1rem; }
.chef_write_box .write_tit .textNum_box{ font-size: 1.4rem; border: 1px solid #ddd; }
.chef_write_box .write_tit .meet_infoIp{ border: none; width: 95%; height: 3.8rem; }
.chef_write_box .write_tit .ip_textNum{ position: absolute; top: 2rem; right: 0.6rem; color:#999; }
.chef_write_box .write_tit .ip_textNum span{ font-size: 1.2rem; color: #999; }
.chef_write_box .write_tit .meet_type{ float: left; margin-right: .8rem; width: 12rem; background: #fff; height: 3.8rem; line-height: 3.8rem; text-align: center; display: block; font-size: 1.4rem; color: #000; border: 1px solid #777; }
.chef_write_box .write_tit .meet_type.on, .chef_write_box .write_tit .meet_type:focus { background: #00593b; color:#fff; border: 1px solid #00593b; }
.chef_write_box .write_tit .date_box { position: relative; float: left; }
.chef_write_box .write_tit .date_box .ic_date { position: absolute; right: 8px; top: 10px; }
.chef_write_box .write_tit .date_box .ip_date { padding-right: 30px; width: 16rem; box-sizing: border-box; padding-right: 30px !important; }
.chef_write_box .write_tit .time_box { float: left; font-size: 1.3rem; line-height: 4rem; }
.chef_write_box .write_tit .time_box input{ vertical-align: top; margin: 0 .4rem 0 1rem; }
.chef_write_box .write_tit .time_line{ float: left; line-height: 4rem; font-size: 1.5rem; margin: 0 .6rem 0 1.2rem; }

.chef_write_box .write_tit .ip_w6{ width: 6rem; }
.chef_write_box .write_tit .ip_w4{ width: 4rem; }


/* Calendar */
.date_calendar_box{ position: absolute; z-index: 100; border: 1px solid #ccc; width: 268px; top: 46px; left: 0;  }
.month { padding: 15px; width: 100%; background: #fff; text-align: center; box-sizing: border-box; }
.month ul { margin: 0; padding: 0; }
.month ul li {  color: #000; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
.month ul li a{ color: #000; font-size: 1.5rem; }
.month ul li span{ margin: 0 5px; font-size: 1.5rem; }
.month .prev { float: left; }
.month .next { float: right; }
.weekdays { margin: 0; padding: 1rem .8rem; background-color: #eee; }
.weekdays li { display: inline-block; width: 13.5%; color: #333; text-align: center; font-size: 1.3rem;  }
.days { padding: 1rem .8rem; background: #fff; margin: 0; }
.days li { list-style-type: none; display: inline-block; width: 13.5%; text-align: center;  font-size: 1.2rem; color: #777; }
.days li a{ width: 3.5rem; height: 3.5rem; line-height: 3.5rem; display: block; font-size: 1.2rem; font-family: "맑은 고딕",Malgun Gothic; }
.days li .active { background: #00593b; color: #fff !important; font-weight: bold; border-radius: 5rem; }
.days li a:hover{ font-weight: bold;}

.chef_write_box .write_con{ min-height: 34rem; border:1px solid #ddd; padding:0; margin-bottom: 1.2rem; position: relative; box-sizing: border-box; }
.chef_write_box .write_tag { border:1px solid #ddd; padding: 0.6rem; position: relative; margin-bottom: 1.2rem; }
.chef_write_box .write_tag .tag_input_box{ width: 100%; display: inline-block; }
.chef_write_box .write_tag .tag_input_box .tag_box{ position: relative; display: block; float: left;
  padding: 0 14px; height: 36px; border-radius: 18px; background: #f4f4f4; color: #00593b; font-size: 1.4rem; line-height: 36px; margin: .3rem .4rem; }
.chef_write_box .write_tag .tag_input_box .tag_box::before{ content: '#'; margin-right: 4px; }
.chef_write_box .write_tag .tag_input_box input{ width: 100%; height: 4.2rem; line-height: 4.2rem; font-size: 1.4rem; box-sizing: border-box; padding-left: 1rem; border: none; }

.sp_placeSel{ position: relative; margin: 0 .2rem !important; vertical-align: top !important; display: inline-block; }
.sp_placeSel .img_del { top: .3rem; right: .3rem; background: #fff; color: #999; font-size: 1.6rem; }
.chef_write_box .write_tit .btn_place{ padding: 0 2rem 0 4rem; background: #f7f7f7 url('/images/icon/icon_place.png') no-repeat 1rem center; height: 3.8rem; line-height: 3.8rem; text-align: center; display: inline-block; font-size: 1.3rem; color: #333; border: 1px solid #ddd; vertical-align: bottom; margin-left: 0.2rem; }
.chef_write_box .write_tit .sel{ background: #fff url('/images/icon/icon_place.png') no-repeat 1rem center; cursor: default; padding: 0 3.4rem 0 4rem; }
.chef_write_box .write_tit span{ font-size: 1.3rem; margin: 0 .4rem; vertical-align: middle; }
.chef_write_box .write_tit .txt_sm{ font-size: 1.3rem; margin: 1rem 0; }
.chef_write_box .write_tit .ip_price{ width:16rem; text-align: right; }
.chef_write_box .write_tit textarea { width:100%; border: 1px solid #ddd; padding: 1rem; box-sizing: border-box; font-size: 1.4rem; }
.chef_write_box .write_tit .meetNum_info_con{ border: 1px solid #ddd; background: #f9f9f9; padding: 1rem 2rem; }
.meetNum_info_con .numInfo_line{ display: flex; flex-direction: row; margin-bottom: 0.8rem; }
.meetNum_info_con .numInfo_line:last-child{ margin-bottom: 0; }
.meetNum_info_con .numInfo_line .num_tt{ width:5rem; display: flex; align-items: center; font-weight: 500; padding-left: 1rem; }
.meetNum_info_con .numInfo_line .ip_meetNum_info{ width: 70%; margin-right: 1rem; }

.chef_write_box .write_tit .upImg_box{ font-size: 1.4rem; font-weight: 500; display: flex; flex-direction: row; flex-wrap: wrap; }
.chef_write_box .write_tit .upImg_box span{ display: flex; align-items: flex-end; }
.chef_write_box .write_tit .upImg_box span:nth-child(n+9){ margin-top: 1rem;}
.chef_write_box .write_tit .upImg_box .upload_img { margin-right: .4rem; position: relative; }
.img_del { position: absolute; top: .1rem; right: .1rem; background: #888; color:#fff; font-size: 1.4rem; display: block; width: 2rem; height: 2rem; line-height: 1.9rem; text-align: center; }
.chef_write_box .write_tit .upImg_box .upload_img img{ width:11rem; height: 8rem; object-fit: cover; border: 1px solid #ddd; }
.chef_write_box .write_tit .upImg_box .btn_file_up{ padding: 0 1rem 0 3.6rem; background: #f7f7f7 url('/images/icon/icon_upload.png') no-repeat .8rem center; height: 3.8rem; line-height: 3.8rem; text-align: center; display: inline-block; font-size: 1.3rem; color: #333; border: 1px solid #ddd; vertical-align: bottom; margin-left: 0.2rem; background-size: 2.4rem; }

/* 셰프홈관리 */
.chefHome_mem { position: absolute; right: 9rem; bottom:3.6rem; }
.chefHome_mem .memNum{ padding: 0 2rem 0 4rem; background: #009261 url('/images/icon/ic_chefHome_like.png') no-repeat 1.6rem center; background-size: 1.6rem; margin-left: 1rem; font-size: 1.3rem; color: #fff; display: block; line-height: 3rem; min-width: 20rem; height: 3.2rem; text-align: center; float: left; border-radius: 5rem; box-sizing: border-box; }
.admin_mng_box_wrap{ width: 1000px; margin: 0 auto; margin-bottom: 6rem; }
.admin_mng_box_wrap h3{ text-align: left; }
.admin_mng_box_wrap .top_tt{ font-size: 1.5rem; font-weight: 500; margin-bottom: 2.4rem; border-bottom:1px solid #ddd; padding-bottom: 2.4rem; }
.admin_mng_list{ display:flex; flex-wrap: wrap; width: 100%; margin: 0 auto; box-sizing: border-box; padding-bottom: 8rem; }
.admin_mng_list li{ border:1px solid #e7e7e7; border-radius: 1.5rem; padding: 2rem 2.4rem; margin-bottom: 1.6rem; width:70%; display: flex; box-sizing: border-box; position: relative; }
.admin_mng_list li:nth-child(3n+3){ margin-right: 0; }
.admin_mng_list .profile_img{ position: relative; }
.admin_mng_list .profile_img .btn_photo_reg{ position: absolute; top:6.2rem; right: -.4rem; width: 2.4rem; height: 2.4rem; background:#fff url("/images/icon/icon_photo_reg.png") no-repeat 0 0; background-size: 2.4rem; border:1px solid #ddd; border-radius: 5rem; }
.admin_mng_list .admin_img{ width:9rem; height: 9rem; border-radius: 5rem; }
.admin_mng_list .admin_img_de{ width:9rem; height: 9rem; border-radius: 5rem; border: 1px solid #ddd; background: #ccc; }
.admin_mng_list .admin_tit{ width:64%; margin-left: 3rem; }
.admin_mng_list .admin_tit p{ word-break: keep-all; line-height: 1.5; }
.admin_mng_list .admin_tit .name{ font-size: 1.8rem; font-weight: 600; color:#000; margin-bottom: .4rem; }
.admin_mng_list .admin_tit .name_en{ font-family: Montserrat,'Noto Sans KR',sans-serif; font-size: 1.5rem; font-weight: 500; color:#777; margin-bottom: .8rem; letter-spacing: .5px; margin-left: 1.4rem; }
.admin_mng_list .admin_tit .profile{ font-size: 1.3rem; color:#555; padding: 1.6rem 2rem;     border: 1px solid #eee; background: #f7f7f7; margin-top: 1rem; }
.admin_mng_list .reg_date{ position: absolute; top: 2rem; right: 2rem; color: #009261; font-size: 1.2rem; font-weight: 500; }
.admin_mng_list .profile_modify{ border:1px solid #ddd; background: #fff; padding: .4rem 1.2rem; font-size: 1.4rem; color:#555; display: block; height: 2rem; line-height: 1.9rem; position: absolute; bottom: 2rem; right: 2rem; }
.admin_mng_list .profile_modify:hover{ background: #fafafa;}
.admin_mng_list .list_addNdel{ position: absolute; bottom: .6rem; right: -27rem; width: 25rem; }
.admin_mng_list .list_addNdel a{ margin: 0 .3rem; padding: .7rem 1.4rem .7rem 3rem; font-size: 1.4rem; height: 2rem; line-height: 1.9rem; float: left; position: relative; border-radius: 5rem; }
.admin_mng_list .list_addNdel a:hover{ opacity: .9; }
.admin_mng_list .list_addNdel .btn_del{ background: #aaa; color:#fff; }
.admin_mng_list .list_addNdel .btn_del::before{ left: 1.4rem; position: absolute; content: "-"; } 
.admin_mng_box_wrap .admin_mng_list .list_addNdel .btn_add{ background: #00593b; color:#fff; }
.admin_mng_box_wrap .admin_mng_list .list_addNdel .btn_add::before{ left: 1.4rem; position: absolute; content: "+"; } 



/* 마스터살롱 - 모임 예약 */
.meet_res_box{ width:100%; }
.meet_res_box .meet_res_top{ padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #ddd; display: flex; flex-direction: row; }

/* 상단 - 이미지 영역 */
.meet_res_box .meet_res_top .meet_top_img{ width:50%; }
.meet_res_box .meet_res_top .top_img_mo{ display: none; }
.meet_top_img #thumbnails { white-space: nowrap; width: 100%; margin-top: .4rem; cursor: pointer; }
.meet_top_img .wrapper { position: relative; overflow-x: scroll; scroll-behavior: smooth; display: flex; }
.meet_top_img .wrapper::-webkit-scrollbar { display: none; }
.meet_top_img #slide { position: relative; height: 562px; border:1px solid #ddd; }
.meet_top_img #preview { width: 100%; height: 100%; object-fit: cover; opacity: 1 !important; }
.meet_top_img .thumbnail { width: 200px; height: 152px; opacity: 0.8; box-sizing: border-box; padding: 0 0.2rem; object-fit: cover; /*-webkit-filter: grayscale(100%); Safari 6.0 - 9.0; filter: grayscale(100%);*/ }
.meet_top_img .thumbnail:last-child { margin-right: 0;}
.meet_top_img .selected { opacity: 1; }
.meet_top_img .thumbnail:hover { opacity: 1; }
#gallery { width: 100%; margin: 0 auto; }
.meet_top_img .caption-container { text-align: center; background: #01579b66; padding: 2px 8px; color: white; }
.meet_top_img .prev, .meet_top_img .next { cursor: pointer; position: absolute; bottom: -96px; z-index: 100; width: auto; margin-top: -50px; color: white; font-weight: bold; font-size: 30px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
.meet_top_img .next { width: 32px; height: 32px; right: .6rem; background: url('/images/btn/controls.png') no-repeat -38px -2px !important; }
.meet_top_img .prev {width: 32px; height: 32px; left: .2rem; background: url('/images/btn/controls.png') no-repeat 0 -2px !important; }

/* 상단 - 타이틀 영역 */
.meet_res_box .meet_res_top .meet_res_title{ position: relative; width:50%; margin-left: 5rem; border: 1px solid #ddd; border-radius: .5rem; padding: 3rem 4.2rem; box-sizing: border-box; float: right; }
.meet_res_box .meet_res_top .meet_res_title .top_tit{ padding-bottom: 3rem; border-bottom: 1px solid #ddd; }
.meet_res_box .meet_res_top .meet_res_title .top_tit p{ font-size: 1.4rem; font-weight: 500; line-height: 1.6; }
.meet_res_box .meet_res_top .meet_res_title .top_tit .meet_tab span{ margin-right: .3rem; border-radius: 5rem; display: inline-block; width:auto; height: 1.8rem; padding: 0 0.6rem; line-height: 1.7rem; text-align: center; font-size: 1.1rem; font-weight: 500; }
.meet_res_box .meet_res_top .meet_res_title .top_tit .tit{ font-size: 2rem; font-weight: 700; color:#000; margin: 1.6rem 0; line-height: 1.4; }
.meet_res_box .meet_res_top .meet_res_title .top_tit .price{ font-size: 2rem; font-weight: 700; color:#00593b; margin-bottom:2rem; text-align: right; width: 100%; }
.meet_res_box .meet_res_top .meet_res_title .top_tit .price span{ font-size: 2rem; font-weight: 600;  color:#000; margin-right: .4rem; }
.meet_res_box .meet_res_top .meet_res_title .top_tit .txt{ display: inline-block; background: #f7f7f7; padding: 2rem 3rem; word-break: keep-all; width: 100%; box-sizing: border-box; }
.meet_res_box .meet_res_top .meet_res_title .top_info_box{ margin-top: 3rem; }
.meet_res_box .meet_res_top .meet_res_title .top_info_box .info_tit{ text-align: center; margin-bottom: 2rem; font-size: 1.6rem; font-weight: 600; color:#000; }
.meet_res_box .meet_res_top .meet_res_title .top_info_box .info_txt{ display: inline-block; border: 1px solid #ebebeb; padding: 0.4rem 2rem; width: 100%; box-sizing: border-box; }
.top_info_box .info_txt .txt_box{ width:100%; display: flex; border-bottom: 1px solid #ebebeb; padding: 1.6rem 1rem; box-sizing: border-box; }
.top_info_box .info_txt .txt_box:last-child { border-bottom: none; }
.top_info_box .info_txt .txt_box li { font-size: 1.4rem; font-weight: 500; float: left; line-height: 1.5; }
.top_info_box .info_txt .txt_box li:first-child { width: 15%; display: flex; align-items: center; font-weight: 600; }
.top_info_box .info_txt .txt_box li:last-child { width: 85%; }
.top_info_box .info_txt .txt_box li p{ font-size: 1.4rem; font-weight: 500; } 
.top_info_box .info_txt .txt_box li .txt_gr { font-size: 1.4rem; font-weight: 500; margin-left: .6rem; }
.top_info_box .info_txt .txt_box li .txt_sm{ font-size: 1.3rem; font-weight: 400; margin-top: .6rem; color:#555; }
.meet_res_box .meet_res_top .meet_res_title .top_btn{ margin-top: 2rem; }
.meet_res_box .meet_res_top .meet_res_title .top_btn a{ display: inline-block; width:100%; height: 5rem; line-height: 5rem; text-align: center; font-size: 1.5rem; font-weight: 500; }
.meet_res_box .meet_res_top .meet_res_title .top_btn a:hover{ opacity: .9; }

/* 오른쪽 상단 - 더보기 메뉴 */
.top_btn_more { position: absolute; top: 1rem; right: 0.6rem; }
.top_btn_more .btn_bd_modify{ display: inline-block; }
.top_btn_more .btn_bd_modify .ic_modify { display: inline-block; padding: 0.6rem 1rem; }
.top_btn_more .btn_bd_modify .ic_modify li{ width: 3px; height: 3px; background: #777; margin-bottom: 4px;  border-radius: 1rem; }
.top_btn_more .btn_bd_modify .ic_modify li:last-child{ margin-bottom: 0; }
.top_btn_more .btn_bd_modify .ic_modify:hover li{ background: #00593b; }
.top_btn_more .meet_list{ width: 13rem; bottom: -10.4rem; right: 0; }

/* 모임 예약 - 컨텐츠 영역 */
.meet_res_box .meet_res_con{ width: 100%; display: inline-block; margin-bottom: 6rem; }
.meet_res_box .meet_res_con .meet_de_con{ padding: 5rem 8rem; background: #f9f9f9; border: 1px solid #ebebeb; border-radius: .5rem; }
.meet_de_con dl{ line-height: 1.6; padding-bottom: 3.6rem; margin-bottom: 3rem; border-bottom: 1px dashed #ddd; }
.meet_de_con dl:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0; }
.meet_de_con dt{ font-size: 1.6rem; font-weight:600; color:#000; margin-bottom: 1rem; }
.meet_de_con dd{ font-size: 1.4rem; color:#555; }
.meet_de_con dd .txt_red{ font-weight: 500; text-decoration: underline; }
.meet_de_con dd span, .meet_de_con dd p{ font-size: 1.4rem; color:#555; }
.meet_de_con .round_info{ width:60%; text-align: center; border: 1px solid #ddd; background: #fff;; }
.meet_de_con .round_info tr{ border-bottom: 1px solid #ddd; height: 4rem; line-height: 4rem; }
.meet_de_con .round_info th{ font-size: 1.3rem; font-weight: 500; border-right: 1px solid #ddd; background: #f9f9f9; vertical-align: middle; }
.meet_de_con .round_info th:last-child{ border-right: none; }
.meet_de_con .round_info td{ font-size: 1.3rem; border-right: 1px solid #ddd; vertical-align: middle; }
.meet_de_con .round_info td:last-child{ border-right: none; }
.meet_de_con .round_info td.tit{ text-align: left; padding-left: 2rem; }
.meet_de_con .leader_int{ display: flex; flex-direction: row; padding-top: 1rem; }
.meet_de_con .leader_int img{ width: 10rem; height: 10rem; object-fit: cover; border-radius: 5rem; }
.meet_de_con .leader_int .int_txt{ margin-left: 3rem; }
.meet_de_con .leader_int .int_txt p{ font-size: 1.4rem; }
.meet_de_con .leader_int .int_txt .name{ font-size: 1.4rem; font-weight: 600; color: #333; margin-bottom: 1rem; }
.meet_de_con .leader_int .int_txt .chef_tt{ font-size: 1.4rem; font-weight: 500; color: #333; margin-bottom: .6rem; }
.meet_de_con .leader_int_tag{ padding: 3rem 0 0 0; border-bottom: none; }
.meet_de_con .leader_int_tag li{ background: #fff; border: 1px solid #ebebeb; }

/* 결제 공지사항 / 꼭 읽어주세요 */
.meet_notice{ padding: 5rem 8rem; background: #f9f9f9; border: 1px solid #ebebeb; border-radius: .5rem;  }
.meet_notice h3{ font-size: 1.5rem; font-weight:600; color:#000; margin-bottom: 1.6rem; position: relative; padding-left: 2.6rem; }
.meet_notice .txt_red::before { position: absolute; content: '!'; font-size: 1.5rem; background: #ed2040; color: #fff; width:18px; height: 18px; line-height: 17px; left: 0rem; top:-1px; border-radius: 5rem; text-align: center; }
.meet_notice .txt_red {font-size: 1.5rem; }
.meet_notice .notice_ul { margin-top: 1rem; }
.meet_notice .notice_ul .li_tt{ list-style: none; font-weight: 500; }
.meet_notice > ul > li{ font-size: 1.4rem; line-height: 1.8; list-style: inside; padding-left: 0.6rem; }
.meet_notice > ul > li::marker{ font-size: 1rem; }
.meet_notice > ul > li.li_no{ list-style: none !important; padding-left: 2rem; }
.meet_notice > ul > li .txt_gr{ font-size: 1.4rem;  }
.meet_res_box > .bd_vod_box{ margin-bottom: 0; }
.sticky_btn{ display: none;}

/* 세미나 - 예약 */
.meet_res_box .meet_res_top .top_semi_img_mo{ display: none; }
.chef_write_box .write_tit dd .btn_teacherSel{display: inline-block; width: 100%; margin-bottom: 1rem; }
.chef_write_box .write_tit .upPhoto_box span{ margin: 0; }
.chef_write_box .write_tit .upPhoto_box .btn_photo_up{ padding: 0 2.2rem 0 4.6rem; background: #f7f7f7 url('/images/icon/icon_upload.png') no-repeat 1.4rem center; height: 3.8rem; line-height: 3.8rem; text-align: center; display: inline-block; font-size: 1.3rem; color: #333; border: 1px solid #ddd; vertical-align: bottom; background-size: 2.4rem; margin-bottom: 1rem; }
.chef_write_box .write_tit .ip_teacherName{ width:40%; margin-bottom: 1rem; }
.chef_write_box .write_tit .text_teacherPro{ width:100%; }
.my_in_box .orderList_con:last-child{ padding-bottom: 0; }

/* 이벤트 */
.evt_content_wrap{ width: 1000px; margin: 0 auto; padding: 6rem 0 4rem 0; position: relative; }

.evt_content_wrap .evt_list_con{ margin-bottom: 4rem; }
.evt_content_wrap h3{ font-size: 3rem; font-weight: 700; color: #fff; margin-bottom: 3rem; letter-spacing: -1px; }
.evt_content_wrap .evt_list{ display: flex; flex-direction: row; flex-wrap: wrap; }
.evt_content_wrap .evt_list li{ width: calc(50% - 1rem); margin-bottom: 6rem; }
.evt_content_wrap .evt_list li:nth-child(2n){ margin-left: 2rem; }
.evt_content_wrap .evt_list li a{ display: block; }
.evt_content_wrap .evt_list .evt_box img{ width:100%; height: 30rem; object-fit: cover; }
.evt_content_wrap .evt_list .evt_box .evt_text { background: #222; padding: 2rem 3rem; box-sizing: border-box; margin-top: -0.1rem; min-height: 13rem; }
.evt_content_wrap .evt_list .evt_box .evt_text dd{ font-size: 1.6rem; font-weight: 600; color:#fff; line-height: 1.6; }
.evt_content_wrap .evt_list .evt_box .evt_text dd:last-child{ font-size: 1.4rem; font-weight: 400; margin-top: 1.6rem; color:#ccc; }

.evt_content_wrap .evt_endList li{ width: calc(33.3% - 1.3rem); margin: 0 2rem 3rem 0; }
.evt_content_wrap .evt_endList li:nth-child(2n){ margin-left: 0; }
.evt_content_wrap .evt_endList li:nth-child(3n){ margin-right: 0; }
.evt_content_wrap .evt_endList .evt_box img{  height: 20rem; opacity: .8; }
.evt_content_wrap .evt_endList .evt_box .evt_text { min-height: 14.6rem; }
.evt_content_wrap .evt_endList .evt_box .evt_text dd{ font-size: 1.4rem; }

.evt_pc{ display: block; }
.evt_mo{ display: none; }

.btn_more_bk { margin: 4rem 0 8rem 0; position: relative; }
.btn_more_bk a { display: block; margin: 0 auto; font-size: 1.6rem; color: #fff; font-weight: 400;font-family: Montserrat,'Noto Sans KR',sans-serif; text-align: center; }
.btn_more_bk a::after { background: url("/images/btn/btn_more_arrow_01.png") 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; margin-left: 0.6rem; }

/* 마스터살롱 - 모임/세미나 메인 */
.masterMt_top{ width:100%; height: 256px; margin:0 auto; background: #111 url('/images/img/sub_top_masterMt.jpg') no-repeat top center; }
.masterMt_top_mo{ display: none;}
.masterSl_meet_box{ width:100%; }
.tabmenu_meet { display: flex; justify-content: center; margin-bottom: .4rem; }
.tabmenu_meet li { text-align: center; }
.tabmenu_meet a { background: #333; color:#fff; float: left; border: none; cursor: pointer; padding: 0 2rem; transition: 0.3s; font-size: 1.4rem; border-radius: 3rem; margin: 0 .4rem; min-width: 13rem; height: 3.6rem; line-height: 3.4rem; box-sizing: border-box; }
.tabmenu_meet li.on a{ background: #009261; }
.tabmenu_meet li a:hover{ background: #009261; }
#tabContent{ display: inline-block; width: 100%; }
.tab_div_meet .meet_tab_1 {display:block;}
.tab_div_meet .meet_tab_2 {display:none;}
.tab_div_meet .meet_tab_3 {display:none;}
.masterMt_list{ flex-wrap: wrap; }

/* 미팅/세미나 리스트 박스 */
.masterMt_list_wrap{ width: 1200px; margin: 0 auto; padding: 2rem 0 6rem 0; }
.masterMt_list_wrap .masterMt_list{ display:flex; width: 100%; margin: 0 auto; box-sizing: border-box; margin-bottom: 1.4rem; }

/* 미팅/세미나 리스트 - 이미지 */
.masterMt_list_wrap .masterMt_list .meet_box{width: calc(25% - 1.8rem); margin-right: 2rem; margin-bottom: 6rem; border:1px solid #ddd; border-radius: 1rem; position: relative; }
.masterMt_list_wrap .masterMt_list .meet_box:nth-child(4n){ margin-right: 0; }
.masterMt_list_wrap .masterMt_list .meet_box .class_ma_img { width: 100%; height: 220px; object-fit: cover; border-radius: 1rem 1rem 0 0; }
.masterMt_list_wrap .masterMt_list .meet_box .class_ma_img:hover{ opacity: .9;}
.masterMt_list_wrap .masterMt_list .meet_box .img01 { background: url('/images/img/ma_salon01.jpg') no-repeat center; background-size: cover; }
.masterMt_list_wrap .masterMt_list .meet_box .img02 { background: url('/images/img/ma_salon02.jpg') no-repeat center; background-size: cover; }
.masterMt_list_wrap .masterMt_list .meet_box .img03 { background: url('/images/img/ma_salon03.jpg') no-repeat center; background-size: cover; }
.masterMt_list_wrap .masterMt_list .meet_box .img04 { background: url('/images/img/ma_salon04.jpg') no-repeat center; background-size: cover; }

/* 미팅/세미나 리스트 - 텍스트 */
.masterMt_list_wrap .masterMt_list .meet_box .ic_top { position: absolute; z-index: 50; margin:1rem 0 0 1rem;  }
.masterMt_list_wrap .masterMt_list .meet_box .ic_top .num, .masterMt_list_wrap .masterMt_list .meet_box .ic_top .ic_res{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 2.2rem; width: 6.5rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; text-align: center; }
.masterMt_list_wrap .masterMt_list .meet_box .ic_top .num{ background: #333; }
.masterMt_list_wrap .masterMt_list .meet_box .ic_top .res01{ background: #00593b; }
.masterMt_list_wrap .masterMt_list .meet_box .ic_top .res02{ background: #000; }
.masterMt_list_wrap .masterMt_list .meet_box .ic_top li:nth-child(+2) { margin-top: .4rem; }
.masterMt_list_wrap .masterMt_list .meet_box .class_txt_box{ width: 100%; min-height: 15rem; padding: 1.8rem 2rem 2.4rem 2rem; position: relative; box-sizing: border-box; }
.masterMt_list_wrap .masterMt_list .meet_box .class_tt p{ color: #000; font-size: 1.6rem; font-weight: 700; line-height: 1.3; max-height: 4.3rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
.masterMt_list_wrap .masterMt_list .meet_box .class_tt p.name{ width:65%; color: #555; font-size: 1.4rem; margin-top: 1rem; }
.masterMt_list_wrap .masterMt_list .meet_box .category { position: absolute; right: 2rem; bottom: 8rem; display: flex; align-items: center; box-sizing: border-box; height: 2rem; line-height: 2rem; padding: .2rem .7rem; font-size: 1.2rem; font-weight: 400; color:#333; border-radius: 5rem; border:1px solid #333; }
.masterMt_list_wrap .masterMt_list .meet_box .date{ width: 100%; display: inline-block; margin-top: 1.6rem; padding-top: 2rem; border-top: 1px solid #ddd; }
.masterMt_list_wrap .masterMt_list .meet_box .date li{ color:#666; font-size: 1.3rem; float: left; letter-spacing: -0.5px; }
.masterMt_list_wrap .masterMt_list .meet_box .date li:nth-child(+2){ margin-left: .6rem; padding-left: .6rem; background: url('/images/bl/line_gray.gif') no-repeat 0 .2rem;}
.masterMt_list_wrap .masterMt_list .meet_box .tag li{ display: inline-block; align-items: center; box-sizing: border-box; height: 1.7rem; padding: .2rem .6rem; font-size: 1.2rem; font-weight: 200; color:#fff; background: #444; border-radius: 5rem; margin-right: .5rem; }

/* 미팅/세미나 완료시 - 불투명배경 */
.mt_com_box{ position: absolute; width:100%; height: 220px; z-index: 100; }
.mt_com_box p{ width:100%; height: 100%; color: #fff; font-size: 1.6rem; font-weight: 600; letter-spacing: 1px; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 200; }
.mt_com_box .bg_com{ width:100%; height: 100%; background: #000; opacity: .5; border-radius: 1rem 1rem 0 0; }

.btn_more_wh{ position: relative; }
.btn_more_wh a { display: block; margin: 0 auto; font-size: 1.6rem; color: #000; font-weight: 600; font-family: Montserrat,'Noto Sans KR',sans-serif; text-align: center; }
.btn_more_wh a::after { background: url("/images/btn/btn_more_arrow_02.png") 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; margin-left: 0.6rem; }

/* 마스터클래스 - 공간예약 */
.space_res_in_box { position: relative; width: 100%; padding: 3rem 0 14rem 0; margin: 0 auto; }
.space_res_box { width:100%; margin: 0 auto; position: relative; }
.space_res_box .bx-wrapper .bx-controls { width: 1200px; margin: 0 auto; }
.space_res_box .bx-wrapper .bx-controls-direction { width: 1200px; margin: 0 auto; bottom: 50%; position: absolute; }
.space_res_box .bx-wrapper .bx-prev:hover, .space_res_box .bx-wrapper .bx-next:hover { opacity: .8; }
.space_res_box .bx-wrapper .bx-pager .bx-default-pager a{ width:4rem !important; height: .4rem !important; border-radius: 0 !important; margin: 0 4px !important; }
.space_res_box .bx-wrapper .bx-pager{ display: flex; position: relative; bottom: 3rem; padding-top: 0; z-index: 50; width:100%; justify-content: center; }
.space_res_box .bx-wrapper .bx-pager div{ float: left; }
.space_res_box .bx-wrapper .bx-pager.bx-default-pager a{ background: #aaa; width: 10rem !important; }
.space_res_box .space_res_slider{ display: flex; height: 50rem; justify-content: center; }
.space_res_box .slide_img01{ background: url('/images/img/space_intro01.jpg') no-repeat center top; height: 50rem; z-index: 1 !important; }
.space_res_box .slide_img02{ background: url('/images/img/space_intro02.jpg') no-repeat center top; height: 50rem; z-index: 1 !important; }
.space_res_box .slide_img03{ background: url('/images/img/space_intro03.jpg') no-repeat center top; height: 50rem; z-index: 1 !important; }
.space_res_box .bx-wrapper .bx-prev { position: relative; margin-left: 0 !important; }
.space_res_box .bx-wrapper .bx-next { position: relative; margin-right: 0 !important; }
.space_res_mo { display: none; } /* 모바일 - 숨김 */

.space_res_in_box .info_con{ width:1200px; display: flex; flex-direction: row; justify-content: center; margin:0 auto; padding-bottom: 8rem; }
.space_res_in_box .info_con li{ width:29%; background: #222; padding: 3rem 2rem; box-sizing: border-box; margin: 0 1rem; height: 16rem; display: flex; flex-direction: column; justify-content: space-evenly; }
.space_res_in_box .info_con li p{ color:#c9c9c9; font-size: 1.4rem; text-align: center; line-height: 1.4; } 
.space_res_in_box .info_con .info_tt{ font-size: 1.8rem; font-weight: 700; color:#fff; }
.space_res_in_box .info_con .info_tt_video { font-size: 1.8rem; font-weight: 700; color:#fff; margin: 1.4rem 0 1.6rem 0; }
.space_res_in_box .info_con .time{ font-size: 1.8rem; font-weight: 700; color:#00aa71; }
.space_res_in_box .info_con .tt_num { letter-spacing: 1px; background: url('/images/icon/ic_phone.png') no-repeat left center; background-size: 2rem; width: 19rem; margin: 0 auto; padding-left: 1rem; }
.space_res_in_box .info_con .tt_num a{ font-size: 2rem; font-weight: 700; color:#fff; } 

/* 스튜디오 활용 */
.studio_use_wrap{ width:100%; background: #000; padding: 8rem 0; }
.studio_use_wrap .studio_use{ width: 1200px; margin:0 auto; text-align: center; }
.studio_use_wrap .studio_use h3{ font-size: 2.2rem; font-weight: 700; color: #fff; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 2rem; word-break: keep-all; padding: 0 1rem; }
.studio_use_wrap .studio_use h3 .txt_gr01{ font-size: 2.2rem; font-weight: 700; }
.studio_use_wrap .studio_use h5 { font-size: 1.9rem; font-weight: 700; color: #fff; letter-spacing: -0.5px; margin-bottom: 2.5rem; word-break: keep-all; padding: 0 1rem; line-height:42px;  }
.studio_use_wrap .studio_use h5 strong {display:inline-block; width:30px; height:30px; border-radius:500px; background-color:#fff; color:#333; font-size:21px; line-height:30px; text-align:center; margin-right:5px; margin-bottom:-5px; }
.studio_use_wrap .studio_use .top_txt{ font-size: 1.4rem; font-weight: 500; color: #fff; line-height: 1.5; word-break: keep-all; margin-bottom: 4rem ; display: inline-block; }
.studio_use_wrap .studio_use .use_box{ display: flex; flex-direction: row; }
.studio_use_wrap .studio_use .use_box li{ text-align: center; width:25%; margin:0 .8rem; }
.studio_use_wrap .studio_use .use_box li img{ width:100%; height: auto; }
.studio_use_wrap .studio_use .use_box li p{ color:#fff; font-size: 1.5rem; margin-top: 1.6rem; }

/* 스튜디오 소개 */
.studio_info_wrap{ width:100%; background: #fafafa; padding: 8rem 0; }
.space_res_in_box .studio_info{ width:1200px; margin:0 auto; padding: 6rem 0 6rem 0; }
.space_res_in_box .studio_info:last-child{ margin-bottom: 0; }
.space_res_in_box .studio_info .st_info_box { margin-bottom: 3rem; display: flex; justify-content: space-between; }
.space_res_in_box .studio_info .st_info_box .info_img img{ width:100%; height: 100%; object-fit: cover; }  
.space_res_in_box .studio_info .box01{ flex-direction: row; }
.space_res_in_box .studio_info .box01 .info_img{ padding-right: 4rem; }
.space_res_in_box .studio_info .box02{ flex-direction: row-reverse; }
.space_res_in_box .studio_info .box02 .info_img{ padding-left: 4rem; }
.space_res_in_box .studio_info .st_info_box .info_tt{ width: 68rem; display: flex; flex-direction: column; padding: 2rem 0; }
.space_res_in_box .studio_info .st_info_box .info_tt p{ font-size: 1.4rem; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.space_res_in_box .studio_info .st_info_box .info_tt p.tt01{ font-size: 1.4rem; font-weight: 500; color:#00593b; letter-spacing: 1px; margin-bottom: 1.4rem;  }
.space_res_in_box .studio_info .st_info_box .info_tt p.tt02{ font-size:2.2rem; font-weight: 700; color:#000; margin-bottom: 2rem; line-height: 1.4; }
.space_res_in_box .studio_info .st_info_box .info_tt .btn_more_st{ margin-top: 8rem; }
.space_res_in_box .studio_info .st_info_box .info_tt .btn_more_st a{ width: 100%; height: 5rem; line-height: 5rem; border:1px solid #000; font-size: 1.4rem; font-weight: 500; color:#000; display: block; text-align: center; }

.studio_info h3 { font-size: 2rem; font-weight: 700;color: #000; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 3rem; word-break: keep-all; text-align: center; }




.studio_info .studio_merit { width: 70%; margin:0 auto; }
.studio_info .studio_merit .list { margin-bottom: 2rem; width: 100%; border:1px solid #ebebeb; border-radius: 10rem; text-align: center; padding: 2.4rem 1rem 3rem 1rem; box-sizing: border-box; background: #fff; }
.studio_info .studio_merit .list h4{ color:#000; font-size: 1.6rem; padding: 4rem 0rem 1rem 0rem; }
.studio_info .studio_merit .list h4.h4_01{ background: url('/images/icon/ic_studio_mr01.png') no-repeat center top; background-size: 2.4rem; }
.studio_info .studio_merit .list h4.h4_02{ background: url('/images/icon/ic_studio_mr02.png') no-repeat center top; background-size: 2.4rem; }
.studio_info .studio_merit .list h4.h4_03{ background: url('/images/icon/ic_studio_mr03.png') no-repeat center top; background-size: 2.4rem; }
.studio_info .studio_merit .list p{ color:#333; font-size: 1.4rem; font-weight: 500; line-height: 1.6; word-break: keep-all; }
.studio_info .info_list{ width: 70%; margin:0 auto; }
.studio_info .info_list li{ font-size: 1.4rem; font-weight: 500; line-height: 1.8; list-style: decimal; margin-bottom: .6rem; }
.info_gray_box{ padding: 5rem 8rem; background: #f9f9f9; padding-top: 6rem !important; border: 1px solid #ebebeb; border-radius: 0.5rem; margin-bottom: 6rem !important; box-sizing: border-box; width:100rem !important }
.studio_info .costGuide_textTt{ width: 73%; margin: 0 auto; padding: 3rem 0 1rem 0; font-size: 1.4rem; font-weight: 500; }
.costGuide_list li{ line-height: 1.4 !important; }

/* 오시는길 */
.studio_info .map { text-align: center; }
.studio_info .map img{ border:1px solid #eee; }
.studio_info .map_add { padding-top: 4rem; width:76rem; margin: 0 auto; }
.studio_info .map_add ul{ margin-bottom: 3rem; }
.studio_info .map_add ul:last-child{ margin-bottom: 0; }
.studio_info .map_add ul li{ font-size: 1.4rem; line-height: 1.6; font-weight: 500; }
.studio_info .map_add ul li.tt{ font-size: 1.6rem; font-weight: 600; color:#00593b; }

/* with 파이브잇 */
.studio_info_with_wrap{ width: 100%; background: #f5f5f5; padding: 8rem 0; margin-top: 2rem; border:1px solid #eee; border-left:none; border-right: none; display: inline-block; }
.studio_info_with{ width:1200px; margin: 0 auto; text-align: center; }
.studio_info_with h3 { font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1.4; margin-bottom: 3rem; word-break: keep-all; padding: 0 1rem; letter-spacing: 1px; }
.studio_info_with .txt_gr { font-size: 2.2rem; font-weight: 700; }
.studio_info_with .with_bn_box { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; }
.studio_info_with .with_bn_box li{ vertical-align: top; margin:0 1rem; }
.studio_info_with .with_bn_box li a{ width:100%;}
.studio_info_with .with_bn_box li a span{ display: table-cell; width: 140px; height: 140px; vertical-align: middle; border:1px solid #ddd; border-radius: 50%; background: #fff; }
.studio_info_with .with_bn_box li a span img{ width:85%; }
.studio_info_with .with_bn_box li p{ color:#000; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.1px; margin-top: 2.4rem; text-align: center; } 

/* 리뷰이미지 */
.info_review { padding: 8rem 0 0 0 !important; }
.info_review .review_list { display: flex; flex-direction: row; justify-content: center; }
.info_review .review_list li { width: 28rem; float: left; padding: 2rem 1rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 0.7rem; background: #fff; margin: 0 0.6rem; } 
.info_review .review_list li img { width: 26rem; }

/* 알립니다 */
.studio_notice_wrap{ width: 100rem; margin: 0 auto; }
.studio_notice_wrap dl{ margin-bottom: 1px; }
.studio_notice_wrap dl:first-child { border-top:1px solid #ebebeb; }
.studio_notice_wrap .answer_head { position: relative; border-bottom:1px solid #ebebeb; font-weight: 500; background: #f9f9f9 url('/images/bl/bl_gray01.gif') no-repeat 5rem center; }
.studio_notice_wrap .answer_head a { display: block; padding:2.4rem 6rem 2.4rem 7rem; font-size: 1.5rem; font-weight: 500; line-height:1.6; text-align: left; color:#000; }
.studio_notice_wrap .answer_box { position: relative; overflow: hidden; border-bottom: 1px solid #ebebeb; padding:3rem 8rem; line-height: 2; background: #fff; }
.studio_notice_wrap .answer_box .con{  display: inline-block; width: 98%; color:#333; font-size: 1.4rem; text-align: left;  }
.studio_notice_wrap .answer_box .con a{ color:#00aa71; font-size: 1.4rem; text-decoration: underline; text-align: left; }
.studio_notice_more { margin-top: 4rem; position: relative;}
.studio_notice_more a { display: block; margin: 0 auto; font-size: 1.6rem; color: #000; font-weight: 600; font-family: Montserrat,'Noto Sans KR',sans-serif; text-align: center; }
.studio_notice_more a::after { background: url("/images/btn/btn_more_arrow_bk.png") 0 0 no-repeat; background-size: 100%; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; margin-left: 0.6rem; }

/* 공간예약 - 상세 */
.studio_info_tit{ width:1200px; margin: 0 auto; padding: 2rem 6rem; box-sizing: border-box; background: #fafafa; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; }
.studio_info_tit li{ font-size: 1.8rem; font-weight: 600; color:#000; line-height: 1.8; }
.studio_info_tit li:last-child{ font-size: 2.2rem; font-weight: 700; }
.studio_info_tit li .txt_gr{ font-size: 2.2rem; font-weight: 700; color:#009261; }
.studio_info_de{ width:1200px; margin: 0 auto; padding-top: 4rem; }
.studio_info_de .de_page{ width:100%; padding-bottom: 8rem; margin: 0 auto; text-align: center;  }
.studio_info_de .de_page h3{ font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 3rem; word-break: keep-all; padding: 0 1rem; }
.studio_info_de .de_page h3 .txt_gr{ font-size: 2.2rem; font-weight: 700; color: #00593b; }
.studio_info_de .de_page h3 .h3_sm{ font-size: 1.6rem; font-weight: 400; color: #333; }
.studio_info_de .de_page img{ width:74rem; margin-bottom: 1rem; }
.studio_info_de .de_page img.ph_b{ width:100rem; margin-bottom: 1rem; }
.studio_info_de .de_page video{ width:74rem; margin-bottom: 1rem; }
.studio_info_de .de_page p{ margin-top: 2rem; font-size: 1.4rem; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.tbl_wrap{ margin-top: 4rem; }
.studio_info_tbl{ width:74rem; margin: 0 auto; border: 1px solid #ddd; }
.studio_info_tbl th, .studio_info_tbl td{ font-size: 1.4rem; padding: 1.6rem 0; border: 1px solid #ddd; border-top:none; border-left: none; }
.studio_info_tbl th{ font-weight: 500; color:#444; background: #f6f6f6; }
.studio_info_tbl td{ color:#666; line-height: 1.4; text-align: center; vertical-align: middle; }
.studio_info_tbl td:first-child{ vertical-align: middle; }
.studio_info_tbl tr{ border-bottom: 1px solid #ddd; }
.studio_info_tbl tr:last-child{ border-bottom: none; }
.info_gray_box .h3_mB{ margin-bottom: 2rem; }
.studio_info .studio_num{ text-align: center; width: 20rem; height: 2.6rem; line-height: 2.6rem; margin: 0 auto; background: url('/images/icon/ic_phone_gr.png') no-repeat left center; background-size: 2.4rem; }
.studio_info .studio_num a{ font-size: 2rem; font-weight: 700; color:#00593b; }
.studio_info .studio_num_tt{ font-size: 1.4rem; text-align: center; margin-top: 2rem; }
.studio_info_tbl .tt{ color:#333; }
/* 비용안내 */
.tbl_costGuide{ margin-top: 0; position: relative; }
.tbl_costGuide .tt{ font-weight: 600; }
.tbl_costGuide th{ background: #f3f3f3; }
.tbl_costGuide td{ background: #fff; }
.tbl_costGuide strike{ font-size: 1.4rem; color:#666; }
.text_vat{ position: absolute; top: -3rem; right: 13%; font-size: 1.3rem; color: #666; }

.studio_info_de .studio_tt{ color:#fff; background: #00593b; font-size: 2rem !important; margin: 0 42% 2rem 42% !important; padding: 0.4rem 0; justify-content: center; display: flex; box-sizing: border-box; }

/* 시설안내 */
.studio_info_fac {display: flex; flex-direction: row; justify-content: center; }
.fac_list { display: flex; flex-direction: column; padding: 0 2rem;}
.fac_list p{ margin-top: 0; }
.fac_list p.fac_icon{ padding: .6rem; text-align: center; margin-top: 0 !important; align-items: center; justify-content: center; display: flex; }
.fac_list p img{ width: 52px !important; margin-bottom: 0 !important; }

/* 검색-검색결과 */
.search_in_box { width: 1200px; padding: 8rem 0 5rem 0; margin: 0 auto; position: relative; }
.search_in_box h2 { font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #fff; margin-bottom: 2rem; }
.search_in_box h3 { font-size: 2.2rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #fff; margin-bottom: 2rem; }
.search_in_box h3 .result_num { font-size: 2rem; color: #fff; margin-left: .6rem; }
/* 검색-검색결과 - 탭 */
.tabmenu_result{ display: flex; }
.tabmenu_result li{ width:25%; text-align: center; margin: 0 .4rem; }
.tabmenu_result li:first-child{ margin-left: 0; }
.tabmenu_result li:last-child{ margin-right: 0; }
.tabmenu_result li a{ font-size: 1.6rem; font-weight: 500; color:#fff; background: #333; display: block; height: 4.5rem; line-height: 4.5rem; }
.tabmenu_result .on a{ background: #009261; }
.tabmenu_result li .num{ font-size: 1.4rem; color:#fff; margin-left: .6rem; }
.tab_div_result .result_tab_1 {display:block;}
.tab_div_result .result_tab_2 {display:none;}
.tab_div_result .result_tab_3 {display:none;}
.tab_div_result .result_tab_4 {display:none;}
.tab_div_result{ margin-top: 5rem; }

.result_tab_1, .result_tab_2, .result_tab_3, .result_tab_4 { margin: 10rem 0 5rem 0; }
.result_tab_1 { margin-top: 6rem !important; }
.tabmenu_result li.on a { border-bottom: none; }
.sticky_resultTab{ position: sticky; top: 7rem; width: 100%; background: #000; z-index: 100; padding-bottom: 1rem; }

/* 탭 - 오프라인클래스 */
.result_tab_2 .cate_list_all .off_txt .ic_top { font-size: 1.2rem; font-weight: 400; color: #fff; background: #009261; border-radius: 5rem; height: 2.2rem !important; line-height: 2.2rem; width: 6rem; text-align: center; margin: -.2rem .5rem 0 0; float: left; position: relative; }
.result_tab_2 .cate_list_all .off_txt .name{ color:#999; font-size: 1.3rem; font-weight: 700; }
.result_tab_2 .cate_list_all .off_txt .date{ margin-top: .4rem; font-size: 1.5rem; }
.result_tab_2 .cate_list_all .off_txt .tt{ margin-top: 0; line-height: 1.4;  }
.ic_end{ background: #666 !important; }
/* 탭 - 마스터살롱 */
.result_tab_3 .cate_list_all .master_txt .ic_top { font-size: 1.2rem; font-weight: 400; color: #fff; background: #009261; border-radius: 5rem; height: 2.2rem !important; line-height: 2.2rem; width: 6rem; text-align: center; margin: .2rem 0 0 0; float: left; position: relative; margin-right: .5rem;  }
.result_tab_3 .ic_num{ background: #888 !important; }
.result_tab_3 .cate_list_all .master_txt .name{ margin-top: .6rem; color:#999; font-size: 1.3rem; font-weight: 700; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.result_tab_3 .cate_list_all .master_txt .date{ margin-top: .6rem; font-size: 1.6rem; width: 82%; display: flex; flex-direction: row; white-space: nowrap; }
.result_tab_3 .cate_list_all .master_txt .date li{ float: left; font-size: 1.3rem; background: none; padding: 0 1rem; margin: 0; border-radius: 0; color:#fff; }
.result_tab_3 .cate_list_all .master_txt .date li:first-child { padding-left: 0; }
.result_tab_3 .cate_list_all .master_txt .date li:last-child{ background: url('/images/bl/line_gray.gif') no-repeat 0 0.4rem; text-overflow: ellipsis; overflow: hidden; }
.result_tab_3 .cate_list_all .master_txt .category { height: 2rem; line-height: 1.4rem; padding: 0.2rem 0.7rem; font-size: 1.2rem; color: #fff; border:1px solid #fff; border-radius: 5rem; margin-left: 1rem; vertical-align: 1px; position: absolute; right: 3rem; bottom:2rem; box-sizing: border-box; }
.result_tab_3 .master_txt { width: 73% !important; position: relative; }

/* 탭 - 셰프홈 */
.master_list{ margin-top: 3.6rem; display: flex; flex-wrap: wrap; }
.master_list > li { display: flex; flex-direction: column; width: calc(20% - 4rem); -webkit-box-align: center; align-items: center; margin: 0px 2rem; }
.master_list > li:nth-child(n+6){ margin-top: 4rem; }
.master_list > li a{ width:100%; }
.master_list .master_img { width:16rem; height: 16rem; position: relative; margin: 0 auto; }
.master_list .master_img img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; }
.master_list .master_img img:hover { opacity: 0.8; }
.master_list .master_txt { padding-top: 2rem; width: 16rem; margin: 0 auto;  }
.master_list .master_txt .name{ font-size: 1.5rem; color:#fff; font-weight: 400; margin-bottom: 1rem; letter-spacing: 0.5px; text-align: center; }
.master_list .master_txt .tag { display: flex; flex-wrap: wrap; justify-content: center; }
.master_list .master_txt .tag > li{ font-size: 1.2rem; color:#ddd; font-weight: 400; background: #444; padding: 0.1rem 0.5rem; height:1.7rem; line-height:1.6rem; margin: 0 .3rem; border-radius: 3rem; margin-bottom: 0.4rem; }

/* 학습로드맵 */
.loadmapFlow_top { width: 100%; height: 256px; margin: 0 auto; background: #111 url("/images/img/sub_top_loadmap.jpg") no-repeat top center; }
.loadmapFlow_top_mo{ display: none; }
.img_flow_pc{ display: block; margin: 0 auto; }
.img_flow_mo{ display: none; }

/* 학습로드맵 - 스텝 */
.loadmap_wrap .loadmap_tt { width: 100%; display: inline-block; padding: 8rem 0 5rem 0; background: #fff; }
.loadmap_wrap .loadmap_tt h3 { font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 3rem; word-break: keep-all; padding: 0 1rem; }
.loadmap_wrap .loadmap_tt .txt_sm { font-size: 1.4rem; font-weight: 500; color: #000; font-weight: 600; line-height: 1.5; word-break: keep-all; }
.loadmap_wrap .loadmap_box { width: 100%; display: inline-block; padding: 8rem 0; min-height: 48rem; box-sizing: border-box; }
.loadmap_wrap .loadmap_bg01{ background: #111 url("/images/img/img_loadmap_bg01.jpg") no-repeat center top; }
.loadmap_wrap .loadmap_bg02{ background: #111 url("/images/img/img_loadmap_bg02.jpg") no-repeat center top; }
.loadmap_wrap .loadmap_bg03{ background: #111 url("/images/img/img_loadmap_bg03.jpg") no-repeat center top; }
.loadmap_wrap .loadmap_box .tt_loadmap01{ font-size: 1.8rem; font-weight: 700; color: #00aa71; margin-bottom: 1.4rem; }
.loadmap_wrap .loadmap_box .tt_loadmap02{ font-size: 2rem; font-weight: 700; color: #fff; line-height: 1.4; letter-spacing: -0.5px; word-break: keep-all; padding: 0 1rem; }
.loadmap_wrap .loadmap_box .separator{ margin: 3.6rem 0; width: 8rem; display: inline-block; background: #fff; height: 0.4rem; }
.loadmap_wrap .loadmap_box .step_box{ width:70rem; margin: 0 auto; text-align: left; }
.loadmap_wrap .loadmap_box .step_box p{ font-size: 1.4rem; color:#fff; line-height: 1.8; }
.loadmap_wrap .loadmap_box .step_box p b{ font-size: 1.4rem; color:#fff; }
.loadmap_wrap .loadmap_box .step_box .po{ font-size: 1.4rem; color:#e7a72b; }

.loadmap_wrap .review_box{ width:100%; margin: 0 auto; padding: 6rem 0; background: #f5f5f5; }
.loadmap_wrap .review_box h3 { font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 3rem; word-break: keep-all; padding: 0 1rem; }
.loadmap_wrap .review_box h3 .txt_gr { font-size: 2.2rem; font-weight: 700; color: #00593b; }
.loadmap_wrap .review_box .review_list { display: flex; flex-direction: row; justify-content: center; }
.loadmap_wrap .review_box .review_list li{ width:26rem; float: left; padding: 2rem; box-sizing: border-box; border:1px solid #ddd; border-radius: .7rem; background: #fff; margin: 0 .6rem; }
.loadmap_wrap .review_box .review_list li img{ width: 22.5rem; }
.loadmap_wrap .review_box .review_list li .bt_btn{ display: inline-block; margin: 0 auto; }
.loadmap_wrap .review_box .review_list li .bt_btn span{ margin: 0 .4rem; float: left; }
.loadmap_wrap .review_box .review_list li .bt_btn .btn01{ display: block; width:8rem; height: 2.6rem; line-height: 2.6rem; color:#fff; background: #00714b; font-size: 1.3rem; font-weight: 500; border-radius: .4rem; }
.loadmap_wrap .review_box .review_list li .bt_btn .btn02{ display: block; width:7.8rem; height: 2.4rem; line-height: 2.4rem; color:#555; background: #fff; font-size: 1.3rem; font-weight: 500; border:1px solid #999; border-radius: .4rem; letter-spacing: -1px; }



/* btn */
.btn_bk{ background: #000 !important; color:#fff; }
.btn_wh{ background: #fff !important; color:#000 !important; border:1px solid #ccc; box-sizing: border-box; }
.btn_gr{ background: #00593b !important; color:#fff; }
.btn_gr01{ background: #009261 !important; color:#fff; }
.btn_gray_5{ background: #555 !important; color:#fff; }
.btn_gray_7{ background: #777 !important; color:#fff; }
.btn_gray_9{ background: #999 !important; color:#fff; }

/* margin */
.mT0{ margin-top: 0 !important;}

/* padding */
.pT0{ padding-top: 0 !important;}
.pB0{ padding-bottom: 0 !important;}

/* 오프라인 임시 중단 */
.off_content_box { width:100%; display: flex; flex-direction: row; justify-content: center; margin-top: 8rem; }
.txt_wh_center {font-size: 1.6rem; font-weight: 500; color:#fff; line-height: 1.5; word-break: keep-all; text-align: center;}
@media screen and (max-width: 960px){
  .txt_wh_center {font-size: 1.4rem;}
}
@media screen and (max-width: 720px){
  .txt_wh_center {font-size: 1.2rem;}
}

/* 1200px 이하 해상도 */
@media screen and (max-width: 1200px){
  .sub_content_wrap { width:100%;  }
  .category_top { width: 100%; }
  /* 카테고리 */
  .category_top img{ width:100%; }
  .category_in_box{ width:100%; }
  .bx-wrapper .bx-controls-direction { display: none; }
  /* 카테고리 - 온라인 클래스 */
  .coming_cont_wrap .bx-wrapper .bx-controls{ display: none; }
  .category_in_box h2{ padding-left: 1.6rem; }
  /* .cate_coming_list .bx-wrapper .bx-viewport{ padding-left: 1.6rem !important; box-sizing: border-box; } */
  .category_bn_wrap{ width:100%; box-sizing: border-box; }
  .category_bn_wrap .best_wrap .bx-wrapper .bx-viewport{ padding-left: 1.6rem !important; box-sizing: border-box; }
  .category_bn_wrap .cate_cont_wrap .bx-wrapper .bx-viewport{ padding-left: 1.6rem; box-sizing: border-box; }
  /* .category_bn_wrap .bx-wrapper .bx-viewport{ padding-left: 1.6rem; box-sizing: border-box; } */
  .category_bn_wrap ul li.tag:last-child{ padding-right: 1.6rem;}
  .all_list_wrap h2{ padding-left: 0; }
  .cate_list_all > li .all_txt_box li:last-child{  padding-right: 0.5rem; }
  .cate_cont_wrap .cate_cont01 > li { width: 23%; }
  .cate_cont_wrap .cate_cont01 > li img{ width: 100%; height: auto; }
  /* 카테고리 - 오프라인 클래스 */
  .cate_off_list{ padding: 0 1.6rem; box-sizing: border-box; }
  .cate_off_list > .offline_cont_wrap .offline_cont li{ margin-right: 2%; }
  .cate_off_list > .offline_cont_wrap .offline_cont li img{ width:100%; height: 100%; }
  .cate_off_list > .offline_cont_wrap .offline_cont .txt{ padding-top: 38%; }

  /* 온라인 클래스 상세 페이지 - 컨텐츠 영역 */
  .dePage_title_box .title_con .class_top_img .tt { padding: 0 1rem; box-sizing: border-box; }
  .dePage_title_box .info_con { width:100%; }
  .classPage .txt_ol{width:40% !important;}
  .classPage .point_box { width:100%; }
  .classPage .point_box > .img { width:100%; height: 100%; }
  .classPage .point_box > .txt { width:100%; box-sizing: border-box; margin-bottom: 4rem; padding: 2rem 2rem 0 2rem; }
  .sticky_Footer > .sticky_inner { width:100%; box-sizing: border-box;}
  /* 탭 - 클래스 소개 */
  /* 타임특가영역 */
  .price_info_wrap { width: 100%; }
  /* 탭 - 마스터소개 */
  .classPage .profile_box .profile_con { width: 100%; flex-direction: column; padding-top: 2rem; align-items: center; }
  .classPage .profile_box .profile_con .pro_txt{ margin-left: 0; margin-top: 4rem; padding: 0 1.6rem; }
  /* 인터뷰 */
  .profile_interview_box{ width:100%; }
  .profile_interview_box .bx-wrapper .bx-controls { display: none;}
  .classPage .img_box_line::-webkit-scrollbar{ display:none; }
  .profile_review_box span { width:28%; }
  .profile_review_box span img { width:100%; height: auto; }
  .profile_review_box::-webkit-scrollbar{ display:none; }

  /* 탭 - 마스터살롱 */
  /* 마스터살롱 */
  .classPage .masterSl_cont_wrap{ width:100%; box-sizing: border-box; }
  .classPage .masterSl_cont_wrap .masterSl_cont{ width: 100%; overflow-x: auto; display: flex; padding-left: 1.6rem; box-sizing: border-box; }
  .classPage .masterSl_cont_wrap .masterSl_cont::-webkit-scrollbar{ display:none; }

  /* 마스터클래스 */
  .class_offline_wrap{ width:100%; }
  .class_offline_wrap .bx-wrapper .bx-controls{ display: none; }

  /* 탭 - 추천 */
  .classPage .cate_cont_wrap{ width:100%; box-sizing: border-box; }
  .classPage .cate_cont_wrap .cate_cont01{ width: 100%; overflow-x: auto; display: flex; flex-wrap: nowrap; padding-left: 1.6rem; padding-right: 1.6rem; box-sizing: border-box; }
  .classPage .cate_cont_wrap .cate_cont01::-webkit-scrollbar{ display:none; }
  .classPage .faq_wrap { width:100%; padding: 0 1.6rem; box-sizing: border-box; }

  /* 오프라인 클래스 상세 페이지 - 컨텐츠 영역 */
  /* 탭 - 클래스소개 */
  .classPage .offClass_top_img_box { width:100%; }
  .offClass_top_img_box .bx-viewport { padding-left: 1.6rem; box-sizing: border-box;  }
  .classPage .schedule_box { width:100%; }

  /* 클래스 상세 - 온라인 클래스 재생 */
  .class_play_box { width: 100%; padding-bottom: 4rem; }

  /* 마스터살롱 - 메인 */
  .masterSl_in_box { width: 100%; position: relative; }

  /* 마스터살롱 - 모임 예약 */
  .meet_res_box .meet_res_top { padding: 0 1.6rem 4rem 1.6rem; box-sizing: border-box; }
  .meet_res_box .meet_res_top .meet_res_title { margin-left: 2%; }
  .meet_res_box .meet_res_con{ padding: 0 1.6rem; box-sizing: border-box; margin-bottom: 4rem; }
  .meet_res_box .meet_res_con .meet_de_con{ padding: 2rem;}
  .meet_notice{ margin: 0 1.6rem; box-sizing: border-box; padding: 2rem; }
  .meet_notice h3{ padding-left: 2.6rem !important; }
  
  /* 위드 파이브잇 마스터 - 리스트 */
  .masterSl_list_box { width: 100%; }
  .chef_list_box > li { width: calc(20% - -2.7rem); }
  .chef_list_box .class_txt_box .class_tt { padding:0; }
  .chef_list_box .class_txt_box .class_tt .name_en { margin: 0.1rem 0 0 1rem; }
  .masterSl_in_box h3{ padding: 0 1.6rem; box-sizing: border-box; }
  .txtTop01 { padding-right: 2.4rem; }
  .comment_box h3{ padding: 0 !important; }
  .board_write_box{ padding: 0 2.4rem; box-sizing: border-box; }
  .masterSl_in_box .txtTop { right:2.4rem; }

  /* 셰프홈 게시판 */
  .chefHome_top_txt{ width: 100%; }
  .admin_box_wrap { width: 100%; }
  .admin_box_wrap .admin_box { width: 100%; padding: 0 1.6rem; box-sizing: border-box; }
  .admin_box_wrap .admin_box li { flex-direction: column; text-align: center; margin: 0 1rem 1rem 0; padding: 1.6rem .8rem; width:calc(33.3% - .64rem); }
  .admin_box_wrap .admin_box .admin_img { margin: 0 auto; width:5.5rem; height: 5.5rem; }
  .admin_box_wrap .admin_box .admin_tit { width:100%; margin: 1rem 0 0 0; }
  .best_list_wrap { width: 100%; }
  .chefHome_board_list_box { width: 100%; }
  /* 인기글 */
  .best_list_wrap .best_box_wrap { overflow-x: auto; display: flex; padding: 0 1.6rem; box-sizing: border-box; }
  .best_list_wrap .best_box_wrap::-webkit-scrollbar{ display:none; }
  /* 게시글 vod */
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 { overflow-x: auto; display: flex; padding-left: 1.6rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01::-webkit-scrollbar{ display:none; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 > li { width:282px !important; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 > li:last-child{ margin-right: 1.6rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 > li img { width:282px !important; }

  /* 마스터살롱 - 모임/세미나 메인 */
  .masterMt_list_wrap { width:100%; padding: 2rem 1.6rem 0 1.6rem; box-sizing: border-box; }
  
  /* 마스터클래스 - 공간예약 - with fiveat */
  .studio_info_with{ width: 100%; }
  .studio_info_with .with_bn_box li{ margin-bottom: 3rem; }

  /* 마스터클래스 - 공간예약 */
  .space_res_in_box .info_con { width: 100%; }
  .space_res_in_box .studio_info{ width: 100%; }
  .space_res_in_box .studio_info img{ width: 100%; }
  .space_res_in_box .studio_info .st_info_box { padding: 0 1.6rem; box-sizing: border-box; }
  .space_res_in_box .info_review{ overflow-x: auto; }
  .space_res_in_box .info_review::-webkit-scrollbar{ display:none; }

  /* 스튜디오 활용 */
  .studio_use_wrap .studio_use { width: 100%; }

  /* 마스터클래스 - 공간예약 / 상세 */
  .studio_info_tit { width: 100%; }
  .studio_info_de { width: 100%; }
  .studio_info_de .de_page img.ph_b { width: 100%; }

  /* 검색-검색결과 */
  .search_in_box { width: 100%; padding: 4rem 0; box-sizing: border-box; }
  .search_in_box h2 { padding-left: 1.6rem; box-sizing: border-box; }
  .tabmenu_result { padding: 0 1.6rem .6rem 1.6rem; box-sizing: border-box; }
  .result_tab_1, .result_tab_2, .result_tab_3, .result_tab_4 { padding: 0 1.6rem; margin: 6rem 0; box-sizing: border-box; }
  .result_tab_1 { margin-top: 4rem !important; }

  /* 강의목록 - 챕터리스트 */
  .class_play_box .class_play_content dl dd:nth-child(2), .class_play_box .class_play_content dl dd:nth-child(3) { width: 15%; }
  .class_play_box .class_play_content dl.ch_list dd:nth-child(2), .class_play_box .class_play_content dl.ch_list dd:nth-child(3) { width: 15%; }

  /* about */
  .dePage_content_box .box_wh .info_con { width: 100%; }
  .price_about_wrap { width: 100%; flex-direction: column; align-items: center; padding: 0 1.6rem; }
  .price_about_wrap > .txt01 { width:100%; order: 1; margin-bottom: 3rem; }
  .price_about_wrap > .txt02 { width:100%; order: 3; margin-top: 7rem; }
  .price_about_wrap > .txt02 .tit_ul li { width:100%; box-sizing: border-box; }

  /* about - 그래프 */
  .price_about_wrap .graph_box{ order: 2; height: 26rem; }

  /* about - value */
  .value_box img{ width:100%; }
  .value_box .separator { margin-top: -1rem; }

  .imgSq_wrap { position: relative; padding-top: 100%; }
  .imgSq_wrap > img {  position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; object-fit: cover; }






}

/* 960px 이하 해상도 */
@media screen and (max-width: 960px){

  /* about */
  .about_top_mo { display: block; width: 100%; }
  .about_top_mo img{ width:100%; }
  .about_top{ display: none; }


  /* 카테고리 */
  .category_top{ display: none; }
  .category_top_mo{ display: block;}
  .category_top_mo img{ width:100%; }
  .category_in_box{ width:100%; padding: 5rem 0 0 0;}
  .category_bn_wrap h2 { font-size: 1.7rem; font-weight: 700; margin-bottom: 1.6rem; }

  /* 카테고리 - 상단 탭 */
  .category_tab li{ width:36%; }
  .category_tab li a{ font-size: 1.4rem; height: 3.6rem; line-height: 3.6rem; }

  /* 카테고리 - 온라인 클래스 */

  /* 커밍순 */
  .cate_coming_list { display: inline-block; }
  .cate_coming_list .bx-wrapper .bx-viewport { height: 25rem !important; }

  .cm_slider_mo .coming_slider{ width:250px !important; padding: 0 1.5rem; margin-right: 0 !important; }
  .cm_slider_mo .coming_slider:first-child{ padding-left: 1.6rem; }
  .cate_coming_list a { width: 250px; height: 190px; position: relative; }
  .cate_coming_list .ic_coming { top:.6rem; left:.6rem; height: 2.2rem; line-height: 2.2rem; }
  .cate_coming_list .btn_classNotice{ font-size: 1.2rem; width:10rem; top: 84%; left: 50%; transform: translate(-50%, -50%); height: 3rem; line-height: 0rem; }
  .cate_coming_list .btn_classCom{ font-size: 1.2rem; width:10rem; top: 84%; left: 50%; transform: translate(-50%, -50%); height: 3rem; line-height: 0rem; background: #333; color:#fff; opacity: .8; }
  .cate_coming_list .class_tt { left: 0; top: 20.4rem; width: 100%; word-break: keep-all; }
  .cate_coming_list .class_tt p{ font-size: 1.5rem; }
  .cate_coming_list .class_tt p.name{ font-size: 1.4rem; color:#999; }
  .cate_coming_list .class_img { width: 250px; height: 190px; border-radius: 1rem; opacity: .9; }
  .coming_pc { display: none;} /* 모바일 숨김 */
  .coming_mo { display: block; }

  /* 인기/신규 */
  .cate_best_list{ display: none; height: auto; }
  .cate_best_list { display: block; width:100%; margin: 0 auto; margin-top:6rem; position: relative; }
  .cate_best_list h2{ font-size:1.7rem; font-weight: 700; margin-bottom: 1.6rem; }

  .cate_best_list .cate_best_slider { width: 250px !important; padding: 0 1.5rem; margin-right: 0 !important; }
  .cate_best_list .cate_best_slider:first-child{ padding-left: 1.6rem; }

  .cate_best_list .bn_mo_wrap { display: inline-block; width: 100%; margin-bottom: 3rem; }
  .cate_best_list h3{ font-size: 1.7rem; font-weight: 700; margin-bottom: 1.6rem; padding-left: 1.6rem; }
  .cate_best_list .class_img { width:250px; height: 190px; border-radius: 1rem; }
  /* 온라인 클래스 - 텍스트 */
  .cate_best_list .ic_top{ margin: .6rem 0 0 .6rem; }
  .cate_best_list .ic_top .tab{ background: #009261; padding: 0.2rem 1rem; font-weight: 700; height: 2.2rem; line-height: 2.3rem; }
  .cate_best_list .category{ display: none; }
  .cate_best_list .class_tt{ width:100%; }
  .cate_best_list .class_tt p{ font-size: 1.5rem;}
  .cate_best_list .class_tt p.name{ font-size: 1.4rem;}
  .cate_best_list .tag li{ font-weight: 700; font-size: 1rem;}
  .best_pc { display: none;} /* 모바일 숨김 */
  .best_mo { display: block; }

  /* 종류별 카테고리(카페.베이커리/디저트/요리/커피.음료) */
  .category_list{ display: none; height: auto; }
  .category_list { display: block; width:100%; margin: 0 auto; margin-top:6rem; position: relative; }
  .category_list h2{ font-size:1.7rem; font-weight: 700; margin-bottom: 1.6rem; }
  .category_list .bn_mo_wrap { display: inline-block; width: 100%; margin-bottom: 3rem; }
  .category_list .cate_slider { width: 196px !important; padding: 0 1.5rem; margin-right: 0 !important; }
  .category_list .cate_slider:first-child{ padding-left: 1.6rem; }
  .category_list h3{ font-size: 1.7rem; font-weight: 700; color: #fff; margin-bottom: 1.6rem; padding-left: 1.6rem; }
  .category_list a{ display: block; }
  .category_list .class_img { width:196px; height: 250px; border-radius: 1rem; }
  .category_list .class_img:hover { opacity: .9; } 
  .category_list .img01 { background: url('/images/img/on_class01.jpg') no-repeat 0 0; background-size: cover; background-position: center; }
  .category_list .img02 { background: url('/images/img/on_class02.jpg') no-repeat 0 0; background-size: cover; background-position: center;}
  .category_list .img03 { background: url('/images/img/on_class03.jpg') no-repeat 0 0; background-size: cover; background-position: center;}
  .category_list .img04 { background: url('/images/img/on_class04.jpg') no-repeat 0 0; background-size: cover; background-position: center;}

  /* 텍스트 */
  .category_list .ic_top{ margin: .6rem 0 0 .6rem; }
  .category_list .ic_top .tab{ background: #009261; padding: 0.2rem 1rem; font-weight: 700; height: 2.2rem; line-height: 2.3rem; }
  .category_list .category{ display: none; }
  .category_list .class_txt_box{ width: 100%; margin-top: 1.2rem; position: relative; }
  .category_list .class_tt{ width:100%; }
  .category_list .class_tt p{ color: #fff; font-size: 1.5rem; font-weight: 700; max-height: 4.3rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box; }
  .category_list .class_tt p.name{ color: #999; font-size: 1.4rem; margin-top: 0.6rem; }
  .category_list .tag { margin-top: 1.4rem; }
  .category_list .tag li{ font-weight: 700; font-size: 1rem; display: inline-block; align-items: center; box-sizing: border-box; padding: 0.1rem 0.5rem; height: 1.9rem; line-height: 1.6rem; color: #ddd; background: #444; border-radius: 5rem; margin: 0.2rem 0.5rem 0.2rem 0;}
  .category_list_pc { display: none;} /* 모바일 숨김 */
  .category_list_mo { display: block; }

  /* 카테고리 - 전체 리스트 */
  .all_list_wrap{ padding: 0 1.6rem;}
  .cate_list_all > li { width:100%; height: 10rem; margin-right: 0; }
  .cate_list_all > li .all_img { width:auto; height: auto; }
  .cate_list_all > li .all_img img { width: 10rem; height: 10rem; }
  .cate_list_all > li .all_txt_box { height: 10rem; padding:.8rem 1.4rem; justify-content: space-around !important; }
  .cate_list_all > li .all_txt_box .tt{ font-size: 1.5rem; line-height: 1.4; }
  .cate_list_all > li .all_txt_box .all_ic_top{ padding: 0 .6rem; font-weight: 700; height: 1.8rem; line-height: 1.8rem; vertical-align: 1px; }
  .cate_list_all > li .all_txt_box .name_box li{ float: left;}
  .cate_list_all > li .all_txt_box .name_box .name{ margin-top: .2rem; margin-left: 0 !important; margin-right:0.7rem; line-height:1.2; margin-bottom: .2rem; }
  .cate_list_all > li .all_txt_box .name_box .tag{ font-size: 1rem; font-weight: 700; min-width: auto !important;  height: 1.9rem; line-height: 1.6rem; margin: 0.2rem 0.5rem 0.2rem 0; padding: 0.1rem 0.8rem; margin-left: 0 !important; }
    .cate_list_all > li .all_txt_box .name_box li:last-child { margin: 0 0 0 1rem; }

  .cate_off_list > .offline_cont_wrap .offline_cont .txt p { font-size: 1.3rem; font-weight: 600; }
  .cate_off_list > .offline_cont_wrap .offline_cont .txt p.time { font-size: 1.7rem; font-weight: 800; margin-top: 0.6rem; }

  .result_tab_3 .master_txt{ justify-content: space-between !important; width: 100% !important; }


  /* 클래스 상세 페이지 - 컨텐츠 영역 */
  .onlineClass_de_page { padding-top: 0; }
  .separator{ margin: 2rem 0; }
  .dePage_title_box .info_con { flex-direction: column; padding: 4rem 1.6rem 0 1.6rem; box-sizing: border-box;}
  .dePage_title_box .info_con li { width: 100%; margin: 1rem 0 0 0; height: auto; }
  .dePage_title_box .info_con li:first-child { margin-top: 0; }
  .dePage_title_box .info_con li .info_video { margin-top: 0; }

  #tabContent{ margin-top: 0; }
  .classPage{ padding: 6rem 0; box-sizing: border-box;}
  .classPage .video_box { width: 100%; height: auto; padding: 0 1.6rem; box-sizing: border-box; }
  .classPage iframe {width: 100%; }
  .classPage .video_box .video_cover{ background-size: contain; }
  .classPage .video_box video { width: 100%; height: 100%; }
  .classPage .point_box{ flex-direction: column-reverse; }
  .classPage .img_box { padding: 0 1.6rem; box-sizing: border-box; }
  .classPage .img_box img { width:100%; height:100%; }
  .classPage .txt_ol{width:80% !important;}

  .de_bt_txt{ width:100%; padding: 0 1.6rem; box-sizing: border-box; }
  .de_bt_txt > li { font-size: 1.5rem; padding: 2rem 0rem 3rem 10rem; line-height: 1.4; }
  .de_bt_txt > li.t_01 { background: url('/images/img/img_classDe_d01.gif') no-repeat 0rem 1.8rem; background-size: 8rem; }
  .de_bt_txt > li.t_02 { background: url('/images/img/img_classDe_d02.gif') no-repeat 0rem 1.8rem; background-size: 8rem; }
  .de_bt_txt > li.t_03 { background: url('/images/img/img_classDe_d03.gif') no-repeat 0rem 1.8rem; background-size: 8rem; }
  .de_bt_txt > li.t_04 { background: url('/images/img/img_classDe_d04.gif') no-repeat 0rem 1.8rem; background-size: 8rem; }
  .de_bt_txt > li.t_05 { background: url('/images/img/img_classDe_d05.gif') no-repeat 0rem 1.8rem; background-size: 8rem; }
  .price_info_wrap{ width: 100%; padding: 0 1.6rem; box-sizing: border-box; }

  
  .classPage .img_box_line{ width:100%; overflow-x: auto; padding: 0 0.6rem; box-sizing: border-box; margin-bottom: 2rem; }
  .classPage .img_box_line::-webkit-scrollbar{ display:none; }
  /* .img_box_line_wrap_mo .img_box_line{ margin-bottom: 1rem; } */
  .dePage_title_box .info_con .class_price_wrap{ align-items: center; }
  .dePage_title_box .info_con .class_price_wrap .pr_tab li{ padding: .3rem 0; width: 5.4rem; }
  .dePage_title_box .info_con .class_price_wrap .pr_box > ul > li { padding:0 1rem; width:100%; align-items: center; }
  .dePage_title_box .info_con .class_price_wrap .pr_box > ul > li:nth-child(2)  { padding: 0 1rem !important; }
  .dePage_title_box .info_con .class_price_wrap .btn_buy_top{ height: 4.4rem; line-height: 4.4rem; font-size: 1.4rem; }
  
  .btn_takeClass { padding-top: 2rem; }
  .btn_takeClass a{ width:90%; font-size: 1.4rem; }
  
  .line_bg_gray_3, .line_bg_gray_d{ width:100%; }

  /* 셰프에게 배우는 요리 */
  .cooking_slider_wrap { width:100%; margin-bottom: 3rem; }
  .cooking_slider_wrap .ck_slider_box { display: flex; padding:0 1.6rem; box-sizing: border-box; }
  .cooking_slider_wrap .ck_slider_box .ck_slider .tt { font-size: 1.3rem; margin: 1rem 1rem 3rem 1rem; word-break: keep-all; }
  .chef_qna_txt img { width:100%; }
  .chef_qna_txt p { font-size: 1.6rem; }

  .classPage .curriculum_box { width:100%; flex-direction: column; padding: 0.6rem 1.6rem; box-sizing: border-box;  height: auto; } 
  .classPage .curriculum_box > .img { width:100%; height: auto; }
  .classPage .curriculum_box > .txt{ width: 100%; padding: 1rem 0 0 0; margin-bottom: 3rem; }
  .classPage .curriculum_btn{ padding: 1rem 0 2rem 0; }

  .classPage .img_de_box_line{ width:100%; overflow-x: auto; display: flex; padding: 0 0.6rem; box-sizing: border-box; margin-bottom: 2rem; }
  .classPage .img_de_box_line::-webkit-scrollbar{ display:none; }
  .classPage .img_de_box_line > li{ box-sizing: content-box; flex: 1 0 15rem; }
  .classPage .img_de_box_line > li img{ width: 95%; height: auto; }

  /* 탭 - 클래스 소개 */

  /* 타임특가영역 */
  .price_info_wrap > .txt .tit_label { margin-bottom: 1.6rem; }
  .price_info_wrap > .txt .tit{ width: 100%; font-size: 2rem; margin-bottom: 1.6rem; }
  .price_info_wrap > .txt .tit02 { width: 100%; font-size: 1.4rem; }
  .price_info_wrap > .txt { width:100%; margin-bottom: 3rem; order: 1; }
  .price_info_wrap .price_box li span { font-size: 1.3rem; }
  .price_info_wrap .price_box li:last-child span { font-size: 1.5rem;}
  .price_info_wrap .btn_apply { margin-top: 4rem; }
  .price_info_wrap .btn_apply a { font-size: 1.4rem; }
  .price_info_wrap .time_box { position: relative; display: flex; justify-content: center; width:100%; top:0; right: 0; margin: 0 auto; order: 2; }
  .price_info_wrap .time_box li{ font-size: 1.3rem; width:6.4rem; height: 3.6rem; line-height: 3.6rem; }
  .price_info_wrap .time_box li > span { font-size: 1.5rem; padding-right: 0; }
  .price_info_wrap .price_box_wrap { width:100%; margin-top: 8rem; order: 4; }
  .price_info_wrap .graph_box { width: auto; height: auto; margin: 0 auto; padding-top: 11.7rem; order: 3; }
  .price_info_wrap .graph_box .graph_msg { width: 10rem; left: -3rem; height: 3rem; bottom: 6.4rem; line-height: 3rem; font-size: 1.3rem; }
  .price_info_wrap .graph_box .graph_bar { margin-right: 1.8rem; }
  .price_info_wrap .graph_box .graph_bar:nth-child(3){ width:4rem; height: 4rem; background: #00aa71; }
  .price_info_wrap .graph_box .graph_bar:nth-child(4){ width:4rem; height: 7rem; }
  .price_info_wrap .graph_box .graph_bar:nth-child(5){ width:4rem; height: 10rem; }
  .price_info_wrap .graph_box .graph_bar:nth-child(6){ width:4rem; height: 14rem; }
  .price_info_wrap .graph_box .graph_bar:nth-child(7){ width:4rem; height: 18rem; }
  .price_info_wrap .graph_box .graph_date { left: -3rem; bottom:-4rem; font-size: 1.3rem; }

  .classPage .img_box_line > li img { width: 95%; height: auto; }

  /* 탭 - 마스터소개 */
  .classPage .profile_box .profile_con .pro_img { width: 60%; height: 30rem; }
  .classPage .profile_box .profile_con .pro_txt p{ font-size: 1.3rem; text-align: center; }
  .classPage .profile_box .profile_con .pro_txt p.name{ font-size: 1.6rem; margin-bottom: .8rem; }
  .classPage .profile_box .profile_con .pro_txt p.name_en{ font-size: 1.6rem; margin-bottom: 1.4rem; }
  .classPage .profile_box .profile_con .pro_txt .txt_con li{ font-size: 1.3rem; line-height: 1.5; }
  .classPage .profile_box .profile_con .pro_txt .txt_con { margin-top: 2rem; }

  .classPage .profile_box .chef_home_box{ border-radius: 0; max-width: 100%; margin-top: 5rem; padding: 3rem 0; }
  .classPage .profile_box .chef_home_box p { font-size: 1.3rem;}
  .classPage .profile_box .btn_chef_home a { font-size: 1.2rem; padding: 1.4rem 3.4rem; width: 14rem; }

  /* 리뷰 */
  .review_mo { overflow-x: auto; display: flex; padding-left:1.6rem; padding-right:1.6rem; }
  .review_mo img{ width:100%; }
  .review_pc{ display: none; }

  /* 셰프스토리 */
  .chef_story_wrap { padding: 6rem 0; }
  .chef_story_wrap .chef_txt .tt p { font-size: 2rem; }
  .chef_story_wrap .chef_txt .content { font-size: 1.4rem; }
  .chef_story_wrap .chef_img .chef_pcImg { display: none; }
  .chef_story_wrap .chef_img .chef_moImg { display: block; }

  /* 탭 - 마스터살롱 */

  /* 마스터살롱 */
  .classPage .masterSl_cont_wrap .masterSl_cont > li {width: 230px !important; }
  .classPage .masterSl_cont_wrap .masterSl_cont > li:last-child { margin-right: 1.6rem; }
  .classPage .masterSl_cont_wrap .masterSl_cont > li img{ width: 230px; height: 160px; }
  .classPage .masterSl_cont_wrap .masterSl_cont .ic_top .num, .classPage .masterSl_cont_wrap .masterSl_cont .ic_top .ic_res{ font-weight: 700; height: 2.2rem; padding: 0.2rem 0.4rem; }
  .classPage .masterSl_cont_wrap .masterSl_cont .class_txt_box{ height: 12rem; padding: 1rem 1.2rem; }
  .classPage .masterSl_cont_wrap .masterSl_cont .class_tt p{ font-size: 1.5rem; font-weight: 700; }
  .classPage .masterSl_cont_wrap .masterSl_cont .class_tt p.name { font-size: 1.4rem;}
  .classPage .masterSl_cont_wrap .masterSl_cont .category{ bottom: 6.2rem; font-weight: 500; }
  .classPage .masterSl_cont_wrap .masterSl_cont .date{ margin-top: 1.2rem; padding-top: 1.2rem; }

  .sticky_Footer > .sticky_inner{ flex-direction: row-reverse; }
  .sticky_Footer > .sticky_inner li{ margin-left: 1.6rem; margin-right: 0; flex-wrap: wrap; }

  /* 오프라인 클래스 */
  .class_offline_wrap { width:100%; }
  .class_offline_wrap .bx-wrapper .bx-viewport { height: auto !important; }
  .class_offline_wrap .bx-wrapper .bx-controls { display: none;}
  .class_offline_wrap .offline_slider {width: 156px !important; padding: 0 1.2rem; margin-right: 0 !important; }
  .class_offline_wrap .offline_slider:first-child { padding-left: 1.6rem !important; }
  .class_offline_wrap a:hover{ margin-top: 0; }
  .class_offline_wrap .class_off_img{ width:156px; height: 156px; background-size: cover !important; }
  .class_offline_wrap .txt{ width: 156px; padding-top: 5.2rem; font-weight: 500; }
  .class_offline_wrap .txt p{ font-size: 1.3rem; font-weight: 600; }
  .class_offline_wrap .txt p.time { font-size: 1.7rem; font-weight: 800; margin-top: 0.6rem; }
  .class_offline_wrap .class_tt{ margin-top: .8rem; }
  .class_offline_wrap .class_tt p{ font-size: 1.5rem;}
  .class_offline_wrap .class_tt p.name{ margin-top: .6rem; font-size: 1.4rem; }
  .class_offline_wrap .class_tt .st_tab{ margin-bottom: .6rem; }
  .class_offline_wrap .ic_res { position: relative; margin: 0; font-weight: 700; height: 2.2rem; padding: 0.2rem 0.4rem; }
  .class_offline_wrap .res02{  background: #333; }
  .off_pc { display: none;} /* 모바일 숨김 */
  .off_mo { display: block; }

  /* more 버튼 */
  .classPage .bottom_btn_more { text-align: center; margin: 3rem 0 0rem 0; }
  .classPage .bottom_btn_more > a { display: block; margin: 0 auto; font-size: 1.2rem; color: #fff; font-weight: 400; font-family: Montserrat,'Noto Sans KR',sans-serif; }
  .classPage .bottom_btn_more > a::after { background: url('/images/btn/btn_more_arrow.png') 0 -.2rem no-repeat; background-size: 100%; position: absolute; content: ""; width: 1.6rem; height: 1.6rem; margin-left: 0.2rem; }
  .classPage .bottom_btn_more > a:hover { opacity: .8; }

  /* 탭 - 추천 */
  .classPage .cate_cont_wrap .cate_cont01 > li { width: 196px !important; }
  .classPage .cate_cont_wrap .cate_cont01 > li img { width: 196px; height: 25.8rem; }
  .classPage .cate_cont_wrap .cate_cont01 > li:nth-child(4n) { margin-right: 24px; }
  .classPage .cate_cont_wrap .cate_cont01 .ic_top{ margin: .6rem 0 0 .6rem; }
  .classPage .cate_cont_wrap .cate_cont01 .ic_top .tab{ background: #009261; padding: 0.2rem 1rem; font-weight: 700; height: 2.2rem; line-height: 2.3rem; }
  .classPage .cate_cont_wrap .cate_cont01 > li{ width: 196px !important; }
  .classPage .cate_cont_wrap .cate_cont01 > li img { width: 196px; height: 25.8rem;  }
  .classPage .cate_cont_wrap .cate_cont01 .category{ display: none; }
  .classPage .cate_cont_wrap .cate_cont01 .class_tt{ width:100%; }
  .classPage .cate_cont_wrap .cate_cont01 .class_tt p{ font-size: 1.5rem;}
  .classPage .cate_cont_wrap .cate_cont01 .class_tt p.name{ font-size: 1.4rem;}
  .classPage .cate_cont_wrap .cate_cont01 .tag li{ font-weight: 700; font-size: 1rem;}

  .bn_gift { max-width: 100%; margin-top: 5rem; padding: 3rem 0; border-radius: 0; }
  .bn_gift .tt > h4 { font-size: 1.3rem; }
  .bn_gift .tt > span { font-size: 1.3rem; }
  .bn_gift .btn_giftAdd a { font-size: 1.2rem; padding: 1.4rem 3.4rem; width: 10.4rem; }

  .classPage .faq_wrap .faq_box li{  flex-direction: column; padding: 3rem 0; }
  .classPage .faq_wrap .faq_box .faq_tt { margin-bottom: 2rem; }
  .classPage .faq_wrap .faq_box .faq_con { width:100%; font-size: 1.3rem; }

  .box_wh .bottom_btn_more a{ color:#000; font-weight: 500; }
  .box_wh .bottom_btn_more a::after{ background: url('/images/btn/btn_more_arrow_bk.png') 0 -.2rem no-repeat; background-size: 100%; width: 1.6rem; height: 1.6rem; }
  .classPage .refund_wrap { width:100%; padding: 0 1.6rem; box-sizing: border-box;}
  .classPage .refund_wrap h4, .classPage .refund_wrap p { font-size: 1.3rem;}

  /* 오프라인 클래스 상세 페이지 */

  /* 탭-쿠킹스튜디오 */
  .studio_container { width: 100%; }
  #slide{ height: auto; }
  #preview { height: 230px; }
  .studio_container .thumbnail { width: 110px; height: 68px; object-fit: cover; }
  .studio_container .prev, .studio_container .next { display: none; }
  .fullscreen-container{ display: none !important; }
  .box_wh .cate_cont_wrap .cate_cont01 .ic_top .tab { background: #000; }

  /* 클래스 상세 - 온라인 클래스 재생 */
  .class_play_box .class_play_top { margin-bottom: 3rem; }
  .class_play_box .class_play_top .play_con .class_name p { font-size: 1.8rem; padding-top: 7%;  }
  .class_play_box .class_play_top .play_con button { top:56%; }
  .class_play_box .class_play_top .btn_play { margin: 1rem 0 2rem 0; display: flex; justify-content: center;
  }
  .class_play_box .class_play_top .play_txt { flex-direction: column; align-items: flex-start; padding: 2rem 1.6rem; }
  .class_play_box .class_play_top .play_txt .play_ttBox { margin-bottom: 2rem; }
  .class_play_box .class_play_top .play_txt .play_ttBox li { line-height: 1.5; }
  .class_play_box .class_play_top .play_txt .play_ttBox .tt, .class_play_box .class_play_top .play_txt .play_ttBox .tt .name_en { font-size: 1.4rem; }
  .class_play_box .class_play_top .play_txt .btn_workBook{ width:100%; }
  .class_play_box .class_play_top .play_txt .btn_workBook li{ width:calc(33.3% - .7rem); }
  .class_play_box .class_play_top .play_txt .btn_workBook li:first-child{ margin-left: 0; }
  .class_play_box .class_play_top .play_txt .btn_workBook a { padding: 1rem .4rem; width:100%; font-size: 1.3rem; }

  .workbook_top { padding: 0 1.6rem; box-sizing: border-box; }
  .workbook_top .tt { font-size: 1.3rem; }
  .class_play_content .dw_ok{ margin-left: 0; padding: .1rem 0 .2rem 1.6rem; font-size: 1rem; display: block; background-size: 1.4rem; }

  .class_play_box .class_play_content { padding: 0 1.6rem; box-sizing: border-box; }
  .class_play_box .class_play_content dl.top dt{ min-height: 4.6rem; }
  .class_play_box .class_play_content dl{ line-height: 1.2; }
  .class_play_box .class_play_content dl dt:nth-child(1) { width:62%; }
  .class_play_box .class_play_content dl dd:nth-child(1) { width:62%; }
  .class_play_box .class_play_content dl dt:nth-child(2), .class_play_box .class_play_content dl dt:nth-child(3), .class_play_box .class_play_content dl dd:nth-child(2), .class_play_box .class_play_content dl dd:nth-child(3) { width: 18%; }
  .class_play_box .class_play_content dl dd { font-size: 1.3rem; min-height: 4.6rem;  }
  .class_play_box .class_play_content dl dd:nth-child(1) { padding-left: 1rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
  .class_play_box .class_play_content dl.on dd, .class_play_box .class_play_content dl.on a, .class_play_box .class_play_content dl:hover dd { font-size: 1.3rem; }
  .class_play_box .class_play_content dl dd a { line-height: 1.4; }

  /* 챕터 리스트 */
  .class_play_box .class_play_content dl.ch_list { padding-left: 2rem; }
  .class_play_box .class_play_content dl.ch_list dd:nth-child(1) { width: 61%; }
  .class_play_box .class_play_content dl.ch_list dd:nth-child(2), .class_play_box .class_play_content dl.ch_list dd:nth-child(3) { width: 18%; }

  /* 마스터살롱 - 메인 */
  .masterSl_top{ display: none; }
  .masterSl_top_mo{ display: block; width:100%; }
  .masterSl_top_mo img{ width:100%; }  
  .masterSl_in_box h2 { font-size: 1.8rem; text-align: left; padding-left: 1.6rem; box-sizing: border-box; margin-bottom: 1.6rem; }
  .masterSl_in_box h2 span { font-size: 1.8rem; }
  .masterSl_in_box{ padding: 4rem 0; }
  .masterSl_in_box .top_board_btn { top: 3.2rem; right: 1.6rem; font-size: 1.3rem; }
  .masterSl_in_box .board_list li{ padding: 1rem 1.6rem; min-height:78px; box-sizing: border-box; }
  .masterSl_in_box .board_list li .bd_bt_txt { margin-top: 0rem; }
  .masterSl_in_box .board_list li .bd_tit { margin: .2rem 0 1rem 0; font-size: 1.4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; }
  .masterSl_in_box .board_list li .bd_con{ display: none; }
  .masterSl_in_box .board_list li .board_txt { width: 100%; }
  .masterSl_in_box .board_list li .bd_img { width: 90px; height: 70px; margin-left: 2rem; }
  .masterSl_in_box .board_list li .bd_bt_txt span { margin-right: 1rem; font-size: 1.3rem; }
  .masterSl_in_box .board_list li .bd_bt_txt .ic_like { font-size: 1.2rem; background-position-y: 1px; background-size: 1.2rem; padding-left: 1.6rem; }
  .masterSl_in_box .board_list li .bd_bt_txt .ic_like_de{ font-size: 1.2rem; background-position-y: 1px; background-size: 1.2rem; padding-left: 1.6rem; }
  .masterSl_in_box .board_list li .bd_bt_txt .ic_cmt { background-position-y: 5px; background-size: 1.2rem; padding-left: 1.6rem; }

  .pagination{ margin-top: 2rem; }
  .pagination a { font-size: 1.2rem; margin: 0 2px; }
  .bn_spaceRes{ display: none; }

  /* 공간예약 광고배너-모바일 */
  .bn_spaceRes_mo{ display: block; padding: 0 !important; border-top:1rem solid #f5f5f5; border-bottom:1rem solid #f5f5f5 !important; margin-top: -1px; }
  .bn_spaceRes_mo img{ width:100%; }

  /* 마스터살롱 / 파이브잇게시판 - 게시글 뷰 */
  .board_view_box { margin-top: -5rem; }
  .board_view_box .bd_viewTit { padding: 3rem 1.6rem 2rem 1.6rem; min-height: 12rem; }
  .bd_viewTit img { display: none; }
  .bd_viewTit .view_ttTxt { width: 100%; }
  .bd_viewTit .view_ttTxt .tit { margin: 0 0 1.6rem 0; font-size: 1.5rem;  }
  .bd_viewTit .view_ttTxt .name { margin-bottom:0; }
  .bd_viewTit .view_ttTxt .name span { font-size: 1.2rem; }
  .bd_viewTit .view_ttTxt .name .date { font-size: 1.3rem; }
  .bd_viewTit .view_ttTxt .bd_num { display: none; }
  .board_view_box .btn_bd_modify { bottom: -1rem; right: -1rem; }
  .modify_list ul li a { font-size: 1.2rem; background-position-x: 6rem; }
  .modify_list { width: 10rem; right: -.4rem; bottom: -8rem; }
  .bd_viewCon { padding: 1.6rem; }
  .bd_viewCon p { font-size: 1.4rem; line-height: 1.6; }
  .bd_viewCon img { width:100%; padding: 2rem 0; }
  .bd_tag{ padding: 1rem 1.4rem 2rem 1.4rem; }
  .bd_tag li { margin:3px; padding: 0 10px; font-size: 1.2rem; height: 26px; line-height: 24px; }
  
  .comment_box { padding: 0 1.6rem; box-sizing: border-box; }
  .comment_box h3 { font-size: 1.3rem; }
  .cmt_writer { margin-top: 1rem; padding: .6rem .2rem 3.6rem .2rem; }
  .cmt_writer textarea { font-size: 1.3rem; padding-top: 0; width: 100%; min-height: 40px; }
  .cmt_writer .cmt_textNum { top: auto;  bottom: 1rem; left: 1rem; }
  .cmt_writer .cmt_btn { bottom: 0.6rem; }
  .cmt_writer .cmt_btn li a { width: 3.8rem; height: 2.2rem; line-height: 2rem; }
  .cmt_list > li { padding: 1rem 0; }
  .cmt_list .cmt_proImg { left: 0; width: 2.8rem; height: 2.8rem; }
  .cmt_list .cmt_box { padding-left: 3.8rem; }
  .cmt_list .cmt_box p { font-size: 1.2rem; }
  .cmt_list .cmt_box .cmt_con { line-height: 1.5; margin-top: 0.6rem; }
  .cmt_list .cmt_box .cmt_info { margin-top: 0.6rem; }
  .cmt_list .cmt_box .cmt_info span { font-size: 1.3rem; }
  .cmt_list .cmt_box .cmt_info .btn_cmtWrite { font-size: 1.2rem; }
  .cmt_list .cmt_reply { padding-left: 7rem; background: #fff; /*margin-top: -1px;*/ }
  .cmt_list .cmt_reply > .cmt_proImg { left: 3.2rem;}
  .cmt_list .cmt_reply .cmt_box { padding-left: 0;}

  /* 마스터살롱 / 파이브잇게시판 - 글쓰기 */
  .masterSl_in_box h3{ font-size: 1.6rem; margin-bottom: 1.4rem; }
  .masterSl_in_box .txtTop { top:4.7rem; }
  .masterSl_in_box .cmt_login{ font-size: 1.4rem; padding-left: 0; margin-bottom: 0; }
  .board_write_box .write_tit input { height: 4.6rem; }
  .masterSl_in_box .write_tit .ic_ess { font-size: 1.2rem; left: -2rem; background-position-y: 10px; }
  .board_bt_btn { margin-top: 2rem; }
  .board_bt_btn a { width: 28%; font-size: 1.4rem; }
  .board_write_box .write_tag .tag_input_box .tag_box { height: 26px; line-height: 24px; font-size: 1.2rem; margin: 0.2rem 0.3rem; padding: 0 1rem; }
  .board_write_box .write_tag .tag_input_box input { font-size: 1.3rem; }

  /* 위드 파이브잇 마스터 - 리스트 */
  .masterSl_list_top{ display: none; }
  .masterSl_list_top_mo{ display: block; }
  .masterSl_list_top_mo img{ width:100%; }
  .masterSl_list_box { padding: 5rem 0 6rem 0; }
  .masterSl_list_box h2 { font-size: 1.8rem; }
  .masterSl_list_box h2 span { font-size: 1.8rem; }
  .masterSl_list_box h3 { font-size: 1.4rem; }
  .chef_list_box { padding: 0 1.6rem; box-sizing: border-box; }
  .chef_list_box > li { width: calc(50% - 0.8rem); margin: 0 0 4rem 0; position: relative; }
  .chef_list_box > li:nth-child(2n+2) { margin-left: 1.6rem; }
  .chef_list_box .class_txt_box { margin-top: 1.2rem; }
  .chef_list_box .class_txt_box .class_tt .name { font-size: 1.4rem; float: none; }
  .chef_list_box .class_txt_box .class_tt .name_en { font-size: 1.4rem; float: none; margin: .6rem 0 0 0; }
  .chef_list_box .class_txt_box .class_tt .pro { margin-top: 0.6rem; }
  .chef_list_box .class_txt_box .class_tt .pro li { line-height: 1.3; }




  /* 마스터살롱 / 셰프홈 */
  .chefHome_top_txt .chefHome_tit{ margin: 3rem 0 0 2rem;}
  .chefHome_top_txt .chefHome_tit li.txt { font-size: 1.5rem; }
  .chefHome_top_txt .chefHome_tit li.name { font-size: 2.2rem; margin-top: .4rem; }
  .chefHome_top_txt .home_btn { right: 1.6rem; bottom: 3rem; }

  .chefHome_in_box h3 { font-size: 1.8rem; font-weight: 700; text-align: left; margin-bottom: 1.6rem; padding-left: 1.6rem; box-sizing: border-box; }
  .chefHome_top{ height: 22.4rem; background-position: 60%; background-size: cover; }
  .chefHome_top_txt { width: 100%; height: 22.4rem; background: linear-gradient(to right, rgb(17, 17, 17) 0, rgba(17, 17, 17, 0.7) 25%, rgba(17, 17, 17, 0) 45%) center center no-repeat; }
  .chefHome_in_box { padding-top: 4rem; }
  .admin_box_wrap .admin_box li { width: calc(33.3% - 0.66rem); }
  .admin_box_wrap .admin_box .admin_tit .name { font-size: 1.4rem; }
  .admin_box_wrap .admin_box .admin_tit .name_en { font-size: 1.1rem; letter-spacing: 0; height: 3rem; margin-bottom: 0.4rem; }
  .admin_box_wrap .admin_box .admin_tit .profile { font-size: 1.1rem; }
  .admin_box_wrap .admin_btn_more_wh { margin-top: 2rem; }
  .admin_box_wrap .admin_btn_more_wh a{ font-size: 1.2rem; }
  .admin_box_wrap .admin_btn_more_wh a::after{ background-position: 0 -.2rem;}

  /* 셰프홈 탭 - 소개 */
  .chefHome_tab_1 .classPage{ width:100%; padding: 3rem 0; }
  .chefHome_tab_1 .classPage:first-child { padding-top: 2rem; }
  .chefHome_tab_1 h3{ text-align: center; margin-bottom: 0 !important; padding-left: 0 !important; }
  .chefHome_tab_1 .profile_box .pro_btn { justify-content: center; }
  .chefHome_tab_1 .profile_box .pro_btn a { font-size: 1.3rem; background-size: 2rem !important; padding: 0 2rem 0 5rem; line-height: 3.5rem; height: 3.8rem; }
  .chefHome_tab_1 .profile_box .pro_btn .btn_vod{ background-position-y: center; }

  /* 영상 */
  .chefHome_video_box { width: 100%; }
  .chefHome_video_box video { width: 100%; height: auto; }

  /* 커리큘럼 */
  .chefHome_tab_1 .curriculum_box h3{ font-size: 1.8rem !important; }
  .chefHome_tab_1 .chefHome_curriculum_wrap h3{ margin-bottom: 3rem !important; }

  /* 하단 파이브잇 마스터 */
  .chefHome_master_wrap { padding-bottom: 6rem; }
  .chefHome_master_wrap .master_slider_box { width:100% !important; }
  .chefHome_master_wrap .master_slider_box h3{ margin-bottom: 1.6rem !important; }
  .chefHome_master_wrap .bx-wrapper .bx-viewport{ min-height: 350px !important; height: auto !important; }
  .slider_chefhomeMt .master_slider { width: 196px !important; margin-right: 0 !important; padding: 0 1.2rem; }
  .slider_chefhomeMt .master_slider:first-child { padding-left: 1.6rem !important; }
  .slider_chefhomeMt .master_slider .class_off_img { width: 196px; height: 196px; }
  .slider_chefhomeMt .master_slider .class_txt_box .class_tt .name { font-size: 1.4rem; float: none; }
  .slider_chefhomeMt .master_slider .class_txt_box .class_tt .name_en { font-size: 1.4rem; float: none; margin: 0.6rem 0 0 0; }
  .slider_chefhomeMt .master_slider .class_txt_box .class_tt .pro { margin-top: .6rem; }
  .slider_chefhomeMt .master_slider .class_txt_box .class_tt .pro li { line-height: 1.3; }

  /* 셰프홈 탭 - 커뮤니티 */

  /* 인기글 */
  .best_list_wrap{ padding: 2rem 0 3rem 0; }
  .best_list_wrap .best_box_wrap .best_box { width: 230px !important; margin-right: 2.4rem; }
  .best_list_wrap .best_box_wrap .best_box .class_ma_img{ width: 230px; height: 160px; }
  .best_list_wrap .best_box_wrap .best_box .class_ma_img { width: 230px; height: 160px; }
  .best_list_wrap .best_box_wrap .best_box .ic_top .num, .best_list_wrap .best_box_wrap .best_box .ic_top .ic_res{ font-weight: 700; height: 2.2rem; padding: 0.2rem 0.4rem; }
  .best_list_wrap .best_box_wrap .best_box .class_txt_box{ height: 12rem; padding: 1rem 1.2rem; }
  .best_list_wrap .best_box_wrap .best_box .class_tt p{ font-size: 1.5rem; font-weight: 700; }
  .best_list_wrap .best_box_wrap .best_box .class_tt p.name { font-size: 1.4rem;}
  .best_list_wrap .best_box_wrap .best_box .category{ bottom: 6.2rem; font-weight: 500; }
  .best_list_wrap .best_box_wrap .best_box .date{ margin-top: 1.2rem; padding-top: 1.2rem; }


  /* 셰프와 우리들의이야기 */
  .chefHome_board_wrap{ padding: 4rem 0; }
  .chefHome_board_list_box .top_board_btn { top: -4.0rem; right: 1.6rem; font-size: 1.3rem; }
  .chefHome_board_list li { margin-bottom: 0; padding: 1rem 1.6rem; min-height: 92px; }
  .chefHome_board_list li .board_txt .bd_tab{ margin-top: 0; }
  .chefHome_board_list li .board_txt .bd_tab span{ width:3.6rem; }
  .chefHome_board_list li .bd_con{ display: none; }
  .chefHome_board_list li .bd_tit{ font-size: 1.4rem; margin:.6rem 0; }
  .chefHome_board_list li .bd_bt_txt{ margin-top: 0; }
  .chefHome_board_list li .bd_bt_txt span{ font-size: 1.2rem; margin-right: 1rem; background-position-y: 5px !important; }
  .chefHome_board_list li .bd_bt_txt .ic_like, .chefHome_board_list li .bd_bt_txt .ic_like_de{ font-size: 1.2rem; background-position-y: 3px !important; }
  .chefHome_board_list li .bd_img { width: 90px; height: 70px; margin-left: 2rem; }

  /* 셰프홈 - 일반게시글 view */
  .chefHome_list{ width: 12rem; bottom: -11rem; }
  .chefHome_list ul li a{ background-position-x: 8rem; }

   /* 게시글 vod */
  .bd_vod_box { margin: 2rem 0; padding-bottom: 4rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 { overflow-x: auto; display: flex; box-sizing: border-box; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01::-webkit-scrollbar{ display:none; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 > li { width:196px !important; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 > li img { width: 196px !important; height: 25.8rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 .class_tt p { font-size: 1.5rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 .class_tt p.name { font-size: 1.4rem; }
  .bd_vod_box > .cate_cont_wrap > .cate_cont01 .tag li { font-weight: 700; font-size: 1rem; }

  /* 셰프홈 - 게시글 작성 */
  .chef_bdWrite_box .select_suj{ display: none; }
  .chef_bdWrite_box .write_tit select { width: 100%; }
  .board_write_box .flle_upload{ padding: 1.2rem 1.4rem; flex-direction: column; }
  .board_write_box .flle_upload .tt { font-size: 1.3rem; margin:0 0 1rem 0; }
  .board_write_box .flle_upload .upImg_box{ margin-left: 0; flex-direction: column; }
  .board_write_box .flle_upload .upImg_box .upload_img .img_del { position: absolute; top: 0.5rem; right: 0.5rem; }
  .board_write_box .flle_upload .upImg_box .upload_img{ margin: 0 0 .6rem 0;}
  .board_write_box .flle_upload .upImg_box .upload_img img {width: 100%; height: 20rem; }

  /* 셰프홈 - 글쓰기 / 모임 */
  .h3_meet{ display: none; }
  .meet_res_box{ margin-top: -4rem; }
  .meet_res_box .meet_res_top{ flex-direction: column; padding: 0; margin-bottom: 0; border-bottom:none; }

  /* 상단 - 이미지 영역 */
  .top_img_pc{ display: none; }
  .meet_res_box .meet_res_top .top_img_mo { display: block; width:100%; position: relative; }
  .meet_res_box .meet_res_top .top_img_mo .slide_img01{ background: url('/images/img/img_studio01.jpg') no-repeat center 0; width:100% !important; height: 360px; background-size: cover; background-position: center; }
  .meet_res_box .meet_res_top .top_img_mo .slide_img02{ background: url('/images/img/img_studio02.jpg') no-repeat center 0; width:100% !important; height: 360px; background-size: cover; background-position: center; }
  .meet_res_box .meet_res_top .top_img_mo .slide_img03{ background: url('/images/img/img_studio03.jpg') no-repeat center 0; width:100% !important; height: 360px; background-size: cover; background-position: center; }
  .meet_res_box .meet_res_top .top_img_mo .bx-wrapper .bx-pager { bottom: 2rem; }
  .meet_res_box .meet_res_top .top_img_mo .bx-wrapper .bx-pager a { width: 2.4rem !important; }

  .top_btn_more .meet_list { width: 12rem; }
  .top_btn_more .meet_list li a{ background-position-x: 8rem; }
  .meet_res_box .meet_res_top .meet_res_title{ width: 100%; margin-left: 0; padding: 1.6rem; border:none; }
  .meet_res_box .meet_res_top .meet_res_title .top_tit{ padding-bottom: 2rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_tit .tit { font-size: 1.6rem; margin: 1rem 0; }
  .meet_res_box .meet_res_top .meet_res_title .top_tit .price { font-size: 1.6rem; margin-bottom: 1.4rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_tit .price span { font-size: 1.6rem;}
  .meet_res_box .meet_res_top .meet_res_title .top_tit p { font-size: 1.3rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_tit .txt{ padding: 1rem 1.2rem; line-height: 1.4; }

  .meet_res_box .meet_res_top .meet_res_title .top_info_box{ margin-top: 2rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_info_box .info_tit{ margin-bottom: 0.6rem; font-size: 1.4rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_info_box .info_txt{ border: none; padding: 0; }
  .top_info_box .info_txt .txt_box{ padding: 1rem 0; }
  .top_info_box .info_txt .txt_box li { font-size: 1.3rem; }
  .top_info_box .info_txt .txt_box li p, .top_info_box .info_txt .txt_box li .txt_gr { font-size: 1.3rem; }
  .meet_res_box .meet_res_top .meet_res_title .top_btn{ display: none; }

  .meet_res_box .meet_res_con { padding: 0; margin-bottom: 1rem; }
  .meet_res_box .meet_res_con .meet_de_con { padding: 1.6rem; border: none; border-radius: 0; }
  .meet_de_con dl { line-height: 1.5; padding-bottom: 2rem; margin-bottom: 0; border-bottom: none; }
  .meet_de_con dt { font-size: 1.4rem; }
  .meet_de_con dd { font-size: 1.3rem; }
  .meet_de_con dd span, .meet_de_con dd p { font-size: 1.3rem; }
  .meet_de_con .round_info { width: 100%; }
  .meet_de_con .round_info colgroup col:last-child { width:28% !important; }
  .meet_de_con .round_info tr{ height: 3rem; line-height: normal; }
  .meet_de_con .round_info th { font-size: 1.2rem; }
  .meet_de_con .round_info td { font-size: 1.2rem; line-height: 1.3; padding: 0.3rem 0; }
  .meet_de_con .round_info td.tit { padding-left: .5rem; }
  .meet_de_con .leader_int { padding-top: 0; }
  .meet_de_con .leader_int img { width: 7rem; height: 7rem; }
  .meet_de_con .leader_int .int_txt { margin-left: 1.6rem; }
  .meet_de_con .leader_int .int_txt p { font-size: 1.3rem; }
  .meet_de_con .leader_int .int_txt .name { font-size: 1.3rem; margin-bottom: 0.4rem; }
  .meet_de_con .leader_int .int_txt .chef_tt { font-size: 1.3rem; margin-bottom: 0.2rem; }
  .meet_de_con .leader_int_tag { padding: 1.4rem 0 0 0; }
  .meet_notice { margin: 0; padding: 1.6rem;  border:none; border-radius: 0; }
  .meet_notice h3 { font-size: 1.3rem; margin-bottom: 0.6rem; }
  .meet_notice .txt_red { font-size: 1.3rem; }
  .meet_notice > ul > li { font-size: 1.3rem; line-height: 1.6; }
  .meet_res_box > .bd_vod_box{ border-bottom: none;}

  /* 셰프홈관리 */
  .chefHome_mem{ right: 1.6rem; bottom: 3rem; }
  .admin_mng_box_wrap{ width:100%; }
  .admin_mng_box_wrap .top_tt{ font-size: 1.4rem; padding-left: 1.6rem; box-sizing: border-box; border-bottom:none; padding-bottom: 0; }
  .admin_mng_list{ padding: 0 1.6rem; }
  .admin_mng_list li{ padding: 1rem; width:100%; height: 13rem; margin-bottom: 5.4rem; }
  .admin_mng_list .admin_img { width: 5.5rem; height: 5.5rem; }
  .admin_mng_list .profile_img .btn_photo_reg { top: 3.2rem; right: -0.4rem; width: 2rem; height: 2rem; background-size: 2rem; }
  .admin_mng_list .admin_img_de { width: 5.5rem; height: 5.5rem; }

  .admin_mng_list .admin_tit{ width:100%; padding-top: 1rem; margin-left: 1.6rem; }
  .admin_mng_list .admin_tit p{ line-height: 1.4; }
  .admin_mng_list .admin_tit .name { font-size: 1.4rem; }
  .admin_mng_list .admin_tit .name_en { font-size: 1.4rem; margin-left: 0.6rem; }

  .admin_mng_list .reg_date { top: 1rem; right: 1rem; font-size: 1.1rem; }
  .admin_mng_list .admin_tit .profile { margin-top: 0.4rem; padding: .2rem 1rem .5rem 1rem; height: 3rem; line-height: 1.3; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
  .admin_mng_list .profile_modify{ padding: .3rem 0.8rem; font-size: 1.2rem; bottom: 1rem; right: 1rem; }
  .admin_mng_list .list_addNdel{ width: 100%; height: 4rem; bottom: -5rem; right: -5px; display: flex; justify-content: flex-end; }
  .admin_mng_list .list_addNdel a{ font-size: 1.3rem; height: 1.8rem; line-height: 1.7rem; }

  /* 모임신청 - 하단 고정 버튼 */
  .sticky_btn { position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; display: block; justify-content: flex-end !important; z-index: 301; }
  .sticky_btn a{ width: 100%; height: 100%; display: block; display: inline-flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 500; }

  /* 세미나예약 */
  .meet_res_box .meet_res_top .top_semi_img_mo { display: block; width:100%; position: relative; }
  .meet_res_box .meet_res_top .top_semi_img_mo .slide_img{ background: url('/images/img/img_seminar01.png') no-repeat center 0; width:100% !important; height: 360px; background-size: cover; background-position: center; }
  .meet_res_box .meet_res_top .top_semi_img_mo .bx-wrapper .bx-pager { bottom: 2rem; }
  .meet_res_box .meet_res_top .top_semi_img_mo .bx-wrapper .bx-pager a { width: 2.4rem !important; }

  /* 이벤트 */
  .evt_content_wrap { width: 100%; padding: 4rem 1.6rem; box-sizing: border-box; }
  .evt_content_wrap h3{ font-size: 1.8rem; margin-bottom: 1.6rem; }
  .evt_content_wrap .evt_list li { width: 100%; margin-bottom: 4rem; }
  .evt_content_wrap .evt_list .evt_box img{ height: auto; }
  .evt_content_wrap .evt_list li:nth-child(2n) { margin-left: 0; }
  .evt_content_wrap .evt_list .evt_box .evt_text { padding: 1.4rem 1.6rem; min-height: auto; } 
  .evt_content_wrap .evt_list .evt_box .evt_text dd { font-size: 1.5rem; line-height: 1.5; }
  .evt_content_wrap .evt_list .evt_box .evt_text dd:last-child { margin-top: 1rem; }

  .evt_content_wrap .evt_endList li { margin: 0 0 4rem 0; width: calc(50% - .5rem); }
  .evt_content_wrap .evt_endList li:nth-child(2n) { margin-left: 1rem; }
  .evt_content_wrap .evt_list .evt_box .evt_text dd{ font-size: 1.3rem; }
  .evt_content_wrap .evt_list .evt_box .evt_text dd:last-child{ font-size: 1.2rem; }
  .evt_content_wrap .evt_endList .evt_box .evt_text { min-height:13.4rem; padding: 1.4rem 1rem; }
  .evt_content_wrap .btn_more_bk{ margin: 0; }
  .evt_content_wrap .btn_more_bk a { font-size: 1.2rem; }
  .evt_content_wrap .btn_more_bk > a::after { background-position-y: -.2rem; }

  .evt_pc{ display: none; }
  .evt_mo{ display: block; }

  /* 마스터살롱 - 모임/세미나 메인 */
  .masterMt_top{ display: none; }
  .masterMt_top_mo{ display: block; width:100%; }
  .masterMt_top_mo img{ width:100%; }

  .masterSl_in_box h2.tC{ text-align: center; padding-left: 0; }
  .masterSl_in_box h4{ font-size: 1.4rem; }
  .tabmenu_meet { margin-bottom: 0; }
  .tabmenu_meet li{ width:30%; margin: 0 0.3rem; }
  .tabmenu_meet li a{ min-width:100%; margin: 0; }

  .masterMt_list { flex-direction: column; border-top:1px solid #e8e8e8; }
  .masterMt_list_wrap { padding: 1.6rem 0 3rem 0; }
  .masterMt_list_wrap .masterMt_list .meet_box { width:100%; min-height: 12.6rem; border-radius: 0; border:none; border-bottom:1px solid #e8e8e8; margin-right: 0; margin-bottom: 0; padding: 1rem 1.6rem; box-sizing: border-box; }
  .masterMt_list_wrap .masterMt_list .meet_box a{ display: flex; flex-direction: row; flex-wrap: wrap; }

  .masterMt_list_wrap .masterMt_list .meet_box .ic_top { position: relative; margin: 0; width: 100%; padding: 0 0 0 11rem; }
  .masterMt_list_wrap .masterMt_list .meet_box .ic_top li{ float: left; }
  .masterMt_list_wrap .masterMt_list .meet_box .ic_top li:nth-child(+2) { margin-top: 0; }

  .masterMt_list_wrap .masterMt_list .meet_box .class_ma_img { position: absolute; border-radius: 1rem; width: 9rem; height: 9rem; }
  .masterMt_list_wrap .masterMt_list .meet_box .class_txt_box { width: 100%; float: right; padding: .8rem 0 0 11rem; min-height: auto; }
  .masterMt_list_wrap .masterMt_list .meet_box .class_tt { height: auto; }
  .masterMt_list_wrap .masterMt_list .meet_box .category { bottom: -.2rem; right: 0; width: 3.8rem; padding: 0; justify-content: center; font-size: 1.1rem; font-weight: 500; height: 1.8rem; line-height: 1.7rem; }
  .masterMt_list_wrap .masterMt_list .meet_box .class_tt p { font-size: 1.5rem; }
  .masterMt_list_wrap .masterMt_list .meet_box .class_tt p.name { margin-top: .8rem; }
  .masterMt_list_wrap .masterMt_list .meet_box .date { border-top:none; margin-top: 1.2rem; padding-top: 0; width: 82%; display: flex; flex-direction: row; white-space: nowrap; }
  .masterMt_list_wrap .masterMt_list .meet_box .date li:last-child {text-overflow: ellipsis; overflow: hidden; }

  .mt_com_box { width: 9rem; height: 9rem; }
  .mt_com_box p { font-size: 1.4rem; }
  .masterMt_list .mt_com_box .bg_com { border-radius: 1rem; }
  .class_de_comBox{ width: 230px; height: 160px; }
  .best_box .mt_com_box { width: 100%; height: 16rem; }
  .btn_more_wh { margin-top: 3rem; }
  .btn_more_wh a { font-size: 1.2rem; }
  .btn_more_wh a::after { background-position: 0 -0.2rem; }

  /* 공간예약 */
  .space_res_mo { display: block; }
  .space_res_pc { display: none; }
  .space_res_box .slide_img01{ background: url('/images/img/space_mo_intro01.jpg') no-repeat left center; background-size: cover; z-index: 1 !important; }
  .space_res_box .slide_img02{ background: url('/images/img/space_mo_intro02.jpg') no-repeat left center; background-size: cover; z-index: 1 !important; }
  .space_res_box .slide_img03{ background: url('/images/img/space_mo_intro03.jpg') no-repeat left center; background-size: cover; z-index: 1 !important; }
  .space_res_box .bx-wrapper .bx-controls { width:100%; }
  .space_res_box .bx-wrapper .bx-pager.bx-default-pager a { width:2.4rem !important; }
  .space_res_in_box { padding-bottom: 6rem; }
  .space_res_in_box .info_con{ flex-direction: column; padding: 0 1.6rem 6rem 1.6rem; box-sizing: border-box; position: relative; }
  .space_res_in_box .info_con li { width:100%; height: 11rem; margin: 1rem 0 0 0; padding: 2rem 1rem; }
  .space_res_in_box .info_con li:first-child { margin-top: 0; }
  .space_res_in_box .info_con li:last-child { height: 13rem; }
  .space_res_in_box .info_con .info_tt{ font-size: 1.6rem; }
  .space_res_in_box .info_con .tt_num{ width: 17rem; }
  .space_res_in_box .info_con .tt_num a{ font-size: 1.8rem; }
  .space_res_in_box .studio_info { padding: 6rem 0 3rem 0; }
  .space_res_in_box .studio_info .box01 { flex-direction: column; padding: 0; }
  .space_res_in_box .studio_info .box01 .info_img { padding-right: 0; }
  .space_res_in_box .studio_info .box02 { flex-direction: column; margin-bottom: 0; padding: 0; }
  .space_res_in_box .studio_info .box02 .info_img { padding-left: 0; }
  .space_res_in_box .studio_info .box02 .info_tt{ padding-bottom: 0; }
  .space_res_in_box .studio_info .st_info_box .info_tt { width:100%; padding: 2rem 1.6rem; box-sizing: border-box; }
  .space_res_in_box .studio_info .st_info_box .info_tt p { font-size: 1.3rem; }
  .space_res_in_box .studio_info .st_info_box .info_tt p.tt01 { font-size: 1.3rem; margin-bottom: .8rem; }
  .space_res_in_box .studio_info .st_info_box .info_tt p.tt02 { font-size: 1.8rem; margin-bottom: 1.6rem; }
  .space_res_in_box .studio_info .st_info_box .info_tt .btn_more_st { margin-top: 2rem; }
  .info_gray_box { width:100% !important; border-radius: 0; padding: 3rem 1.6rem !important; margin-bottom: 1rem !important; border-left:none; border-right: none; }
  .space_res_in_box .studio_info .st_info_box .info_tt .btn_more_st a { height: 4.2rem; line-height: 4.2rem; }
  .studio_info h3 { font-size: 1.6rem; margin-bottom: 2rem; }
  .studio_info .studio_merit { width:100%; }
  .studio_info .studio_merit .list { margin-bottom: 1rem; padding: 2rem 2rem 2rem 2rem; border-radius: 2rem; }
  .studio_info .studio_merit .list h4 { font-size: 1.4rem; padding: 3.6rem 0 2rem 0; background-position: center top !important; }
  .studio_info .studio_merit .list p { font-size: 1.3rem; }
  .studio_info .info_list { width:100%; padding-left: 2rem; box-sizing: border-box; word-break: keep-all; }
  .studio_info .info_list li { font-size: 1.3rem; line-height: 1.5; font-weight: 400; }
  .info_notice{ padding: 0 !important; }
  .studio_notice_wrap { width:100%; }
  
  .studio_notice_wrap .answer_head { background-position: 1.8rem;}
  .studio_notice_wrap .answer_head a { font-size: 1.4rem; padding: 1.6rem 1.6rem 1.6rem 3rem; box-sizing: border-box; }
  .studio_notice_wrap .answer_box { padding: 1.6rem 3rem; line-height: 1.5; }
  .studio_notice_wrap .answer_box .con { font-size: 1.3rem; }

  .studio_notice_more { margin-top: 2rem; }
  .studio_notice_more a{ font-size: 1.2rem; }
  .studio_notice_more a::after{ background-position: 0 -0.2rem; }
  
  .studio_use_wrap .studio_use .use_box { flex-direction: column; padding: 0 1.6rem; }
  .studio_use_wrap .studio_use .use_box li { width: 100%; margin:0 0 4rem 0; }
  .studio_use_wrap .studio_use .use_box li:last-child{ margin:0; }

  .studio_use_wrap{ padding: 6rem 0; }
  .studio_info_with_wrap{ padding: 6rem 0 4rem 0; margin-top: 0; }
  
  .info_review{ padding: 6rem 0 !important; }
  .info_review .review_list { width: 100%; overflow-x: auto; box-sizing: border-box; margin-bottom: 1rem; padding: 0 .6rem; justify-content: flex-start; }
  .info_review .review_list::-webkit-scrollbar{ display:none; }
  .info_review .review_list li { width: 22rem; }
  .info_review .review_list li img { width: 17rem; }

  /* 오시는길 */
  .studio_info .map_add { width:100%; padding-top: 2rem; }
  .studio_info .map_add ul { margin-bottom: 2rem; }
  .studio_info .map_add ul li{ font-size: 1.3rem; }
  .studio_info .map_add ul li.tt{ font-size: 1.4rem; }

  /* 마스터클래스 - 공간예약 / 상세 */
  .studio_info_tit { margin-top: -3rem; background: #fff; border:none; padding: 2rem; }
  .studio_info_tit li { font-size: 1.5rem; }
  .studio_info_tit li:last-child, .studio_info_tit li .txt_gr { font-size: 1.8rem; }
  .studio_info_de { padding-top: 0; }
  .studio_info_de .de_page { padding-bottom: 4rem; }
  .studio_info_de .de_page p { font-size: 1.3rem; padding: 0 1.6rem; box-sizing: border-box; }
  .studio_info_de .de_page img, .studio_info_de .de_page video { width:100%; }
  .studio_info_de .de_page h3 { font-size: 1.8rem; margin-bottom: 2rem; }
  .studio_info_de .de_page h3 .txt_gr { font-size: 1.8rem; margin-bottom: 2rem; }
  .studio_info_de .de_page h3 .h3_sm { font-size: 1.4rem; }
  .tbl_wrap { padding: 0 1.6rem; }
  .studio_info_tbl { width:100%; }
  .studio_info_tbl th, .studio_info_tbl td { font-size: 1.2rem; line-height: 1.4; vertical-align: middle; word-break: keep-all; padding: 1rem 0; }
  .studio_info .studio_num_tt { font-size: 1.3rem; line-height: 1.4; word-break: keep-all; }
  .studio_info .studio_num { width: 18rem; }
  .studio_info .studio_num a { font-size: 1.8rem; }

  .tbl_costGuide{ padding: 0; }
  .tbl_costGuide strike { font-size: 1.2rem; }
  .studio_info .costGuide_textTt { width: 100%; font-size: 1.3rem; }
  .text_vat { font-size: 1.2rem; right:0; }

  .studio_info_de .studio_tt{ font-size: 1.6rem !important; margin: 0 36% 2rem 36% !important; }
  
  /* 시설안내 */
  .studio_info_fac{ flex-wrap: wrap; }
  .studio_info_padding{align-items:end; padding:0 4rem;}
  .fac_list{ padding: 0; flex: 1 0 30%;}

  /* 검색-검색결과 */
  .search_in_box h2 { font-size: 1.7rem; }
  .search_in_box h3 { font-size: 1.5rem; }
  .search_in_box h3 .result_num { font-size: 1.5rem; }
  .tabmenu_result { overflow-x: auto; }
  .tabmenu_result::-webkit-scrollbar{ display:none; }
  .tabmenu_result li { flex: 1 0 14rem; }
  .tabmenu_result li a { font-size: 1.4rem; height: 3.6rem; line-height: 3.6rem; }
  .tabmenu_result li .num { font-size: 1.2rem; }

  .result_tab_1, .result_tab_2, .result_tab_3, .result_tab_4 { margin-top: 4rem; }
  .result_tab_1 > ul > li:last-child, .result_tab_2 > ul > li:last-child, .result_tab_3 > ul > li:last-child, .result_tab_4 > ul > li:last-child { margin-bottom: 0; }
  .result_tab_1 .bottom_btn_more, .result_tab_2 .bottom_btn_more, .result_tab_3 .bottom_btn_more, .result_tab_4 .bottom_btn_more { margin-top: 3rem; }
  .result_tab_1 .bottom_btn_more a, .result_tab_2 .bottom_btn_more a, .result_tab_3 .bottom_btn_more a, .result_tab_4 .bottom_btn_more a { font-size: 1.2rem; }
  .result_tab_1 .bottom_btn_more a::after, .result_tab_2 .bottom_btn_more a::after, .result_tab_3 .bottom_btn_more a::after, .result_tab_4 .bottom_btn_more a::after { background-position: 0 -0.2rem; }
  .result_tab_1 .cate_list_all .ic_top, .result_tab_2 .cate_list_all .ic_top, .result_tab_4 .cate_list_all .ic_top { letter-spacing: -0.5px; width: 5.2rem !important; }

  .sticky_resultTab{ top:6rem; }
  .result_tab_1 .cate_list_all .tt { font-size: 1.4rem !important; }

  /* 탭 - 오프라인 클래스 */
  .result_tab_2 .cate_list_all .off_txt .date { font-size: 1.4rem; margin-top: .4rem; }
  .result_tab_2 .cate_list_all .off_txt .tt { margin-top: 0.4rem; line-height: 1.3; font-size: 1.4rem; }
  .result_tab_2 .cate_list_all .off_txt .ic_top{ font-weight: 700; height: 1.8rem !important; line-height: 1.8rem;}

  /* 탭 - 마스터살롱 */
  .result_tab_3 .cate_list_all .master_txt .tt { margin-top: .2rem; font-size: 1.4rem; line-height: 1.5; }
  .result_tab_3 .cate_list_all .master_txt .name { margin-top: .4rem; }
  .result_tab_3 .cate_list_all .master_txt .date { margin-top: .6rem; width: 76%; }
  .result_tab_3 .cate_list_all .master_txt .date li { font-size: 1.2rem; padding: 0 0.4rem; }
  .result_tab_3 .cate_list_all .master_txt .date li:last-child { padding-right: 0; }
  .result_tab_3 .cate_list_all .master_txt .category { padding: 0rem 0.4rem; line-height: 1.5; height: 1.8rem; margin-left: 0; bottom: 0.8rem; right: 1.4rem; font-size: 1.1px; }
  .result_tab_3 .cate_list_all .master_txt .ic_top { font-weight: 700; height: 1.8rem !important; line-height: 1.8rem; width: auto; padding: 0 0.6rem; }

  /* 탭 - 셰프홈 */
  .result_tab_4 .master_list{ width: calc(100% - 3rem); margin: 1.5rem 1.5rem 2.25rem; }
  .result_tab_4 .master_list > li {width: calc(33.3% - 1rem); margin: 0px 0.5rem; }
  .result_tab_4 .master_list > li:nth-child(n+4) { margin-top: 3rem;}
  .result_tab_4 .master_list > li:nth-child(n+7) { display: none; }
  .result_tab_4 .master_list .master_txt { width:auto; }
  .result_tab_4 .master_list .master_txt .name { font-size: 1.2rem; letter-spacing:0; font-weight: 500; }
  .result_tab_4 .master_list .master_txt .tag { flex-direction: column; align-items: center; }
  .result_tab_4 .master_list .master_txt .tag li{ font-size: 1.1rem; letter-spacing: -1px; margin: 0 .2rem .4rem 0; height: 1.7rem; font-weight: 500; }

	/* about */
  .allpass_info { width:100%; padding: 0 1.6rem; box-sizing: border-box; }
  .allpass_info img { width:100%; }
  .allpass_info .info_txt { width: 90%; padding-top: 3rem; display: flex; flex-direction: column; }
  .allpass_info .info_txt .class_num{ width: 10rem; height: 10rem; margin: 0 auto; font-size: 2.4rem; }
  .allpass_info .info_txt .class_num .pl{ font-size: 2.4rem; }
  .allpass_info .info_txt .class_infoTxt { margin:2rem 0 0 0; }
  .allpass_info .info_txt .class_infoTxt li { background-size: 2rem; padding-left: 3rem; line-height: 1.8; }
  .allpass_info .img_about_category_pc{ display: none; }
  .allpass_info .img_about_category_mo{ display: block; }

  .dePage_content_box .box_wh .info_con { flex-direction: column; padding: 0 1.6rem; box-sizing: border-box; }
  .dePage_content_box .box_wh .info_con li { width: 100%; margin: 1rem 0 0 0; padding: 3rem 2rem; }
  .dePage_content_box .box_wh .info_con li:first-child { margin-top: 0; }

  .price_about_wrap { width: 100%; padding: 0 1.6rem; box-sizing: border-box; }
  .price_about_wrap > .txt .tit { width: 100%; font-size: 1.8rem; }
  .price_about_wrap > .txt02 .tit { width: 100%; font-size: 1.4rem; box-sizing: border-box; }
  .price_about_wrap .graph_box { width: auto; height: 24rem; margin: 0 auto; }
  .price_about_wrap .graph_box .graph_pr01, .price_about_wrap .graph_box .graph_pr02, .price_about_wrap .graph_box .graph_pr03 { font-size: 1.3rem; width:8rem; height: 3rem; line-height: 3rem; }
  .price_about_wrap .graph_box .graph_nm01, .price_about_wrap .graph_box .graph_nm02, .price_about_wrap .graph_box .graph_nm03 { width: 8rem; bottom:-3rem; font-size: 1.3rem; }
  .price_about_wrap .graph_box .graph_nm02 { left: 7.8rem; }
  .price_about_wrap .graph_box .graph_nm03 { left: 17rem; }
  .price_about_wrap .graph_box .graph_pr01 { left: -1.2rem; }
  .price_about_wrap .graph_box .graph_pr02{ left: 7.8rem; }
  .price_about_wrap .graph_box .graph_pr03 { left: 17rem; }
  .price_about_wrap .graph_box .graph_bar:nth-child(7), .price_about_wrap .graph_box .graph_bar:nth-child(8), .price_about_wrap .graph_box .graph_bar:nth-child(9) { width: 6rem; margin-right: 3rem; }
  .graph_box .graph_bar:nth-child(9) { margin-right: 0 !important; }

  /* 학습로드맵 */
  .loadmapFlow_top{ display: none; }
  .loadmapFlow_top_mo{ display: block; }
  .loadmapFlow_top_mo img { width: 100%; }
  .img_flow_pc{ display: none; }
  .img_flow_mo{ display: block; margin: 0 auto; width: 100%; }

  .loadmap_wrap .loadmap_tt { padding: 6rem 1.6rem 4rem 1.6rem; box-sizing: border-box; }
  .loadmap_wrap .loadmap_tt .txt_sm { padding: 0 1.6rem; box-sizing: border-box; }
  .loadmap_wrap .loadmap_box { padding: 6rem 0; background-size: 240%; }
  .dePage_content_box h3 > .txt_gr { font-size: 1.8rem; }
  .loadmap_wrap .loadmap_box .tt_loadmap01 { font-size: 1.6rem; }
  .loadmap_wrap .loadmap_box .tt_loadmap02 { font-size: 1.8rem; }
  .loadmap_wrap .loadmap_box .separator { margin: 2rem 0; width: 4rem; }
  .loadmap_wrap .loadmap_box .step_box { width: 100%; padding: 0 1.6rem; box-sizing: border-box; }
  .loadmap_wrap .loadmap_box .step_box p { font-size: 1.3rem; line-height: 1.6; }
  .loadmap_wrap .loadmap_box .step_box p b, .loadmap_wrap .loadmap_box .step_box .po { font-size: 1.3rem; }
  .loadmap_wrap .review_box h3 .txt_gr { font-size: 1.8rem; }
  .loadmap_wrap .review_box .review_list { width: 100%; overflow-x: auto; box-sizing: border-box; margin-bottom: 1rem; padding: 0 .6rem; justify-content: flex-start; }
  .loadmap_wrap .review_box .review_list::-webkit-scrollbar{ display:none; }
  .loadmap_wrap .review_box .review_list li { width: 22rem; }
  .loadmap_wrap .review_box .review_list li img { width: 17rem; }
  .loadmap_wrap .review_box .review_list li .bt_btn .btn01, .loadmap_wrap .review_box .review_list li .bt_btn .btn02 { font-size: 1.2rem; width:6rem }

  .sticky_Footer_offClass { position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; z-index: 120; }
  .sticky_Footer_offClass a{ width: 100%; height: 100%; display: inline-flex; align-items: center;justify-content: center; font-size: 1.4rem; font-weight: 500; background: #009261; color:#fff; text-align: center; }
  .sticky_off_pc{ display: none !important; }

  .classPage .off_img_box { width:100%; padding: 0 1.6rem; box-sizing: border-box; }
  .classPage .off_img_box img{ width:100%; height: auto; }

  .classPage .off_img_benefit { width: 100%; margin: 0 auto; }
  .classPage .off_img_benefit img{ width:100%; height: auto; }

  .img_classStep_pc{ display: none; }
  .img_classStep_mo{ display: block; margin-bottom: 4rem !important; }

  .classPage .off_photo_box { width:100%; }
  .classPage .off_photo_box img{ width:100%; height: auto; }
}


/* 720px 이하 해상도 */
@media screen and (max-width: 720px){ 

  /* 카테고리 - 오프라인 클래스 */
  .cate_off_list > .offline_cont_wrap .offline_cont li { width: calc(50% - 1rem); margin-right: 0; margin: 0px 2rem 4rem 0px; }
  .cate_off_list > .offline_cont_wrap .offline_cont li:nth-child(2n) { margin-right: 0; }
  .cate_off_list > .offline_cont_wrap .offline_cont li:nth-child(n+5) { margin-top: 0;}
  .cate_off_list > .offline_cont_wrap .offline_cont .txt { font-weight: 500; }
  .cate_off_list > .offline_cont_wrap .offline_cont .class_tt { margin-top: 0.8rem; }
  .cate_off_list > .offline_cont_wrap .offline_cont .class_tt p{ font-size: 1.5rem; }
  .cate_off_list > .offline_cont_wrap .offline_cont .ic_res { position: relative; margin: 1rem 0 .6rem 0; }
  .cate_off_list > .offline_cont_wrap .offline_cont .res02{ background: #333;}
  .cate_off_list > .offline_cont_wrap .class_tt p.name { margin-top: 0.6rem; font-size: 1.4rem; }

  /* 클래스 상세 페이지 */
  .dePage_title_box { margin-bottom: 5rem; }
  .dePage_title_box .title_con { height: 56rem; }
  .dePage_title_box .title_con .class_top_img{ left: 0; transform: none; width: 100%; }
  .dePage_title_box .title_con .class_top_img img { width: 100%; }
  .dePage_title_box .title_con .class_top_img .top_inner .img_pc{ display: none; }
  .dePage_title_box .title_con .class_top_img .top_inner .img_mo{ display: block; }
    
  .dePage_title_box .title_con .class_top_tt h3 { font-size: 3rem;}
  .dePage_title_box .title_con .class_top_tt h4 { font-size: 2.2rem;}
  .dePage_title_box .title_con .class_top_tt .top_link_btn a{ padding: 1rem 6%;}
  .dePage_title_box .title_con .class_top_tt .top_link_btn a img { width: 2.4rem; }

  .dePage_title_box .title_con .top_link_btn { margin-top: 1.6rem; }
  .dePage_title_box .info_con { flex-direction: column; padding: 0 1.6rem; margin-top: 0rem; box-sizing: border-box; position: relative; z-index: 100; }
  .dePage_title_box .info_con li { width: 100%; padding: 2rem 1rem; }
  


  .sticky { top:5.8rem; }
  .separator{ margin: 1.6rem 0; width:2rem; }
  .dePage_content_box .tabmenu_classPage { margin-bottom:5px;}
  .dePage_content_box .tabmenu_classPage li{ width:25%; }
	.dePage_content_box .tabmenu_classPage.cols3 li{ width:30%; }
  .dePage_content_box .tabmenu_classPage a{ width: 100%; padding: 1.4rem .2rem; font-size: 1.3rem; }

  .dePage_content_box h2{ font-size: 1.4rem; }
  .dePage_content_box h3{ font-size: 2.2rem !important; margin-bottom: 2rem !important; }
  .dePage_content_box h3 > .txt_gr01 { font-size:  1.8rem; }
  .classPage .curriculum_box > .txt > h3{ font-size: 1.8rem !important; }
  .dePage_content_box .mT100 { margin-top: 6rem; }
  .classPage .mb_4 { margin-bottom: 1.6rem; }
  .classPage .curriculum_box { padding: 0 1.6rem;}
  .classPage .curriculum_box > .txt > ol { margin-left: 3rem; }
  .classPage .curriculum_box > .txt > ol li{ font-size: 1.3rem; margin-bottom: .4rem; }
  .dePage_title_box .info_con .info_tt{ margin-bottom: 0.8rem; font-size: 1.6rem; }
  .classPage .txt_sm_wh01 { font-size: 1.3rem; }
  .dePage_title_box .info_con .price_dis { font-size: 1.6rem; }
  .dePage_title_box .info_con .price_dis span { font-size: 1.3rem; }
  .loadmap_wrap .loadmap_tt .txt_sm {font-size: 1.3rem; }

  .classPage .txt_sm{ font-size: 1.5rem; }
  .classPage .tt_recom span { font-size: 1.3rem; }
  .classPage .tt_recom .tt02 { font-size: 1.7rem; }
  .classPage .txt_ol li { font-size: 1.3rem; }
  .classPage .img_box_line li p { font-size: 1.3rem; }
  .classPage .img_box_line > li .txt_de { padding-left: .6rem; }
  .classPage .img_box_line > li .txt_de li { font-size: 1.3rem; }

  .classPage iframe { height: 216px; }

  .classPage .point_box > .txt { margin-bottom: 3rem;}
  .classPage .point_box > .txt > h3 { font-size: 1.8rem !important; margin-bottom: 1.4rem !important; }
  .classPage .point_box > .txt > p { font-size: 1.3rem; }
  .classPage .point_box { padding: 0 0 1rem 0;}
  .classPage .po_la { padding: 0; }
  .classPage .po_la .txt{ margin-bottom: 0;}
  .review_mo img { width: auto; height: 36rem; }
  

  /* 셰프에게 배우는 요리 */
  .cooking_slider_wrap .ck_slider_box .ck_slider{ box-sizing: content-box; width:21rem !important; padding: 0 0.5rem; }
  .cooking_slider_wrap .ck_slider_box .ck_slider:nth-child(1){ padding-left: 1rem; }
  .cooking_slider_wrap .ck_slider_box .ck_slider .img { height: 21rem; background-size: cover;  }
  .cooking_slider_wrap .ck_slider_box .ck_slider .class_more { width:21rem; font-size: 1.4rem; top: 7rem; }

  /* 직사각형 */
  .cooking_slider_wrap .ck_box_rec .ck_slider .img { height: 14rem; }
  .cooking_slider_wrap .ck_box_rec .ck_slider .class_more { top: 4rem; }

  .chef_qna_txt { padding: 0 1.6rem; box-sizing: border-box; }
  .chef_qna_txt p { font-size: 1.4rem; }

  .img_box_line_wrap_pc{ display: none; }
  .img_box_line_wrap_mo{ display: block; }

  .classPage .img_box_line li{ box-sizing: content-box; flex: 1 0 15rem; }
  .classPage .img_box_line li img { width:95%; height: auto; }
  
  .classPage .img_de_box_line > li p{ font-size: 1.3rem; margin: 2rem 0 1.2rem 0; line-height: 1.2; word-break: keep-all; }
  .classPage .img_de_box_line > li .txt_de { padding: 0 .6rem; }
  .classPage .img_de_box_line > li .txt_de li{ font-size: 1.3rem; }

  .de_bt_txt > li{ padding: 2rem 0 2rem 10rem; min-height: 12rem; }
  .de_bt_txt > li, .de_bt_txt > li > span{ font-size: 1.3rem; }
  .line_bg_gray_3, .line_bg_gray_d { width:100%; }


  /* 탭 - 마스터소개 */
  .interview_pc{ display: none; }
  .interview_mo { display: block; }
  .interview_mo .bx-wrapper .bx-viewport { height: auto; }
  .interview_mo .interview_slider{ width:280px !important; height: 280px; margin-left: 1rem !important; margin-right: 0; background-size: 22rem !important; box-sizing: border-box; }
  .interview_mo .interview_slider:first-child{ margin-left: 1.6rem !important; box-sizing: border-box; }
  .int_slider .inter_img01 { background: #fff url('/images/img/img_class_mo_interview01.png') no-repeat center center; }
  .int_slider .inter_img02 { background: #fff url('/images/img/img_class_mo_interview02.png') no-repeat center center; }
  .int_slider .inter_img03 { background: #fff url('/images/img/img_class_mo_interview01.png') no-repeat center center; }

  /* 탭 - 추천 */
  .classPage .faq_wrap .faq_box .faq_tt span { font-size: 1.6rem; }

  .sticky_Footer > .sticky_inner{ padding: 1.2rem 0; height: 6.4rem; }
  .sticky_Footer > .sticky_inner li span { display: block; font-size: 1.2rem; }
  .sticky_Footer > .sticky_inner li:first-child{ margin-right: 0; margin-left: 1.6rem; line-height: 1.5;}
  .sticky_Footer > .sticky_inner .txt_dDay { font-size: 1.3rem; }
  .sticky_Footer > .sticky_inner .btn_buy{ font-size: 1.4rem; width:12rem; height: 4rem; line-height: 3.8rem;}
  .sticky_off > .sticky_inner span{ float: left; }
  .sticky_off > .sticky_inner .txt_dDay{ width:100%; }

  /* 공간예약 sticky 버튼 */
  .sticky_Footer > .sticky_inner .btn_space_res{ font-size: 1.4rem; width:16rem; height: 4rem; line-height: 3.8rem;}

  /* 오프라인 클래스 상세 페이지 */
  .offclass_slider .off_img { height: 20rem; }
  .offclass_slider .img02, .offclass_slider .img03 { height: 49.4%;}
  .dePage_title_box .offClass_title_con { height:68rem; }
  .dePage_title_box .offClass_txt_top { font-size: 1.3rem; }
  .classPage .schedule_box { padding: 1rem 1.6rem; }
  .classPage .schedule_box li { padding: 1.4rem 0; }
  .classPage .schedule_box li p { font-size: 1.3rem; padding-right: 1.6rem; }
  .classPage .schedule_box li span { font-size: 1.3rem; }
  .classPage .schedule_box li .sc_tt { width:20%; padding-left:0; word-break:keep-all; }
  .classPage .schedule_box li .ck_place{ font-size: 1.3rem; }
  .classPage .schedule_box li .sc_con .txt_red { display: flex; }

  /* 공간예약 */
  .space_res_box .slide_img01{ height: 22rem; }
  .space_res_box .slide_img02{ height: 22rem; }
  .space_res_box .slide_img03{ height: 22rem; }

  /* 공간예약 - 스튜디오 활용 */
  .studio_use_wrap .studio_use h3, .studio_use_wrap .studio_use h3 .txt_gr01 { font-size: 1.8rem; }
  .studio_use_wrap .studio_use .top_txt { font-size: 1.3rem; }
  .studio_use_wrap .studio_use .use_box li p{ font-size: 1.3rem; }

  /* 공간예약 - with fiveat */
  .studio_info_with h3, .studio_info_with h3 .txt_gr { font-size: 1.8rem; }
  /* .studio_info_with .with_bn_box li { margin: 0 .4rem 3rem .4rem; } */
  .studio_info_with .with_bn_box li a span { width:80px; height: 80px; }
  .studio_info_with .with_bn_box li a span img { width: 100%; }
  .studio_info_with .with_bn_box li p{ font-size: 1.3rem; margin-top: 1.4rem; }
  
  /* 시설안내 */
  .fac_list:nth-child(n+5){ margin-top: 2rem; }

  /* about */
  .dePage_content_box .box_wh .info_con li { padding: 2rem 1rem; }
  .dePage_content_box .box_wh .info_con .info_tt { font-size: 1.8rem; margin-bottom: .8rem; }
  .dePage_content_box .box_wh .info_con .info_tt_s { font-size: 1.6rem; margin-bottom: .8rem; }

  .dePage_content_box > ul > img{ width:100%; }

  /* 검색결과 */
  .result_tab_3 .master_txt { width: 72% !important; margin-top: 0; }
  .result_tab_3 .cate_list_all .master_txt .category { bottom: .8rem !important; }
  .result_tab_4 .master_list .master_img { width: 9.2rem; height: 9.2rem; }
}
  .category_list .category { display: none; }






/* 비즈니스제휴 */
.alliance_in_box { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; padding: 0 1.6rem; justify-content: center; }
.alliance_in_box .alliance_ipbox{ margin: 1.6rem 0; }
.alliance_in_box .alliance_ipbox p{ margin-bottom: 1.6rem; position: relative; text-align: center; }
.alliance_in_box .alliance_ipbox input { width: 100%; height: 4.6rem; box-sizing: border-box; background: #222; border: none; color:#ccc; font-size: 1.4rem; padding: 0 1rem ; }
.alliance_in_box .alliance_ipbox textarea { width: 100%; line-height: 1.5; box-sizing: border-box; background: #222; border: none; color:#ccc; font-size: 1.4rem; padding: 1rem; }
.alliance_in_box .checkmark{ top: 2px; left: 14px; }

/* 비즈니스제휴 */
.classPage .alliance_in_box { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; padding: 0 1.6rem; justify-content: center; }
.classPage .alliance_ipbox{ margin: 1.6rem 0; }
.classPage .alliance_ipbox p{ margin-bottom: 1.6rem; position: relative; text-align: center; }
.classPage .alliance_ipbox input { width: 100%; height: 4.6rem; box-sizing: border-box; background: #222; border: none; color:#ccc; font-size: 1.4rem; padding: 0 1rem ; }
.classPage .alliance_ipbox textarea { width: 100%; line-height: 1.5; box-sizing: border-box; background: #222; border: none; color:#ccc; font-size: 1.4rem; padding: 1rem; }
.classPage .checkmark{ top: 2px; left: 14px; }

.marketing_ck{ padding-left: 2rem; justify-content: left; }
.marketing_ck span{ margin-right: 1.5rem; }
.marketing_ck .checkmark{ top: 2px; left: 3px; height: 1.4rem; width: 1.4rem; }
.marketing_ck .checkmark:after{ left: 4px; top: 0px; }
.marketing_ck .container { padding-left: 2.5rem; }

	/* 공통 */
.containerw { max-width:1200px; position: relative; padding: 7rem 0 0rem 0; margin: 0 auto; }
.containerw h2 { font-size: 2.6rem !important; font-weight: 700; line-height: 1.3; letter-spacing: -0.5px; margin-bottom: 4.7rem; word-break: keep-all; padding: 0 1rem; text-align:center; font-family: Montserrat,'Noto Sans KR',sans-serif;}
.containerw h2.en {font-size: 3.0rem !important;}
.containerw h2 small {  font-size: 1.6rem; font-weight: 500; color: #333; margin-bottom: 3rem; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.3; word-break: keep-all; display:block; }
.containerw span { font-size: 100%; font-family: Montserrat,'Noto Sans KR', sans-serif;}
.txt_gr1 { color: #00593b !important;}
.txt_gr2 { color:#00aa71 !important;}
.img-fluid {width: 100%; height: auto;}
.bg-wht {background: #fff;}
.bg-gr {background: #0e2620 !important;}
.bg-lgr {background: #009261 !important;}
.bg-blk {background: #000; margin-top:-1px; }
.bg-blk .containerw h2 {color:#fff;}
.bg-blk .pg_list_box .txt_box p {color:#fff;}
.d-flex { display: -ms-flexbox !important;  display: flex !important;}
.align-items-center { -ms-flex-align: center !important;  align-items: center !important;}
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important;}
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important;}
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important;}
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important;}
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important;}
.float-left { float: left !important;}
.float-right { float: right !important;}
.float-none { float: none !important;}
.sticky_Footer { z-index:702;}
.d-none {display: none !important;}
.asterisk {	color:#00aa71;	font-size:17px; 	font-weight:700;	margin-left:3px;	line-height:21px;	vertical-align:middle;}
.asterisk:after {	content:"*";	margin-top:3px;}
.costGuide_textTt.mt-0 { padding:1.7rem 0 0 0; }
strong {font-size: 100%;}
.strong {font-weight:bold !important;}
.btn_go { display: flex; -webkit-box-align: center; align-items: center; }
.btn_go a{ color: #000; font-size: 1.4rem; font-weight: 600; padding: 1.6rem 3.4rem; border-radius: 5rem; background: #fff; min-width: 16rem; }
.btn_go a:hover{ opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ }
.mt-0 { margin-top: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}
.mt-0 { margin-top: 0rem !important; }
.mb-0 { margin-bottom: 0rem !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mt-3 { margin-top: 3rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 3rem !important; }
.mt-5 { margin-top: 5rem !important; }
.mb-5 { margin-bottom: 5rem !important; }
.ml-1 {margin-left: 1rem !important; }
.mr-1 {margin-right: 1rem !important; }
.ml-3 {margin-left: 3rem !important; }
.mr-3 {margin-right: 3rem !important; }
.ml-5 {margin-left: 5rem !important; }
.mr-5 {margin-right: 5rem !important; }
.space_tab {margin-top:5rem; margin-bottom:3rem;}
.tab-content > .tab-pane {  display: none;}
.tab-content > .active {  display: block;}
.tab-content {	clear:both;}
.bi-md { font-size:17px; }
.box_wht { background: #fff;}
.text-primary { color: #00aa71 !important; }
.text-secondary { color: #009261 !important;}
.text-danger { color: #ed2040 !important; }
.text-warning { color: #ed2040 !important; }
.text-grey { color: #777 !important; }
.noti_red::before { position: absolute; content: '!'; font-size: 1.5rem; background: #f15a24; color: #fff; width:18px; height: 18px; line-height: 18px; left: 0rem; top:-1px; border-radius: 5rem; text-align: center; }
.noti_red {position:relative; font-size:13px; color:#f15a24 !important; padding-left:25px; font-weight:500; line-height:1.3; padding-bottom:1rem; }
.noti_red strong {color:#f15a24 !important;}
.noti_red strong.underline {border-bottom:1px solid #f15a24; }
.noti {font-size:13px; padding:20px 0; text-align:right; line-height:1.5;}
.badge { box-sizing: border-box; display: inline-block; height: 1.9rem; line-height:1.4; vertical-align: .2rem; padding: 0 0.7rem; font-size: 1.2rem !important; font-weight: 400; color:#fff; border-radius: 5rem; border:1px solid #999; margin-right: .6rem; color:#fff; background-color:#000; border:1px solid #000; }
.class_type { box-sizing: border-box; display: inline-block; height: 1.9rem; vertical-align: .2rem; padding: 0 0.7rem; font-size: 1.2rem; font-weight: 400; color:#fff; border-radius: 5rem; border:1px solid #999; margin-right: .6rem; }
.class_type.blk { color:#000; }
.d-block { display: block !important;}
@media screen and (max-width: 960px) { 
	.d-sm-block {display: block !important;}
	.noti_red { font-size:13px; }
	.mt-3 { margin-top: 2rem !important; }
}
@media (min-width: 768px) {
  .d-md-none {display: none !important;}
}
/* Form */
.filterwrap { margin: 2rem 0; border:1px solid #ddd; background: #f7f7f7; padding: 2rem 2rem; box-sizing: border-box; width:100%; }
.filterwrap.bg-wht {background: #fff; border:1px solid #fff;}
.form-group { margin-bottom:1.7rem; padding-bottom:1.7rem; border-bottom: 1px solid #ebebeb; }
.form-group label { display: inline-block; font-size: 1.4rem; padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; line-height: 1.5; }
.form-group .col-form-label { width: 120px; font-weight: 600; }
.form-group .col-form-label.full {  width: 100%;}
.form-group .col-form-data { width:calc(100% - 120px); }
.form-group .col-form-data.full { clear:both; width: 100% !important; padding-left:120px; padding-right:0;}
@media screen and (max-width: 960px) { 
	.form-group label { font-size: 1.3rem; }
	.form-group .col-form-label { width: 100%; }
	.form-group .col-form-data { width: 100%; }
	.form-group .col-form-data.full { clear:both; width: 100% !important; padding-left:0px; }
}
div.small { font-size:13px !important; color:#555; line-height:1.5;}
.form-control { display: block; width: 100%; border: 1px solid #c3c3c3;	 color: #555;	width: 100%; height: 3.8rem !important;	line-height: 2.7rem !important; font-size: 1.4rem !important; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif, 'New Gulim';}
.form-control.form-primary {border: 3px solid #009261;	border-radius:50rem; padding-left:1.5rem;}
select.form-control {padding-right:15px !important;}
select.form-control.form-primary {background:#fff url(/images/icon/chevron-down-gr2.svg) no-repeat 98% 50%; background-color: transparent; padding-right:25px !important}
.input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0;}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file { margin-left: -1px;}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }
.input-group > .custom-file .custom-file-input:focus { z-index: 4; }
.input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; }
.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }
.input-group .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; width: 5rem; height: 3.8rem; line-height: 3.8rem; text-align: center; font-size: 1.4rem; background: #00593b; color: #fff; }
.btn-lg {display: inline-block; font-size: 1.5rem;  font-weight: 500; border-radius: 0.5rem; min-width:70px; text-align: center; height: 4.2rem; line-height: 4.2rem; padding-left:27px; padding-right:27px; }
.btn-md {display: inline-block; font-size: 1.5rem;  font-weight: 500; border-radius: 0.5rem; min-width:70px; text-align: center; height: 4.2rem; line-height: 4.2rem; padding-left:27px; padding-right:27px; }
.btn-round { color: #000; font-size: 1.4rem; font-weight: 600;  height: 4.2rem; line-height: 4.2rem; border-radius: 5rem; background: #fff; width: 35rem !important; text-align:center; }
.btn-primary { color: #fff; background: #009261; }
.btn-disabled { color: #000; background:#fff; border: 1px solid #777; cursor: default; }
.btn-danger { color: #fff; background: #ed2040; }
.btn-point { color: #fff; background: #ed2040; }
.btn-grey { color: #fff; background: #999; }
.btn-block {display: block; }
.btn-width { min-width:290px; }
.btn-width-sm {width:120px !important; margin:0 3px !important; }
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; }
.form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center;}
.form-inline .form-control {	display: inline-block;	width: auto; vertical-align: middle;}
.form-inline .input-group,.form-inline .custom-select {width: auto;}
.form-check { position: relative; display: block; padding-left: 1.25rem; }

.form-check { position: relative; display: block; padding-left: 1.25rem; }
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label { color: #009261; }
.form-check-label { margin-bottom: 0;}
.form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem;}
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; }
.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; color-adjust: exact; font-weight:400; }
.custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem;}
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #009261; background-color: #009261;}
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff;}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff;}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d;}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef;}
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; padding-left:5px;}
.custom-control-label::before { position: absolute; top: 0.75rem; left: -1.5rem; display: block; width: 1.3rem; height: 1.3rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px;}
.custom-control-label::after { position: absolute; top: 0.79rem; left: -1.35rem; display: block; width: 1.3rem; height: 1.3rem; content: ""; background: 50% / 50% 50% no-repeat;}
.custom-checkbox .custom-control-label::before { border-radius: 0rem;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #009261; background-color: #009261;}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5);}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5);}
.custom-radio .custom-control-label::before { border-radius: 50%;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5);}
@media screen and (max-width: 960px) { 
	.custom-control-label::after { position: absolute; top: 0.8rem; left: -1.45rem; display: block; width: 1.3rem; height: 1.3rem; content: ""; background: 50% / 50% 50% no-repeat;}
	.btn-width { min-width:auto; }
}
 /* 파트너 셰프 */
.partnerChef_top { width:100%; height: 255px; margin:0 auto; background: #111 url('/images/img/sub_top_mastercf.jpg') no-repeat top center; }
.partnerChef_top_mo{ display: none;}
.partnerChef_btm { width:100%; height: 400px; margin:0 auto; background: #000 url('/images/img/sub_btm_mastercf.jpg') no-repeat top center; }
.partnerChef_btm_mo {display: none;}
.box_blk { margin: 0 auto; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; background: #171717; padding: 3.6rem 0; margin-top: 6rem; box-sizing: border-box; border-radius: 1rem; }
.box_blk p { color:#fff; font-size: 1.4rem; line-height: 1.6; margin-bottom: 1rem; text-align:center;}
.box_blk .btn_apply { display: flex; -webkit-box-align: center; align-items: center; margin-top: 1rem; text-align:center;}
.box_blk .btn_apply a{ color: #000; font-size: 1.4rem; font-weight: 600; padding: 1.6rem 3.4rem; border-radius: 5rem; background: #fff; width: 16rem; }
.box_blk .btn_apply a:hover{ opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ }
.pg_list_box { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; }
.pg_list_box > li { float: left; width:calc(25% - 2rem); margin: 0 1rem 6rem 1rem; padding:0;}
.pg_list_box > li figure {position:relative; margin:0; padding:0;}
.pg_list_box figure h5 { width:100%; position:absolute; bottom:17px; padding:1.4rem 0 2.1rem 0; color: #fff; font-size: 2.5rem; font-weight: 700; text-align:left; padding-left:1.6rem;}
.pg_list_box figure h6 { width:100%; position:absolute; bottom:0; background-color: rgba(0, 0, 0, 0.3); padding:1.4rem 0 2.1rem 0; color: #fff; font-size: 1.8rem; font-weight: 700; text-align:center; }
.pg_list_box .txt_box { padding: 0;  }
.pg_list_box .txt_box p { margin-top: 1.7rem; font-size: 1.5rem; letter-spacing:-1px; font-weight:500; line-height: 1.6; color: #000; }
.bg-blk .pg_list_box .txt_box p {margin-top: 3.1rem;  padding-left:1.6rem; font-size: 1.4rem; }
.card_blk { max-width:1200px; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top:4.7rem; }
.bg-blk .card_blk { padding-bottom: 7rem; }
.card_blk li { width: calc(25% - 1.5rem); margin-right: 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; background: #161616; padding:4rem 0; border-radius: .8rem;}
.card_blk li:nth-child(4n) { margin-right: 0; }
.card_blk li a{ padding: 2rem 5rem 3rem 5rem; }
.card_blk li figure { display: block; margin:0; padding:0; text-align:center; }
.card_blk li h6{ font-size: 1.8rem; font-weight: 700; text-align:center; color:#fff; margin-top: .8rem; min-height:70px; line-height:1.3; }
.card_blk li p { font-size: 1.4rem; color:#c9c9c9; margin-top: .8rem; font-weight:400; line-height: 1.5; letter-spacing:-1px; }
.card_blk.cols5 li {width:calc(20% - 2rem); margin: 0 1rem 2rem 1rem;}
.card_blk.cols5 li:nth-child(5n) { margin-right: 0; }
.chef_list_box.cols5 { margin-bottom:3rem; }
.chef_list_box.cols5 > li{ float: left; width:calc(20% - 2rem); margin: 0 1rem 6rem 1rem; text-align:center;}
.chef_list_box.cols5 > li img{ width:100%; height: auto; }
.chef_list_box.cols5.circle > li img { border-radius:50%; width:16rem; height: 16rem; }
.chef_list_box.cols5 .class_tt .name { font-size: 1.5rem; font-weight: 400; text-align:center !important; float: none; }
.chefHome_board_list.full { clear:both; padding-top:20px; }
.chefHome_board_list.full li .board_txt { width:100%; }
.chefHome_board_list.full li { min-height: auto; padding: 2rem 4rem 3rem 4rem;}
.chefHome_board_list.wide {padding-top:2rem;}
.chefHome_board_list.wide li .board_txt { width:100%; }
.chefHome_board_list.wide li { min-height: auto; padding: 0rem 0rem 3rem 0rem;  }
.chefHome_board_list_box .top_board_btn.bg_lgr { background: #009261; clear:both; margin-top:1.5rem !important; margin-bottom:2rem; }
.masterSl_in_box .txtTop_require { position: absolute; top:2.5rem; right: 4rem; }
.box_dark .masterSl_in_box .txtTop_require { position: absolute; top:2.5rem; right: 4rem; color:#ccc; }
.box_dark .masterSl_in_box .ic_ess {color:#777; }
.box_wht .masterSl_in_box { max-width:1200px; width:auto; height:auto; padding: 6rem 4rem 3rem 4rem !important; }
.box_wht .masterSl_in_box.full { max-width:1200px; width:auto; height:auto; padding:0rem 1rem !important;  }
.box_dark .masterSl_in_box { max-width:1200px; width:auto; height:auto; padding: 6rem 4rem 3rem 4rem !important; }
.box_dark .masterSl_in_box.full { max-width:1200px; width:auto; height:auto; padding:0rem 1rem !important;  }
.txt_agree.left { display: flex; margin: 3rem 0 4rem 0; justify-content: start; padding-bottom:0.7rem; height:27px; }
.masterSl_in_box.full .txtTop_require { position: absolute; top:3.3rem; right:3.5rem;  }
.bd_viewCon.full { padding: 4rem 3rem; }
.board_view_box.full .bd_viewTit { padding: 2rem 3rem; }
.comment_box.full { margin-top: 6rem; padding: 0 0rem; box-sizing: border-box; }
.comment_box.full h3{ font-size: 1.5rem; font-weight: 500; color:#000; padding:2rem 0;}
.cmt_writer.full textarea{ width: 88%; min-height:76px; max-height: 500px; padding-top: 0.4rem; padding-left: 0rem; box-sizing: border-box; font-size: 1.4rem; border:none; overflow: hidden; line-height: 1.4; }
.d-flex {display: -ms-flexbox !important; display: flex !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important;}
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important;}
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important;}
.align-items-center { -ms-flex-align: center !important; align-items: center !important;}
.align-middle { vertical-align: middle !important;}
.container_box {max-width:900px; margin: 0 auto; }
.greyline_box {max-width:840px; margin: 0 auto; border:1px solid #ddd; padding:12px 30px; border-radius: 1rem;}
.grey_box {max-width:840px; margin: 0 auto; background-color:#f4f4f4; padding:12px 30px; border-radius: 1rem;}
.container_box .row {width:100%;  margin-right: 0px; margin-left:0px;}
.row .normal { font-size:15px; }
hr.line { display:block; clear:both; margin-top: 7px; margin-bottom: 7px;  border-top: 1px solid #ddd !important; border-bottom:0px; }
.container_box span {font-size:100%;}

@media screen and (max-width: 960px) { 
	.greyline_box {margin: 0 15px; border:1px solid #ddd; padding:15px 15px; border-radius: 1rem;}
	.grey_box {margin: 0 15px; background-color:#f4f4f4; padding:15px 15px; border-radius: 1rem;}
	.row .normal { font-size:14px; line-height:1.7 !important; }
	.btn-lg { font-size: 1.4rem;  border-radius: 0.5rem; text-align: center; height: 4.4rem; line-height: 4.4rem; padding-left:17px; padding-right:17px; font-weight: 500; }
	.btn-md { font-size: 1.4rem;  border-radius: 0.5rem; text-align: center; height: 4.0rem; line-height: 4.0rem; padding-left:17px; padding-right:17px; font-weight: 500;}
	.m-text-center {text-align:center !important; } 
	hr.line { margin-top: 15px; margin-bottom: 15px;  }
}
/* collapse */
.collapse { display: none; }
.collapse.in { display: block; }
.panel-group .panel { margin-bottom: 20px; border-radius: .6rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-group .panel-heading { padding: 10px 15px 12px 15px; border-top-left-radius: .6rem; border-top-right-radius: .6rem; background-color: #333; border-color: #333;	border-radius: .6rem; }
.panel-group .panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-group .panel-title { margin-top: 0; margin-bottom: 0; 	text-align:left; }
.panel-group .panel-title > a { font-weight: 500; font-size: 1.4rem !important; color:#fff; display:block;	padding: 0.9rem 1.5rem 1.2rem 1.5rem; line-height:1; }
.panel-group .panel-heading.single { padding: 7px 15px; background-color: #222; border-color: #222;	}
.panel-group .panel-heading.single:hover { background: #122e25 !important;	}
.panel-group .single .panel-title > a { font-weight: 500; font-size: 1.4rem !important; padding: 0.7rem 1.5rem 1.1rem 1.5rem; line-height:1; }
.panel-group .panel-title  span {display:inline-block; color:#fff;  font-size: 14px;}
.panel-group .panel  span .bi {color:#fff;} 
.panel-group .panel-title  span:nth-child(1) {width:60%; text-align:left; }
.panel-group .panel-title  span:nth-child(2) {width:40%; text-align:right; font-weight:normal; }
.panel-group .panel-heading .panel-title .btn:not(.collapsed) { }
.panel-group .panel-heading .panel-title .btn:not(.collapsed)::after { transform: rotate(-180deg); }
.panel-group .panel-heading .panel-title .btn:after { color: #ccc; content: "\f282"; font-family: "bootstrap-icons"; font-weight: 700; float: right; transition: transform 0.2s ease-in-out; }
.panel-group .panel-heading .panel-title.open .btn:after { content: "none"; }
.panel-group .panel-heading .panel-title.active .btn:after { content: "none"; }
.panel-group .panel-body { margin-top:-.6rem; }
.panel-group .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0;}
.panel-group .panel > .list-group .list-group-item,
.panel-group .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel-group .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.panel-group .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel-group .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
.panel-group .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.panel-group { margin-bottom: 20px; margin-left:0; margin-right:0; padding:0; }
.panel-group .panel { margin-bottom: 0; border-radius: .6rem; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.list-group { padding-left: 0; margin-bottom: 0px; }
.list-group + .panel-footer { border-top-width: 0; }
.list-group-item { position: relative; display: block;	text-align:center; margin-bottom: -1px; padding: 13px 29px 15px 50px; line-height:17px; background-color: #222; border: 1px solid #222;	font-size: 1.4rem; color:#ddd; 	display: block; }
.list-group-item:hover {	background: #009261 !important; cursor: pointer; background: #122e25 !important; }
.list-group-item span {display:inline-block; font-size: 14px; }
.list-group-item span:nth-child(1) {width:67%;color:#fff; text-align:left;}
.list-group-item span:nth-child(2) {width:23%;color:#fff; }
.list-group-item span:nth-child(3) {width:10%;color:#fff; }
.cols2 .list-group-item span:nth-child(1) {width:60%; color:#fff; text-align:left;}
.cols2 .list-group-item span:nth-child(2) {width:40%; color:#fff; text-align:right;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; padding: 13px 29px 15px 50px; background-color: #009261 !important; border-color: #009261 !important;}
.list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .6rem; border-bottom-left-radius: .6rem; }
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; }
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading { color: inherit;}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text { color: #777777; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { color: #c7ddef; }

.panel-group.line .panel { margin-bottom: 10px; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-group.line .panel-heading { padding: 0px; border-top-left-radius:0; border-top-right-radius: 0; background-color: #fff; border: 1px solid #ebebeb;	border-radius: 0; }
.panel-group.line .panel-title > a { color:#333; padding: 1.8rem 0rem 1.8rem 0.5rem; }
.panel-group.line .panel-body { border: 1px solid #ebebeb;	 border-top:0px; padding:20px 30px; background-color:#fff; margin-top:0px; }
@media screen and (max-width: 960px) { 
	.panel-group.line .panel { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0); box-shadow: 0 1px 1px rgba(0, 0, 0, 0); }
	.panel-group.line .panel-heading { padding: 0px; border: 0px solid #ebebeb;	}
	.panel-group.line .panel-body { border: 0px solid #ebebeb;	 padding:0px 0px; }
	.panel-group.line .panel-title {padding:0;}
	.panel-group.line .panel-title > a { padding: 1.7rem 0rem 1.7rem 0rem !important; }
}


.panel-group.class .panel { margin-bottom: 20px; border-radius: .6rem; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-group.class .panel-heading { padding: 10px 15px 12px 15px; border-top-left-radius: .6rem; border-top-right-radius: .6rem; background-color: #000; border-color: #000;	border-radius: .6rem; }
.panel-group.class .panel-title > a { font-weight: 700; font-size: 2.1rem !important; color:#fff; display:block;	padding: 0.9rem 1.5rem 1.2rem 1.5rem; line-height:1; }
.panel-group.class .list-group-item { position: relative; display: block;	text-align:center; margin-bottom: -1px; padding: 10px 20px 10px 20px; line-height:17px; background-color: #000; border: 1px solid #000;	font-size: 1.4rem; color:#ddd; 	display: block; }
.panel-group.class .list-group-item:hover {	background: #000 !important; cursor: pointer;  }
.panel-group.class .curriculum_box > .txt { color:#fff !important;}
.classPage .panel-group.class .curriculum_box > .txt > ol li {color:#fff !important;}
.curriculum_info { padding: 10px 15px 10px 15px; border-top-left-radius: .6rem; border-top-right-radius: .6rem; background-color: #333; border-color: #333;	border-radius: .6rem;  }
.curriculum-list { position: relative; display: block;	text-align:center; margin-bottom: -1px; padding: 5px 0; line-height:17px; }

.curriculum-list { display: -ms-flexbox !important; display: flex !important;-ms-flex-align: center !important; align-items: center !important; }
.curriculum-list li:nth-child(1) {width:30px; color:#fff; font-size:12px; font-family: Montserrat,'Noto Sans KR',sans-serif;-webkit-transform:rotate(-90deg); padding-bottom:20px; min-width:50px; border-bottom:1px solid #555;  }
.curriculum-list li:nth-child(2) {width:calc(100% - 50px); color:#fff; font-size:12px; padding-left:0px; vertical-align:middle; height:100%; }
.curriculum-list li strong {display:block; font-weight:400; padding:3px 20px; font-size:11px !important;}
.curriculum-list li strong span:nth-child(1) {width:70%;color:#fff; text-align:left;  font-size:11px !important; }
.curriculum-list li strong span:nth-child(2) {width:30%;color:#fff; text-align:right;  font-size:11px; }

@media screen and (max-width: 960px) { 
	.panel-group.class .panel { display: block; padding:0; margin:0;}
	.panel-group.class .panel { margin-bottom: 10px; }
	.panel-group.class .panel-heading { padding: 5px 10px; }
	.panel-group.class .panel-title > a { font-size: 1.7rem !important; padding: 0.7rem 0rem 1rem 0.5rem;}
	.panel-group.class .list-group-item {padding: 10px 16px 10px 16px; line-height:13px; font-size: 1.3rem; }
	.classPage .panel-group.class .curriculum_box {padding: 0 0rem}
	.panel-group.class .curriculum_box > .txt { margin-left:-20px; padding-top:20px; }
	.curriculum-list li:nth-child(1) {display:none;}
	.curriculum-list li:nth-child(2) {width:calc(100% - 0px);  }
	.curriculum-list li strong {padding:3px 0px; font-size:11px !important;}
}


/* Dark theme */
.chefHome_board_list.dark { width:100%; margin: 0 auto; box-sizing: border-box; }
.chefHome_board_list.dark li { border-radius:.6rem; width:100%; min-height: 17.5rem; padding: 2rem 4rem; box-sizing: border-box; border-bottom:1px solid #555; background: #555 !important; margin-bottom: 1.4rem; }
.chefHome_board_list.dark li .bd_tit{ color:#fff; }
.chefHome_board_list.dark li p { color:#eee !important; }
.chefHome_board_list.dark li .bd_bt_txt span{ color: #ccc; line-height:17px;}
.chefHome_board_list.dark li .bd_bt_txt .ic_like{ color:#ccc; }
.chefHome_board_list.dark li .bd_bt_txt .ic_like_de { color:#ccc;}
.chefHome_board_list.dark li .bd_bt_txt .ic_cmt { padding-left: 0rem; background: url('none') no-repeat left 0px; background-size:12px; padding-top:1px; }
.chefHome_board_list.dark li .bd_bt_txt .ic_cmt .bi { color:#fff;}
.chefHome_board_list.dark li .date { color:#bbb !important; }
.board_write_box.dark .write_tit input{ border:1px solid #222; background-color:#222; color:#fff; }
.board_write_box.dark .write_con{ border:1px solid #222; background-color:#222;  }
.box_wht.bg_dark {background: #333; border-radius:.6rem; }
.box_wht.bg_dark .board_view_box .bd_viewTit{ background: #222; border-top: 1px solid #222; border-bottom: 1px solid #222; border-top-left-radius:.6rem; border-top-right-radius:.6rem; }
.box_wht.bg_dark .bd_viewTit .view_ttTxt .tit{ color: #fff;  }
.box_wht.bg_dark .bd_viewTit .view_ttTxt .name span{ color: #ccc;  }
.box_wht.bg_dark .bd_viewTit .view_ttTxt .name .date{ color:#bbb;}
.box_wht.bg_dark .bd_viewTit .view_ttTxt .bd_num span{ color: #888; }
.box_wht.bg_dark .bd_viewTit .view_ttTxt .bd_num .ic_like{ background: url('/images/icon/ic_like.gif') no-repeat left 5px; }
.box_wht.bg_dark .board_view_box .btn_bd_modify .ic_modify li{ background: #777; }
.box_wht.bg_dark .board_view_box .btn_bd_modify .ic_modify:hover li{ background: #00593b; }
.box_wht.bg_dark .bd_viewCon p { color:#ddd; }
.box_wht.bg_dark .comment_box h3{ color:#fff; }
.box_wht.bg_dark .cmt_writer{ border:1px solid #222; background: #222; }
.box_wht.bg_dark .cmt_writer textarea{ background: #222; color:#fff; width: 88%; min-height: 48px; max-height: 500px; padding-top: 0rem; padding: 1rem 1.6rem 1rem 1.6rem !important; }
.box_wht.bg_dark .cmt_writer .cmt_textNum{ position: absolute; top: 1rem; right: 1rem; font-size: 1rem !important; }
.box_wht.bg_dark .cmt_writer .cmt_textNum span{ font-size: 1.2rem; color:#b7b7b7;}
.box_wht.bg_dark .cmt_writer .cmt_textNum span:last-child{color:#999; } 
.box_wht.bg_dark .cmt_writer .cmt_btn li a.cancle{ background: #555; color:#ccc; border: 1px solid #555; }
.box_wht.bg_dark .cmt_list .cmt_box .cmt_con { color:#c9c9c9; }
.box_wht.bg_dark .cmt_list .cmt_box .mem_id { color:#c9c9c9; }
.box_wht.bg_dark .cmt_list > li { border-bottom:1px solid #555; }
/* pagination */
.pagination.dark a { color: #ddd !important;  }
.pagination.dark .active, .pagination.dark .page:hover { background:#009261; color:#fff; }
.class_play_box .class_play_top .play_txt .btn_workBook{ float: right; }

@media screen and (max-width: 960px) { 
	.containerw h2 { font-size: 2.1rem !important; }
	.partnerChef_top {display: none;}
	.partnerChef_btm {display: none;}
  .partnerChef_btm_mo {display: block; height:auto; margin-bottom:-1px; }
  .partnerChef_btm_mo img { width:100%; margin-bottom:-1px; }
	.box_blk {border-radius:0; max-width: 100%; margin-top: 5rem; padding: 3rem 0;}
	.box_blk p {font-size: 1.5rem;}
	.box_blk .btn_apply a{ font-size: 1.2rem; padding: 1.4rem 3.4rem; width: 14rem; }
	.d-sm-block {display: block !important;}
	.pg_list_box { width:100%; padding: 0 1.6rem; box-sizing: border-box; }
	.pg_list_box > li { width: calc(100% - 0.0rem) !important; margin: 0 0 4rem 0; }
	.pg_list_box figure h5 { padding:1.4rem 0 2.1rem 0; color: #fff; font-size: 2.1rem; text-align:left; padding-left:20px;}
	.pg_list_box figure h6 { padding:1.2rem 0 1.4rem 0; font-size: 1.6rem; }
	.pg_list_box .txt_box p { margin-top: 1.2rem; font-size: 1.5rem; line-height: 1.4;}
	.card_blk { width:100%; padding: 0 1.6rem; box-sizing: border-box;  }
	.card_blk li { width: calc(100% - 0rem) !important; margin: 0 0 4rem 0; padding:4rem 0; border-radius: .8rem;}
	.card_blk li h6{ font-size: 1.6rem; margin-top: .8rem; min-height:70px; line-height:1.2; }
	.card_blk li p { font-size: 1.4rem; line-height: 1.4;}
  .chef_list_box.cols5 { padding: 0 0 0 1.6rem; box-sizing: border-box; }
	.chef_list_box.cols5 > li { width: calc(33% - 1.6rem); margin: 0 0 4rem 0; position: relative;}
  .chef_list_box.cols5 > li:nth-child(3n+2) { margin-left: 1.6rem; margin-right: 1.6rem; }
	.chef_list_box.cols5.circle .class_tt .name { font-size: 1.3rem; font-weight: 400; text-align:center !important; float: none; }
	.btn_go a { font-size: 1.2rem; padding: 1.4rem 3.4rem; margin-top:1.2rem; display: -ms-flexbox !important; display: flex !important; ms-flex-pack: center !important; justify-content: center !important; }
	.panel-group .panel { display: block; padding:0; margin:0;}
	.panel-group .panel { margin-bottom: 10px; }
	.panel-group .panel-heading { padding: 5px 10px; }
	.panel-group .panel-title > a { font-size: 1.3rem !important; padding: 0.7rem 0rem 1rem 0.5rem;}
	.list-group-item {padding: 10px 12px 13px 25px; line-height:13px; font-size: 1.3rem; }
	.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { padding: 10px 17px 11px 25px;}
	.list-group-item span {font-size: 1.3rem; }
	.panel-group .panel-heading.single {  padding: 5px 10px; font-size: 1.3rem; background-color: #222; border-color: #222;	}
	.panel-group .single .panel-title > a { padding: 0.7rem 0.2rem 1rem 0.5rem; }
	.panel-group .panel-title  span {font-size: 13px;}
	.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .6rem; border-bottom-left-radius: .6rem; }
	.ml-1 {margin-left: 0.5rem !important; }
	.mr-1 {margin-right: 0.5rem !important; }
	.ml-3 {margin-left: 1.5rem !important; }
	.mr-3 {margin-right: 1.5rem !important; }
	.masterSl_in_box .txtTop_require { position: absolute; top:2rem; right: 2rem; }
	.box_wht .masterSl_in_box { max-width:1200px; width:auto; height:auto; padding: 5rem 1rem 3rem 1rem !important;  }
	.box_wht .board_view_box { margin-top: -2rem; }
	.box_dark .masterSl_in_box { max-width:1200px; width:auto; height:auto; padding: 5rem 1rem 3rem 1rem !important;  }
	.box_dark .board_view_box { margin-top: -2rem; }
	.class_play_box .class_play_content.cols2 dl dt:nth-child(1){ width:60%; }
	.class_play_box .class_play_content.cols2 dl dt:nth-child(2){ width:40%; }
	.classPage .curriculum_box > .img .prev_play .bi {font-size:37px; }
	.classPage .curriculum_box > .img .prev_play .bi-ico {font-size:57px; }
	.classPage .curriculum_box > .img .prev_play a strong {font-size: 15px; }
	.classPage .curriculum_box > .img .prev_txt { bottom:2rem; right:2rem; font-size: 14px; }
	.box_wht.bg_dark .comment_box h3.cmt_login { font-size:1.4rem !important; margin-bottom: 0 !important;  } 
	.box_wht.bg_dark .cmt_writer .cmt_textNum { top: auto; bottom: 1rem; left: 1rem; color:#777; }
	.box_wht.bg_dark .cmt_list .cmt_reply { padding-left: 7rem; background: #333; }
	.box_wht.bg_dark .board_view_box .bd_viewTit { padding: 1rem 1.6rem 2rem 1.6rem; min-height: 12rem; }
	.pdm { padding-left:1.6rem; padding-right:1.6rem;}
	.comment_box.full { margin-top: 6rem; padding: 0 1.6rem; box-sizing: border-box; }
	.bd_viewCon.full { padding: 2rem 1.6rem; }
	.board_view_box.full .bd_viewTit { padding: 2rem 1.6rem; }
	.cmt_writer.full textarea { font-size: 1.3rem; padding: 0.4rem 0.7rem; width: 100%; min-height: 40px;}
	.filterwrap { padding: 1.2rem 1.2rem; }
	.input-group > .form-control { font-size:1.2rem !important; }
	.form-control.form-primary {border: 3px solid #009261;	border-radius:50rem; padding-left:1.2rem; font-size:1.3rem !important;}
	.input-group .btn { width: 4rem; font-size: 1.3rem; }
	.chefHome_board_list.dark li { min-height: auto; padding: 1rem 2rem; margin-bottom: 1.2rem; }
	.chefHome_board_list.dark li .bd_tit{ font-size: 1.3rem; }
	.chefHome_board_list.wide li { padding : 1rem 0rem 2rem 0rem; }
	.chef_home_box .justify-content-end {-ms-flex-pack: center !important; justify-content: center !important;}
	.m-mt-1 { margin-top: 0.5rem !important; }
	.m-mt-2 { margin-top: 2rem !important; }
	.m-mt-3 { margin-top: 3rem !important; }
	.classPage .curriculum_box > .txt > ol.long li{ line-height: 1.5; }
}

/* Event Coupon */
.event_coupon {background-color:#fff; max-width:1000px; padding:20px 70px 20px 70px;}
.ecoupon_list { display:flex; justify-content:center; flex-wrap:wrap; word-break: keep-all; } 
.ecoupon_item { position:relative;  line-height: 1.4; width:calc(50% - 2rem); margin:0.7rem 1rem; }
.ecoupon-list {position:relative; display:block; margin-bottom: 1.2rem; transition: all 0.2s ease 0s; line-height:2.0rem; display: -ms-flexbox !important;  display: flex !important;  -ms-flex-align: center !important;  align-items: center !important; margin-bottom: 0.7rem; transition: all 0.2s ease 0s; }
.ecoupon-list .coupon-box {position:relative; display:inline-block; float:left; width:calc(100% - 65px) ; height:99px; padding:12px 20px; line-height:20px; background-color:#7f7f7f; border:1px solid #7f7f7f; text-align:center;	}
.ecoupon-list .coupon-box:before { content: ""; position: absolute; bottom: 50px; left: -1.15rem; border-radius: 0 1.8rem 1.8rem 0; display: inline-block; width: 2.3rem; height: 2.3rem; background-color: #fff; z-index:777;}
.ecoupon-list strong { font-weight: 400; color:#f5f5f5; display:block; font-size:16px !important; font-family: Montserrat,'Noto Sans KR',sans-serif;}
.ecoupon-list em { display:block; margin:3px 0 8px 0; font-style: normal; }
.ecoupon-list em u {font-family: Montserrat,'Noto Sans KR',sans-serif; color:#e0c29e; border-bottom:2px solid #e0c29e; display:inline-block; font-weight: 700; font-size:3.9rem; line-height:1.17; text-decoration:none; padding:0px 10px; }
.ecoupon-list em u small { font-weight: 3400; font-size:2.7rem;line-height:1.1; color:#e0c29e; }
.ecoupon-list span { color:#f5f5f5; font-size:12px !important; }
.ecoupon-list .tag { position:relative; display:inline-block; background-color:#404040; height:125px; width:63px ; line-height:20px; font-size: 2.4rem; text-align:center; }
.ecoupon-list .tag:after {content: ""; position: absolute; bottom: 51px; right: -1.0rem; width: 2.3rem; height: 2.3rem; border-radius: 1.8rem 0 0 1.8rem; display: inline-block; background-color: #fff; z-index:777; }
.ecoupon-list .tag .elabel {position:absolute; bottom:53px; left:-25px; color:#cec4c2; display:block; font-size:11px !important; font-weight:700; font-family: Montserrat,'Noto Sans KR',sans-serif;-webkit-transform:rotate(-90deg); white-space: nowrap; }
.ecoupon-list .coupon-box-back { display:none; }
.ecoupon-list.download .coupon-box-back {display:inline-block; position:absolute; top:0; left:0; float:left; width:calc(100% - 97px) ; height:105px; padding:10px 20px; line-height:20px; background:rgba(0,0,0,0.7); z-index:77; color:#fff; font-size:27px !important; letter-spacing:-1px; display: -ms-flexbox !important;  display: flex !important;  -ms-flex-align: center !important;  align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.coupon-btn {clear:both; text-align:center; padding:3rem 0 2rem 0;}
.coupon-btn .btn-round { background-color:#404040 !important; color:#fff !important; font-size: 1.3rem; height: 4.2rem; display:inline-block; line-height:4.2rem; font-size: 1.8rem; padding: 0.6rem 2.5rem 0.8rem 2.5rem; border-radius: 50rem; width:30rem !important; }

.brown .ecoupon-list .coupon-box {background-color:#bfb6b5; border:1px solid #bfb6b5; }
.brown .ecoupon-list strong { color:#000; }
.brown .ecoupon-list em u { color:#555; border-bottom:2px solid #555;  }
.brown .ecoupon-list em u small { color:#555; }
.brown .ecoupon-list span { color:#000; }
.brown .ecoupon-list .tag { background-color:#675b5b; }
.brown .ecoupon-list .tag .elabel { color:#c2b9b8; }
.brown .coupon-btn .btn-round { background-color:#675b5b !important; color:#fff !important; }

.green .ecoupon-list .coupon-box {background-color:#afc3b8; border:1px solid #afc3b8; }
.green .ecoupon-list strong { color:#045839; }
.green .ecoupon-list em u { color:#045839; border-bottom:2px solid #045839;  }
.green .ecoupon-list em u small { color:#045839; }
.green .ecoupon-list span { color:#045839; }
.green .ecoupon-list .tag { background-color:#045839; }
.green .ecoupon-list .tag .elabel { color:#afc3b8; }
.green .coupon-btn .btn-round { background-color:#045839 !important; color:#fff !important; }

.coupon-btn .btn-round.btn-disabled { color: #999 !important; background:#fff !important; border: 1px solid #777 !important; cursor: default; }

@media screen and (max-width: 960px) {
	.event_coupon {max-width:730px; min-width:auto; min-height:auto; padding:40px 15px 20px 15px; margin:0 auto; }
	.ecoupon_item { width:calc(100% - 0rem); margin:0.5rem 0rem; }
	.ecoupon-list .coupon-box { width:calc(100% - 60px) ; height:90px; padding:10px 0px; }
	.ecoupon-list .coupon-box:before { bottom: 44.5px; width: 2.2rem; height: 2.2rem; }
	.ecoupon-list .tag { width:60px; height:112px; }
	.ecoupon-list em { margin:3px 0 8px 0; }
	.ecoupon-list em u {font-size:3.2rem; padding:0px 7px; }
	.ecoupon-list em u small { font-size:2.1rem;}
	.ecoupon-list strong { font-size:15px !important;}
	.ecoupon-list span { font-size:11px !important; }
	.ecoupon-list .tag .elabel {position:absolute; bottom:47px; }
	.ecoupon-list .tag:after {bottom: 44.5px; width: 2.2rem; height: 2.2rem; }
	.coupon-btn .btn-round { font-size: 1.3rem; height: 4.2rem; padding:0rem 2rem; width:77% !important; }
}
@media screen and (max-width: 767px) {
	.event_coupon {padding:40px 10px 20px 10px; min-width:auto;  margin:0px; }
	.ecoupon-list.download .coupon-box-back { height:112px; width:calc(100% - 60px); padding:0; font-size:20px !important; }
}

.ev-floating-timer {z-index:99999; padding:0; width: 100%; position: fixed; bottom: 0; left: 0; }
.ev-floating-timer_box {width: 700px; z-index:77777; margin:1rem auto; padding:2rem 5rem 2rem 3rem; border-radius: 1.2rem; 
	box-shadow: 0 2rem 3rem -2rem rgb(0 0 0 / 25%); 
	background: #ff5d15;
	background: -moz-linear-gradient(left, #ff5d15 0%, #fedc25 100%);
	background: -webkit-linear-gradient(left, #ff5d15 0%,#fedc25 100%);
	background: linear-gradient(to right, #ff5d15 0%,#fedc25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d15', endColorstr='#fedc25',GradientType=1 );
	background: linear-gradient(77deg,#f17505 32.09%,#EC5157 48.96%,#FF18BD 67.94%,#1A4BFF 99.57%);
	border-color: #ff5d15;
	box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
	-webkit-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
	-moz-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
}
/* Event Coupon Timer */
.ev-floating-timer_description {font-family: Montserrat,'Noto Sans KR',sans-serif; float:left; width:50%; line-height:1.3; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.ev-floating-timer_description .bi { display:inline-block; font-size:4.7rem; color:#fff; font-weight:700; margin-right:15px; margin-top:-5px; }
.ev-floating-timer_description strong { font-family: Montserrat,'Noto Sans KR',sans-serif; font-size:1.7rem; color:#fff; font-weight:700; display:inline-block; padding-top:3px;  text-align:center;  }
.ev-floating-timer_description strong small { font-size:1.4rem; font-weight:500; color:#fff;  }
.ev-floating-timer_remaining-time { display:flex; width:50%; flex-direction:row; justify-content:space-around;  }
.ev-floating-timer_box span.ev-time-box {font-family: Montserrat,'Noto Sans KR',sans-serif; color:#fff; font-size:1.3rem; font-weight:700; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
.ev-floating-timer_box span.ev-time-box i {display:inline-block; font-family: Montserrat,'Noto Sans KR',sans-serif; color:#fff; font-size:1.3rem; font-weight:700; font-style: normal; margin-right:17px; margin-left:5px; }
.ev-floating-timer_box span.ev-timer { font-family: Montserrat,'Noto Sans KR',sans-serif; position:relative; display:flex; width:6rem; height:6rem; font-size:2.7rem; justify-content:center; align-items:center; background-color:#fff; color:#d32; border-radius:0.8rem; float:left; }
.ev-time-box{white-space:nowrap}
.ev-time-box:after{content:attr(data-unit)}
@media screen and (max-width: 960px) { 
	.ev-floating-timer_box { width:auto; margin:1rem 2.6rem; padding:0.7rem 1rem 1.2rem 1rem; }
	.ev-floating-timer_description {width:100%; line-height:1.2; }
	.ev-floating-timer_description .bi { font-size:2.7rem; margin-right:7px; }
	.ev-floating-timer_description strong {font-family: Montserrat,'Noto Sans KR',sans-serif; font-size:1.4rem; padding-top:7px;  }
	.ev-floating-timer_description strong small { font-size:1.2rem; }
	.ev-floating-timer_remaining-time {width:100%; padding-top:7px; display:flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important;}
	.ev-floating-timer_box span.ev-time-box { width:auto; position:relative; height:3.7rem; margin:0.3rem; }
	.ev-floating-timer_box span.ev-time-box i {margin-right:5px; margin-left:2px; font-size:1.2rem; }
	.ev-floating-timer_box span.ev-timer {width:4rem; height:4rem; font-size:2rem;}
}

.ic_reswrap { display: flex; align-items: center;  justify-content: center; position: absolute; z-index: 50; }
.ic_reswrap .ic_res {position:relative; box-sizing: border-box; height: 2.2rem; line-height:2rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; width: 6.5rem; margin:1rem 0 0 .5rem; text-align:center; }
.ic_reswrap .ic_res:first-child {margin:1rem 0 0 1rem;}
.ic_reswrap .res01{ background: #00593b; border:1px solid #00593b;}
.ic_reswrap .res02{ background: #000; border:1px solid #000;}
.ic_reswrap .res03{ background: #fff; color:#333; border:1px solid #000;}

.badge { box-sizing: border-box; display: inline-block; height: 1.9rem; line-height:1.4; vertical-align: .2rem; padding: 0 0.7rem; font-size: 1.2rem !important; font-weight: 400; color:#fff; border-radius: 5rem; border:1px solid #999; margin-right: .6rem; color:#fff; background-color:#000; border:1px solid #000; }

.pricewrap { font-size: 1.3rem !important; font-weight:normal; margin-top:7px; margin-bottom:5px; }
.pricewrap .pr_or { font-size: 1.3rem; color:#777; text-decoration: line-through; font-weight:normal; }
.pricewrap .txt_gr01 { font-size: 1.3rem; font-weight: 500; }
.pricewrap .txt_red { font-size: 1.3rem; letter-spacing: .5px; font-weight: 500; }
 
.txt_white .pricewrap .pr_or { color:#999 !important; }
.txt_white p { color:#fff !important; }
.txt_white .class_offline_wrap .class_tt p.name { font-weight:400; color:#999 !important; }
.txt_white .pr_ar { font-weight:400; color:#999; }

@media screen and (max-width: 960px) { 
	.ic_reswrap .ic_res {padding: 0 0.8rem; width: auto; margin:0.6rem 0 0 0.3rem; }
	.ic_reswrap .ic_res:first-child {margin:0.6rem 0 0 0.6rem;}
}

.ev-floating-buy {z-index:99999; padding:0; width: 100%; position: fixed; bottom: 0; left: 0; text-align:center; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important;	justify-content: center !important; }
.ev-floating-buy_box { width: 900px; z-index:99999; height:56px; margin:0 auto; padding:1rem 1.2rem 1rem 3rem; border-radius: .8rem; box-shadow: 0 2rem 3rem -2rem rgb(0 0 0 / 25%); display: -ms-flexbox !important;
  display: flex !important; 
	-ms-flex-align: center !important;
  align-items: center !important; 
	background: #171717;	 
	color:#fff; 
	flex-direction: column;
	padding: 0px;
	background-color: transparent;
	animation: 0.9s ease-out 0s 1 normal forwards running animation-ev-floating-buy;
}
@keyframes animation-ev-floating-buy { 
	0% {
		opacity: 1;
	}
	25% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		-moz-transform: translate3d(0, 20%, 0);
		-ms-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}
	30% {
		width: calc(90rem / 2);
		-webkit-transform: translate3d(0, 0%, 0);
		-moz-transform: translate3d(0, 0%, 0);
		-ms-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
	50% {
		width: calc(90rem / 3);
		-webkit-transform: translate3d(0, 0%, 0);
		-moz-transform: translate3d(0, 0%, 0);
		-ms-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
	70% {
		opacity: 0;
	}
	100% {
		bottom: 1rem;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 0.8rem 1.2rem 0.8rem 2.7rem;
		background-color: #333333;
		opacity: 1;
		box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
		-webkit-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
		-moz-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
	}
}
.ev-floating-buy_info {float:left; width:70%;color:#fff; text-align:left; vertical-align: middle;}
.ev-floating-buy_txt {float:right; color:#fff;  font-size:14px !important; display: inline-block; font-weight: 600; text-align:right; padding-right:20px; }
.ev-floating-buy_txt .pr_or {text-decoration: line-through;}
.ev-floating-buy_txt .strong { font-weight:800 !important; }
.ev-floating-buy_txt .sale { font-weight:800 !important; font-size:16px !important; margin-left:1rem}
.ev-floating-buy_btn {float:right; width:30%;color:#fff; text-align:right; animation: 2s ease 0s 1 normal forwards running animation-btn-buy; }
.ev-floating-buy_btn .btn-buy { animation-name: animation-btn-buy; }
.ev-floating-buy_txt span {font-size:14px !important; display: inline-block;}
.ev-floating-buy_info span {display: inline-block;}

/*오프라인 클래스 강태성 추가 ev-floating-buy-off*/
.ev-floating-buy_info {float:left; width:70%;color:#fff; text-align:left; vertical-align: middle;}
.ev-floating-buy-off_txt {color:#fff;  font-size:14px !important; display: inline-block; font-weight: 600; text-align:right;width:100%; }
.ev-floating-buy-off_txt ul{margin:0;padding:0 10px 0 0 ;float:right;width:100%;}
.ev-floating-buy-off_txt li{display:inline-block;color:#fff;  font-size:14px !important; display: inline-block; font-weight: 600; }
.ev-floating-buy-off_txt .dc3{padding:0px 10px 0px 10px}
.ev-floating-buy-off_txt .dc6{display:none}
.ev-floating-buy-off_txt .dc7{display:none}
.ev-floating-buy-off_txt .pr_or {text-decoration: line-through;}
.ev-floating-buy-off_txt .strong { font-weight:800 !important; }
.ev-floating-buy-off_txt .sale { font-weight:800 !important; font-size:16px !important; margin-left:1rem}
.ev-floating-buy-off_txt span {font-size:14px !important; display: inline-block;}



@keyframes animation-btn-buy {
	0%, 26%, 100% {
			transform: translateY(0px);
			color: rgb(255, 255, 255);
	}
	7% {
			transform: translateY(-0.5rem);
			color: rgb(255, 93, 12);
	}
	13% {
			transform: translateY(-0.5rem);
			color: rgb(255, 24, 189);
	}
}

/*오프라인 클래스 강태성 추가 ev-floating-buy-off*/
@media screen and (max-width: 960px) {

	.ev-floating-buy-off_txt {float:none; font-size:12px !important; text-align:left; margin:0; line-height:1;width:100%;box-sizing: border-box; padding-right:0px; }
	.ev-floating-buy-off_txt ul{width:100%;margin:0;padding:0px;float:right;}
	.ev-floating-buy-off_txt li{display:inline-block;float:left;border:0px solid red;}
	.ev-floating-buy-off_txt .dc1{display:none}
	.ev-floating-buy-off_txt .dc2{width:auto;}
	.ev-floating-buy-off_txt .dc3{width:14%;text-align:center; color: #fff; font-size: 1.4rem;padding:2px 5px 0px 5px}
	.ev-floating-buy-off_txt .dc4{width:41%;}
	.ev-floating-buy-off_txt .dc5{display:none;}
	.ev-floating-buy-off_txt .dc6{display:block;}
	.ev-floating-buy-off_txt .dc7{width:41%;display:block  !important;}
	.ev-floating-buy-off_txt .sale{font-size:14px !important; margin-left:0rem; margin-right:0px; margin-top:10px; }
	.ev-floating-buy-off_txt span {font-size:13px !important; margin-top:3px; padding:0;  }
}
/*오프라인 클래스 미디어쿼리 360 강태성 추가 ev-floating-buy-off*/
@media screen and (max-width: 360px) {
	.ev-floating-buy_box {height:47px; border-radius:0; margin:0; text-align:left; padding:1rem 1.2rem 1rem 1.2rem !important;}
	.ev-floating-buy_info {width:65%; font-size:12px !important; text-align:left; margin:0; line-height:1.2; padding-left:5px;}
	.ev-floating-buy-off_txt {float:none; font-size:12px !important; text-align:left; margin:0; line-height:1;}
	.ev-floating-buy-off_txt .sale {font-size:13px !important; margin-left:0rem; margin-right:0px; margin-top:10px; }
	.ev-floating-buy-off_txt span {font-size:12px !important; margin-top:3px; padding:0;  }

}


@media screen and (max-width: 960px) {
	.ev-floating-buy_box {height:47px; border-radius:0; margin:0; text-align:left; padding:1rem 1.2rem 1rem 1.2rem !important;}
	.ev-floating-buy_info {width:60%; font-size:13px !important; text-align:left; margin:0; line-height:1.2; padding-left:5px; }
	.ev-floating-buy_txt {float:none; font-size:12px !important; text-align:left; margin:0; line-height:1;}
	.ev-floating-buy_txt .sale { float:left; font-size:14px !important; margin-left:0rem; margin-right:37px; margin-top:10px; }
	.ev-floating-buy_btn {width:40%; text-align:right; width: calc(40% - 12px);}
	.ev-floating-buy_txt span {font-size:13px !important; margin-top:3px; padding:0;  }
	.ev-floating-buy_info span {font-size:13px !important; line-height:1; }

	@keyframes animation-ev-floating-buy { 
		0% {
			opacity: 1;
		}
		25% {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			-moz-transform: translate3d(0, 20%, 0);
			-ms-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}
		30% {
			width: calc(90rem / 2);
			-webkit-transform: translate3d(0, 0%, 0);
			-moz-transform: translate3d(0, 0%, 0);
			-ms-transform: translate3d(0, 0%, 0);
			transform: translate3d(0, 0%, 0);
		}
		50% {
			width: calc(90rem / 3);
			-webkit-transform: translate3d(0, 0%, 0);
			-moz-transform: translate3d(0, 0%, 0);
			-ms-transform: translate3d(0, 0%, 0);
			transform: translate3d(0, 0%, 0);
		}
		70% {
			opacity: 0;
		}
		100% {
			bottom:0;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			padding: 0.5rem 3rem 1.2rem 3rem;
			background-color: #333333;
			opacity: 1;
			box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
			-webkit-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
			-moz-box-shadow: 6px 6px 5px -3px rgba(0,0,0,0.26);
		}
	}
}

.sticky_info { color:#fff; font-weight:700 !important; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-overflow: ellipsis;overflow-wrap: normal;font-size:14px;}
.sticky_info span { font-size:14px !important; color:#fff; font-weight: bold;  font-family: Montserrat,'Noto Sans KR',sans-serif; }
.sticky_info em { font-style: normal; color:#fff; margin-left:5px; font-size:14px !important; display: inline-block; font-weight: bold; }
.sticky_info em span {  font-size:14px !important; color:#fff; font-weight: bold;  font-family: Montserrat,'Noto Sans KR',sans-serif; 
    opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow-wrap: normal;
    display: inline-block;
    overflow: unset;
		animation-fill-mode: forwards;
    transition: all 0.7s ease-out	1s;
    animation-name: animation-sticky_info;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;	
}
.sticky_info{white-space:nowrap}
.sticky_info:after{content:attr(data-unit)}
.sticky_info em span:nth-child(1) { animation-delay: 1.1s;}
.sticky_info em span:nth-child(2) { animation-delay: 1.2s;}
.sticky_info em span:nth-child(3) { animation-delay: 1.3s;}
.sticky_info em span:nth-child(4) { animation-delay: 1.4s;}
.sticky_info em span:nth-child(5) { animation-delay: 1.5s;}
.sticky_info em span:nth-child(6) { animation-delay: 1.6s;}
.sticky_info em span:nth-child(7) { animation-delay: 1.7s;}
.sticky_info em span:nth-child(8) { animation-delay: 1.8s;}

@media screen and (max-width: 960px) {
	.sticky_info {
		padding:7px 0 0 0;
		font-size:13px;
	}
}
@keyframes animation-sticky_info { 
	0%, 26%, 100% {
			transform: translateY(0px);
			color: rgb(255, 255, 255);
	}
	7% {
			transform: translateY(0rem);
			color: rgb(255, 93, 12);
	}
	13% {
			transform: translateY(0rem);
			color: rgb(255, 24, 189);
	}
  64% { opacity: 0; }
  70% { opacity: 1; }
}

.ml4 {
  position: relative;
  font-weight: 500;
  font-size: 2.1rem;
	display:block;
}
.ml4 .letters {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  opacity: 0; 
	color:#fff;
	font-size: 1.4rem;
}
.ic_resw {display:inline-block; margin-left:7px;}
.ic_resw .ic_res { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 2.2rem; line-height:2.2rem; padding: 0 0.8rem; font-size: 1.2rem !important; font-weight: 500; color:#fff; border-radius: 5rem; margin-top:-3px; margin-right:9px; }
.ic_resw .res01 { background: #00593b; }
.ic_resw .res02 { background: #000; }
.ic_resw .res03 { background: #fff; color:#333; }

.ic_resw.relative {margin-left:0px;}
.ic_resw.relative .ic_res {margin-top:0px; margin-right:4px; display:inline-block; }

@media screen and (max-width: 960px) {
	.ic_resw {display:block; width:100%; margin-left:0px;}
	.ic_resw .ic_res { float:none; display:inline-block; margin-top:3px; margin-bottom:3px; }
	.ic_resw.relative .ic_res {margin-top:0px; margin-right:3px; display:inline-block; }
}
.ic_resw.d-sm-none {display:inline-block;}
.ic_resw.d-sm-block {display:none;}
@media screen and (max-width: 960px) {
	.ic_resw.d-sm-none {display:none;}
	.ic_resw.d-sm-block {float:left; display:inline-block !important; width:auto !important; }
}
.icm_reswrap { display: flex; align-items: center;  justify-content: center; position: absolute; z-index: 50; }
.icm_reswrap .icm_res {position:relative; box-sizing: border-box; height: 2.2rem; line-height:2rem; padding: 0 0.8rem; font-size: 1.2rem; font-weight: 500; color:#fff; border-radius: 5rem; min-width: 6.5rem; margin:1rem 0 0 .4rem !important; text-align:center; }
.icm_reswrap .icm_res:first-child {margin:1rem 0 0 1rem !important; }
.icm_reswrap .res01 { background: #00593b; border:1px solid #00593b;}
.icm_reswrap .res02 { background: #000; border:1px solid #000;}
.icm_reswrap .res03 { background: #fff; color:#333; border:1px solid #000;}
.icm_reswrap.relative {position: relative;  -ms-flex-pack: start !important; justify-content: flex-start !important; margin-bottom:10px; }
.icm_reswrap.relative .icm_res {margin:0rem .5rem 0 0rem !important; text-align:center; display:inline-block; min-width: auto; }

@media screen and (max-width: 960px) { 
	.icm_reswrap { display:block; width:100%; margin-left:0px !important;  }
	.icm_reswrap .icm_res {display:inline-block; float:none; display:inline-block; padding: 0 0.7rem; margin:0rem 0 0 .3rem !important; min-width: 5.0rem; }
	.icm_reswrap.relative .icm_res {margin:0rem .2rem 0 0rem !important; min-width: 5.0rem; }
	.icm_reswrap .icm_res:first-child {margin:0.6rem 0 0 0.6rem !important; }
	.icm_reswrap.relative .icm_res:first-child {margin:0rem .3rem 0 0rem !important;}
}

.btn-link { font-size:13px; color:#fff !important; }
.btn-link .bi { color:#fff !important; margin-right:3px; }
.btn-link span { display:inline-block; border-bottom:1px solid #ddd; color:#fff !important; }


/*셰프섭외 프로그램 강태성 추가 20231220*/
.studio_info_cast {width:1200px; margin:0 auto; padding: 6rem 0 2rem 0; }
.studio_info_cast h2{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; color: #000; margin-bottom: 2rem; text-align: center; }
.studio_info_cast h2 span{ font-size: 3rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 700; }
.studio_info_cast h3{ font-size: 2.2rem; font-weight: 700; color: #000; line-height: 1.4; letter-spacing: -0.5px; margin-bottom: 2rem; word-break: keep-all; padding: 0 1rem; text-align:center}
.studio_info_cast h4{  font-size:1.4rem; font-weight: 500; color:#333; margin-bottom: 3rem;margin-top:10px; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.4; word-break: keep-all; }
.studio_info_cast h4 .small{font-size: 1.2rem;}
.studio_info_cast .st_cast_box{margin-bottom: 0rem; display: flex; justify-content: space-between;}
.studio_info_cast .st_cast_box .cast_box{width:50%;text-align:center;border:1px solid #eee;padding:20px;box-sizing: border-box}
.studio_info_cast .st_cast_box .cast_box h4{font-size:1.6rem; font-weight: 500; color:#000; margin-bottom: 3px;margin-top:10px; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.4; word-break: keep-all; }
.studio_info_cast .st_cast_box .cast_box:nth-child(2){margin-left:10px;}
.studio_info_cast .st_cast_box .cast_box img{width:100%;}
.studio_info_cast .st_cast_box .cast_box .tt{ font-size: 1.4rem; margin-bottom: 1.6rem;line-height:1.4rem;color:#333; }


@media screen and (max-width: 960px){
.studio_info_cast {width:100%; margin:0 auto; padding: 6rem  1.6rem ;  box-sizing: border-box;}
.studio_info_cast .st_cast_box {margin-bottom: 0rem;width:100%;display: flex; justify-content: space-between;flex-direction:column;}
.studio_info_cast h4{ font-size:1.3rem; font-weight: 500; color:#000; margin-bottom: 3rem;margin-top:10px; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.4; word-break: keep-all; }
.studio_info_cast h3{ font-size:1.8rem;}
.studio_info_cast .st_cast_box .cast_box{width:100%;text-align:center;border:1px solid #eee;padding:20px;display: flex; justify-content: space-between;flex-direction:column;box-sizing: border-box;}
.studio_info_cast .st_cast_box .cast_box:nth-child(1){margin-bottom:10px;}
.studio_info_cast .st_cast_box .cast_box:nth-child(2){margin-left:0px;}
.studio_info_cast .st_cast_box .cast_box h4{font-size:1.3rem; font-weight: 500; color:#000; margin-bottom: 3px;margin-top:10px; padding: 0 1.6rem; box-sizing: border-box; text-align: center; line-height: 1.4; word-break: keep-all; }
.studio_info_cast .st_cast_box .cast_box .tt{ font-size: 1.3rem;}

.studio_info_cast h2{font-size: 2rem; font-family: Montserrat,'Noto Sans KR',sans-serif; font-weight: 600; color: #000; margin-bottom: 1.5rem; text-align: center; }
}


 /*컨설팅 프로그램 테이블 및 클래스 추가 강태성 20240108*/


/*배너영역 수정 20240129 강태성*/

.pb_plus{width: 100%; margin: 0 auto;  background: #f6f6f6; position: relative;margin-bottom:8rem;}

.program_chef_banner {width:100%; display: flex; flex-direction: row; justify-content: center; margin: 0 auto;  text-align:left;padding-top:0rem;background:#d5d5d5;}
.program_chef_banner .program_chef_bannerpc{display:block;}
.program_chef_banner .program_chef_bannermo{display:none;}

.program_chef {width:800px;margin:0 auto;padding-top:1rem;}
.program_chef h3{margin-bottom:3rem !important;margin-top:6rem !important; }
.program_chef .gray_back {width:800px; display: flex; flex-direction: column; justify-content: center; text-align:center;margin: 0 auto; padding:3rem !important; box-sizing: border-box;}
.program_chef .gray_back .txt_sm{ font-size: 1.4rem; font-weight: 400; color:#515151; line-height: 1.5; word-break: keep-all;margin-top:20px; }
.program_chef .after_con{ width:100%; margin: 0 auto; padding-top: 2rem;display: flex; flex-direction:column; justify-content: center;align-items:center;}
.program_chef .after_con ul{width:100%;}
.program_chef .after_con li{width:29.1%;padding:10px;float:left; background-color:#fff; box-sizing: border-box; margin:0 2%;font-size:1.4rem; border:1px solid #ccc;min-height:260px;display: flex; flex-direction:column; justify-content: center;align-items:center;}
.program_chef .after_con li img{width:100%;}

.program_chef .infoTable{width:100%; margin-top:20px;margin:0 auto;position:relative;}
.program_chef .infoTable table{border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3}
.program_chef .infoTable thead th{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#eee; font-size:1.3rem; line-height:26px; color:#000; padding:10px 15px; text-align:center;  font-weight:600; vertical-align:middle;box-sizing: border-box;}
.program_chef .infoTable tbody th{border:1px solid #d2d2d2; background:#f9f9f9; font-size:1.4rem; line-height:26px; color:#000; padding:10px 15px; box-sizing: border-box;text-align:center; font-weight:600; vertical-align:middle;width:20%;}
.program_chef .infoTable tbody .thick th{border-top:2px solid #d2d2d2}
.program_chef .infoTable tbody th span{font-size:15px; line-height:20px; color:#666;text-align:center}
.program_chef .infoTable td{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2;background:#fff; padding:10px 20px; font-size:1.3rem; line-height:26px; color:#333; text-align:left; vertical-align:middle; font-weight:400;box-sizing: border-box;}
.program_chef .infoTable td .sup{position: relative; top: -0.5em; font-size: 75%; vertical-align: baseline;}
.program_chef .infoTable tbody .thick td{border-top:2px solid #d2d2d2}
.program_chef .infoTable .txtRight{float:right;}




@media screen and (max-width: 960px) {
.pb_plus{margin-bottom:3rem;}

.program_chef {width:100%;padding-left:2rem !important;padding-right:2rem !important;box-sizing: border-box;}
.program_chef h3{margin-bottom:3rem !important;margin-top:4rem !important; }

.program_chef_banner {width:100%; display: flex; flex-direction: row; justify-content: center; margin: 0 auto;  text-align:left;padding-top:0rem;background:#fff;}
.program_chef_banner .program_chef_bannerpc{display:none}
.program_chef_banner .program_chef_bannermo{display:block;width:100%;}

.program_chef .gray_back {width:100%;padding:2rem !important; box-sizing: border-box;}

.program_chef .infoTable tbody th{border:1px solid #d2d2d2; background:#f9f9f9; font-size:1.3rem; line-height:26px; color:#000; padding:10px 15px; box-sizing: border-box;text-align:left; font-weight:600; vertical-align:middle;width:30%;}
.program_chef .infoTable td{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2;background:#fff; padding:10px 10px; font-size:1.2rem;box-sizing: border-box;}

.program_chef .after_con{ width:100%; margin: 0 auto; padding-top: 2rem;}
.program_chef .after_con li{width:100%;padding:10px;float:left;  box-sizing: border-box;font-size:1.2rem; margin-bottom:10px;margin-left:0; border:1px solid #ccc;min-height:220px;display: flex; flex-direction: row; justify-content: center;align-items:center;}
.program_chef .after_con li img{width:100%;border:2px solid #e6e6e6;}


}

  /*셰프컨설팅 태그 추가 강태성 20231229*/

.masterSl_list_box .tag{ margin-bottom: 4px;padding:0.6rem; }
.masterSl_list_box .tag li{
	display: inline-block;
	align-items: center;
	box-sizing: border-box;
	padding: 0.2rem 0.8rem;
	height: auto;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-weight: 500;
	color:#ddd;
	background: #242424;
	border-radius: 5rem;
	margin-right:0.2rem ;

	}
.masterSl_list_box .tag .gr{background: #009261; }

@media screen and (max-width: 960px){
.masterSl_list_box .tag{ margin-bottom: 4px;padding:0.6rem 0.6rem 0.6rem 0; }
}

.profile_con .tag_mark{ position:relative;display:block;margin-bottom: 4px;padding:0.6rem; }
.profile_con .tag_mark li{
	display: inline-block;
	align-items: center;
	box-sizing: border-box;
	padding: 0.2rem 0.8rem;
	height: auto;
	line-height: 1.6rem;
	font-size: 1.2rem;
	font-weight: 500;
	color:#ddd;
	background: #242424;
	border-radius: 5rem;
	margin-right:0.2rem ;

	}
.profile_con .tag_mark .gr{background: #009261; }

@media screen and (max-width: 960px){
.profile_con .tag_mark{ margin-bottom: 4px;padding:0.6rem 0.6rem 0.6rem 0;text-align:center;}


}