@charset "utf-8";

/* 지마켓 폰트 */
/* @font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 


/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2016-07-01
---------------------------------------------------- */

/* 메인 레이이아웃 및 공통 */
#piw_wrapper {width:100%;min-width:320px;position:relative;overflow-X:hidden} 
.layout {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
#container {width:100%;position:relative}
#container .titlearea {width:100%;position:relative;text-align:center}
.mcontents {width:100%;display:inline-block;position:relative;}
.section {position:relative;width:100%;padding:120px 0}
/* .section:before,.section:after {content:"";display:block;position:absolute;top:0;left:50%;width:1px;height:90px;background-color:#bebebe} */
.section:after {top:auto;bottom:0}
.section.wht:before,.section.whb:after {background-color:#fff}
.section .subtit {font-family: 'nanumsquareround' !important;font-size:1.429rem}
.section h2 {
    margin-top: 1.429rem;
    font-size: 4.286em;
    color: #464242;
    font-weight: 600;
    letter-spacing: -1.5px;
}
.section h3 {
    margin-top: 1.429rem;
    font-size: 3.286em;
    color: #383535;
    font-weight: 600;
    letter-spacing: -1.5px;
}
.section .conbox {
    position: relative;
    margin: 3.857rem auto 0;
}
.section .conbox .boxwrap {position:relative;width:100%;height:100%}
.section .btnarea {
    text-align: center;
    margin-top: 2.857rem;
}
.leftbox {float:left}
.rightbox {float:right}

.tit1 {
    font-size: 2.857rem;
    font-weight: 600;
}
/* 30px 제목 */
.tit2 {
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 10px;
}
/* 46px 제목 */
.tit3 {
    font-size: 3.571rem;
    font-weight: 400;
}
/* 40px 제목 */

.txt1 {
    font-size: 2rem;
}
/* 28px 텍스트 */
.txt2 {
    font-size: 1.286rem;
}
/* 18px 텍스트 */
.txt3 {
    font-size: 1.5rem;
    color: #888787;
}
/* 24px 텍스트 */
.txt4 {
    font-size: 1.143rem;
}
/*16px 텍스트*/

.subinfo{font-size:1.143rem;margin-top:0.571rem;line-height:1.3;display:inline-block}

    /* 메인 레이아웃 및 공통 - 미디어쿼리 */
    @media all and (max-width:1200px) {
        .layout {
            max-width: 90%;
        }
        #container .layout {
            width: 90%;
            margin: 0 auto;
            padding: 0;
        }
        .section {padding: 5.714rem 0 4.286rem}
        .section:before,.section:after {height:60px}
        .section h2 {font-size:3.571rem}
    }
    @media all and (max-width:768px) {
        .section .subtit {font-size:1.143rem}
        .section h2 {font-size:2.857rem}
        .leftbox,.rightbox {float:none}
    }
    @media all and (max-width:640px) {
        .section {
            padding: 60px 0;
        }
        .section .conbox {
            margin: 2rem auto 2.5rem;
        }
        .section h2 {
            font-size: 32px;
            margin-top:10px
        }
        .section h3 {
            margin-top: 6px;
            font-size: 32px;
        }
        .section .btnarea {
            margin-top:0
        }
        .tit1 {font-size:2.143rem} /* 40px 제목 */
        .tit2 {font-size:2.571rem} /* 46px 제목 */

        .txt1 {font-size:1.714rem} /* 28px 텍스트 */
        .txt2 {font-size:1.143rem} /* 18px 텍스트 */
        .txt3 {font-size:1.429rem} /* 24px 텍스트 */
        .txt4{font-size:1rem}/*16px 텍스트*/
    }
    @media all and (max-width:414px) {
        .tit1 {font-size:1.714rem} /* 40px 제목 */
        .tit2 {font-size:1.857rem} /* 46px 제목 */

        .txt1 {font-size:1.429rem} /* 28px 텍스트 */
        .txt2 {font-size:1rem} /* 18px 텍스트 */
        .txt3 {font-size:1.286rem} /* 24px 텍스트 */
        .txt4{font-size:1rem}/*16px 텍스트*/
    }

/* ---- header ---- */
#header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(255,255,255,0.95);
}
#header h1.navbar-header {
    padding-top: 2rem;
}
#header h1 .logo {
    display: inline-block;
}
#header .layout {
    max-width:1440px
}

	/* gnb 1depth */
#header #navbar {position:absolute;top:0.625rem;left:50%;transform:translateX(-50%)}
#header #navbar .gmenu {position:relative;float:left;}
#header #navbar .gmenu > a {display:inline-block;padding: 0 1.786rem;font-size:1.143rem;font-weight:500;color:#303030;line-height:2.857rem;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
#header #navbar .gmenu.on a, 
#header #navbar .gmenu a:hover {color:#fa376e}

#header .add_open {position:absolute;top:1.429rem;right:0;width:170px;height:40px;line-height:40px;text-align:center;font-size:1.143rem;color:#fff;background-image:linear-gradient(to right, #eb1e3c 33%, #eb1e3c 33%, #f4155f 66%, #f4155f 66%);
    background-size: 307% 100%;
    background-position: 100% 0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:9999}
#header .mobile_open {display:none} 
#header .add_open:hover {background-position: 0%;box-shadow:0 0 5px rgba(0,0,0,0.15)}
.menu-icon, .menu-container {display: none}


#header {
    height: 60px;
}
#header h1.navbar-header {padding-top:20px}
#header .add_open {display:none}

#header .add_open.mobile_open {
    display: block;
    position: fixed;
    top: auto;
    bottom: 2%;
    right: 3%;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(244,21,95,0.5);
    border-radius: 50%;
    background: rgba(244,21,95,0.2);
    -webkit-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    z-index: 999999;
}
#header .add_open.mobile_open > span {
    display: inline-block;
    padding: 0.6rem 0;
    width: 66px;
    height: 66px;
    overflow: hidden;
    font-size: 1rem;
    color: #fff;
    line-height: 1.3;
    border-radius: 50%;
    background: #f4155f;
    margin-top: 0.4rem;
    position: relative;
}
#header .add_open.mobile_open > span .swiper-slide,
#header .add_open.mobile_open > span .swiper-wrapper,
#header .add_open.mobile_open > span .swiper_ver {
    width: 100%;
    height: 60px !important;
}
#header .add_open.mobile_open > span span {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0.2rem;
    overflow: hidden;
    color: white;
}
#header .add_open.mobile_open > span img {
    display: block;
    width: 23px;
    height: 50px;
    margin-left: 22px;
    padding-top: 0.1rem;
}

#header .top-sns{
    position: absolute;
    top: 14px;
    right: 0;
}
#header .sns-area{
    display: flex;
    align-items: center;
}
#header .sns-area > li {
    margin: 0 7px;
}
#header .sns-area > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    /* filter: invert(36%) sepia(0%) saturate(0%) hue-rotate(45deg) brightness(100%) contrast(90%); */
}

#header .sns-area > li > a img{
    height: 20px;
}
#header .nav-sns.mobile {
    display: none;
}
#header .nav-sns.pc {
    display: block;
}
    /* ---- header - 미디어쿼리---- */
    @media all and (min-width:1200px) {
        #header .add_open.mobile_open {
            right: 12px;
            bottom: 8%;
        }

    }
    @media all and (max-width:640px) {
        #header #navbar .logo {width:80%}
        #header .add_open.mobile_open {
            width:70px;
            height:70px;
            background: rgba(244,21,95,0);
            border:0
        }
        #header .top-sns {
            top:20px
        }
        #header .sns-area > li {
            margin: 0 5px;
        }
    }

