@charset "euc-kr";

#only1_wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}
#only1_wrapper .mask{position:relative; width:1200px; margin:0 auto;}
#only1_wrapper .mask .img{position:absolute;}
#only1_footer{margin:0;}

.visual{background:#fddee4;}
.visual .tit{left:223px; top:30px;}
.visual .model{left:390px; bottom:0;}
.visual .tab_box {position: absolute;left: 50%;bottom: 81px; margin-left: -207px;width: 417px;height: 375px;background: url(images/pc/visual_tab.png) no-repeat;padding: 116px 21px 0;}
.visual .tab_box .swiper-container { }

.cont_1{background:#f3f3f3;}
.cont_2{background:#fff;}
.cont_3{background:#fde8ec;}
.cont_3 .mask{padding-bottom:100px;}
.cont_3 .slide_wrapper{position:relative;}
.cont_3 .slide_wrapper .title{position:absolute; left:0; top:157px; width:100%; height:478px; z-index:2;}
.cont_3 .slider .swiper-slide{background:#fde8ec;}
.cont_3 .swiper-pagination{ left:0; top:157px;}
.cont_3 .swiper-pagination-bullet{position:absolute; left:0; top:0; display:block; width:190px; height:112px; text-indent:-999em; cursor:pointer; background:none; border-radius:0; opacity:1;}
.cont_3 .swiper-pagination-bullet.step0{left:0; top:0;}
.cont_3 .swiper-pagination-bullet.step1{left:0; top:122px;}
.cont_3 .swiper-pagination-bullet.step2{left:0; top:242px;}
.cont_3 .swiper-pagination-bullet.step3{left:0; top:363px;}
.cont_3 .swiper-pagination-bullet.step4{left:1010px; top:0;}
.cont_3 .swiper-pagination-bullet.step5{left:1010px; top:122px;}
.cont_3 .swiper-pagination-bullet.step6{left:1010px; top:242px;}
.cont_3 .swiper-pagination-bullet.step7{left:1010px; top:363px;}

.cont_4{background:#fff;}
.cont_5{background:#eaeeff;}
.cont_5 .slide_wrapper{position:relative; width:100%; height:820px; display:flex; margin:60px 0 0;}
.cont_5 .slider{position:absolute; right:0; top:0; width:760px; height:608px;}
.cont_5 .swiper-slide{position:relative; opacity:0 !important;}
.cont_5 .swiper-slide-active{opacity:1 !important;}
.cont_5 .swiper-slide .gif{position:absolute; left:42px; top:43px; width:671px; height:416px; overflow:hidden; border-radius:10px;}
.cont_5 .swiper-slide .gif > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.cont_5 .swiper-pagination{position:absolute; left:0; top:0; width:326px;}
.cont_5 .swiper-pagination-bullet{width:100%; height:155px; background:url(images/pc/cont_5_pagination.png) no-repeat; display:block; border-radius:0; opacity:1;}
.cont_5 .swiper-pagination-bullet.step0{background-position:0 0;}
.cont_5 .swiper-pagination-bullet.step1{background-position:0 -155px;}
.cont_5 .swiper-pagination-bullet.step2{background-position:0 -312px;}
.cont_5 .swiper-pagination-bullet.step3{background-position:0 -469px;}
.cont_5 .swiper-pagination-bullet.step4{background-position:0 -626px;}
.cont_5 .swiper-pagination-bullet-active.step0{background-position:-326px 0;}
.cont_5 .swiper-pagination-bullet-active.step1{background-position:-326px -155px;}
.cont_5 .swiper-pagination-bullet-active.step2{background-position:-326px -312px;}
.cont_5 .swiper-pagination-bullet-active.step3{background-position:-326px -469px;}
.cont_5 .swiper-pagination-bullet-active.step4{background-position:-326px -626px;}

.cont_6{background:#fff;}
.cont_7{background:#f3f3f3; padding:0 0 130px;}
.cont_7 .slide_wrapper{position:relative;}
.cont_7 .slider{}
.cont_7 .swiper-pagination{position:absolute; left:0; top:0; display:flex; width:100%; height:100px;}
.cont_7 .swiper-pagination-bullet{flex:1; height:100%; text-indent:-999em; cursor:pointer; background:none; border-radius:0; opacity:1;}

.cont_8{background:#fff;}
.cont_9{background:#eaeeff;}

/* contrast */
.contrast{background:#E0E8F9;}
.contrast .mask{padding:100px 0; text-align: center;}
.contrast img+img{margin-top:60px;}

/* section11 ¶óÀÌºê ¹«Ã¼ ÇýÅà ¿µ¿ª */
.section11{padding: 100px 16px; background:#ECF0F8;}
.section11 .tit_wrap{position: relative; text-align: center;}
.section11 .tit_wrap .tit{white-space: nowrap; color: #222; font-size: 50px; font-family: "GmarketSansBold"; text-align: center; line-height: 1.3em;}
.section11 .tit_wrap .tit strong{color: #f20000; font-weight: inherit;}
.section11 .gift_list{counter-reset: gift; display: grid; gap: 30px 30px; grid-template-columns: repeat(6, 1fr); margin-top: 60px;}
.section11 .gift_list .item{position: relative; counter-increment: gift;}

/* À§ 2°³: °¢°¢ Àý¹Ý¾¿ */
.section11 .gift_list .item:nth-child(1),
.section11 .gift_list .item:nth-child(2) {
  grid-column: span 3;
}

/* ¾Æ·¡ 3°³: °¢°¢ 1/3¾¿ */
.section11 .gift_list .item:nth-child(3),
.section11 .gift_list .item:nth-child(4),
.section11 .gift_list .item:nth-child(5) {
  grid-column: span 2;
}

.section11 .gift_list .item::before { content: 'ÇýÅÃ ' counter(gift); position: absolute; top: 0; left: 0; z-index: 2; padding: 0.6em 1.2em 0.4em; background: #292a4c; color: #fff; font-size: 23px; font-family: 'GmarketSansBold'; border-radius: 2em 2em 2em 0; line-height: 1em;}
.section11 .gift_list .item div { overflow: hidden; position: relative; border-radius: 40px; }
.section11 .gift_list .item div::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: 40px; background: linear-gradient(135deg, rgba(165, 179, 209, 0.6), rgba(165, 179, 209, 0.6)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; pointer-events: none; transition: padding 0.3s, background 0.3s;}
.section11 .gift_list .item.on div::before{padding: 4px; background: linear-gradient(135deg, #ffcc00 0%, #ff4343 33%, #c355f2 64%);}
.section11 .gift_list .item img{max-width: 100%;}
.section11 .device_select{display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; width:100%; height: 289px; margin-top: 40px;}
.section11 .device_select div{border-radius: 40px; transition: box-shadow 0.5s;}
.section11 .device_select div:first-child{background: url(images/pc/sec11_select01.png) no-repeat 0 0 / cover; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select div:nth-child(2){background: url(images/pc/sec11_select02.png) no-repeat 100% 0 / cover;}
.section11 .device_select.on div:nth-child(2){}
.section11 .device_select.on div:first-child{background-position-x: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}
.section11 .device_select.on div:nth-child(2){background-position-x: 0%; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);}
.section11 .notice_wrap{width:100%; margin-top: 60px; text-align: left;}
.section11 .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 0.5em 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 28px; border-radius: 2em;}
.section11 .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.section11 .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; background: url(images/pc/sec11_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.section11 .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.section11 .notice_wrap .cont{padding: 50px; color: #626262; word-break: keep-all; background: #fff; border-radius: 40px;}
.section11 .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.section11 .notice_wrap .cont p:first-child{margin-top: 0;}
.section11 .notice_wrap .cont ul{margin-top: 20px;}
.section11 .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size: 16px;}
.section11 .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(16px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.section11 .notice_wrap .cont ul li + li{margin-top: 6px;}
.section11 .notice_wrap .cont div{padding-left: 9px;}

/* ¹«·áüÇè ½Åû °úÁ¤ */
.info .tit_wrap{white-space: nowrap; padding: 60px 24px; background: #f20000; text-align: center;}
.info .tit_wrap .sub_tit{color: #fff; font-size: 40px; font-weight: 700;}
.info .tit_wrap .main_tit{margin-top: 20px; color: #fff; font-size: 60px; font-family: 'GmarketSansBold'; line-height: 1.2em;}
.info .tit_wrap strong{color: #fff365; font-weight: inherit;}
.info .tit_wrap .apply_btn{display:inline-block; padding: 0.5em 2em; margin-top: 30px; background: #222; color: #fff; font-size: 32px; font-weight: 700; border-radius: 2em; box-shadow: 0 20px 30px 0 rgba(160, 0, 0, 0.5);}
.info .notice_wrap{padding: 50px 24px; margin-top: 0; background: #D9D9D9;}
.info .notice_wrap .notice_tit{position: relative; padding-left: 1.2em; margin-right:auto; color: #000; font-size: 30px; font-weight: 700; text-align: left;}
.info .notice_wrap .notice_tit::before{content: ''; position: absolute; top: calc(1em*1.5/2 - 0.5em); left: 0; width: 1em; height: 1em; background: url(images/pc/notice_icon.png) no-repeat 0 0 / contain;}
.info .notice_wrap .tit{display: flex; align-items: center; justify-content: center; padding: 0.5em 0; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 28px; border-radius: 2em;}
.info .notice_wrap .tit span{position: relative; padding-right: 1.5em;}
.info .notice_wrap .tit span::before{content: ''; position: absolute; top: calc(50% - 15px); right: 0; transform: rotate(180deg); width: 30px; height: 30px; background: url(images/pc/sec09_tit_icon01.png) no-repeat 0 0 / contain; transition: transform 0.35s;}
.info .notice_wrap .tit.on span::before{transform: rotate(0deg);}
.info .notice_wrap .cont{padding-top: 14px; color: #626262; word-break: keep-all; text-align: left;}
.info .notice_wrap .cont ul{margin-top: 20px;}
.info .notice_wrap .cont ul li{position: relative; padding-left: 14px; font-size:20px;}
.info .notice_wrap .cont ul li::before{content: ''; position: absolute; top: calc(20px*1.5/2 - 3px); left: 0; width: 6px; height: 6px; background: #626262; border-radius: 50%;}
.info .notice_wrap .cont ul li + li{margin-top: 6px;}
.info .notice_wrap .cont p{margin-top: 1em; font-size: 20px; font-weight: 600;}
.info .notice_wrap .cont div{padding-left: 9px;}




.cont_11{background:#F3F3F3;} 
.cont_11 .slide_wrapper{}
.cont_11 .swiper-container{position: absolute; width: 280px; height: 168px;}
.cont_11 .slider{bottom: 189px; left: 55px;}
.cont_11 .slider2{bottom: 189px; left: 460px;}


/* Àü¹®»ó´ã Àü¿ë ¹«·áüÇè ½Åû ½ºÅ¸ÀÏ ¼öÁ¤ */
.free-trial-apply .title{padding:43px 38px 24px 217px !important;}
.free-trial-apply .title h1{line-height:1.2 !important;}
.free-trial-apply .title h1 span{display:block; font-size:18px; letter-spacing:-1px;}
.free-trial-apply .title h1 strong{display:inline-block !important;}
.free-trial-apply .info span{color:#ed3535;}
.free-trial-apply .button a{color:#fff !important;}
.free-trial-apply .button a span{color:#ffe763;}