@charset "utf-8";
ul {margin:0; padding:0;}
li{list-style:none;}
img {border:0;}
a {text-decoration:none;}

/* 페이지 공통 */
.pagecommon{font-size:16px;line-height:26px;color:#555;letter-spacing:-0.3px;font-family:notokr-regular}
.pagecommon h3{font-size:26px;line-height:1.3;color:#333}
.pagecommon span.bold{font-family:notokr-bold}
.pagecommon span.medium{font-family:notokr-medium}
.pagecommon span.red{color:#dd372b}

.business_page .cont_wrap{margin-bottom:65px}
.business_page .eng{font-size:11px;letter-spacing:1px;font-weight:600;color:#6a6a6a;font-family:'Montserrat', sans-serif}
.business_page .eng:after{display:block;width:18px;height:1px;margin:7px 0;background-color:#f18903;content:''}
.business_page .b_tit{margin-bottom:15px;font-size:19px;color:#333;font-family:notokr-medium}
.business_page .s_tit{font-size:17px;color:#333;font-family:notokr-medium}
.business_page .pro_area{margin-top:20px;padding:32px 66px;border:solid 1px #ddd;background-color:#f7f7f7}
.business_page .pro_area ul{padding-top:10px;overflow:hidden}
.business_page .pro_area ul li{position:relative;float:left;width:193px;height:50px;padding:0 20px;margin:7px 40px 4px 0;border:solid 1px #212121;line-height:50px;color:#333;background-color:#fff}
.business_page .pro_area ul li span{display:inline-block;width:28px;height:28px;margin-right:7px;font-size:13px;line-height:28px;color:#fff;letter-spacing:1.3px;background-color:#212121;text-align:center;font-family:notokr-medium}
.business_page .pro_area ul li:after{position:absolute;right:-41px;top:50%;width:41px;height:1px;background-color:#333;content:'' }
.business_page .pro_area ul li:nth-child(4){margin:7px 0 4px}
.business_page .pro_area ul li:nth-child(4):after{display:none}
.business_page .pro_area ul li:last-child:after{display:none}
.business_page .bottom_txt{margin-top:30px;font-size:17px}
.business_page .bottom_txt:before{display:inline-block;width:10px;height:2px;margin:0 5px 5px 0;background-color:#f18903;content:''}
.business_page .line_box{border:dotted 1px #ccc;padding:30px 25px}
.business_page .start_wrap dl{height:215px;margin-bottom:20px;padding:30px 0 25px 230px;box-sizing:border-box}
.business_page .start_wrap dl dt{padding:15px 0;font-size:19px;color:#333;font-family:notokr-medium}
.business_page .eng{color:#f08803}
.business_page .eng:after{display:none}
.business_page .img_wrap{margin-top:25px;padding:35px 0;border:solid 1px #ddd;text-align:center;background-color:#f7f7f7}


/* 인사말 */
#Page33 .tit_area{text-align:center}
#Page33 .tit_area h3{padding:10px 0 43px;font-size:30px}
#Page33 .tit_area p{font-size:19px;color:#333}
#Page33 .box_area{overflow:hidden;margin-top:60px;border-top:dotted 1px #ccc}
#Page33 .box_area li{float:left;width:50%;padding:30px 0 40px 132px;box-sizing:border-box}
#Page33 .box_area li:nth-child(1){background:url(/sh_page/img/33p_icon01.png) 50px 30px no-repeat}
#Page33 .box_area li:nth-child(2){background:url(/sh_page/img/33p_icon02.png) 50px 30px no-repeat}
#Page33 .box_area li .b_tit{padding:17px 0 10px;font-size:20px;color:#333}

/* 오시는길 */
#sh_map_wrap .pt_area{overflow:hidden;margin-top:30px}
#sh_map_wrap .pt_area > dl{float:left;width:49%}
#sh_map_wrap .pt_area dl dt{display:inline-block;position:relative;width:166px;height:36px;padding-left:42px;margin-bottom:15px;font-size:15px;line-height:36px;color:#fff;border-radius:30px;background-color:#535353;box-sizing:border-box;font-family:notokr-medium}
#sh_map_wrap .pt_area dl dd{padding:0 0 10px 18px;border-bottom:dotted 1px #ccc;font-size:15px}
#sh_map_wrap .pt_area .sub{margin-right:2%}
#sh_map_wrap .pt_area .sub dt:before{display:block;position:absolute;top:0px;left:20px;content:"\f239";color:#fff;font-family:FontAwesome}
#sh_map_wrap .pt_area .bus dt:before{display:block;position:absolute;top:0px;left:20px;content:"\f207";color:#fff;font-family:FontAwesome}


/* 카페투고 서비스 */
#Page34 .tit_area{margin-bottom:40px;text-align:center}
#Page34 .tit_area .eng_tit{padding:13px 0;font-size:13px;font-weight:600;color:#b2b2b2;letter-spacing:0.3px;font-family:poppins}
#Page34 dl{overflow:hidden;margin-bottom:30px;border-bottom:dotted 1px #ccc;min-height:200px}
#Page34 dl dt{font-size:20px;color:#333;font-family:notokr-medium}
#Page34 dl dt p{padding-top:15px}
#Page34 dl dd{padding-top:18px}
#Page34 ul li:before{display:inline-block;width:3px;height:3px;margin:0 5px 5px 0;background-color:#888;content:''}
#Page34 .cont_area{padding-top:30px;border-top:solid 1px #333}
#Page34 .cont_area dl:nth-child(1){background:url(/sh_page/img/34p_img01.png) right top no-repeat}
#Page34 .cont_area dl:nth-child(2){background:url(/sh_page/img/34p_img02.png) right top no-repeat}
#Page34 .cont_area dl:nth-child(3){background:url(/sh_page/img/34p_img03.png) right top no-repeat}

/* 케이터링 서비스 */
#Page37 .box{margin-bottom:55px}
#Page37 .e_tit{position:relative;padding-left:32px;font-size:20px;color:#333;font-weight:600;font-family:poppins}
#Page37 .e_tit:before{display:inline-block;position:absolute;left:0;top:0;content:url('/sh_page/img/37p_logo.png')}
#Page37 .cont_area{overflow:hidden;padding-top:25px;margin-top:15px;border-top:dotted 1px #ccc}
#Page37 .cont_area .img_box{float:left;margin-right:40px}
#Page37 .cont_area .txt_box{float:left;width:60%;padding-top:20px}
#Page37 .cont_area .txt_box .num{font-size:13px;font-weight:600;color:#e53737;letter-spacing:0.3px;font-family:poppins}
#Page37 .cont_area .txt_box .b_tit{padding:13px 0 15px;font-size:19px;color:#333;font-family:notokr-medium}

/* 케이터링 비용안내 */
#Page38 .tit_area{margin-bottom:40px;text-align:center}
#Page38 .tit_area .eng_tit{padding:13px 0;font-size:13px;font-weight:600;color:#b2b2b2;letter-spacing:0.3px;font-family:poppins}
#Page38 .ex_tbl{width:100%;border-top:solid 1px #333;border-collapse:collapse}
#Page38 .ex_tbl tr:nth-child(even){background-color:#f7f7f7}
#Page38 .ex_tbl th{border-bottom:dotted 1px #ccc;border-right:solid 1px #dbdbdb}
#Page38 .ex_tbl td{border-bottom:dotted 1px #ccc}
#Page38 .tbl_txt{margin-top:30px;text-align:center;font-family:notokr-medium}
#Page38 .tbl_txt .call{display:inline-block;position:relative;padding:10px 40px;margin-top:10px;border-radius:2px;color:#fff;background-color:#333}
#Page38 .tbl_txt .call:before{display:block;position:absolute;top:8px;left:23px;content:"\f2a0";color:#ffb718;font-family:FontAwesome}


/* 정기배송 서비스 */
#Page47 .box{margin-bottom:55px}
#Page47 .e_tit{position:relative;padding-left:32px;font-size:20px;color:#333;font-weight:600;font-family:poppins}
#Page47 .e_tit:before{display:inline-block;position:absolute;left:0;top:0;content:url('/sh_page/img/37p_logo.png')}
#Page47 .cont_area{overflow:hidden;padding-top:25px;margin-top:15px;border-top:dotted 1px #ccc}
#Page47 .cont_area .img_box{float:left;margin-right:40px}
#Page47 .cont_area .txt_box{float:left;width:60%;padding-top:20px}
#Page47 .cont_area .txt_box .num{font-size:13px;font-weight:600;color:#e53737;letter-spacing:0.3px;font-family:poppins}
#Page47 .cont_area .txt_box .b_tit{padding:13px 0 15px;font-size:19px;color:#333;font-family:notokr-medium}


/* 케이터링 메뉴 */
.menu_page .tit_area{margin-bottom:40px;text-align:center}
.menu_page .tit_area .eng_tit{padding:13px 0;font-size:13px;font-weight:600;color:#b2b2b2;letter-spacing:0.3px;font-family:poppins}
.menu_page .img_box{padding-top:30px;border-top:solid 2px #333}
.menu_page .menu_area{overflow:hidden;margin-top:40px}
.menu_page .menu_area .menu_list{float:left;width:46%}
.menu_page .menu_area .menu_list:nth-child(2){float:right}
.menu_page .menu_area .menu_list .m_tit{font-size:25px;font-weight:600;color:#333;font-family:poppins}
.menu_page .menu_area .menu_list .m_tit span.yellow{color:#ffb718}
.menu_page .menu_area .menu_list .m_tit span.small{font-size:15px;font-weight:normal}
.menu_page .menu_area .menu_list li{position:relative;padding:20px 0 5px;border-bottom:dotted 1px #ccc;font-size:17px;color:#333;font-family:notokr-medium}
.menu_page .menu_area .menu_list li i{position:absolute;right:0;top:31px;font-size:30px;color:#dbdbdb;letter-spacing:1.5px;font-style:italic;font-family:cookie}



/*오피스카페*/
#Page50 .box_area{margin-top:40px;overflow:hidden;border-top:solid 2px #333}
#Page50 .box_area li{padding:25px 0 39px;border-bottom:dotted 1px #ccc;box-sizing:border-box}
#Page50 .box_area li img{display:inline-block; vertical-align:top}
#Page50 .box_area li .txt_area{display:inline-block;width:86%;padding-left:30px }
#Page50 .box_area li .b_tit{padding-top:19px;font-size:18px;color:#333;font-family:notokr-medium}
#Page50 .proce_area{overflow:hidden;width:100%; border-collapse:collapse}
#Page50 .proce_area td{position:relative;width:calc(100% /3);width:-webkit-calc(100% /3);width:-moz-calc(100% /3);height:208px;border:solid 1px #ddd;text-align:center;box-sizing:border-box}
#Page50 .proce_area td.bg{background-color:#f7f7f7}
#Page50 .proce_area td .number{position:absolute;right:10px;top:10px;font-size:11px;font-weight:bold;letter-spacing:2px;color:#777;font-family:'Montserrat', sans-serif} 
#Page50 .proce_area td .p_eng{padding:15px 0 5px;font-size:13px;color:#999;letter-spacing:1px;;font-family:'Montserrat', sans-serif}
#Page50 .proce_area td .p_tit{font-size:18px;color:#333;font-family:notokr-medium}
#Page50 .proce_area td .p_tit .small{font-size:15px}
#Page50 .cont_04 .p_li{line-height:30px;font-family:'notokr-delight'}
#Page50 .cont_04 .p_li b{font-family:'notokr-bold'}
#Page50 .cont_04 .p_li span{flex-shrink:20px;font-family:'notokr-bold';color:#f08803}


/*카페메뉴개발*/
#Page51 .box_area{margin-top:40px;overflow:hidden;border-top:solid 2px #333}
#Page51 .box_area li{padding:25px 0 39px;border-bottom:dotted 1px #ccc;box-sizing:border-box}
#Page51 .box_area li img{display:inline-block; vertical-align:top}
#Page51 .box_area li .txt_area{display:inline-block;width:86%;padding-left:30px }
#Page51 .box_area li .b_tit{padding-top:19px;font-size:18px;color:#333;font-family:notokr-medium}
#Page51 .proce_area{overflow:hidden;width:100%; border-collapse:collapse}
#Page51 .proce_area td{position:relative;width:calc(100% /3);width:-webkit-calc(100% /3);width:-moz-calc(100% /3);height:208px;border:solid 1px #ddd;text-align:center;box-sizing:border-box}
#Page51 .proce_area td.bg{background-color:#f7f7f7}
#Page51 .proce_area td .number{position:absolute;right:10px;top:10px;font-size:11px;font-weight:bold;letter-spacing:2px;color:#777;font-family:'Montserrat', sans-serif} 
#Page51 .proce_area td .p_eng{padding:15px 0 5px;font-size:13px;color:#999;letter-spacing:1px;;font-family:'Montserrat', sans-serif}
#Page51 .proce_area td .p_tit{font-size:18px;color:#333;font-family:notokr-medium}
#Page51 .proce_area td .p_tit .small{font-size:15px}


/*메뉴교육*/

#Page52 .tbl_wrap{margin-bottom:35px}
#Page52 .tbl_wrap .tbl_38p{width:100%;border-collapse:collapse;border-top:solid 2px #333}
#Page52 .tbl_wrap .tbl_38p tbody th{width:15%;border-bottom:dotted 1px #ccc;font-weight:normal;background:#f7f7f7;font-family:notokr-medium}
#Page52 .tbl_wrap .tbl_38p tbody td{border-bottom:dotted 1px #ccc}
#Page52 .bottom_txt{margin-top:20px;font-size:15px}
#Page52 .tit_box{text-align:center}
#Page52 .tit_box .eng{padding:15px 0 12px;color:#f18903}
#Page52 .tit_box .eng:after{display:none}