@charset "utf-8";
/*@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);*/

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Thin.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Thin.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Light.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Light.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Regular.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Regular.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Medium.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Medium.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Bold.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Bold.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Black.woff2) format('woff2'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Black.woff) format('woff'),
         url(https://cdn.spge.kr/sponge_front/fonts/NotoSansKR-Black.otf) format('opentype');
}

html, body {
    font-family: 'Noto Sans KR', "Apple SD Gothic Neo", 'Malgun Gothic';
}

#doc {
    position: relative;
    opacity: 1;
    overflow: hidden;
    min-width: 280px;
    background: #fff;
    max-width: 750px;
    margin: 0 auto;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

#doc.show {
    transition-delay: 0.1s;
    opacity: 1;
}

body {
    overflow-x: hidden;
    overflow-y: visible;
    background: #fff
}

#doc.bgf6 {
    background: #f6f6f6
}


/*=======================================================
  css default
=========================================================*/
.div-cont {
    position: relative;
    text-align: left;
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.div-cont:after {
    clear: both;
    content: "";
    display: block;
}

.body-slider-ovclick {
    position: fixed;
    z-index: 2600;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer
}

.layer-slider-ovclick {
    position: fixed;
    z-index: 2005;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
}

.header-slider-ovclick {
    position: fixed;
    z-index: 2005;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
}

.content-slider-ovclick {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.65);
    cursor: pointer;
}


/*=======================================================
    z-index default
=========================================================*/
#header-wrap {
    position: fixed;
    z-index: 2005;
}

#container-wrap {
    position: relative;
    z-index: 1004;
}

#footer-wrap {
    position: relative;
    /*z-index: 1005;*/
}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {
    left: 50%;
    top: 0;
    width: 100%;
    min-width: 280px;
    max-width: 750px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#header {
    position: relative;
    height: 9.6vw;

}
#header.search {
    padding-top:0.5vw;

}

#header:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    z-index: -1;
    display: block;
    content: ""
}

#doc.member #header:after {
    border: none;
}

#doc.member #header-wrap {
    position: absolute;
}

#doc.hide #header *, #doc.hide #header:after {
    display: none;
}

#doc.line-no #header:after {
    /*border-bottom: none;*/
}

#doc.vhidden #header:after {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

#doc.vhidden #header {
    height: 0;
}

#doc.vhidden #header h2 {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

#header h2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5vw;
    line-height: 9.6vw;
    font-size: 3.2vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 700;
}

#header h2 img {
    height: 8vw;
    vertical-align: middle;
    margin-top: -1vw
}


.bt-mnall {
    width: 3.6vw;
    height: 3.6vw;
    max-height: 36px;
    max-width: 36px;
    min-width: 18px;
    min-height: 18px;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-mnall.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-mnclose {
    width: 3.6vw;
    height: 3.6vw;
    max-height: 36px;
    max-width: 36px;
    min-width: 18px;
    min-height: 18px;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-mnclose.png) no-repeat center center;
    background-size: 90% auto;
    position: absolute;
    right: 3vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-back {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-back.png) no-repeat center center;
    background-size: 35% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-next {
    width: 11vw;
    height: 9.6vw;
    position: absolute;
    right: 0;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #ccc;
    text-align: center;
    line-height: 9.6vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-refresh {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-refresh.png) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-share {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/ico-share.png) no-repeat center center;
    background-size: 35% auto;
    position: absolute;
    right: 0;
    /*top: 50%;*/
    top:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    /*transform: translateY(-50%);*/
    transform: translateY(0);
}

.bt-delete {
    width: 16vw;
    height: 9.6vw;
    position: absolute;
    right: 0;
    font-size: 2.8vw;
    letter-spacing: -0.03em;
    color: #222;
    text-align: center;
    line-height: 9.6vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}


.bt-regist {
    padding-left: 4.4vw;
    font-size: 3.2vw;
    line-height: 1.2em;
    color: #5190F0;
    letter-spacing: -0.03em;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/photo-upload.png) no-repeat left center;
    background-size: 2.8vw auto;
    position: absolute;
    right: 3vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-member {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-member.png) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-msg {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-msg.png) no-repeat center center;
    background-size: 45% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-close {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-close.png) no-repeat center center;
    background-size: 35% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bt-addr {
    position: Absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5vw;
    line-height: 9.6vw;
    font-size: 3.2vw;
    color: #222;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.bt-addr span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 71%;
    
    padding-right: 4vw;
    margin-top: 3vw;
    line-height: 113%;
    display: inline-block;
    vertical-align: top;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-chk.svg) no-repeat right 53%;
    background-size: 2.4vw auto;
}

