.product-info { margin-top:1.5em; } 
.product-info p { margin-top:.3em; font-size:1.5rem; line-height:1.3em; } 
.product-info p.color-red { color:#f00; } 
.wrap { margin:0 auto; width: 100%; max-width: 1200px; height: auto; } 
.visualbox { padding-top: 150px; width: 100%; height: 360px; background: url(/images/orderbg.png) center no-repeat; background-size: cover; text-align: center; } 

.visualbox .title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; color: #fff } 
.container { margin: 0 auto; width: 100%; height: auto; } 
.container .tab_area { border-bottom: 1px solid #cccccc; width: 100%; height: auto; text-align: center; } 
.container .tab_area .tabbox { margin: 0 auto; width: 500px; height: auto; } 
.container .tab_area .tabbox li { width: 250px; height: auto; } 
.container .tab_area .tabbox li a { display: inline-block; padding-top: 15px; position: relative; width: 100%; height: 50px; font-size: 1.8rem; } 
.container .tab_area .tabbox li a.active { font-weight: bold; color: #f00; } 
.container .tab_area .tabbox li a.active::after { display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #f00; content: ''; } 
.container .content { padding-top: 140px; padding-bottom: 160px; width: 100%; height: auto; text-align: center; } 

.sub.nav.bg3 { background: url('/images/subnav3.png') no-repeat; } 
.sub.nav { padding-top:10px; padding-bottom:10px; position:fixed; top:45%; left:40px; z-index:100; width:auto; background:none } 
.sub.nav:before { position:absolute; top:0px; bottom:0px; left:-3px; z-index:-1; width:30px; background:#000; content:''; border-radius:10em } 
.sub.nav ul li { display: inline-block; width: 100%; height: 24px; } 
.sub.nav ul li a { display: inline-block; margin: 6px 0 0 8px; width: 9px; height: 9px; float: left; background: #fff; border-radius: 4px; } 
.sub.nav ul li a.active { background: #c30e23; } 
.sub.nav ul li a:hover { background: #c30e23; } 
.sub.nav ul li span { display: inline-block; } 
.sub.nav ul li .x-line { margin-top: -3px; width: 18px; height: 1px; background: #c30e23; } 
.sub.nav ul li .tagname { padding: 4px; border: 1px solid rgba(255,255,255,0.4); width: auto; height: 100%; background: #c30e23; font-size: 1.4rem; color: #fff; text-align: center; } 
.scrolldown_s { display: inline-block; margin: 0 auto; } 
.scrolldown_s a { display: inline-block; margin-bottom: 10px; font-size: 1.6rem; color: #fff; } 
.scrolldown_s .scrollbar { display: block; margin: 0 auto; width: 2px; height: 50px; background: #fff; } 
.pv { display: none; } 
.pn { display: block; } 
.cost { margin-top: 0.5em; font-size: 2.6rem; color: #bf1d2d; } 


/*주문(orderpage)*/
.container .content.orderpage .t1_title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.container .content.orderpage .under_line { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #000; } 
.container .content.orderpage .t2 { margin: 20px 0; font-size: 2rem; font-weight: normal; } 
.container .content.orderpage .tablebox { border-top: 1px solid #333; width: 100%; height: auto; background: #fff } 
.container .content.orderpage .tablebox .left-box { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; width: 50%; } 
.container .content.orderpage .tablebox .left-box .lb { padding: 10px; border-bottom: 1px solid #e1e1e1; } 
.container .content.orderpage .tablebox .left-box .lb.lb-2 .phonen { width: 30%; } 
.container .content.orderpage .tablebox .left-box .lb.lb-3 .date { width: 32%; } 
.container .content.orderpage .tablebox .left-box .lb.lb-4 { border-bottom: 0; } 
.container .content.orderpage .tablebox .left-box .lb label { display: inline-block; padding: 16px 10px; width: 35%; font-size: 1.8rem; font-weight: 500; color: #333; text-align: right; } 
.container .content.orderpage .tablebox .left-box .lb input { border: 1px solid #e1e1e1; width: 65%; height: 54px; background: #f6f6f6; font-size: 1.8rem; color: #333; } 
.container .content.orderpage .tablebox .left-box .lb select { border: 1px solid #e1e1e1; height: 54px; background: #f6f6f6; font-size: 1.8rem; color: #333; } 
.container .content.orderpage .tablebox .left-box .lb option { color: #333; } 
.container .content.orderpage .tablebox .left-box .lb .slot { display: inline-block; padding: 1em 0.3em; font-size: 1.8rem; color: #333; } 
.container .content.orderpage .tablebox .left-box .lb textarea { border: 1px solid #e1e1e1; width: 65%; height: 110px; background: #f6f6f6; font-size: 1.8rem; color: #333; } 
.container .content.orderpage .tablebox .left-box .lb .inputbox { width: 65%; } 
.container .content.orderpage .tablebox .left-box .lb .numbox { display: inline-block; } 
.container .content.orderpage .tablebox .right-box { padding: 7px 0 0 15px; padding-bottom: 5px; border-bottom: 1px solid #e1e1e1; width: 50%; } 
.container .content.orderpage .tablebox .right-box .l-title { width: 100%; } 
.container .content.orderpage .tablebox .right-box .l-title h6 { font-size: 1.8rem; font-weight: normal; font-weight: 500; color: #333; } 
.container .content.orderpage .tablebox .right-box .r-choise { overflow-y: auto; width: 100%; height: 325px; } 
.container .content.orderpage .tablebox .right-box .r-choise p { font-size: 1.6rem; font-weight: 500; color: #333; text-align: left; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox { margin-top: 15px; font-weight: 500; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox.first { margin-top: 35px; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .order-inputbox { border: 1px solid #e1e1e1;  height: 54px; background: #f6f6f6; font-size: 1.8rem; color: #333; color: #333; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .order-inputbox.food-choise {width: 30%; font-size: 1.6rem;}
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .order-inputbox .inner-input { background: none; text-align: right; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox select { margin-right: 5px; width: 55%; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox option { background: #fff; color: #333; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .countbox { margin-right: 5px; padding: 0 0.1em; width: 18%; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .countbox .inner-input { margin-left: 7px; padding: 0; border: none; width: 54%; } 
.container .content.orderpage .tablebox .right-box .r-choise .orderbox .foodbtn { padding: 0 1em; cursor: pointer; } 
.container .content.orderpage .button a { display: inline-block; margin: 0 auto; margin-top: 40px; padding:5px; width: 270px; height: 55px; background: #c30e23; } 
.container .content.orderpage .button a .btn-bd { display: inline-block; margin: auto; padding-top: 13px; border: 1px solid rgba(255,255,255,0.3); width: 100%; height: 100%; font-size: 1.8rem; color: #fff; text-align: center; box-sizing: border-box; } 
.container .content.orderpage.t2 { background: url(/images/qnabg.png) center no-repeat; background-size: cover; } 
.container .content.orderpage.t2 h4 { margin-top: 50px; font-family: 'Nanum Myeongjo'; font-size: 3rem; font-weight: 500; line-height: 1.6em; } 
.container .content.orderpage.t2 h4 span { margin-bottom: 10px; } 
.container .content.orderpage.t2 h4 .cc_Q { display: inline-block; padding-top: 5px; width: 60px; height: 60px; background: #ac8d66; font-size: 4rem; font-weight: 500; color: #fff; border-radius: 50%; box-sizing: border-box; } 
.container .content.orderpage.t2 .txt { margin: 0 auto; margin-top: 15px; width: 900px; font-size: 1.8rem; font-weight: 500; line-height: 1.7em; } 

/*이벤트&뉴스*/
.container .content.sec_event { background: #f6f6f6; } 
.container .content.notice .t1_title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.container .content.notice .under_line { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #000; } 
.container .content.notice .button a { display: inline-block; margin: 0 auto; margin-top: 40px; width: 270px; height: 55px; background: #9a7242; text-align: center; } 
.container .content.notice .button a .btn-bd { display: inline-block; margin: auto; margin-top: 7px; padding-top: 10px; border: 1px solid rgba(255,255,255,0.3); width: 95%; height: 80%; font-size: 1.8rem; color: #fff; text-align: center; box-sizing: border-box; } 
.container .content.notice .eventbox { width: 100%; height: auto; } 

.container .content.notice .eventbox .event { margin: 0 10px; margin-bottom: 20px; padding-bottom: 20px; box-shadow: 4px 3px 10px #ccc; width: 31.6%; height: auto; } 
.container .content.notice .eventbox .event .txtbox { padding-top: 15px; } 
.container .content.notice .eventbox .event .imgbox { overflow: hidden; } 
.container .content.notice .eventbox .event .imgbox img { transition: all 0.3s; } 
.container .content.notice .eventbox .event .imgbox:hover img { transform: scale(1.1) rotate(5deg); } 
.container .content.notice .eventbox .event .txtbox .eventbtn { display: inline-block; padding:0 1em; width: 100%; height: 100%; box-sizing:border-box } 
.container .content.notice .eventbox .event .txtbox .eventbtn h5 { overflow:hidden; font-size: 2.2rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; } 
.container .content.notice .eventbox .event .txtbox .eventbtn p { margin-top: 10px; overflow:hidden; height:46px; font-size: 1.6rem; font-weight: 500; line-height: 1.5em; } 
.container .content.notice .eventbox .event .txtbox .eventbtn .txt { padding: 0 10px; overflow:hidden; height:50px; color: #666; } 
.container .content.notice .noticebox .cont { margin: 20px 10px; width: 48.3%; height: auto; background: #eeeeee; text-align: left; } 
.container .content.notice .noticebox .cont .abox { display: inline-block; padding: 40px; position: relative; width: 100%; height: 100%; box-sizing: border-box; } 
.container .content.notice .noticebox .cont .abox .mvimg { display: inline-block; position: absolute; top: 30px; right: 30px; width: 34px; height: 34px; background: url(/images/mnimg.png) no-repeat; } 
.container .content.notice .noticebox .cont .abox h5 { padding-right:30px; overflow:hidden; height:52px; font-size: 2.6rem; font-weight: 500; } 
.container .content.notice .noticebox .cont .abox .txt { margin-top: 15px; overflow: hidden; width: 100%; height: 45px; font-size: 1.6rem; line-height: 1.5em; color: #666666; } 
.container .content.notice .noticebox .cont .abox .date { margin-top: 10px; font-size: 1.6rem; color: #5e4030; } 

/*브랜드스토리*/
.brand .wrap { margin: 0 auto; padding-top: 100px; position: relative; width: 100%; max-width: 1200px; text-align: center; } 
.brand .wrap .bar { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #fff; } 
.brand.story { background: url('/images/brandstory_b.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.brand.story .wrap .title { margin-top: 120px; font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: 500; color: #fff; } 
.brand.story .wrap .storybox { margin: 0 auto; margin-bottom: 50px; width: 100%; max-width: 1000px; } 
.brand.story .wrap .storybox .box { margin: 0 1.66%; padding: 10px; width:30%; height: 250px; background: #f00; } 
.brand.story .wrap .storybox .box1 { background: rgba(120,126,72,0.8); } 
.brand.story .wrap .storybox .box2 { background: rgba(177,130,72,0.8); } 
.brand.story .wrap .storybox .box3 { background: rgba(104,72,55,0.8); } 
.brand.story .wrap .storybox .box .contbox { padding: 1.5em 1em; border: 1px solid rgba(255,255,255,0.4); width: 100%; height: 100%; box-sizing: border-box; } 
.brand.story .wrap .storybox .box .contbox .number { margin-bottom: 15px; font-size: 4rem; color: #fff; } 
.brand.story .wrap .storybox .box .contbox .txt { font-weight: 400; line-height: 1.8em } 
.brand.story .wrap .txt { margin-bottom: 120px; font-size: 1.8rem; line-height: 1.7em; color: #fff; } 
.brand.intro { width: 100%; background: url('/images/brandstory_c.png') center no-repeat; background-size: cover; } 
.brand.intro .wrap { padding: 100px 0; } 
.brand.intro .wrap .intro_txt { display: inline-block; padding-bottom: 10px; border-bottom: 5px solid #614d40; position: absolute; top: 100px; left: 0; font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: 900; color: #614d40; } 
.brand.intro .wrap .bar { background: #000; } 
.brand.intro .wrap .title { margin-top: 100px; font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.brand.intro .wrap .txt { font-family: 'Nanum Myeongjo'; font-size: 2rem; line-height: 1.5em; color: #2f2f2f; } 
.brand.intro .wrap .contbox { margin-top: 90px; width: 100%; } 
.brand.intro .wrap .contbox .cont { position: relative; width: 49.5%; height: 320px; } 
.brand.intro .wrap .contbox .cont1 { background: url('/images/intro_cont_1.png') center no-repeat; background-size: cover; } 
.brand.intro .wrap .contbox .cont2 { background: url('/images/intro_cont_2.png') center no-repeat; background-size: cover; } 
.brand.intro .wrap .contbox .cont3 { background: url('/images/intro_cont_3.png') center no-repeat; background-size: cover; } 
.brand.intro .wrap .contbox .cont4 { background: url('/images/intro_cont_4.png') center no-repeat; background-size: cover; } 
.brand.intro .wrap .contbox .cont.mt10 { margin-top: 10px; } 
.brand.intro .wrap .contbox .cont .outerbox { display: inline-block; padding: 10px; position: absolute; top: 50%; left: 50%; width: 50%; height: auto; background: rgba(0,0,0,0.8); transform: translateX(-50%) translateY(-50%); box-sizing: border-box; } 
.brand.intro .wrap .contbox .cont .outerbox .innerbox { padding: 3em 1em; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: 100%; } 
.brand.intro .wrap .contbox .cont .outerbox .innerbox span { display: inline-block; vertical-align: middle; font-size: 1.8rem; font-weight: 400; line-height: 1.5em; color: #fff; } 
.brand.intro .wrap .contbox2 { padding-top: 60px; width: 100%; } 
.brand.intro .wrap .contbox2 .cc-cont { width: 33.3%; float: left } 
.brand.intro .wrap .contbox2 .cc-cont .cc { margin: 0 auto; padding-top: 70px; width: 170px; height: 170px; font-size: 24px; color: #fff; border-radius: 50%; box-sizing: border-box; } 
.brand.intro .wrap .contbox2 .cc-cont .cc.cc1 { background: #6b6d40 } 
.brand.intro .wrap .contbox2 .cc-cont .cc.cc2 { background: #997241 } 
.brand.intro .wrap .contbox2 .cc-cont .cc.cc3 { background: #64493a } 
.brand.intro .wrap .contbox2 .cc-cont .cc .int_bar { display: inline-block; margin-top: 20px; width: 1px; height: 25px; background: #fff; } 
.brand.intro .wrap .contbox2 .cc-cont .cc-txt { margin-top: 15px; font-size: 1.8rem; color: #333; } 

/*정찬도시락*/
.jungchan .wrap { margin: 0 auto; padding-top: 100px; position: relative; width: 100%; max-width: 1200px; text-align: center; } 
.jungchan .wrap .bar { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #333; } 
.jungchan.story { background: url('/images/jc_bg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.begun.story { background: url('/images/begun_bg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.jungchan.story .wrap .title { margin-top: 100px; font-family: 'Nanum Myeongjo'; font-size: 8rem; font-weight: 500; color: #fff; } 
.jungchan.story .wrap .title span { vertical-align: baseline; font-family: monospace; font-weight: 400; color: #fff; } 
.jungchan.story .wrap .subtitle { margin-top: 15px; font-family: 'Nanum Myeongjo'; font-size: 4rem; font-weight: normal; color: #fff; } 
.jungchan.story .wrap .storybox { margin: 0 auto; margin-bottom: 100px; padding: 10px; width: 100%; max-width: 1000px; background: rgba(128,95,57,0.8); } 
.jungchan.story .wrap .storybox .inner_box { padding: 3rem; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: auto; } 
.jungchan.story .wrap .storybox .inner_box p { font-size: 1.8rem; font-weight: 400; line-height: 1.5em; color: #fff; } 
.jungchan.intro { width: 100%; background: url('/images/brandstory_c.png') center no-repeat; background-size: cover; } 
.jungchan.intro .wrap { padding: 100px 0; } 
.jungchan.intro .wrap .intro_txt { display: inline-block; padding-bottom: 10px; border-bottom: 5px solid #614d40; position: absolute; top: 100px; left: 0; font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: 900; color: #614d40; } 
.jungchan.intro .wrap .foodbox { margin-top: 58px; } 
.jungchan.intro .wrap .foodbox .fb { margin-top: 20px; width: 100%; } 
.jungchan.intro .wrap .foodbox .fb .fb-img { width: 50%; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt { padding: 150px 0 0 100px; width: 50%; text-align: left; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-p { margin-top: 40px; font-size: 1.8rem; line-height: 1.4em; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-p.fb-p2 { margin-top:10px; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-tagname { margin-top: 10px; width: 100%; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag { display: inline-block; margin: 0.2em; padding: 0.5em 0.8em; border: 1px solid #e3cfbb; font-size: 1.6rem; color: #a48260; transition: all 0.3s; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag:hover { background: #a48260; color: #fff; transition: all 0.3s; cursor: default; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .hp { margin-top: 15px; font-size: 1.6rem; } 
.jungchan.intro .wrap .foodbox .fb.special-box .txt-top { display:block; padding-bottom:20px; font-size:2rem; text-align:center; } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-img { padding-top:115px } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title { text-align:center; } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco { margin:0 auto; } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco1 { display:block; width:323px; height:36px; background:url('/images/signature_line01.png') no-repeat center; } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco2 { display:block; width:323px; height:36px; background:url('/images/signature_line02.png') no-repeat center; } 
.jungchan.intro .wrap .sect3 { margin-top: 80px; padding: 10px; width: 100%; height: auto; background: #e9d7bf; box-sizing: border-box; } 
.jungchan.intro .wrap .sect3 .innerbox { padding: 3em; border: 1px solid #ceb38d; width: 100%; height: 100%; } 
.jungchan.intro .wrap .sect3 .innerbox .title { font-family: 'Nanum Myeongjo'; font-size: 3rem; font-weight: normal; line-height: 1.5em; } 
.jungchan.intro .wrap .sect3 .innerbox .sect3_bar { display: inline-block; margin: 1.5em 0; width: 1px; height: 30px; background: #000; box-sizing: border-box; } 
.jungchan.intro .wrap .sect3 .innerbox .txt { font-size: 1.6rem; line-height: 1.5em; color: #333; } 
.jungchan.intro .wrap .sect3 .innerbox .txt2 { font-size: 2rem; font-weight: normal; line-height: 1.5em; } 
/*0514 add*/
.jungchan.intro .fb-service__area { padding-top: 15em } 
.jungchan.intro .fb-service__area:after { display: block; clear: both; content: '' } 
.jungchan.intro .fb-service__group { position: relative; width: 100%; } 
.jungchan.intro .fb-service__group:after { display: block; clear: both; content: ''; } 
.jungchan.intro .fb-service__group.left { border-bottom: 7px solid #545554; background-color: #f0f0f0; } 
.jungchan.intro .fb-service__group.left .fb-service__img { float: left } 
.jungchan.intro .fb-service__group.left .fb-service__img img { max-width: 430px; } 
.jungchan.intro .fb-service__group.left .fb-service__text-area { padding-left: 1em; float: left; text-align: left; } 
.jungchan.intro .fb-service__group.right { border-bottom: 7px solid #652821; background-color: #f7f3ec; text-align: right; } 
.jungchan.intro .fb-service__group.right .fb-service__img { position: relative; top: 40px; float: right; text-align: center; } 
.jungchan.intro .fb-service__group.right .fb-service__img img { max-width: 370px; } 
.jungchan.intro .fb-service__group.right .fb-service__text-area { padding-right: 1em; float: left; } 
.jungchan.intro .fb-service__img { width: 40% } 
.jungchan.intro .fb-service__img img { width: 100% } 
.jungchan.intro .fb-service__text-area { padding-top: 180px; width: 60%; vertical-align: bottom; } 
.jungchan.intro .fb-service__title { font-size: 36px; font-weight: 700; line-height: 1; color: #877860; letter-spacing: -1px } 
.jungchan.intro .fb-service__text { margin-top: 20px; font-size: 24px; line-height: 1.5; letter-spacing: -0.5px } 
.jungchan.intro .fb-service__info-msg { padding-top: 100px; font-size: 18px; line-height: 1.75; fontfamily: } 


/*비건도시락*/
.begun .wrap { margin: 0 auto; padding-top: 100px; position: relative; width: 100%; max-width: 1200px; text-align: center; } 
.begun .wrap .bar { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #333; } 
.begun.story { background: url('/images/begun_bg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.begun.story .wrap .title { margin-top: 100px; font-family: 'Nanum Myeongjo'; font-size: 8rem; font-weight: 500; color: #fff; } 
.begun.story .wrap .title span { vertical-align: baseline; font-family: monospace; font-weight: 400; color: #fff; } 
.begun.story .wrap .subtitle { margin-top: 15px; font-family: 'Nanum Myeongjo'; font-size: 4rem; font-weight: normal; color: #fff; } 
.begun.story .wrap .storybox { margin: 0 auto; margin-bottom: 100px; padding: 10px; width: 100%; max-width: 1000px; background: rgba(128,95,57,0.8); } 
.begun.story .wrap .storybox .inner_box { padding: 3rem; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: auto; } 
.begun.story .wrap .storybox .inner_box p { font-size: 1.8rem; font-weight: 400; line-height: 1.5em; color: #fff; } 
.begun.intro { width: 100%; background: url('/images/brandstory_c.png') center no-repeat; background-size: cover; } 
.begun.intro .wrap { padding: 100px 0; } 
.begun.intro .wrap .intro_txt { display: inline-block; padding-bottom: 10px; border-bottom: 5px solid #614d40; position: absolute; top: 100px; left: 0; font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: 900; color: #614d40; } 
.begun.intro .wrap .foodbox { margin-top: 58px; } 
.begun.intro .wrap .foodbox .fb { margin-top: 20px; width: 100%; } 
.begun.intro .wrap .foodbox .fb .fb-img { width: 50%; } 
.begun.intro .wrap .foodbox .fb .fb-txt { padding: 150px 0 0 100px; width: 50%; text-align: left; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-p { margin-top: 40px; font-size: 1.8rem; line-height: 1.4em; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-p.fb-p2 { margin-top:10px; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-tagname { margin-top: 10px; width: 100%; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag { display: inline-block; margin: 0.2em; padding: 0.5em 0.8em; border: 1px solid #e3cfbb; font-size: 1.6rem; color: #a48260; transition: all 0.3s; } 
.begun.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag:hover { background: #a48260; color: #fff; transition: all 0.3s; cursor: default; } 
.begun.intro .wrap .foodbox .fb .fb-txt .hp { margin-top: 15px; font-size: 1.6rem; } 
.begun.intro .wrap .foodbox .fb.special-box .txt-top { display:block; padding-bottom:20px; font-size:2rem; text-align:center; } 
.begun.intro .wrap .foodbox .fb.special-box .fb-img { padding-top:115px } 
.begun.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title { text-align:center; } 
.begun.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco { margin:0 auto; } 
.begun.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco1 { display:block; width:323px; height:36px; background:url('/images/signature_line01.png') no-repeat center; } 
.begun.intro .wrap .foodbox .fb.special-box .fb-txt .fb-title .deco2 { display:block; width:323px; height:36px; background:url('/images/signature_line02.png') no-repeat center; } 
.begun.intro .wrap .sect3 { margin-top: 80px; padding: 10px; width: 100%; height: auto; background: #e9d7bf; box-sizing: border-box; } 
.begun.intro .wrap .sect3 .innerbox { padding: 3em; border: 1px solid #ceb38d; width: 100%; height: 100%; } 
.begun.intro .wrap .sect3 .innerbox .title { font-family: 'Nanum Myeongjo'; font-size: 3rem; font-weight: normal; line-height: 1.5em; } 
.begun.intro .wrap .sect3 .innerbox .sect3_bar { display: inline-block; margin: 1.5em 0; width: 1px; height: 30px; background: #000; box-sizing: border-box; } 
.begun.intro .wrap .sect3 .innerbox .txt { font-size: 1.6rem; line-height: 1.5em; color: #333; } 
.begun.intro .wrap .sect3 .innerbox .txt2 { font-size: 2rem; font-weight: normal; line-height: 1.5em; } 
/*0514 add*/
.begun.intro .fb-service__area { padding-top: 15em } 
.jbegun.intro .fb-service__area:after { display: block; clear: both; content: '' } 
.begun.intro .fb-service__group { position: relative; width: 100%; } 
.begun.intro .fb-service__group:after { display: block; clear: both; content: ''; } 
.begun.intro .fb-service__group.left { border-bottom: 7px solid #545554; background-color: #f0f0f0; } 
.begun.intro .fb-service__group.left .fb-service__img { float: left } 
.begun.intro .fb-service__group.left .fb-service__img img { max-width: 430px; } 
.begun.intro .fb-service__group.left .fb-service__text-area { padding-left: 1em; float: left; text-align: left; } 
.begun.intro .fb-service__group.right { border-bottom: 7px solid #652821; background-color: #f7f3ec; text-align: right; } 
.begun.intro .fb-service__group.right .fb-service__img { position: relative; top: 40px; float: right; text-align: center; } 
.begun.intro .fb-service__group.right .fb-service__img img { max-width: 370px; } 
.begun.intro .fb-service__group.right .fb-service__text-area { padding-right: 1em; float: left; } 
.begun.intro .fb-service__img { width: 40% } 
.begun.intro .fb-service__img img { width: 100% } 
.begun.intro .fb-service__text-area { padding-top: 180px; width: 60%; vertical-align: bottom; } 
.begun.intro .fb-service__title { font-size: 36px; font-weight: 700; line-height: 1; color: #877860; letter-spacing: -1px } 
.begun.intro .fb-service__text { margin-top: 20px; font-size: 24px; line-height: 1.5; letter-spacing: -0.5px } 
.begun.intro .fb-service__info-msg { padding-top: 100px; font-size: 18px; line-height: 1.75; fontfamily: } 


/*kid도시락*/
.jungchan.kid.story { background: url('/img/kidbgimg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.jungchan.kid.story .wrap .storybox { margin: 0 auto; margin-bottom: 100px; padding: 10px; width: 100%; max-width: 1000px; background: rgba(211,103,30,0.8); } 
.jungchan.kid.intro .wrap .foodbox .fb .fb-txt .hp { margin-top: 15px; font-size: 1.6rem; line-height:1.5em; } 
.kid.b-imgbox { margin-top:5em; } 
.kid.b-imgbox .imgzone > div { margin:10px 0; position:relative; } 
.kid.b-imgbox .imgzone > div .center { padding:1em; position:absolute; top:50%; left:50%; width:90%; max-width:400px; background:rgba(0,0,0,0.8); color:#fff; transform:translate(-50%, -50%);; box-sizing:border-box; } 
.kid.b-imgbox .imgzone > div .center p { padding:1em 2em; border:1px solid rgba(255,255,255,.8); height:calc(100% - 10px); font-size:1.6rem; font-weight:400; line-height:1.5em; color:#fff; } 
.infot { margin-top:1.5em; font-size:1.6rem; line-height:1.5em; } 

.kid.itembox { margin-top:15em; text-align:center; } 
.kid.itembox .ilist { display: inline-block; margin-bottom:3em; position:relative; } 
.kid.itembox .ilist:before { display:block; position:absolute; top:-5em; left:50%; width:5em; height:1px; background:#000; content:''; transform:translateX(-50%); } 
.kid.itembox .ilist .ibox { margin:0 2em; } 
.kid.itembox .ilist .ibox p { margin-top:1em; font-size:1.6rem; } 
@media screen and (max-width:1200px) { 
 .kid.b-imgbox .imgzone > div img { width:49.5%; } 
 } 

@media screen and (max-width:768px) { 
 .kid.b-imgbox .imgzone > div img { width:100%; float:none; } 
 .kid.itembox .ilist .ibox { margin:0 5%; width:40%; } 
 .kid.itembox .ilist .ibox img { max-width:100%; } 
 } 

/*비빔밥*/
.bibimbab .wrap { margin: 0 auto; padding-top: 100px; position: relative; width: 100%; max-width: 1200px; text-align: center; } 
.bibimbab .wrap .bar { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #fff; } 
.bibimbab.story { background: url('/images/jc_bg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.bibimbab.story .wrap .title { margin-top: 100px; font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: 500; color: #fff; } 
.bibimbab.story .wrap .titlebox { margin: 0 auto; margin-bottom: 100px; width: 100%; max-width: 1200px; } 
.bibimbab.story .wrap .titlebox .box { margin: 0.4%; padding: 10px; width: 24.1% } 
.bibimbab.story .wrap .titlebox .box1 { background: url('/images/d1.png') center bottom no-repeat; background-size: cover; } 
.bibimbab.story .wrap .titlebox .box2 { background: url('/images/d2.png') center bottom no-repeat; background-size: cover; } 
.bibimbab.story .wrap .titlebox .box3 { background: url('/images/d3.png') center bottom no-repeat; background-size: cover; } 
.bibimbab.story .wrap .titlebox .box4 { background: url('/images/d4.png') center bottom no-repeat; background-size: cover; } 
.bibimbab.story .wrap .titlebox .box .inner_box { padding: 3em 0.5em; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: 100%; min-height: 440px; } 
.bibimbab.story .wrap .titlebox .box .inner_box .tt { margin-bottom: 30px; font-size: 3.4rem; font-weight: 700; color: #fff; } 
.bibimbab.story .wrap .titlebox .box .inner_box .mt { margin-bottom: 20px; font-size: 2.4rem; font-weight: 500; color: #fff; } 
.bibimbab.story .wrap .titlebox .box .inner_box .bt { font-size: 1.8rem; font-weight: 300; line-height: 1.5em; color: #fff; } 
.bibimbab.intro { width: 100%; background: url('/images/brandstory_c.png') center no-repeat; background-size: cover; } 
.bibimbab.intro .wrap { padding: 100px 0; } 
.bibimbab.intro .wrap .intro_txt { display: inline-block; padding-bottom: 10px; border-bottom: 5px solid #614d40; position: absolute; top: 100px; left: 0; font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: 900; color: #614d40; } 
.bibimbab.intro .wrap .foodbox { margin-top: 58px; } 
.bibimbab.intro .wrap .foodbox .fb { margin-top: 20px; width: 100%; } 
.bibimbab.intro .wrap .foodbox .fb .fb-img { width: 50%; } 
.bibimbab.intro .wrap .foodbox .fb .fb-img img { margin-top: 12em; width: 100%; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt { padding: 150px 0 0 100px; width: 50%; text-align: left; } 
.bibimbab.intro .fb .fb-txt .location { margin-bottom: 10px; font-size: 5rem; font-weight: 500; color: #a48260; } 
.bibimbab.intro .fb .fb-txt .location .hg { display: inline-block; margin-left: 5px; vertical-align: bottom; font-size: 1.8rem; color: #a48260; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-p { margin-top: 40px; font-size: 1.8rem; line-height: 1.4em; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-tagname { margin-top: 10px; width: 100%; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag { display: inline-block; margin: 0.2em; padding: 0.5em 0.8em; border: 1px solid #e3cfbb; font-size: 1.6rem; color: #a48260; transition: all 0.3s; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-tagname .tag:hover { background: #a48260; color: #fff; transition: all 0.3s; cursor: default; } 
.bibimbab.intro .wrap .foodbox .fb .fb-txt .hp { margin-top: 15px; font-size: 1.6rem; } 
.bibimbab.intro .wrap .sect3 { margin-top: 80px; padding: 10px; width: 100%; height: auto; background: #e9d7bf; box-sizing: border-box; } 
.bibimbab.intro .wrap .sect3 .innerbox { padding: 3em; border: 1px solid #ceb38d; width: 100%; height: 100%; } 
.bibimbab.intro .wrap .sect3 .innerbox .title { font-family: 'Nanum Myeongjo'; font-size: 3rem; font-weight: normal; line-height: 1.5em; } 
.bibimbab.intro .wrap .sect3 .innerbox .sect3_bar { display: inline-block; margin: 1.5em 0; width: 1px; height: 30px; background: #000; box-sizing: border-box; } 
.bibimbab.intro .wrap .sect3 .innerbox .txt { font-size: 1.6rem; line-height: 1.5em; color: #333; } 

/*캐주얼*/
.casual .wrap { margin: 0 auto; padding-top: 100px; position: relative; width: 100%; max-width: 1200px; text-align: center; } 
.casual .wrap .bar { display: inline-block; margin: 40px 0; width: 50px; height: 1px; background: #fff; } 
.casual.story { background: url('/images/c1-bg.png') center no-repeat; background-attachment: fixed; background-size: cover; } 
.casual.story .wrap .title { margin-top: 100px; font-family: 'Nanum Myeongjo'; font-size: 8rem; font-weight: 500; color: #fff; } 
.casual.story .wrap .subtitle2 { margin-top: 15px; font-family: 'Nanum Myeongjo'; font-size: 4rem; font-weight: normal; color: #fff; } 
.casual.story .wrap .subtitle { font-size: 1.8rem; line-height: 1.5em; color: #fff; } 
.casual.story .wrap .titlebox { margin: 0 auto; margin-top: 20px; padding-bottom: 150px; width: 100%; max-width: 1000px; } 
.casual.story .wrap .titlebox .box { margin: 20px 1.6em; padding: 10px; width: 30%; height: auto; box-sizing: border-box; } 
.casual.story .wrap .titlebox .box1 { background: rgba(120,126,72,0.8); } 
.casual.story .wrap .titlebox .box2 { background: rgba(164,121,71,0.8); } 
.casual.story .wrap .titlebox .box3 { background: rgba(105,73,55,0.8); } 
.casual.story .wrap .titlebox .box .inner_box { padding: 2em; border: 1px solid rgba(255,255,255,0.2); width: 100%; height: 100%; min-height: 280px } 
.casual.story .wrap .titlebox .box .inner_box .imgbox { display: inline-block; height: 40px; } 
.casual.story .wrap .titlebox .box .inner_box .box_title { margin-top: 15px; font-size: 2.4rem; font-weight: 500; color: #fff; } 
.casual.story .wrap .titlebox .box .inner_box .txt { margin-top: 10px; font-size: 1.8rem; font-weight: normal; line-height: 1.5em; color: #fff; } 
.scbox { padding: 20em; width: 100%; height: auto; text-align: center; } 
.scbox .sc_title { font-size: 5rem; font-weight: 700; color: #fff; } 
.scbox .sc_txt { margin-top: 20px; font-size: 1.8rem; line-height: 1.8em; color: #fff; } 
.scbox.sc2 { background: url('/images/c2-bg.png') center no-repeat; background-size: cover; } 
.scbox.sc3 { background: url('/images/c3-bg.png') center no-repeat; background-size: cover; } 
.scbox.sc4 { background: url('/images/c5-bg.png') center no-repeat; background-size: cover; } 
.scbox.sc3 .scrolldown_s { margin-top: 110px; } 
.casual.intro { width: 100%; background: url('/images/brandstory_c.png') center no-repeat; background-size: cover; } 
.casual.intro .wrap { padding: 100px 0 0 0; } 
.casual.intro .wrap .intro_txt { display: inline-block; padding-bottom: 10px; border-bottom: 5px solid #614d40; position: absolute; top: 100px; left: 0; font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: 900; color: #614d40; } 
.casual.intro .wrap .foodbox { padding: 50px 0 120px 0; } 
.food_title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 
.food_title.title-AB { margin-bottom:80px; text-align:left; } 
.food_title.title-AB b { position:relative; bottom:-0.15em; vertical-align:baseline; font-family:'Noto Sans KR'; font-size:8rem; font-weight:600; color:#bf1d2d; } 
.casual.intro .wrap .foodbox .bar { display: inline-block; margin: 40px 0 80px; width: 40px; height: 1px; background: #000; } 
.casual.intro .wrap .foodbox .foodimg { width: 100%; } 
.casual.intro .wrap .foodbox .foodimg .box { margin: 0 3.1%; width: 27%; } 
.casual.intro .wrap .foodbox .foodimg .box img { width: 100%; } 
.casual.intro .wrap .foodbox .foodimg .box .food_name { margin-top: 0.8em; font-size: 2.6rem; letter-spacing: -1px } 
.casual.intro .wrap .foodbox .foodimg .box .cost { margin-top: 0.5em; font-size: 2.6rem; color: #bf1d2d; } 
.casual.content { width: 100%; background: #f1f1f1; } 
.casual.content.subsect4 { background:#f7f6f6; } 
.casual.content .wrap { padding: 120px 10px 120px 10px; } 
.casual.content .wrap .foodbox { padding: 0 0 50px 0; } 
.casual.content .wrap .foodbox .food_title { font-family: 'Nanum Myeongjo'; font-size: 5rem; font-weight: normal; } 

.casual.content .wrap .foodbox .bar { display: inline-block; margin: 40px 0; width: 40px; height: 1px; background: #000; } 
.casual.content .wrap .foodbox .foodimg { width: 100%; } 
.casual.content .wrap .foodbox .foodimg .box { margin: 1.25%; width: 22.5%; } 
.casual.content .wrap .foodbox .foodimg .box .food_name { margin-top: 0.8em; font-size: 2.6rem; letter-spacing: -2px } 
.casual.content .wrap .foodbox .foodimg .box .cost { margin-top: 0.5em; font-size: 2.6rem; color: #bf1d2d; } 
.casual .wrap .sect3 { margin-top: 40px; padding: 10px; width: 100%; height: auto; background: #e9d7bf; box-sizing: border-box; } 
.casual .wrap .sect3 .innerbox { padding:3em 0; border: 1px solid #ceb38d; width: 100%; height: 100% } 
.casual .wrap .sect3 .innerbox .title { font-family: 'Nanum Myeongjo'; font-size: 2.8rem; font-weight: normal; line-height: 1.5em; } 
.casual .wrap .sect3 .innerbox .title2 { font-size: 2rem; font-weight: normal; line-height: 1.5em; } 

/* 캐쥬얼 도시락 박스 레이아웃 */
.casual-food-box .casual-box { margin-bottom:100px; width:100%; } 
.casual-food-box .casual-box .casual-img-area { width:60%; } 
.casual-food-box .casual-box .casual-img-area img { max-width:100%; } 
.casual-food-box .casual-box .casual-text-area { padding-top: 130px; padding-left: 30px; width: 40%; text-align: left; box-sizing: border-box; } 
.casual-food-box .casual-box .casual-text-area .casual-title { margin-bottom:20px; position:relative; font-size:4.2rem; font-weight:bold; line-height:1.2; color:#bf1d2d; letter-spacing:-1px; } 
.casual-food-box .casual-box .casual-text-area .casual-title:after { display:block; position:absolute; bottom:-10px; left:0; width:200px; height:1px; content:''; } 
.casual-food-box .casual-box .casual-text-area .casual-p { margin:20px 0; font-size: 1.8rem; line-height: 1.4em; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title { font-size:44px; line-height:1.3; color:#bf1d2d; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title img { margin-top:8px; width:72px; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title2 img { margin-top:8px; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title b { padding-left:1.6rem; font-size:72px; font-weight:700; color:inherit; } 
.casual-food-box .casual-box .casual-text-area .casual-tag-area { text-align:left; } 
.casual-food-box .casual-box .casual-text-area .casual-tag-area .tag { display: inline-block; margin: 0.2em; padding: 0.5em 0.8em; border: 1px solid #e3cfbb; font-size: 1.4rem; color: #a48260; transition: all 0.3s; } 
.casual-food-box .casual-box .casual-text-area .casual-tag-area .tag:hover { background-color:#a48260; color:#fff; } 
.casual-food-box .casual-box .casual-text-area .casual-price { margin-top: 0.5em; padding-bottom:10px; font-size: 3.2rem; font-weight:bold; color:#000; } 
.casual-food-box .casual-box .casual-text-area .casual-text { font-size:2rem; font-weight:bold; color:#bf1d2d; } 
.casual-food-box .casual-box .casual-text-area .casual-mini-area { padding-top:40px; } 
.casual-food-box .casual-box .casual-text-area .casual-mini-area .casual-price-mini { display:inline-block; padding-bottom:20px; padding-left:10px; font-size:2rem; font-weight:bold; color:#000; } 
.casual-food-box .casual-box .casual-text-area .casual-mini-area .casual-img-mini { display:inline-block; width:170px; vertical-align:bottom; } 
.casual-food-box .casual-box .casual-text-area .casual-mini-area .casual-img-mini img { max-width:100%; } 
@media screen and (max-width:599px) { 

.casual-food-box .casual-box .casual-text-area .casuap-sub-title { font-size:36px; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title img { width:60px; } 
.casual-food-box .casual-box .casual-text-area .casuap-sub-title b { font-size:60px; } 
 } 



/* 캐쥬얼 도시락 단체 */
.scbox.sc4.sc4-new { padding:10em 20em } 
.sc_list { display:flex; justify-content:center; margin:20em auto 0; } 
.sc_list:after { display:block; clear:both; content:'' } 
.sc_list-item { padding-left:70px; float:left; background:url('/images/common/icon/check.png') left center no-repeat; text-align:left } 
.sc_list-item + .sc_list-item { margin-left:6em } 
.sc_list-item > * { display:block; color:#fff } 
.sc_list-item > span { font-size:1.8rem } 
.sc_list-item > strong { margin-top:8px; font-size:3rem; font-weight:400 } 

.food-list { padding:5em 0 } 
.food-list:after { display:block; clear:both; content:'' } 
.food-list-item { float:left; } 
.food-list-item.column3 { width:calc(100% / 3) } 
.food-list-title { margin-top:1.5em; font-size:4.8rem; color:#bf1d2d; text-align:center } 
.food-list-tag { margin:3em auto; width:90%; text-align:left } 
.food-list-tag:after { display:block; clear:both; content:'' } 
.food-list-tag .tag { display:inline-block; margin:0.2em; padding:0.5em 1.25em; border:1px solid #e3cfbb; font-size:1.6rem; color:#a48260; transition:all 0.3s; } 
.food-list-tag .tag:hover { background-color:#a48260; color:#fff; } 
.food-list-price { font-size:3.6rem } 
@media screen and (max-width:1400px) { 
 .sc_list-item { padding-top:10px; padding-bottom:10px } 
 .sc_list-item + .sc_list-item { margin-left:3em } 
 .sc_list-item > span { font-size:1.5rem } 
 .sc_list-item > strong { font-size:2.7rem } 
 } 
@media screen and (max-width:1200px) { 
    .container .content.orderpage .tablebox .left-box .lb .inputbox{width: 100%;}
 .scbox.sc4.sc4-new { padding-right:10em; padding-left:10em } 
 .sc_list { margin-top:10em } 
 .sc_list-item { padding-left:60px; background-size:50px } 
 .sc_list-item + .sc_list-item { margin-left:3em } 
 .sc_list-item > span { font-size:1.5rem } 
 .sc_list-item > strong { font-size:2.7rem } 
.food-list-img img { width:100% } 
 .food-list-tag .tag { padding-right:1em; padding-left:1em } 
 } 
@media screen and (max-width:860px) { 
.sc_list-item { background-size:45px } 
 .sc_list-item + .sc_list-item { margin-left:0 } 
 .food-list-item { width:100% !important; float:none } 
 .food-list-item + .food-list-item { margin-top:6em } 
 .food-list-img img { width:auto; max-width:100% } 
 .food-list-title { margin-top:0; padding-left:33px; text-align:left } 
 .food-list-tag { margin:1.5em 0; padding-left:33px } 
 .food-list-tag .tag.fl { float:none } 
 .food-list-price { padding-left:33px; text-align:left } 
 } 



/* 주요고객사 */
.partner_area .client_list-img { display:block; margin-right:auto; margin-left:auto; max-width:95%; } 
.partner_area ul { border-top:1px solid #ccc; border-left:1px solid #ccc; } 
.partner_area ul:after { display:block; clear:both; content:''; } 
.partner_area ul li { border-bottom:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; position:relative; width:33.333%; height:150px; float:left; background:#fff; background-color:#f6f6f6; text-align:center; transition:all .5s ease-in-out; box-sizing:border-box; } 
.partner_area ul li img { display:block; position:absolute; top:50%; left:50%; max-width:50%; max-height:70%; transition:all .5s ease-in-out; transform:translateX(-50%) translateY(-50%); } 
.partner_area ul li .partner_caption { position:absolute; bottom:-30px; left:0; width:100%; height:30px; background-color:rgba(0,0,0,0.7); font-size:16px; line-height:30px; color:#fff; transition:all .5s ease-in-out; } 
.partner_area ul li:hover { background-color:#fff; } 
.partner_area ul li:hover img { top:45%; max-width:55%; max-height:75%; } 
.partner_area ul li:hover .partner_caption { bottom:0; } 


@media screen and (max-width: 1200px) { 
 .scrolldown_s .scrollbar { height: 35px; } 
 .visualbox { padding-top: 100px; width: 100%; height: 250px; } 
 .container .content { padding: 50px 0px; } 
 .container .tab_area .tabbox li a { padding-top: 12px; height: 40px; font-size: 2rem; } 
 .container .content.orderpage .under_line { margin: 30px 0; width: 50px; height: 1px; background: #000; } 
 .container .content.orderpage .tablebox .left-box .lb input { height: 40px; } 
 .container .content.orderpage .tablebox .left-box .lb select { height: 40px; } 
 .container .content.orderpage .tablebox .left-box .lb .slot { padding: 1em 0.5em; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox .order-inputbox { height: 40px; } 
 .container .content.orderpage .tablebox { margin-top: 10px; text-align: left; } 
 .container .content.orderpage .tablebox .left-box { border-bottom: 1px solid #e1e1e1; border-right: 0; width: 100%; float: none; } 
 .container .content.orderpage .tablebox .left-box .lb.lb-2 .phonen { width: 30.5%; } 
 .container .content.orderpage .tablebox .right-box { padding: 10px; width: 100%; float: none; } 
 .container .content.orderpage .tablebox .right-box .lb label { width: 30%; } 
 .container .content.orderpage .tablebox .right-box .lb .inputbox { width: 70%; } 
 .container .content.orderpage .tablebox .right-box .l-title { padding: 16px 10px; width: 100%; text-align: left; } 
 .container .content.orderpage .tablebox .right-box .l-title h6 { font-size: 1.8rem; font-weight: 500; color: #333; } 
 .container .content.orderpage .tablebox .right-box .r-choise { width: 100% } 
 .container .content.orderpage .tablebox .right-box .r-choise p { margin: 15px; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox { margin-bottom: 10px; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox.first { margin-top: 20px; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox select { width: 55%; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox .countbox { width: 15%; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox .foodbtn { width: 10%; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox .countbox .inner-input { margin: 0; } 
 .container .content.orderpage.t2 h4 { line-height: 2.2em; } 
 .container .content.orderpage.t2 h4 span { margin-bottom: 0; } 
 .container .content.orderpage .button a { display: inline-block; margin-top: 30px; padding: 5px; width: 230px; height: 45px; box-sizing: border-box; } 
 .container .content.orderpage .button a .btn-bd { padding-top: 9px; width: 100%; height: 100%; } 
 .container .content.notice .button a { display: inline-block; margin-top: 30px; width: 230px; height: 45px; } 
 .container .content.notice .button a .btn-bd { padding-top: 8px; height: 70%; } 
 .container .content.notice .eventbox .event { margin: 20px 2.5%; width: 45%; height: auto; } 
 .container .content.notice .eventbox .event .imgbox img { width: 100%; } 
 .container .content.notice .eventbox .event .txtbox .eventbtn p { margin-top: 10px; font-size: 1.6rem; font-weight: 500; line-height: 1.5em; } 
 .container .content.notice .noticebox .cont { margin: 10px 1.5%; width: 47%; height: auto; background: #eeeeee; text-align: left; } 
 .container .content.orderpage .tablebox .left-box .lb label {width: 100%; text-align: left;}
 .container .content.orderpage .tablebox .left-box .lb input{width: 100%;}
 .container .content.orderpage .tablebox .left-box .lb.lb-3 .date { width: 48%;}
 .container .content.orderpage .tablebox .left-box .lb textarea { width: 100%;}
 /*브랜드스토리*/
 .brand .wrap { padding-top: 60px; } 
 .brand.story .wrap .title { margin-top: 40px; } 
 .brand .wrap .bar { margin: 30px 0; } 
 .brand.story .wrap .storybox { margin-bottom: 30px; } 
 .brand.story .wrap .txt { margin-bottom: 50px; } 
 .brand.intro .wrap { padding: 70px 10px; } 
 .brand.intro .wrap .intro_txt { top: 70px; left: 10px; } 
 .brand.intro .wrap .brand_ci img { width: 100px; } 
 .brand.intro .wrap .title { margin-top: 60px; } 
 .brand.intro .wrap .contbox { margin-top: 40px; } 
 .brand.intro .wrap .contbox2 { padding-top: 30px } 
 /*정찬도시락*/
 .jungchan .wrap { padding: 60px 5px 0 5px; } 
 .jungchan.story .wrap .title { margin-top: 40px; } 
 .jungchan .wrap .bar { margin: 30px 0; } 
 .jungchan.story .wrap .storybox { margin-bottom: 30px; width: 80%; } 
 .jungchan.story .wrap .txt { margin-bottom: 50px; } 
 .jungchan.intro .wrap { padding: 70px 10px; } 
 .jungchan.intro .wrap .intro_txt { top: 70px; left: 10px; } 
 .jungchan.intro .wrap .brand_ci img { width: 100px; } 
 .jungchan.intro .wrap .foodbox .fb .fb-img img { margin-top: 5%; width: 90%; vertical-align: middle } 
 .jungchan.intro .wrap .foodbox .fb .fb-txt { padding: 120px 0 0 30px; } 
 .jungchan.intro .wrap .foodbox { margin-top: 20px; } 
 .jungchan.intro .wrap .foodbox .fb { margin-top: 0; } 
.jungchan.intro .wrap .foodbox .fb .fb-txt .cost { margin-top: 0.5em; font-size: 2.6rem; color: #bf1d2d; } 

 .pv { display: none; } 
 .pn { display: block; } 

 /*비빔밥*/
 .bibimbab .wrap { padding: 60px 5px 0 5px; } 
 .bibimbab.story .wrap .title { margin-top: 40px; } 
 .bibimbab .wrap .bar { margin: 30px 0; } 
 .bibimbab.story .wrap .storybox { margin-bottom: 30px; } 
 .bibimbab.story .wrap .txt { margin-bottom: 50px; } 
 .bibimbab.intro .wrap { padding: 70px 10px; } 
 .bibimbab.intro .wrap .intro_txt { top: 70px; left: 10px; } 
 .bibimbab.intro .wrap .brand_ci img { width: 100px; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-img img { margin-top: 8em; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-txt { padding: 120px 0 0 30px; } 
 .bibimbab.intro .wrap .foodbox { margin-top: 20px; } 
 .bibimbab.intro .wrap .foodbox .fb { margin-top: 0; } 
 .pv { display: none; } 
 .bibimbab.story .wrap .titlebox .box { margin: 1%; padding: 10px; width: 48% } 
 .bibimbab.story .wrap .titlebox .box .inner_box { padding-bottom: 10em; height: auto; min-height: 320px; } 

 /*캐주얼*/
 .casual .wrap { padding: 60px 5px 0 5px; } 
 .casual.story .wrap .title { margin-top: 40px; } 
 .casual.story .wrap .titlebox .box .inner_box { min-height: 230px; } 
 .casual.story .wrap .titlebox { padding-bottom: 100px } 
 .scbox { padding: 10em; } 
 .scbox .sc_txt { margin-top: 15px; } 
 .scbox.sc3 .scrolldown_s { margin-top: 70px; } 
 .casual.intro .wrap { padding: 70px 10px; } 
 .casual.intro .wrap .intro_txt { top: 70px; left: 10px; } 
 .casual.intro .wrap .brand_ci img { width: 50px; } 
 .casual.intro .wrap .foodbox { padding: 70px 0; } 
 .casual.intro .wrap .foodbox .bar { margin: 30px 0; } 
 .casual.content .wrap .foodbox .bar { margin: 30px 0; } 
 .casual.intro .wrap { padding: 70px 10px 0 10px; } 
 .casual.content .wrap .foodbox .foodimg { margin: 0 auto; width: 100%; max-width: 900px; } 
 .casual.content .wrap .foodbox .foodimg .box { margin: 2.5%; width: 45%; } 
 .casual.content .wrap { padding: 70px 0; } 

 .casual-food-box .casual-box .casual-text-area { padding-top:30px; } 
 .casual-food-box .casual-box .casual-text-area .casual-title:after { width:80px; } 
.food_title.title-AB { margin-bottom:0px; text-align:left; } 
 } 
@media screen and (max-width: 1024px) { 
 .jungchan.intro .fb-service__img { width: 30% } 
 .jungchan.intro .fb-service__text-area { padding-top: 9em; width: 70%; } 
 .jungchan.intro .fb-service__group.right .fb-service__text-area { padding-top: 14em } 
 } 

@media screen and (max-width: 1000px) { 
 .jungchan.intro .wrap .foodbox .fb .fb-img img { margin-top: 0; width: 90%; vertical-align: middle } 
 .casual.story .wrap .titlebox .box { margin: 10px 1.3em; } 
 .scbox { padding: 8em; } 

 /*캐주얼*/
 .casual-food-box .casual-box .casual-img-area,
 .casual-food-box .casual-box .casual-text-area { display:block; width:100%; float:none; } 
 } 


@media screen and (max-width: 900px) { 
 .container .content.orderpage.t2 .txt { width: 100%; } 
 .container .content.notice .noticebox .cont { margin: 10px 2.5%; width: 95%; max-width: 800px; height: auto; background: #eeeeee; text-align: left; } 
 .container .content.notice .noticebox .cont .abox { display: inline-block; padding: 30px; position: relative; width: 100%; height: 100%; box-sizing: border-box; } 
 .container .content.notice .noticebox .cont .abox .mvimg { position: absolute; top: 25px; right: 5px; background-size: 25px; } 
 .jungchan.intro .wrap .foodbox .fb .fb-img { margin-top: 5%; } 
 .jungchan.intro .wrap .foodbox .fb .fb-txt { padding: 80px 0 0 30px; } 
 .casual.story .wrap .titlebox .box { margin: 10px 1.2em; } 
 } 


@media screen and (max-width: 768px) { 
    .scrolldown_s .scrollbar { height: 25px; } 
    .visualbox { padding-top: 60px; width: 100%; height: 150px; } 
 .container .content.notice .eventbox .event { margin: 20px auto; width: 90%; height: auto; float: none; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox .foodbtn { padding: 0 0.5em; text-align: center; } 
 .pv { display: block; } 
 .pn { display: none; } 
 .scbox { padding: 5em; } 
 .scbox .sc_txt { margin-top: 10px; } 
 .scbox.sc3 .scrolldown_s { margin-top: 50px; } 

.partner_area ul li { width:50%; } 
@media screen and (max-width: 344px) { 
    .container .content.orderpage .tablebox .right-box .r-choise .orderbox .foodbtn { width: 8%;}
    .container .content.orderpage .tablebox .right-box .r-choise .orderbox .order-inputbox.food-choise { font-size: 1.2rem;}
}

 /*브랜드스토리*/
 .brand .wrap { padding-top: 40px; } 
 .brand.story .wrap .title { margin-top: 40px; } 
 .brand .wrap .bar { margin: 20px 0; } 
 .brand.story .wrap .storybox { margin-bottom: 30px; } 
 .brand.story .wrap .txt { margin-bottom: 50px; } 
 .brand.story .wrap .btxt { padding: 10px; box-sizing: border-box; } 
 .brand.story .wrap .storybox .box { margin: 5px 2.5%; padding: 10px; width:95%; height: auto; } 
 .brand.story .wrap .storybox .box .contbox .number { width: 30%; float: left; font-size: 4rem; color: #fff; } 
 .brand.story .wrap .storybox .box .contbox .boxtxt { margin-bottom: 0; width: 70%; float: left; font-weight: 400; line-height: 1.8em; text-align: left; } 
 .brand.intro .wrap { padding: 40px 10px; } 
 .brand.intro .wrap .intro_txt { top: 40px; left: 10px; } 
 .brand.intro .wrap .brand_ci img { margin-top: 60px; width: 70px; } 
 .brand.intro .wrap .contbox .cont { margin: 5px 2.5%; width: 95%; } 
 .brand.intro .wrap .contbox .cont .outerbox { width: 80%; } 
 .brand.intro .wrap .contbox .cont { padding: 40px 0; height: auto; min-height: 150px; } 
 .brand.intro .wrap .contbox .cont .outerbox .innerbox { padding: 1em; } 
 .brand.intro .wrap .title { margin-top: 30px; } 
 .brand.intro .wrap .contbox2 .cc-cont { margin-bottom: 20px; width: 100%; } 

 /*정찬도시락*/
 .jungchan .wrap { padding-top: 40px; } 
 .jungchan.story .wrap .title { margin-top: 40px; } 
 .jungchan .wrap .bar { margin: 20px 0; } 
 .jungchan.story .wrap .storybox { margin-bottom: 30px; width: 95%; } 
 .jungchan.intro .wrap { padding: 40px 10px; } 
 .jungchan.intro .wrap .intro_txt { top: 40px; left: 10px; } 
 .jungchan.intro .wrap .brand_ci img { margin-top: 60px; width: 70px; } 
 .jungchan.intro .wrap .foodbox .fb .fb-img { width: 100%; float: none; } 
 .jungchan.intro .wrap .foodbox .fb .fb-txt { margin-top: 10px; padding: 0; width: 100%; float: none; } 
 .jungchan.intro .wrap .foodbox .fb .fb-txt .fb-p { margin-top: 15px; } 
 .jungchan.intro .wrap .foodbox .fb .fb-img img { margin-top: 0; width: 80%; vertical-align: middle } 
.jungchan.intro .wrap .foodbox .fb.special-box .fb-img { padding-top:0 } 
 .jungchan.intro .wrap .foodbox { margin-top: 20px; } 
 .jungchan.intro .wrap .foodbox .fbs { margin-top: 30px; padding-top: 30px; } 
 .jungchan.intro .wrap .foodbox .fb .fb-img { margin-top: 0; } 
 .jungchan.intro .fb-service__group { display: table; width: 100%; } 
 .jungchan.intro .fb-service__area { padding-top: 5em } 
 .jungchan.intro .fb-service__img { display: none; width: 22%; vertical-align: bottom } 
 .jungchan.intro .fb-service__text-area { padding-top: 2.5em; /*width: 78%; */width:100% } 
 .jungchan.intro .fb-service__title { font-size: 2rem } 
 .jungchan.intro .fb-service__text { font-size: 1.8rem; } 
 /* .jungchan.intro .fb-service__group.left .fb-service__img { float: none; display: table-cell; } */
 .jungchan.intro .fb-service__group.left .fb-service__text-area { display: table-cell; padding: 1em 3em; float: none; } 
 /* .jungchan.intro .fb-service__group.right .fb-service__img { float: none; display: table-cell; top: 1.5em; } */
 .jungchan.intro .fb-service__group.right .fb-service__text-area { display: table-cell; padding: 1em 3em; float: none; text-align: left; } 
 .jungchan.intro .fb-service__info-msg { padding-top: 5em; font-size: 1.1em } 



 .bibimbab .wrap { padding-top: 40px; } 
 .bibimbab.story .wrap .title { margin-top: 40px; } 
 .bibimbab .wrap .bar { margin: 20px 0; } 
 .bibimbab.story .wrap .storybox { margin-bottom: 30px; } 
 .bibimbab.intro .wrap { padding: 40px 10px; } 
 .bibimbab.intro .wrap .intro_txt { top: 40px; left: 10px; } 
 .bibimbab.intro .wrap .brand_ci img { margin-top: 60px; width: 70px; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-img { width: 100%; float: none; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-txt { margin-top: 10px; padding: 0; width: 100%; float: none; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-txt .fb-p { margin-top: 15px; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-img img { margin-top: 0; width: 80%; vertical-align: middle } 
 .bibimbab.intro .wrap .foodbox { margin-top: 20px; } 
 .bibimbab.intro .wrap .foodbox .fbs { margin-top: 30px; padding-top: 30px; border-top: 1px solid #cdcdcd; } 
 .bibimbab.intro .wrap .foodbox .fb .fb-img { margin-top: 0; } 

 /*캐주얼*/
 .casual.story .wrap .titlebox .box { margin: 5px 2.5%; width: 95%; } 
 .casual.story .wrap .titlebox .box .inner_box { min-height: auto; } 
 .casual.story .wrap .titlebox { padding-bottom: 50px } 
 .casual.intro .wrap .brand_ci img { margin-top: 60px; width: 50px; } 
 .casual.intro .wrap .foodbox .bar { margin: 20px 0; } 
 .casual.content .wrap .foodbox .bar { margin: 20px 0; } 
 .casual.intro .wrap .foodbox .foodimg .box { margin: 0 25%; margin-bottom: 3em; width: 50%; } 
 .casual.intro .wrap .foodbox { padding: 40px 0; } 
 .casual.content .wrap { padding: 40px 10px; } 
 } 


@media screen and (max-width: 650px) { 
.container .content.orderpage .tablebox .left-box .lb .slot { padding: 1em 0.3em; } 
.casual.content .wrap .foodbox .foodimg { margin: 0 auto; width: 100%; max-width: 900px; } 
.casual.content .wrap .foodbox .foodimg .box { margin: 15px 5%; width: 90%; } 
.food_title { letter-spacing: -3px; } 
 } 


@media screen and (max-width: 500px) { 
 .container .tab_area .tabbox { width: 100%; } 
 .container .tab_area .tabbox li { width: 50%; } 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox select { width: 50%; } 
 .container .content.orderpage .tablebox .left-box .lb .slot { padding: 1em 0.2em; } 
 .bibimbab.story .wrap .titlebox .box { margin: 5px 1%; padding: 10px; width: 98% } 
 .casual.intro .wrap .foodbox .foodimg .box { margin: 0 15%; margin-bottom: 2em; width: 70%; } 

.partner_area ul li { width:100%; } 
.partner_area ul li img { max-width:70%; max-height:80%; } 
.partner_area ul li:hover img { max-width:75%; max-height:85%; } 
 } 


@media screen and (max-width: 370px) { 
 .container .content.orderpage .tablebox .right-box .r-choise .orderbox select { width: 45%; } 
 .container .content.orderpage .tablebox .left-box .lb .slot { padding: 1em 0.1em; } 
 } 

/* 캐쥬얼 피크닉팩 리뉴얼*/
.casual.subsect3 .casual-box { } 
.casual.subsect3 .casual-food-box:after { display: block; clear: both; content:''; } 
.casual.subsect3 .casual-box-w100 { position: relative; width:100%; } 
.casual-food-box .casual-box-w100 .casual-img-area { margin:0 auto; width:80%; float:none } 
.casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area .casual-title { font-size: 4.6rem; } 
.casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area .casual-price { font-size: 3.6rem } 
.casual-food-box .casual-box-w100 .casual-text-area .casual-tag-area { display: inline-block; } 
.casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area { position: absolute; top:0; width: 50%; text-align: right } 
@media screen and (max-width:768px) { 
 .casual.subsect3 .casual-box-w100 { margin-top:3em } 
 .casual-food-box .casual-box-w100 .casual-img-area { width:100% } 
 .casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area { padding-top: 0; padding-left: 0; } 
 .casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area .casual-title { font-size: 2.6rem; } 
 .casual.subsect3 .casual-food-box .casual-box-w100 .casual-text-area .casual-price { font-size: 1.6rem } 

 } 

/* 캐주얼 피크닉팩 리뉴얼 190522 이전버전*/
.casual.subsect3__sm .casual-box { margin:0 2% 5em; width:46%; float:left; } 
.casual.subsect3__sm .casual-food-box:after { display: block; clear: both; content:''; } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area { padding-top:55px } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-title { margin-bottom: .5em; font-size:2.6rem; } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-text { margin-top:.5em; } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-price { font-size:2.5rem; } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-mini-area { padding-top:2em; } 
.casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-mini-area:after { display:block; clear:both; content:''; } 
.casual-food-box-sm .casual-box .casual-text-area .casual-mini-area .casual-img-mini,
.casual-food-box-sm .casual-box .casual-text-area .casual-mini-area .casual-price-mini { float:right; } 
.casual-food-box-sm .casual-box .casual-text-area .casual-mini-area .casual-price-mini { margin-right:1em; padding:0; padding-top:3.5em; } 

.casual.subsect3__sm .casual-food-box .casual-box:nth-child(4) .casual-img-area,
.casual.subsect3__sm .casual-food-box .casual-box:nth-child(5) .casual-img-area,
.casual.subsect3__sm .casual-food-box .casual-box:nth-child(6) .casual-img-area,
.casual.subsect3__sm .casual-food-box .casual-box:nth-child(7) .casual-img-area { padding-top:45px } 

.casual.subsect3__sm .casual-box-w100 { position: relative; width:100%; } 
.casual-food-box-sm .casual-box-w100 .casual-img-area { margin:0 auto; width:80%; float:none } 
.casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area .casual-title { font-size: 4.6rem; } 
.casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area .casual-price { font-size: 3.6rem } 
.casual-food-box-sm .casual-box-w100 .casual-text-area .casual-tag-area { display: inline-block; } 
.casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area { position: absolute; top:0; width: 50%; text-align: right } 


@media screen and (max-width:900px) { 
 .casual.subsect3__sm .casual-box { margin:0 auto; margin-bottom:5em; width:96%; max-width:600px; float:none; } 
 } 
@media screen and (max-width:768px) { 
 .casual.subsect3__sm .casual-box-w100 { margin-top:3em } 
 .casual-food-box-sm .casual-box-w100 .casual-img-area { width:100% } 
 .casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-title { font-size: 4.6rem; } 
 .casual.subsect3__sm .casual-food-box .casual-box .casual-text-area .casual-price { font-size: 3.6rem } 
 .casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area { padding-top: 0; padding-left: 0; } 
 .casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area .casual-title { font-size: 2.6rem; } 
 .casual.subsect3__sm .casual-food-box .casual-box-w100 .casual-text-area .casual-price { font-size: 1.6rem } 

 } 





.orderformbox { padding:1em 0 0; } 
.orderformbox .btnbox { margin-bottom:1em; text-align:right; } 
.orderformbox .btnbox button { padding:0 2em; height:45px; background:#bf1d2d; font-size:1.6rem; color:#fff; cursor:pointer } 
.popup__prv { display:none; padding:1.5em; position:fixed; top:50%; left:50%; z-index: 3000; width:95%; max-width:700px; background:#fff; transform:translate(-50%, -50%); } 
.popup__header { border-bottom:1px solid #ddd; position:relative; height:45px; line-height:45px; } 
.popup__header h2 { font-size:2rem; } 
.popup__header button { position:absolute; top:0; right:0; width:45px; height:45px; background:url("/images/btnclose.png") no-repeat center; background-size:auto 20px; } 
.popup__body { margin-top:1em; border:1px solid #ddd; overflow:auto; height:300px; background:#eee; } 
.popup__body p { padding:0 1em; font-size:1.4rem; line-height:1.5em; white-space: pre-line; box-sizing:border-box; } 
.popupbg { display:none; position:fixed; top:0; left:0; z-index:2001; width:100%; height:100%; background:#000; opacity: .5; } 
.prvcheckbox { display:flex; align-items: center; justify-content: flex-end; border-bottom:1px solid #ddd; height:45px; line-height:45px; } 
.prvcheckbox label { align-items:center; margin-left:1em; } 
@media screen and (max-width:768px) { 
 .orderformbox .btnbox { margin-bottom:0; } 
 .prvcheckbox { align-items: flex-end; flex-direction: column; padding:0 1em; box-sizing:border-box; } 
 .prvcheckbox label { margin:.5em 0; margin-left:0; } 
 .prvcheckbox { height:auto; line-height:1; } 
 } 


/*homefood도시락210304*/
.jungchan.homefood.story { background: url('/img/homefoodbgimg.jpg') center no-repeat; background-attachment: fixed; background-size: cover; } 
.jungchan.homefood.story .wrap .storybox { margin: 0 auto; margin-bottom: 100px; padding: 10px; width: 100%; max-width: 1000px; background: rgba(126,155,63,0.8); } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt { padding-top:100px; padding-left:30px; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt.pd150 { padding-top:150px; padding-left:30px; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .hp { margin-top: 15px; font-size: 1.9rem; line-height:1.5em; } 
.homefood.b-imgbox { margin-top:5em; } 
.homefood.b-imgbox .imgzone > div { margin:10px 0; position:relative; } 
.homefood.b-imgbox .imgzone > div .center { padding:1em; position:absolute; top:50%; left:50%; width:90%; max-width:400px; background:rgba(0,0,0,0.8); color:#fff; transform:translate(-50%, -50%);; box-sizing:border-box; } 
.homefood.b-imgbox .imgzone > div .center p { padding:1em 2em; border:1px solid rgba(255,255,255,.8); height:calc(100% - 10px); font-size:1.6rem; font-weight:400; line-height:1.5em; color:#fff; } 
.infot { margin-top:1.5em; font-size:1.6rem; line-height:1.5em; } 

.foodbox .fb .fb-txt .homefood-title { margin-bottom:20px; position:relative; font-size:4.6rem; font-weight:bold; line-height:1.2; color:#222; letter-spacing:-1px; } 
.foodbox .fb .fb-txt .homefood-title:after { display:block; position:absolute; bottom:-10px; left:0; width:200px; height:1px; content:''; } 

.homefood.itembox { margin-top:15em; text-align:center; } 
.homefood.itembox .ilist { display: inline-block; margin-bottom:3em; position:relative; } 
.homefood.itembox .ilist:before { display:block; position:absolute; top:-5em; left:50%; width:5em; height:1px; background:#000; content:''; transform:translateX(-50%); } 
.homefood.itembox .ilist .ibox { margin:0 2em; } 
.homefood.itembox .ilist .ibox p { margin-top:1em; font-size:1.6rem; } 

.jungchan.homefood.intro .wrap .sect3 { margin-top: 80px; padding: 10px; width: 100%; height: auto; background: #86a94d; box-sizing: border-box; } 
.jungchan.homefood.intro .wrap .sect3 .innerbox { padding: 3em; border: 1px solid #c2e28d; width: 100%; height: 100%; } 
.jungchan.homefood.intro .wrap .sect3 .innerbox .title { font-family: 'Nanum Myeongjo'; font-size: 3rem; font-weight: normal; line-height: 1.5em; color:#fff; } 

.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .setmenu_box .setmenu_tit { display:inline-block; margin-top:1.2em; margin-bottom:0.7em; padding:5px 8px; background:#7fa948; font-size:2rem; color:#fff; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .setmenu_box .setmenu_detail { display:block; margin-bottom:0.7em; font-size:2rem; color:#7fa948; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .setmenu_box .setmenu_detail img { margin-top:-20px; padding-left:15px; position:absolute; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .setmenu_box .setmenu_cost { font-size:3rem; font-weight:600; color:#c30e23; } 

.jungchan.homefood.intro .wrap .foodbox-sm { } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn { display:flex; flex-wrap:wrap; margin-top:-5em } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:8em; width:50% } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb img { max-width:100% } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb .fb-txt { padding-top:0; padding-left:20px } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb .fb-txt .hp { font-size:2.6rem; color:#bf1d2d } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb .fb-txt .cost { font-size:2.5rem; font-weight:bold; color:#000 } 
@media screen and (max-width:1200px) { 
 .homefood.b-imgbox .imgzone > div img { width:49.5%; } 
.jungchan.homefood.intro .wrap .brand_ci img { width: auto; } 
 } 
@media screen and (max-width:768px) { 
 .homefood.b-imgbox .imgzone > div img { width:100%; float:none; } 
 .homefood.itembox .ilist .ibox { margin:0 5%; width:40%; } 
 .homefood.itembox .ilist .ibox img { max-width:100%; } 
.jungchan.homefood.intro .wrap .brand_ci img { width: 40%; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt.pd150 { padding-top:30px; } 
.jungchan.homefood.intro .wrap .foodbox .fb .fb-txt { padding-top:0px; } 
p.ss2.subsect2 { padding:30px; } 

.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb { width:100% } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb img { max-width:350px } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb .fb-txt .hp { font-size:4.6rem } 
.jungchan.homefood.intro .wrap .foodbox-sm-inn .fb .fb-txt .cost { font-size:3.6rem } 
 } 
@media screen and (max-width:400px) { 
 .jungchan.homefood.intro .wrap .foodbox .fb .fb-txt .setmenu_box .setmenu_detail img { display:block; margin-top:10px; padding-left:0px; position:static; } 
 .jungchan.homefood.intro .wrap .brand_ci img { width: 70%; } 
 } 


/*개인결제창 24-04-09 ~ 24-04-11*/
.paymeny_wrap { padding-bottom:150px; } 
.paymeny_wrap ul.payment_list { display: grid; gap:60px 30px;   padding: 60px 0 0; grid-template-columns: repeat(3,1fr);} 
.paymeny_wrap ul.payment_list li { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); } 
.paymeny_wrap ul.payment_list li a { display: block; } 
.paymeny_wrap ul.payment_list li .ico { padding-top:80%; position: relative; background-color: #ececec; } 
.paymeny_wrap ul.payment_list li .txt { display: flex; gap:20px; flex-direction: column; padding:25px 10px; } 
.paymeny_wrap ul.payment_list li .txt p { font-size:22px; } 
.paymeny_wrap ul.payment_list li .txt p.price { font-size:27px; } 

.paymeny_wrap ul.payment_list li .ico >div { display: grid; justify-items: center; gap: 25px; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50% , -50%); } 
.paymeny_wrap ul.payment_list li .ico >div p { font-size: 23px; color: #8f8f8f; text-transform: uppercase; } 

.payment_list_pagination { display: flex; gap: 20px; align-items: center; justify-content: center; margin-top: 125px; } 

.payment_list_pagination ol { display: flex; gap: 10px; align-items: flex-start; } 
.payment_list_pagination ol li { width: 20px; height: 100%; } 
.payment_list_pagination ol li a { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; width: 100%; height: 100%; font-size: 16px; } 

.payment_list_pagination ol li a.active::after { margin-top: 5px; width: 60%; height: 2px; background-color: #a2855a; content: ""; } 
.payment_list_pagination ol li a.active,
.payment_list_pagination ol li a:hover { color: #a2855a; } 

.btn_pagination_prev { transform: rotate(180deg); } 

@media screen and (max-width:1024px) {
    .paymeny_wrap ul.payment_list { gap:50px 30px;   padding: 60px 20px 0; grid-template-columns: repeat(2,1fr);} 
    .paymeny_wrap ul.payment_list li .txt p { font-size:15px; } 
.paymeny_wrap ul.payment_list li .txt p.price { font-size:17px; } 
.paymeny_wrap ul.payment_list li .ico >div p { font-size: 15px; color: #8f8f8f; text-transform: uppercase; } 
.paymeny_wrap ul.payment_list li .ico { padding-top: 45%;}
.paymeny_wrap ul.payment_list li .ico img{  width: 20%;
    max-width: 100%;}
}
@media screen and (max-width:640px) {
    .paymeny_wrap ul.payment_list { gap:30px;   padding: 60px 15px 0; grid-template-columns: 1fr;} 
    .paymeny_wrap ul.payment_list li .ico >div {gap: 15px;}
}

/**개인결제창 상세페이지**/

.payment_view{padding: 60px 0 0;}
.payment_view_top{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.payment_title{font-size: 24px; font-weight: 700;}
.payment_view table{ margin-top: 15px; border-top: 1px solid #2f2f2f; border-bottom: 1px solid #2f2f2f;width: 100%; font-size: 18px; color: #2f2f2f; }
.payment_view table tbody tr{text-align: left;}
.payment_view table tbody tr td:last-child{border-right: none;}
.payment_view table tbody tr th,
.payment_view table tbody tr td{padding: 25px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.payment_view table tbody tr td{ background-color: #f6f6f6;}

.btnbox.payment_view_btn button { padding:0 2em; height:45px; background:#bf1d2d; font-size:1.6rem; color:#fff; cursor:pointer } 

.payment_view table tbody tr .price_check{padding: 30px 25px; border-bottom: none; background-color: #fff;}
.price_check > div{display: flex; gap: 10px; align-items: center; justify-content: end;}
.price_check > div,
.price_check > div span{ font-size: 22px; font-weight: 700;color: #bf1d2d;}


.payment_view .button a{display: inline-block; margin: 0 auto; margin-top: 40px; padding: 5px; width: 270px; height: 55px; background: #c30e23;}
.payment_view .button a .btn-bd{ display: inline-block; margin: auto; padding-top: 13px; border: 1px solid rgba(255, 255, 255, 0.3); width: 100%;height: 100%; font-size: 1.8rem; color: #fff; text-align: center; box-sizing: border-box;}

@media screen and (max-width:780px) {
    .payment_view table colgroup{display: none;}
    .payment_view table tr{display: grid; grid-template-columns: 150px 1fr;}
    .payment_view table tbody tr th,
    .payment_view table tbody tr td{padding: 20px; font-size: 15px;}
    .payment_view table tbody tr td{border-right: none;}
    .payment_view table tbody tr .price_check{grid-column: 1 / -1;}

    .payment_view_top {display: grid; gap: 20px; grid-template-columns: 1fr;}
    .payment_view_top .btnbox.payment_view_btn{ justify-self: end;}
}


/* 개인결제요청 */

#payment_request .img_box{text-align: center;}
#payment_request .img_box img{width: auto; max-width: 80%;}
#payment_request .content_box{display: flex; gap: 80px;flex-direction: column;}
#payment_request .request_info{font-size: 3rem; line-height: 2; text-align: center;}
#payment_request .contact_info{ display: flex; justify-content: center;}
#payment_request .contact_info ul{display: grid; gap: 25px; grid-template-columns: 1fr;}
#payment_request .contact_info ul li{display: flex; gap: 25px; align-items: center; justify-content: flex-start;}
#payment_request .contact_info ul li p{font-size: 2.5rem;}
#payment_request .tablet_hide{display: block;}


@media screen and (max-width:1024px){
    #payment_request .tablet_hide{display: none;}
    
}


/** 2025-07-04 추가 **/
.picnin-wrap { display: grid; gap:3.6rem; grid-template-columns: repeat(3,1fr);}

.picnin-wrap .casual-box {display: flex; gap:1.5rem; flex-direction: column;}
.picnin-wrap .casual-box .casual-img-area { width:100%;}
.picnin-wrap .casual-box .casual-img-area img { width:100%;}
.picnin-wrap .casual-box .casual-text-area {padding:0;width:100%;}
.picnin-wrap .casual-box .casual-text-area .casual-tag-area .tag {padding:0.5em 0.4em;}

@media screen and (max-width:1200px){
   .picnin-wrap {margin-top:3rem;}
}

@media screen and (max-width:640px){
    .picnin-wrap {  grid-template-columns: repeat(1,1fr);}
    .picnin-wrap .casual-box .casual-img-area img { width:calc(100% - 32px);}
}