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

@font-face {font-family: ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
@import url('https://fonts.googleapis.com/css?family=Katibeh');
#comingsoon {width:100%;padding-top:100px;text-align:center}


/* 공통 */
#PageCommon {position:relative;width:100%;margin-top:60px;font-size:15px;line-height:25px;color:#717171;letter-spacing:-0.6px}
#PageCommon * {box-sizing:border-box}
#PageCommon h3 {padding-bottom:23px;margin-bottom:25px;font-size:25px;font-weight:bold;line-height:1.5;text-align:center;color:#333;background:url(/sh_page/img/tit_bg.png) bottom center no-repeat}
#PageCommon h4 {font-size:16px;color:#777;text-align:center}
#PageCommon .c_orange {color:#f5470a}
.b_tit{text-align:center;margin:50px 0 45px;color:#333;font-size: 45px;font-family: 'notokr-regular'}
.b_tit img{width:21%;margin-top:-16px}
.b_tit span{font-family:'notokr-bold'}

/* 소개 */
.p33 {height:1000px;position:relative}
.p33 .txt{padding:38px;font-size:19px;color:#555;line-height:35px;letter-spacing:-0.5px}
.p33 .img_bg{margin:20px 0}
.p33 .sign{padding:0 38px;font-size:16px;color:#333;text-align:right;line-height:35px;font-family:'notokr-medium'}

/*브랜드 경쟁력*/
.p34:after{display:block;clear:both;content:""}
.p34 .tit{margin-bottom:40px;font-size:23px;color:#333;text-align:center;letter-spacing:-0.8px;font-family:'notokr-bold'}
.p34 .tit span{font-size:18px;color:#888;letter-spacing:0;font-family: 'Katibeh', cursive}
.p34 .b_tit{margin:50px 0;text-align:center;font-size:40px;font-family:'notokr-regular'}
.p34 .b_tit span{font-family:'notokr-bold'}
.p34 .contents ul{overflow:hidden}
.p34 .contents ul li{position:relative;float:left;margin-left:25px;margin-bottom:30px;width:340px}
.p34 .contents ul li:nth-child(3n+1){margin-left:0}
.p34 .contents ul li p{height:114px;padding:18px 10px;text-align:center;color:#fff;font-size:16px;letter-spacing: -.3px;line-height:26px;background-color:#ff0000}
.p34 .contents ul li p.row_2{padding: 31px 10px 18px 10px}
.p34 .contents ul li p.row_1{padding: 46px 10px 18px 10px}
.p34 .contents ul li:last-child img{transform: translate(20px, 160px)}
.p34 .contents ul li .box_tit{position:absolute;top:29%;left:16%;width:233px;padding:0;text-align:center;font-size:25px;line-height:35px;font-family:'notokr-bold';background:none}
/*가맹안내*/
.franchise {position:relative}
.franchise .white_bg{position:absolute;top:200px;left:50%;margin-left:-330px;padding:40px 0;width:660px;text-align:center;background:#fff}
.franchise .white_bg:after{display:block;position:absolute;top:-13px;left:50%;margin-left:-14px;width:28px;height:28px;clear:both;content:"";background:url('/sh_page/img/white_icon.png') 0 0 no-repeat}
.franchise .section .tit{margin-bottom:40px;font-size:23px;color:#333;text-align:center;letter-spacing:-0.8px;font-family:'notokr-bold'}
.franchise .section .tit.bottom{margin-bottom:10px}
.franchise .section .tit span{font-size:18px;color:#888;letter-spacing:0;font-family: 'Katibeh', cursive}
.franchise .section{margin-bottom:50px}
.franchise .dl_wrap{width:680px;margin:0 auto;text-align:left}
.franchise .dl_wrap dt span{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;font-family:'notokr-bold';background:#e60013}
.franchise .dl_wrap dt p{display:inline-block;width:630px;height:50px;padding-left:20px;font-size:18px;color:#ffd800;vertical-align:top;line-height:50px;font-family:'notokr-bold';background:#333}
.franchise .dl_wrap dd{width:100%;padding:25px;font-size:16px;color:#555;letter-spacing:-0.5px;background:#f0f0f0}
.franchise .big_txt{display:inline-block;margin:40px 0;padding:0 10px;font-size:21px;color:#333}
.franchise .big_txt > img{margin-right:10px}
.franchise .big_txt span{font-family:'notokr-bold'}
.franchise .big_txt.red{padding:0 10px;background:url('/sh_page/img/red_bg.png') 0 center repeat-x}
.franchise .section table{width:100%;margin-bottom:40px;text-align:center;border-collapse:collapse;font-size:15px;color:#555}
.franchise .section table thead th{font-weight:normal;color:#fff;border-top:3px solid #333;font-size:20px;border-right:1px solid #ccc;font-family:'notokr-bold';background-color:#333}
.franchise .section table thead th.last{border-right:none}
.franchise .section table tbody th{border:1px solid #ccc;font-size:22px;color:#222;border-left:none;font-family: 'notokr-bold'}
.franchise .section table tbody td{padding:10px;border:1px solid #ccc;font-size:21px;color:#222;font-family: 'notokr-medium'}
.franchise .section table tbody td span{display:block;color:red}
.franchise .section table.cost tbody th{border:1px solid #ccc;border-left:none;font-size:28px;color:#222;font-family: 'notokr-bold'}
.franchise .section table.cost tbody td{padding:11px 10px;border:1px solid #ccc;font-size:20px;color:#333;font-family: 'notokr-medium'}
.franchise .section table.cost tbody tr .expense{padding:12px 65px}
.franchise .section table tbody tr.red{border:2px solid #ff0000}
.franchise .section table tbody tr.red th{border-right:none;font-weight:normal;font-size:25px;color:#fff;background:#ff0000;font-family:'notokr-bold'}
.franchise .section table tbody tr.red td{color: #ff0000;font-size: 25px;font-family: 'notokr-bold'}
.franchise .section table tbody td.red{color:#ff0000}
.franchise .section table tbody tr.yellow{color:#e60013;background-color:#ffd506}
.franchise .section table tbody td.last{border-right:none}
.franchise .section table tbody td{position:relative}
.franchise .section table tbody td span.line{position:absolute;top:10px;left:15px;color:#ff0000;font-size:15px}
.franchise .section table tbody td span.line:after{content:'';position:absolute;top:0;left:0;width:57px;height:30px;background:url('/sh_page/img/p48_table_line.png') right no-repeat}
.franchise .section table tbody td span.line.width_3:after{width:45px}
.franchise .section .s_tit{margin-bottom:40px;font-size:15px;color:#888}
.franchise .section .tbl_txt{margin-top:10px;font-size:14px;color:#888;text-align:left}
.franchise .section .tbl_tit{position:relative;float:left;margin-bottom:10px;padding-left:10px;text-align:left;font-size:17px;letter-spacing:-0.5px;color:#333;font-family:'notokr-medium'}
.franchise .section .tbl_tit:after{display:block;position:absolute;top:10px;left:0;clear:both;content:"";width:3px;height:3px;background:#e60013}
.franchise .section .right{float:right;text-align:right;font-size:13px;color:#888;letter-spacing:-0.3px}
.franchise .section .percent{display:inline-block;margin:40px 0 35px;padding:15px;background-color:#3860c6}
.franchise .section .percent .left_txt{position:relative;width:534px;height:245px;padding:35px 100px;border:1px dotted #fff}
.franchise .section .percent .left_txt p{position:absolute;top:-45px;left:50%;width:210px;transform: translateX(-50%);padding:14px 0;text-align:center;font-size:25px;border-radius:35px;font-family:'notokr-bold';background-color:#ffd506}
.franchise .section .percent .left_txt span{color:#fff}
.franchise .section .percent .left_txt span:nth-child(2){margin-right:10px;font-size:40px}
.franchise .section .percent .left_txt span:nth-child(3){font-size:137px}
.franchise .section .right_txt{float:right;text-align:center;transform: translate(-100px, 90px)}
.franchise .section .right_txt p{font-size:60px;font-family:'notokr-bold'}


.franchise .tbl_box{width:100%;margin-top:20px;padding:25px;text-align:left;border:1px solid #e0e0e0}
.franchise .tbl_box p{margin-bottom:25px;font-size:25px;color:#3860c6;font-family:'notokr-bold'}
.franchise .tbl_box dl{margin-bottom:20px}
.franchise .tbl_box dl dt{margin-bottom:5px;font-size:16px;color:#555;letter-spacing:-0.5px;font-family:'notokr-medium'}
.franchise .tbl_box dl dt span{color:#ff0000}
.franchise .tbl_box dl dd{font-size:15px;color:#666;letter-spacing:-0.3px;line-height:23px}
.franchise .tbl_box ul li{display:block;position:relative;padding-left:8px;font-size:17px;color:#e60013;letter-spacing:-0.3px;line-height:23px}
.franchise .tbl_box ul li:after{display:block;position:absolute;top:10px;left:0;clear:both;content:"";width:3px;height:3px;background:#e60013}


/*45p*/
.franchise .main_tit{width:800px;position:absolute;top:250px;left:50%;transform:translateX(-50%);padding:10px;margin:0;text-align:center;font-size:32px;border-radius:20px;background-color:#ffd506;font-family: 'Cafe24Dangdanghae'}
.franchise .item_list{padding: 84px 37px 37px;text-align:center;background:url(/sh_page/img/p45_bg.png) no-repeat}
.franchise .item_list ul{overflow:hidden}
.franchise .item_list ul li{float:left;width:290px;color:#fff}
.franchise .item_list ul li + li{margin-left:63px}
.franchise .item_list ul li img{border:4px solid #ffd506}
.franchise .item_list ul li p{margin:35px 0 10px;font-size:22px;font-family:'notokr-bold'}
.franchise .item_list ul li i{color:#e80110;font-style:normal}
.franchise .item_list ul li span{display:block;position:relative;text-align:left;margin-left:15px;font-size:16px}
.franchise .item_list ul li span:after{content:'';position:absolute;top:7px;left:-10px;width:3px;height:3px;background-color:#e80110}
.franchise .beer_tit{margin:50px 0;margin-left: 50%;transform: translateX(-50%)}
.franchise .item_info{overflow:hidden}
.franchise .item_info dl{position:relative;border-top:1px solid #e1e1e1;padding:50px 0;overflow:hidden}
.franchise .item_info dl img{position:absolute;top:65px;right:0}
.franchise .item_info dl.row_1{width:33.333%;float:left}
.franchise .item_info dt > span{font-size:70px;color:#eeeeee;font-weight:700;font-family:'Montserrat'}
.franchise .item_info dt p{padding:0 44px 44px;margin-top:-58px;font-size:28px;color:#333;font-family:'notokr-bold'}
.franchise .item_info dd{padding-left:44px;font-size:16px;line-height:24px;color:#777}
.franchise .item_info p span{color:#ff0000}



/*손익분석*/
/*.p46 table{width:100%;border-collapse:collapse;font-size:15px;text-align:center}
.p46 table thead th{font-weight:normal;font-family:'notokr-bold';border-right:1px solid #ccc;color:#fff;background:#666}
.p46 table tbody th{font-weight:normal;font-family:'notokr-bold';border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#555}
.p46 table tbody td{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.p46 table tbody tr.y_color{color:#fff;background:#ffd200;font-family:'notokr-medium'}
.p46 table tbody tr.y_color th{color:#fff}
.p46 table tbody tr.r_color{color:#fff;background:#e50000;font-family:'notokr-medium'}
.p46 table tbody tr.r_color th{color:#fff}*/

/* 가맹안내 */
.p0501_food  {}
.p0501_food ul {width:95%;margin:30px auto 60px;text-align:center}
.p0501_food ul li {display:inline-block;width:24%;height:190px;padding-top:49px;font-size:16px;font-weight:bold;line-height:21px;color:#fff; text-align:center}
.p0501_food ul li.list-01 {background:url(/sh_page/img/p0501_img_bg01.png) center no-repeat}
.p0501_food ul li.list-02 {background:url(/sh_page/img/p0501_img_bg02.png) center no-repeat}
.p0501_food ul li.list-03 {background:url(/sh_page/img/p0501_img_bg03.png) center no-repeat}
.p0501_food ul li.list-04 {background:url(/sh_page/img/p0501_img_bg04.png) center no-repeat;color:#333}
.p0501_food .cont_area {width:95%;margin:0 auto}
.p0501_food dl {margin-bottom:24px}
.p0501_food dl dt{font-size:17px;font-weight:bold;color:#333}
.p0501_food dl dt span {display:inline-block;width:43px;height:36px;padding:5px 0 0 9px;margin-right:10px;font-size:16px;background:url(/sh_page/img/p0501_bg.png) no-repeat}
.p0501_food dl dd{margin-left:53px;padding-bottom:35px;background:url(/sh_page/img/page_sasun.png) bottom repeat-x}

/* 인테리어 */
.p0502_food {}
.p0502_food .cont_area {width:95%;margin:70px auto 0}
.p0502_food .cont_area .cont {margin-bottom:60px;text-align:center}
.p0502_food .cont_area .cont img {display:inline-block;margin-right:30px}
.p0502_food .cont_area .cont .txt {width:40%;display:inline-block;text-align:left}
.p0502_food .cont_area .cont .txt h5 {margin-bottom:15px;font-size:17px;font-weight:bold;color:#333}
.p0502_food .cont_area .cont .txt h5 span {display:inline-block;width:38px;height:38px;padding:6px 0 0 11px;margin-right:10px;font-size:16px;background:url(/sh_page/img/p0502_tit_bg.png) no-repeat}

/* 가맹절차 */
.p0503_food {}
.p0503_food .cont_area {margin-top:50px;padding:40px 55px 50px;text-align:center;overflow:hidden;background-color:#f7f7f7}
.p0503_food .cont_area .step{margin-bottom:48px;font-size:20px;color:#333;font-family: 'notokr-bold'}
.p0503_food .cont_area ul li{position:relative;float:left;width:calc(24% - 36px)}
.p0503_food .cont_area ul li p{padding:13px;font-size:20px;color:#fff;font-family:'notokr-bold';background-color: #e60013}
.p0503_food .cont_area ul li:last-child:after{display:none}
.p0503_food .cont_area ul li:after{content:'';position:absolute;top:153px;right:-42px;width:22px;height:35px;background:url(/sh_page/img/p46_step_icon.png) no-repeat}
.p0503_food .cont_area ul li span{display:block;padding-top:55px;height:190px;border:1px solid #e60013;font-size:18px;line-height:28px}
.p0503_food .cont_area ul li:nth-child(1) span{background:url(/sh_page/img/p46_icon_bg01.png) no-repeat}
.p0503_food .cont_area ul li:nth-child(2) span{background:url(/sh_page/img/p46_icon_bg02.png) no-repeat}
.p0503_food .cont_area ul li:nth-child(3) span{background:url(/sh_page/img/p46_icon_bg03.png) no-repeat}
.p0503_food .cont_area ul li:nth-child(4) span{background:url(/sh_page/img/p46_icon_bg04.png) no-repeat}
.p0503_food .cont_area:last-child ul li:nth-child(1) span{background:url(/sh_page/img/p46_icon_bg05.png) no-repeat}
.p0503_food .cont_area:last-child ul li:nth-child(2) span{background:url(/sh_page/img/p46_icon_bg06.png) no-repeat}
.p0503_food .cont_area:last-child ul li:nth-child(3) span{background:url(/sh_page/img/p46_icon_bg07.png) no-repeat}
.p0503_food .cont_area:last-child ul li:nth-child(4) span{background:url(/sh_page/img/p46_icon_bg08.png) no-repeat}
.p0503_food .cont_area:last-child ul li p{background-color: #3860c6}
.p0503_food .cont_area:last-child ul li span{border:1px solid #3860c6}
.p0503_food .cont_area ul li + li{margin-left:60px}



/*메뉴소개*/
/* 스타일시트는 page_style.css로 옮겨가세요 */
.div_wrap{margin-top:40px}
#table_by0002{width:68%;float:left;padding:30px}
#table_by0002 .tbl_wrap{overflow:hidden;margin-top:10px}
#table_by0002 .tbl_wrap .tbl_by0001{width:100%;clear:both;table-layout:fixed;display:table;*margin-top:-10px /* IE7 */}
#table_by0002 .tbl_wrap .tbl_by0001 caption{display:none}
#table_by0002 .tbl_wrap .tbl_by0001 thead th{background:#f9f9f9;color:#333333;height:30px;font-size:1.1em;border-top:2px solid #262626;border-bottom:1px solid #dcdcdc}
#table_by0002 .tbl_wrap .tbl_by0001 tbody{font-size:1.1em;color:#777777;letter-spacing:-0.025em}
#table_by0002 .tbl_wrap .tbl_by0001 tbody th{height:35px;border-bottom:1px dotted #aaaaaa}
#table_by0002 .tbl_wrap .tbl_by0001 tbody td{text-align:center;border-bottom:1px solid #dfdfdf}

#table_by0002 .tabs_area .tabs{display:flex;justify-content:center;overflow:hidden}
#table_by0002 .tabs_area .tabs li{float:left;background:#ebebeb;border:1px solid #d5d5d5;width:calc(20% - 4px);height:50px;text-align:center;margin-left:5px;padding:10px 0;font-size:19px;font-weight:bold;color:#6f6f6f;letter-spacing:-0.05em;cursor:pointer}
#table_by0002 .tabs_area .tabs li.first{margin-left:0}
#table_by0002 .tabs_area .tabs li.on{background:#ff0000;border:none;color:#fff;border:1px solid #ff0000}
.right_box{width:30%;float:left;padding:93px 30px 30px 30px;margin-bottom:90px;text-align:center;border-left:2px solid #e1e1e1}
.right_box .txt{display:block;padding:10px 53px;margin-bottom:10px;font-size:19px;color:#333;background-color:#e1e1e1;font-family: 'notokr-bold'}
.right_box .img_wrap img{width:247px}
.right_box .img_wrap img + img{margin-top:20px}

#table_by0002 .tab_content .tbl_wrap img{width:100%}