.bt-addr.home span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 71%;

    padding-right: 4vw;
    margin-top: 3vw;
    line-height: 113%;
    display: inline-block;
    vertical-align: top;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/home.png) no-repeat right 53%;
    background-size: 2.4vw auto;
}

.bt-addr.mexi span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 71%;
    background: none;
    padding-right: 4vw;
    margin-top: 3vw;
    line-height: 113%;
    display: inline-block;
    vertical-align: top;

}



.mn-bar {
    position: absolute;
    left: -100%;
    top: 0;
    min-width: 300px;
    background: #fff;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    z-index: 2900;
}

#doc.franchise #header {
    height: 17vw
}
#doc.franchise #header.bdrd {
    height: 11vw
}

#doc.franchise .bt-back, #doc.franchise .bt-refresh, #doc.franchise .bt-msg, #doc.franchise .bt-close, #doc.franchise .bt-next,
#doc.franchise .bt-member, #doc.vhidden .bt-back, #doc.franchise .bt-member-seoul, #doc.franchise .bt-member-baebi {
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}


/*#doc.vhidden .bt-back {*/
/*    background-image: url(../_Img/Layout/bt-backw.png)*/
/*}*/
#doc.vhidden .bt-back {
    background-image: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-back.png)
}

#doc.vhidden .vfix .bt-back {
    background-image: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-back.png)
}

#doc.vhidden .vfix #header {
    height: 9.6vw;
}

#doc.vhidden .vfix #header:after {
    opacity: 1;
    transition-delay: 0.1s;
}

#doc.vhidden .vfix #header h2 {
    opacity: 1;
    transition-delay: 0.1s;
}
.orderbtn{
    max-width: 750px;
    position: fixed;
    bottom: 0px;
    height: 10vw;
    width: 100%;
    background: #ff7286;
    z-index: 10000;
    text-align: center;
    vertical-align: middle;
    line-height: 10vw;
    color: #fff;
    font-size: 3.5vw;
}
.bt-home {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/home.png) no-repeat center center;
    background-size: 50% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.alarmnew{
    position: absolute;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 55px;
    top: 2vw;
    right: 2.0vw;
    /* border: solid 1px #888; */
    font-size: 9px;

    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Main/alarmnew.svg) no-repeat #1c355e;
    color: #fff;
    background-size: 2.5vw;
}

.mexiscroll{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}


.videowrap{
    position: relative;
    top:0.5rem;
}
@media only screen and (min-width: 999px) {
    .f-info.mkt .title .accordionbtn2{
        padding-right: 20px;
        top: 4px;
    }

    .alarmnew{

        width: 25px;
        height: 25px;
        top: 20px;
        right: 20px;
        background-size: 25px;
    }

    .bt-home {
        width: 96px;
        height: 96px;
    }
    .orderbtn{
       max-width: 750px;
       position: fixed;
       bottom: 0px;
       height: 80px;
       width: 100%;

       z-index: 10000;
       text-align: center;
       vertical-align: middle;
       line-height: 80px;
       color: #fff;
       font-size: 30px;
   }
    #header {
        height: 96px;
    }

    #header h2 {
        padding: 0 50px;
        line-height: 96px;
        font-size: 32px;
    }

    #header h2 img {
        height: 80px;
        margin-top: -10px;
    }

    .bt-mnall, .bt-back {
        width: 96px;
        height: 96px;
    }

    .bt-delete {
        width: 160px;
        height: 96px;
        font-size: 28px;
        line-height: 96px;
    }

    .bt-next {
        font-size: 28px;
        line-height: 96px;
        width: 110px;
        height: 96px;
    }

    .bt-mnclose {
        right: 30px;
    }

    .bt-regist {
        right: 30px;
        padding-left: 44px;
        font-size: 32px;
        background-size: 28px auto;
    }

    .bt-member {
        width: 96px;
        height: 96px;
    }

    .bt-msg {
        width: 96px;
        height: 96px;
    }

    .bt-close {
        width: 96px;
        height: 96px;
    }

    .bt-refresh, .bt-share {
        width: 96px;
        height: 96px;
    }

    .bt-addr {
        padding: 0 50px;
        line-height: 96px;
        font-size: 32px;
    }

    .bt-addr span {
        padding-right: 40px;
        background-size: 24px auto;
        margin-top:29px;
    }

    #doc.franchise #header {
        height: 170px;
    }
    #doc.franchise #header.bdrd {
        height: 100px;
    }

    #doc.vhidden .vfix #header {
        height: 96px;
    }

}

