.left {float: left;}
.right {float: right;}

body {color: #232837;margin:0 auto}

#header-cont {width:100%;height:80px;position:fixed;top:0;left:0;z-index:99;background:#fff;}
#header {width:100%;max-width:580px;padding:16px;margin:0 auto}
#header .clear {display:flex;align-items:center}
#header .logo {width:10.4%;}
#gnb {display:flex;margin-left:auto;font-size:1em;font-weight:600}
#contact {margin-left:1em;}

.swiper-container {height:775px;text-align: center;padding-top: 80px;}
.swiper-slide {background: #fff;height:775px;}
.cont-main {position: absolute;top:0;left:0;background: rgba(255, 255, 255, 0.8);z-index:99999;width:100%;height:100%;}
.cont-top {height: 500px;position: relative;padding-top:0px;}
.cont-top.popup {height: 580px; padding-top:4.45%}
.cont-bottom {position:relative;height: 250px;text-align: left;padding-top: 25px;display: flex;flex-direction: column;}
.bg-yellow {background:#fcce52;}
.bg-main {background:#232837;}
.bg-gray {background-color: #f2eee7}

.cont-main {display:none}
/*.cont-main {display: none;opacity:0;transition: all 0.3s;}*/
/*.cont-main.on {display: block;opacity:1}*/
.cont-main #close {width:8.125%;margin-bottom:11.82%;}
.cont-main .title {font-size:3.28em;line-height:1.23;color:#f3efe8;font-weight: 900;margin-bottom:7.37%;}
.cont-main .email {font-size:1.09em;line-height:2;color:#fcce52;font-weight: bold;}
.cont-main .email img {width:6.25%;margin-right:2.5%;}
.cont-main .logo {width:17.65%;max-width:80px;position:absolute;bottom:5.28%;right:4.37%;}

/*.swiper-slide .cont-bottom {background: #f0f0f0;}*/
.swiper-slide .title {font-family: 'S-CoreDream-9Black';padding-bottom:12px;font-size:21px;letter-spacing: -1px;font-weight:bold;line-height:1.44}
.swiper-slide .cont-top {display:flex}
.main-box {max-width:580px;margin:auto;}
.swiper-slide .slide-img {width:340px; max-width: 440px;}
/*.swiper-slide .btn-box {position:absolute;top:79%;width:100%;margin-left:-5.29%;margin-right:-5.39%}*/
.swiper-slide .btn {display:block;width:340px;max-width:440px;padding:4.57% 0;color: #fff;font-weight: bold;background: #0078ff;box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);border-radius: 30px;margin:0 auto;}

.swiper-slide .cont-bottom > p {display:block;max-width:500px;font-size:13px;color:#646464;letter-spacing: 0.036em;font-weight: 600;line-height:1.6;justify-content: center;margin:0 auto;padding:0 30px;word-break: normal;word-wrap: break-word}
.swiper-slide .cont-bottom p span {font-size:1.52em;color:#232837;font-weight: bold;letter-spacing: 0em;display: block;margin-bottom:2%;}

.footer {width:100%;max-width:580px;padding-left:16px;padding-top:20px;padding-bottom:40px;margin:0 auto}
.footer .policy {margin-bottom:6px;font-size:10px;color:#646464;font-weight:600}
.footer .policy a {vertical-align: baseline}
.footer .policy a:first-child {padding-right:6px}
.footer .policy a:last-child {padding-left:6px}
.footer p {display:inline-block;padding-top:6px;color:#888;font-size:10px;font-weight:400;line-height:1.4;;border-top:1px solid #c8c8c8}

.swiper-pagination-bullet {width:8px;height:8px;border-radius:50%;background:#646464;opacity:.15;}
.swiper-pagination-bullet-active {opacity:1;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:auto;top:530px
}

@media screen and (max-width: 340px) {
    /*.cont-top {padding-top:62px}*/
    .swiper-slide .title {font-size:18px;line-height:1.3}
    .swiper-slide .btn {width:66%;padding:3.6% 0}
    .swiper-slide .slide-img {width:66%}
    .swiper-slide .cont-bottom {padding-top:5%}
    .swiper-slide .cont-bottom p {font-size:12.6px;letter-spacing:-.6px}
    .swiper-slide .cont-bottom .footer {bottom:6px}
    .swiper-slide .cont-bottom .footer p {margin-left:25px;padding-top:5px}
    .cont-main #close {margin-bottom:3%}
    /*.cont-bottom {padding-top:5%}*/
}