@charset 'utf-8';
.clearfix:after {content: '';display: block;clear: both;}
legend, .blind, caption{position: absolute;top: 0;height: 0;font-size: 0;line-height: 0; text-indent: -9999em;overflow: hidden;}
#wrapper{margin: 0 auto;overflow: hidden; }
.mobile-only{display:none !important;}
.pc-only{display:block !important;}
#wrapper { width:100%; height:100%; position:relative;}



#header { display:block; position:fixed; top:0; left:0; width: 100%; background:#fff;  width: 100%; height:64px; box-shadow:0 0 5px rgba(0,0,0,0.15); z-index: 1000; }
#header .left { float: left; padding: 20px 60px; }
#header .left ul { display: inline-block; width: 100%; height: auto; }
#header .left ul li { float: left; height: 24px; line-height: 1; }
#header .left ul li:first-child { padding-right: 28px; margin-right: 22px; border-right: 1px solid #e6e6e6; }
#header .left ul li img { width: 24px; height: 24px; vertical-align: middle; margin: 0 10px 0 0; }
#header .left li a { height: 24px; line-height: 1; font-size: 18px; color: #161616; }

#header .right { float: right; padding: 20px 60px; height: 80px; }
#header .right ul { display: inline-block; width: 100%; height: auto; }
#header .right ul li { float: left; height: 24px; line-height: 1; }
#header .right ul li a { display: inline-block; padding-left: 60px; height: 24px; line-height: 1; font-size: 16px; font-weight: 700; color: #161616; }
#header .right ul li a.on { color: #33adff; }


#content { padding-top:64px;}