@media only screen and (max-width: 750px) {
    #header-wrap {
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 680px) {

}

@media only screen and (max-width: 500px) {


    .alarmnew{
        width: 14px;
        height: 14px;
        top: 9px;
        right: 10px;
        background-size: 13px;
    }

    .bt-home {
        width: 48px;
        height: 48px;
    }

    #doc.franchise #header.bdrd {
    height: 50px;
}
    .orderbtn{
        position: fixed;
        bottom: 0px;
        height: 17vw;
        width: 100%;

        z-index: 10000;
        text-align: center;
        vertical-align: middle;
        line-height: 17vw;
        color: #fff;
        font-weight: bold;

        font-size: 25px;
    }
    #header {
        height: 48px;

    }

    #header.search {
        height: 48px;
        padding-top:3px;
    }

    #header h2 {
        padding: 0 25px;
        line-height: 48px;
        font-size: 16px;
    }

    #header h2 img {
        height: 40px;
        margin-top: -5px;
    }

    .bt-mnall, .bt-back {
        width: 48px;
        height: 48px;
    }

    .bt-next {
        font-size: 14px;
        line-height: 48px;
        width: 55px;
        height: 48px;
    }

    .bt-delete {
        font-size: 14px;
        line-height: 48px;
        width: 80px;
        height: 48px;
    }

    .bt-mnclose {
        right: 15px;
    }

    .bt-regist {
        right: 15px;
        padding-left: 22px;
        font-size: 16px;
        background-size: 14px auto;
    }

    .bt-member {
        width: 48px;
        height: 48px;
    }

    .bt-member-seoul {
        width: 48px!important;
        height: 48px!important;
    }

    .bt-member-baebi {
        width: 48px!important;
        height: 48px!important;
    }

    .bt-msg {
        width: 48px;
        height: 48px;
    }

    .bt-msg-seoul {
        width: 48px!important;
        height: 48px!important;
    }

    .bt-msg-baebi {
        width: 48px!important;
        height: 48px!important;
    }
     

    .bt-close {
        width: 48px;
        height: 48px;
    }

    .bt-refresh, .bt-share {
        width: 48px;
        height: 48px;
    }


    .bt-addr {
        padding: 0 25px;
        line-height: 48px;
        font-size: 16px;
    }

    .bt-addr span {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	      
    	padding-right: 20px;
        background-size: 12px auto;
        margin-top: 16px;
        line-height: 113%;
    }

    #doc.franchise #header {
        height: 85px;
    }

    #doc.vhidden .vfix #header {
        height: 48px;
    }
}


/*=======================================================
    .topmenu{}
=========================================================*/
.topmenu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 3vw;
    height: 8vw;
}

.topmenu ul:after {
    display: block;
    content: "";
    clear: both;
}

.topmenu li {
    float: left;
    margin-left: 3vw;
}

.topmenu li:first-child {
    margin-left: 0;
}

.topmenu li a {
    line-height: 8vw;
    font-size: 2.6vw;
    letter-spacing: -0.03em;
    color: #888;
    display: block;
    padding: 0 2vw;
    position: relative;
}

.topmenu li.active a {
    font-weight: 700;
    color: #222;
}

.topmenu li.active a span{
	z-index: 3; 
    color: #ffffff;  
    position: relative;
    }

.topmenu li.active a:after {
    background: #5190f0;
    width: 100%;
    height: 5vw;
    border-radius:3vw;
    position: absolute;
    left: 0;
    bottom: 1.5vw;
    display: block;
    content: ""
}
.bt-member-baebi {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-member-2.svg) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.addr-ico-baebi{
    display: inline-block!important;
    vertical-align: top!important;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-chk-2.png) no-repeat right 53%!important;
    background-size: 3.5vw auto!important;
}


@media only screen and (min-width: 999px) {
   .addr-ico-baebi{
    display: inline-block!important;
    vertical-align: top!important;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-chk-2.png) no-repeat right 53%!important;
    background-size: 31px auto!important;
}

.bt-member-baebi {
    width: 96px;
    height: 96px;

    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
 .topmenu {
        height: 80px;
        padding: 0 30px;
    }

    .topmenu li {
        margin-left: 30px;
    }

    .topmenu li a {
        font-size: 26px;
        line-height: 80px;
        padding: 0 20px;
    }

    .topmenu li.active a:after {
        height: 53px;
        z-index:2;
        border-radius:32px;
        bottom:13px;
        
    }
}

