@charset "euc-kr";
/*reset*/
img {
	border:0;
}
button,html [type=button],[type=reset],[type=submit] {
	-webkit-appearance:none;
}
button,select {
	text-transform:none;
}
button,input {
	overflow:hidden;
}
button:focus {
	outline:none;
}
a,div {
	-webkit-tap-highlight-color:transparent;
}
.web {
	min-width: 1300px;
}

/*font*/
@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
        format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
        format("woff");
    font-weight: bold;
    font-style: normal;
}


/* common */
.pc_inner { max-width: 1200px; margin: 0 auto; }
.pc_inner2 { max-width: 1920px; margin: 0 auto; z-index:1; position: relative; }
.sec_tit {color: #2c2c2c;font-family: "GmarketSans";text-align: center;letter-spacing: -2.5px; line-height:1.1;}
.sec_tit strong { display: block; font-weight: bold; font-size: 64px;}
.sec_tit p { font-weight: normal;font-size: 52px; color:inherit;font-family:inherit;}
.sec_tit strong + p { margin-top: -5px; }
.txt_red { color:#f20000; }
.txt_green { color:#4fff81; }
.txt_sky { color:#16d6fa; }
.txt_pink { color:#fc7ba8; }
.txt_yellow { color:#fffd43; }
.txt_blue { color:#004eff; }


/* fade in */
.fade {	position:relative; transform:translate(0, 70px); opacity:0; transition-property:opacity, transform; transition-duration:1.2s; }
.fade.show { transform:translate(0, 0); opacity:1; }
.fade-self {} 
.fade-1 { transition-delay:0s; } 
.fade-2 { transition-delay:.2s; } 
.fade-3 { transition-delay:.4s; } 
.fade-4 { transition-delay:.6s; } 
.fade-5 { transition-delay:.8s; } 


/* sec01 */
.sec01 {position: relative;background: #ffd9e7; z-index: 2}
.sec01 .pc_inner2 { display: flex; justify-content: center; }
.sec01_bg {margin: 0 auto;display: block;}
.sec01_obj {position: absolute; top: 82px; left: 85px;}

@media screen and (max-width: 1600px) {
    .sec01_obj {
        left: 0;
    }
}



/* sec02 */
.sec02 {position: relative; z-index: 1; background:url(images/sec02_grd.jpg) repeat-x;}
.sec02 .pc_inner2 {display: flex; flex-direction: column;align-items: center;}
.sec02_bg { display: block;}
.notice_box2 {padding: 72px 0 101px;width: 1200px;}
.notice_box2 .tit_big { color: #000;font-size: 40px;font-weight: 700;font-family: "GmarketSans";}
.notice_box2 .tit_sm {font-size: 24px;color: #000;display: block;margin-top: 29px;font-weight: 600;}
.notice_box2 ul {margin-top: 6px;}
.notice_box2 ul li {font-size: 20px;color: #777;padding-left: 17px;position: relative;}
.notice_box2 ul li::before {content:'';display: block;width: 3px;height: 3px;background: #777;border-radius: 50%;position: absolute;top: 14px;left: 4px;}
.notice_box2 ul li + li {margin-top: 4px;}
.notice_box2 ul .pink {color: #ff0060;}


/* sec03 */
.sec03 { position: relative; background:#000;}
.sec03 .pc_inner2 { display: flex; justify-content: center; }
.sec03_bg {margin: 0 auto;display: block;}


/* sec04 */
.sec04 {flex-direction: column;position: relative;background: #081929;}
.sec04 .pc_inner2 {display: flex; flex-direction: column;align-items: center;}
.sec04_bg { display: block;}
.sec_04_in {position: absolute;top: 323px;left: 50%;transform: translate(-50%, 0);width: 1200px;}
.book_wrap { overflow: hidden; height: 884px; position: relative;}
.book_txt {position: absolute;top: 253px;left: -8px;}
.book_list {position: relative;font-size:0;-webkit-backface-visibility: hidden;animation-name: book_rolling;animation-duration: 17s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
.book_list:after {display:block; clear:both; content:'';}
.book_list li { }
.book_list li:first-of-type {z-index:1;position: relative;}
.book_list li + li {}
.book_list li img { }
@keyframes book_rolling {
	0% { 
		transform:translate(0, 0);
    }
    100% {
		transform: translate(0, -50%);
	}
}
.review_slide_01 {margin-top: 220px; height: 69px;padding-left: 198px;}
.review_slide_01 .swiper-slide {}
.review_slide_01 .swiper-slide p {font-size: 24px;color: #fff; padding: 12px 33px 0;border: 3px solid #fff;display: inline-block;height: 100%;}

.review_slide_02 {width: 843px;margin-top: 18px;height: 162px;padding-left: 56px;}
.review_slide_02 .swiper-slide {  }
.review_slide_02 .swiper-slide p {font-size: 22px; color:#717294;}
.review_slide_02 .swiper-slide-prev p {  }
.review_slide_02 .swiper-slide-active p {  }
.review_slide_02 .swiper-slide-next p { color:#5d618a; }
.review_slide_02 .swiper-slide-next + .swiper-slide p { color:#424373; }
.review_slide_02 .swiper-slide-next + .swiper-slide + .swiper-slide p {color: #2b295f;}


/* sec11 */
.sec11 {padding-top: 90px;}
.sec11 .tit {padding-bottom: 60px; text-align: center;}
.sec11  .visual_bg { position: relative; }
.sec11 .mask { width: 1200px; position: relative; margin: 0 auto; min-height: 50px; }
.sec11 .mask .img { position: relative; left: 50%; transform: translateX(-50%); }
.sec11 .visual_tit { width: 100%; position: absolute; top: 0; left: 0; padding-top: 90px; display: flex; justify-content: center; }
.sec11_cont { position: relative; }
.sec11 .gif_04 { position: absolute; top: 137px; left: 50%; width: 714px; height: 436px; transform: translateX(calc(-50% - 2px)); }
.sec11 .gif_04 img { width: 714px; height: 436px; }
.sec11_gif_slide { width: 356px; height: 218px; position: absolute; top: 978px; left: 50%; transform: translateX(-50%); }
.sec11_gif_slide img { width: 100%; height: 218px; }
.sec11_gif_slide .img02 { position: absolute; top: 0; left: 0; transform: translateX(-113%); }
.sec11_gif_slide .img03 { position: absolute; top: 0; left: 0; transform: translateX(112.7%); }
.sec11_circle { position: absolute; bottom: 450px; left: 270px; animation: rotate_image 6s linear infinite; transform-origin: 50% 50%; z-index: 1; }
@keyframes rotate_image{
    100% {transform: rotate(360deg);}
}
.sec11_images_slide { width: 832px; height: 508px; position: absolute; bottom: 360px; left: 50%; transform: translateX(calc(-28% + 2px)); overflow: hidden; border-radius: 5px; }
.sec11_images_slide img { width: 832px; height: 508px; }


/* sec05 */
.sec05 {position: relative; padding: 102px 0 42px; background:#f9f9fc; }
.sec05 .pc_inner2 {text-align: center;}
.sec05_tit {margin: 0 auto 60px;display: block;}
.sec05_sub {background: #ff9faf; color: #000;font-size: 46px;font-weight: 700;font-family: "GmarketSans";padding: 20px 36px 11px;border-radius: 58px;display: inline-block;min-width: 460px;}
.pic_li3 + .sec05_sub {margin-top: 18px;}
.sec05_desc {display: flex;justify-content: center;align-items: flex-end;}
.sec05_desc img {margin-right: 4px;transform:translate(0, -4px);}
.sec05_desc p {letter-spacing: -1.8px;font-size: 24px;color: #2c2c2c;margin-top: 28px;}
.sec05_desc p b {color: #f20000;font-size: 36px;letter-spacing: -2.5px;}

.pic_li3 {display: flex;justify-content: center;flex-wrap:wrap;margin: 25px auto 0; width: 1220px;}
.pic_li3 > li {display: flex;flex-direction: column;margin-bottom: 63px;}
.pic_li3 > li + li {margin-left: 12px;}
.pic_li3 > li div {width: 395px;height: 252px;background: url(images/tbl_bg.png) no-repeat 0 0/contain;position: relative;}
.pic_li3 > li div img {position: absolute;top: 19px;left: 50%;transform: translate(-50%, 0);width: 352px;height: 210px;border-radius: 5px;}
.pic_li3 > li strong {text-align:center;display: block;font-size: 24px;color: #2c2c2c;font-weight: 600;margin-top: 12px;}
.pic_li3 > li p {text-align:center;font-size: 20px;color: #2c2c2c;margin-top: 3px;letter-spacing: -1.5px;}
.pic_li3.twin { width: 900px; }
.pic_li3.twin > li:nth-child(n+3) {}
.pic_li3.twin > li:nth-child(2n-1) { margin-left:0; }


/* sec07 */
.sec07 {position: relative; background: linear-gradient(to bottom, rgba(130,25,219,1) 0%,rgba(29,66,252,1) 50%,rgba(10,5,180,1) 100%);}
.sec07_bg { margin:0 auto; display: block; }
.sec07 .pc_inner {position: absolute;z-index:1;top: 0;left: 0;right: 0;padding: 121px 0 100px;} 
.sec07_tit {margin: 0 auto;display: block; }
.sec07_tit.show { }
.sec07_obj { margin: 27px 0 0 10px; }
.sistem_li {background: #fff;border-radius: 47px;margin-top: 13px;padding: 57px 0 75px;}
.sistem_li > li {  }
.sistem_li > li + li {margin-top: 74px;}
.sistem_li > li {}
.sistem_li > li .num {text-align: center;background: url(images/sec07_tit_00.png) no-repeat center top;padding: 60px 0 0;margin-bottom: 16px;}
.sistem_li > li .tit {font-size: 48px;color: #000;text-align: center;display: block;font-family: "GmarketSans";font-weight: 600;letter-spacing: -2.5px;}
.sistem_li > li .tit small {font-size: 32px; font-family:inherit; font-weight:inherit;}
.pic_li2 {display: flex;justify-content: center;flex-wrap:wrap;margin: 25px auto 0;width: 900px;}
.pic_li2 > li {display: flex;flex-direction: column;}
.pic_li2 > li + li {margin-left: 28px;}
.pic_li2 > li:nth-child(n+3) {margin-top: 30px;}
.pic_li2 > li:nth-child(2n-1) { margin-left:0; }
.pic_li2 > li div {width: 395px;height: 252px;background: url(images/tbl_bg.png) no-repeat 0 0/contain;position: relative;margin-top: 5px;}
.pic_li2 > li div img {position: absolute;top: 19px;left: 50%;transform: translate(-50%, 0);width: 352px;height: 210px;border-radius: 5px;}
.pic_li2 > li strong {text-align:center;display: block;font-size: 26px;color: #605dfd;font-family: "GmarketSans";font-weight: 600;margin-top: 20px;}
.pic_li2 > li p {text-align:center;font-size: 20px;color: #2c2c2c;font-weight: 600;margin-top: 6px;}
#sec07_slide { transform: translate(11px, 28px); }
#sec07_slide .swiper-slide img { transform: translate(0px, 70px); opacity:0;  }
#sec07_slide .swiper-slide-active img { transform: translate(0px, 0px); opacity:1; transition:1.2s;}


/* sec08 */
.sec08 {position: relative;background:#fff;padding: 100px 0 111px;}
.sec08_tit {margin: 0 auto 43px;display: block;}
.vdo_wrap {width: 1000px;margin: 0 auto;}
.vdo_box {padding-top: 56.25%;position: relative;}
.vdo_box::before {content:'';background:url(images/vdo_box_shadow.png) no-repeat;width: 1078px;height: 36px;display: block;bottom: -18px;left: 50%;transform: translate(-50%, 0);position: absolute;}
.vdo_box iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;} 
.pic_li {display: flex;justify-content: center;flex-wrap:wrap;margin: 109px auto 0;}
.pic_li > li {display: flex;flex-direction: column;}
.pic_li > li + li {margin-left: 25px;}
.pic_li > li strong {display: inline-block;font-size: 22px;color: #2c2c2c;background: #deffbe;align-self: center;font-family: "GmarketSans";font-weight: normal;padding: 13px 29px 8px;border-radius: 37px;}
.pic_li > li div {width: 395px;height: 252px;background: url(images/tbl_bg.png) no-repeat 0 0/contain;position: relative;margin-top: 5px;}
.pic_li > li div img {position: absolute;top: 19px;left: 50%;transform: translate(-50%, 0);width: 352px;height: 210px;border-radius: 5px;}
.txt_li {margin-top: 15px;padding-left: 12px;}
.txt_li li {font-size: 18px;color: #2c2c2c;}
.txt_li li + li { margin-top:3px; }
.txt_li li::before {content:'';display: inline-block;width: 10px;height: 10px;background: #004eff;margin: 0 10px 2px 0;}
.pic_li.twin { width: 900px; }
.pic_li.twin > li:nth-child(n+3) { margin-top:56px; }
.pic_li.twin > li:nth-child(2n-1) { margin-left:0; }
.sec08 .pic_li > li strong { background:#605dfd; color:#fff; }
.sec08 .txt_li li::before { background:#29cdc1; }
.new_badge {position: absolute;width: 92px;height: 92px;background: url(images/new_badge.png) no-repeat;z-index: 1;top: -37px;left: -20px;}
.sec08_img {margin: 83px auto 0;display: block;}


/* free benefit */
.free_benefit { padding: 118px 0; text-align: center; background: #dd1068 url(images/bg_sprinkle.png) no-repeat center top;}
.free_benefit .sec_tit {margin-bottom: 45px;}
.free_benefit .process_btn {width: 563px; }
.free_benefit .process_btn:after { position: absolute; content: ''; background: url(images/icon_cursor.png) no-repeat 0 0/contain; width: 141px; height: 135px; bottom: -61px; right: -80px; animation: blink-effect 0.5s ease-in-out infinite alternate; }
@keyframes blink-effect {
	0% {opacity:0;}
	100% {opacity: 1;}
}


/* sec09 */
.sec09 {position: relative;padding: 90px 0 111px;text-align: center;background: url(images/sec09_bg.png) no-repeat calc(50% + 10px) 65px;}
.sec09_img {margin-top: 43px;transform: translate(10px, 0);}
.sec09_btn {position: relative;margin-top: 56px;display: inline-block;}
.sec09_btn::after {position:absolute;content:'';background:url(images/process/free_hand.png) no-repeat 0 0/contain;width:141px;height:135px;bottom: -65px;right: -36px;animation:blink-effect 0.5s ease-in-out infinite alternate;}
.sec09 .sec_tit strong + p { margin-top:2px; }


/* sec10 */
.sec10 {padding: 90px 0 111px;background:#f0f0f5;}
.tab_wrap {margin-top: 42px;}
.tab_btn { display:flex; margin-bottom:53px; }
.tab_btn button {width:100%;color:#222;font-size:22px;height: 69px;border: 1px solid #c9dcd9;background: #fff;font-family: "GmarketSans";font-weight: normal;padding-top: 6px;position: relative;overflow: visible;}
.tab_btn button.on {background:#f20000;color:#fff;border: 1px solid #f20000;}
.tab_btn button.on::after {content:'';display: block;width: 14px;height: 26px;border-top: 13px solid red;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 13px solid transparent;bottom: 0;transform: translate(-50%, 100%);position: absolute;left: 50%;}
.tab_con {  }
.tab_con div {  }
.tab_con div img {  }
.tab_con div img + img {margin-left: 26px;}


/* .free_txt */
.free_txt {background: url('images/bg_free_txt.jpg') no-repeat center center/cover;height: 457px;display: flex;align-items: center;}
.free_txt p { letter-spacing: -2.8px; font-family:'GmarketSans' !important;font-weight: 700;line-height: 1.35;font-size: 66px;text-align: center;color: #fff;}


/* ¹«·áüÇè ½Åû °úÁ¤ */
.process_wrap {background:#f0f0f5;padding-top: 105px;}
.process_wrap strong { font-weight:400; text-align:center; color:#2c2c2c; display:block; font-size:48px; }
.process_wrap strong span {	font-weight:700; }
.process_li { margin-top:33px; display:flex; justify-content:center; }
.process_li li { text-align:center; position:relative; }
.process_li li+li {margin-left: 156px;}
.process_li li+li::before { content:''; position:absolute; left:-79px; top:50%; transform:translate(0,-50%); background:url(images/process/process_arrow.png) no-repeat; width:22px; height:30px; display:block; }
.process_li li div { height:100px; }
.process_li li div img {}
.process_li li p { margin-top:12px; color:#2c2c2c; font-family:'Noto Sans KR'; font-size:24px; }
.process_wrap .btn_wrap { padding-bottom: 85px; width: 1140px; margin: 0 auto; border-bottom: 1px solid #ababad; }
.process_btn { display:block; font-size:0; width:660px; margin:50px auto 0; position:relative; }
.process_btn::after { position:absolute; content:''; background:url(images/process/free_hand.png) no-repeat 0 0/contain; width:141px; height:135px; bottom: -61px; right: -80px; animation:blink-effect 0.5s ease-in-out infinite alternate; }
.notice_box { width:1140px;	margin:0 auto 75px; padding-top:41px; }
.notice_box>strong { background:url(images/process/notice_tit.png) no-repeat; width:258px; height:35px; display:block; font-size:0;	background-size: contain; }
.notice_li { margin:15px 0 0 50px; }
.notice_li li { font-size:20px; color:#888; display:flex;}
.notice_li li + li { margin-top:4px; }
.notice_li li.noti_tit { font-weight:700; margin-bottom:20px; color:#5f5f5f; }
.notice_li li span { flex-shrink:0; margin-right: 3px; }
.process_wrap .top_btn { width:128px; height:48px; display:block; background:#b1b1b1 url(images/process/top_btn.png) no-repeat center center; margin:0 auto; font-size: 0; }