/* 모바일 헤더 */
@media all and (max-width:1200px) {
    #header #navbar,
    #header .nav-sns.pc {
        display: none;
    }
    #header .nav-sns {
        right:40px
    }

    .menu-icon,
    #header .nav-sns.mobile {
        display: block;
    }
    .menu-container {
        z-index: 2;
        position: fixed;
        display: -webkit-box;
        display:-ms-flexbox;display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        overflow: hidden;
        height: 100vh;
        width: 100vw;
        pointer-events: none;
        z-index: 999999;
        top: 0;
        left:0
    }
    .menu-container .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        height: 100vh;
        width: 100vw;
        z-index:555555;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
        visibility: hidden;
    }
    .menu-container ul li {
        padding: 15px;
        text-align: center;
    }

    .menu-container ul li a {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }
    .menu-sliders {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: -webkit-box-flex 0.45s;
        transition: -webkit-box-flex 0.45s;
        transition: flex 0.45s;
        transition: flex 0.45s, -webkit-box-flex 0.45s, -ms-flex 0.45s;
    }
    .menu-sliders:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        background: transparent;
    }
    .menu-sliders:nth-child(odd) {
        background-image: linear-gradient(to bottom, #ee2a7b 0%, #ff7db8 100%);
    }
    .menu-icon {
        width:30px;
        z-index: 9999999;
        position: fixed;
        right:5%;
        top:22px;
        cursor: pointer;
        -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: transform .2s ease, background-color .5s ease;
        transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
    }
    .menu-icon div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 1px;
        background: #1a1a1a;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
    }
    .menu-icon__line {
        height: 2px;
        width: 30px;
        display: block;
        background-color:#303030;
        margin-bottom: 6px;
        -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: background-color .5s ease, -webkit-transform .2s ease;
        transition: transform .2s ease, background-color .5s ease;
        transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
    }
    .menu-icon__line-left {
        width: 15px;
    }
    .menu-icon__line-right {
        width: 15px;
        float: right;
    }

    .menu-icon:hover div {
        background: white;
    }
    .menu-icon:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    body.menu-open .menu-sliders:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 0;
        flex: 0 0 0;
    }
    body.menu-open .menu {
        -webkit-transform: translateY(0%);
            transform: translateY(0%);
        visibility: visible;
        pointer-events: all;
    }
    body.menu-open .menu-icon__line {
        background-color: #303030;
        -webkit-transform: translateX(0px) rotate(-45deg);
        transform: translateX(0px) rotate(-45deg);
    }

    body.menu-open .menu-icon__line-left {
        -webkit-transform: translateX(1px) translateY(3px) rotate(45deg);
        transform: translateX(1px) translateY(3px) rotate(45deg);
    }

    body.menu-open .menu-icon__line-right {
    -webkit-transform: translateX(-3px) translateY(-2px) rotate(45deg);
            transform: translateX(-3px) translateY(-2px) rotate(45deg);
    }
    body.menu-open #header.navbar-fixed-top .menu-icon__line {
    background-color: #fff;
    }
}

    /*모바일 네비 sns 추가*/
    .menu-container ul.mo-sns-area{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-container ul.mo-sns-area li{
        margin: 0 5px;
        padding: 0;
    }
    /* .menu-container ul.mo-sns-area li > a{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        margin: 7px;
    }
    .menu-container ul.mo-sns-area li:nth-child(2) > a{
        width: 23px;
    }*/
    .menu-container ul.mo-sns-area li > a img{
        height: 20px;
    } 

/* 메인 비주얼 */
.mvisual {
    width: 100%;
    /* height: 100vh; */
    position: relative;
    background: url("/mbx/main-visual-2311.jpg") no-repeat top center /cover;
}

.mvisual .pc {
    display: block;
}
.mvisual .mobile {
    display: none;
}
.mvisual img {
    width: 100%;
}
.mvisual .layout {
    height: 100vh;
    max-width:1440px
}
.mvisual .textbox {
    position: absolute;
    top: 55%;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
    width: 450px;
    height: 450px;
    border-radius: 100%;
    padding: 50px 30px 10px;
    background-color: #ffffea;
    display: flex;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s;
    transform: translate(0, -50%);
} 
.mvisual .textbox:hover {
    transform: translate(0, -48%);
}
.mvisual .textbox a {
    position: absolute;
    width:100%;
    height: 100%;
    display: block;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    margin: auto
}
/*부산mbc웨딩페어 스타일 */
.mvisual .textbox .Mtitle {
    font-size: 3.2rem;
    font-weight: 800;
    text-align: center;
    color: #231f20;
    line-height: 1.3;
    letter-spacing: -0.2px;
    border-radius: 50px;
    
}
.mvisual .textbox .Mtitle span {
    display: inline-block;
    margin-right: 1.429rem;
    display: block;
    margin:auto
}
.mvisual .textbox .Mplace {
    margin-top: 1.3rem;
    border-radius: 50px;
    padding: 0.857rem 0;
    font-size: 1.714rem;
    color: #fff;
    background-color: #ff1b66;
    line-height: 1.3;
}

.mvisual .textbox .Mdate,
.mvisual .textbox .Mdate strong {
    margin-top: 2.857rem;
    font-size: 1.714rem;
    font-weight: 600;
}
.mvisual .textbox .Mdate {
    margin-top:1.5rem
}
.mvisual .textbox .Mdate-bc,
.mvisual .textbox .Mdate-bc strong {
    margin-top: 1.657rem;
    font-size: 1.714rem;
    font-weight: 600;
}

.mvisual .textbox .Mdate strong,
.mvisual .textbox .Mdate-bc strong {
    font-size: 25px;
}
.mvisual .textbox .Mtime {
    margin-top: 0.714rem;
    font-size: 20px;
}
.mvisual .infobox {
    position: absolute;
    bottom: 4.286rem;
    right: 0;
    text-align: right;
}
.mvisual .infobox p {
    margin-top: 1rem;
    font-size: 1.143rem;
    color: #808080;
}
.mvisual .infobox span {
    width: 109px;
    display: inline-block;
    font-size: 1.143rem;
    text-align: left;
    color: #808080;
}

    /* 메인 비주얼 - 미디어쿼리 */
    @media all and (max-width:1200px) {
        .mvisual {
            margin-top: 60px
        }
        .mvisual {
            background-position-x: 75% ;
        }
        .mvisual .textbox {
            top: auto;
            bottom: -10%;
        }
        .mvisual .textbox .Mtitle span img {
            width: 150px;
        }
        .mvisual .textbox .Mplace {
            margin-top: 1rem;
        }
        .mvisual{
            background: url("/mbx/main-visual-2311-mobile.png") top center / cover no-repeat !important;
        }
    }
    @media all and (max-width:1000px) {
        .mvisual .pc {
            display: none;
        }
        .mvisual .mobile {
            display: block;
        }
        .mvisual .textbox {
            padding-bottom: 40px
        }
        .mvisual .textbox .Mtitle,
        .mvisual .textbox .Mplace,
        .mvisual .textbox .Mdate,
        .mvisual .textbox .Mdate strong,
        .mvisual .textbox .Mtime {
            color: #3b3b3b;
        }
        .mvisual .textbox .Mplace {
            color: #FFFFFF;
        }
        .mvisual .textbox .Mtitle span {
            width: 160px;
        }
        .mvisual .textbox .Mplace {
            width:70%;
            margin: 0.7rem auto 0;
        }
        .mvisual .textbox .Mdate,
        .mvisual .textbox .Mdate strong {
            margin-top: 1rem;
            font-size: 18px;
        }
        .mvisual .textbox .Mdate {
            margin-top:1rem
        }
        .mvisual .textbox .Mdate-bc, 
        .mvisual .textbox .Mdate-bc strong {
            margin-top:1rem
        } 
        .mvisual .layout {
            width:100%
        }
        .mvisual .textbox {
            width: 100%;
            height: 500px;
            bottom: -250px;
            border-radius: 0;
            left: 0;
            background: linear-gradient(3deg, rgba(255,254,245,1) 0%, rgba(255,254,245,0.8) 45%, rgba(255,254,245,0) 90%);
            box-shadow: 0 0 0 rgb(0 0 0 / 0%);
            /* background: linear-gradient(3deg, rgb(242, 250, 197) 0%, rgba(242, 250, 197,0.8) 45%, rgba(255,255,255,0) 90%);
            box-shadow: 0 0 0 rgb(0 0 0 / 0%); */
            justify-content: flex-end;
        }
    }
    @media all and (max-width:640px) {
        
        .mvisual .layout {
            width:100%
        }
        .mvisual .textbox {
            /* height: 400px;
            bottom: -200px; */
            height: 370px;
            bottom: -190px;
            padding-bottom:30px;
            box-shadow: 0 0 0 rgb(0 0 0 / 0%);
            background: linear-gradient(3deg, rgba(255,254,245,1) 0%, rgba(255,254,245,0.8) 45%, rgba(255,254,245,0) 70%);
            box-shadow: 0 0 0 rgb(0 0 0 / 0%);
        }
        .mvisual .textbox .Mtitle {
            font-size: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .mvisual .textbox .Mtitle span {
            width: auto;
            display: inline;
            margin:0 7px 0 0
        }
        .mvisual .textbox .Mtitle span img {
            width:130px
        }
        .mvisual .textbox .Mplace {
            /* width:100%; */
            font-size: 1.143rem;
            margin-top: 1rem;
        }
        .mvisual .textbox .Mdate,
        .mvisual .textbox .Mdate strong {
            margin-top: 1rem;
            font-size: 18px;
        }
        .mvisual .textbox .Mtime {
            font-size: 17px;
        }
        .mvisual .infobox p {
            font-size: 1rem;
        }
        .mvisual .infobox span {
            width: 100px;
        }

        .mvisual .textbox .Mdate-bc,.mvisual .textbox .Mdate-bc strong {
            margin-top: 1.3rem;
            font-size: 1.429rem;
        }
       
    }

/* 메인 컨텐츠 */
	/* 섹션 - 어워드 */
.awards_cont .cont01 {
    background: #1a2046;
}
.awards_cont .cont02 {
    padding: 12.857rem 0;
    background: #0e143c;
}
.awards_cont .cont02 .layout {
    padding: 0 7.143rem;
}

/* 섹션 - 어워드 - 미디어쿼리 */
@media all and (max-width:1024px) {
    .awards_cont .cont01 img,
    .awards_cont .cont02 img {
        display: none;
    }
    .awards_cont .cont01 .layout {
        height: 300px;
        background: url("/mbx/sec_award01_m.png") no-repeat center/100% auto;
    }
    .awards_cont .cont02 {
        padding: 0;
    }
    .awards_cont .cont02 .layout {
        padding: 0;
        height: 750px;
        background: url("/mbx/sec_award02_m.png") no-repeat center/100% auto;
    }
}
@media all and (max-width:575px) {
    .awards_cont .cont01 .layout {
        height: 250px;
    }
    .awards_cont .cont02 .layout {
        height: 450px;
    }
}
	/* 섹션 - KNN 웨딩홀 - 스튜디오 - 드레스 */
.section1,
.section2,
.section3 {
    padding-top: 34.375rem;
}
.section1 {
    background: #dbdedd url("/mbx/section01_bg.jpg") no-repeat center top/100% auto;
}
.section2 {
    background: #efe8e8 url("/mbx/section02_bg.jpg") no-repeat center top/100% auto;
}
.section3 {
    background:#f3f3f3 url("/mbx/section03_bg.jpg") no-repeat center top/100% auto}

	/* 섹션 - KNN 웨딩홀 - 스튜디오 - 드레스 - 미디어쿼리*/
@media all and (max-width:1200px) {
.section1, .section2, .section3 {padding-top:18rem}
}
@media all and (max-width:768px) {
.section1, .section2, .section3 {padding-top:13rem}
}

	/* 섹션1 - 사전신청이벤트 */
.mcont01 {
    background: url("/mbx/bg_section01_re.jpg") no-repeat center/cover;
}
.mcont01 h2,
.mcont01 .subtit {
    color: #FFFFFF;
}
.macnewlogo {
    margin-bottom: 10px;
    font-size: 22px;
    color: #888787;
}
.mcont01 h3 strong {
    line-height: 1.3;
}
.mcont01 .conbox {
    width: 100%;
}
.mcont01 .swiper-container {
    box-shadow: 0 0 32px rgba(0,0,0,0.1);
    padding-bottom: 0
}
.mcont01 .swiper-slide {
    padding: 10px;
}
.mcont01 .Scon01 {
    background: #eeeeee;
}
.mcont01 .Scon03 {
    background-image: linear-gradient(120deg, #feada6 0%, #f5efef 100%);
}
.mcont01 .Scon02 {
    background: #fcedff;
}
.mcont01 .Scon04 {
    background: #ecfbf6;
}
.mcont01 .Scon05 {
    background: #eeeeee;
}
.mcont01 .Scon06 {
    background: #ecfbf6;
}
.mcont01 .Scon07 {
    background-image: linear-gradient(120deg, #feada6 0%, #f5efef 100%);
}

.mcont01 .conbox .boxwrap {
    /* height: 380px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #fff;
    overflow: hidden;
}
.mcont01 .leftbox,
.mcont01 .rightbox {
    height: 100%;
    display: flex;
}
.mcont01 .leftbox {
    width: 55%;
    align-items: center;
}
.mcont01 .leftbox img {
    width:100%
}
.mcont01 .rightbox {
    width: 38%;
    justify-content: center;
    flex-direction: column;
}
.mcont01 .tit {
    margin-top: 0;
    color: #222222;
    line-height: 1.2;
}
.mcont01 .txt {
    color: #888787;
    font-size: 20px;
    margin-bottom: 10px
}
.mcont01 .txt2 {
    margin-top: 1.714rem;
    line-height: 1.3;
    color: #222;
}
.mcont01 .txt2 span {
    color: #e84671;
    font-size: inherit;
}

/* 섹션1 페이지 nav 없애기*/
/* .mcont01 .swiper-container .swiper-pagination {
    right:0
} */
.mcont01 .swiper-container .swiper-button-next {display:none;}
.mcont01 .swiper-container .swiper-button-prev {display:none;}

	/* 섹션1 - 사전신청이벤트 - 미디어쿼리 */
@media all and (max-width:1200px) {
    .mcont01 {
        background-position: 80% center;
    }
    .mcont01 h3 {
        font-size: 35px
    }
    .section .conbox .boxwrap {
        height: auto;
    }
}
@media all and (max-width:1000px) {
    .mcont01 .tit {
        font-size: 27px
    }
    .mcont01 .txt {
        font-size: 18px;
    }
    .mcont01 .txt2 {
        font-size: 16px;
    }
}
@media all and (max-width:640px) {
    .mcont01 .conbox .boxwrap {
        height: auto;
        flex-direction: column;
    }
    .mcont01 .leftbox,
    .mcont01 .rightbox {
        width:100%;
    }
    .mcont01 .rightbox {
        padding: 20px 10px;
        text-align: center;
    }
    .mcont01 .tit {
        font-size: 25px;
    }
    .mcont01 .txt {
        font-size: 16px;
    }
    .mcont01 .txt2 {
        font-size: 15px;
    }
}

	/* 섹션 - 롯데 */
.lotte_cont {
    background:center top / cover url("/mbx/lotte-cont-bg.jpg") no-repeat #6CD4D4;
}
.lotte_cont .cont02,
.lotte_cont .cont03 {
    background: #ffffff;
}
.lotte_cont #lotte_cont1 img {
    width:100%
}
.lotte_cont #lotte_cont1 .pc {
    display: block;
}
.lotte_cont #lotte_cont1 .mobile {
    display: none;
}
/* 746c91 */
	/* 섹션 - 롯데 - 미디어쿼리 */
@media all and (max-width:640px) {
    .lotte_cont #lotte_cont1 img {
        width:100%
    }
    .lotte_cont #lotte_cont1 .pc {
        display: none;
    }
    .lotte_cont #lotte_cont1 .mobile {
        display: block;
    }

}
@media all and (max-width:414px) {

}

	/* 섹션2 - 웨딩페어소개 */