@media only screen and (max-width: 500px) {
  .addr-ico-baebi{
    display: inline-block!important;
    vertical-align: top!important;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-chk-2.png) no-repeat right 53%!important;
    background-size: 15px auto!important;
}

 .bt-member-baebi {
    width: 42px;
    height: 42px;

    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .topmenu li {
        margin-left: 15px;
    }

    .topmenu {
        height: 40px;
        padding: 0 15px;
    }

    .topmenu li a {
        font-size: 13px;
        line-height: 40px;
        padding: 0 10px;
    }

    .topmenu li.active a:after {
        /*height: 4px; 200902  wlans*/
        height: 25px;
        z-index:2;
        border-radius:16px;
        bottom:7px;
    }
}


/* ======================================================
   #container 
=========================================================*/
#container-wrap {
    margin-top: 9.6vw;
}

#container-wrap.mcontainer #contents {
    padding: 0 3vw;
}

#container-wrap.scontainer #contents {
    min-height: 90vw;
    /*padding: 0 3vw*/
}

#container-wrap.scontainer.no-mgt {
    margin-top: 0 !important;
}

#doc.vhidden #container-wrap {
    margin-top: 0 !important;
}

#doc.franchise #container-wrap {
    margin-top: 17vw;
}
    .addr_div {
        text-align: center;
    }

	/* .bt-addr {
        padding: 0px;
        position: inherit;
    }
	*/
    .search .enter {
        right: 3vw;
        left: auto;
    }

    .search .chk-input input {
        padding: 0 10px;
    }
    
.bt-msg-seoul{
        width: 9.6vw;
        height: 9.6vw;
        background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-msg.png) no-repeat center center;
        background-size: 45% auto;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .bt-msg-baebi{
        width: 9.6vw;
        height: 9.6vw;
        background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-msg-2.svg) no-repeat center center;
        background-size: 40% auto;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .bt-member-seoul {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-member.png) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#container-wrap.scontainer #contents.storydetail {
    position: relative;
    /*left: -3vw;
    width: calc(100% + 6vw);*/
}
@media only screen and (min-width: 999px) {
    #container-wrap.scontainer #contents.storydetail {
        position: relative;
        /*left: -15px;
        width: calc(100% + 30px);*/
    }
    .bt-member-seoul {
    width: 100px;
    height: 100px;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-member.png) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
    
    .bt-msg-seoul{
        width: 115px;
        height: 115px;
        background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-msg.png) no-repeat center center;
        background-size: 45% auto;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .bt-msg-baebi {
        width: 96px;
        height: 96px;
    }
    #container-wrap {
        margin-top: 96px;
    }

    #container-wrap.mcontainer #contents {
        padding: 0 30px;
    }

    #container-wrap.scontainer #contents {
       /*padding: 0 30px;*/
        min-height: 900px;
    }

    #doc.franchise #container-wrap {
        margin-top: 170px;
    }
    #doc.franchise .scontainer.bdrd {
        margin-top: 170px;
    }
    
}

@media only screen and (max-width: 500px) {
    .bt-member-seoul {
    width: 9.6vw;
    height: 9.6vw;
    background: url(https://cdn.spge.kr/upload/mexicana/_Img/Layout/bt-member.png) no-repeat center center;
    background-size: 40% auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    }

    .bt-msg-baebi {
        width: 42px;
        height: 42px;
    }
     #container-wrap {
        margin-top: 48px;
    }

    #container-wrap.mcontainer #contents {
        padding: 0 15px;
    }

    #container-wrap.scontainer #contents {
        padding: 0 0px;
        min-height: 550px;
    }
    #container-wrap.scontainer #contents.storywrap {
        padding: 0 0px;
        min-height: 190vh;
    }
    #container-wrap.scontainer #contents.storydetail {
        position: relative;
        /*left: -15px;
        width: calc(100% + 30px);*/
        background: #f1f1f1;
    }

    #doc.franchise #container-wrap {
        margin-top: 85px;
    }
}

/* ======================================================
    #footer-wrap 
=========================================================*/
#doc.sub #footer-wrap {
    /*display: none;*/
    display: block;
}

