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

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@font-face {font-family: ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)} 
#comingsoon {width:100%;padding-top:100px;text-align:center}

.pagecommon{font-size:18px;line-height:1.6;letter-spacing:0;color:#666;font-family:'Pretendard'}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .big_txt{font-size:35px;line-height:1.3;color:#111}
.pagecommon .eng_txt{margin-bottom:11px;font-size:15px;font-weight:700;color:var(--primary)}

/* GAAT STORY */
#p33{text-align:center}
#p33 .top_logo{display:block;margin:0 auto 34px}
#p33 .line{display:block;width:50px;height:1px;margin:42px auto;background-color:#e1e1e1}
#p33 .img_box{display:flex;flex-flow:column;align-items:center;justify-content:center;height:320px;margin-top:85px;background:url('/sh_page/img/p33_img.jpg') no-repeat center / cover}
#p33 .img_box b{margin-bottom:26px;font-size:28px;font-weight:700;color:#111}

/* VISION */
#p41{text-align:center}
#p41 .s_box_txt{margin-top:43px;padding:64px 0;background-color:#f5f5f5}
#p41 .s_box_txt b{text-decoration:underline;font-weight:600;color:#333}
#p41 .vision_box{position:relative;display:flex;justify-content:center;align-items:center;gap:60px;width:max-content;margin:90px auto 0}
#p41 .vision_box:before{position:absolute;left:0;top:50%;content:'';z-index:-1;width:100%;height:1px;background:#e1e1e1}
#p41 .vision_box li{display:flex;flex-flow:column;align-items:center;justify-content:center;gap:13px;position:relative;width:240px;height:240px;border-radius:100%;font-size:20px;font-weight:600;color:#111;background-color:#fff}
#p41 .vision_box li:before{position:absolute;right:-4px;top:50%;transform:translateY(-50%);content:'';width:8px;height:8px;border:2px solid var(--primary);border-radius:100%;background:#fff}
#p41 .vision_box li:nth-child(1){border:1px solid #e1e1e1}
#p41 .vision_box li:nth-child(2){color:#fff;background:url('/sh_page/img/p41_img.jpg') no-repeat center / cover}
#p41 .vision_box li:nth-child(2):before{display:none}
#p41 .vision_box li:nth-child(3){border:3px dotted #e1e1e1}
#p41 .vision_box li:nth-child(3):before{right:auto;left:-6px}

/* CEO 인사말 */
#p42{display:flex;align-items:flex-start;gap:60px}
#p42>img{flex-shrink:0}
#p42 .r_gr{width:100%;padding:14px}
#p42 .r_gr .big_txt{display:block;margin:15px 0 22px}
#p42 .r_gr .mid_txt{margin-bottom:43px;padding-bottom:43px;border-bottom:1px solid #e1e1e1;font-weight:600}
#p42 .r_gr .pl{font-size:16px}
#p42 .r_gr .pl span{display:block;margin-top:48px;text-align:right;font-weight:600;color:#333}

/* 물류시스템 */
#p43{text-align:center}
#p43 .line{display:block;margin:46px auto 50px;width:45px;height:1px;background-color:#e1e1e1}
#p43 .logi_box{position:relative;padding:70px 0}
#p43 .logi_box:before{position:absolute;left:0;top:0;content:'';z-index:-1;width:100%;height:250px;background:#f5f5f5}
#p43 .logi_box ul{display:flex;justify-content:center;gap:30px}
#p43 .logi_box ul li{flex-shrink:0;width:max-content}
#p43 .logi_box ul li img{display:block}
#p43 .logi_box ul li b{display:block;margin:33px 0 10px;font-size:20px;font-weight:600;color:#111}
#p43 .logi_box ul li p{font-size:16px}

/* 경영철학 */
#p34 .top_cont{padding:0 40px 55px}
#p34 .top_cont:before{display:block;content:'';width:40px;height:3px;background-color:var(--primary)}
#p34 .top_cont .big_txt{display:block;margin:55px 0 35px}
#p34 .top_cont p{width:100%}
#p34 .top_cont p b{font-weight:600;color:#333}
#p34 .top_cont p>b{text-decoration:underline}
#p34 .top_cont p span{display:block;margin-top:30px;text-align:right}
#p34 .icon_cont{position:relative;margin:-60px 40px 0;background-color:#fff}
#p34 .icon_box{display:flex;flex-wrap:wrap;gap:20px;padding:40px 40px 0}
#p34 .icon_box li{display:flex;gap:25px;width:calc(100%/2 - 10px);padding:20px 20px 25px;background-color:#f5f5f5}
#p34 .icon_box li span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:70px;height:70px;border-radius:10px;background-color:#fff}
#p34 .icon_box li p{padding-top:5px}
#p34 .icon_box li p b{display:block;margin-bottom:9px;color:#111}

/* 브랜드 스토리 */
.brand_page{font-size:16px}
.brand_page .brand_top{position:relative}
.brand_page .brand_top .tit{padding:20px 0 31px 50px}
.brand_page .brand_top .tit img{display:block;margin-bottom:22px}
.brand_page .brand_top .r_img{position:absolute;right:0;top:0}
.brand_page .brand_top > p{position:relative;width:calc(100% - 215px);padding:45px 50px 45px 70px;border:1px solid #e1e1e1;background-color:#fff}
.brand_page .brand_top > p:before{position:absolute;left:50px;top:56px;content:'';width:4px;height:4px;border-radius:100px;background:#f6a123}
.brand_page .brand_cont{margin-top:60px}
.brand_page .cont_tit{margin-bottom:35px;padding-left:15px;border-left:3px solid var(--primary);font-size:18px;line-height:1;font-weight:600;color:#111}
.brand_page .graph_img{display:block;margin:60px auto 80px;max-width:100%}
.brand_page .brand_cont dl{display:flex}
.brand_page .brand_cont dl+dl{margin-top:50px}
.brand_page .brand_cont dl dt{flex-shrink:0}
.brand_page .brand_cont dl dd{width:100%;padding:23px 0 0 50px}
.brand_page .brand_cont dl dd b{display:block;margin-bottom:17px;font-size:23px;color:#111}

/* Aloha Hawaiian BBQ */
#p36 .menu_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p36 .menu_list li{font-weight:600;text-align:center;color:#333}
#p36 .menu_list li img{display:block;width:100%;margin-bottom:15px}
#p36 .bt_txt{margin-top:20px;font-size:70px;font-weight:700;text-align:right;color:rgba(000,000,000,.1)}
#p36 .bt_img{max-width:100%;margin-top:60px}

/* 갈릴리 장어마을 */
#p37 .brand_top .tit{padding-top:36px}
#p37 .brand_top > p:before{background:#423324}

/* 고객센터 */
#p40{text-align:center}
#p40 .big_txt{display:block;margin-bottom:30px}
#p40 .big_txt span{color:var(--primary)}
#p40 .sns_list{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:45px}
#p40 .sns_list li a{display:flex;justify-content:center;align-items:center;width:130px;height:130px;border:1px solid #e1e1e1;border-radius:15px}
#p40 .contact_list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 60px}
#p40 .contact_list li{padding:30px 25px;background-color:#f5f5f5}
#p40 .contact_list li span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 20px;font-size:20px;border-radius:100%;color:#fff;background-color:var(--primary)}
#p40 .contact_list li p{font-size:18px;font-weight:600;color:#333}

/* 반응형 [s] */
@media (max-width:1230px){
#p42{gap:50px}
#p42>img{width:370px}
.brand_page .brand_top .r_img{width:530px}
}
@media (max-width:1024px){
.pagecommon{font-size:16px}
.pagecommon .big_txt{font-size:33px}
#p33 .img_box b{font-size:25px}
#p41 .vision_box{margin-top:70px}
#p41 .vision_box li{width:195px;height:195px;font-size:18px}
#p42{gap:40px}
#p42>img{width:300px}
#p42 .r_gr .mid_txt{margin-bottom:40px;padding-bottom:40px}
#p42 .r_gr .pl{white-space:normal}
#p43 .logi_box{padding:60px 20px 0}
#p43 .logi_box:before{height:190px}
#p43 .logi_box ul li{flex-shrink:initial;width:100%}
#p43 .logi_box ul li img{width:100%}
#p43 .logi_box ul li b{font-size:18px}
#p43 .logi_box ul li p.pl{padding:0 20px;white-space:normal}
.brand_page .brand_top .tit{padding-left:20px}
.brand_page .big_txt{font-size:30px}
.brand_page .brand_top .r_img{width:50%}
.brand_page .brand_top > p{width:calc(100% - 50px);padding:40px 40px 40px 58px;white-space:normal}
.brand_page .brand_top > p:before{left:40px;top:50px}
.brand_page .brand_cont dl dt{width:45%}
.brand_page .brand_cont dl dt img{width:100%}
.brand_page .brand_cont dl dd{padding:5px 0 0 40px}
.brand_page .brand_cont dl dd b{font-size:20px}
.brand_page .brand_cont dl dd p.pl{white-space:normal}
#p40 .contact_list{gap:20px}
#p40 .contact_list li{padding:30px 15px}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
.pagecommon .big_txt{font-size:28px}
#p33 .top_logo{margin-bottom:25px}
#p33 .line{margin:35px auto}
#p33 .s_txt.pl{width:85%;margin:0 auto;white-space:normal}
#p33 .img_box{height:auto;margin-top:60px;padding:80px 20px}
#p33 .img_box b{margin-bottom:20px;font-size:23px}
#p41 .s_box_txt{padding:50px 10px}
#p41 .vision_box{gap:20px}
#p41 .vision_box li{width:135px;height:135px;font-size:16px}
#p41 .vision_box li img{height:25px}
#p42{flex-flow:column}
#p42 .r_gr{padding:0}
#p42 .r_gr .pl{font-size:15px}
#p43 .line{margin:40px auto}
#p43 .logi_box{padding:50px 15px 0}
#p43 .logi_box ul{gap:20px}
#p43 .logi_box ul li b{margin-top:25px;font-size:17px}
#p43 .logi_box ul li p{padding:0;font-size:15px}
.brand_page .brand_top .r_img{display:none}
.brand_page .brand_top .tit{padding-top:0}
.brand_page .brand_top .tit img{height:90px}
.brand_page .brand_top > p{width:100%;padding:30px}
.brand_page .brand_top > p:before{display:none}
.brand_page .brand_cont dl{flex-flow:column}
.brand_page .brand_cont dl dt{width:100%}
.brand_page .brand_cont dl dd{padding:35px 15px 0}
.brand_page .brand_cont dl dd b{font-size:18px}
#p36 .menu_list{gap:15px}
#p37 .brand_top .tit img{height:auto;width:250px}
#p40 .sns_list{gap:15px}
#p40 .contact_list{display:block}
#p40 .contact_list li+li{margin-top:15px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .big_txt{font-size:25px}
.pagecommon .eng_txt{font-size:13px}
#p33 .top_logo{height:55px}
#p33 .line{width:40px;margin:30px auto}
#p33 .s_txt.pl{width:100%}
#p33 .img_box{margin-top:50px;padding:60px 10px}
#p33 .img_box b{margin-bottom:15px;font-size:20px}
#p33 .img_box .pl{white-space:normal}
#p41 .s_box_txt{margin-top:40px;padding:40px 15px;white-space:normal}
#p41 .vision_box{flex-flow:column;width:100%;margin-top:40px}
#p41 .vision_box:before{left:50%;top:0;width:1px;height:100%}
#p41 .vision_box li{width:100%;height:auto;padding:30px 0;border-radius:10px}
#p41 .vision_box li:before{right:auto;left:50%;top:auto;bottom:-4px;transform:translateX(-50%)}
#p41 .vision_box li:nth-child(3):before{left:50%;bottom:auto;top:-4px}
#p42>img{width:100%}
#p42 .r_gr .mid_txt{margin-bottom:30px;padding-bottom:30px}
#p42 .r_gr .pl{font-size:14px}
#p43 .line{width:40px;margin:30px auto}
#p43 .logi_box{padding:0}
#p43 .logi_box:before{display:none}
#p43 .logi_box ul{flex-flow:column;gap:40px}
#p43 .logi_box ul li b{font-size:16px}
#p43 .logi_box ul li p{font-size:14px}
.brand_page .brand_top .tit{padding:0 0 35px;text-align:center}
.brand_page .brand_top .tit img{height:70px;margin:0 auto 15px}
.brand_page .brand_cont{margin-top:50px}
.brand_page .cont_tit{font-size:16px}
.brand_page .brand_cont dl+dl{margin-top:40px}
.brand_page .brand_cont dl dd{padding-top:25px}
.brand_page .brand_cont dl dd b{margin-bottom:10px;font-size:16px}
.brand_page .graph_img{margin:40px auto 50px}
#p36 .menu_list{grid-template-columns:repeat(2,1fr)}
#p37 .brand_top .tit img{width:200px}
#p40 .sns_list li a{width:100px;height:100px}
#p40 .sns_list li a img{height:45px}
#p40 .contact_list li{padding:20px 15px}
#p40 .contact_list li span{width:40px;height:40px;margin-bottom:10px;font-size:15px}
#p40 .contact_list li p{font-size:16px}
}
@media (max-width:380px){
.pagecommon .big_txt{font-size:23px}
#p33 .img_box{padding:50px 10px}
#p33 .img_box b{font-size:17px}
#p41 .vision_box li{gap:8px;padding:25px 0;font-size:15px}
.brand_page .brand_top > p{padding:25px 20px}
#p36 .menu_list{gap:10px}
#p36 .menu_list li img{margin-bottom:10px}
.brand_page .cont_tit{font-size:15px}
#p40 .big_txt{white-space:normal}
#p40 .sns_list{gap:10px;margin-top:35px}
#p40 .sns_list li a{width:90px;height:90px}
#p40 .contact_list{margin:30px 0 0}
#p40 .contact_list li+li{margin-top:10px}
}
/* 반응형 [e] */