/* »óÇ° ¸®½ºÆ® ŸÀÌƲ */
.menu-list-title {position:relative; padding-bottom:38px; border-bottom:2px solid #222;}
.menu-list-title em {font-size:38px; line-height:34px; letter-spacing:2.09px;}
.menu-list-title span {margin-left:30px; color:#666; font-size:16px; vertical-align:bottom;}
.menu-list-title .btn-menu-top {position:absolute; bottom:28px; right:0; display:block; width:60px; height:60px; border-radius:50%; background-color:#000;}
.menu-list-title .btn-menu-top:before {content:''; position:absolute; top:50%; left:50%; width:4px; height:24px; margin:-12px 0 0 -2px; border-radius:1px; background:#edd8c1; -webkit-transition:-webkit-transform 0.45s ease-out; transition:transform 0.45s ease-out;}
.menu-list-title .btn-menu-top:after {content:''; position:absolute; top:50%; left:50%; width:4px; height:24px; margin:-12px 0 0 -2px; border-radius:1px; background:#edd8c1; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.menu-list-title .btn-menu-top.open:before {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.menu-list-title + .page-tab {margin-top:50px;}

/* »óÇ° ¸®½ºÆ® */
.menu-list {margin-top:50px; word-break:keep-all;}
.menu-list .menu-list-top {display:none; padding-bottom:40px;}
.menu-list > ul {margin:0 -10px 0 -10px;}
.menu-list > ul:after {content:''; display:block; clear:both;}
.menu-list > ul > li {float:left; width:50%; padding:10px 9px; box-sizing:border-box;}
.menu-list > ul > li:hover .btn-menu-list-thumb > img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.menu-list > ul > li:hover .menu-line span:nth-child(1) {top:auto; bottom:0; left:-1px; width:1px; height:100%;}
.menu-list > ul > li:hover .menu-line span:nth-child(2) {top:-1px; right:auto; left:0; width:100%; height:1px;}
.menu-list > ul > li:hover .menu-line span:nth-child(3) {top:0; right:-1px; bottom:auto; width:1px; height:100%;}
.menu-list > ul > li:hover .menu-line span:nth-child(4) {right:0; bottom:-1px; left:auto; width:100%; height:1px;}
.menu-list > ul > li:hover .menu-list-detail > div {height:100%;}


.menu-list .menu-list-cell {position:relative; border:1px solid #e5e5e5; box-sizing:border-box;}

.menu-list .btn-menu-list-thumb {position:relative; width:580px; height:390px; overflow:hidden; z-index:1;}

.menu-list .btn-menu-list-thumb > img {position:relative; z-index:-1; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease;}


.menu-list .menu-line span {position:absolute; display:block; background-color:#222; z-index:2; -webkit-transition: width 0.5s, height 0.5s ease; transition: width 0.5s, height 0.5s ease;}
.menu-list .menu-line span:nth-child(1) {top:0; bottom:auto; left:-1px; width:1px;height:0;}
.menu-list .menu-line span:nth-child(2) {top:-1px; right:0; left:auto; width:0; height:1px;}
.menu-list .menu-line span:nth-child(3) {top:auto; right:-1px; bottom:0; width:1px; height:0;}
.menu-list .menu-line span:nth-child(4) {right:auto; bottom:-1px; left:0; width:0; height:1px;}
.menu-list + .menu-list-title {margin-top:50px;}

/* »óÇ° ¸®½ºÆ® Á¤º¸ */
.menu-list-info {display:table; width:100%; height:219px; padding:0 39px; box-sizing:border-box;}
.menu-list-info.single {height:132px;}
.menu-list-info > div {display:table-row; text-align:center;}
.menu-list-info > div > div {display:table-cell; vertical-align:middle;}

/* »óÇ° ¸®½ºÆ® »ó¼¼ Á¤º¸ */
a.menu-list-detail {position:absolute; top:0; left:0; display:block; width:100%; height:390px; z-index:1;}
a.menu-list-detail > div {position:absolute; bottom:0; left:0; width:100%; height:0; background:rgba(0,0,0,0.8); overflow:hidden; -webkit-transition: height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: height 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
a.menu-list-detail > div > div {position:absolute; bottom:0; left:0; display:table; width:580px; height:390px;}
a.menu-list-detail > div > div > div {display:table-cell; width:100%; height:100%; padding:0 40px; color:#fff; vertical-align:middle; text-align:center;}
a.menu-list-detail .en-title {font-family:'Roboto'; font-size:28px; line-height:32px; font-weight:500;}
a.menu-list-detail .info {padding:40px 0 20px 0; font-size:14px; line-height:24px; opacity:0.6;}

.material {display:inline-block; padding:46px 0 0 0;}
.material > dt {display:none;}
.material > dd {display:inline;}
.material > dd > p {float:left; display:block; margin:2px; padding:0 10px; color:#fff; font-size:14px; line-height:25px; border:1px solid #8b8b8b; border-radius:2px;}


/* »óÇ° ¸®½ºÆ® ŸÀÌƲ Á¤º¸ */
.menu-list-name {}
.menu-list-name .cell {height:109px;}
.menu-list-name.type-02 .cell {height:132px;}
.menu-list-name .names {display:table; width:100%;}
.menu-list-name .names > span {display:table-cell; padding:10px 0; vertical-align:middle;}
.menu-list-name .names > span > span {display:block; overflow:hidden;}
.menu-list-name .names > span > span:first-child {margin-top:0;}
.menu-list-name .names .en-cate {max-height:44px; color:#94785c; font-family:'Roboto'; font-size:18px; line-height:22px; font-weight:500;}
.menu-list-name .names .ko-name {max-height:64px; margin-top:6px; color:#222; font-size:26px; line-height:32px; font-weight:700;}

.menu-list-price {height:100%;}
.menu-list-price .cell {border-top:1px solid #e5e5e5;}






/* »óÇ° ¸®½ºÆ® »ç¿ë Á¤º¸ */
.menu-list-use-info {padding:24px 0; margin:0 30px; border-top:1px solid #b5b5b5; text-align:left;}
.menu-list-use-info p {position:relative; padding:3px 0 3px 90px; color:#999; font-size:16px; line-height:31px;}
.menu-list-use-info p em {position:absolute; top:3px; left:0; display:block; width:80px; height:29px; color:#222; line-height:28px;  border:1px solid #e5e5e5; border-radius:2px; background:#fff; text-align:Center;}
.menu-list-use-info > ul {overflow:hidden;}
.menu-list-use-info > ul > li {float:left; width:50%;}
.menu-list-use-info > ul > li > p {padding-left:105px;}
.menu-list-use-info > ul > li > p > em{width:95px;}

/* »óÇ° ¸®½ºÆ® °øÁö»çÇ× */
.menu-notice {margin-top:50px; padding:40px; border:1px solid #dedede;}
.menu-notice h4 {color:#222; font-size:20px; font-weight:500;}
.menu-notice .txt {margin-top:15px; color:#666; font-size:14px; line-height:24px;}
.menu-notice ul {margin-top:18px;}
.menu-notice ul li {position:relative; margin-top:5px; padding-left:10px; color:#666; font-size:14px; line-height:18px;}
.menu-notice ul li:first-child {margin-top:0;}
.menu-notice ul li:after {content:''; position:absolute; top:8px; left:0; display:block; width:4px; height:2px; background:#666;}