.landing-page .pagination { position:fixed; top: 50%; bottom: 50%; right: 80px; margin-top: -35px; z-index: 3; }
.landing-page .pagination a { display: inline-block; width: 15px; height: 15px; width: 15px; height: 15px; border: solid 2px #ffffff; background-color: #33adff; border-radius: 50%; }
.landing-page .pagination li.on a { border:2px solid #33adff; background-color: #fff; }



.landing-page .inner-wrapper { position: absolute; top: 0; left: 0; right: 0; width: 1200px; height: 800px; margin: 0 auto; z-index: 2; }
.landing-page .btn-large { border: solid 1px #33adff; background-color: #33adff; color: #fff; transition:all 0.5s; }
.landing-page .btn-large:hover { background: #189EF8; color: #fff; border: 1px solid #189EF8; }
.landing-page .copyright { height: 90px; line-height: 90px; font-size: 15px; letter-spacing: -0.75px; text-align: center; color: #b6b6b6; border-top: 1px solid #e6e6e6; }
.landing-page .box1 { position: relative; height: 800px!important; overflow: hidden; }
.landing-page .box1 .img { position: absolute; top: 0; left: 0; width: 100%; height: 800px; z-index: 1; }
.landing-page .box1 .img img { width:100%; height:100%; object-fit:cover; }
.landing-page .box1 .inner-wrapper { padding: 220px 0 0 0; }
.landing-page .box1 .title { font-weight: 300; font-size: 18px; color: #ffffff; }
.landing-page .box1 .title img { width: 28px; height: 28px; vertical-align: middle; margin: 0 10px 0 0; }
.landing-page .box1 h1 { font-size: 44px; font-weight: 500; letter-spacing: -2.2px; color: #ffffff; margin: 22px 0 0; }
.landing-page .box1 .help-text { font-size: 22px; letter-spacing: -1.1px; text-align: left; color: #e9f3ff; margin: 17px 0 0; }
.landing-page .box1 .store { margin: 40px 0 0; }
.landing-page .box1 .store ul { display: inline-block; width: 100%; height: auto; }
.landing-page .box1 .store ul li { float: left; margin-right: 16px; }
.landing-page .box1 .store ul li img { height: 51px; }

.landing-page .box2 { position: relative; height: 800px; overflow: hidden; }
.landing-page .box2 h1 { text-align: center; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin: 105px 0 0; color: #161616; }
.landing-page .box2 h1 span { color: #33adff; font-weight: 700; }
.landing-page .box2 .img { width:1080px; margin: 14px auto 0; }
.landing-page .box2 .img img { width: 1080px; height: 350px; }
.landing-page .box2 .test { display: block; width:calc(298px * 3); margin: 14px auto 0; }
.landing-page .box2 .test ul { display: inline-block; width: 100%; height: auto; }
.landing-page .box2 .test ul li { position: relative; float: left; width: 280px; height: 135px; margin: 0 9px; border-radius: 8px; background-color: #f6f6f6; text-align: center; padding: 20px; font-size: 18px; }
.landing-page .box2 .test ul li img { width: 56px; height: 56px; }
.landing-page .box2 .test ul li .number { position: absolute; top: 16px; left: 16px; display: inline-block; width: 32px; height: 33px; line-height: 33px; background-color: #33adff; font-size: 13px; color: #fff; border-radius: 50%; }


.landing-page .box3 { position: relative; height: 800px; overflow: hidden; background-color: #f9f9f9; }
.landing-page .box3 .inner-wrapper { padding-top: 69px; }
.landing-page .box3 .step { display: block; width: 89px; height: 31px; line-height: 31px; margin: 0 auto; border-radius: 25px; background-color: #2d8dee; font-size: 15px; color: #ffffff; text-align: center; }
.landing-page .box3 h1 { text-align: center; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin: 19px 0 0; color: #161616; }
.landing-page .box3 h1 span { color: #33adff; font-weight: 700; }
.landing-page .box3 .img { margin: 33px auto 0; text-align: center; }
.landing-page .box3 .img img { width: 1080px; height: 540px; }


.landing-page .box4 { position: relative; height: 800px; overflow: hidden; background-color: #e4f3ff; }
.landing-page .box4 .inner-wrapper { padding-top: 69px; }
.landing-page .box4 .step { display: block; width: 89px; height: 31px; line-height: 31px; margin: 0 auto; border-radius: 25px; background-color: #2d8dee; font-size: 15px; color: #ffffff; text-align: center; }
.landing-page .box4 h1 { text-align: center; font-size: 36px; font-weight: 700; letter-spacing: -1.8px; margin: 19px 0 0; color: #161616; }
.landing-page .box4 .img { margin: 77px auto 0; text-align: center; }
.landing-page .box4 .img img { width: 914px; height: 496px; }


.landing-page .box5 { position: relative; height: 800px; overflow: hidden; background-color: #fff; }
.landing-page .box5 .inner-wrapper { padding-top: 107px; }
.landing-page .box5 h2 { text-align: center; font-size: 24px; font-weight: 400; letter-spacing: -1.2px; margin: 30px 0 0; color: #161616; }
.landing-page .box5 .img { margin: 0 auto; text-align: center; }
.landing-page .box5 .img img { width: 200px; height: 200px; }
.landing-page .box5 .btn-group-area { text-align: center; margin: 43px 0 0; }
.landing-page .box5 .btn-large { width: 260px; height: 70px; line-height: 68px; font-size: 24px; font-weight: 700; color: #fff; }


/* 제휴문의 */
.contact-us {padding-bottom: 159px; background-color: #f3f3f3; }
.contact-us .inner-wrapper { position: absolute; top: 0; left: 0; right: 0; width: 1200px; height: 800px; margin: 0 auto; z-index: 2; }
.contact-us .banner { text-align: center; }
.contact-us .banner img { width: 100%; height: 240px; object-fit: cover; }
.contact-us .top { text-align: center; }
.contact-us .top .character { display: block; width: 200px; height: 200px; margin: -100px auto 0; }
.contact-us .top .character img { width: 190px; height: 190px; border: 5px solid #fff; border-radius: 50%; overflow: hidden; }
.contact-us .top h1 { font-size: 36px; font-weight: 700; color: #161616; margin: 24px 0 0; }
.contact-us .top .help-text { font-size: 16px; color: #868686; margin: 19px 0 0; }
.contact-us .board-write-area { width: 625px; margin: 0 auto; }
.contact-us .board-write-area ul > li > label span { color: #ff0000; }
.contact-us .board-write-area .btn-group-area { text-align: center; }
.contact-us .board-write-area .btn-group-area .btn-large { border: solid 1px #33adff; background-color: #33adff; color: #fff;  width: 260px; height: 70px; line-height: 68px; font-size: 20px; transition:all 0.5s; }
.contact-us .board-write-area .btn-group-area .btn-large:hover { background: #189EF8; color: #fff; border: 1px solid #189EF8; }