#footer-wrap {
    display: block;
    position: relative;
    /*margin-top:30px;*/
    border-top: 1px solid #e6e6e6;
    background: #f5f5f5;
    /*margin-top:20px;*/
    padding-bottom:15vw;
}

#footer {
    position: relative;
    text-align: left;
    padding: 4vw 3vw;
}

.f-link ul:after {
    display: block;
    content: "";
    clear: both;
}

.f-link li {
    float: left;
    position: relative;
}

.f-link li a {
    display: block;
    font-size: 1.8vw;
    color: #888888;
    line-height: 1.4em;
    letter-spacing: -0.02em;
}

.f-link li:nth-child(n+2) {
    margin-left: 3vw;
}

.f-link li:nth-child(n+2):before {
    width: 2px;
    height: 1.4vw;
    background: #d6d6d6;
    position: absolute;
    left: -1.5vw;
    margin-left: -1px;
    display: block;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.f-info {
    margin-top: 2vw;
}

.f-info p {
    font-size: 1.8vw;
    color: #888888;
    line-height: 1.4em;
    letter-spacing: -0.02em;
}
.f-info.mkt .in-addr.con{
    display: none;
    position: relative;

}

.f-info.mkt .in-addr.con .info-warp{
    display: flex;
    gap: 20px;
}

.f-info.mkt .title{
    display: block;
}
.f-info.mkt .title .accordionbtn1{
    width: 8px;
    display: inline-block;
    padding-right: 2.2vw;
    top: 0.3vw;
    position: relative;
    transform: rotate( 180deg );
}

.f-info.mkt .title .accordionbtn2{
    width: 8px;
    display: inline-block;
    padding-right: 3.2vw;
    top: 0.3vw;
    position: relative;
    transform: rotate( 180deg );

}

.f-info.mkt .title .accordionbtn1.scrollDown{
    transform: rotate( 0deg );
    padding-left: 2vw;
    top: -2px;
}

.f-info.mkt .title .accordionbtn2.scrollDown{
    transform: rotate( 0deg );
    padding-left: 3vw;
    top: -2px;
}

.f-info.mkt .title .accordionbtn img{
    width: 100%;
}

.f-info .in-ex {
    margin-top: 3vw;
}

.f-info .in-company {
    font-size: 0;
}

.f-info .in-company span {
    font-size: 1.8vw;
    color: #888888;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

/*.f-info .in-company span:nth-child(n+2) {*/
/*    margin-left: 1.8vw;*/
/*}*/

#footer .f-name{
    font-size: 1.8vw;
    color: #888888;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    display: inline-block;
    position: relative;
    float: left;
    /*width: 75px;*/
}

#footer .f-name.bold,#footer .f-info .in-company.bold span:nth-child(1){
   color:#333;
    margin-bottom: 4px;
}
#footer .f-info .in-company.bold span:nth-child(3){
    padding-right:20px;
}

.in-num.mkt{margin-top:3px;

}

.mkt .in-company{

}


#footer .f-co-info{
    margin-left: 15vw;
}


