@charset "utf-8";
@import url('common.css');


/* 인포 페이지 */
.header {position: fixed; top: 0; left: 0; width: 100%; min-width: 320px; padding: 15px 120px; background-color: #f2f2f2; overflow: hidden;}
.header .main_logo {
    float: left;
    width: 125px;
    height: 46px;
    text-indent: -9999px;
    background: url('/asset/www/images/logo_h.png') no-repeat 0 0;
    overflow: hidden;
    
}
.header .main_logo a{display: block;height: 100%;}
.header .txt {float: right; font-size: 1.25rem; line-height: 46px;}
.header .txt strong {color: #6064ff; font-weight: bold;}
.section {min-width: 320px; text-align: center;}
.footer {position: fixed; bottom: 0; left: 0; width: 100%; min-width: 320px; padding: 30px 30px; text-align: center; background-color: #f2f2f2; opacity: 0;}
.footer .adress {color: #333; font-size: 15px; line-height: 1.5em;}
.footer .adress span {color: #333;}
.footer .copyright {margin-top: 20px; color: #999; font-size: 14px;}
.footer .adress .dib{position:relative;display: inline-block;vertical-align: top;}
.footer .adress .dib + .dib:before {content:'';display: inline-block;width: 1px;height:13px;margin:5px 8px 0 4px;background-color:#333;vertical-align: top;}

.footer .sv-link{margin-bottom:16px;text-align: center;}
.footer .sv-link a{display: inline-block;font-size: 16px;font-weight:bold;}
.footer .sv-link a + a:before {content:'';display: inline-block;width: 2px;height:13px;margin:5px 8px 0 4px;background-color:#333;vertical-align: top;}
.head_cnt {flex: 0 0 auto; margin-bottom: 500px;}
.main_title {display: block; font-size: 3.85rem;}
.sub_title {display: block; margin-top: 30px; font-size: 1.95rem; line-height: 1.7em;}

#content01 {background: url('/asset/www/images/bg_01.png') no-repeat center center; background-size: cover;}
#content01 .fp-tableCell, #content05 .fp-tableCell {align-items: center; vertical-align: middle;}
#content01 ul {overflow: hidden;}
#content01 ul li {float: left; width: 329px;}
#content01 ul li img {display: block; width: 100%; height: auto;}

#content03 .main_title {color: #fff;}
#content03 .sub_title {color: #fff;}

#content05 {padding-bottom: 120px;}
#content05 .inner {max-width: 868px; width: 80%; padding: 60px 10px; border-radius: 17px; background-color: #fff;}
#content05 .main_title {font-size: 2.65rem;}
#content05 .sub_title {font-size: 1.75rem; padding-bottom: 0;}
#content05 .cmt {display: block; margin-top: 65px; color: #656565; font-size: 1.25rem;}
#content05 .send_mail {display: inline-block; margin: 20px auto 0; padding: 0 40px; color: #0092d3; font-size: 1.438rem; font-weight: 500; line-height: 58px; border-radius: 30px; background-color: #f2f2f2;}



#content02 {background: url('/asset/www/images/bg_02.png') no-repeat center bottom; background-size: 995px auto;}
#content03 {background: url('/asset/www/images/bg_03.png') no-repeat center bottom; background-size: 995px auto;}
#content04 {background: url('/asset/www/images/bg_04.png') no-repeat center bottom; background-size: 995px auto;}

.btn_down {position: fixed; right: 60px; top: 120px; height: 68px; padding: 21px 30px; background-color: #000; border-radius: 34px; }
.btn_down .em {position: relative; padding-left: 55px; color: #fff; font-size: 1.25rem;}
.btn_down .em:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 39px; height: 39px; background: url('/asset/www/images/logo_btn.png') no-repeat 0 center;}

.btn_mweb {position: fixed; right: 60px; top: 200px; color: #000; font-size: 18px; text-shadow: 1px 1px 5px rgba(181, 181, 181, 0.8);}

.fp-viewing-4 .footer {opacity: 1; transition: all 1s;}

/* 약관페이지 */
.fp-none .section {padding-top: 76px;min-height:785px;}
.fp-none .footer {position: relative;opacity:1;bottom:inherit;left:inherit}

.policy{display:-ms-flex;display:-webkit-flex;display:flex;justify-content: center;align-items: center;width:100%;}
.policy_content{text-align: left;font-size: 1rem;letter-spacing: -0.7px;}
.policy_content .tit_area {margin-bottom:25px;text-align: left; padding:34px 120px 28px;border-bottom:3px solid #eee;}
.policy_content .tit_area h2{color:#333;font-size: 2.5rem;letter-spacing: -5px;font-weight: bold;}
.policy_content .sec {padding: 70px 120px 30px;line-height: 1.5;}
.policy_content .sec h4{margin-top:46px;font-size: 1.1rem;color:#6064ff;font-weight: 600;}
.policy_content .sec h4:first-child{margin-top: 0;}
.policy_content .sec p{margin:8px 0 0 0;font-size: 1rem;letter-spacing: -0.7px; line-height: 2.5em; }
.policy_content .sec p.depth{margin-left: 16px;}
.policy_content .sec ol,.policy_content .sec ul{margin:8px 0 0 0;}
.policy_content .sec li { line-height: 2.5em; }
.policy_content .sec li + li{margin-top:5px}
.policy_content .sec .indent {padding-left: 14px;}
.policy_content .sec ul.indent{margin-bottom:8px;}
/* screen size */
@media screen and (max-width:1000px) {
    html, body {font-size: 12px;}
    .header {
        padding: 15px 60px;
    }
    .head_cnt {margin-bottom: 350px;}
    #content01 ul li {width: 250px;}
    #content02, #content03, #content04 {background-size: 700px auto;}

    .policy_content{font-size:1.25rem;letter-spacing:-0.3px}
    .policy_content .tit_area {margin-bottom:20px;padding: 20px 60px 20px;}
    .policy_content .tit_area h2{font-size: 2.2rem;letter-spacing: -3px;}
    .policy_content .sec {
        padding: 30px 60px 30px;
    }
    .policy_content .sec h4{margin-top:36px;font-size:1.25rem;}
    .policy_content .sec p{font-size:1.167rem;}
}

@media screen and (max-width:800px) {
    html, body {font-size: 12px;}
    #content01 {height: 100% !important;}
    #content01 .top_slide {height: 509px; overflow-y: auto;}

    #content01 .fp-tableCell {position: relative; height: 100vh !important; align-items: flex-start;}
    .main_title {font-size: 2.55rem;}
    .sub_title {margin-top: 30px; font-size: 1.35rem; line-height: 1.7em;}
    #content01 ul {position: absolute; top: 38%;
    left: 50%; transform: translate(-50%, -50%);}
    #content01 ul li {float: none; width: 320px;}

    #content05 .main_title {font-size: 1.85rem;}
    #content05 .sub_title {font-size: 1.35rem;}
    .btn_down {right: 10px; top: 80px; height: auto; padding: 15px 17px;}
    .btn_down .em {padding-left: 45px;}
    .btn_mweb {top: 140px; right: 10px; font-size: 14px;}

    .policy_content{font-size:1.1rem;}
    .policy_content .tit_area {margin-bottom:20px;padding:20px 60px 20px;}
    .policy_content .tit_area h2{font-size: 2rem;}
    .policy_content .sec h4{margin-top:26px;font-size:1.1rem;}
    .policy_content .sec p{font-size:1.1rem;}

}

@media screen and (max-width:540px) {
    html, body {font-size: 14px;}
    .header {padding: 5px 20px;}
    .header .main_logo {width: 33px; height: 38px; background: url(/asset/mweb/images/doo_logo.png) no-repeat 0 0; background-size: 100% auto;}
    .header .txt {font-size: 0.87rem; line-height: 1.5em;}
    .header .txt .dib {display: block; text-align: right;}

    .main_title {font-size: 2.55rem;}
    .sub_title {font-size: 1.05rem;}

    #content01 .top_slide {height: 509px; overflow-y: auto;}
    #content02, #content03, #content04 {background-size: 154% auto;}

    #content05 .sub_title, #content05 .cmt {font-size: 1.05rem;}
    #content05 .send_mail {font-size: 1.15rem;}

    .footer {padding: 15px 15px;}
    .footer .adress {font-size: 11px;}
    .footer .copyright {margin-top: 10px; font-size: 11px;}
    .footer .adress .dib + .dib:before {height:10px;margin:3px 6px 0 2px;}
    .footer .sv-link{margin-bottom:8px;}
    .footer .sv-link a{font-size:12px;}
    .footer .sv-link a + a:before{width:1px;height:10px;margin:3px 6px 0 2px;}
    .btn_down {right: 10px; top: 55px; padding: 8px 10px;}
    .btn_down .em {padding-left: 32px; font-size: 1.1rem;}
    .btn_down .em:before {width: 28px; height: 28px; background-size: 100% auto;}
    .btn_mweb {right: 10px; top: 95px;}

    #fp-nav.right {right: 15px;}

    .fp-none .section{padding-top: 48px;}
    .policy_content{font-size:0.9rem}
    .policy_content .tit_area {padding:16px 20px 14px}
    .policy_content .tit_area h2{font-size: 1.2rem;letter-spacing: -1.2px;}
    .policy_content .sec{padding: 0 20px 15px}
    .policy_content .sec h4{margin-top:23px;font-size:1rem;}
    .policy_content .sec p{font-size:0.9rem;letter-spacing:-0.3px; line-height: 2em;}
    .policy_content .sec .indent {padding-left:8px;margin-bottom:6px;}
    .policy_content .sec li { line-height: 2em; }
}