@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:100;
    src:local('Noto Sans KR Thin'), local('NotoSansKR-Thin')
        , url('../fonts/NotoSansKR-Thin.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Thin.woff') format('woff')
        , url('../fonts/NotoSansKR-Thin.otf') format('opentype')
        , url('../fonts/NotoSansKR-Thin.ttf') format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans KR Light'), local('NotoSansKR-Light')
        , url('../fonts/NotoSansKR-Light.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Light.woff') format('woff')
        , url('../fonts/NotoSansKR-Light.otf') format('opentype')
        , url('../fonts/NotoSansKR-Light.ttf') format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular')
        , url('../fonts/NotoSansKR-Regular.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Regular.woff') format('woff')
        , url("../fonts/NotoSansKR-Regular.otf") format("opentype")
        , url('../fonts/NotoSansKR-Regular.ttf') format('truetype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans KR Medium'), local('NotoSansKR-Medium')
        , url('../fonts/NotoSansKR-Medium.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Medium.woff') format('woff')
        , url("../fonts/NotoSansKR-Medium.otf") format("opentype")
        , url('../fonts/NotoSansKR-Medium.ttf') format('truetype');
}                     
@font-face {
    font-family:'Noto Sans KR';
    src:local('Noto Sans KR Bold'), local('NotoSansKR-Bold')
        , url('../fonts/NotoSansKR-Bold.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Bold.woff') format('woff')
        , url("../fonts/NotoSansKR-Bold.otf") format("opentype")
        , url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:700;
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:900;
    src:local('Noto Sans KR Black'), local('NotoSansKR-Black')
        , url('../fonts/NotoSansKR-Black.woff2') format('woff2')
        , url('../fonts/NotoSansKR-Black.woff') format('woff')
        , url("../fonts/NotoSansKR-Black.otf") format("opentype")
        , url('../fonts/NotoSansKR-Black.ttf') format('truetype');
}

@font-face {
    font-family:'Avenir Next';
    font-style:normal;
    font-weight:600;
    src:local('Avenir Next'), local('AvenirNext')
        , url('../fonts/AvenirNext-DemiBold.woff') format('woff')
        , url('../fonts/AvenirNext-DemiBold.ttf') format('truetype');
}
@font-face {
    font-family:'Avenir Next';
    font-style:normal;
    font-weight:bold;
    src:local('Avenir Next'), local('AvenirNext')
        , url('../fonts/AvenirNext-Bold.woff') format('woff')
        , url('../fonts/AvenirNext-Bold.ttf') format('truetype');
}


@font-face {
    font-family:'S-Core Dream';
    font-style:normal;
    font-weight:200;
    src:local('S-Core Dream')
        , url('../fonts/SCDream2.woff') format('woff')
        , url('../fonts/SCDream2.ttf') format('truetype');
}
@font-face {
    font-family:'S-Core Dream';
    font-style:normal;
    font-weight:400;
    src:local('S-Core Dream')
        , url('../fonts/SCDream4.woff') format('woff')
        , url('../fonts/SCDream4.ttf') format('truetype');
}
@font-face {
    font-family:'S-Core Dream';
    font-style:normal;
    font-weight:500;
    src:local('S-Core Dream')
        , url('../fonts/SCDream5.woff') format('woff')
        , url('../fonts/SCDream5.ttf') format('truetype');
}

@keyframes updownTransform {
    0% {
        transform: translateY(-3px);
    }

    25% {
        transform: translateY(3px);
    }

    50% {
        transform: translateY(-3px);
    }

    75% {
        transform: translateY(3px);
    }

    100% {
        transform: translateY(-3px);
    }
}

html{font-size:30px;}
body {
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    line-height: 1rem;
    min-width: 320px;
    color: #757575;
    background-color: #F6F9FF;
    overflow-x:hidden;
}
body *{
    box-sizing:border-box;
}

.p-relative{position:relative;}
.p-absolute{position:absolute;}
.p-fixed{position:fixed;}

.d-table{display:table;}
.d-table-row{display:table-row;}
.d-table-cell{display:table-cell;}
.d-inlin-block{display:inline-block;}
.d-flex{display:flex;}

h1,h2,h3,h4,h5,h6,p{margin:0;}