.mcont02 {
    background: url("/mbx/bg_section02-re.jpg") no-repeat center/cover;
}
/* .mcont02 h2 {
    color: #ff4472;
} */
.mcont02 .conbox {
    width: 95%;
    padding: 7.571rem 0;
    margin-top: 0;
}

.mcont02 .wrap {position:relative}
.mcont02 .libox {float:left;width:25%;text-align:center}
.mcont02 .libox .count {
    display: block;
    line-height: 1.3;
    font-size: 5.143rem;
    font-weight: 600;
    color: #ff4472;
}
.mcont02 .libox .cttxt {
    display: inline-block;
    margin-top: 0.714rem;
    font-size: 1.143rem;
    color: #444444;
    text-transform: uppercase;
}
.mcont02 .libox .txtbox {
    width: 230px;
    margin: 2.571rem auto 0;
    padding: 1rem 0;
    background-color: #ff4472;
    font-size: 1.143rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.5;
}
.mcont02 .txt2 {margin-top:4.857rem;line-height:1.3}
.mcont02 .video {width:100%;height:680px;max-height:680px;background:white}
.mcont02 .video .vwrap {width:100%;height:100%}
.mcont02 .photo {width:100%;margin-top:5.714rem}
.mcont02 .photo .ptbox {
    position: relative;
    float: left;
    margin-right: 25px;
}
.mcont02 .photo .ptbox:last-of-type {
    margin-right: 0;
}
.mcont02 .photo .ptbox img {
    width:100%
}
.mcont02 .wrap .text {position:absolute;top:0;left:-25%}
.mcont02 .wrap .text .vertical {padding-left:20px;width:40px;font-family: 'nanumsquareround' !important;font-size:1.429rem;word-wrap: break-word;text-align:center;border:1px solid #101010;border-right:0}
.mcont02 .wrap .text .vt1 {padding-top:220px;min-height:680px}
.mcont02 .wrap .text .vt2 {min-height:5.714rem;border-top:0}
.mcont02 .wrap .text .vt3 {padding-top:25px;min-height:170px;border-top:0}

	/* 섹션2 - 웨딩페어소개 */
    @media all and (max-width:1200px) {
        .mcont02 .conbox:before {
            height: 60px;
        }
        .mcont02 .photo {
            margin-top: 4.286rem;
        }
        .mcont02 .photo .ptbox {
            width: 30%;
            margin-right: 5%;
            margin-top: 10px;
        }
        .mcont02 .photo .ptbox:nth-of-type(3n) {
            margin-right: 0;
        }
        .mcont02 .photo .ptbox img {
            width: 100%;
        }
    }
    @media all and (max-width:1000px) {
        .mcont02 .conbox {
            width: 100%;
            padding: 5rem 0;
        }
        .mcont02 .libox .count {
            font-size: 3.571rem;
        }
        .mcont02 .txt2 {
            margin-top: 3.286rem;
        }
        .mcont02 .video {
            max-height: 320px;
        }
    }
    @media all and (max-width:640px) {
        .mcont02 .conbox {
            padding: 3rem 0;
        }
        .mcont02 .conbox ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .mcont02 .libox .txtbox {
            margin-top: 1rem;
            width:100%;
            padding:0.5rem 4px;
            line-height: 1.3;
            font-size:15px
        }
        .mcont02 .libox {
            width: 48%;
        }
        .mcont02 .libox .count {
            font-size: 35px;
        }
        .mcont02 .libox:nth-of-type(3),
        .mcont02 .libox:nth-of-type(4) {
            margin-top: 20px;
        }
        .mcont02 .libox:first-of-type {
            margin-top: 0;
        }
        .mcont02 .txt2 {
            font-size:18px
        }
        .mcont02 .photo {
            margin-top: 3rem;
        }
        .mcont02 .photo .ptbox {
            width: 48%;
            margin-right: 4%;
        }
        .mcont02 .photo .ptbox:nth-of-type(3n) {
            margin-right: 4%;
        }
        .mcont02 .photo .ptbox:last-of-type,
        .mcont02 .photo .ptbox:nth-of-type(2n) {
            margin-right: 0;
        }
        .mcont02 .photo .ptbox:last-of-type,
        .mcont02 .photo .ptbox:nth-of-type(2n) {
            margin-right: auto;
        }
        .mcont02 .txt2 br {
            display: none;
        }
        .mcont02 .video {
            max-height: 240px;
        }
    }


/*event 공통*/
.swiper-container {width:1200px;height:auto;padding-bottom:3rem}
.conbox .title-img{width:600px;height:482px}

	/* 이벤트내용 2개 기준 */
.conbox .cont-area {
    width: 600px;
    height: 430px;
    background: #fff;
    margin-top: 1.5000rem;
    padding: 4.000rem 5.143rem;
    text-align: center;
}
.conbox .stit {
    margin-bottom: 1.5rem;
}
.conbox .stit * {
    display: block;
    line-height: 1.2;
    letter-spacing: -0.2;
}
.event{width:100%;display:inline-block;text-align:center}
.event li{float:left;text-align:center;width:45%;margin:0 2.5%;}
.conbox .event-label{width:100%;height:99px; margin-top:1.214rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  line-height:1.5;
  }
.conbox .event-label strong,
.conbox .event-label small{font-size:2.000rem;line-height:1.3}
.conbox .event-img {
    margin-top: 0;
}
.conbox .noti{text-align:center;margin-top:1.714rem;color:#3a3a3a}
.img-responsive{display:block;max-width:100%;height:auto}
.conbox .noti2 {text-align:center;margin-top:1.714rem;color:#3a3a3a;font-weight:600;font-size:20px}
.img-responsive{display:block;max-width:100%;height:auto}

	/* 이벤트내용 1개 일때 */
.conbox .rcont1 {padding:5.143rem}
.conbox .rcont1 .event-label {width:74%;margin:1.429rem auto 0}

	/* 이벤트내용 3개 일때 */
.conbox .rcont3 {padding:1.5rem 5.143rem}
.conbox .rcont3 .stit {margin-bottom:1.5rem}
.conbox .rcont3 .event li {margin-bottom:1rem}

	/* 이벤트내용 4개 일때 */
.conbox .rcont4 {padding:2rem 3rem}
.conbox .rcont4 .stit {margin-bottom:1.5rem}
.conbox .rcont4 .event li {margin-bottom:1rem}

/*event common - 미디어쿼리*/
@media all and (max-width:1200px) {
.swiper-container {width:100%;}
.eventwrap .conbox {width:100%}
.conbox .title-img,.conbox .cont-area {float:none;margin:0 auto}
}
@media all and (max-width:640px) {
.conbox .stit {
    margin-bottom: 2.5rem;
}
.conbox .cont-area,
.conbox .title-img {
    width: 100%;
    height: auto;
}
.conbox .cont-area {
    min-height: auto;
    /* min-height: 300px; */
    max-height: 490px;
    padding: 3rem;
}
.event li,
.event li:first-child {
    width: 100%;
    float: none;
    margin: 10% auto 0;
}
.event li:first-child {
    margin-top: 0;
}
.conbox .event-label {
    width: 195px;
    height: 95px;
    margin: 1rem auto 0;
}
}
@media all and (max-width:414px) {
.conbox .cont-area {padding:3rem 1rem}
.conbox .stit {text-align:center}
}

/* 추천 홀, 스튜디오 */
@media all and (max-width: 1300px) {
    .hall-sec img, .studio-sec img{
        width: 100%;
    }
    
}

/* 추천 배너 공통 */
.gm{
    font-family: 'GmarketSans';
}
.inner{
    width:90%;
    max-width: 1396px;
    margin: 0 auto;
}
.section-dress,
.section-studio,
.section-hall{
    padding: 7.85% 0;
}
.title-area{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 5%;
}
.title-area span{
    font-size: 26px;
    font-weight: 300;
    font-family: inherit;
    letter-spacing: 31px;
}
.title-area h2{
    font-size: 90px;
    font-weight: 700;
    font-family: inherit;
    margin: 4.25% 0;
    line-height: 7rem;
}
.title-area p,
.title-list > li{
    font-size: 41px;
    font-weight: 500;
    font-family: inherit;
    position: relative;
    text-align: center;
    line-height: 1.2;
}
.title-list{
    display: flex;
    justify-content: space-between;
}
.title-list > li.bar{
    width: 1px;
    height: auto;
}
/* .title-list > li::before{
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #0e143c;
    position: absolute;
    top: 0;
    left: -50%;
}
.title-list > li:first-child:before{
    display: none;
} */
.dress-list,
.studio-list,
.hall-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -2%;
    flex-wrap: wrap;
}
.dress-list::after,
.studio-list::after,
.hall-list::after {
    content:"";
    flex: 0 0 33.33%;
}
.dress-list .item,
.studio-list .item,
.hall-list .item{
    width: 33.333%;
    padding: 2%;
    font-family: inherit;
}
.dress-list .item span,
.studio-list .item span,
.hall-list .item span{
    display: block;
}
.hall-list .item span {
    max-width: 420px
}
.dress-list .item span img,
.studio-list .item span img,
.hall-list .item span img{
    width: 100%;
}
.dress-list .item strong,
.studio-list .item strong,
.hall-list .item strong{
    display: block;
    font-size: 30px;
    font-weight: 500;
    font-family: inherit;
    text-align: center;
    margin-top: 5%;
}
/* 추천 배너 공통 미디어쿼리*/
@media all and (max-width:1200px) {
    .section-dress,
    .section-studio,
    .section-hall{
        padding: 90px 5%;
    }
    .title-area h2{
        font-size: 45px;
        line-height: 3rem;
    }
    .title-area span{
        font-size: 15px;
        letter-spacing: 13px;
    }
    .title-area h2 br{
        display: none;
    }
    .title-area p,
    .title-list > li {
        font-size: 23px;
    }
    .dress-list .item strong,
    .studio-list .item strong,
    .hall-list .item strong{
        font-size: 20px;
    }
    
}
@media all and (max-width:1000px){
    .title-area h2{
        line-height: 4rem;
    }
    .title-area h2 br{
        display: block;
    }
}
@media all and (max-width:640px){
    .section-dress,
    .section-studio,
    .section-hall{
        padding: 60px 0 60px;
    }
    .title-area span {
        font-size: 10px;
        letter-spacing: 9px;
    }
    .title-area h2{
        font-size: 32px;
        margin: 6.25% 0;
        line-height: 2.6rem;
    }
    .title-area p,
    .title-list > li {
        font-size: 14px;
    }
    .dress-list .item strong,
    .studio-list .item strong,
    .hall-list .item strong{
        font-size: 16px;
    }
    .dress-list .item,
    .studio-list .item,
    .hall-list .item{
        width: 50%;
    }
    .dress-list::after,
    .studio-list::after,
    .hall-list::after {
        content:"";
        flex: 0 0 50%;
    }
}
/* 추천 웨딩 홀 */
.section-hall{
    /* background: linear-gradient(135deg, #342141 0%,#262042 100%); */
    background: linear-gradient(135deg, #ffdf52  0%,#ffa62a 100%);

}
.section-hall .title-area span,
.section-hall .title-area h2{
    color: #6c52db;
}
.section-hall .title-list > li,
.hall-list .item strong{
    color: #101010;
}
.section-hall .title-list > li{
    font-weight: 300;
}
.section-hall .title-list > li.bar{
    background-color: #414141;
}

.hall-place{
    border-top: 1px solid #414141;
    margin-top: 8%;
}
.hall-place dl{
    width: 100%;
    display: inline-block;
    margin-top: 5.4%;
}
.hall-place dl dt,
.hall-place dl dd{
    color: #101010;
    font-family: inherit;
    font-size: 23px;
    line-height: 1.3;
}
.hall-place dl dt{
    float: left;
    font-weight: 500;
}
.hall-place dl dd{
    padding-left: 12.3%;
    font-weight: 300;
    margin-bottom: 10px;
}
.hall-place dl dd::after{
    display: table;
    content: '';
    clear: both;
}
/* 추천 웨딩 홀 미디어쿼리 */
@media all and (max-width:1200px){
    .hall-place dl dt,
    .hall-place dl dd{
        font-size: 16px;
 }
 .hall-place dl dd{
    padding-left: 14.3%;
}
}
@media all and (max-width:1000px){
.hall-place dl dd{
    padding-left: 18.3%;
}
}
@media all and (max-width:640px){
    .hall-place dl dt{
        float: none;
        margin-bottom:5px
    }
    .hall-place dl dt:not(:first-of-type) {
        margin-top:20px
    }
    .hall-place dl dd{
        padding-left: 0;
        width:100%;
        font-size:14px
    }
}
/* 추천 웨딩 스튜디오 */
.section-studio{
background: linear-gradient(135deg, #f4d3e8 0%,#ffdbc5 100%);
}
.section-studio .title-area h2{
    color: #8550c6;
}
.section-studio .title-area span,
.section-studio .title-list > li{
    color: #7c2a58;
}
.section-studio .title-list > li.bar{
    background-color: #7c2a58;
}
.studio-list .item strong{
    color: #632049;
}

.st-place{
    border-top: 1px solid #414141;
    margin-top: 8%;
}
.st-place dl{
    width: 100%;
    display: inline-block;
    margin-top: 5.4%;
}
.st-place dl dt,
.st-place dl dd{
    color: #101010;
    font-family: inherit;
    font-size: 23px;
    line-height: 1.3;
}
.st-place dl dt{
    float: left;
    font-weight: 500;
}
.st-place dl dd{
    padding-left: 12.3%;
    font-weight: 300;
    margin-bottom: 10px;
}
.st-place dl dd::after{
    display: table;
    content: '';
    clear: both;
}
/* 추천 스튜디오 미디어쿼리 */
@media all and (max-width:1200px){
    .st-place dl dt,
    .st-place dl dd{
        font-size: 16px;
 }
 .st-place dl dd{
    padding-left: 14.3%;
}
}
@media all and (max-width:1000px){
.st-place dl dd{
    padding-left: 18.3%;
}
}
@media all and (max-width:640px){
    .st-place dl dt{
        float: none;
        margin-bottom:5px
    }
    .st-place dl dt:not(:first-of-type) {
        margin-top:20px
    }
    .st-place dl dd{
        padding-left: 0;
        width:100%;
        font-size:14px
    }
}


/* 추천 웨딩드레스 */
.section-dress{
    background: linear-gradient(128deg, rgb(158 111 255) 0%, rgb(62 45 108) 100%);
}
.section-dress .title-area span,
.section-dress .title-area h2{
    color: #fff;
}
.section-dress .title-area p{
    color: #fff;
}
.dress-list .item strong{
    color: #fefefe;
}
/* 추천 웨딩드레스 미디어쿼리*/




	/* 섹션4 - 스드메이벤트 */
.mcont04 {background:url("/mbx/bg_section04.jpg") no-repeat center/cover}
.mcont04 .conbox .rcont4 {padding:2rem 5.143rem}
.mcont04 .event-label{background:url("/mbx/sec04_label.jpg") no-repeat center/100% auto}
.mcont04 .conbox .event-label *{color:#6349bb}

@media all and (max-width:640px) {
.mcont04 .conbox .cont-area {min-height:700px;max-height:700px}
}


	/* 섹션5 -허니문이벤트 */
.mcont05 {
    background: url("/mbx/bg_section05-re.jpg") no-repeat center/cover;
}
.mcont05 .conbox .cont-area {padding:3rem}
.mcont05 .conbox .stit {margin-bottom:1.5rem}
/* .mcont05 .rightbox {padding:2rem 3rem} /* 오투어 */
.mcont05 .hd-txt{display:inline-block;width:137px;height:auto}
/* .mcont05 .conbox .stit {margin-bottom:2.357rem} /* 오투어 */
.mcont05 .event-label{background:url("/mbx/sec05_label.jpg") no-repeat center/auto 100%}  /* 하나투어 */
/* .mcont05 .event-label{background:url("/mbx/sec05_label01.jpg") no-repeat center/100% auto} /* 오투어 */
/* .mcont05 .conbox .event-label {width:74%;margin:1.429rem auto 0} /* 오투어 */
.mcont05 .conbox .event-label *{color:#ec4a7a}
.mcont05 .event-label .txt4 {line-height:1.3;width:338px}
.mcont05 .conbox .subinfo {color:#ec4a7a}

@media all and (max-width:640px) {
    .mcont05 .conbox .cont-area {
        min-height: auto;
        /* min-height: 325px;
        max-height: 325px; */
    }
    .mcont05 .event-label .txt4 {
        width: 260px;
    }
}
@media all and (max-width:425px) {
.mcont05 .conbox .event-label {width:100%;height:110px}
}

/* 리뷰 */
.sectionReview {
    display: flex;
    width: 100%;
    padding: 140px 0;
    background: url("/mbx/review-bg.jpg") no-repeat center / cover;
}
.sectionReview .title-area span,
.sectionReview .title-area p {
    color: #ffffff;
}
.sectionReview .title-area h2 {
    color: #FFDD00;
}
.sectionReview .reviewList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}
.sectionReview .reviewList .item img {
    width: 100%;
}
    /* 미디어쿼리 1200px 이하 */
    @media all and (max-width: 1200px) {
        .sectionReview {
            padding: 90px 0;
        }
        .sectionReview .reviewList {
            grid-template-columns: 1fr 1fr 1fr;
            
        }
    }
    /* 미디어쿼리 640px 이하 */
    @media all and (max-width: 640px) {
        .sectionReview {
            padding: 60px 0;
        }
        .sectionReview .reviewList {
            grid-template-columns: 1fr 1fr;
            
        }
    }

	/* 섹션6 -- 예물이벤트 */
.mcont06 {
    background: url("/mbx/bg_section06-re.jpg") no-repeat center/cover;
}
.mcont06 .hd-txt{display:inline-block;width:68px;height:auto}
/* .mcont06 .event-label{background:url("/mbx/sec06_label.jpg") no-repeat center/auto 100%} --- 3개일때 라벨 배경 */ 
.mcont06 .event-label{background:url("/mbx/sec06_label01.jpg") no-repeat center/auto 100%}
.mcont06 .conbox .event-label strong, .mcont08 .conbox .event-label strong, .mcont12 .subtit{font-size:1.714rem;}
.mcont06 .conbox .event-label strong{color:#3ac6d3}
.mcont06 .conbox .event-label .small {font-size:2rem;margin-top:0.571rem}
.mcont06 .conbox .event-label .txt4{color:#515151}
.mcont06 .conbox .rcont4 {padding:0}
.mcont06 .conbox .rcont4 img {height:auto;}
.mcont06 .conbox .rcont2 .stit {margin-bottom:3rem}
.mcont06 .conbox .rcont2 .event-img {margin-top:0}
.mcont06 .conbox .subinfo {color:#3ac6d3;margin-top:1.5rem}

	/* 섹션6 - 예물이벤트 -미디어쿼리 */
@media all and (max-width:640px) {
.mcont06 .conbox .cont-area {
    min-height: auto;
    /* min-height: 322px; */
    max-height: 450px;
    padding: 3rem;
}
.mcont06 .conbox .rcont4 {
    padding: 0;
}
.mcont06 .event li {
    width: 100%;
    margin-left: 0;
}
.mcont06 .conbox .event-label .small {
    font-size: 1.714rem;
}
}
@media all and (max-width:414px) {
.mcont06 .conbox .cont-area {padding:3rem 1rem}
.mcont06 .conbox .rcont4 {padding:0}
}

	/* 섹션7 -- 정장이벤트 */
.mcont07 {
    background: url("/mbx/bg_section07-re.jpg") no-repeat center/cover;
}
.mcont07 .event-label {
    background: url("/mbx/sec07_label.jpg") no-repeat center/auto 100%;
}
.mcont07 .conbox .cont-area {padding:3rem 1rem}
.mcont07 .conbox .event-label strong{color:#22a5dc}
.mcont07 .conbox .event-label small{font-size:2.857rem}

	/* 섹션7 - 정장이벤트 -미디어쿼리 */
@media all and (max-width:640px) {
.mcont07 .event-label{background-size:100% auto} 
.mcont07 .conbox .event-label, .mcont10 .conbox .event-label {margin-top:1rem}
}
@media all and (max-width:414px) {
.mcont07 .conbox .cont-area {padding:3rem 1rem}
}

	/* 섹션8 --한복이벤트 */
.mcont08 {
    background: url("/mbx/bg_section08-re.jpg") no-repeat center/cover;
}
.mcont08 .hd-txt{display:inline-block;width:137px;height:auto}
.mcont08 .conbox .rcont4 {padding:3rem}
.mcont08 .event-label{background:url("/mbx/sec08_label.jpg") no-repeat center/100% auto}
.mcont08 .conbox .event-label *{color:#e43c9d}
.mcont08 .conbox .subinfo {color:#e43c9d;margin-top:1.5rem}

	/* 섹션8 --한복이벤트 -미디어쿼리 */
@media all and (max-width:640px) {
.mcont08 .conbox .cont-area {min-height:300px;max-height:300px;padding:3rem}
}


	/* 섹션9 --가전이벤트 */
.mcont09 {
    background: url("/mbx/bg_section09-re.jpg") no-repeat center/cover;
}
.mcont09 .sd1 .cont-area {
    /* padding: 1.5rem 5.143rem; */
    /* background: #fff url("/mbx/sec09_01_event.jpg") no-repeat center; */
}
.mcont09 .sd2 .cont-area {
    /* padding: 1.5rem 5.143rem;
    background: #fff url("/mbx/sec09_02_event.jpg") no-repeat center; */
}
.mcont09 .sd3 .cont-area {
    /* padding: 1.5rem 5.143rem;
    background: #fff url("/mbx/sec09_04_event.jpg") no-repeat center; */
}
.mcont09 img {
    width:100%
}
/*.mcont09 .hd-txt{display:inline-block;width:129px;height:26px} 
.mcont09 .event-label{background:url("/mbx/sec09_label.jpg") no-repeat center/100% auto}
.mcont09 .conbox .event-label *{color:#586f36}
.mcont09 .conbox .event-label strong{font-size:1.714em} ---- 일반*/ 

	/* 섹션9 --가전이벤트 -미디어쿼리 */
@media all and (max-width:640px) {
.mcont09 .hd-txt {width:100px}
.mcont09 .conbox .cont-area {background-size:100% auto;padding:1.5rem 3rem}
}

	/* 섹션10 --가구이벤트 */
.mcont10 {
    background: url("/mbx/bg_section10-re.jpg") no-repeat center/cover;
}
.mcont10 .hd-txt{display:inline-block;width:137px;height:26px}
.mcont10 .sd1 .rcont4 {padding:3rem}
.mcont10 .sd2 .rcont4 {padding:4.000rem 5.143rem}
.mcont10 .sd3 .rcont4 {padding: 4rem 3rem;}
.mcont10 .sd2 .event ol {margin-top:3rem}
.mcont10 .event-label{background:url("/mbx/sec10_label.jpg") no-repeat center/100% auto}
.mcont10 .conbox .event-label *{color:#a6673d}
.mcont10 .conbox .event-label strong{font-size:1.714rem;}
.mcont10 .sd2 .rcont4 .event-img {margin-top:0}

@media all and (max-width:640px) {
.mcont10 .conbox .event-label {height:100px}
.mcont10 .event-label small {line-height:1.3}
}

	/* 섹션13 --기타이벤트 */
.mcont13 {
    background: url("/mbx/bg_section13-re.jpg") no-repeat center/cover;
}
.mcont13 .conbox .rcont4 {padding:4rem 3rem}
.mcont13 .conbox .event-label *{color:#5d7dda}

@media all and (max-width:640px) {

}

	/* 섹션11 - 참가신청 폼 */
.mcont11 {
    background: url("/mbx/bg_section11-re.jpg") no-repeat center/cover;
}
.mcont11.section .conbox {
    background-color: rgba(255,255,255,0.85);
    padding-top:35px;
    padding-bottom:35px
}
.mcont11.section .join {
    width:80%
}
.mcont11.section .join .box span {
    margin-top:0;
}
.mcont11.section .join .box {
    width:90%;
    margin:0 auto;
    border:0;
    margin-bottom:20px;
    height: auto;
    /* border-bottom:2px solid #212121 */
}
.mcont11.section .join .box input[type=text],
.mcont11.section .join .box input[type=number] {
    border:0;
    border-bottom:1px solid #212121;
    margin:0;
    height:50px;
}
    @media all and (max-width:1200px) {
        .mcont11 {background-position: 80% center}
    }
    @media all and (max-width:640px) {
        .mcont11 {
            background-position: 80% center;
        }
        .mcont11.section .join {
            width:100%
        }
        .mcont11.section .conbox {
            padding-top:25px
        }
    }

/* 삼성스토어 */
.samsung {
    background-color: #61c6c0;
}
#container .samsung .layout {
    overflow: hidden;
    max-width: 1358px;
}
#container .samsung .layout img {
    width: 100%;
    margin: auto
}
    @media all and (max-width:640px) {
        #container .samsung .layout {
            width:100%;
            max-width:100%;
            display: flex;
            justify-content: center;
        }
        #container .samsung .layout img {
            width: 125%;
        }
    }

/* 롯데몰 이벤트 */
.lottemall {
    background: top center / contain url("/mbx/lottemall-bg.png") #61CFA2 no-repeat;
    /* background-color: #61CFA2; */
    overflow: hidden;
    width:100%;
    padding: 170px 0 130px
}
.lottemall img {
    width:100%
}
.lottemall .layout.pc {
    max-width: 1400px
}
.lottemall .mobile {
    display: none;
}
.lottemall .btn {
    background-color: #FF3372;
    color: #FFFFFF;
    /* box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); */
}
.lottemall .btn:hover {
    box-shadow: 0 0 10px rgba(255,255,255,0.6);
}
    @media all and (max-width:1200px) {
        .lottemall {
            padding: 140px 0
        }
    }
    @media all and (max-width:1000px) {
        .lottemall {
            padding: 100px 0;
        }
    }
    @media all and (max-width:640px) {
        .lottemall .layout.pc {
            display: none;
        }
        .lottemall .mobile {
            display: block;
        }
        .lottemall {
            background-image: url("/mbx/lottemall-bg-mobile.png");
            padding: 60px 30px
        }
        .lottemall .btn {
            margin-top: 30px
        }
    }



.join {width:65%;position:relative}
.join .fieldleft,.join .fieldright,.join .fieldcenter {width:390px;height:auto;float:left;}
.join .box {
    width: 380px;
    height: 60px;
    padding: 0 2.143em;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #868686;
}

.join .box input[type=text], .join .box input[type=number] {height:40px;margin:10px 0;padding-left:2%;border:1px solid #aeaeae}
.join .box span,.join .selectarea .inputbox_title {display:inline-block;margin-top:10px;line-height:40px;font-size:1.143rem}
.join .box span strong {font-size:1.143rem;font-weight:500}
.join .fieldright .box {float:right}
.join .provision .box {height:auto}
.join .inputbox,.join .checkbox,.join .agreebox {width:80%;height:60px;border:none;padding:0 0 0 30px;-webkit-appearance: none; -moz-appearance: none;appearance: none;-webkit-transition:all 0.25s linear;transition:all 0.25s linear;position:relative;font-size:1.143em;color:#737373;background-color:transparent;float:right}
.join .inputbox.on,.join .checkbox.on {border:1px solid #454545;color:#454545 !important}
.join .inputbox.on::-webkit-input-placeholder {color:#e84670}
.join .inputbox2 {height:111px;padding:10px 0 0 25px;font-size:1.143em !important;color:#737373}
.join p.inputbox {line-height:46px;}
.join .agreebox {padding-left:0}
.join .agreebox::after {content:"";display: block;clear: both;}
/* .join .selectarea .agreebox {padding-left:30px} */
.join .cb01 .wrap,
.join .cb03 .wrap {
    width: 50%;
}
.join .cb01 .agreebox,
.join .cb03 .agreebox {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}
.join .cb01 .agreebox #agree_box,
.join .cb03 .agreebox #agree_box {
    width: 100%;
}
.join .agreebox .ab,
.join .agreebox .chb {
    position: relative;
    display: inline-block;
    float: left;
    width: 25%;
    height: 60px;
}
.join .agreebox .chb {padding-left:5%}
.join .cb01 .agreebox .ab {
    width: 50%;
}
.join .cb03 .agreebox .ab {
    width: 50%;
}
.join .agreebox .ab input[type=radio], .join .agreebox .chb input[type=checkbox] {position:absolute;visibility:hidden;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.join .agreebox .ab label,.join .agreebox .chb label {display:inline-block;position:absolute;z-index:9;cursor:pointer;-webkit-transition:all 0.25s linear;transition:all 0.25s linear;font-size:1.143em;padding-left:30px;line-height:60px}
.join .agreebox .chb label {padding-left:25px;font-size:1rem}
.join .agreebox .ab .check,.join .agreebox .chb .check {display:block;position:absolute;top:21px;width:20px;height:20px;border:1px solid #868686;border-radius:50%;background-color:transparent;z-index:5;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}
.join .agreebox .ab:hover .check,.join .agreebox .ab input[type=radio]:checked ~ .check,.join .agreebox .chb:hover .check,.join .agreebox .chb input[type=checkbox]:checked ~ .check {border:1px solid #454545}
.join .agreebox .ab .check:before,.join .agreebox .chb .check:before {content:"";display:block;position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background-color:transparent;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}
.join .agreebox .chb .check:before {top:3px;left:3px}
.join .agreebox .ab input[type=radio]:checked ~ .check:before,.join .agreebox .chb input[type=checkbox]:checked ~ .check:before {background-color:#454545}
.join .agreebox .chb .check,.join .agreebox .chb .check:before {border-radius:0}
.join .agreebox .chb .check {width:16px;height:16px;top:23px}
.join .agreebox .chb .check:before {width:8px;height:8px}
.join .fieldcenter,.join .fieldcenter .box {width:100%}
.join .wedding_date {background:none}
.join .provision {float:none}
.join .provision .box {padding:0}
.join .provision .cb01 {
    padding: 0 2.143em;
    height: 59px;
    position: relative;
}
.join .provision .cb02 {
    display: none;
    width: 100%;
    margin-top: 1.5rem;
    padding: 0 0 1.5rem;
    max-height: 230px;
    overflow: hidden;
    overflow-y: scroll;
    border-top: 1px solid #868686;
    border-bottom: 1px solid #868686;
}
.join .provision .cb01,
.join .provision .cb03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2.143em;
    width: 100%;
    height: 59px;
}
/* .join .provision .cb03 .inputbox {
    width: 30%;
} */
.join .provision .guide {
    margin: 1.5rem;
}
.join .provision .guide a,
.join .provision .guide li,
.join .provision .guide p,
.join .provision .guide td,
.join .provision .guide th {
    font-size: 0.867rem;
    font-weight: 300;
    line-height: 1.5;
}
.join .provision .guide li {
    padding: 0.5rem 1.5rem;
}
.join .provision .guide h2 {
    font-size: 0.933rem;
    padding: 1rem 0 0.5rem;
    margin-top: 0.8rem;
    font-weight: 500;
    color: #404040;
}
.join .provision .guide .table {
    width: 100%;
    margin: 0.8rem 0;
    border: 1px solid #d9d9d9;
}
.join .provision .guide .table th,
.join .provision .guide td {
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
    padding: 0.5rem 0.6rem;
    text-align: center;
}
.join .provision .guide td {
    text-align: left;
}
.join .provision .guide td {
    border-right: 1px solid #d9d9d9;
}
.join .provision .guide .table th {
    background-color: #fafafa;
    border-right: 1px solid #d9d9d9;
}
.join .provision .guide .table2 th,
.join .provision .guide .table2 td {
    text-align: left;
}
.join .provision .cb01 .btn12,
.join .provision .cb03 .btn12 {
    font-size: 1rem;
    font-weight: 400;
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 10px;
    background-color: #adadad;
}

	/* 섹션11 - 참가신청 폼 - 미디어쿼리*/
    @media all and (max-width:1200px) {
        .join .fieldleft, .join .fieldright, .join .fieldcenter {width:100%;float:none;clear:both;}
        .join .fieldleft .box {float:right}
        .join .box {width:100%}
        .join .inputbox, .join .checkbox, .join .agreebox {width:80%}
        .join .checkbox {width:75%}
    }
    @media all and (max-width:1024px) {
        .join {
            width: 80%;
        }
        .join .agreebox,
        .join .checkbox,
        .join .inputbox {
            width: 80%;
            margin-bottom: 10px;
        }
        .join .selectarea .agreebox,
        .join .selectarea .checkbox,
        .join .selectarea .inputbox {
            height: auto;
        }
        .join .selectarea .agreebox {
            padding-left: 0;
        }
        .join .checkbox #check_box:after,
        .join .fieldcenter .box:after {
            content: "";
            display: block;
            clear: both;
        }
        .join .checkbox {
            width: 80%;
            height: auto;
        }
        .join .checkbox .chb {
            width: 33.33%;
        }
        .join .provision .cb01,
        .join .provision .cb03 {
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            height: auto;
        }
        .join .cb01 .agreebox,
        .join .cb03 .agreebox {
            width: 100%;
            justify-content: flex-start;
        }
        .join .cb01 .wrap,
        .join .cb03 .wrap {
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-left: 0;
        }
    }

    @media all and (max-width:768px) {
        .join .selectarea .agreebox {
            padding-left: 0;
        }
        .join .agreebox .ab {
            width: 33%;
        }
        .join .checkbox .chb {
            width: 50%;
        }
    }
    @media all and (max-width:640px) {
        .join {
            width: 100%;
        }
        .join .agreebox,
        .join .checkbox,
        .join .inputbox {
            width: 68%;
            margin-left: 2%;
            padding: 0;
        }
        .join .selectarea {
            height:auto
        }
        .join .selectarea .inputbox_title {
            line-height:29px
        }
        /* .join .selectarea .agreebox {
            padding-top:10px
        } */
        .join .agreebox .ab {
            height:30px;
            width:100%
        }
        .join .agreebox .ab label {
            line-height: 30px;
        }
        .join .agreebox .ab .check {
            top:6px
        }
        /* .join .cb01 .agreebox {
            width: 55%;
        } */
        .join .provision .guide h2 {
            padding: 0.5rem 0;
            margin-top: 0.5rem;
        }
        .join .provision .guide li {
            padding: 0.5rem 1.5rem;
        }
    }
    @media all and (max-width:575px) {
        .join .box span {
            width: auto;
            font-size: 1rem;
        }
        .join .checkbox .chb {
            width: 50%;
        }
        .join .provision .cb01 {
            padding: 0 4%;
        }
        .join .provision .cb03 {flex-direction: column; align-items: flex-start; padding:0 4%; width: 100%; height:59px}
        .join .provision .cb03 .wrap {
            width: 100%;
        }
        .join .provision .cb03 .inputbox {
            width: 100%;
            margin-left: 0;
        }
        .join .box span strong {
            font-size: 1rem;
        }
        /* .join .cb01 .agreebox {
            width: 100%;
        } */
        .join .selectarea .agreebox {
            padding-left: 0;
        }
        .join .provision .cb01 .btn12,
        .join .provision .cb03 .btn12 {
            position: absolute;
            right: 0
        }
        /* .join .provision .cb01 .btn12 {
            margin-left: 20px;
        } */
    }
    @media all and (max-width:425px) {

        .join .box {
            padding: 0 2%;
        }

    }


/*웨딩페어 오시는길*/
.section.mcont12:after{content:"";display:block;clear:both}
/* .mcont12 {
    background: #d9a2fe;
    background: -webkit-linear-gradient(to right, #ffb3b6, #ff94ce, #d9a2fe);
    background: linear-gradient(to right, #ffb3b6, #ff94ce, #d9a2fe);
} */
.mcont12 {
    background: url("/mbx/bg_section12-re.jpg") no-repeat center/cover;
}


/* .mcont12 {
    background: url("/mbx/bg_section12.jpg") no-repeat center/cover;
} */
.section.mcont12:after{display:none}
.mcont12 .conbox{width:100%;background:#fff;padding:2.143rem;-webkit-box-shadow:  7px -3px 46px -14px rgba(138, 138, 138, 0.75);
-moz-box-shadow:  7px -3px 46px -14px rgba(138, 138, 138, 0.75);
box-shadow: 7px -3px 46px -14px rgba(138, 138, 138, 0.75)}
.mcont12 .leftbox{width:48%;height:318px}
.mcont12 .rightbox{width:48%;text-align:left}
.mcont12 .rightbox strong {
    /* font-size: 2.571rem; */
    font-size: 2.3rem;
    display: block;
    /* margin: 1.786rem 0 2.857rem; */
    margin: 0.5rem 0 2.857rem;
    line-height: 1.3
}
.mcont12 .rightbox li,
.mcont12 .rightbox li span {
    font-size: 1.429rem;
    color: #4c4c4c;
    font-weight: 300;
}
.mcont12 .rightbox li {
    position: relative;
    padding-left: 8.571rem;
    line-height: 1.3;
    margin-top: 0.857rem;
}
.mcont12 .rightbox li:before {
    content: "";
    width: 1px;
    height: 18px;
    position: absolute;
    top: 0.286rem;
    left: 6.786rem;
    background: #4c4c4c;
}
.mcont12 .rightbox li span {
    position: absolute;
    top: 0.286rem;
    left: 0;
}

    /*웨딩페어 오시는길 - 미디어쿼리*/
    @media all and (max-width:1023px) {
        .mcont12 .leftbox,
        .mcont12 .leftbox > div,
        .mcont12 .rightbox {
            width: 100%;
        }
    }
    @media all and (max-width:575px) {
        .mcont12 .rightbox li,
        .mcont12 .rightbox li span {
            font-size: 1rem;
        }
        .mcont12 .rightbox strong {
            font-size: 1.5rem;
            text-align: center;
            line-height: 1.4;
        }
        .mcont12 .leftbox {
            height: 200px;
        }
    }

/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index:99;
    background : center / cover url("/mbx/inquiry-bg2.jpg") no-repeat;
	/* background-image:linear-gradient(-45deg, rgba(254,154,148,0.98) 0%, rgba(198,181,232,0.98) 100%); */
	overflow:hidden;
	-webkit-transition: all 0.2s;transition: all 0.2s;
}
.layer {padding:4.15rem 0;background-image:url();-webkit-transition: all 0.2s;transition: all 0.2s;}
.layer:before, .layer:after {display:none}
.layer .titlearea h2 {text-align:center;color:#212121;background:none;-webkit-text-fill-color:#212121;text-fill-color:#212121}
.layer .join .box,.layer .join .provision .cb01 {border-color:#fff}
.join .box span, .layer .join .agreebox .ab label, .layer .join .agreebox .chb label {color:#212121}
.layer .btnarea {margin-bottom:4.5rem}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 37px;
	height: 37px;
	position: absolute;
	right: 18.5%;
	top: 10%;
	overflow: hidden;
	border: none;
	background: url('/_public/images/common/layer_close.png') no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* cornershape Effects */
.overlay-cornershape {
	visibility: hidden;
	-webkit-transition: visibility 0s 0.5s;
	transition: visibility 0s 0.5s;
}

.overlay-cornershape.open {
	visibility: visible;
	-webkit-transition: none;
	transition: none;
}

.overlay-cornershape svg {
	position: absolute;
	top: 0;
	left: 0;
}

.overlay-cornershape .overlay-path {
	fill: rgba(153,204,51,0.9);
}

.overlay-cornershape .layer,
.overlay-cornershape .overlay-close {
	opacity: 0;
	-webkit-transition: opacity 0.4s 0.4s;
	transition: opacity 0.4s 0.4s;
}

.overlay-cornershape.open .layer,
.overlay-cornershape.open .overlay-close {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.overlay-cornershape.close .layer,
.overlay-cornershape.close .overlay-close {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

/* slidedown Effects 
.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
}
*/

@media screen and (max-height: 30.5em) {
	.overlay .layer {
		height: 70%;
		font-size: 34px;
	}
}

@media all and (max-width:1200px) {
.overlay {
	overflow-X:hidden;
	overflow-Y:scroll;
}
.overlay .overlay-close {top:5%;right:5%}
}
@media all and (max-width:575px) {
.layer .titlearea h2 {font-size:2.5rem;margin-top:5rem;line-height:1.3}
}

/* footer */
#footer {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #2b2b2b;
    clear: both;
    padding: 3rem 0;
}
#footer .footer_logo {
    display: block;
    float: none;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

/* #footer .sns{
    display: flex;
    align-items: center;
} */
#footer .sns-wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
#footer .sns-wrap > li{
    margin: 0 10px;
    display: flex;
    align-items: center;
}
#footer .sns-wrap > li > a{
    display: flex;
    justify-content: center;
    align-items: center;
    color:#19ce60;
    
    /* filter: invert(87%) sepia(0%) saturate(1%) hue-rotate(55deg) brightness(96%) contrast(90%); */
}
#footer .sns-wrap > li > a span {
    color:#19ce60;
    margin-left:5px;
    transition: all 0.3s;
}
#footer .sns-wrap > li > a:hover span {
    color:#FFFFFF
}
#footer .sns-wrap > li img {
    width:auto !important;
    height:20px;
}


#footer .flist {float:none;display:block;width:65%;margin:15px auto 0;text-align:center;line-height:25px;}
#footer .flist ul {width:100%;text-align:center}
#footer .flist li {float:none;display:inline-block;margin:0 20px;font-size:1.071em;color:#cccccc}
#footer .flist p {display:inline-block;color:#ccc;margin-top:0.7rem}
#footer .flist p strong {margin-right:10px;padding-right:10px;border-right:1px solid #aeaeae}
#footer .flist li a:hover {opacity:0.8}
#footer .flist li:last-child {border-right:0}

#footer .copyright {margin-top:1rem;clear:both;color:#ccc;}
#footer .copyright a {color:#fff;font-size:13px}

/* footer - 미디어쿼리 */
@media all and (max-width:1023px) {
#footer .footerarea {text-align:center}
#footer .footer_logo {display:inline-block;}
}
@media all and (max-width:640px) {
#footer .flist {width:100%}
#footer .flist p {font-size:0.9rem;text-align:center;line-height:1.3}
}

/* 메인 퀵메뉴 */
.right_menu {
    position: fixed;
    top: 0;
    right: 15px;
    width: 50px;
    height: 100vh;
    z-index: 49;
    text-align: right;
}
.right_menu .Rmenuwrap {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffea;
    /* background-color: #fffedd; */
    border-radius: 50px;
    padding:20px 0 0 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.right_menu .Rmenuwrap .icon-title,
.right_menu .Rmenuwrap ul,
.right_menu .inquiry-btn {
    padding:0 10px;
}
.right_menu .Rmenuwrap .icon-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom:10px;
    position: relative;
}
.right_menu .Rmenuwrap .icon-title::after {
    content:"";
    position: absolute;
    bottom:0;
    width:80%;
    height:1px;
    display: flex;
    background-color: #ff7ea9;
}

.right_menu .Rmenuwrap li {
    position: relative;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    margin:13px 0;
    text-align: left;
    padding-left:6px
}
.right_menu .Rmenuwrap li::before {
    content:"";
    position: absolute;
    width:2px;
    height:2px;
    left:0;
    top:6px;
    background-color: #ff7ea9;
    display: block;
}

.right_menu .Rmenuwrap .icon-title img {
    width:25px
}
.right_menu .Rmenuwrap li:last-of-type {
    margin-bottom: 0;
}
.right_menu .Rmenuwrap li a {
    position: relative;
    display: block;
    text-align: left;
    -webkit-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    color: #343434;
}

.right_menu .Rmenuwrap li a.on,
.right_menu .Rmenuwrap li a:hover {
    color: #f4155f;
}

.qspan {
    font-size:15px;
    color: #101010 !important;
}
.right_menu .inquiry-btn {
    background-color: #ff1b66;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    padding: 13px 0 18px;
    border-radius: 1000000px;
    font-size:13px;
    /* margin-top:10px; */
    font-weight: bold;
    border-radius: 0 0 100px 100px;
}
.right_menu .review-btn {
    background-color: #ff8b99;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    padding: 10px 0 13px;
    font-size:13px;
    margin-top:10px;
    font-weight: bold;
}
    @media all and (max-width:1200px) {
        .right_menu {display:none}
        .right_menu .Rmenuwrap {display:none}
    }

/* .fade {
    @include transition($transition-fade);
    &:not(.show) {
        opacity: 0;
  }
}

.collapse {
    &:not(.show) {
        display: none;
    }
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    @include transition($transition-collapse);
} */


@media all and (max-width: 840px) {
    #pop_7 {width: 90%; left: 50% !important; transform: translateX(-50%);}
    #pop_7 table {width: 100% !important; height: auto !important;}
    #pop_7 table img {width: 100% !important; height: auto !important;}
}

/* 아바니호텔 */
.avanihotels {
    background-color: #063835;
}
#container .samsung .layout {
    max-width: 1400px;
}
#container .avanihotels .layout img {
    width: 100%;
}
    @media all and (max-width:640px) {
        #container .samsung .layout {
            width:100%;
            max-width:100%
        }
    }