.f-info .in-company span:nth-child(n+2):before {
    width: 2px;
    height: 1.4vw;
    background: #d6d6d6;
    position: absolute;
    left: -0.9vw;
    margin-left: -1px;
    /*display: block;*/
    display: none;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.franchise-wrap{padding:0 15px;}

.mainimg{/*margin-bottom:108px;*/position: relative;}
.mainimg img{width:100%;}
.mainimg span{
    position: absolute;
    bottom: 45vw;
    right: -11vw;
    width:55vw;
    z-index: 99;
}
.mainimg span.step2{
    bottom: 61vw;
    width: 36vw;
    right: -3vw;
    z-index: 99;
}
.mainimg span.step3{
    bottom: 41vw;
    right: -15vw;
    width:66vw;
    z-index: 99;
}
.mainimg span img{width:100%;}
.mainimg .gifimg{
    position: relative;
    z-index: 3;
}
#contents .mainimg:nth-last-child(2){margin-bottom:0px;/*padding-bottom: 50px;*/}

.whitepattern{position:absolute;width: 100%;height: 100%;}
.whitepattern img{width: 100%;height: 100%;object-fit: cover;}
.mexilogo {display: inline-block;padding-top: 2vw;}
.mexilogo img{width: 21vw}

.deliverybox { float: left; background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/delivery.png') no-repeat; margin-bottom: 2vw}
.takeoutbox { float: right; background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/takeout.png') no-repeat; margin-bottom: 2vw}
.ecouponbox { float: left; background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/ecoupon.png') no-repeat}
.giftbox { float: right; background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/gift.png') no-repeat}
.giftbox_test { background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/gift.png') no-repeat; margin-top: 2vw}
.giftbox_test.left {float: left}
.giftbox_test.right {float: right}

.deliverybox, .takeoutbox, .callbox, .ecouponbox, .giftbox, .giftbox_test { width: 48.5%; height: 45vw; display: inline-block; border-radius: 4px; background-position: 50% 61%; background-color: #F3F3F3; background-size: 25vw}

#container-wrap .main_group { margin: 5vw 0; }

.main_title {
    font-size: 4vw;
    font-weight: bold;
    color: #333;
    padding: 3vw 0;
    padding-left: 8px;
    letter-spacing: -1px;
    font-family: 'GmarketSansMedium'
}

.mexi #footer .title{
    font-size: 4vw;
    font-weight: bold;
    color: #888;
    padding: 0vw 0;
}

.introbanner img{width: 100%;}
.introbanner.mexi{position: relative;}

.intromenuboxwrap{
    /*overflow-x: scroll;
    overflow-y: hidden;*/
    white-space:nowrap;
    /*margin-top:7vw;*/
    position: relative;
}
.intromenuboxwrap .box{
    border: solid 1px #EBEBEB;
    margin-right: 7px;
    width: 26vw;
    height: 41vw;
    border-radius: 5px;
    display: inline-block;
    white-space: normal;
    overflow: hidden;
    text-align: left;
    padding:10px;
}
.intromenuboxwrap .box img{
    height: 50%;
    width: 100%;
}

.intromenuboxwrap .box .menutitle{
    color: #222;
    font-weight: bold;
    margin-bottom: 1vw;
    display: inline-block;
    font-size: 2.5vw;
    width: 25vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.intromenuboxwrap .box .sub p{
    font-size: 2vw;
    color:#AAAAAA;
    /*height: 9vw;*/
    width: auto;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 3vw;
    text-decoration: none;
}

.allmenubtn{
    position: absolute;
    right: 0;
    top: 3vw;
    font-size: 2vw;
    color: #333;
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/nav_arr.png')no-repeat right center;
    background-size: 0.3rem auto;
    padding-right: 1rem;


}
.mystampbtn{
    float: left;
    width: 48.5%;
    height: 27vw;
    color: #FFFFFF;
    background:url('https://cdn.spge.kr/upload/mexicana/_Img/Main/stampicon.svg') no-repeat #1c355e;
    background-size: 20%;
    background-position: 21% 43%;
    border-radius: 20px;
}
.mystampbtn .title{
    text-align: center;
    padding: 24% 12% 0 47%;
    font-size: 3vw;
    color: #fff;
}
.mystampbtn .stats{
    text-align: center;
    padding: 6% 9% 0 41%;
    font-size: 4vw;
    font-weight: bold;
}
.mystampbtn .stats span{
    opacity: 0.8;
    font-weight: 100;
}

.mycouponbtn{
    float: right;
    width: 48.5%;
    height: 27vw;
    color: #FFFFFF;
    background:url('https://cdn.spge.kr/upload/mexicana/_Img/Main/couponicon.svg') no-repeat #1c355e;
    background-size: 30%;
    background-position: 21% 50%;
    border-radius: 20px;
}

.mycouponbtn .title{
    text-align: center;
    padding: 24% 12% 0 47%;
    font-size: 3vw;
    color: #fff;
}

.mycouponbtn .stats{
    text-align: center;
    padding: 6% 9% 0 44%;
    font-size: 4vw;
    font-weight: bold;
}

.mycouponbtn .stats span{
    opacity: 0.5;
    font-weight: 100;
}
.benefitarrow{
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/arrowright.svg') no-repeat;
    background-position: 82% 50%;
    background-size: 1.2vw;
}
.mainmenuwrap.mexi.bottom{
    /*margin-bottom: 6vw;*/
}

#footer .sponge {
    position: absolute;
    bottom: -7vw;
    font-size: 2.2vw;
    left:50%; transform:translateX(-50%);
}

#footer .power {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/footerlogo.svg')no-repeat center top;
    background-size: 4.33vw auto;
    letter-spacing: -0.05em;
    padding-top: 3.5vw;
    color: #888;
}

#footer .power .f_blue {
    background: url('https://cdn.spge.kr/upload/mexicana/_Img/Main/nav_arr.png')no-repeat right center;
    background-size: 0.3rem auto;
    padding-right: 1rem;
    color: #5190F0;
}

.f-info.mkt .title .accordionbtn2.scrollDown{
    transform: rotate( 0deg );
    padding-left: 3vw;
    top: -2px;
}

#container-wrap.scontainer #contents.storywrap {
    padding: 38vw 0px;
    min-height: 169vw;
}
video.introvideo {
    width: calc(100% - 30px);
    margin-left: 15px;
    border-radius: 10px;
}

video.introvideomexi {
    width: 100%;
    /*margin-left: 0px;*/
    border-radius: 6px;
    margin-top: 10px;
}

.videotitlewrap{
    letter-spacing: -0.1vw;
    line-height: 167%;
    padding:15px;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Nanum Gothic', sans-serif;
    color: #222222;
}

.videotitlewrap .bigtitle{
    font-size: 1.3em;
    font-weight: 800;
}

div.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-top: 10px;}
div.video-wrap iframe,
div.video-wrap object,
div.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

@media only screen and (min-width: 999px) {
    .intromenuboxwrap .box {height: 320px}
    .f-info.mkt .title .accordionbtn1 {padding-right: 10px}
    .f-info.mkt .title .accordionbtn1.scrollDown {padding-left: 10px}
    .f-info.mkt .title .accordionbtn2 {width: 8px; display: inline-block; padding-right: 41px; top: 0.3vw; position: relative; transform: rotate(180deg)}
    .f-info.mkt .title .accordionbtn2.scrollDown {transform: rotate(0deg); padding-left: 40px; top: -2px}
    .f-info.mkt .title .accordionbtn {width: 11px}
    .intromenuboxwrap .box .menutitle {font-size: 25px; line-height: 30px; width: 195px}
    .benefitarrow {background-position: 140px 50%; background-size: 12px}
    .main_title {font-size: 40px; font-weight: bold; color: #333; padding: 30px 0}
    .mystampbtn .title, .mycouponbtn .title {font-size: 30px; padding: 27% 12% 0 47%; color: #fff}
    .mystampbtn .stats, .mycouponbtn .stats {font-size: 40px; padding-top: 32px}
    .intromenuboxwrap .box .sub p {font-size: 18px; color: #AAAAAA; line-height: 25px; width: auto; height: 73px}
    .intromenuboxwrap {margin-top: 70px}
    .allmenubtn {top: 30px; font-size: 20px}
    .mainmenuwrap {margin-top: 70px}
    .mexilogo {display: inline-block; padding-top: 18px}
    .mexilogo img {width: 185px}
    #footer-wrap {padding-bottom: 100px}
    #footer-wrap #footer {padding: 40px 30px}
    #footer-wrap #footer .f-link li a {font-size: 18px}
    #footer-wrap #footer .f-link li:nth-child(n+2) {margin-left: 30px}
    #footer-wrap #footer .f-link li:nth-child(n+2):before {left: -15px; height: 14px}
    #footer-wrap #footer .f-info {margin-top: 20px}
    #footer-wrap #footer .f-info .f-name {font-size: 18px}
    #footer-wrap #footer .f-info .f-co-info {margin-left: 146px}
    #footer-wrap #footer .f-info p {font-size: 18px}
    #footer-wrap #footer .f-info .in-ex {margin-top: 30px}
    #footer-wrap #footer .f-info .in-company span {font-size: 18px}
    #footer-wrap #footer .f-info .in-company span:nth-child(n+2):before {left: -9px; height: 14px}
    #footer-wrap #footer .sponge {bottom: -49px; font-size: 20px}
    #footer-wrap #footer .sponge .power {background-size: 43px auto; padding-top: 43px}
    #footer-wrap #footer .sponge .power .f_blue {background-size: 7px auto; padding-right: 20px}
}

@media only screen and (min-width: 750px) {
    .videotitlewrap {font-size: 26px}
    #container-wrap.scontainer #contents.storywrap {padding: 290px 0; min-height: 1270px}
    .deliverybox, .takeoutbox, .callbox, .ecouponbox, .giftbox, .giftbox_test, .blank {height: 312px; background-size: 180px}
    .mycouponbtn {height: 203px}
    .mystampbtn {height: 203px}
    .intromenuboxwrap .box {height: 320px; width: 200px}
    .mainimg span {position: absolute; bottom: 335px; right: -90px; width:435px}
    .mainimg span.step2 {bottom: 440px; width: 260px; right: -15px}
    .mainimg span.step3 {bottom: 304px; right: -70px; width: 460px}
}

@media only screen and (max-width: 500px) {
    #container-wrap.scontainer #contents.storywrap {padding: 38vw 0px; min-height: 164vw}
    .intromenuboxwrap .box {min-height: auto; width: 23vw}
    .f-info.mkt .title .accordionbtn1 {padding-right: 13px; top: 1px}
    .f-info.mkt .title .accordionbtn2 {padding-right:19px; top: 1px}
    .f-info.mkt .title .accordionbtn1.scrollDown {padding-left: 13px}
    .f-info.mkt .title .accordionbtn2.scrollDown {transform: rotate( 0deg ); padding-left: 18px; top: -2px}
    .main_title {font-size: 20px; padding-left: 8px; letter-spacing: -2px}
    .mystampbtn .title {text-align: center; padding: 24% 12% 0 47%; font-size: 3vw; font-weight: 400}
    .mystampbtn .stats {text-align: center; padding: 1vw 9% 0 41%; font-size: 4vw; font-weight: bold}
    .mycouponbtn .title {text-align: center; padding: 24% 12% 0 47%; font-size: 3vw; font-weight: 400}
    .mycouponbtn .stats {text-align: center; padding: 1vw 9% 0 41%; font-size: 4vw; font-weight: bold}
    .intromenuboxwrap .box .sub p {width: 24vw; display: -webkit-box; word-break: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 14px; text-decoration: none}
    .intromenuboxwrap .box .menutitle {font-size: 12px; white-space: nowrap; width: 100px; overflow: hidden; text-overflow: ellipsis}
    .allmenubtn {position: absolute; right: 0; top: 18px; font-size: 12px}
    .mexilogo {display: inline-block;padding-top: 9px}
    .mexilogo img {width: 104px}
    #footer-wrap #footer {padding: 20px 15px}
    #footer-wrap #footer .f-link li a {font-size: 9px}
    #footer-wrap #footer .f-link li:nth-child(n+2) {margin-left: 15px}
    #footer-wrap #footer .f-link li:nth-child(n+2):before {left: -7px; height: 7px}
    #footer-wrap #footer .f-link li:nth-child(5) {margin-left: 0}
    #footer-wrap #footer .f-link li:nth-child(5):before {left: -7px; height: 7px; background:none}
    #footer-wrap #footer .f-info {margin-top: 10px}
    #footer-wrap #footer .f-info.mkt {margin-top: 13px}
    #footer-wrap #footer .f-info .f-name {font-size: 10px}
    #footer-wrap #footer .f-info .f-co-info {margin-left: 77px}
    #footer-wrap #footer .f-info p {font-size: 9px; line-height: 13px}
    #footer-wrap #footer .f-info .in-ex {margin-top: 15px}
    #footer-wrap #footer .f-info .in-company span {font-size: 10px}
    #footer-wrap #footer .f-info .in-company span:nth-child(n+2):before {left: -4px; height: 7px}
}

.alert {width: 750px; min-width: 320px; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 7.8rem 2.37rem 0 2.37rem; font-family: 'Noto Sans KR', sans-serif; z-index: 100000000000}
.alert_pop {background-color: #fff; padding: 1rem 0 1rem 0; margin: 13vw}
.pop_wrap {padding: 0 2.3rem 0.0rem 2.3rem}
.pop_wrap h3 {font-weight: 700; text-align: center}
.pop_wrap p {text-align: center; font-size: 1rem; padding: 1.5rem 0 1.0rem 0; letter-spacing: -0.12rem; font-family: 'Noto Sans KR', sans-serif}
.pop_wrap ul {font-size: 0; text-align: right}
.pop_wrap .popupid {text-align: center}
.pop_wrap .popupid li {margin: 0; font-weight: bold}
.pop_wrap ul li {display: inline-block; font-size: 1rem; margin-left: 3.33rem}
.pop_wrap ul li a {display: block; font-weight: 500}
.pop_wrap ul li.non_active a {color: #c3c3c3}
.f_weight {font-weight: 700}
.alert_pop .look {border-top: 1px solid #ccc}
.alert_pop .look .check_item {line-height: 3.33rem}
.alert_pop .check_item label {padding-left: 3.33rem}
.alert_pop .check_item label:after {top: 50%; transform: translateY(-50%); left: 0.92rem}
.alert {z-index: 99999999999999; position: fixed; background-color: rgba(0, 0, 0, 0.5)}

@media (max-width: 750px) {
    .alert {width: 100%}
}