@charset "euc-kr";

@font-face {
    font-family: 'TmoneyRoundWindRegular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/TmoneyRoundWindRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    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: 'NanumBarunpen';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumBarunpen.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url("https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

#wrapper {    
    width: auto;
    min-width: 1200px;
    margin: 0 0 -80px;
	overflow:hidden;	
}

#wrapper .mid > div {
    position: relative;
}

#wrapper .btn {
    display: inline-block;
    text-indent: -9999px;
}

#wrapper .swiper-button-prev,
#wrapper .swiper-button-next {
    display: block;
    text-indent: -9999px;
}

.mid .mask {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    min-height: 50px;
    text-align: center;
}

.mask .thumb {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

/* visual */
.visual{background:#fefdfc;}
.visual .slider{height:70px; width:100%; position:absolute; top:199px; left:0; text-align:center; font-size:64px; font-family: 'GmarketSansBold'; color:#141521; }
.visual .slider .swiper-slide{opacity:0 !important;}
.visual .slider .swiper-slide-active{opacity:1 !important;}
.visual .link{position:absolute; left:50%; bottom:347px; transform:translateX(-50%); display:flex; gap:10px; width:980px; height:150px;}
.visual .link button{flex:1; height:100%; text-indent:-9999em; background:none;}
.visual .btn{position:absolute; bottom:96px; left:50%; transform:translateX(-50%); width:600px; height:106px; background:url(img/visual_btn.png) 0 0 no-repeat;}
.visual .btn:before{content:""; display:block; position:absolute; top:-50px; right:-19px; width:117px; height:116px; background:url(img/visual_btn_obj.png) 0 0 no-repeat; animation:move 1s infinite ease-in-out alternate;}

/* secret_01 */
.secret_01{background:#ffca19; height:1265px; padding:100px 0;}
.secret_01 .slider{position:relative; margin:50px 0 0;}
.secret_01 .swiper-container{width:1060px;}
.secret_01 .swiper-button-prev,
.secret_01 .swiper-button-next{background:url(img/ico_arrow1_left.png) no-repeat; width:60px; height:auto; aspect-ratio: 1 / 1;}
.secret_01 .swiper-button-prev{left:0;}
.secret_01 .swiper-button-next{right:0; transform: scaleX(-1);}
.secret_01 .link{position:absolute; width:150px; height:195px; text-indent:-9999em;}
.secret_01 .link.big{width:150px; height:195px;}
.secret_01 .link.small{width:106px; height:132px;}
.secret_01 .link.a1{right:80px; top:160px;}
.secret_01 .link.a2{left:80px; bottom:50px;}
.secret_01 .link.a3{left:40px; top:0;}
.secret_01 .link.a4{right:374px; top:0;}
.secret_01 .link.a5{left:40px; bottom:250px;}
.secret_01 .link.a6{right:374px; bottom:250px;}

/* conquest_solution */
.conquest_solution{background:#fff8ec;}
.conquest_solution .link{position:absolute;left:50%;bottom: 76px;transform:translateX(-50%);width: 630px;height:150px;text-indent:-9999em;}

/* secret_02 */
.secret_02{height:1570px; background:#79A3FF url(img/secret_02_bg.png) no-repeat center top; padding: 100px 0 50px;}
.secret_02 .slide_top{margin-top:50px; position: relative;}
.secret_02 .slide_top div {cursor: pointer;}
.secret_02 .slide_top .thumb {position: absolute; left: auto; right: 70px; top: 99px; width: 421px; transform: none; cursor: pointer;}
.secret_02 .slide_top .thumb::after {content: ''; position: absolute; bottom: 18px; right: 18px; background: url(img/play.png) no-repeat; width: 70px; height: 70px; pointer-events: none;}
.secret_02 .slide_top .thumb img {width: 100%;}
.secret_02 .slide_btm {position: relative; margin-top:46px;}
.secret_02 .secretSlideTop,
.secret_02 .secretSlideBtm {overflow: visible;}
.secret_02 .swiper-wrapper{transition-timing-function: linear;}
.secret_02 .slide_top .swiper-slide {width: 394px; opacity: 0.3; transition:all .5s;}
.secret_02 .slide_btm .swiper-slide {width: 346px; opacity: 0.3; transition:all .5s;}
.secret_02 .slide_btm .swiper-slide img {width: 100%;}
.secret_02 .swiper-slide.swiper-slide-active,
.secret_02 .swiper-slide.swiper-slide-prev,
.secret_02 .swiper-slide.swiper-slide-next {opacity: 1;}
.secret_02 .swiper-button-next,
.secret_02 .swiper-button-prev{top:49.5%; background:url(img/ico_arrow1_left.png) no-repeat; width:60px; height:60px; margin: 0; transform: translate(0, -50%);}
.secret_02 .swiper-button-prev{left:-17px;}
.secret_02 .swiper-button-next{transform: translate(0, -50%) scaleX(-1); right:-17px;}
.secret_02 .slide_btm .swiper-button-prev{top:56%; left:-10px;}
.secret_02 .slide_btm .swiper-button-next{top:56%; transform: translate(0, -50%) scaleX(-1); right:-10px;}

/* custom_solution */
.custom_solution{background:#eff4ff;}
.custom_solution .link{position:absolute;left:50%;bottom: 76px;transform:translateX(-50%);width: 630px;height:150px;text-indent:-9999em;}

/* secret_03 */
.secret_03{background:#9620cd; padding:100px 0;}
.secret_03 .slider{position:relative; margin:50px 0 0;}
.secret_03 .swiper-container{width:1060px;}
.secret_03 .swiper-button-prev,
.secret_03 .swiper-button-next{background:url(img/ico_arrow1_left.png) no-repeat; width:60px; height:auto; aspect-ratio: 1 / 1;}
.secret_03 .swiper-button-prev{left:0;}
.secret_03 .swiper-button-next{right:0; transform: scaleX(-1);}
.secret_03 .btn_view{margin:50px 0 0; display:inline-block; background:url(img/secret_03_btm_btn.png) no-repeat; width:600px; aspect-ratio:6; text-indent:-9999em;}

/* secret_04 */
.secret_04{background:#ff7235; padding:100px 0;}
.secret_04 .slider{position:relative; margin:50px 0 0;}
.secret_04 .swiper-container{width:1220px;}
.secret_04 .swiper-button-prev,
.secret_04 .swiper-button-next{position:relative; background:url(img/ico_arrow1_left.png) no-repeat 0 0 / 100%; width:36px; height:36px; top:13px;}
.secret_04 .swiper-button-prev{left:-15px;}
.secret_04 .swiper-button-next{right:-15px; transform: scaleX(-1);}
.secret_04 .swiper-slide{opacity:0 !important;}
.secret_04 .swiper-slide-active{opacity:1 !important;}
.secret_04 .swiper-pagination{position:relative; display:flex; justify-content: center; gap:10px;}
.secret_04 .swiper-pagination .swiper-pagination-bullet{background:#E14400; width:20px; height:20px; opacity:1;}
.secret_04 .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.secret_04 .btm_btn{display:flex; justify-content: center; width:100%; gap:10px; margin:50px 0 0;}

/* on_pick */
.on_pick{background:#123365; padding:100px 0 0; height:1208px; overflow:hidden;}
.on_pick .slider{position:relative; margin:50px 0 0;}
.on_pick .swiper-container{overflow:visible; width:500px;}
.on_pick .swiper-button-prev,
.on_pick .swiper-button-next{background:url(img/ico_arrow1_left.png) no-repeat; width:60px; height:auto; aspect-ratio: 1 / 1; border-radius:100%; border:1px solid #fff;}
.on_pick .swiper-button-prev{left:-80px;;}
.on_pick .swiper-button-next{right:-80px; transform: scaleX(-1);}
.on_pick .swiper-slide{transform: scale(0.75); margin:-60px 0 0; opacity:.2}
.on_pick .swiper-slide img{width:100%;}
.on_pick .swiper-slide-active{margin:0; transform: scale(1); padding:55px 20px 0; background:url(img/on_pick_slider_on.png) no-repeat; border-top-left-radius:60px; border-top-right-radius:60px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.8); opacity:1;}

/* only1_review */
.only1_review{background:#fff; padding:100px 0;}
.only1_review .tab_wrap{display:flex; flex-direction: column; border:1px solid #DBDBDB; border-radius:26px; padding:16px 30px; margin:40px 0 0;}
.only1_review .tab_wrap .group{display:flex; align-items: center;}
.only1_review .tab_wrap .group label{color:#121212; font-size:20px; font-weight:700; min-width:80px; text-align:left;}
.only1_review .tab_wrap .group .select{display:flex; gap:8px;}
.only1_review .tab_wrap .group .select button{background:#F4F6F9; color:#121212; font-size:16px; height:40px; border-radius:30px; padding:0 16px; line-height:40px; letter-spacing:-1px;}
.only1_review .tab_wrap .group .select button.on{background:#ED3535; color:#fff;}
.only1_review .tab_wrap .group + .group{margin:16px 0 0;}
.only1_review .review_count{display:flex; align-items: center; justify-content: space-between; background:#F4F6F9; padding:13px 30px; border-radius:26px; margin:30px 0 0;}
.only1_review .review_count .count{color:#121212; font-size:20px;}
.only1_review .review_count .count span{color:#ED3535; font-weight:700; margin:0 0 0 10px;}
.only1_review .review_count .btn_box{display:flex; gap:20px;}
.only1_review .review_count .btn_box button{position:relative; background:#DFE3EA url(img/only1_review_arrow1.png) no-repeat center right 19px / 7px; color:#121212; font-size:16px; height:40px; border-radius:30px; padding:0 30px 0 20px; line-height:40px; letter-spacing:-1px;}
.only1_review .review_count .btn_box button:not(:first-child):after{position:absolute; left:-10px; top:50%; transform:translateY(-50%); background:#a8aaac; width:1px; height:16px; content:'';}
.only1_review .review_wrap{margin:10px 0 0;}
.only1_review .review_wrap > .box{position:relative; border:2px solid #333; border-radius:20px; padding:30px 40px; text-align:left;}
.only1_review .review_wrap > .box:not(:first-child){margin:20px 0 0;}
.only1_review .review_wrap > .box .box_top{display:flex; align-items: center; justify-content: space-between; gap:13px;}
.only1_review .review_wrap > .box .box_top .band{display:flex; align-items: center; gap:14px;}
.only1_review .review_wrap > .box .box_top .star{display:flex; gap:4px;}
.only1_review .review_wrap > .box .box_top .star span{background:url(img/ico_strar.png) no-repeat -33px 0; width:30px; height:28px;}
.only1_review .review_wrap > .box .box_top .star span.on{background-position:0 0;}
.only1_review .review_wrap > .box .box_top .hash{overflow:auto; display:flex; max-width:750px;}

.only1_review .review_wrap > .box .box_top .hash::-webkit-scrollbar {height:5px;}
.only1_review .review_wrap > .box .box_top .hash::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / 30%); height:5px; border-radius:7px; background-clip: padding-box;}


.only1_review .review_wrap > .box .box_top .hash > div{display:flex; flex: 0 0 auto; gap:4px;}
.only1_review .review_wrap > .box .box_top .hash span{background:#FFF8E8; height:44px; line-height:44px; padding:0 16px; color:#121212; font-size:16px; border-radius:30px;}
.only1_review .review_wrap > .box .box_top .hash span:nth-of-type(1){background:#fff8e8;}
.only1_review .review_wrap > .box .box_top .hash span:nth-of-type(2){background:#fff3e8;}
.only1_review .review_wrap > .box .box_top .hash span:nth-of-type(3){background:#ffeceb;}
.only1_review .review_wrap > .box .box_top .like{background:url(img/icon_like.png) no-repeat 0 center / 16px; padding:0 0 0 23px; color:#121212; font-size:16px}
.only1_review .review_wrap > .box .box_group{display:flex; justify-content: space-between;}
.only1_review .review_wrap > .box .box_group .box_band{width:810px;}
.only1_review .review_wrap > .box .box_group .box_thumb{position:relative; width:260px; max-height:280px; border-radius:10px; margin:30px 0 0; overflow:hidden;}
.only1_review .review_wrap > .box .box_group .box_thumb img{width:100%; height:100%; object-fit: cover;}
.only1_review .review_wrap > .box .box_group .box_thumb .num{position:absolute; right:10px; bottom:10px; text-align:center; background:rgba(0, 0, 0, 0.7); width:40px; height:25px; line-height:25px; border-radius:20px; color:#fff; font-size:13px;}
.only1_review .review_wrap > .box .box_id{font-size:16px; color:#575A5F; margin:20px 0 0;}
.only1_review .review_wrap > .box .box_con{margin:20px 0 0;}
.only1_review .review_wrap > .box .box_con .tit{color:#000; font-size:28px; font-weight:700;}
.only1_review .review_wrap > .box .box_con .txt{color:#333; font-size:16px; word-break: keep-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-height:1.5;}
.only1_review .review_wrap > .box .box_con .btn_detail{color:#999; font-size:16px; margin:15px 0 0; background: url(img/only1_review_arrow2.png) no-repeat center right / 7px; padding:0 12px 0 0;}
.only1_review .btn_area{margin:20px 0 0;}
.only1_review .btn_area .btn_more{width:400px; height:60px; background:#EFEFEF;} 
.only1_review .btn_area .btn_more span{color:#121212; font-size:18px; font-weight:700; background:url(img/ico_plus.png) no-repeat right 7px / 16px; padding:0 25px 0 0; line-height:1;} 
.only1_review .review_wrap > .box .card_img{width:100%; display:none;}
.only1_review .review_wrap > .box .card_img img{width:100%; margin:30px 0 0;}
.only1_review .review_wrap > .box a.bt_forward {display:none; position:absolute; text-align:center; right:30px; bottom:20px; width:167px; height:47px; background:#ef2a23; font-size:18px; font-weight:400; color:#fff; line-height:47px; border-radius:47px;}
.only1_review .review_wrap > .box a.bt_forward span:before {content:""; display:inline-block; width:25px; height:21px; background:url(img/icon_forward.png) center no-repeat; position:relative; top:3px; margin-right:5px;}
.only1_review .review_wrap > .box.active{padding:30px 40px 90px;}
.only1_review .review_wrap > .box.active .box_group .box_thumb{display:none;}
.only1_review .review_wrap > .box.active .box_group .box_band{width:100%;}
.only1_review .review_wrap > .box.active .box_con .txt{-webkit-line-clamp:inherit;}
.only1_review .review_wrap > .box.active .box_con .btn_detail{position:absolute; bottom:26px; left:50%; transform:translateX(-50%); color:#666; font-size:20px; margin:0; background: url(img/arow_top.png) no-repeat right 12px / 15px; padding:0 23px 0 0;}
.only1_review .review_wrap > .box.active .card_img{display:block; }
.only1_review .review_wrap > .box.active a.bt_forward {display:block;}

/* photo_event */
.photo_event{background:#ec4141;}
.photo_event .link{position:absolute;left:50%;bottom: 76px;transform:translateX(-58%);width: 630px;height:150px;text-indent:-9999em;}

/* free_trial */
.free_trial{background:#19192d;}
.free_trial .link{position:absolute;left:50%;bottom: 76px;transform:translateX(-53%);width: 630px;height:150px;text-indent:-9999em;}

/* event_notice */
.event_notice{background:#F6F6F6; padding:50px 0;}
.event_notice .mask{text-align:left;}
.event_notice .tit{color:#333; font-size:20px; font-family: 'Pretendard-Bold';}
.event_notice ul{margin:10px 0 0;}
.event_notice ul > li{color:#666; font-size:16px; font-family: 'Pretendard-Regular'; line-height:1.8;}

/* ¸®ºä µî·ÏÇϱâ */
#wrapper.bg_grap{background:#f4f6f9; padding:40px 0 100px;}
.write_wrap{width:1200px; margin:0 auto;}
.write_wrap .rv_box {background:#fff url(img/write_top_img.png) 95% 50% no-repeat; margin-bottom:35px; padding:30px 40px; border-radius:20px;}
.write_wrap .rv_box h3 {font-size:20px; font-weight:700; color:#ED3535; }
.write_wrap .rv_box h3 span {font-weight:400; font-size:16px; color:#333;}
.write_wrap .rv_box ul {margin-top:15px;}
.write_wrap .rv_box li:not(:first-child){margin:3px 0 0;}
.write_wrap .rv_box li {font-size:16px; line-height:1.5; color:#333;}
.write_wrap .write_tbl {width:100%; background:#fff; border:1px solid #DBDBDB; border-radius:20px; overflow:hidden; padding:15px 30px 15px 0;}
.write_wrap .write_tbl table {width:100%;}
.write_wrap .write_tbl table th, td {padding:15px 30px; text-align:left; font-size:16px; color:#444; font-weight:400;}
.write_wrap .write_tbl table th {line-height:1.5; font-weight:700;}
.write_wrap .write_tbl table th .gray{color:#555; font-size:13px; font-weight:400;}
.write_wrap .write_tbl table td {padding:15px 0;}
.write_wrap .write_tbl table td.tit {font-weight:500;}
.write_wrap .write_tbl .txt_left {text-align:left !important;}
.write_wrap input[type=text] {width:100%; font-size:15px; color:#999; padding:0.3125em 0.625em; border:1px solid #ddd; line-height:1em; background:#fff; height:40px; appearance: none; border-radius:5px;}
.write_wrap input[type=text]::placeholder {color:#999; font-weight:400;}
.write_wrap .write_tbl textarea::placeholder {font-size:16px; color:#999;}
.write_wrap .write_tbl .file_wrap {display:inline-block;}
.write_wrap .write_tbl input[type=file] {display:none;}
.write_wrap .write_tbl .file_wrap img {display:inline-block; width:60px; height:60px;}
.write_wrap .write_tbl .img_file {display:inline-block; position:relative; width:60px; height:60px; background:#e0e0e0;}
.write_wrap .write_tbl .img_file .del {position:absolute; width:20px; height:20px; font-size:12px; text-align:center; color:#fff; background:rgba(0,0,0,0.3); top:0; right:0;}
.write_wrap .write_tbl .plus_file {display:inline-block; width:60px; height:60px; background:#e0e0e0 url(img/plus_icon.png) 50% 50% no-repeat; }
.write_wrap .hash {font-size:14px; color:#222;}
.write_wrap .hash span {display:inline-block; margin:0 5px 0 0;}
.write_wrap .hash label {display:inline-block; cursor: pointer; margin:5px 0; position:relative; padding:10px 15px; background:#fff; border-radius:30px;line-height:1; border:1px solid #dbdbdb;}
.write_wrap .hash input[type="checkbox"] {display:none;}
.write_wrap .hash input:checked + label {background:#ed3535; color:#fff; border:1px solid #ed3535;}
.write_wrap .bt_wrap {margin:40px 0; text-align:center;}
.write_wrap .bt_wrap .bt_cancle {display:inline-block; width:160px; height:70px; line-height:70px; font-size:20px; margin:0 5px; font-weight:700; color:#555; border-radius:40px;  background:#EEEFF1; border:1px solid #EEEFF1; }
.write_wrap .bt_wrap .bt_ok {display:inline-block; width:160px; height:70px; line-height:70px; font-size:20px; margin:0 5px; font-weight:700; color:#fff; border-radius:40px; background:#ed3535; border:1px solid #ed3535; }
.write_wrap .point_red {color:#ff0000; font-weight:400; font-size:18px;}
.write_wrap select{height:50px; padding:0 140px 0 20px; border:1px solid #dbdbdb; border-radius:10px; color:#666; background:#f4f6f9 url(img/ico_select_arrow.png) right 18px center no-repeat; font-size: 16px; outline: none; transition:border .1s;}
.write_wrap input[type=text]{height:50px; padding:0 140px 0 20px; border:1px solid #dbdbdb; border-radius:10px; color:#666; background:#f4f6f9; font-size: 16px; outline: none; transition:border .1s;}
.write_wrap textarea{height:300px; padding:20px 140px 0 20px; border:1px solid #dbdbdb; border-radius:10px; color:#666; background:#f4f6f9; font-size: 16px; outline: none; resize:none; transition:border .1s;}
.write_wrap textarea::-webkit-scrollbar {width:5px;}
.write_wrap textarea::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / 30%); width:5px; border-radius:7px; background-clip: padding-box;}
.write_wrap select:focus,
.write_wrap input[type=text]:focus,
.write_wrap textarea:focus{border:1px solid #333;}
.write_wrap .box_file{padding:20px 20px; border:1px solid #dbdbdb; border-radius:10px; background:#f4f6f9;}
.write_wrap .checkstar{direction: rtl; float:left; cursor: default;}
.write_wrap .checkstar span {float:left; margin-right:5px; text-indent:-99999px; width:30px;height:28px; background:url(img/ico_strar.png) -33px 0 no-repeat;padding: 0;}
.write_wrap .checkstar span.active {background-position:0 0;}
.write_wrap .checkstar input[type=radio] {display: none;}
.write_wrap .checkstar label {width:30px; height:28px; background:url(img/ico_strar.png) -33px 0 no-repeat; padding: 0; cursor: pointer;}
.write_wrap .checkstar label:hover,
.write_wrap .checkstar label:hover ~ label,
.write_wrap .checkstar input[type=radio]:checked ~ label {background-position:0 0;}

/* Ç÷ÎÆà ¹è³Ê */
#only1_rnb_sky_banner_mid{display:none;}
.floating_banner {
    position: fixed;
    right: 0;
    margin: 0 20px 0 0;
    z-index: 99;
    transition: all .3s;
    text-align: center;
    top: 230px;    
}

.floating_banner a {
	display:block;
}

.floating_banner a:nth-child(2){
	margin-top:9px;
}

@media all and (min-width:2500px) {
	.floating_banner{right: 50%; margin: 0 -1255px 0 0;}
	#js-ree-trial-apply{right: 50%; margin: 0 -1255px 0 0;}
}


@keyframes move {
    50% {
        transform: translate(-10px, 10px);
    }
}