input{color:#000000;}
input::-ms-input-placeholder{color:#BDBDBD;}
input::-webkit-input-placeholder{color:#BDBDBD;} 
input::-moz-placeholder{color:#BDBDBD;}
textarea{color:#000000;}
textarea::-ms-input-placeholder{color:#BDBDBD;}
textarea::-webkit-input-placeholder{color:#BDBDBD;} 
textarea::-moz-placeholder{color:#BDBDBD;}

a:link, a:hover, a:visited, a:active{text-decoration:none;}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding:0;}

.f-left{float:left!important;}
.f-right{float:right!important;}

.col-re-sm-show, .col-re-xx-show{display:none;}
.col-re-sm-hide, .col-re-xx-hide{display:inline-block;}

.re-container{
    width:100%;
    max-width:1170px;
    margin:0 auto; 
}

.fade-in{
    opacity:0;
    top:30px;
}

body.model-open{
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
}
.dim-layer{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
}
.dim-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.7;
    z-index:5100;
}
.pop-layer{
    position:absolute;
    background-color:#FFFFFF;
    z-index:5500;
    top:50%;
    left:50%;
    font-size:16px;
    font-weight:500;
    line-height:30px;
    transform:translate(-50%, -50%);
}
.message-layer{
    display:none;
    width:12.5rem;
    min-width:320px;
    height:262px;
}
.message-layer .pop-container .pop-contents{
    padding-top:39px;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:#E3E3E3;
}
.message-layer .pop-container .pop-contents img{
    margin-bottom:15px;
}
.message-layer .pop-container .pop-contents .message-box{
    color:#909090;
}
.message-layer .pop-container .pop-footer{
    position:absolute;
    bottom:0;
    width:100%;
    padding:15px 0;
    font-size:16px;
    font-weight:700;
    line-height:25px;
    color:#FFFFFF;
    background-color:#2B0987;
    cursor:pointer;
}
.privacy-layer{
    display:none;
    width:75vw;
    max-width:828px;
    max-height:80vh;
    overflow:auto;
}
.privacy-layer .pop-container .pop-contents .privacy-box{
    padding:3.1rem 2rem 2rem;
    border:1px solid #E3E3E3;
    font-weight:500;
}
.privacy-layer .pop-container .pop-contents .privacy-box .title-wrapper{
    position:relative;
}
.privacy-layer .pop-container .pop-contents .privacy-box .title-wrapper h2{
    margin-top:0;
    margin-bottom:2.16667rem;
    color:#2B0987;
    font-size:20px;
    font-weight:700;
    line-height:29px;
}
.privacy-layer .pop-container .pop-contents .privacy-box .title-wrapper .close-btn{
    position:absolute;
    top:-21px;
    right:0;
    width:21px;
    height:21px;
    cursor:pointer;
    line-height:0;
}
.privacy-layer .pop-container .pop-contents .privacy-box .title-wrapper .close-btn > img{
    width:100%;
    height:auto;

}
.privacy-layer .pop-container .pop-contents .privacy-box .color{
    color:#2B0987;
}

.title-wrapper .title-top-img > img{
    max-width:100%;
    height:auto;
}

.mobile-container{
    position:relative;
    display:inline-block;
    vertical-align:bottom;
    padding:0 7px;
    z-index:3;
}
.mobile-container .mobile-display{
    width:12.3rem;
    height:24.5rem;
    margin:1px 0 0;
    border-radius:2rem;
    background-color:#FFFFFF;  
    box-shadow:0 21px 39px 12px rgba(106,125,104,0.11);
}
.mobile-container .mobile-display .mobile-centent{
    z-index:7;
}
.mobile-container .mobile-frame{
    position:absolute;
    width:100%;
    height:24.56667rem;
    top:0;
    left:0;
    z-index:5;
    background-image:url('../img/_x1-mobile-3.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.radio-label{
    display:inline-block;
    margin-bottom:0;
    cursor:pointer;
    line-height:2.5;
    font-size:0.46667rem;
    color:#FFFFFF;
    background-color:#3F95FF;
}
.radio-label [type="radio"].custom-radio{
    display:none;
}
.radio-label [type="radio"].custom-radio + span:before{
    content:'';
    display:inline-block;
    width:0.93334rem;
    height:0.93334rem;
    vertical-align:-0.3rem;
    border-radius:1rem;
    border:0.26667rem solid #3F95FF;
    box-shadow:0 0 0 4px #FFFFFF;
    margin-right:9px;
    transition:0.5s ease all;
}
.radio-label [type="radio"].custom-radio:checked + span:before {
    background:#FFFFFF;
    box-shadow:0 0 0 4px #FFFFFF;
}

.main-nav{
    position:absolute;
    display:flex;
    width:100%;
    padding:7px 0;
    border-top-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-bottom-width:1px;
    border-bottom-color:rgba(255, 255, 255, 0);
    border-bottom-style:solid;
    background-color:rgba(0, 0, 0, 0);
    z-index:100;
}
.main-nav .re-container{
    font-size:16px;
    height:35px;
    line-height:35px;
}
.main-nav .re-container .logo{
    display:inline-block;
    margin:auto 0;
    width:158px;
    height:35px;
    background-image:url('../img/nav-1x-logo.png');
    background-size:auto 35px;
    background-position:left center;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.main-nav .re-container .logo > img{
    width:100%;
    height:auto;
}
.main-nav .re-container .mobile-nav{
    float:right;
    display:none;
    height:35px;
    padding:0 5px;
}
.main-nav .re-container .mobile-nav > span{
    display:inline-block;
    width:25px;
    height:17px;
    line-height:35px;
    vertical-align:middle;
    background-image:url('../img/hamburger-w.png');
    background-repeat:no-repeat;
    background-size:100% auto;
}
.main-nav .re-container .desktop-nav{
    display:flex;
    float:right;
}
.main-nav .re-container .desktop-nav ul{
    margin:0 0 0 auto;
    padding-inline-start:0;
    text-align:center;
    font-size:0.53334rem;
}
.main-nav .re-container .desktop-nav ul li{
    float:left;
    height:35px;
    margin-left:2em;
    list-style:none;
}
.main-nav .re-container .desktop-nav ul li a{
    color:#FFFFFF;
    vertical-align:baseline;
    cursor:pointer;
}
.main-nav .re-container .desktop-nav ul li a:hover
, .main-nav .re-container .desktop-nav ul li a:focus:not(.focus-visible)
.main-nav .re-container .desktop-nav ul li a:hover, .main-nav .re-container .desktop-nav ul li a:active{
    color:#43D1FF;
}
.nav-fixed{
    position:fixed;
}
.nav-fixed, .qna-nav{
    background-color:#FFFFFF;
    border-color:#EEEEEE;
    border-bottom-width:1px;
}
.nav-fixed .re-container .logo{background-image:url('../img/nav-1x-logo-scroll.png');}
.nav-fixed .re-container .mobile-nav > span{background-image:url('../img/hamburger.png');}
.nav-fixed .re-container .desktop-nav ul li a{color:#000000;}
.qna-nav{}
.qna-nav .re-container .logo{background-image:url('../img/nav-1x-logo-scroll.png');}
.qna-nav .re-container .mobile-nav > span{background-image:url('../img/hamburger.png');}
.qna-nav .re-container .desktop-nav ul li a{color:#000000;}

.sidebar-container{
    position:fixed;
    width:294px;
    height:100%;
    top:0;
    right:-294px;
    padding-left:30px;
    background-color:#FFFFFF;
    z-index:5500;
    overflow:auto;
    transition:right .4s;
}
.sidebar-container.on{
    display:block;
    right:0;
}
.sidebar-container .xbtn-wrapper{
    display:block;
    height:50px;
    padding-right:25px;
    text-align:right;
    line-height:50px;
}
.sidebar-container .xbtn-wrapper .xbtn{
    display:inline-block;
    padding:4px 3px 3px;
    line-height:0;
}
.sidebar-container ul.sidebar-nav{
    margin-bottom:31px;
    padding-inline-start:0;
}
.sidebar-container ul.sidebar-nav li{
    float:none;
    display:block;
    width:100%;
    font-size:20px;
    font-weight:300;
    line-height:70px;
    border-bottom:1px solid #ECECEC;
    background-color:#FFFFFF;
    white-space:normal;
    outline:0;
}
.sidebar-container ul.sidebar-nav li > a{color:#000000;}
.sidebar-container ul.sidebar-nav li > a:active{
    font-weight:bold;
    color:#43D1FF;
    text-decoration:none;
}
.sidebar-container .download-btn-wrapper{margin-bottom:31px;}
.sidebar-container .download-btn-wrapper .app-download-btn{
    width:231px;
    height:51px;
    border-radius:25.5px;
    color:#FFFFFF;
    background-color:#43D1FF;
    border:1px solid #43D1FF;
    font-size:20px;
    font-weight:500;
    text-align:center;
    line-height:51px;
    vertical-align:middle;
}
.sidebar-container .download-btn-wrapper .app-download-btn:active{
    color:#43D1FF;
    background-color:#FFFFFF;
}

section{
    display:flex;
    clear:both;
    padding-top:2.66667rem;
    padding-left:20px;
    padding-right:20px;
}
section .section-title{
    margin-left:3.33334rem;
    font-family:"S-Core Dream";
    color:#000000;
    font-size:1.66667rem;
    font-weight:200;
    line-height:2.5rem;
}
section .section-title .bold{font-weight:400;}
section.bg{background-color:#3F95FF;}

.home-section{
    padding-top:10.9rem;
    padding-bottom:8.9rem;
}
.home-section .re-container .home-content{
    text-align:center;
}
.home-section .re-container .home-content .section-title{
    margin-left:0;
    color:#FFFFFF;
    font-family:"S-Core Dream";
    font-size:1.5rem;
    line-height:2rem;
}
.home-section .re-container .home-content .app-btns-wrapper{
    margin-top:0.53334rem;
}
.home-section .re-container .home-content .app-btns-wrapper a{display:inline-block;}
.home-section .re-container .home-content .app-btns-wrapper a + a{margin-left:10px;}
.home-section .re-container .home-content .app-btns-wrapper a .app-btn{
    display:inline-block;
    width:120px;
    height:35px;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn{
    background-image:url('../img/1x-google-btn.png');
}
.home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn:active{
    background-image:url('../img/1x-google-btn-hover.png');
}
.home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn{
    background-image:url('../img/1x-apple-btn.png');
}
.home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn:active{
    background-image:url('../img/1x-apple-btn-hover.png');
}
.home-section .YTPOverlay{
    background-size:auto;
    background-image:url('../css/images/pattern-bg-2.png');
}

.main-section{
    padding-top:3.33334rem;
    padding-bottom:5.66667rem;
}
.main-section .title-wrapper .title-top-img{
    max-width:267px;
    margin:0 auto;
}
.main-section .title-wrapper .section-title{
    margin-top:2.33334rem;
    margin-left:0;
    font-weight:200;
}
.main-section .item-container{
    margin-top:3.66667rem;
}
.main-section .item-container .item{color:#757575;}
.main-section .item-container .item .icon-wrapper{
    max-width:178px;
    height:178px;
    margin:0 auto;
    line-height:178px;
}
.main-section .item-container .item .icon-wrapper > img{
    max-width:100%;
    max-height:100%;
    vertical-align:bottom;
}
.main-section .item-container .item .description h3{
    margin-top:1.33334rem;
    font-size:0.66667rem;
    line-height:1.2;
    color:#4B4B4B;
}
.main-section .item-container .item .description p{
    margin-top:0.83334rem;
    font-size:0.53334rem;
    line-height:0.83334rem;
}

.search-section{
    width:100%;
    float:left;
    padding-top:3.33334rem;
    padding-bottom:3.5rem;
    margin-bottom:3.33334rem;
    background-image:url('../img/map-bg.png');
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#3E95FF;
}
.search-section .section-bg{
    display:block;
    width:100%;
    vertical-align:middle;
}
.search-section .re-container .title-wrapper > div{
    display:inline-block;
    vertical-align:top;
}
.search-section .re-container .title-wrapper > div > img{
    width:auto;
    height:1.93334rem;
    max-height:2.5rem;
    vertical-align:baseline;
}
.search-section .re-container .title-wrapper .section-title{
    display:inline-block;
    margin:0;
    color:#FFFFFF;
    font-size:1.33334rem;
    font-weight:200;
}
.search-section .search-bar{
    position:relative;
    display:block;
    margin-top:0.96667rem;
}
.search-section .search-bar > input{
    width:100%;
    padding:0.6rem 2.4rem 0.6rem 1.4rem;
    font-size:0.83334rem;
    font-weight:400;
    line-height:1.16667rem;
    border-width:0;
    border-radius:7px;
    box-shadow:0 20px 40px 0 rgba(0,0,0,0.17);
}
.search-section .search-bar > input:focus{
    outline:none;
    box-shadow:0 0 0 0 #43D1FF;
}
.search-section .search-bar > .search-icon{
    position:absolute;
    width:1.6rem;
    top:2px;
    right:0.8rem;
    padding:0.6rem 0.3rem;
}
.search-section .search-bar > .search-icon > img{
    width:100%;
    height:auto;
}

.rewhite-section{
    padding-bottom:4.33334rem;
    overflow:hidden;
}
.rewhite-section .col-left{
    padding-left:3.33334rem;
    z-index:3;
}
.rewhite-section .re-container .col-right .mobile-container-bg{
    position:absolute;
    background-repeat:no-repeat;
    background-size:100% 100%;
    animation:updownTransform 3s infinite;
    z-index:1;
}
.rewhite-section .re-container .title-wrapper .title-top-img{margin-bottom:1rem;}
.rewhite-section .re-container .title-wrapper .section-title{
    margin-left:0;
    color:#000000;
}
.rewhite-section .re-container .section-contents .description{
    color:#757575;
}
.rewhite-section .re-container .swiper-container .swiper-wrapper .swiper-slide{
    background-repeat:no-repeat;
    background-size:100% auto;
}

.rewhite-section-01{}
.rewhite-section-01 .re-container .col-top{padding-top:1.33334rem;}
.rewhite-section-01 .re-container .col-right{float:right!important;}
.rewhite-section-01 .re-container .mobile-container-bg{
    width:27.9rem;
    height:17.1rem;
    left:-6.76666rem;
    top:3.6rem;
    background-image:url('../img/bg-01.png');
}
.rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/1x-main1.png');}
.rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/1x-main2_2.png');}
.rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-3{background-image:url('../img/1x-main3_2.png');}
.rewhite-section-01 .re-container .col-left .tab-container{
    display:inline-block;
    margin-top:1.66667rem;
    line-height:1;
    border:1px solid #ECECEC;
}
.rewhite-section-01 .re-container .col-left .tab-container .tab{
    display:inline-block;
    float:left;
    width:4rem;
    padding:0.53334rem 0;
    color:#4C4C4C;
    background-color:#FFFFFF;
    cursor:pointer;
}
.rewhite-section-01 .re-container .col-left .tab-container .tab.on{
    color:#FFFFFF;
    background-color:#43D1FF;
    font-weight:700;
}
.rewhite-section-01 .re-container .col-left .section-contents .tab-contents{
    margin-top:1.16667rem;
}
.rewhite-section-01 .re-container .col-left .section-contents .bold{
    margin-bottom:0.66667rem;
}
.rewhite-section-01 .re-container .col-left .section-contents p{
    color:#757575;
}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper .img-btn{
    display:inline-block;
    width:4.6rem;
    height:1.33334rem;
    max-width:172px;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a{
    display:inline-block;
    line-height:0;
    vertical-align:bottom;
}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a:first-child{
    margin-right:12px;
}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .apple-img-btn{background-image:url('../img/x2-app-btn-3.png');}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .google-img-btn{background-image:url('../img/x2-google-btn-3.png');}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .apple-img-btn:active{background-image:url('../img/x2-app-btn-3-h.png');}
.rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .google-img-btn:active{background-image:url('../img/x2-google-btn-3-h.png');}
.rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a{
    display:inline-block;
}
.rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn{
    width:6.4rem;
    height:2.36667rem;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-image:url('../img/naver_x1.png');
}
.rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn:active{
    background-image:url('../img/naver_x1-h.png');
}

.rewhite-section-02{}
.rewhite-section-02 .re-container .col-top{padding-top:3.43334rem;}
.rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/x1-gs01.png');}
.rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/x1-gs02.png');}
.rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-3{background-image:url('../img/x1-gs03.png');}
.rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-4{background-image:url('../img/x1-gs04.png');}
.rewhite-section-02 .re-container .mobile-container-bg{
    width:27.9rem;
    height:15.86667rem;
    left:-3.5rem;
    top:7.2rem;
    background-image:url('../img/bg-02.png');
}
.rewhite-section-02 .re-container .col-left .section-contents .number-container{
    position:relative;
    display:inline-block;
    margin-top:1.66667rem;
}
.rewhite-section-02 .col-left{float:right!important;}
.rewhite-section-02 .re-container .col-left .section-contents .number-container .number{
    position:relative;
    display:inline-block;
    height:38px;
    width:38px;
    line-height:38px;
    border:1px solid #F2F2F2;
    border-radius:19px;
    background-color:#FFFFFF;
    font-family: "Avenir Next";
    font-size:13px;
    font-weight:bold;
    z-index:3;
}
.rewhite-section-02 .re-container .col-left .section-contents .number-container .number.on{
    color:#FFFFFF;
    background-color: #00D4E9;
}
.rewhite-section-02 .re-container .col-left .section-contents .number-container .number + .number{
    margin-left:24px;
}
.rewhite-section-02 .re-container .col-left .section-contents .number-container .line{
    position:absolute;
    top:19px;
    left:0;
    display:inline-block;
    width:100%;
    height:1px;
    background-color:#F2F2F2;
    z-index:1;
}
.rewhite-section-02 .re-container .col-left .section-contents .bold{
    color:#4B4B4B;
    margin-top:1.16667rem;
    font-size:0.66667rem;
    line-height:1rem;
}
.rewhite-section-02 .re-container .col-left .section-contents .description{
    margin-top:0.66667rem;
    font-size:0.53334rem;
    line-height:0.9rem;
}

.rewhite-section-03{
    margin-top:4.33334rem;
    padding-bottom:3.83334rem;
}
.rewhite-section-03 .re-container .col-top{padding-top:1.63334rem;}
.rewhite-section-03 .re-container .col-right{float:right!important;}
.rewhite-section-03 .re-container .mobile-container-bg{
    width:25.36667rem;
    height:22.16667rem;
    left:-3.7rem;
    top:5rem;
    background-image:url('../img/bg-03.png');
}
.rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/1x-main5.png');}
.rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/1x-main6.png');}
.rewhite-section-03 .re-container .section-contents{
    margin-top:1.66667rem;
}
.rewhite-section-03 .re-container .section-contents .icon-container .icon-item:first-child{
    margin-right:15px;
}
.rewhite-section-03 .re-container .section-contents .icon-container .icon-item .icon-txt{
    margin-top:10px;
    color:#525658;
    font-size:12px;
    font-weight:300;
    line-height:30px;
}
.rewhite-section-03 .re-container .section-contents .description{margin-top:0.66667rem;}

.bg-section {
    display: block;
    width: 100%;
    height: 380px;
    margin-top: 2.66667rem;
    margin-bottom: 2.66667rem;
    padding: 0;
    background-image: url('../img/380-2.png');
    background-color: #F6F9FF;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.magazine-section{margin-bottom:4rem;}
.magazine-section .re-container{}
.magazine-section .re-container .magazine-swiper-container{
    max-width:1200px;
    margin-top:1.66667rem;
    padding-bottom:3.2rem;
    margin-left:-15px;
    margin-right:-15px;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide{
    max-width:370px;
    margin:0 15px;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents .slide-img{
    width:100%;
    height:auto;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents .slide-text{
    padding:0.6rem 0.83334rem 1.2rem;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents small{
    color:#52C5FF;
    font-size:0.43335rem;
    font-weight:500;
    line-height:1.8;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents h3{
    color:#4B4B4B;
    font-size:0.53334rem;
    font-weight:bold;
    letter-spacing:0.5px;
    line-height:0.83334rem;
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents h3, .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents small{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; 
}
.magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents p{
    width:100%;
    height:3.375em;
    margin-top:0.83334rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    line-height:1.6875;
    text-align:left;
    word-wrap:break-word;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.magazine-section .re-container .magazine-swiper-container .swiper-pagination-bullets{
    bottom:0;
    line-height:16px;
}
.magazine-section .re-container .magazine-swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{
    width:16px;
    height:16px;
    background-color:#FFFFFF;
    border:2px solid #CFCFCF;
    border-radius:9px;
    line-height:1;
}
.magazine-section .re-container .magazine-swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{
    border:2px solid #27C7FB;
    background-color:#27C7FB;
}

.qna-section{
    padding-top:2.66667rem;
    padding-bottom:4rem;
    background-color:#F6F9FF;
}
.qna-section .section-title{
    padding-bottom:2.56667rem;
}
.qna-section .panel-group{
    margin-bottom:0;
}
.qna-section .panel-group .qna-group:first-child{
    padding-right:15px;
}
.qna-section .panel-group .qna-group + .qna-group {
    padding-bottom: 20px;
    padding-left: 15px;
}
.qna-section .panel-group .qna-group .qna-category{
    display:inline-block;
    min-width:123px;
    padding:6px 13px;
    margin-bottom:20px;
    color:#000000;
    font-size:16px;
    font-weight:500;
    line-height:25px;
    text-align:center;
    letter-spacing:0.5px;
    border-radius:19px;
    background-color:#FFE52C;
}
.qna-section .panel-group .qna-group .panel + .panel{
    margin-top:10px;
}
.qna-section .panel-group .panel-accordion{
    font-size:16px;
}
.qna-section .panel-group .panel-accordion.in{box-shadow:0 20px 30px 0 #DDE6F8;}
.qna-section .panel-group .panel-accordion .panel-heading{
    padding:17px 15px;
    vertical-align:middle;
    border-radius:5px;
}
.qna-section .panel-group .panel-accordion .panel-heading a{
    color:#262626;
    text-decoration-line:none;
}
.qna-section .panel-group .panel-accordion .panel-heading .title-row > div{line-height:25px;}
.qna-section .panel-group .panel-accordion .panel-heading .q-icon{
    position:absolute;
    font-family:"Avenir Next";
    color:#CCD1DA;
    font-weight:600;
}
.qna-section .panel-group .panel-accordion .panel-heading .accordion-title{
    font-weight:400;
    padding-left:30px;
    margin-right:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.qna-section .panel-group .panel-accordion.in .panel-heading .accordion-title{
    font-weight:700;
    white-space:normal;
    overflow:auto;
    text-overflow:unset;
}
.qna-section .panel-group .panel-accordion .panel-heading .arrow-wrapper{
    display:inline-block;
    float:right;
    top:0;
    right:0;
    margin-left:auto;
}
.qna-section .panel-group .panel-accordion .panel-heading .arrow-wrapper > .icon{
    display:inline-block;
    width:100%;
    width:12px;
    height:7px;
    background-image:url('../img/up.png');
    background-size:100% auto;
    background-repeat:no-repeat;
    vertical-align:middle;
}
.qna-section .panel-group .panel-accordion.in .panel-heading .arrow-wrapper > .icon{
    background-image:url('../img/down.png');
}
    .qna-section .panel-group .panel-accordion .panel-heading + .panel-collapse > .panel-body {
        border-top-width: 0;
        font-size: 11px;
        line-height: 14px;
    }
.qna-section .panel-group .panel-accordion .panel-collapse > .panel-body {
    max-width: 568px;
    clear: both;
    padding: 10px 15px 32px 45px;
    letter-spacing: 0.5px;
    word-break: keep-all;
}
.qna-section .panel-group .panel-accordion .panel-collapse > .panel-body p {
    max-width: 424px;
}
.qna-section .re-container .qna-btn-wrapper{
    padding-top:2.33334rem;
    clear:both;
    font-size:16px;
    font-weight:bold;
    line-height:25px;
}
.qna-section .re-container .qna-btn-wrapper a{display:inline-block;}
.qna-section .re-container .qna-btn-wrapper a .qna-btn{
    display:inline-block;
    padding:21px 0;
    border:1px solid #3F95FF;
    border-radius:5px;
    color:#3F95FF;
}

.contactus-section{
    padding-top:2.66667rem;
    padding-bottom:5rem;
}
.contactus-section .section-title{
    color:#FFFFFF;
}
.contactus-section .contactus-input{
    float:right;
    margin-top:-1.6rem;
    padding-left:15px;
}
.contactus-section .contactus-input .input{
    width:100%;
    margin:0;
    margin-bottom:10px;
    outline:0;
    padding:0.7rem 0.56667rem;
    font-size:0.53334rem;
    line-height:0.83334rem;
    border:none;
    border-radius:5px;
    background-color:#FFFFFF;
    box-shadow:0 5px 10px 0 rgba(22,29,38,0.05);
}
.contactus-section .contactus-input .input:focus{
    outline:none;
    box-shadow:0 0 0 2px #43D1FF;
}
.contactus-section .contactus-input textarea.input{
    resize:none;
    margin-bottom:0;
}
.contactus-section .contactus-input .submit-wrapper{
    margin-top:1.53334rem;
    font-size:0.53334rem;
    color:#FFFFFF;
}
.contactus-section .contactus-input .submit-wrapper .btn-wrapper{
    display:inline-block;
    float:right;
    line-height:1.66667rem;
}
.contactus-section .contactus-input .submit-wrapper .btn-wrapper .submit-btn{
    padding:0 63px;
    height:1.66667rem;
    min-height:30px;
    color:#FFFFFF;
    font-weight:400;
    line-height:0.76667rem;
    background-color:#3F95FF;
    border:1px solid #FFFFFF;
    border-radius:7px;
    box-shadow:0 10px 20px 0 rgba(11,22,131,0.12);
    outline:none;
}
.contactus-section .contactus-input .submit-wrapper .btn-wrapper .submit-btn:active{
    color:#000000;
    background-color:#FFFFFF;
}
.contactus-section .contactus-input .submit-wrapper .privacy-link{
    margin-right:0.5rem;
    font-weight:bold;
    line-height:1.66667rem;
    text-decoration:underline;
    cursor:pointer;
}
.contactus-section .contactus-input .submit-wrapper .radio-wrapper{
    display:inline-block;
}
.contactus-section .contactus-input .submit-wrapper .radio-wrapper .radio-label span{
    display:inline-block;
    line-height:1.66667rem;
}
.contactus-section .contactus-input .submit-wrapper .radio-wrapper .radio-label:first-of-type{
    margin-right:25px;
}
.contactus-section .contactus-info{
    float:right;
    margin-top:2.06667rem;
    padding-left:3.33334rem;
    padding-right:15px;
}
.contactus-section .contactus-info .info-row{
    display:flex;
    text-align:left;
    color:#FFFFFF
}
.contactus-section .contactus-info .info-row.info-email{
    margin-top:1.1rem;
    margin-bottom:1rem;
}
.contactus-section .contactus-info .info-row .info-icon > img{
    width:1.5rem;
    height:1.5rem;
    margin-right:28px;
}
.contactus-section .contactus-info .info-row .name{
    display:inline-block;
    margin-right:2px;
    font-size:0.66667rem;
    font-weight:500;
    line-height:1.5rem;
}
.contactus-section .contactus-info .info-row .info{
    display:block;
    font-size:0.46667rem;
    line-height:0.83334rem;
}

.page-footer{
    margin-top:3.33334rem;
}
.page-footer .re-container{
    padding:0 7px;
}
.page-footer .re-container > div{
    float:right;
}
.page-footer .re-container .footer-right{
    text-align:right;
}
.page-footer .re-container .footer-right a{display:inline-block;}
.page-footer .re-container .footer-right a + a{
    margin-left:0.5rem;
}
.page-footer .re-container .footer-right a .sns-icon{
    display:inline-block;
    width:1.56667rem;
    height:1.56667rem;
}
.page-footer .re-container .footer-right a .sns-icon > img{
    width:100%;
    height:auto;
}
.page-footer .re-container .footer-left{
    padding-bottom:3rem;
    text-align:left;
    font-weight:500;
}
.page-footer .re-container .footer-left .copyright{
    margin-bottom:1.36667rem;
    color:#333333;
    font-family:"Avenir Next";
}
.page-footer .re-container .footer-left .txt{
    color:#CACACA;
    font-size:0.46667rem;
    line-height:0.83334rem;
}

.qna-page{padding-top:25px!important;}

@media (max-width:1270px) {
    html{font-size:2.36220472440945vw;}
    body{font-size:0.53334rem;}

    .re-container{width:100%;}

    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide{
        width:calc((100vw - 160px)/3);
    }

    .page-footer .re-container{padding:0 15px;}
}
@media (max-width:1100px) {
    .rewhite-section .col-left{padding-left:2.5rem;}
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper{
        float:none;
        display:block;
        width:100%;
        margin-top:10px;
    }
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper > .submit-btn{width:100%;}
}
@media (min-width:769px) {
    .col-re-sm-1,
    .col-re-sm-2,
    .col-re-sm-3,
    .col-re-sm-4,
    .col-re-sm-5,
    .col-re-sm-6,
    .col-re-sm-7,
    .col-re-sm-8,
    .col-re-sm-9,
    .col-re-sm-10,
    .col-re-sm-11,
    .col-re-sm-12{float:left}

    .col-re-sm-1{width:8.33333333%;}
    .col-re-sm-2{width:16.66666667%;}
    .col-re-sm-3{width:25%;}
    .col-re-sm-4{width:33.33333333%;}
    .col-re-sm-5{width:41.66666667%;}
    .col-re-sm-6{width:50%;}
    .col-re-sm-7{width:58.33333333%;}
    .col-re-sm-8{width:66.66666667%;}
    .col-re-sm-9{width:75%;}
    .col-re-sm-10{width:83.33333333%;}
    .col-re-sm-11{width:91.66666667%;}
    .col-re-sm-12{width:100%;}

    .main-nav{
        padding-left:50px;
        padding-right:50px;
    }

    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn:hover{background-image:url('../img/1x-google-btn-hover.png');}
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn:hover{background-image:url('../img/1x-apple-btn-hover.png');}

    .rewhite-section .re-container .swiper-container .swiper-wrapper .swiper-slide{background-size:auto 24.5rem;}

    .rewhite-section-01 .re-container .col-left .tab-container .tab:hover{
        color:#FFFFFF;
        background-color:#43D1FF;
        font-weight:700;
    }
    .rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .apple-img-btn:hover{background-image:url('../img/x2-app-btn-3-h.png');}
    .rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a .google-img-btn:hover{background-image:url('../img/x2-google-btn-3-h.png');}
    .rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn:hover{background-image:url('../img/naver_x1-h.png');}

    .rewhite-section-02 .re-container .col-left .section-contents .number-container .number:hover{
        color:#FFFFFF;
        background-color:#00D4E9;
    }

    .magazine-section{
        margin-top:-2.66667rem;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide:hover{
        box-shadow:0 20px 30px 0 rgba(241,241,241,0.5);
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents{
        border-radius:7px;
        background-color:#FFFFFF;
    }

    .qna-section .panel-group .panel-accordion:hover{box-shadow:0 20px 30px 0 #DDE6F8;}
    .qna-section .re-container .qna-btn-wrapper a .qna-btn{
        padding-left:130px;
        padding-right:130px;
    }
    .qna-section .re-container .qna-btn-wrapper a:hover .qna-btn{
        color:#FFFFFF;
        background-color:#3F95FF;
    }

    .contactus-section .contactus-input .submit-wrapper .btn-wrapper .submit-btn:hover{
        color:#000000;
        background-color:#FFFFFF;
    }
}
@media (-webkit-min-device-pixel-ratio:2) {
    .main-nav .re-container .logo{background-image:url('../img/nav-2x-logo.png');}
    .main-nav .re-container .mobile-nav > span{background-image:url('../img/hamx2.png');}
    .nav-fixed .re-container .logo{background-image:url('../img/nav-2x-logo-scroll.png');}
    .nav-fixed .re-container .mobile-nav > span{background-image:url('../img/hamx2-1.png');}
    .qna-nav .re-container .logo{background-image:url('../img/nav-2x-logo-scroll.png');}
    .qna-nav .re-container .mobile-nav > span{background-image:url('../img/hamx2-1.png');}

    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn{
        background-image:url('../img/2x-google-btn.png');
    }
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn:active{
        background-image:url('../img/2x-google-btn-hover.png');
    }
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn{
        background-image:url('../img/2x-apple-btn.png');
    }
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn:active{
        background-image:url('../img/2x-apple-btn-hover.png');
    }

    .rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn{
        background-image:url('../img/naver_x2.png');
    }
    .rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn:active{
        background-image:url('../img/naver_x2-h.png');
    }

    .qna-section .panel-group .panel-accordion .panel-heading .arrow-wrapper > .icon{background-image:url('../img/up-x2.png');}
    .qna-section .panel-group .panel-accordion.in .panel-heading .arrow-wrapper > .icon{background-image:url('../img/down-x2.png');}
}
@media (min-width:769px) and (-webkit-min-device-pixel-ratio:2) {
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.google-btn:hover{background-image:url('../img/2x-google-btn-hover.png');}
    .home-section .re-container .home-content .app-btns-wrapper a .app-btn.apple-btn:hover{background-image:url('../img/2x-apple-btn-hover.png');}

    .rewhite-section-01 .re-container .col-left .section-contents .naver-btn-wrapper a .naver-btn:hover{background-image:url('../img/naver_x2-h.png');}
    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/2x-main1.png');}
    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/2x-main2_2.png');}
    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-3{background-image:url('../img/2x-main3_2.png');}

    .rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/x2-gs01.png');}
    .rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/x2-gs02.png');}
    .rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-3{background-image:url('../img/x2-gs03.png');}
    .rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-4{background-image:url('../img/x2-gs04.png');}

    .rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/2x-main5.png');}
    .rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/2x-main6.png');}
}
@media (max-width:768px) {
    .main-nav{
        padding-left:25px;
        padding-right:25px;
    }
    .main-nav .re-container{width:100%;}
    .main-nav .re-container .mobile-nav{display:inline-block;}
    .main-nav .re-container .desktop-nav{display:none;}

    .col-re-sm-show{display:inline-block;}
    .col-re-sm-hide{display:none;}

    .mobile-container .mobile-frame{
        width:100%;
        height:100%;
        background-image:url('../img/mobile/mobile-frame.png');
    }

    .home-section .re-container .home-content .app-btns-wrapper{margin-top:1.5rem;}

    .rewhite-section .col-bottom{background-color:#FFFFFF;}

    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/mobile/mobile-main-01.png');}
    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/mobile/mobile-main-02.png');}
    .rewhite-section-01 .re-container .swiper-container .swiper-wrapper .swiper-slide-3{background-image:url('../img/mobile/mobile-main-03.png');}
    .rewhite-section-02 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/mobile/mobile-main-04.png');}
    .rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-1{background-image:url('../img/mobile/mobile-main-05.png');}
    .rewhite-section-03 .re-container .swiper-container .swiper-wrapper .swiper-slide-2{background-image:url('../img/mobile/mobile-main-06.png');}

    .rewhite-section-01 .re-container .mobile-container-bg{
        width:19.56667rem;
        height:11.96667rem;
        background-image:url('../img/mobile/bg-01-m.png');
    }
    .rewhite-section-02 .re-container .mobile-container-bg{
        width:19.43334rem;
        height:11.1rem;
        background-image:url('../img/mobile/bg-02-m.png');
    }
    .rewhite-section-03 .re-container .mobile-container-bg{
        width:17.76667rem;
        height:15.53334rem;
        background-image:url('../img/mobile/bg-03-m.png');
    }

    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide.swiper-slide-active{
        box-shadow:0 20px 30px 0 rgba(241,241,241,0.5);
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .swiper-slide-active.on{
        box-shadow:none;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .on + .magazine-slide{
        box-shadow:0 20px 30px 0 rgba(241,241,241,0.5);
    }

    .qna-section .panel-group .qna-group:first-child{padding:0}
    .qna-section .panel-group .qna-group + .qna-group{padding-left:0;}
    .qna-section .re-container .qna-btn-wrapper a{display:block;}
    .qna-section .re-container .qna-btn-wrapper a .qna-btn{display:block;}
    .qna-section .re-container .qna-btn-wrapper a:active .qna-btn{
        color:#FFFFFF;
        background-color:#3F95FF;
    }
}
@media (min-width:426px) and (max-width:768px) {
    html{font-size:3.90625vw;}
    section .section-title{
        margin-left:0;
        text-align:center;
        font-size:1.5rem;
        line-height:2.16667rem;
    }

    .main-nav .re-container .logo{margin-left:0;}

    .mobile-container{
        margin-top:2rem;
        padding:1px 0.3rem 0;
    }
    .mobile-container .mobile-display{
        width:9.4rem;
        height:11.33334rem;
        margin:0;
        border-top-left-radius:1.4rem;
        border-top-right-radius:1.4rem;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        box-shadow:inset 1px 15px 30px 0 rgba(255,255,255,0.5);
    }

    .home-section{
        padding-top:9rem;
        padding-bottom:8rem;
    }

    .main-section .item-container .item:nth-child(2n-1){padding-right:5px;}
    .main-section .item-container .item:nth-child(2n){padding-left:5px;}
    .main-section .item-container .item-payment{margin-top:3rem;}

    .search-section{margin-bottom:2.33334rem;}
    .search-section .section-title{
        font-size:1.33334rem;
        line-height:2.5rem;
    }
    .search-section .search-bar > input{padding:0.6rem 2.6rem 0.6rem 1rem;}

    .rewhite-section{
        padding-left:0;
        padding-right:0;
        padding-bottom:1.5rem;
    }
    .rewhite-section .re-container{padding-top:0;}
    .rewhite-section .re-container .col-top,.rewhite-section .re-container .col-right{
        padding-left:50px;
        padding-right:50px;
    }
    .rewhite-section .re-container .col-right{float:left!important;}
    .rewhite-section .re-container .col-top{
        padding-top:0px;
        text-align:center;
    }
    .rewhite-section .re-container .col-bottom{
        margin-top:-2px;
        padding-left:0;
        text-align:center;
    }

    .rewhite-section-01 .re-container .col-top{padding-top:0px;}
    .rewhite-section-01 .re-container .col-top .title-wrapper{margin-bottom:0;}
    .rewhite-section-01 .re-container .col-left .tab-container{
        display:inline-block;
        width:calc(12rem + 2px);
        margin-top:0;
        text-align:center;
        vertical-align:bottom;
    }
    .rewhite-section-01 .re-container .col-left .section-contents .tab-contents{
        height:4.33334rem;
        margin-top:1.16667rem;
    }
    .rewhite-section-01 .re-container .col-left .section-contents .bold{
        margin-bottom:0.6rem;
    }
    .rewhite-section-01 .re-container .mobile-container-bg{
        left:2rem;
        top:1.2rem;
    }

    .rewhite-section-02 .re-container .col-top{padding-top:0;}
    .rewhite-section-02 .re-container .mobile-container-bg{
        left:4rem;
        top:4rem;
    }
    .rewhite-section-02 .re-container .col-left .section-contents .number-container{
        margin-top:1.16667rem;
    }
    .rewhite-section-02 .re-container .col-left .section-contents .description{
        margin-top:0.66667rem;
    }

    .rewhite-section-03{margin-top:1.5rem;}
    .rewhite-section-03 .re-container .title-wrapper .title-top-img{padding:0 15px;}
    .rewhite-section-03 .re-container .mobile-container-bg{
        left:3rem;
        top:4.8rem;
    }
    .rewhite-section-03 .re-container .col-left .section-contents .number-container{
        margin-top:1.66667rem;
    }

    .magazine-section{
        margin-bottom:6.25rem;
        padding-left:0;
        padding-right:0;
    }
    .magazine-section .re-container .magazine-swiper-container{
        padding-left:2.83334rem;
        padding-bottom:calc(1.66667rem + 20px);
        margin-left:0;
        margin-right:0;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide{
        width:12.33333rem;
        max-width:370px;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents p{
        margin-top:0.83334rem;
    }

    .qna-section{padding-bottom:4.16667rem;}
    .qna-section .section-title{padding-bottom:1.33334rem;}
    .qna-section .panel-group .qna-group + .qna-group{padding-top:1.66667rem;}
    .qna-section .re-container .qna-btn-wrapper{padding-top:1.66667rem;}
    .qna-section .re-container .qna-btn-wrapper a .qna-btn{
        padding-top:0.7rem;
        padding-bottom:0.7rem;
    }

    .contactus-section{
        padding-top:2rem;
        padding-bottom:5.03334rem;
    }
    .contactus-section .section-title{
        margin-bottom:1.66667rem;
    }
    .contactus-section .contactus-input{
        margin-top:0;
        padding-left:0;
    }
    .contactus-section .contactus-input .submit-wrapper{
        margin-top:0.83334rem;
    }
    .contactus-section .contactus-input .submit-wrapper .privacy-link{
        margin-left:1.73334rem;
        margin-right:0.83334rem;
    }
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper{
        display:block;
        float:inherit;
        margin-top:1.66667rem;
    }
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper .submit-btn{
        width:100%;
        height:2.23334rem;
    }
    .contactus-section .contactus-info{
        display:block;
        width:100%;
        margin-top:2rem;
        padding-left:0;
        padding-right:0;
        
    }
    .contactus-section .contactus-info .contactus-info-inner{
        display:block;
        width:10rem;
        max-width:294px;
        min-width:200px;
        margin:0 auto;
    }

    .page-footer{margin-top:0;}
    .page-footer .re-container{
        padding:0 1.66667rem;
    }
    .page-footer .re-container > div{
        float:none;
    }
    .page-footer .re-container .footer-right{
        margin-top:3rem;
        text-align:center;
    }
    .page-footer .re-container .footer-right a .sns-icon{
        min-width:38px;
        min-height:38px;
    }
    .page-footer .re-container .footer-left{
        margin-top:3rem;
        padding:0 1.9rem;
    }
    .page-footer .re-container .footer-left .footer-left-contents{
        padding-bottom:3.66667rem;
    }
    .page-footer .re-container .footer-left .footer-left-contents .copyright{
        margin-bottom:1rem;
    }
    .page-footer .re-container .footer-left .footer-left-contents .txt{
        font-size:0.43334rem;
    }
}

@media (max-width:425px) {
    html{font-size:7.05883vw;}
    section{
        padding:0;
    }
    section .section-title{
        margin:0;
        font-size:0.93334rem;
        line-height:1.43334rem;
        text-align:center;
    }
    section .re-container{
        padding:0 15px;
        float:left;
    }

    .col-re-xx-show{display:inline-block}
    .col-re-xx-hide{display:none!important;}

    .col-re-xx-1{width:8.33333333%;}
    .col-re-xx-2{width:16.66666667%;}
    .col-re-xx-3{width:25%;}
    .col-re-xx-4{width:33.33333333%;}
    .col-re-xx-5{width:41.66666667%;}
    .col-re-xx-6{width:50%;}
    .col-re-xx-7{width:58.33333333%;}
    .col-re-xx-8{width:66.66666667%;}
    .col-re-xx-9{width:75%;}
    .col-re-xx-10{width:83.33333333%;}
    .col-re-xx-11{width:91.66666667%;}
    .col-re-xx-12{width:100%;}

    .message-layer{
        width:280px;
        min-width:280px;
        height:232px;
        font-size:14px;
    }
    .privacy-layer{width:90vw;}
    .privacy-layer .pop-container .pop-contents .privacy-box{
        padding:40px 15px 20px;
    }

    .mobile-container{
        padding:1px 0.3rem 0;
    }
    .mobile-container .mobile-display{
        width:9.43334rem;
        height:11.33334rem;
        margin:0;
        border-top-left-radius:1.4rem;
        border-top-right-radius:1.4rem;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        box-shadow:inset 1px 15px 30px 0 rgba(255,255,255,0.5);
    }

    .main-nav{
        padding-left:15px;
        padding-right:15px;
    }
    .main-nav .re-container .logo{margin-left:0.33334rem;}
    .main-nav .re-container .mobile-nav{padding-right:0.33334rem;}

    .home-section{
        padding-top:8.4rem;
        padding-bottom:1.13334rem;
    }
    .home-section .re-container .home-content{
        text-align:left;
        padding-left:11px;
    }
    .home-section .re-container .home-content .section-title{
        text-align:left;
        font-size:1.16667rem;
        line-height:1.66667rem;
    }

    .main-section{
        padding-top:2.66667rem;
        padding-bottom:2.66667rem;
    }
    .main-section .title-wrapper .title-top-img{max-width:214px;}
    .main-section .title-wrapper .section-title{
        margin-top:1.76667rem;
    }
    .main-section .item-container{margin-top:3rem;}
    .main-section .item-container .item + .item{margin-top:3.33334rem;}
    .main-section .item-container .item .description h3{
        margin-top:1.33334rem;
        margin-bottom:0.83334rem;
        font-size:0.66667rem;
        line-height:1;
    }

    .search-section{
        margin-bottom:0;
        padding-top:1.06667rem;
        padding-bottom:1.13334rem;
    }
    .search-section .re-container .title-wrapper > div{
        display:none;
    }
    .search-section .re-container .title-wrapper .section-title{
        font-size:0.83334rem;
        line-height:1.6;
    }
    .search-section .re-container .search-btn-wrapper{
        display:block;
        margin-top:0.5rem;
        text-align:center;
    }
    .search-section .re-container .search-btn-wrapper a{
        display:inline-block;
    }
    .search-section .re-container .search-btn-wrapper .search-btn{
        display:inline-block;
        width:8.73334rem;
        border-radius:7px;
        padding:0.36667rem 1.5rem 0.5rem;
        background-color:#FFFFFF;
        color:#3D94FF;
        font-size:0.66667rem;
        font-weight:bold;
        line-height:0.83334rem;
        vertical-align:middle;
    }

    .rewhite-section{
        padding-top:13px;
        padding-bottom:0;
        background-color:#F6F6F6;
        border-top:1px solid #E9E9E9;
    }
    .rewhite-section .re-container{
        padding-left:0;
        padding-right:0;
        background-color:#FFFFFF;
    }
    .rewhite-section .re-container .col-top{
        padding-top:1.66667rem;
    }
    .rewhite-section .re-container .col-left{
        padding-left:0;
        text-align:center;
    }
    .rewhite-section .re-container .col-right{
        z-index:2;
        margin-bottom:-2px;
    }
    .rewhite-section .re-container .col-bottom{
        background-color:#FFFFFF;
    }
    .rewhite-section .re-container .title-wrapper .section-title{
        line-height:1.43334rem;
    }

    .rewhite-section-01 .re-container{
        border-top:1px solid #E9E9E9;
    }
    .rewhite-section-01 .re-container .col-bottom .section-contents{}
    .rewhite-section-01 .re-container .col-left .tab-container{
        display:flex;
        margin-top:0;
        border-left-width:0;
        border-right-width:0;
    }
    .rewhite-section-01 .re-container .col-left .tab-container .tab{
        width:33.33333333%;
    }
    .rewhite-section-01 .re-container .col-left .tab-contents{
        height:5.93334rem;
    }
    .rewhite-section-01 .re-container .col-left .section-contents .btns-wrapper > a:first-child{margin-right:12px;}
    .rewhite-section-01 .re-container .mobile-container-bg{
        top:3.5rem;
        left:-4.2rem;
    }
    .rewhite-section-01 .re-container .mobile-container{margin-top:1.8rem}

    .rewhite-section-02 .re-container .col-left .section-contents .number-container{
        margin-top:1.33334rem;
    }
    .rewhite-section-02 .re-container .col-left .section-contents .description{
        margin-bottom:2.5rem;
    }
    .rewhite-section-02 .re-container .mobile-container-bg{
        top:5rem;
        left:-1.5rem;
    }
    .rewhite-section-02 .re-container .mobile-container{margin-top:1.73334rem}

    .rewhite-section-03{margin-top:0;}
    .rewhite-section-03 .re-container .title-wrapper .title-top-img{
        width:194px;
        height:auto;
        margin-left:auto;
        margin-right:auto;
    }
    .rewhite-section-03 .re-container .section-contents{margin-top:1.16667rem;}
    .rewhite-section-03 .re-container .section-contents .description{
        margin-top:0.66667rem;
        margin-bottom:1.6rem;
        line-height:0.9rem;
    }
    .rewhite-section-03 .re-container .mobile-container-bg{
        top:0rem;
        left:-3.3rem;
    }
    .rewhite-section-03 .re-container .mobile-container{margin-top:1.83334rem}

    .magazine-section{
        margin-bottom:2rem;
        padding-top:13px;
        background-color:#F6F6F6;
        border-top:1px solid #E9E9E9;
    }
    .magazine-section .re-container{
        padding-left:0;
        padding-right:0;
        background-color:#FFFFFF;
    }
    .magazine-section .re-container .section-title{
        padding-top:1.66667rem;
    }
    .magazine-section .re-container .magazine-swiper-container{
        margin-top:0.66667rem;
        margin-left:0;
        margin-right:0;
        padding-left:3px;
        padding-bottom:2.03334rem;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide{
        width:10.066666rem;
        max-width:302px;
        margin-left:7.5px;
        margin-right:7.5px;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents .slide-text{
        padding:19px 12px 28px;
    }
    .magazine-section .re-container .magazine-swiper-container .swiper-wrapper .magazine-slide .slide-centents p{
        margin-top:14px;
    }

    .qna-section{
        padding-top:1.66667rem;
        padding-bottom:2rem;
    }
    .qna-section .section-title{padding-bottom:1.33334rem;}
    .qna-section .panel-group .panel-accordion .panel-heading .q-icon{
        display:none;
    }
    .qna-section .panel-group .panel-accordion .panel-heading{
        padding:0.7rem 0.56667rem 0.7rem;
    }
    .qna-section .panel-group .panel-accordion .panel-heading .accordion-title{
        padding-left:0;
    }
    .qna-section .panel-group .panel-accordion .panel-collapse > .panel-body{
        padding:3px 0.56667rem 0.8rem;
    }
    .qna-section .panel-group .qna-group + .qna-group{padding-top:1.5rem;}
    .qna-section .re-container .qna-btn-wrapper{padding-top:1rem;}
    .qna-section .re-container .qna-btn-wrapper a .qna-btn{
        display:block;
        padding:15px 0 17px;
        line-height:16px;
    }

    .contactus-section{
        padding-top:1.66667rem;
        padding-bottom:3.5rem;
    }
    .contactus-section .contactus-input{
        margin-top:0.66667rem;
        padding-left:0;
    }
    .contactus-section .contactus-input #txt.input{
        margin-bottom:2rem;
    }
    .contactus-section .contactus-info{
        margin-top:2rem;
        padding-left:0.6rem;
    }
    .contactus-section .contactus-input .submit-wrapper{
        margin-top:0;
    }
    .contactus-section .contactus-input .submit-wrapper .privacy-link{
        float:left;
        padding-left:0.6rem;
    }
    .contactus-section .contactus-input .submit-wrapper .radio-wrapper{
        float:right;
    }
    .contactus-section .contactus-input .submit-wrapper .radio-wrapper .radio-label{
        display:block;
    }
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper{
        display:block;
        margin-top:0;
        padding-top:1.66667rem;
        clear:both;
        float:none;
    }
    .contactus-section .contactus-input .submit-wrapper .btn-wrapper .submit-btn{
        width:100%;
    }

    .page-footer{margin-top:0;}
    .page-footer .re-container{
        padding:0 0.5rem;
    }
    .page-footer .re-container > div{
        float:none;
    }
    .page-footer .re-container .footer-right{
        margin-top:1.63334rem;
        text-align:center;
    }
    .page-footer .re-container .footer-right a .sns-icon{
        width:1.26667rem;
        height:1.26667rem;
    }
    .page-footer .re-container .footer-left{
        margin-top:2.16667rem;
    }
    .page-footer .re-container .footer-left .footer-left-contents{
        text-align:center;
    }
    .page-footer .re-container .footer-left .footer-left-contents .copyright{
        font-size:0.53334rem;
        margin-bottom:0.8rem;
    }
    .page-footer .re-container .footer-left .footer-left-contents .txt{
        font-size:0.43335rem;
        line-height:0.83334rem;
    }
}
@media (max-width:360px) {
    html{font-size:25px;}
}