@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');


/* reset */
html,body,div,header,section,footer,table,th,tdinput,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p,form,img,button,figure{margin:0;padding:0}
body,th,td,input,select,textarea,button,caption{font-family: 'Roboto', sans-serif;font-size:62.5%;color:#fff;line-height:1.2;letter-spacing:-0.01em}
ul,ol{list-style:none}
form,img{border:0}
img{vertical-align:middle}
table{border:0;padding:0;border-collapse:collapse;border-spacing:0}
em{font-style:normal}
button{border:0px;cursor:pointer}
a,a:hover,a:focus{color:#111;text-decoration:none}
footer,header{display:block}
h1,h2,h3,h4{font-size:62.5%;font-weight:normal}
article,footer,header,menu,nav,section{display:block}


/* layout */
h1{width:1.4795rem;position:fixed;top:.42rem;right:.52rem;z-index:100;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
h1 > a, h1 > a > img{width:100%;height:100%;display:block}
.fp-viewing-p5 h1{left:.52rem;right:auto}
.fp-viewing-p6 h1{top:auto;bottom:.42rem;left:.52rem;right:auto}
.fp-viewing-p7 h1{display:none}
.content{font-family: 'NanumSquareR';font-size:.20rem;color:#fff}


/* common */
.m_hide{display:none}
#fp-nav{position:fixed;top:50%;right:.71rem;z-index:100;opacity:1;-webkit-transform:translate3d(0,0,0);margin-top:-0.885rem!important}
#fp-nav.fp-right{right:.17rem}
#fp-nav.fp-left{left:.17rem}
.fp-slidesNav{ position:absolute;left:0!important;right:0;margin:0 auto!important;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);}
.fp-slidesNav.fp-bottom{bottom:.17rem}
.fp-slidesNav.fp-top{top:.17rem}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav ul li,.fp-slidesNav ul li{width:.19rem;height:.19rem;position:relative;margin:.07rem}
.fp-slidesNav ul li{display:inline-block}
#fp-nav ul li a,.fp-slidesNav ul li a{width:100%;height:100%;display:block;position:relative;z-index:1;text-decoration:none;cursor:pointer}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{width:100%;height:100%;background:#f5f9f0}
#fp-nav ul li a span,.fp-slidesNav ul li a span{ width:100%;width:.19rem;height:100%;height:.19rem;display:block;position:absolute;top:50%;left:50%;box-sizing:border-box;border:1px solid #fff;border-radius:50%;margin:-2px 0 0 -2px;z-index:1;transform:translate(-50%,-50%);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:100%;height:100%;background:#f5f9f0}
#fp-nav ul li .fp-tooltip{width:0;max-width:220px;display:block;position:absolute;top:-2px;overflow:hidden;opacity:0;font-family:arial,helvetica,sans-serif;font-size:.14rem;color:#fff;white-space:nowrap;cursor:pointer}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{width:auto;opacity:1;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}
#fp-nav ul li .fp-tooltip.fp-right{right:20px}
#fp-nav ul li .fp-tooltip.fp-left{left:20px}
#fp-nav ul li a{touch-action: none}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}
.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
.fp-sr-only{width:1px;height:1px;position:absolute;overflow:hidden;border:0;padding:0;white-space:nowrap;clip:rect(0,0,0,0)}
.bnr_buy{width:.6912rem;height:.6912rem;position:fixed;bottom:.61rem;right:.50rem;overflow:hidden;background:url("../img/bnr_buy.png");background-size:100% 100%;text-indent:-9999px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}


/* section */
.section{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.section .inner_content{width:100%;height:100%;background-position:center;background-size:cover}
.section p.main_txt{display:inline-block;padding:2.28rem 0 0 .83rem;opacity:0;font-size:.35rem;color:#fff}
#section1{background-image:url("../img/bg_pc_01.jpg");text-align:center}
#section1 p.tit_intro{width:3rem;padding-top:1.7rem;margin:0 auto;opacity:0}
#section1 p > img{width:100%}
#section1 .m_img_md{display:none}
#section2{background-image:url("../img/bg_pc_02.jpg");text-align:center}
#section2 p{padding:4.50rem 0 0 0}
#section3{background-image:url("../img/bg_pc_03.jpg")}
#section4{background-image:url("../img/bg_pc_04.jpg")}
#section5{background-image:url("../img/bg_pc_05.jpg");text-align:right}
#section5 .main_txt{padding:1.32rem .89rem 0 0}
#section5 .bk:first-child{display:none}
#section5 .bk:last-child{display:block}
#section6{background-image:url("../img/bg_pc_06.jpg");text-align:center}
#section6 p{padding:1.17rem 0 0 0}
#section6 .p_hide{display:none}
#section6 .bk{display:none}
#section6 .bk:last-child{display:block}
/*
#section7{overflow:hidden}
#section7 .video_wrap{width:100%;height:100%}
#section7 iframe{width:100%;height:100%}
#section7 .btn_play{cursor:pointer}
#section7 .btn_pause{display:none;cursor:pointer}

#section7 .video_wrap{width:100%;height:100%;position:relative;overflow:hidden;z-index:2;background-size:cover}
#section7 video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);object-fit:cover;}
*/

/* media query */
@media screen and (max-width:414px){
    h1{width:46px;top:15px;right:16px}
    h1 img{width:100%}
    .fp-viewing-p1 h1{display:none}
    .fp-viewing-p5 h1{left:auto;right:16px}
    .fp-viewing-p6 h1{top:15px;bottom:auto;left:auto;right:16px}
    .fp-viewing-p7 h1{display:none} 
    .m_hide{display:block}
    #fp-nav{top:auto;bottom:20%;right:30px;opacity:0}
    #fp-nav ul li, .fp-slidesNav ul li{width:10.5px;height:10.5px;margin:3px}
    #fp-nav ul li a span, .fp-slidesNav ul li a span{width:8.5px;height:8.5px;border:1px solid #777}
    #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{background:#777}
    .section{background-position:top;background-size:100% auto}
    .section p.main_txt{position:absolute;top:50%;left:50%;padding:0;transform:translate(-50%,0) !important;-webkit-transform:translate(-50%,0) !important;-moz-transform:translate(-50%,0)
        !important;-ms-transform:translate(-50%,0) !important;-o-transform:translate(-50%,0) !important;font-size:.65rem;color:#000;text-align:center;line-height:18px;letter-spacing:2px; text-orientation: mixed;-webkit-text-orientation: mixed;}
    span.dummy{display:inline-block;margin:1px 0}
    
    #section1{background:#fff}
    #section1 p > img{display:none}
    #section1 p.tit_intro{width:100%;height:242px;background:url("../img/tit_m_intro.png") no-repeat center;background-size:cover;margin:0 auto 10px;padding-top:0}
    #section1 img.m_hide{width:100%}
    #section1 img.m_hide:last-child{position:absolute;bottom:0;left:0}
    #section1 .m_img_md{width:100%;display:block;opacity:0;position:absolute;top:38%;}
    #section2 p{padding-top:0; padding-top:0;text-align:left;}
    #section3 p{padding-top:0;text-align:left;}
    #section3 p > span{display:inline-block;}
    #section4 p{padding-top:0;text-align:left}
    #section4 p > span{display:inline-block;}
    #section5 .main_txt{padding:0;padding-top:0;text-align:left}
    #section5 p > span{display:inline-block;}
    #section5 .bk:first-child{display:block}
    #section5 .bk:last-child{display:none}
    #section6 .main_txt{padding:0;padding-top:0;text-align:left}
    #section6 p > span.pd{display:inline-block;}
    #section6 .bk{display:block}
    #section6 .bk:last-child{display:none}
    #section6 .p_hide{display:inline-block}
    /*
    #section7{font-size:0}
    #section7 p{top:46%}
    #section7 .m_video_border{width:100%;height:20px;background:#ffb2b5}
    #section7 iframe{width:100%;height:auto}
    #section7 .btn_play{width:100%;height:auto}
    #section7 .btn_pause{width:100%;height:auto}
    
    #section7 .video_wrap{width:100%;height:auto;overflow:auto;background-size:cover}
    #section7 video{min-width:auto;min-height:auto;width:100%;height:auto;position:relative;left:auto;top:auto;transform:unset;-webkit-transform:unset;-ms-transform:unset;object-fit:unset;-moz-transform:unset;-o-transform:unset}
    
    #section7 p{padding-top:0px;text-align:left}
    #section7 p > span{display:inline-block;padding-top:83px}
    */
    .bnr_buy{width:35px;height:35px;bottom:5%;right:6%;overflow:hidden;background:url("../img/bnr_m_buy.png");background-size:35px;opacity:0;text-indent:-999px;-webkit-transition:unset;-moz-transition:unset;-ms-transition:unset;-o-transition:unset;transition:unset}
}