@CHARSET "utf-8";

/********** 01_BRAND **********/
/* STORY */
.storySrmy {display:table; table-layout:fixed; padding:110px 80px 110px 0; border-bottom:1px solid #e6e6e6;}
.storySrmy p {display:table-cell; vertical-align:middle; font-size:18px; line-height:32px; word-break:keep-all;}
.storySrmy .logo {width:420px; text-align:center;}
/* (vera pizza, m's food 공통사용) */
.introSrmy .thumb {overflow:hidden; margin-top:100px;}
.introSrmy h2 {margin:60px 0 0 40px; font-family:notob; color:#111; font-size:24px; line-height:1em;}
.introSrmy .text {margin:20px 40px 0; font-size:18px; line-height:32px; word-break:keep-all;}
.introduce {padding:180px 0 200px; margin-top:100px;}
.introduce >.wrap {position:relative;}
.introduce h2 {margin-left:40px; text-align:left; line-height:60px;}
.introduce ul {margin-top:-30px; padding:0 50px;}
.introduce li {overflow:hidden; margin-top:80px;}
.introduce li .thumb {float:right; width:62.7%;}
.introduce li .thumb img {max-width:100%;}
.introduce li .content {position:relative; float:right; box-sizing:border-box; width:37.3%; padding:60px 0 60px 60px; margin:100px -100px 0 0; background:#fff;}
.introduce li .tit {font-size:24px; line-height:1em; font-family:notob;}
.introduce li .text {margin-top:40px; font-size:16px; line-height:26px; word-break:keep-all;}
.introduce li .text strong {display:inline-block; font-size:18px; line-height:28px;}
.introduce li .text +.text {margin-top:20px;}
.introduce li:nth-child(2) .thumb {float:left; width:42.7%;}
.introduce li:nth-child(2) .content {float:left; width:41%; margin:80px 0 0 -100px;}
.introduce li:nth-child(3) {margin-top:-80px;}
.introduce li:nth-child(3) .thumb {width:49%;}
.introduce li:nth-child(3) .content {width:41%; margin:240px -100px 0 0;}
/*.chef {position:relative; min-height:640px; padding:140px 0 95px; margin-bottom:-180px;}
.chef .wrap:after {content:""; display:block; clear:both;}
.chef h2 {position:relative; z-index:1; float:right; width:300px; color:#fff; font-size:48px; line-height:60px;}
.chef .list {clear:both; margin-top:40px; float:right; width:300px;}
.chef .list >li:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-position:50% 0; opacity:0; filter:alpha(opacity=0);}
.chef .list >li .head {position:relative; z-index:1; padding:40px; background:#fff;}
.chef .list >li .head:after {content:""; position:absolute; left:20px; bottom:0; right:20px; height:1px; background:#dbdbdb;}
.chef .list >li .head .type {color:#164b71; font-family:notob; font-size:15px; line-height:1em;}
.chef .list >li .head .name {margin-top:20px; color:#b0b0b0; font-size:15px; line-height:1em;}
.chef .list >li .head .name strong {display:block; margin-bottom:15px; color:#444; font-size:22px;}
.chef .list >li .head:last-child:after {display:none;}
.chef .list >li .content {position:absolute; left:50%; bottom:100px; margin-left:-540px; opacity:0; filter:alpha(opacity=0);}
.chef .list >li .content .tit {padding-top:80px; color:#164b71; font-family:notob; font-size:20px; line-height:1em; background:url(/images/common/ico_quotation.png) no-repeat 0 0;}
.chef .list >li .content .message {font-size:15px; color:#fff;}
.chef .list >li .content .message strong {display:inline-block; margin:20px 0 15px; font-size:36px; line-height:1em;}
.chef .list >li .content .message span {opacity:.5;}
.chef .list >li .content .message em { display:inline-block;margin-top:15px;font-size:18px; }
.chef .list >li .content ul {overflow:hidden; margin-top:25px;}
.chef .list >li .content li {padding-left:45px; font-size:18px; line-height:30px; color:#fff;}
.chef .list >li .content li span {display:inline-block; text-indent:-45px;}
.chef .list >li.no1:before {background-image:url(/images/brand/thumb_chef1.jpg);}
.chef .list >li.no2:before {background-image:url(/images/brand/thumb_chef2.jpg);}
.chef .list >li.no3:before {background-image:url(/images/brand/thumb_chef3.jpg);}
.chef .list >li.no2 .message strong,
.chef .list >li.no3 .message strong	{ font-family:'noto'; }
.chef .list >li.on:before {animation:opacity 1s both;}
.chef .list >li.on .content {opacity:1; filter:alpha(opacity=100);}
.chef .list >li.on .head {background:#164b71;}
.chef .list >li.on .head:after {left:-32px; top:50%; right:auto; margin-top:-8px; border:16px solid transparent; border-right-color:#164b71; background:none;}
.chef .list >li.on .head .name {color:#e1bebd;}
.chef .list >li.on .head .type, .chef .list >li.on .head .name strong {color:#fff;}*/
/* pizza */
.pizzaSrmy {display:table; table-layout:fixed; padding:75px 60px 75px 0; border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.pizzaSrmy p {display:table-cell; vertical-align:middle; font-size:18px; line-height:32px; word-break:keep-all;}
.pizzaSrmy p strong {display:inline-block; margin-bottom:10px; font-size:24px; color:#222;}
.pizzaSrmy p em {font-family:notob;}
.pizzaSrmy p em.typeA {color:#018a39;}
.pizzaSrmy .logo {width:420px; text-align:center;}
.rule {padding-bottom:90px; margin-top:80px; margin-bottom:90px; border-bottom:1px solid #e6e6e6;}
.rule ul {padding:0 100px; margin-top:30px; letter-spacing:-1em;}
.rule li {display:inline-block; width:25%; margin-top:60px; letter-spacing:0; vertical-align:top; text-align:center; font-size:18px; line-height:24px; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px);}
.rule li:before {content:""; display:block; width:80px; height:60px; margin:0 auto 10px; background:url(/images/brand/ico_rule.png) no-repeat 0 0;}
.rule li:nth-child(2):before {background-position-x:-80px;}
.rule li:nth-child(3):before {background-position-x:-160px;}
.rule li:nth-child(4):before {background-position-x:-240px;}
.rule li:nth-child(5):before {background-position-x:-320px;}
.rule li:nth-child(6):before {background-position-x:-400px;}
.rule li:nth-child(7):before {background-position-x:-480px;}
.rule li:nth-child(8):before {background-position-x:-560px;}
.certify {padding:170px 40px 180px; margin:200px 0 -180px;}
.certify h2 {text-align:left; line-height:60px;}
.certify h2 strong {display:block;}
.certify .wrap .list {margin-top:-120px; letter-spacing:-1em;}
.certify .wrap .list >li {display:inline-block; box-sizing:border-box; width:50%; padding:0 30px; letter-spacing:0; vertical-align:bottom;}
.certify .wrap .list >li .wrap {padding:70px 50px 50px; text-align:center; background:#fff;}
.certify .wrap .list >li h3 {margin-top:80px; font-size:24px; line-height:32px;}
.certify .wrap .list >li .text {padding-bottom:50px; margin:20px 0 50px; border-bottom:1px solid #e6e6e6; line-height:26px; word-break:keep-all;}
.certify .wrap .list >li .detail p {margin-top:20px; font-size:18px; line-height:28px; color:#164b71; word-break:keep-all;}
.certify .wrap .list >li .detail h4 {position:relative; display:inline-block; padding:0 15px 6px; font-size:18px; line-height:1em; color:#095c0a;}
.certify .wrap .list >li .detail h4:before {content:""; position:absolute; left:0; bottom:0; right:0; height:15px; background:#e5f2e5;}
.certify .wrap .list >li .detail .caution li {padding-left:10px; margin-top:15px; text-align:left; font-size:16px; line-height:25px; color:#777; background:url(/images/common/blt3.png) no-repeat 0 11px;}
/* italiana */
.italiana	{ display:table;width:100%;padding:60px;background:#f7f7f7;table-layout:fixed;box-sizing:border-box; }
.italiana .thumb	{ display:table-cell;width:33%;vertical-align:top; }
.italiana .cont	{ display:table-cell;width:67%;vertical-align:top }
.italiana .cont h2	{ margin-bottom:50px;font-size:48px;line-height:60px;color:#222; }
.italiana .cont h2>b	{ display:block; }
.italiana .cont h2>em	{ display:block;font-size:20px;line-height:1em; }
.italianaSrmy h2{ margin:60px 0 25px 40px; color:#111; font-size:20px; line-height:1em; }
.italianaSrmy ul	{ display:table;width:100%;table-layout:fixed; }
.italianaSrmy ul li	{ display:table-cell;width:50%;padding-left:40px;vertical-align:top;box-sizing:border-box; }
.italianaSrmy ul li p	{ position:relative;padding-left:10px; }
.italianaSrmy ul li p:before	{ display:inline-block;content:'-';position:absolute;left:0;top:-2px; }
/* award */
.award	{ padding:100px 0 95px; }
.award .head	{ position:relative;padding-bottom:100px; }
.award h2	{ position:absolute;left:50%;bottom:0;z-index:2;width:85%;margin:0 -42%;padding:40px 0 60px;font-size:28px;color:#222;line-height:42px;text-align:center;background:#fff; }
.award h2 span	{ display:block;width:200px;margin:0 auto 25px;font-size:20px;line-height:1em;letter-spacing:1px;overflow:hidden; }
.award h2 em	{ display:block;margin-top:25px;font-size:16px;line-height:1em;color:#777; }
.award h2 em>b	{ font-weight:normal;font-family:'noto'; }
.award .text	{ margin-top:60px;font-size:18px;line-height:32px; }
.award p.link	{ display:inline-block;margin-top:45px;font-size:16px;color:#777; }
.award p.link:before	{ display:inline-block;content:'·';padding-right:5px;color:#453d36; }
.award p.link>a	{ color:#777 !important;text-decoration:underline; }

.awardSrmy	{}
.awardSrmy ul	{}
.awardSrmy ul li	{ display:table;width:100%;padding:100px 0;border-top:1px solid #e2e6e0;table-layout:fixed; }
.awardSrmy ul li:first-child	{ border-top:none; }
.awardSrmy ul li .logo	{ display:table-cell;width:28%;vertical-align:top;text-align:center; }
.awardSrmy ul li .content	{ display:table-cell;width:72%;padding-left:60px;vertical-align:top;box-sizing:border-box; }
.awardSrmy ul li .content p.tit	{ font-size:48px;color:#222;line-height:60px; }
.awardSrmy ul li .content p.tit>b	{ display:block; }
.awardSrmy ul li .content p.txt	{ margin:50px 0;font-family:notob; font-size:24px; color:#222; line-height:1.2em; }
.awardSrmy ul li .content p.link	{ display:inline-block;margin-top:45px;font-size:16px;color:#777; }
.awardSrmy ul li .content p.link:before	{ display:inline-block;content:'·';padding-right:5px;color:#453d36; }
.awardSrmy ul li .content p.link>a	{ color:#777 !important;text-decoration:underline; }
.awardSrmy ul li .content p	{ font-size:18px;line-height:32px; }


/* media */
.media	{ margin-bottom:200px; }
.media .wrap	{ display:table;width:100%;margin-top:100px;table-layout:fixed; }
.media .wrap h2	{ display:table-cell;width:30%;font-size:48px;color:#222;line-height:60px;vertical-align:top; }
.media .wrap h2 span>b	{ display:block; }
.media .wrap p	{ display:table-cell;width:70%;font-size:18px;vertical-align:top; }
.media .wrap p span	{ display:block;margin-top:40px;font-size:16px;line-height:24px;color:#777; }
.media .wrap p span:before	{ display:inline-block;content:'*';padding-right:5px;line-height:24px; }
.media .wrap p span>a	{ color:#777;text-decoration:underline; }
.mediaSrmy	{ overflow:hidden; margin-bottom:-180px;padding:150px 0; }
.mediaSrmy h2	{ font-size:38px;line-height:50px;color:#222;text-align:center; }
.mediaSrmy ul	{ margin:70px -13px 0; }
.mediaSrmy ul:after	{ display:block;content:'';clear:both; }
.mediaSrmy ul li	{ position:relative;float:left;width:25%;padding:0 13px;text-align:center;box-sizing:border-box; }
.mediaSrmy ul li>span	{ display:block;padding:45px 0;text-align:center;background:#fff; }
.mediaSrmy ul li>span>span	{ display:block;min-height:190px; }
.mediaSrmy ul li>span:before	{ display:block;content:url(/images/common/ico_quotation4.png);width:100%;height:100%;padding:0 0 60px; }


/********** 02_menu **********/
.menuList {overflow:hidden; margin-bottom:-180px; border-top:3px solid #164b71;}
.menuList li {position:relative; float:left; width:50%;}
.menuList li:after {content:""; position:absolute; left:50%; top:50%; margin-top:-14px; z-index:1; border:14px solid transparent; border-left-color:#fff;}
.menuList li .thumb {position:relative; float:right; width:50%; height: 24.7788vw; overflow:hidden;}
.menuList li .thumb >img {width:100%;}
.menuList li .ico {position:absolute; right:15px; top:15px;}
.menuList li .ico img {margin-left:4px;}
.menuList li .content {position:absolute; left:0; top:50%; float:left; width:50%; text-align:center;}
.menuList li .content >* { opacity:0; filter:alpha(opacity=0);}
.menuList li .cate {position:relative; padding-bottom:20px; font-family:notob; color:#164b71; line-height:1em;}
.menuList li .cate:after {content:""; position:absolute; left:50%; bottom:0; width:40px; height:3px; margin-left:-20px; background:#164b71;}
.menuList li .tit {margin:4% 0; font-family:serif; font-size:36px; line-height:1.2em; color:#222; word-break:keep-all;}
.menuList li .txt {min-height:56px; margin:0 20%; font-size:18px; line-height:28px; color:#444; word-break:keep-all;}
.menuList li .tag {margin-top:8%; font-size:14px; line-height:24px; font-style:italic;}
.menuList li .tag span {display:block; color:#ccc;}
.menuList li .tag span.on {color:#164b71;}
.menuList li:nth-child(4n+3):after, .menuList li:nth-child(4n+4):after {margin-left:-28px; border-left-color:transparent; border-right-color:#fff;}
.menuList li:nth-child(4n+3) .content, .menuList li:nth-child(4n+4) .content {left:auto; right:0; float:right;}
.menuList li:nth-child(4n+3) .thumb, .menuList li:nth-child(4n+4) .thumb {float:left;}


/********** 03_restaurant **********/
.storeVisual {position:relative;}
.storeVisual .slideCont {overflow:hidden;}
.storeVisual .page {position:absolute; right:17px; bottom:17px; z-index:10; line-height:1em; color:#fff;}
.storeVisual .page strong {font-size:26px; color:#164b71;}
.storeVisual .prev {position:absolute; left:-65px; top:50%; margin-top:-38px;}
.storeVisual .next {position:absolute; right:-65px; top:50%; margin-top:-38px;}
.storeIntro {position:relative;min-height:340px;padding-left:35%; margin-top:100px;}
.storeIntro .head {position:absolute; left:0; top:0; padding-left:40px;}
.storeIntro .head h2 {margin-bottom:90px; font-size:48px; line-height:60px; color:#222;}
.storeIntro .head h2 strong {display:block;}
.storeIntro .head .icoMenu {font-style:italic; font-family:noto;}
.storeIntro .head .icoMenu:before {content:""; display:inline-block; width:18px; height:22px; margin:-4px 12px 0 0; vertical-align:middle; background:url(/images/common/ico_menu2.png) no-repeat 0 0;}
.storeIntro .head .icoCourse {display:block;width:250px;margin-top:10px;font-style:italic; font-family:noto;}
.storeIntro .head .icoCourse:before {content:""; display:inline-block; width:17px; height:25px; margin:-4px 12px 0 0; vertical-align:middle; background:url(/images/common/ico_menu.png) no-repeat 0 0;}
.storeIntro .srmy {font-size:18px; line-height:32px; word-break:keep-all;}
.storeIntro .info {overflow:hidden; margin-top:50px;}
.storeIntro .info .fl {width:60%;}
.storeIntro .info .fr {width:40%;}
.storeIntro .info h3 {margin-bottom:20px; font-family:notob; font-size:24px; color:#222; line-height:1em;}
.storeIntro .info dl {position:relative;}
.storeIntro .info dt {position:absolute; left:0; line-height:28px;}
.storeIntro .info dd {line-height:28px; color:#777; word-break:keep-all;}
.storeIntro .info p {line-height:28px; color:#777; word-break:keep-all;}
.mark	{ margin-top:110px;border-bottom:1px solid #e2e6e0; }
.mark ul	{ padding:0 25px; }
.mark li	{ display:inline-block;width:20%;height:130px;margin:0 -4px;box-sizing:border-box;overflow:hidden;text-align:center; }
.mark li>img	{ margin-top:0; }
.mark li.on>img	{ margin-top:-130px; }
.service {position:relative; display:table; padding-top:130px;table-layout:fixed;}
.service .thumb {width:100%;}
.service .content { padding:60px 40px 0; }
.service .content h2 {margin-bottom:20px; font-size:24px;font-weight:bold; color:#222;}
.service .content h2 strong {display:block;}
.service .content p {font-size:18px; line-height:32px; word-break:keep-all;}
.delivery	{ display:table;width:100%;margin-top:105px;padding-top:130px;border-top:1px solid #e2e6e0;table-layout:fixed; }
.delivery .thumb	{ display:table-cell;width:50%;text-align:center; }
.delivery .content	{ display:table-cell;width:50%;padding-left:60px;vertical-align:top }
.delivery .content h2	{margin-bottom:20px; font-size:24px;font-weight:bold; color:#222;}
.delivery .content p	{ margin-bottom:30px; font-size:18px; line-height:32px; word-break:keep-all;}
.delivery .content .dvIcon li	{display:inline-block; width:95px; height:93px;}
.delivery .content .dvIcon .icon1{background:url(/images/common/mark_baemin.png) no-repeat 26% bottom;}
.delivery .content .dvIcon .icon2{background:url(/images/common/mark_coupang.png) no-repeat 26% bottom;}
.delivery .content .btn	{ display:inline-block;min-width:250px; height:60px;line-height:60px;border:1px solid #ccc;background:url(/images/common/ico_food.gif) no-repeat 50%; }
.delivery .content .btn>b	{ opacity:0; }
.delivery .content .btn:after {content:""; display:inline-block; width:34px; height:13px; margin:-4px 0 0 120px; vertical-align:middle; background:url(/images/common/ico_go3.png) no-repeat 100% 50%;}
.delivery .content .btn:hover:after, .membership .head .btn:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}
.location {margin-top:115px; margin-bottom:-180px;}
.location .wrap {overflow:hidden; padding:70px 0;}
.location h2 {float:left; width:27%; padding-left:40px; box-sizing:border-box; font-size:48px; line-height:60px; color:#222;}
.location h2 strong {display:block;}
.location ul {float:left; display:table; width:73%; table-layout:fixed;}
.location li {display:table-cell; padding:20px 20px 20px 40px; border-left:1px solid #e1e1e1; vertical-align:top;}
.location li h3 {margin-bottom:20px; font-family:notob; font-size:24px; line-height:1em; color:#222;}
.location li p {line-height:28px; word-break:keep-all;}
.location li p span.tit {display:inline-block; padding:0 5px; margin:-2px 4px 0 0; border:1px solid #cd353a; border-radius:1px; font-size:12px; line-height:19px; vertical-align:middle; color:#c9161e;}
.location .map {position:relative; height:450px;}


/********** 04_SNS **********/
.bestArea h1.typeA	{ padding:150px 0 30px; border-bottom:0; font-size:48px; line-height:60px; }
.bestArea .srmy	{ margin-bottom:65px; text-align:center; font-size:18px; line-height:28px; }
.bestArea .oh	{ position:relative; display:table; width:100%; padding:15px 0 20px; table-layout:fixed; }
.bestArea .oh>strong	{ display:block;padding-right:24px;font-size:24px; line-height:44px;color:#222;text-align:right; }
.bestArea .oh .tag {display:table-cell;width:74%; box-sizing:border-box; padding:0 50px 0 0; text-align:left; vertical-align:middle;}
.bestArea .oh .tag li	{ display:inline-block; padding:0 12px; margin:5px 0 5px 6px; border:1px solid #164b71; font-family:notob; font-style:italic; font-size:15px; line-height:36px; color:#164b71; }

.bestList	{ margin:45px 40px 0;*zoom:1; }
.bestList:after	{ content:""; display:block; clear:both; }
.bestList li	{ float:left;width:50%;padding:0 30px;box-sizing:border-box; }
.bestList li .thumb	{ position:relative; }
.bestList li strong,
.bestList li span	{ display:block; }
.bestList li strong	{ margin-top:15px;font-size:24px;line-height:44px; }
.bestList li .tag	{ font-style:italic;font-size:18px;line-height:24px; }
.bestList li .date	{ margin-top:20px; color:#b0b0b0; line-height:1em; }
.bestList li .bestIco	{ position:absolute;left:0;top:0;display:block;width:107px;height:107px;color:#fff;text-align:center;background:#164b71; }
.bestList li .bestIco:before	{ content:url(/images/common/ico_like.png);display:block;padding-top:20px;text-align:center; }
.bestList li .like	{ display:block;position:absolute;left:0;top:50%;width:100%;height:100%;margin-top:-13px;text-align:center;opacity:0; }
.bestList li .like>b	{ display:inline-block;margin:0 20px;color:#fff;vertical-align:middle; }
.bestList li .like>b.loveit:before	{ content:url(/images/common/ico_loveit.png);display:inline-block;margin-right:7px;vertical-align:middle; }
.bestList li .like>b.comment:before	{ content:url(/images/common/ico_comment.png);display:inline-block;margin-right:7px;vertical-align:middle; }
.bestList li:hover .thumb:before	{ content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:5px solid #164b71;background:url(/images/common/block.png) repeat;box-sizing:border-box; }
.bestList li:hover .like	{ opacity:1;-webkit-animation:opacity 2.0s both; -moz-animation:opacity 2.0s both; -o-animation:opacity 2.0s both; animation:opacity 2.0s both; }
.bestList li.none	{ clear:both;width:100%;text-align:center; }

.bestCont	{ margin-top:100px;margin-bottom:-180px;padding-top:150px; }
.bestCont h2	{ font-size:38px;line-height:50px;color:#222;text-align:center; }
.bestCont .bestList	{ margin:0 -12px 0; }
.bestCont .bestList li	{ width:25%;min-height:700px;margin-top:45px;padding:0 12px; }
.bestCont .bestList li .thumb	{ height:280px;overflow:hidden; }
.bestCont .bestList li:hover .thumb:before	{ border:none;background:none; }
.bestCont .bestList li strong	{ font-size:18px; }
.bestCont .bestList li .tag	{ font-size:16px; }
.bestCont .bestList li .bestIco	{ width:90px;height:90px;font-size:14px; }
.bestCont .bestList li .bestIco:before	{ padding-top:25px; }
.bestCont .paging	{ margin:0;padding:80px 0; }

.snsArea h1.typeA {padding:150px 0 30px; border-bottom:0; font-size:48px; line-height:60px;}
.snsArea .srmy {margin-bottom:60px; text-align:center; font-size:18px; line-height:28px;}
.snsArea .oh {position:relative; display:table; width:100%; padding:15px 0 20px; table-layout:fixed;}
.snsArea .oh:before {content:""; position:absolute; left:50%; top:0; bottom:0; border-left:1px dashed #dadada;}
.snsArea .tag {display:table-cell; box-sizing:border-box; width:50%; padding:0 50px 0 240px; text-align:right; vertical-align:middle;}
.snsArea .tag li {display:inline-block; padding:0 12px; margin:5px 0 5px 6px; border:1px solid #164b71; font-family:notob; font-style:italic; font-size:15px; line-height:36px; color:#164b71;}
.snsArea .info {display:table-cell; width:50%; box-sizing:border-box; width:50%; padding:0 210px 0 50px; vertical-align:middle;}
.snsArea .info dl {position:relative;}
.snsArea .info dt {position:absolute; left:0; padding-left:10px; font-family:notob; font-size:18px; line-height:34px; background:url(/images/common/blt3.png) no-repeat 0 14px;}
.snsArea .info dd {padding-left:110px; font-size:18px; line-height:34px;}
.snsArea .info .text {margin:20px 0 0 10px; line-height:26px; color:#b0b0b0; word-break:keep-all;}
.snsArea .thumb {margin:-160px -100px 0;}
.snsStep {margin-bottom:80px; background:#164b71;}
.snsStep .wrap {overflow:hidden;}
.snsStep .head {float:left; box-sizing:border-box; width:40%; padding:60px 0 0 40px;}
.snsStep .head h2 {font-size:48px; line-height:60px; color:#fff;}
.snsStep .head h2 strong {display:block;}
.snsStep .head .text {margin-top:25px; font-size:18px; line-height:32px; color:#fbc2be; word-break:keep-all;}
.snsStep .head .text strong {color:#fff;}
.snsStep .head .text span	{ display:block;font-size:16px;vertical-align:middle; }
.snsStep .head .text span.instagram	{ margin-top:15px; }
.snsStep .head .text span.instagram:before	{ display:inline-block;content:url(/images/common/ico_insta.png);padding-right:10px;vertical-align:middle; }
.snsStep .head .text span.facebook:before	{ display:inline-block;content:url(/images/common/ico_facebook.png);padding-right:10px;vertical-align:middle; }
.snsStep ol {float:right; display:table; width:60%; table-layout:fixed;}
.snsStep li {display:table-cell; box-sizing:border-box; padding:100px 50px 90px; text-align:center; font-family:notob; line-height:26px; color:#fff; word-break:keep-all;}
.snsStep li strong {display:block; margin-bottom:50px;}
.snsStep li:nth-child(2n+1) {background:#0d3b5c;}


/********** 05_BBS **********/
/* news&event */
.thumbList {margin:-50px -22px 0;}
.thumbList:after {content:""; display:block; clear:both;}
.thumbList li {float:left; width:33.3%; padding:0 22px; margin-top:140px; box-sizing:border-box;}
.thumbList li a,.thumbList li .wrap {display:block; padding:0 19px 50px; border:1px solid #ccc; text-align:center;}
.thumbList li .thumb {position:relative; top:-90px; height:210px; margin-bottom:-90px;}
.thumbList li .cate {position:relative; padding-bottom:20px; margin-top:50px; font-size:15px; line-height:1em; color:#164b71;}
.thumbList li .cate:after {content:""; position:absolute; left:50%; bottom:0; width:40px; height:3px; margin-left:-20px; background:#164b71;}
.thumbList li .tit {overflow:hidden; height:68px; margin-top:25px; font-family:notob; font-size:24px; line-height:34px; word-break:keep-all;}
.thumbList li .date {margin-top:20px; color:#b0b0b0; line-height:1em;}
.noEvent {display:inline-block; overflow:hidden; width:205px; height:98px; text-indent:100%; white-space:nowrap; background:url(/images/common/no_event.png) no-repeat 0 0;}


/********** 06_qna **********/
/* qna */
.qnaCaution {display:table; width:100%; margin:50px 0; table-layout:fixed;}
.qnaCaution h2 {display:table-cell; width:33%; text-align:right; padding-right:65px; vertical-align:middle;}
.qnaCaution .caution {display:table-cell; vertical-align:middle;}
.agreeArea {overflow:hidden;}
.agreeArea .textArea {overflow-y:auto; height:140px; padding:30px 40px; margin-bottom:25px; border:1px solid #ccc;}
.agreeArea .textArea table	{ width:100%;table-layout:fixed; }
.agreeArea .textArea table th	{ padding-left:0;text-align:center; }
.agreeArea .textArea table td	{ text-align:center; }
.agreeArea .textArea .agree	{ margin-top:0; }
.agreeArea .chk {text-align:right; font-size:16px; line-height:30px;}
.agreeArea .chk .text {margin-right:20px; font-weight:bold; font-family:notob;}
.qnaHead {margin-top:105px; text-align:right;}
.qnaHead:after {content:""; display:block; clear:both;}
.qnaHead h2 {float:left; margin-top:-5px;}
.qnaFoot {margin-top:20px; text-align:right; color:#777;}
/* 나의상담내역 */
.myQnaSrmy {padding:70px 0; border-bottom:1px solid #e6e6e6; text-align:center; font-size:18px; line-height:1em;}
.qnaList {margin-top:-1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.qnaList li {border-top:1px solid #e6e6e6;}
.qnaList li:first-child {border-top-width:0;}
.qnaList li .head {padding-right:70px;}
.qnaList li .icoFold:before {right:23px; background:#ccc;}
.qnaList li .icoFold:after {right:30px; background:#ccc;}
.qnaList li .head a {display:table; width:100%; padding:20px 0; table-layout:fixed;}
.qnaList li .head p {display:table-cell; text-align:center; color:#777; line-height:1em;}
.qnaList li .head .num {width:7%;}
.qnaList li .head .date {width:18%;}
.qnaList li .head h2 {display:table-cell; width:68%; padding-left:40px; font-size:18px; line-height:1.4em;}
.qnaList li .content {display:none; padding:0 40px 30px; border-top:1px solid #e6e6e6; background:#f9f9f9;}
.qnaList li .content .cate {padding:18px 25px; border-bottom:1px solid #e6e6e6; text-align:right;}
.qnaList li .content .cate p {display:inline-block; color:#777; line-height:1em;}
.qnaList li .content .cate p.store {padding-right:10px; margin-right:6px; border-right:1px solid #ccc; color:#164b71;}
.qnaList li .content .question {position:relative; padding-left:25px; margin-top:30px; font-size:18px; line-height:1.4em;}
.qnaList li .content .question em {position:absolute; left:0; top:0; color:#164b71;}
.qnaList li .content .answer {padding:30px; margin-top:80px; background:#fff;}
.qnaList li .content .answer h3 {margin-bottom:10px; font-family:notor; font-size:18px;}
.qnaList li .content .answer .pr {padding-left:25px; font-size:18px; line-height:1.4em;}
.qnaList li .content .answer .pr em {position:absolute; left:0; top:0; color:#164b71;}


/********** 07_COMPANY **********/
/* m'sfood */
.companySrmy {position:relative; padding:170px 0 0 40px;}
.companySrmy h1 {position:absolute; right:2%; top:220px; z-index:-1; opacity:.1; filter:alpha(opacity=10); -webkit-animation:opacity 2.0s both; -moz-animation:opacity 2.0s both; -o-animation:opacity 2.0s both; animation:opacity 2.0s both;}
.companySrmy h1:before {content:""; position:absolute; right:-50%; top:-100px; z-index:-1; width:310px; height:310px; border-radius:310px; background:#f9f9f9; -webkit-animation:circle 1.2s both; -moz-animation:circle 1.2s both; -o-animation:circle 1.2s both; animation:circle 1.2s both;}
.companySrmy .srmy {font-size:48px; line-height:60px; color:#222;}
.companySrmy .text {width:55%; margin-top:50px; font-size:18px; line-height:32px; word-break:keep-all;}
.companySrmy ul {display:table; width:100%; margin-top:90px; table-layout:fixed;}
.companySrmy li {display:table-cell; padding:30px 0; vertiacl-align:top; text-align:center; font-size:18px; line-height:28px;}
.companySrmy li:before {content:""; display:block; width:80px; height:80px; margin:0 auto 10px; background:url(/images/company/ico_company.png) no-repeat 0 0;}
.companySrmy li:nth-child(2):before {background-position-x:-80px;}
.companySrmy li:nth-child(3):before {background-position-x:-160px;}
.companySrmy li strong {display:inline-block; margin-bottom:20px; font-size:24px; color:#222;}
.companySrmy li +li {border-left:1px solid #e6e6e6;}
/* maeildo */
.membership {position:relative; overflow:hidden; padding:100px 40px 150px;background:url(/images/company/thumb_maeildo.png) no-repeat 100% 60px;}
.membership:before {content:""; position:absolute; right:0%; bottom:100px; z-index:-1; width:250px; height:250px; border-radius:250px; background:#f9f9f9; -webkit-animation:circle2 1.2s both .6s; -moz-animation:circle2 1.2s both .6s; -o-animation:circle2 1.2s both .6s; animation:circle2 1.2s both .6s;}
.membership .head {float:left; box-sizing:border-box; width:25%;}
.membership .head h2 {line-height:60px; text-align:left;}
.membership .head h2 strong {display:block;}
.membership .head .text {margin-top:40px; font-size:18px; line-height:32px; word-break:keep-all;}
.membership .head .btn {display:inline-block; width:233px; height:58px; padding-left:15px; margin-top:30px; border:1px solid #ccc; line-height:58px; text-align:center;}
.membership .head .btn img {margin-top:-4px; vertical-align:middle;}
.membership .head .btn:after {content:""; display:inline-block; width:34px; height:13px; margin:-4px 0 0 17px; vertical-align:middle; background:url(/images/common/ico_go3.png) no-repeat 100% 50%;}
.membership .head .btn:hover:after, .membership .head .btn:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}
.membership .thumb {float:right;}
.pointUse {padding:160px 0 120px;}
.pointUse ul {overflow:hidden; margin-top:80px;}
.pointUse li {float:left; width:20%; text-align:center; font-size:18px; line-height:28px;}
.pointUse li strong {display:inline-block; margin-bottom:20px; font-size:24px; color:#222;}
.pointUse li:before {content:""; display:block; width:70px; height:70px; margin:0 auto 10px; background:url(/images/company/ico_point.png) no-repeat 0 0;}
.pointUse li:nth-child(2):before {background-position-x:-70px;}
.pointUse li:nth-child(3):before {background-position-x:-140px;}
.pointUse li:nth-child(4):before {background-position-x:-210px;}
.pointUse li:nth-child(5):before {background-position-x:-280px;}
.partner {padding-top:160px;}
.partner .list {overflow:hidden; margin:50px -15px 0;}
.partner .list li {float:left; box-sizing:border-box; width:25%; margin-top:30px; padding:0 15px;}
.partner .list li .wrap {padding-bottom:50px; border:1px solid #ccc; text-align:center; font-family:notob; font-size:18px;}
.partner .list li .wrap .thumb {height:200px; line-height:200px;}
.partner .list li .wrap .thumb img {vertical-align:middle;}
/* gift */
.gift	{ padding:100px 0 130px; }
.giftSrmy {position:relative; overflow:hidden; padding:0 40px;}
.giftSrmy .head {float:left; box-sizing:border-box; width:25%;}
.giftSrmy .head h2 {line-height:60px; text-align:left;}
.giftSrmy .head h2 strong {display:block;}
.giftSrmy .head .text {margin-top:40px; font-size:18px; line-height:32px; word-break:keep-all;}
.giftSrmy .thumb {float:right; margin-right:20px;}
.giftInfo {overflow:hidden; display:table; width:100%; table-layout:fixed; padding:50px 0;background:#fff; }
.giftInfo h2 {position:absolute; left:70px; top:30px; width:70px; text-align:center; font-family:notob; font-size:24px; line-height:1em; color:#222;}
.giftInfo h2:before {content:""; display:block; width:60px; height:60px; margin:0 auto 10px; background:url(/images/company/ico_gift.png) no-repeat 0 0;}
.giftInfo .benefit h2:before {background-position-x:-60px;}
.giftInfo .shop, .giftInfo .benefit {position:relative; display:table-cell; vertical-align:middle; padding:20px 70px 20px 170px;}
.giftInfo .shop li {font-size:18px; line-height:28px;}
.giftInfo .shop li +li {margin-top:20px;}
.giftInfo .benefit:before {content:""; position:absolute; left:0; top:10px; bottom:10px; width:1px; background:#dfdfdf;}
.giftInfo .benefit .text {font-size:18px; line-height:28px;}
.giftInfo .benefit .text2 {margin-top:20px; line-height:26px; color:#777;}
.giftUse {padding-top:160px;}
.giftUse .list {width:100%; margin:80px auto 0;}
.giftUse .list >li {position:relative;display:table;box-sizing:border-box; width:100%; padding:25px 0;margin-top:30px;table-layout:fixed; }
.giftUse .list >li:before {content:""; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ccc;}
.giftUse .list >li:first-child	{ margin-top:0; }
.giftUse .list >li .fl	{ float:none !important;display:table-cell;width:26%;vertical-align:middle; }
.giftUse .list >li .logo {text-align:center;}
.giftUse .list >li h3 {margin-top:40px;text-align:center; font-size:24px; line-height:32px; color:#222;}
.giftUse .list >li ul { display:table-cell;width:74%;padding:0 30px 50px; border-left:1px dashed #dadada;box-sizing:border-box;vertical-align:middle; }
.giftUse .list >li li { display:inline-block;width:50%;margin:50px -2px 0;vertical-align:top; }
.giftUse .list >li li p {overflow:hidden; padding-left:10px; line-height:28px;}
.giftUse .list >li li p em {float:left; width:60%;}
.giftUse .list >li li p span {float:left; width:40%;}
.giftUse .list >li li p span a {color:#777;}
.giftUse .list >li li .tit {margin-bottom:2px; font-size:18px; font-family:notob; background:url(/images/common/blt3.png) no-repeat 0 12px;}
.giftUse .list >li .sushihyo li	{ width:100%; }
.giftUse .list >li .sushihyo li p em	{ width:30%; }
/* partnership */
.partnershipCard	{}
.partnershipCard .list	{ width:100%;margin:0 auto; }
.partnershipCard .list >li	{ display:table;width:100%;padding:100px 0;border-top:1px solid #e2e6e0;table-layout:fixed; }
.partnershipCard .list >li .thumb	{ display:table-cell;width:31%;text-align:center; }
.partnershipCard .list >li ul	{ display:table-cell;width:69%;vertical-align:top; }
.partnershipCard .list >li li	{ margin:0 130px 0 70px; }
.partnershipCard .list >li li p {overflow:hidden; padding-left:10px; line-height:28px;}
.partnershipCard .list >li li p em {float:left; width:20%;font-family:notob; }
.partnershipCard .list >li li p span { float:right;position:relative;width:80%;padding-left:10px;box-sizing:border-box; }
.partnershipCard .list >li li p span:before { display:inline-block;content:'-';position:absolute;left:0;top:-2px; }
.partnershipCard .list >li li .tit {margin-bottom:35px; font-size:30px;}
/* recruit */
.recruitSrmy {padding:120px 0 100px; text-align:center; font-size:48px; line-height:60px; color:#222; background:#fff;}
.recruitSrmy strong {display:block;}
.recruitSrmy strong:after {content:""; position:relative; bottom:-20px; display:inline-block; width:57px; height:48px; vertical-align:bottom; background:url(/images/common/ico_quotation3.png) no-repeat 100% 100%;}
.recruitStep {padding:100px 0;}
.recruitStep ol {display:table; width:100%; margin:0 -13px; table-layout:fixed;}
.recruitStep li {position:relative; display:table-cell; padding:0 13px; vertiacl-align:top;}
.recruitStep li .wrap {border-radius:100%; text-align:center; background:#fff;}
.recruitStep li .wrap em {display:none;}
.recruitStep li .wrap p {padding-top:15%; line-height:24px; word-break:keep-all;}
.recruitStep li .wrap p:before {content:""; display:block; width:80px; height:80px; margin:0 auto 10px; background:url(/images/company/ico_recruit.png) no-repeat 0 0;}
.recruitStep li:nth-child(2) .wrap p:before {background-position-x:-80px;}
.recruitStep li:nth-child(3) .wrap p:before {background-position-x:-160px;}
.recruitStep li:nth-child(4) .wrap p:before {background-position-x:-240px;}
.recruitStep li .wrap p strong {display:inline-block; margin-bottom:10px; font-size:1.3rem; color:#222;}
.recruitDetail {overflow:hidden; margin:100px auto 0;}
.recruitDetail h2.typeB {margin-bottom:70px; font-size:38px; font-weight:bold; font-family:notoB;}
.recruitDetail li {position:relative; display:inline-block; box-sizing:border-box; width:25%; padding:0 50px 0 80px; margin:0 -4px 70px 0; vertical-align:top; font-size:18px; line-height:28px; word-break:keep-all;}
.recruitDetail li:before {content:""; position:absolute; left:25px; top:0; width:40px; height:35px; background:url(/images/company/ico_recruit.png) no-repeat 0 -80px;}
.recruitDetail li:nth-child(2):before {background-position-x:-40px;}
.recruitDetail li:nth-child(3):before {background-position-x:-80px;}
.recruitDetail li:nth-child(4):before {background-position-x:-120px;}
.recruitDetail li:nth-child(5):before {background-position-x:-160px;}
.recruitDetail li:nth-child(6):before {background-position-x:-200px;}
.recruitDetail li:nth-child(7):before {background-position-x:-240px;}
.recruitDetail li:nth-child(8):before {background-position-x:-280px;}
.recruitDetail li:nth-child(9):before {background-position-x:-320px;}
.recruitDetail li:nth-child(10):before {background-position-x:-360px;}
.recruitDetail li:nth-child(11):before {background-position-x:-400px;}
.recruitDetail li:nth-child(12):before {background-position-x:-440px;}
.recruitDetail li strong {display:block; margin-bottom:15px; font-size:23px; line-height:1em; color:#222;}


/********** 00_MAIN **********/
.main {background:none;}
.main #header {position:fixed;_position:absolute;top:0;_top:expression(eval(document.body.scrollTop)); }
.main #container {padding-bottom:0; background:none;}
.visual {position:fixed; left:0; right:0; top:0; z-index:0;margin:0 auto;-webkit-transform: translateZ(0);_position:absolute; _top:expression(eval(document.body.scrollTop)); }
.visual .slideCont {position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;}
.visual .slideCont li {position:absolute; left:0; top:0; right:0; bottom:0;}
.visual .slideCont li video, .visual .slideCont li img {width:100%;}
.visual .slideCont li .cont {position:absolute; left:0; top:35%; right:0;}
.visual .slideCont li .tit {text-align:center; color:#fff; font-size:60px; line-height:1em; word-break:keep-all;}
.visual .slideCont li .text {margin-top:40px; text-align:center; color:#fff; font-size:22px; line-height:36px; word-break:keep-all;}
.visual .nav {position:absolute; left:0; right:0; top:60%; z-index:20; opacity:1; text-align:center; letter-spacing:-1em;}
.visual .nav li {display:inline-block; overflow:hidden; width:60px; height:4px; letter-spacing:0;}
.visual .nav li a {display:block; height:2px; margin-top:2px; background:#a08f86; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.visual .nav li.on a {height:4px; margin-top:0; background:#164b71;}
.visual .arrow {position:absolute; left:50%; bottom:36px; z-index:10; margin-left:-27px; animation:arrowAni 2.0s ease-in-out reverse; -webkit-animation:arrowAni 2.0s ease-in-out reverse; -moz-animation:arrowAni 2.0s ease-in-out reverse; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite;
	-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; 
}
.visual .bg {display:none;position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; background:#000; opacity:0; filter:alpha(opacity=0);}
.menu {margin-top:-76px;}
.menu h2 {height:70px; text-align:center; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.menu h2 a {position:relative; display:inline-block; padding:0 125px;}
.menu h2 a:after {content:""; position:absolute; right:80px; top:50%; width:34px; height:13px; margin-top:-7px; background:url(/images/common/ico_go4.png) no-repeat 100% 50%;}
.menu h2 a:hover:after, .menu h2 a:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}
.menu ul {overflow:hidden; border-top:6px solid #164b71; background:#fff;}
.menu li {position:relative; overflow:hidden; float:left; width:25%;}
.menu li .thumb {overflow:hidden;}
.menu li .thumb img {-webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
.menu li .thumb video {width:100%; vertical-align:top;}
.menu li .thumb:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#000; opacity:.2; filter:alpha(opacity=20); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.menu li a:hover .thumb:before, .menu li a:focus .thumb:before {opacity:.4; filter:alpha(opacity=60);}
.menu li a:hover .thumb img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.menu li .cont {position:absolute; left:10%; bottom:16%; z-index:2;padding-right:10%; overflow:hidden; height:80px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.menu li .cont .name {height:76px; font-family:notob; font-size:30px; line-height:38px; color:#fefefe;opacity:1; filter:alpha(opacity=100);-webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menu li .cont .sname	{ height:76px;font-family:notob; font-size:30px; line-height:38px; color:#fefefe;opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out; }
.menu li .cont .txt {margin-top:30px; font-size:18px; line-height:32px; color:#fff; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menu li a:hover .cont {height:264px;}
.menu li a:hover .cont .name	{ opacity:0; filter:alpha(opacity=0); }
.menu li a:hover .cont .sname,
.menu li a:hover .cont .txt {opacity:1; filter:alpha(opacity=100);}
.scroll .visual .arrow {opacity:0; filter:alpha(opacity=0);}
.scroll .menu h2 {opacity:1; filter:alpha(opacity=100);}
.restaurant {position:relative; padding:165px 0; overflow:hidden; background:#fff;}
.restaurant:before {content:""; position:absolute; left:0; right:50%; top:0; bottom:0; background:#164b71;}
.restaurant h2 {position:absolute; left:0; top:140px; width:50%; text-align:center;}
.restaurant h2 a {position:relative; display:inline-block; padding:0 125px;}
.restaurant h2 a:after {content:""; position:absolute; right:80px; top:50%; width:34px; height:13px; margin-top:-7px; background:url(/images/common/ico_go.png) no-repeat 100% 50%;}
.restaurant h2 a:hover:after, .restaurant h2 a:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}
.restaurant .storeSlide {position:relative; max-width:1380px; padding:0 110px; margin:0 auto;}
.restaurant .storeSlide:after {content:""; display:block; clear:both;}
.restaurant .storeSlide >.slideCont {overflow:hidden; width:100% !important;}
.restaurant .storeSlide >.slideCont >ul {width:20000px;}
.restaurant .storeSlide dl {float:left; width:360px; padding:0 10px; margin-top:100px; text-align:center;}
.restaurant .storeSlide dt {font-family:notob; font-size:24px; line-height:1em; color:#fff;}
.restaurant .storeSlide dd {margin-top:25px; line-height:24px; color:#fff; word-break:keep-all;}
.restaurant .storeSlide dd span:not(.tit) {font-style:italic; color:#fff;}
.restaurant .storeSlide dd span.tit {display:inline-block; padding:0 6px; margin-top:-2px; border:1px solid #fff; border-radius:1px; font-size:12px; line-height:19px; vertical-align:middle;}
.restaurant .storeSlide dd +dt {padding-top:30px; margin-top:30px; border-top:1px solid #fff;}
.restaurant .storeSlide .gallery {position:relative; float:right; width:60.8%; max-width:840px; margin-top:80px; }
.restaurant .storeSlide .gallery .slideCont {position:relative; overflow:hidden; padding-top:63.1%;}
.restaurant .storeSlide .gallery .slideCont ul {position:absolute; left:0; top:0; width:20000px;}
.restaurant .storeSlide .gallery .slideCont li {float:left;}
.restaurant .storeSlide .gallery .page {position:absolute; right:17px; bottom:17px; line-height:1em; color:#fff;}
.restaurant .storeSlide .gallery .page strong {font-size:26px; color:#164b71;}
.restaurant .storeSlide .prev {position:absolute; left:0; top:50%; margin-top:-38px;}
.restaurant .storeSlide .next {position:absolute; right:0; top:50%; margin-top:-38px;}
.news {padding:140px 0; background:#f9f9fd;}
.news h2 {text-align:center;}
.news h2 a {position:relative; display:inline-block; padding:0 125px;}
.news h2 a:after {content:""; position:absolute; right:80px; top:50%; width:34px; height:13px; margin-top:-7px; background:url(/images/common/ico_go2.png) no-repeat 100% 50%;}
.news h2 a:hover:after, .news h2 a:focus:after {animation:goFocusAni 1.0s ease-in-out; -webkit-animation:goFocusAni 1.0s ease-in-out; -moz-animation:goFocusAni 1.0s ease-in-out; -o-animation:goFocusAni 1.0s ease-in-out;}
.news #newsSlide	{ width:100% !important; }
.news .wrap {max-width:1200px; margin:0 auto;}
.news .thumbList	{ margin-top:0; }
.news .thumbList li {width:25%;}
.news .thumbList li .thumb	{ height:130px; }
.news .thumbList li .date	{ height:20px; }
.insta {overflow:hidden; background:#fff;}

/********** 08_OTHER **********/
.agreeSelect	{ margin-top:-70px;text-align:right; }
.agree	{ margin-top:70px; }
.agree *	{ font-size:18px;line-height:32px; }
.agree h2	{ margin-bottom:40px;font-family:notob;font-weight:bold; }
.agree h3	{ margin:40px 0;font-family:notob;font-weight:bold; } 
.agree h4	{ margin:20px 0; }
.agree p.date	{ margin-top:20px }
.agree dl dt	{ font-family:notob;font-weight:bold; }

.errorArea	{ position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;height:400px;text-align:center; }
.errorArea .errorTxt	{ margin:80px 0 70px;font-size:20px;color:#222; }
.errorArea .errorTxt strong	{ display:block;margin-bottom:25px;font-size:38px;line-height:1.4em; }
.errorArea .btnTypeA	{ padding-left:40px;padding-right:40px; }

/* 윤리hotline */
.hotline {padding-top:50px;}
.hotline ul {margin-top:20px;}
.hotline li {position:relative; padding-left:10px; word-break:keep-all;}
.hotline .typeA li:before {content:""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#666;}
.hotline .typeB li:before {content:""; position:absolute; left:0; top:11px; width:3px; height:3px; border-radius:50%; background:#666;}
.hotline .btnArea {margin-top:50px;}



@media only screen and (max-width:1200px){
.menuList li .tit {margin-top:3%; margin-bottom:3%; font-size:28px;}
.menuList li .txt {min-height:auto; margin-left:10%; margin-right:10%; font-size:16px; line-height:24px;}
.menuList li .tag {margin-top:5%; font-size:13px; line-height:18px;}	
}
@media only screen and (max-width:1400px){
	.menu li .cont .sname	{ font-size:28px;line-height:1.2em; }
	.menu li .cont .txt { font-size:16px;line-height:28px; }

	.menuList li .tit { font-size:28px; }
	.menuList li .txt { font-size:16px;line-height:26px; }
}