@charset "utf-8";

html,body{height:100%;background:#ededed !important}
.main-visual .slideCount{position:absolute;right:15px;bottom:10px;padding:2px 10px;border-radius:10px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:300;z-index:3;}
.main-visual .slideCount .slideCountItem{font-weight:600}

.expire_noti{padding:0 0 0 15px}
.expire_noti strong{color:red}

.type-wrap{padding:10px 10px 10px 1em;}
.type-wrap ul li{display:inline-block;width:11.5%;min-width:72px;max-width:95px;margin-right:0;padding:10px 0;text-align:center;}
.type-wrap ul li:not(:last-child){margin-right:0;}
.type-wrap li a{display:block;padding-top:50px;font-size:14px;font-weight:400;letter-spacing:-.5px;}
.type-wrap li a.skin{background:url(/images/icon/skincare.png)50% 3px/40px no-repeat;}
.type-wrap li a.makeup{background:url(/images/icon/makeup.png)50% 3px/40px no-repeat;}
.type-wrap li a.wrinkle{background:url(/images/icon/wrinkle.png)50% 3px/40px no-repeat;}
.type-wrap li a.skintest{background:url(/images/icon/skintest.png)50% 3px/40px no-repeat;}
.type-wrap li a.hair{background:url(/images/icon/hair.png)50% 3px/40px no-repeat;}
.type-wrap li a.trouble{background:url(/images/icon/trouble.png)50% 3px/40px no-repeat;}
.type-wrap li a.whitening{background:url(/images/icon/whitening.png)50% 3px/40px no-repeat;}
.type-wrap li a.others{background:url(/images/icon/others.png)50% 3px/40px no-repeat;}

#container.header-fix{position:relative;min-height:calc(100% - 50px);padding-top:50px}
#container.header-fix.pd0{padding-top:0}
#container .con-width{padding: 10px 15px;}
#container.footer-pd{padding-bottom:19em;}
.full-btn-wrap{position:fixed;max-width:800px;width:100%;bottom:0;z-index:2}
.full-btn-wrap.non-fix{position:static;}
.full-btn-wrap .full-btn{display:block;width:100%;height:50px;background:#ba75fc;color:#fff;text-align:center;font-size:14px;font-weight:600;line-height:50px;}
.full-btn-wrap .full-btn.off{background:#9b9b9b}

.test-wrap{padding: 10px 0 15px;}
.test-wrap.bt-bd{border-bottom:1px solid #e4e4e4;}
.test-wrap.con-list .thumb{position:relative;border-radius:10px;}
.test-list{padding:15px 1em;}
.test-list.list-col{padding:0}
.test-list li{position:relative;padding-bottom:12px;}
.test-list li:last-child{padding-bottom:0;}
.test-list li>a{overflow:hidden;display:block;}
.test-list li a div{float:left;}
.list-title{display:inline-block;font-size:1.45em;font-weight:700;letter-spacing:-1px;}
.test-list .thumb{position:relative;width:95px;height:95px;border-radius:10px;border:1px solid #efefef;overflow:hidden;box-sizing:border-box;}
.test-list .text-area{width:calc(100% - 120px);padding:5px 0 5px 10px}
.text-area .test-info{padding:0 0 3px;font-size:14px;}
.text-area .test-info span{margin-left:5px;font-size:12px;}
.text-area .test-info span.day{color:#bb75fc;font-weight:600;}
.text-area .test-info span.today{display:inline-block;padding:1px 5px;border-radius:5px;background:#fa5151;color:#fff;font-size:11.5px;font-weight:500;}
.test-list .text-area .con-title{overflow:hidden;max-height:2.4em;font-size:15px;font-weight:500;line-height:1.2em;letter-spacing:-.4px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.test-list .text-area .hash{height:20px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;line-height:1.7;white-space:nowrap}
.test-list .text-area .hash span{font-size:14px;color:#777;}
.test-list .text-area .hash.divide span:nth-child(2){position:relative;margin-left:10px;padding-left:10px;}
.test-list .text-area .hash.divide span:nth-child(2):before{content:"";display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#dbdbdb}
.test-list .list-more{float:right;display:inline-block;width:20px;margin-top:3px;margin-right:1em;background:url(/images/icon/arrow.png)95% 0px/10px no-repeat;text-indent:-9999px;}

/* .beautycRcmd .colList-wrap{padding:0 0 0 1em} */
.colList-wrap{padding:15px 0 0 1em}
.colList-wrap ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding-bottom:1em;}
.colList-wrap ul li{display:inline-block;width:350px;margin-right:15px;}
.colList-wrap ul li:last-child{margin-right:1em;}
.colList-wrap ul li a{display:block;}

.beautycRcmd-list li{width:75%;max-width:270px;margin:0 15px 10px 0}
.beautycRcmd-list .big-thumbs{margin-bottom:1em;border-radius:10px;border:1px solid #e4e4e4;overflow:hidden;}
.beautycRcmd-list .text-area p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.beautycRcmd-list .text-area .con-title{font-size:1.275em;font-weight:700;line-height:1.3;letter-spacing:-1px;}
.beautycRcmd-list .text-area .gray-txt{margin-top:.2em;font-size:14px;color:#777}

.con-list.beautycRcmd{margin-bottom:20px}
.recommendTest-slider {margin-top:10px}
.recommendTest-slider .swiper-slide a,
.recommendTest-slider .big-thumbs,
.recommendTest-slider .text-area span,
.recommendTest-slider .text-area .con-title{display:block;width:100%;text-align:left}
.recommendTest-slider .text-area .test-info span.today{width:auto;vertical-align:bottom}

.recommendTest-slider .text-area .day{display:inline;}
.beautycRcmd-list .big-thumbs,
.recommendTest-slider .big-thumbs{margin-bottom:.7em;border-radius:10px;border:1px solid #e4e4e4;overflow:hidden;}
.beautycRcmd-list .text-area p,
.recommendTest-slider .text-area span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.recommendTest-slider .text-area .con-title{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-1px;}
.beautycRcmd-list .text-area .gray-txt,
.recommendTest-slider .text-area .gray-txt{margin-top:.2em;font-size:14px;color:#777}

.test-wrap.arrow{position:relative;overflow:hidden;}
.test-wrap.arrow .arrow-btn{position:absolute;top:48.5%;width:45px;height:45px;background:#fff url('/images/icon/arrow.png')56% 50%/9px no-repeat;border:1px solid #dbdbdb;border-radius:30px;text-indent:-9999px;z-index:20;transition:.3s;}
.test-wrap.arrow .arrow-btn.prev{left:1em;transform:rotate(180deg);}
.test-wrap.arrow .arrow-btn.next{right:1em;}

.moreBtn-wrap{padding:0 1em}
.mainMore-btn{display:block;padding:.85em;border:1px solid #e4e4e4;border-radius:10px;text-align:center;color:#777!important;font-weight:600}

.mainTab-list {overflow-y:auto;white-space:nowrap;padding:12px 0 0 1em;border-bottom:1px solid #e4e4e4}
.mainTab-list li{display:inline-block;padding:0 2em 0 0}
.mainTab-list li:last-child(){padding:0 1em 0 0;}
.mainTab-list li a{display:block;padding-bottom:5px;font-size:1.125em;font-weight:500;color:#999;letter-spacing:-.5px;border-bottom:3px solid #fff}
.mainTab-list li a.active{color:#bb75fc;border-bottom:3px solid #bb75fc;}

.con-list .list-title{padding-left:14px;}
.test-list .thumb .scrap-icon{position:absolute;top:0;left:0;content:"";display:block;width:30px;height:30px;background:url(/images/icon/con-scrap-off.png)50% -1px/15px no-repeat;opacity:.2;}
.test-list .thumb .scrap-icon.on{background: url(/images/icon/con-scrap-on.png)50% -1px/15px no-repeat;opacity:1}
.list-col {max-height:220px;}
.list-col li>a:nth-child(1){margin-bottom:12px;}

.test-wrap.top10{padding-top:30px;border-top:10px solid #f7f7f7;border-bottom:none}
.banner-area{position:relative;overflow:hidden;height:120px;margin:10px 1em;background:50%/772px no-repeat;border-radius:10px;}
.banner-area.mid{background-image:url(/images/img/main-mid-banner.png)}
.banner-area.bt{margin-bottom:5em;background-image:url(/images/img/main-mid-banner2.png)}
.banner-area .banner-txt{display:table;position:absolute;top:0;left:26%;bottom:0;width:57%;height:100%;z-index:10;}
.banner-area .banner-txt .bnTxt-inner{display:table-cell;vertical-align:middle;}
.banner-area p{max-width:100%;font-size:1.3em;font-weight:700;letter-spacing:-1.7px;line-height:1.3;color:#333;height:2.6em;display:inline-block;overflow:hidden;}
.banner-area p span{font-size:.75em;font-weight:400;letter-spacing:-1px;}
.banner-area img{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;}
.banner-area a{display:block;width:100%;height:100%;}


/* 메인팝업 */
.main-pop {display:block;content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}
.main-pop .layerBox {overflow:hidden;position:fixed;left:50%;top:50%;width:90%;max-width:500px;transform:translate(-50%, -50%);background:#fff;border-radius:10px;}
.main-pop .layerBox .cont {}
.main-pop .layerBox .popClose-wrap{overflow:hidden;background:#000;}
.main-pop .layerBox .todayHide {float:left;padding:15px 15px;color:#fff;font-weight:300;}
.main-pop .layerBox .btnClose {float:right;display:inline-block;padding:15px 15px;color:#fff;font-weight:600;}

/* 검색화면 */
.top-search{position:relative;padding:10px 15px;background:#f8f8f8;box-sizing:border-box;}
.top-search.top-txtContain{padding:15px 15px 5px 15px}
.top-search input{padding:12px 33px 12px 40px !important;border:none !important}
.top-search:not(.top-txtContain):before{content:"";display:inline-block;position:absolute;z-index:1;right:inherit;left:20px;top:50%;right:20px;width:30px;height:30px;margin-top:-15px;background:url(/images/icon/search.png)50%/17px no-repeat}
.top-search button,
.ipt-wrap .clear-btn{position:absolute;top:50%;right:20px;width:30px;height:30px;margin-top:-15px;text-indent:-9999px;}
.clear-btn{background:url(/images/icon/clear.png)50%/13px no-repeat;}
.list-title.search{padding-bottom:.5em;font-size:18px}
.fast-select{overflow:hidden;padding:10px 0 10px 20px;}
.fast-select.area a{padding:5px 20px;min-width:35px;text-align:center;}
.search-round a{display:inline-block;padding:5px 15px;font-size:14px;border:1px solid #dbdbdb;border-radius:20px;}
.search-round li{float:left;display:inline-block;}
.search-round li:not(:last-child) a{margin:0 8px 10px 0;}

#container.search-none{min-height:calc(100vh - 50px);height:100%}
.none-page{display:table;width:100%;min-height:calc(100vh - 113px);text-align:center;}
.none-inner{display:table-cell;vertical-align:middle;}
.none-inner p{padding:90px 0 10px;font-size:12px;color:#999;background:url(/images/icon/search-none.png)50% 0/90px no-repeat;}
.none-inner.ico-none2 p{background:url('/images/icon/ico-none1.png') 50% 0/80px no-repeat;;}
.none-inner.ico-none3 p{background:url('/images/icon/ico-none2.png') 50% 0/65px no-repeat;;}
.none-inner a{text-decoration:underline!important;}

#container.search-result{padding-top:111px}
.top-search-wrap{position:fixed;top:49px;max-width:800px;width:100%;z-index:10;border-bottom:1px solid #dbdbdb;}
.test-wrap.result, .test-wrap.type_scrap{padding-top:0;}
#container .test-wrap.result .con-width,
#container .test-wrap.type_scrap .con-width{padding:0;}
.list-top{height:43px;padding-left:15px;background:#fff;border-bottom:1px solid #dbdbdb;box-sizing:border-box;}
.list-top:after{display:block;content:"";clear:both;}
.list-top span{line-height:43px;}
.list-top span b{font-weight:600;}
.list-top .right-con:after{display:block;content:"";clear:both;}
.list-top .right-con{float:right;}
.list-top .right-con div{float:left;}
.list-top .right-con select{height:42px;padding:0 30px 0 10px;background:#fff url('/images/icon/selArrow.png')100% 50%/23px no-repeat;border-radius:0;border-top:none;border-bottom:none;box-sizing:border-box;}
.list-top .right-con .filter-btn{display:block;width:40px;height:43px;background:url(/images/icon/filter.png)50%/15px no-repeat;text-indent:-9999px;}
.list-top .right-con .filter-btn.on{background:url(/images/icon/filter-on.png)50%/15px no-repeat}

.filter-wrap{visibility:hidden;opacity:0;overflow-y:scroll;position:fixed;top:0;max-width:800px;width:100%;height:100vh;background:#fff;z-index:102}
.filter-wrap.active{visibility:visible;opacity:1;}
.filter-wrap .top-wrap{position:relative;padding-left:15px;}
.filter-wrap .reset-btn{display:inline-block;margin-top:15px;padding:5px 15px 5px 30px;background:url(/images/icon/reset.png)13px 50%/12px no-repeat;border:1px solid #dbdbdb;border-radius:20px;font-size:14px;font-weight:500;letter-spacing:-.3px;}
.filter-wrap .filter-close{display:inline-block;position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/icon/close.png)50%/20px no-repeat;text-indent:-9999px;}
.filter-wrap .category-list{padding:0 15px;}
.filter-wrap .category-list>p{padding:20px 0 10px;font-weight:400;}
.filter-wrap .category-list .round-btn a{display:inline-block;min-width:35px;margin:0 7px 10px 0;padding:5px 15px;background:#f8f8f8;border-radius:20px;font-size:14px;font-weight:400;text-align:center;letter-spacing:-.3px;}
.filter-wrap .category-list .round-btn.purple a.on{background:#ba75fc;color:#fff;font-weight:500;}
.filter-wrap .category-list .round-btn.black a.on{background:#000;color:#fff;font-weight:500;}

/* 서브페이지 */
#container.bt-btn-fix{padding-bottom:50px;}
#container.bg-gray{background:#f8f8f8}

.sub-title{width:calc(100% - 60px);padding-left:40px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub-title.center{font-weight:700}
.sub-top .center-logo{margin-bottom:15px;overflow:hidden;border-radius:10px;border:1px solid #dbdbdb;text-align:center;}
.sub-top .center-logo img{max-width:400px;width:100%}

.sub-top.center{position:relative;padding:0 15px;z-index:11;}
.sub-top.center .center-logo{margin:-3.5em auto 0;padding-bottom:.8em;background:#fff}
.sub-top.center .center-logo img{width:85%;}
.sub-top.center .center-logo p{font-weight:600}
.centerImg-wrap {position:relative}
.centerImg-wrap .pagingInfo{position:absolute;bottom:4.5em;right:15px;padding:0.05em .85em;background:rgba(0,0,0,.5);border-radius:20px;font-size:.85em;color:#fff;z-index:12;}
.centerImg-wrap .pagingInfo .paging-current{font-weight:600}

.sub-top .sub-top-inner{position:relative;}
.sub-top .sub-top-inner .round-wrap{display:inline-block;width:calc(100% - 120px);}
.sub-top .sub-top-inner .round-wrap span{display:inline-block;margin-bottom:5px;padding:4px 15px;color:#fff;border-radius:20px;font-size:12px;font-weight:500}
.sub-top .sub-top-inner .round-wrap span:not(:last-child) {margin-right:5px;}
.sub-top .sub-top-inner .round-wrap span.purple{background:#ba75fc}
.sub-top .sub-top-inner .round-wrap span.black{background:#000}
.sub-top .sub-top-inner .share-wrap{position:absolute;top:0;right:0;background:#fff;}
.sub-top .sub-top-inner .share-wrap .share-btn{display:inline-block;width:25px;height:25px;border:1px solid #dbdbdb;border-radius:3px;background:url(/images/icon/share.png)50%/15px no-repeat;text-indent:-9999px;line-height:25px;}
.sub-top .sub-top-inner .share-wrap .share-btn.on{background:url(/images/icon/share-on.png)50%/15px no-repeat;}
.sub-top .sub-top-inner .share-wrap .centerInfo-btn{display:inline-block;height:25px;padding:0 7px;border:1px solid #dbdbdb;border-radius:3px;font-size:.9em;line-height:25px;}
.sub-top .sub-top-inner .share-wrap ul,
.share-item{display:none;position:absolute;top:45px;right:0;width:140px;padding:12px 17px 10px;border-radius:5px;background:#fff;box-shadow:0px 0px 10px rgba(152, 152, 152, 0.5);}
.sub-top .sub-top-inner .share-wrap ul:before,.share-item:before{position:absolute;top:-12px;right:7px;display:block;content:"";width:14px;height:14px;background:url(/images/icon/box-top.png)0 0/14px no-repeat;}
.sub-top .sub-top-inner .share-wrap ul li,.share-item li{float:left;width:calc(50% - 7.5px);}
.sub-top .sub-top-inner .share-wrap ul li:first-child,.share-item li:first-child{margin-right:15px;}
.sub-top .sub-top-inner .share-wrap ul li a,.share-item li a{display:block;padding-top:50px;text-align:center;font-size:12px;font-weight:400;}
.sub-top .sub-top-inner .share-wrap ul li a.kakao,.share-item li a.kakao{background:url(/images/icon/share-kakao.png)50% 0/45px no-repeat;}
.sub-top .sub-top-inner .share-wrap ul li a.url-copy,.share-item li a.url-copy{background:url(/images/icon/share-url.png)50% 0/45px no-repeat;}

.test-info .test-title{padding:8px 0 3px;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.5px;}
.test-info p{font-weight:400;line-height:1.7;letter-spacing:-.3px;}
.test-info p span{display:inline-block;}
.test-info .info-hash .hash{margin-right:2px;color:#777;}
.test-info span.d-day{margin-left:7px;color:#ba75fc;font-weight:500;}
.test-info p.pur-bg{margin:.5em 0;padding:.8em 1em ;background:#f9f3fd;border-radius:10px;}
.test-info p.pur-bg span{vertical-align:2px}
.test-info .views{color:#999;font-size:.9em;font-weight:500;}

.con-area{margin-bottom:10px;padding:20px 15px;background:#fff;border-bottom:1px solid #dbdbdb}
.con-area.last-con{margin-bottom:0;border-bottom:none}
.con-area .con-title{position:relative;margin-bottom:15px;padding-left:8px;font-size:16px;font-weight:600;}
.con-area .con-title:before{position:absolute;top:11px;left:-15px;display:inline-block;content:"";width:15px;height:4px;background:#ba75fc;}
.con-area dt{position:relative;margin-top:15px;padding-left:10px;font-size:15px;font-weight:400;letter-spacing:-.4px;}
.con-area dt:before{position:absolute;top:10px;left:0;display:inline-block;content:"";width:4px;height:4px;background:#ba75fc;border-radius:5px;}
.con-area dd{padding-top:4px;color:#666;font-weight:400;}
.con-area .map-area{overflow:hidden;width:100%;height:180px;margin:10px 0 10px;background:#f8f8f8;border:1px solid #dbdbdb;border-radius:5px;}
.con-area .box-gray{padding:15px 15px 15px 35px;border-radius:5px;background:#f9f9f9}
.con-area .box-gray p{position:relative;color:#666;font-size:12px;}
.con-area .box-gray p:before{position:absolute;top:3px;left:-22px;display:inline-block;content:"";width:14px;height:14px;background:url(/images/icon/info.png)0 0/14px no-repeat;border-radius:5px;}

#container.footer-pd.centerInfo{padding-bottom:8em}
.centerInfo .con-area{margin-bottom:0;border-top:10px solid #f8f8f8;}
.centerInfo .con-area.first-con{border-top:none;}
.centerInfo .con-title{margin-bottom:10px;padding-left:0;font-size:1.05em;letter-spacing:-1px;}
.centerInfo .con-title:before{display:none;}

.centerInfo .con-box{overflow:hidden;border-radius:10px;border:1px solid #e4e4e4}
.centerInfo .con-box .ctList-inner{text-align:center;padding-bottom:.75em;}ctList-inner
.centerInfo .con-box .ctList-inner .ctList-ci{border:none;width:100%;max-width:300px;margin:0 auto;}
.centerInfo .con-area .ctList-inner .center-name{display:inline-block;}
.centerInfo .con-area .ctList-inner .center-area{margin-right:.5em;font-size:1em;font-weight:500}
.centerInfo .con-area .center-bottom{padding:1em 0;background:#fafafa;text-align:center;}
.centerInfo .con-area .center-bottom p{color:#999;font-size:.95em;letter-spacing:-.3px;}
/* .full-btn-wrap{position:fixed;left:0;right:0;bottom:0;} */

.full-2btn .scrap-btn{float:left;display:block;width:50px;height:50px;background:#000 url(/images/icon/scrap-off.png)50%/15px no-repeat;text-indent:-9999px;}
.full-2btn .scrap-btn.on{background:#000 url(/images/icon/scrap-on.png)50%/15px no-repeat;}
.full-2btn .full-btn{float:left;display:block;width:calc(100% - 50px);height:50px;background:#ba75fc;color:#fff;text-align:center;font-size:15px;font-weight:600;line-height:50px;font-weight:500;}
.full-2btn .tip{position:absolute;top:-50px;left:15px;padding:8px 15px;background-color:rgba(0,0,0,0.75);border-radius:5px;color:#fff;font-weight:500}
.full-2btn .tip:before{position:absolute;top:35px;left:10px;display:block;content:"";width:13px;height:11px;background:url(/images/icon/tip-bottom.png)50% 0/13px no-repeat;opacity:.75}
.full-2btn .tip span{color:#dcb7ff;}

/* 모달 */
.small-modal{width:80%;margin:0 auto;border:none;border-radius:10px;}
.small-modal .modal-inner{padding:20px 25px;}
.small-modal .modal-inner .modal-title{padding-bottom:5px;font-size:18px;font-weight:600;}
.small-modal .modal-inner .modal-txt{font-size:14px;font-weight:400;}
.small-modal .modal-btn-wrap{border-top:1px solid #dbdbdb;}
.small-modal .modal-btn-wrap .modal-close-btn{width:100%;padding:15px;color:#ba75fc;font-size:14px;font-weight:600;text-align:center;}

/* 신청하기 */
.apply-wrap {padding:20px 15px}
.apply-wrap .sub-test-title{padding-bottom:10px;font-size:16px;font-weight:600;line-height:1.4}
.apply-wrap .inner-title{padding-top:15px;border-top:1px solid #dbdbdb;font-size:15px;font-weight:600;}
.apply-wrap .inner-title .nec{color:red;font-size:12px;font-weight:400;}
.apply-wrap .ipt-group{margin:0;}

.ipt-line .address-inner{}
.ipt-line .address-wrap:after{display:block;content:"";clear:both;}
.ipt-line .address-inner{float:left;width:calc(50% - 5px);box-sizing:border-box;}
.ipt-line .address-inner select{background:#fff url('/images/icon/selArrow.png')no-repeat 100% 50%/23px}
.ipt-line .address-inner:first-child{margin-right:10px;}

.apply-wrap .agree-wrap{margin-top:20px;}
.apply-wrap .agreeCheck-inner{position:relative;}
.apply-wrap .agreeCheck-inner .round-check{position:absolute;top:12px;right:0;}
.apply-wrap .policy-wrap{overflow:hidden;margin-top:17px;border:1px solid #dbdbdb;border-radius:5px}
.apply-wrap .policy-wrap .policy-title{display:block;height:45px;padding:0 15px;background:url(/images/icon/policy-show.png)100% 50%/25px no-repeat;font-weight:500;line-height:45px;}
.apply-wrap .policy-wrap .policy-title.toggle{background:url(/images/icon/policy-hide.png)100% 50%/25px no-repeat;}
.apply-wrap .policy-wrap .policy-title.last{border-top:1px solid #dbdbdb;}
.apply-wrap .policy-wrap .policy-txt{overflow-y:scroll;max-height:95px;padding:10px 0 10px 15px ;color:#999;background:#f9f9f9;border-top:1px solid #dbdbdb;border-radius:0;line-height:1.45}
.apply-wrap .policy-wrap .policy-txt dt{font-weight:400;}
.apply-wrap .policy-wrap .policy-txt dd{padding-left:13px;font-weight:400;}
.apply-wrap .policy-wrap .policy-txt dd.bar{position:relative;padding-left:20px;}
.apply-wrap .policy-wrap .policy-txt dd.bar:before{position:absolute;top:0;left:10px;content:"-";display:block;width:}
.apply-wrap .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background:#f9f9f9}
.round-check input[type="checkbox"] {display:none;}
.round-check input[type="checkbox"] + label {padding:5px 35px 5px 15px;color:#333;border:1px solid #dbdbdb;border-radius:50px;background:url(/images/icon/roundCheck-off.png)75%/12px no-repeat;cursor:pointer;font-size:14px;font-weight:500}
.round-check input[type="checkbox"]:checked + label {color:#31c858;border:1px solid #31c858;background:url(/images/icon/roundCheck-on.png)75%/12px no-repeat;}
/* .round-check input[type="checkbox"] + label span {} */

/*by zia*/
.form-control:focus,
.form-select:focus{border-color:#ba75fc;box-shadow: 0 0 0 0.25rem rgba(186,117,252,.25)}
.form-select{padding:.75rem 1.75rem .75rem .75rem;font-size:14px}
input[type=text], input[type=password], input[type=file], input[type=tel],input[type=email], input[type=number], input[type=search]{position:relative;font-size:14px}
textarea.form-control{font-size:14px}
h1.tit-page{margin-top:35px;font-size:16px;font-weight:600;letter-spacing:-1px}
h1.tit-page:first-child{margin-top:0}
h1.tit-page .txt-noti{padding-left:.2rem;font-weight:500}
.btn-arrowR{display:block;width:25px;height:25px;background:url('/images/icon/arrow.png') no-repeat 50% 50%;background-size:8px}
.contents-area{min-height:calc(100vh - 50px);padding:30px 0 54px;box-sizing:border-box}
.margin-con{padding:15px 15px 50px}
#container.header-fix.pd0 > .margin-con:first-child{padding-bottom:50px;}
h2.tit{padding:0 15px;color:#333;font-size:25px;font-weight:700;text-align:center;word-break:keep-all;}
h3.tit-sub{font-size:14px;font-weight:500;color:#333;text-align:center}
.btn-big{display:block;width:100%;font-size:16px;font-weight:500;text-align:center;color:#fff;line-height:2}
.btn-colorPoint{background:#ba75fc;color:#fff!important;box-sizing:border-box}
.btn-colorPoint:disabled{background:#9b9b9b;opacity:1}
.btn-gray{background:#9b9b9b}
.btn-check:focus+.btn.btn-colorPoint, .btn.btn-colorPoint:focus{box-shadow: 0 0 0 0.25rem rgba(186,117,252,.25);}


.txt-noti{font-size:12px;font-weight:400;color:#e94e4b}
.txt-noti.txt-green{color:#31c858}
h2.tit{margin-bottom:25px}
.login-box .ipt-wrap{position:relative;margin-bottom:7px;padding:0 30px 0 0;border:1px solid #dbdbdb;border-radius:6px}
.login-box .ipt-wrap input{border:none}
.login-box .ipt-wrap .clear-btn{right:3px}

.checkbox{vertical-align:top;margin:0}
.checkbox input[type=checkbox]:checked + i{background-position-y:-24px}
label{position:relative;font-weight:500;cursor:pointer}
.checkbox{overflow:hidden;position:relative;display:inline-block;width:15px;height:15px;margin-right:5px;vertical-align:-3px;cursor:pointer}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:15px;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox input[type=checkbox]{position:relative;width:15px;height:15px;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox]{width:15px;height:15px;vertical-align:top;cursor:pointer}
.checkbox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url('/images/icon/ico-chk.png') no-repeat 0 0;background-size:46px}
.checkbox-sm{font-size:14px;font-weight:400;color:#333}

.checkbox-cir{font-size:14px}
.checkbox-cir .checkbox{width:18px;height:19px;vertical-align:-4px}
.checkbox-cir .checkbox input[type=checkbox]{width:18px;height:19px}
.checkbox-cir .checkbox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url('/images/icon/ico-chk.png') no-repeat 0 -45px;background-size:44px}
.checkbox-cir .checkbox input[type=checkbox]:checked + i{background-position-y:-72px}
.checkbox-cir.radioShape .checkbox{vertical-align:-5px}
.checkbox-cir.radioShape .checkbox,
.checkbox-cir.radioShape4 .checkbox input[type=checkbox]{width:19px;height:19px}
.checkbox-cir.radioShape .checkbox i{background:url('/images/icon/ico-chkCir.png') no-repeat 0 0;background-size:18px}
.checkbox-cir.radioShape .checkbox input[type=checkbox]:checked + i{background-position-y:-23px}


.checkbox-radius .checkbox{position:relative;width:100%;height:auto;padding:5px 28px 5px 10px;box-sizing:border-box}
.checkbox-radius .checkbox i{width:13px;height:13px;background:url('/images/icon/ico-chkShape.png') no-repeat 0 2px;background-size:13px}
.checkbox-radius .checkbox input[type=checkbox]{position:absolute}
.checkbox-radius .checkbox input[type=checkbox] + .bd{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:25px;border:1px solid #d3d3d3;}
.checkbox-radius .checkbox input[type=checkbox] + .bd + em{font-style:normal}
.checkbox-radius .checkbox input[type=checkbox] + .bd + em + i{position:absolute;top:10px;left:auto;right:13px}
.checkbox-radius .checkbox input[type=checkbox]:checked + .bd{border-color:#31c858}
.checkbox-radius .checkbox input[type=checkbox]:checked + .bd + em{color:#31c858}
.checkbox-radius .checkbox input[type=checkbox]:checked + .bd + em + i{background-position-y:-11px}



.login-box{margin:0 15px}
.login-box .login-con{position:relative;margin-bottom:35px}
.login-box .login-con .txt-noti{position:absolute}
.login-box .btn.btn-big{margin-top:10px}

.hori-linkList{margin-top:20px;text-align:center}
.hori-linkList li{position:relative;display:inline-block;padding:0 5px;vertical-align:middle}
.hori-linkList li:before{content:"";position:absolute;left:-1px;display:block;width:1px;height:12px;margin-top:5px;background:#dbdbdb}
.hori-linkList li:first-child:before{display:none}
.hori-linkList li a{display:block;color:#606060}

.sns-linkList-wrap{margin-top:50px;text-align:center}
.sns-linkList-wrap .tit-sub{margin-bottom:20px;letter-spacing:-.1px}
.sns-linkList-wrap .sns-linkList li{display:inline-block;padding:0 5px}
.btn-sns{display:block;width: 55px;height: 55px;border-radius: 55%;background:url('/images/icon/ico-sns.png') no-repeat 0 0;background-size: 275px;}
.btn-sns.sns-naver{background-position-x: 5px;}
.btn-sns.sns-kakao{background-position-x: -50px;}
.btn-sns.sns-google{background-position-x: -110px;}
.btn-sns.sns-facebook{background-position-x: -167px;}
.btn-sns.sns-apple{background-position-x: -225px;}

.chk-modalCon-tit{position:relative;padding:10px;box-sizing:border-box}
.chk-modalCon-tit .btn-arrowR{position:absolute;top:50%;right:10px;margin-top:-12.5px}
.chk-modalCon{margin:0 15px;border:1px solid #dbdbdb;border-radius:6px}
.chk-modalCon .chk-modalCon-subs{padding:10px;border-radius:0 0 8px 8px;border-top:1px solid #dbdbdb;background:#f9f9f9;font-size:12px;font-weight:400}

.btn-arrowR{display:block}

.chk-modalCon + .ipt-group{margin-top:20px}
.ipt-group{margin:0 15px 15px}
.ipt-group.sign-group{min-height:310px}
.ipt-group .ipt-line{margin-top:10px}
.ipt-group .ipt-line .ipt-label{margin-bottom:3px;font-size:12px;font-weight:500}
.ipt-group .ipt-line .txt-noti{margin-top:3px}

.ipt-group .ipt-line .input-group-text.txt-noti{margin-top:0;background:#fff;border-left:none;letter-spacing:-.5px}
.input-group>.form-control[aria-describedby]{border-right:none}
.input-group>.form-control[aria-describedby]:disabled + .input-group-text{background:#f9f9f9;color:#999}

.margin-con .ipt-group{margin:0 0 15px}

.bottom-area{position:fixed;bottom:0;width:100%;max-width:800px}
.bottom-area .btn{border-radius:0;line-height:2.5}

.bottom-area .info-txtBox{padding:10px;background:#f4f4f4;color:#666;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box}

.modal .close{display:block;width:23px;height:23px;background:url('/images/icon/close.png') no-repeat 50% 50%;background-size:14px}
.modal .modal-header{padding:.8rem 1rem}
.modal .modal-title{font-size:14px}
.modal .modal-footer{padding:0}
.modal .modal-footer .btn{width:100%;margin:0;border-radius:.4rem;border-top-left-radius:0;border-top-right-radius:0;font-size:16px;line-height:2}
.modal .modal-content{border-radius:.4rem}

.policy-tit{padding:.8rem 0}
.modal-content .policy-tit:first-child{padding-top:0}
.scroll-area{padding:1rem 0 1rem 1rem;border-radius:.4rem;background:#f4f4f4}
.scroll-area.narrow-area{color:#8b8b8b;font-size:12px;line-height:1.6}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#dbdbdb}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background:#f4f4f4}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#c5c5c5}

.txt-narrow-area{font-size:14px;line-height:1.6}
.message-area{padding:0 10px;font-weight:400;text-align:center;color:#333}
.message-area strong{font-weight:600}
.message-area .btn-big{margin:10px 0}

.box-gray{position:relative;border-radius:.4rem;padding:10px;background:#f4f4f4;color:#666;word-break:keep-all}
.btn-big + .box-gray{margin-top:10px}
.ipt-line + .btn-big{margin-top:15px}
.box-gray.contain-ico{padding-left:30px}
.box-gray.contain-ico i{position:absolute}

.ico-noti{top:13px;left:10px;display:inline-block;width:15px;height:15px;background:url('/images/icon/ico-noti.png') no-repeat 50% 50%;background-size:13px}

.btn-tab{display:table;width:100%;table-layout:fixed}
.btn-tab > li{display:table-cell;border-bottom:1px solid #dbdbdb;text-align:center}
.btn-tab > li a{display:block;font-size:14px;border-bottom:3px solid transparent;padding:10px 0;color:#999;font-weight:400}
.btn-tab > li.on a{border-bottom-color:#ba75fc;color:#ba75fc;font-weight:600}

.txt-subs{margin:10px 0;color:#666}
.input-group .btn{min-width:25%}

.line{height:1px;background:#dbdbdb;margin:15px 0}

.divide-area{display:table;width:100%;table-layout:fixed}
.divide-area .divide{display:table-cell;padding:0 .3em;box-sizing:border-box}
.divide-area .divide:first-child{padding-left:0}
.divide-area .divide:last-child{padding-right:0}

.chk-item-area{overflow:hidden;padding:5px 10px;border:1px solid #dbdbdb;border-radius:.4rem;box-sizing:border-box}
.chk-item-area .radioShape{float:left;width:calc(100% / 3);padding:.4rem 0}
.chk-item-area.item2 .radioShape{width:calc(100% / 2)}

.tit-agree-area{overflow:hidden;padding-bottom:15px}
.tit-agree-area .tit-page{float:left}
.tit-agree-area .tit-page:first-child{margin-top:5px}
.tit-agree-area .round-check{float:right}

.btn-area{display:table;width:100%;table-layout:fixed;padding:1rem 0}
.btn-area .btn-align{display:table-cell;padding:0 .3rem;box-sizing:border-box}
.btn-area .btn-align:first-child{padding-left:0}
.btn-area .btn-align:last-child{padding-right:0}

.btn-txtArrow{position:relative;display:block;padding-right:15px;font-size:14px;font-weight:400;text-align:right}
.btn-txtArrow:after{content:"";position:absolute;top:4px;right:0;display:block;width:13px;height:13px;background:url("/images/icon/arrow.png") no-repeat 50% 50%;background-size:5px}

.form-control + .form-control{margin-top:10px}

.temp-iptTxt{min-height:47px;padding:10px;border-radius:.4rem;border:1px solid #dbdbdb;background:#f9f9f9;box-sizing:border-box}
.temp-iptTxt p{color:#333}
.txt-pointColor{color:#ba75fc !important}

.txt-introduce-wrap{position:relative;min-height:30vh}
.txt-introduce{position:absolute;top:-20px;left:15px;right:15px;padding:30px 15px;font-size:14px;color:#333;text-align:center;background:#fff;box-sizing:border-box;word-break:keep-all}
.txt-introduce .txt-introSubs{display:block;max-width:250px;width:50%;margin:0 auto 30px}

.list-icoTxt-wrap{margin:15px 0 25px}
.list-icoTxt{display:table;max-width:370px;width:100%;margin:0 auto;box-sizing:border-box;padding:15px}
.list-icoTxt .list-ico-area{display:table-cell;width:75px;padding-right:10px;vertical-align:middle}
.list-icoTxt .list-txt-area{display:table-cell;max-width:225px;padding:0 15px;vertical-align:middle;box-sizing:border-box}
.list-icoTxt .list-txt-area span{display:block;margin-bottom:.5em;color:#ba75fc;font-size:14px;font-weight:600}
.list-icoTxt .list-txt-area strong{display:block;margin-bottom:.5em;color:#333;font-size:14px;font-weight:600;line-height:1}
.list-icoTxt .list-txt-area p{color:#777;font-size:14px;font-weight:400}
.ico-step{position:relative;z-index:10;display:inline-block;width:75px;height:75px;border-radius:50%;background-image:url('/images/icon/ico-guide.png');background-repeat:no-repeat;background-size:165px}
.ico-step:after{content:"";position:absolute;top:100%;left:50%;display:block;width:1px;height:100px;border-left:1px dashed #dbdbdb}
.ico-step.step1{background-position:0 0}
.ico-step.step2{background-position:-90px 0}
.ico-step.step3{background-position:0 -90px}
.ico-step.step4{background-position:-90px -90px}

.photo-introBox{position:relative;top:-1px}

.list-icoTxt-wrap li:last-child .ico-step:after{display:none}

.noti-boxWrap{border-radius:.4rem;border:1px solid #dbdbdb}
.noti-boxWrap .box-gray{background:#fff;font-weight:500;color:#333}
.noti-boxWrap .box-noti{border-top:1px solid #dbdbdb;padding:10px 15px;background:#f9f9f9}
.noti-boxWrap .box-noti p{position:relative;padding-left:10px;color:#666;word-break:keep-all}
.noti-boxWrap .box-noti p:before{content:"";display:block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:2px;background:#ba75fc;}
.noti-boxWrap .box-noti p.refer-mark{padding-left:17px}
.noti-boxWrap .box-noti p.refer-mark:before{content:"※";top:0;background:none;}

.list-wrap{padding:0 15px 15px;text-align:center;}
.list-toggle .list-titCon{padding:10px 0 10px 5px;background:url('/images/icon/arrowDown-gray.png') no-repeat 100% 50%;background-size:27px;border-bottom:1px solid #dbdbdb;text-align:left}
.list-toggle .list-titCon .list-tit{overflow:hidden;text-overflow:ellipsis;padding-right:35px;font-size:14px;font-weight:500;color:#333;line-height:1.7;white-space:nowrap}
.list-toggle .list-titCon .list-date{font-size:11px;color:#999}

.list-subs{display:none;border-bottom:1px solid #dbdbdb;padding:20px 10px;font-size:12px;color:#333;background:#f8f8f8;text-align:left}
.list-subs table{margin:10px 0}
.tbl-simple{border:1px solid #dbdbdb}
.tbl-simple th{padding:5px;border:1px solid #dbdbdb;background:#ebebeb;font-weight:400;text-align:center}
.tbl-simple td{padding:5px;border:1px solid #dbdbdb;background:#fff}
.tbl-simple td{background:#fff}

.btn-radius{display:inline-block;padding:9px 20px;border-radius:25px;border:1px solid #dbdbdb;color:#333;font-size:14px;font-weight:500}
.list-wrap .btn-radius{margin-top:20px}

.count{font-size:14px;font-weight:500}

.top-search.top-txtContain + .test-wrap.con-list{/* margin-top:10px; */}

.btn-favorites{position:absolute;top:5px;right:0;display:block;width:15px;height:17px;background:url('/images/icon/my-scrap.png') no-repeat 50% 50%;background-size:14px}
.btn-favorites.off{background:url('/images/icon/my-scrap-empty.png') no-repeat 50% 50%; background-size: 14px;}

.text-area.toggle-con{position:relative;padding:8px 0}
.text-area.toggle-con .test-info{clear:both;color:#333;font-weight:400}
.text-area.toggle-con .txt-link{position:absolute;top:25px;right:0;width:auto;padding:5px;font-size:13px;font-weight:400;color:#333;text-decoration:underline;text-underline-position:under}
.text-area.toggle-con a{width:calc(100% - 60px)}
.text-area.toggle-con{width:auto}
.label-pill{overflow:hidden;display:inline-block}
.label-pill span{float:left;display:inline-block;padding:0 4px;font-size:11px;font-weight:400;color:#ba75fc}
.label-pill span:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid #ba75fc;background:#ba75fc;color:#fff}
.label-pill span:nth-child(2){border-top-right-radius:4px;border-bottom-right-radius:4px;border:1px solid #ba75fc}

.text-area.toggle-con.off .label-pill span{border-color:#9c9c9c !important}
.text-area.toggle-con.off *{color:#9c9c9c !important}
.text-area.toggle-con.off .label-pill span:first-child{background:#9c9c9c; color:#fff !important}
.text-area.toggle-con.off .label-pill span:nth-child(2){color:#9c9c9c}

.ico-basic{display:inline-block;width:85px;height:85px;background-repeat:no-repeat;background-size:83px;background-position:50% 50%}
.ico-basic.basic1{background-image:url('/images/icon/ico-basic1.png')}
.ico-basic.basic2{background-image:url('/images/icon/ico-basic2.png');background-size:75px}
.ico-basic.basic3{background-image:url('/images/icon/ico-basic3.png')}
.message-area .ico-basic{margin:35px auto}

.loading{position:relative}
.loading-bar{position:absolute;top:0;z-index:100;width:100%;height:100%;background-image: linear-gradient(100deg, transparent, rgba(250, 250, 250, 0.8) 50%, transparent 80%);background-repeat:no-repeat;background-size: 75px 100px, 125px 20px, 260px 20px, 260px 20px;
background-position:0% 0, 120px 0, 120px 40px, 120px 80px;-webkit-animation: animloader 1s linear infinite;animation: animloader 1s linear infinite}
.loading .thumb{border-radius:10px;width:100px;height:100px;background:#f1f1f1}
.loading .text-area .test-info{width:50%;height:15px;margin-top:10px;background:#f1f1f1;box-sizing:border-box}
.loading .con-title{width:90%;height:15px;margin-top:10px;background:#f1f1f1;box-sizing:border-box}
.loading .hash{width:98%;height:15px;margin-top:10px;background:#f1f1f1;box-sizing:border-box}

@-webkit-keyframes animloader{0%{background-position: 0% 0, 120px 0, 120px 40px, 120px 80px}100%{background-position: 100% 0, 120px 0, 120px 40px, 120px 80px}}
@keyframes animloader{0%{background-position: 0% 0, 120px 0, 120px 40px, 120px 80px}100%{background-position: 100% 0, 120px 0, 120px 40px, 120px 80px}}


/* 개인정보 */
.privacy .privacy-top{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #333;}
.privacy .privacy-top h1{display:inline-block;padding-bottom:0;color:#333;font-size:1.8em;font-weight:700;text-align:left;;letter-spacing:-.5px;}
.privacy .privacy-top h1:after{display:none;}
.privacy .privacy-top p{display:inline-block;float:right;margin-top:20px;color:#333;}
.privacy strong{display:block;margin:1.5em 0 .3em;color:#333;font-size:14px;font-weight:500;letter-spacing:-.3px;word-break:keep-all;}
.privacy p{color:#333;font-size:14px;font-weight:300;line-height:1.8;letter-spacing:-.3px;word-break:keep-all;}
.privacy p span.p-strong{display:block;margin:1em 0 .1em;font-weight:500;}
.privacy p span.p-dot{position:relative;display:block;margin-left:1em;padding-left:.5em;}
.privacy p span.p-dot:before{position:absolute;top:12px;left:0;width:2px;height:2px;background:#333;display:block;content:"";}
.privacy .form-select{margin:15px 0;}

.privacy table{margin:.5em 0;border:1px solid #dbdbdb;}
.privacy table.max{max-width:100%}
.privacy table{max-width:70%;}
.privacy table th{padding:.5em 0;font-size:.88em;font-weight:400;border-bottom:1px solid #dbdbdb;}
.privacy table th:not(:last-child), .sub-container.privacy table td:not(:last-child){border-right:1px solid #dbdbdb}
.privacy table tr:not(:last-child){border-bottom:1px solid #dbdbdb}
.privacy table td{font-size:13px;padding:.5em;word-break:keep-all}
.privacy table.all_board td{border:1px solid #dbdbdb;}

/* 론칭이벤트 */
.event-sec{position:relative;}
.event-sec .event-width{max-width:480px;margin:0 auto;}
.section2 .event-width,.section3 .event-width,.section4 .event-width{padding:0;}

.section1{background-color:#9c1cf7;overflow-x:hidden;}
.section1 .txt-inner{width:90%;max-width:415px;margin:0 auto;padding:.8em 0;background-color:#8b27d3;text-align:center;}
.section1 .txt-inner p{display:inline-block;text-align:left;color:#fff;font-size:12.5px;line-height:1.7;}

.section1 .shape-wrap{position:relative;}
.section1 .shape-wrap .shape{position:absolute;}
.section1 .shape-wrap .shape1{top:12%;left:-7%;width:14%;}
.section1 .shape-wrap .shape2{top:-115px;left:50%;width:17em;margin-left:19%}
.section1 .shape-wrap .shape3{bottom:12%;left:.5%;width:6%}
.section1 .shape-wrap .shape4{bottom:17%;right:3%;width:4.5%;opacity:.3}
.section1 .shape-wrap .shape5{bottom:-2%;right:-5%;width:10%}
.section1 .shape-wrap .shape6{top:10%;left:31%;width:1.5%}
.section1 .shape-wrap .shape7{top:18%;right:10%;width:1.5%}
.section1 .shape-wrap .shape8{bottom:-36%;left:12%;width:1.5%}
.section1 .shape-wrap .shape9{bottom:19%;left:48%;width:1.7%}
.section1 .shape-wrap .shape10{bottom:21%;left:50%;width:1.7%}
.section1 .shape-wrap .shape11{bottom:23%;left:52%;width:1.7%}

.section1 .shape-wrap .motionA{-webkit-animation:animate1 3s linear 3s infinite alternate;animation:animate1 3s linear 3s infinite alternate;}
.section1 .shape-wrap .motionB{-webkit-animation:animate1 3s linear 2s infinite reverse;animation:animate1 3s linear 2s infinite reverse;}
.section1 .shape-wrap .motionC{-webkit-animation:animate2 2s linear 2s infinite reverse;animation:animate2 2s linear 2s infinite reverse;}
.section1 .shape-wrap .motionD{-webkit-animation:scale 2s linear 1s infinite reverse;animation:scale 2s linear 1s infinite reverse;}
.section1 .shape-wrap .motionD-1{-webkit-animation:scale 2s linear 1.5s infinite reverse;animation:scale 2s linear 1.5s infinite reverse;}
.section1 .shape-wrap .motionD-2{-webkit-animation:scale 2s linear 2s infinite reverse;animation:scale 2s linear 2s infinite reverse;}

@keyframes animate1 {
    0% {
      transform: rotate(0deg) translateX(2px) rotate(0deg) scale(1);
    }
    50% {
      transform: rotate(180deg) translateX(2px) rotate(-180deg) scale(.8);
    }
    100% {
      transform: rotate(360deg) translateX(2px) rotate(-360deg) scale(1);
    }
  }

  @keyframes animate2 {
    0% {
      transform: rotate(0deg) translateX(1.5px) rotate(0deg) scale(1);
    }
    50% {
      transform: rotate(-180deg) translateX(1.5px) rotate(180deg) scale(1.4);
    }
    100% {
      transform: rotate(-360deg) translateX(1.5px) rotate(360deg) scale(1);
    }
  }
  
  @keyframes scale {
    0% {
      transform: rotate(0deg) translateX(.5px) rotate(0deg) scale(1);
    }
    50% {
      transform: rotate(180deg) translateX(.5px) rotate(-180deg) scale(.5);
    }
    100% {
      transform: rotate(360deg) translateX(.5px) rotate(-360deg) scale(1);
    }
  }
.section2{background:#ffd800;}
.section2:before{position:absolute;top:-22px;left:0;right:0;content:"";height:30px;background:url(/images/img/event/event_section2-1.png)0 0/350px repeat-x;}

.section3 .img-btn{position:relative;margin:-1px 0;}
.section3 .img-btn a{display:inline-block;position:absolute;top:0;bottom:0;right:19%;width:50%;text-indent:-9999px;}

.section4{padding:2em 1.5em;background:#9c1cf7;}
.section4:before{position:absolute;top:-22px;left:0;right:0;content:"";height:30px;background:url(/images/img/event/event_section4-1.png)0 0/350px repeat-x;}
.section4 .game-bottom{margin-top:-7%;}
.section4 .game-bottom .img-map-wrap{}
.section4 .game-bottom .img-map-wrap img{}
.section4 .game-bottom .complete{display:none;}

.section5{background:#ffd800}
.section5 .url-wrap{width:90%;margin:0 auto;padding:3em 0;}
.section5 .url-wrap textarea{height:7em;border:none;border-radius:0;}
.section5 .url-wrap textarea::-webkit-input-placeholder{color:#999;}
.section5 .url-wrap textarea:-moz-placeholder {color:#9999;}
.section5 .url-wrap textarea::-moz-placeholder{color:#999;}
.section5 .url-wrap textarea:-ms-input-placeholder{color:#999;}
.section6{padding:3em 0 4em;background:#fff;text-align:center;}
.section6 ul{overflow:hidden;width:100%;padding-bottom:30px}
.section6 ul li{float:left;display:inline-block;width:50%;}
.section6 ul li img{width:70%;margin:0 auto;}
.section6 ul li .count{display:block;color:#9c1cf7;font-size:2.8em;font-weight:bold;letter-spacing:-2px;}
.section6 .event-shareBtn{width:90%;margin:0 auto;}

.event-ft{padding:2.5em 0;background:#f4f4f4}
.event-ft .event-width{width:90%;margin:0 auto;}
.event-ft dl{width:100%;margin:0 auto;}
.event-ft dl dt{font-size:1.25em;letter-spacing:-.3px;}
.event-ft dl dd{position:relative;padding:.4em 0 .4em .8em;line-height:1.3}
.event-ft dl dd:before{display:inline-block;position:absolute;top:13px;left:2px;content:"";width:4px;height:4px;background:#333;border-radius:3px;}

input:-ms-clear,
input:-ms-reveal{display:none;width:0;height:0;}
input:-webkit-search-decoration,
input:-webkit-search-cancel-button,
input:-webkit-search-results-button,
input:-webkit-search-results-decoration{display:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

.share_ul {display:none;position:absolute;left:50%;width:176px;margin-left:-100px;padding: 12px 12px 12px 12px;border-radius:5px;background:#fff;z-index: 99;box-shadow:0px 0px 10px rgba(152, 152, 152, 0.5);}
.share_ul:before{position:absolute;top:-12px;left:46%;display:block;content:"";width:14px;height:14px;background:url(/images/icon/box-top.png)0 0/14px no-repeat;}
.share_ul li{float:left;width:calc(50% - 7.5px);}
.share_ul li:first-child{margin-right: 0px;}
.share_ul li a{display:block;padding-top:50px;text-align:center;font-size:12px;font-weight:400;}
.share_ul li a.kakao{background:url(/images/icon/share-kakao.png)50% 0/45px no-repeat;}
.share_ul li a.url-copy{background:url(/images/icon/share-url.png)50% 0/45px no-repeat;}

.error-wrap{display:table;width:100%;height:calc(100vh - 150px);margin:0 auto;text-align:center;}
.error-inner{display:table-cell;vertical-align:middle;}
.error-inner .error-bold{padding-top:3.5em;background:url(/images/icon/error.png)50% 0%/3em no-repeat;font-size:2em;font-weight:700;}
.error-inner .error-copy{padding-top:1em;font-weight:400;}
.errorBtn-wrap{overflow:hidden;padding-top:4em;max-width:500px;width:90%;margin:0 auto;}
.errorBtn-wrap a{float:left;width:calc(50% - .5em);padding:.65em 0;color:#fff;font-weight:500;box-sizing:border-box;}
.errorBtn-wrap a:nth-child(2){margin-left:1em;}
.error-inner .err-bt{padding:1.5em 0 2em;color:#999;font-size:.9em;}

.sign-pri strong{display:block;margin:1em 0 .1em;letter-spacing:-.3px;}
.sign-pri p{letter-spacing:-.3px;word-break:keep-all;}
.sign-pri p span.p-strong{display:block;margin:1em 0 .1em;font-weight:500;}
.sign-pri p span.p-dot{position:relative;display:block;margin-left:1em;padding-left:.5em;}
.sign-pri p span.p-dot:before{position:absolute;top:12px;left:0;width:2px;height:2px;background:#333;display:block;content:"";}
.sign-pri table{margin:.5em 0;border:1px solid #dbdbdb;}
.sign-pri table.max{max-width:100%}
.sign-pri table{max-width:70%;}
.sign-pri table th{padding:.5em 0;font-size:12px;font-weight:400;border-bottom:1px solid #dbdbdb;}
.sign-pri table th:not(:last-child), .sub-container.privacy table td:not(:last-child){border-right:1px solid #dbdbdb}
.sign-pri table tr:not(:last-child){border-bottom:1px solid #dbdbdb}
.sign-pri table td{font-size:12px;padding:.5em;word-break:break-all;line-height:1.2}

input[type=text]:disabled::-webkit-input-placeholder, input[type=password]:disabled::-webkit-input-placeholder, input[type=file]:disabled::-webkit-input-placeholder, input[type=email]:disabled::-webkit-input-placeholder, input[type=number]:disabled::-webkit-input-placeholder, input[type=search]:disabled::-webkit-input-placeholder{color:#333;}
a[href^=tel] {text-decoration:inherit;color: inherit;} 

#container.centerList .con-area{padding-bottom:10px}
.centerInfo .con-area ul{overflow:hidden;}
.centerInfo .con-area li{width:100%;margin-bottom:1em;}
.centerInfo .con-area li .ctList-inner{overflow:hidden;}
.centerInfo .con-area li .ctList-ci{overflow:hidden;margin-bottom:.5em;background:#fff;border:1px solid #dbdbdb;border-radius:7px;text-align:center;}
.centerInfo .con-area li .center-area{float:left;display:inline-block;color:#ba75fc;font-size:.9em;font-weight:400;}
.centerInfo .con-area li .center-name{float:left;font-size:.95em;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}


/* 뷰티씨 참여가이드 */
.info .con-wrap{text-align:center;}
.info .con-wrap{padding-top:4em}
.info .big-tit{display:block;height:2.2em;margin:0 auto;padding:1.8em 0 2.1em}
.info .big-tit.title3{height:4.3em}
.info .medium-tit{display:block;height:3.3em;margin:0 auto;padding:0;}
.info .small-tit{font-size:.95em;font-weight:600;color:#ba75fc}
.info .con-txt{font-size:1.05em;font-weight:400;letter-spacing:-.6px;line-height:1.5;}

.info .about-gray{padding:2.5em 1em 0;}
.info .about-gray .gray-con{max-width:500px;margin:0 auto 1em;padding:1.5em 0;background:#f8f7f9;text-align:left;}
.info .about-gray .gray-con-inner{overflow:hidden;width:24em;margin:0 auto;}
.info .about-gray i{position:relative;float:left;display:inline-block;width:55px;height:55px;margin:5px 1.25em 5px 5px;background:#fff;border-radius:30px;box-shadow:2px 2px 3px lightgrey;}
.info .about-gray i:before{display:inline-block;content:"";position:absolute;top:50%;left:50%;width:24px;height:30px;margin:-15px 0 0 -12px;background:url("/images/icon/test-con.png")0 0/70px no-repeat;}
.info .about-gray i.test-area:before{background-position:1px 0}
.info .about-gray i.test-category:before{background-position:-23px 0}
.info .about-gray i.test-fee:before{background-position:-47px -2px}
.info .about-gray .gray-con-inner p{padding-top:7px;font-size:1.2em;font-weight:600;letter-spacing:-.5px;line-height:1.6}
.info .about-gray .gray-con-inner p span{font-size:.875em;font-weight:400;}

.info .test-process{padding:2.5em 1em 0}
.info .test-process ul{position:relative;max-width:450px;margin:0 auto;}
.info .test-process ul:before{}
.info .test-process li{position:relative;width:24em;margin:0 auto;padding-bottom:2em;text-align:left;}
.info .test-process li i{position:relative;float:left;display:inline-block;width:55px;height:55px;margin:5px 1.25em 5px 5px;background:#f7efff;border-radius:30px;box-shadow:2px 2px 3px lightgrey;}
.info .test-process li i:before{display:inline-block;position:absolute;top:14px;left:23px;color:#ba75fc;font:normal bold 1.25em'Noto Sans KR','Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', sans-serif;}
.info .test-process li:nth-child(1) i:before{content:"1";}
.info .test-process li:nth-child(2) i:before{content:"2";}
.info .test-process li:nth-child(3) i:before{content:"3";}
.info .test-process li:nth-child(4) i:before{content:"4";}
.info .test-process li:not(:last-child) i:after{position:absolute;top:56px;left:27px;display:block;content:"";width:2px;height:105%;background:#ba75fc;opacity:.2}
.info .test-process li p{padding-top:7px;font-size:1.2em;font-weight:600;letter-spacing:-.5px;line-height:1.4}
.info .test-process li p span{display:block;padding-top:.5em;font-size:.875em;font-weight:400;}

.info .processImg-wrap{max-width:500px;margin:0 auto;padding:2em 1em;}
.info .processImg-wrap li{position:relative;overflow:hidden;margin-bottom:1em;border-radius:10px;}
.info .processImg-wrap li .img-txt{position:absolute;left:0;right:0;bottom:0;width:100%;padding:.6em 0;background:rgba(0,0,0,.3);text-align:center;font-size:1.15em;font-weight:500;color:#fff;}

.faq-wrap .list-toggle .list-titCon{padding:1em 0 1em 5px;background:url('/images/icon/faq-arrow.png')100% 50%/28px no-repeat}

.faq-wrap{padding:0 15px 15px;text-align:center;}
.faq-toggle .faq-titCon{padding:10px 0 10px 5px;background-image:url('/images/icon/faq-arrow-off.png');background-repeat:no-repeat;background-position:100% 50%;background-size:27px;border-bottom:1px solid #dbdbdb;text-align:left}
.faq-toggle .faq-titCon.action{background-image:url('/images/icon/faq-arrow.png')}
.faq-toggle .faq-titCon .faq-tit{overflow:hidden;text-overflow:ellipsis;padding-right:35px;font-size:14px;font-weight:500;color:#333;line-height:1.7;white-space:nowrap}
.faq-toggle .faq-titCon .faq-date{font-size:11px;color:#999}
.faq-subs{display:none;border-bottom:1px solid #dbdbdb;padding:20px 10px;font-size:12px;color:#333;background:#f8f8f8;text-align:left}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: white; }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: white; } 
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:0;}
.mCustomScrollBox{max-height:250px}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{margin:0 1em 0 0}

.mainTab-list .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-10px}
.test-list .list-none{text-align:center;padding:6em 0!important;}
.test-list .list-none p{padding-top:8em;background:url("/images/icon/contents-none.png")50% 0/70px no-repeat;color:#999}

.footer-pd.info{padding-bottom:94px!important}
.con-wrap.review{margin-top:1em;padding:3em 0;background:#f8f7f9;}
.review-wrap{overflow:hidden;}
.review-slide{max-width:43em;margin:0 auto;}
.review-slide .rvImg-wrap{overflow:hidden;width:19em;height:19em;margin:1em auto 3em;border-radius:10em;}
.review-slide .rv-tit{width:75%;margin:0 auto;font-size:1.2em;font-weight:600;letter-spacing:-.7px;}
.review-slide .rv-txt{width:75%;margin:0 auto;padding-top:1em;font-size:.875}
.review-slide .rv-date{padding:2em 0 2.5em;font-size:.95em;color:#999}

.review-slide .slick-arrow{position:absolute;top:16%;width:30px;height:60px;text-indent:-9999px;z-index:40}
.review-slide .slick-prev{left:1em;background:url("/images/icon/reveiw-arrow.png")50%/60% no-repeat;}
.review-slide .slick-next{right:1em;background:url("/images/icon/reveiw-arrow.png")50%/60% no-repeat;transform:rotate(180deg);}
.review-slide .slick-dots{text-align:center;}
.review-slide .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 .25em;border-radius:10px;background:#999;text-indent:-9999px;opacity:.5;transition:.3s}
.review-slide .slick-dots li.slick-active{width:25px;background:#ba75fc;opacity:1}

.bt-notice{margin-top:2em;padding:1.5em 1em;background:#fafafa;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}
.bt-notice .notice-tit{padding-left:20px;background:url(/images/icon/info.png)1px/14px no-repeat;font-size:.975em;font-weight:500;}
.bt-notice ul{padding-top:.5em;}
.bt-notice li{position:relative;padding:0 0 .3em 10px;font-size:.925em;}
.bt-notice li:before{position:absolute;top:0;left:0;content:"-";display:inline-block;}
.bt-notice li.last-con:before{display:none}
.bt-notice li.last-con{padding:0}

.apply-wrap.review .inner-title{border-top:none;}
.apply-wrap.review .inner-title.sec{padding-top:2em}
.apply-wrap.review .ipt-label .label-gr{color:#ba75fc;}
.apply-wrap.review .ipt-label .gray-small{font-size:.95em;color:#999}
.apply-wrap.review textarea{height:16em;vertical-align:top;}

.apply-wrap.review .re-select .title{margin-top:1em;font-size:12px;font-weight:500}
.radio-items{display:table;width:100%;padding-top:2em}
.radio-square{display:table-cell;width:33.33%;padding:0 .8em;text-align:center;}
.radio-square span{display:block;padding-top:5em;background:url('/images/icon/review-con1.png')50% 18%/50px no-repeat;}
.radio-square span.sel2{background:url('/images/icon/review-con2.png')50% 30%/50px no-repeat;}
.radio-square span.sel3{background:url('/images/icon/review-con3.png')50% 18%/50px no-repeat;}
.radio-square input[type="radio"]{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} 
.radio-square input[type="radio"] + label{display:block;width:100%;height:100%;color:#454a60;vertical-align:middle;box-sizing:border-box;cursor:pointer;}
.radio-square input[type="radio"] + label i{display:inline-block;width:25px;height:25px;text-align:center;background:url("/images/icon/review-radio.png")0/55px no-repeat;box-sizing:border-box;}
.radio-square input[type="radio"]:checked + label i{background-position:-30px 0;}

.review-btBox{margin:1em;padding:1em;background:#f8f8f8;border-radius:10px;}
.review-btBox p{position:relative;padding-left:10px;font-size:.975em;letter-spacing:-.3px;line-height:1.3;}
.review-btBox p:before{position:absolute;top:7px;left:1px;content:"";display:block;width:4px;height:4px;background:#ba75fc;border-radius:10px;}

.error-inner .check-bold{padding-bottom: 1em;/* background:url(/images/icon/check-time.png)50% 80px/3em no-repeat; */font-size:2em;font-weight:700;}
.error-inner .time-info{display:inline-block;width:90%;max-width:480px;margin:1em 0;padding:.7em 0;background:#f9f9f9;font-size:1.225em;font-weight:400;letter-spacing:-.5px;}
.error-inner .time-info span{font-weight:600}
.error-inner .check-txt{font-weight:400;letter-spacing:-.3px;}

.error-wrap.dor .error-bold{padding-top:0;background:none;}
.error-wrap.dor .error-copy .bold{font-weight:600;}
.error-wrap.dor i{display:inline-block;width:8em;height:8em;margin:3.5em 0 4em;background:url(/images/icon/dor-img.png)50%/8em no-repeat;}
.error-wrap.dor .dor-btn{margin-bottom:1em;text-align:center;}
.error-wrap.dor .dor-btn a{display:inline-block;width:90%;max-width:500px;padding:.65em 0;font-weight:500;}
.error-wrap.dor .dor-bt{width:90%;max-width:500px;margin:0 auto;padding:1em;background:#f9f9f9;border-radius:5px;font-weight:400;box-sizing:border-box}

.swiper-container{width:100%;height:100%}
.recommendTest-slider{padding:0 15px;box-sizing:border-box}
.swiper-slide{text-align:center;font-size: 18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center}
.recommendTest-slider .swiper-slide{float:left;margin-right:15px}
.recommendTest-slider .swiper-slide img{width:100%}

.mainTab-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.type-wrap .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,0)}

.testList-slider.test-list{box-sizing:border-box}
.testList-slider.test-list a{overflow:hidden;width:100%;text-align:left}
.testList-slider.test-list a .thumb{float:left}
.testList-slider.test-list a .text-area{float:left}
.testList-slider.test-list a .text-area .con-title{overflow: hidden;max-height: 2.4em;font-size: 15px;font-weight: 500;line-height: 1.2em;letter-spacing: -.4px;white-space: normal;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.testList-slider.test-list .text-area .hash{height:auto;line-height:inherit}
.testList-slider.test-list .swiper-slide{flex-direction:column}
.testList-slider.test-list a:nth-child(1){margin-bottom:12px}

.privacy table.all_board td{border:1px solid #dbdbdb;}

.lnb-list .box{overflow:hidden;margin:1em 1.2em;padding:1.2em;border-radius:10px;background:#f9f4ff;}
.lnb-list .box p{float:left;display:inline-block;padding-top:2px;font-size:15px;font-weight:400;line-height:1.3;}
.nav-wrap .lnb-list li.box a{float:right;display:inline-block;padding:.7em 1em;border-radius:8px;background:#ba75fc;font-weight:500;color:#fff}

.app-pop{position:fixed;right:0;left:0;bottom:0;width:100%;max-width:800px;margin:0 auto;z-index:505}
.app-pop .app-inner{overflow:hidden;background:#fff;padding:1em;border-top-left-radius:20px;border-top-right-radius:20px;}
.app-pop .app-inner .app-txtWrap{padding:1.2em;text-align:center;}
.app-pop .app-inner .app-txtWrap .title{font-size:1.25em;font-weight:600;letter-spacing:-1px;}
.app-pop .app-inner .app-txtWrap .text{padding:.5em 0 .5em;font-size:1em;font-weight:500;line-height:1.4;letter-spacing:-.5px;}
.app-pop .app-inner .app-txtWrap .sm-txt{color:#999;font-size:.9em;font-weight:400;letter-spacing:-.5px;}
.app-pop .app-inner .app-btnWrap{overflow:hidden;}
.app-pop .app-inner .app-btnWrap button{float:left;display:inline-block;border-radius:7px;font-weight:500;font-size:1em;color:#fff;box-sizing:border-box;}
.app-pop .app-inner .app-btnWrap .btn-closed{width:calc(35% - 1em);height:50px;margin-right:1em;background:#ccc;}
.app-pop .app-inner .app-btnWrap .btn-agree{width:65%;height:50px;background:#ba75fc;}
.app-pop .pop-bg{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1}
  .radio-round input[type="radio"] {display:none;}
    .radio-round input[type="radio"] + label {padding:.5em 1em;color:#333;border:1px solid #dbdbdb;border-radius:50px;background:url(/images/icon/roundCheck-off.png)75%/12px no-repeat;cursor:pointer;font-size:14px;font-weight:500}
    .radio-round input[type="radio"]:checked + label {color:#31c858;border:1px solid #31c858;}
/* 1주년 이벤트 */
#container.roulette .event-width{max-width:520px;}
.event-sec.sec1, .event-sec.sec2, .event-sec.sec3, .event-sec.sec5{background:#ffcedc}
.event-sec.sec1 .txt-inner{width:90%;max-width:420px;margin:0 auto;padding:1em .5em;border-radius:50px;background:#ffbfd6;text-align:center;}
.event-sec.sec1 .txt-inner p{display:inline-block;text-align:left;font-size:13px;font-weight:400;color:#000;letter-spacing:-.5px;}
.event-sec.sec1 .txt-inner p span{padding-right:5px;font-weight:700}
.event-sec.sec2 .event-width{max-width:460px!important;padding:1em 1em 1.5em;background:#ffcedc url(/images/img/event2/sec2.jpg)50% 50%/cover no-repeat}
.event-sec.sec2 .game-play{max-width:460px;margin:0 auto;text-align:center;}
.event-sec.sec2 .game-play img{padding-top:3em;}
.event-sec.sec5{padding:3em 0}
.event-sec.sec5 .event-width{max-width:480px!important;}
.event-sec.sec5 .btn-inner{position:relative;}
.event-sec.sec5 ul{display:none;position:absolute;top:-78px;right:3em;width:140px;padding:12px 17px 10px;border-radius:25px;background:#fff;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);}
.event-sec.sec5 ul:before{position:absolute;bottom:-10px;right:3em;display:block;content:"";width:14px;height:14px;background:url(/images/icon/box-top.png)0 0/14px no-repeat;transform:rotate(180deg)}
.event-sec.sec5 ul li{float:left;width:calc(50% - 5px);}
.event-sec.sec5 ul li:first-child{margin-right:5px;}
.event-sec.sec5 ul li a{display:block;padding:50px 0 0;text-align:center;font-size:12px;font-weight:400;color:#000}
.event-sec.sec5 ul li a.kakao{background:url(/images/icon/share-kakao.png)50% 0/45px no-repeat;}
.event-sec.sec5 ul li a.url-copy{background:url(/images/icon/share-url.png)50% 0/45px no-repeat;}
.event-sec.sec5 .btn-inner>a{display:inline-block;margin:0 auto;padding:.5em 2em} 
.event-sec dl{color:#000;font-weight:400;}
.event-sec dl dd:nth-child(5){color:#d33737}
.main-pop.event .layerBox{width:100%;background:none;}
.main-pop.event .box-inner{position:relative;}
.main-pop.event .eventPop-close{position:absolute;top:1.8em;right:2.2em;width:3.5em;height:3.4em;text-indent:-999em}

.iqr-box{margin-bottom:.75em;padding:.75em;background:#fafafa;border-radius:.4rem;}
.iqr-box p{position:relative;padding-left:.75em;font-size:.95em;}
.iqr-box p:before{position:absolute;top:9px;left:0;content:"";display:block;width:4px;height:4px;background:#ba75fc;border-radius:5px;}
.chk-item-area.inquiry .radioShape{letter-spacing:-.3px;}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

/*quiz-event*/
.evt-quiz .event-width{box-sizing:border-box}

.evt-section1{background:#fff7f4}
.evt-section1 .txt-box{max-width:430px;margin:0 auto;padding:1em 1.8em;background:#faede4;font-size:1em;box-sizing:border-box}
.evt-section1 .txt-box .txt-box-tr{overflow:hidden}
.evt-section1 .txt-box strong{float:left;display:inline-block;font-weight:600}
.evt-section1 .txt-box span{float:left;display:inline-block;margin-left:.5em;font-weight:400;color:#000}
.evt-section1 .txt-box em{display:block;font-style:normal;font-size:0.875em;font-weight:300;color:#615f60}

.evt-section2,.evt-section4,.evt-section5,.evt-section6{padding:2.5em 0}
.evt-section2{background:#fcd2ba}
.evt-section3{position:relative;background:#fef7f3}
.evt-section3 .link-box{position:absolute;bottom:3em}
.evt-section3 .link-box .btn-link{display:block;max-width:150px}
.evt-section3 .link-box .btn-link:nth-child(1){margin-bottom:2.2em}
.evt-section4{background:#fcd2bb}
.evt-section4 .appdown-area{position:absolute;top:0;width:100%;bottom:0;z-index:10;background:rgba(0,0,0,.75)}
.evt-section4 .appdown-area .btn-appdown{display:block;position:absolute;top:50%;left:50%;max-width:360px;width:100%;transform:translateX(-50%)}

.evt-section4 .quiz-ipt-area{position:relative}
.evt-section4 .quiz-ipt-area .ipt-group{position:absolute;bottom:2.1em;margin-right:1.5em}
.evt-section4 .quiz-ipt-area .ipt-group input[type='text']{margin-bottom:.5em;padding:12px 5px;border-radius:0;border:none;border-bottom:2px solid #858585;font-size:1.286em;font-weight:400;letter-spacing:-.5px}
.evt-section4 .quiz-ipt-area .ipt-group input[type='text']::placeholder{font-weight:500;color:#7c7c7c;letter-spacing:-.5px}
.evt-section4 .quiz-ipt-area .ipt-group {display:block;margin-top:.7em}
.evt-section4 .quiz-ipt-area .ipt-group a img{position:relative;z-index:1}
.evt-section4 .quiz-ipt-area .ipt-group img.btn-off{position:absolute;z-index:-1;display:none}
.evt-section4 .quiz-ipt-area .ipt-group img.btn-off.active{z-index:2;display:block}

.evt-section4 .btn-review{display:block;margin:1em 0 .5em}
.evt-section6{background:#fcd2bb}
.evt-section6 .event-width{text-align:center}
.evt-section6 .event-width .share-wrap{position:relative}
.share-wrap .share-item{left:0;top:27%}
.evt-section6 .btn-sc6{display:inline-block;max-width:320px}
.evt-section6 .btn-sc6:nth-child(1){margin-bottom:.9em}
.event-ft strong{font-weight:500}
.event-ft .txt-red{color:#d33737}
#pop{display:none}
#pop.active{display:block;position:fixed;top:0;right:1em;bottom:0;left:1em;z-index:100}
#pop.active .popSuccess{top:50%;opacity:1}
#pop.active.off{animation-name:popHide;animation-duration:.6s}
@keyframes popHide{0%{top:0;opacity:1}100%{top:-50%;opacity:0}}
#pop .popSuccess{position:absolute;top:0%;left:50%;z-index:200;opacity:0;max-width:480px;width:100%;padding:0 2.5em;background:#fff;transform:translate(-50%, -50%);animation-name:popShow;animation-duration:.6s;box-sizing:border-box}
#pop .popSuccess .pop-inner{position:relative;max-width:390px;width:100%;margin:0 auto}
#pop .popSuccess .quizEvt-top{position:absolute;top:-15%;left:50%;z-index:1;max-width:280px;width:56vw;transform:translateX(-50%)}
#pop .popSuccess .event-width{padding:4.5em 0 3.5em}
#pop .popSuccess .event-width a{display:inline-block;margin-top:2em}
#pop .bg-drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,.6);animation-name:bgEft;animation-duration:.4s}
#pop .btn-popClose{position:absolute;top:1.5em;right:-4%;z-index:1;display:inline-block;max-width:25px;width:4.5vw}

#ev3_marketing_pop{display:none}
#ev3_marketing_pop.active{display:block;position:fixed;top:0;right:1em;bottom:0;left:1em;z-index:100}
#ev3_marketing_pop.active .popSuccess{top:50%;opacity:1}
#ev3_marketing_pop.active.off{animation-name:popHide;animation-duration:.6s}
#ev3_marketing_pop.active .title{font-size: 1.25em;font-weight: 600;letter-spacing: -1px;}
#ev3_marketing_pop.active .text{padding: 0.5em 0 0.5em;font-size: 1em;font-weight: 500;line-height: 1.4;letter-spacing: -.5px;}
#ev3_marketing_pop.active .title{font-size: 1.25em;font-weight: 600;letter-spacing: -1px;}

#ev3_marketing_pop .popSuccess{position:absolute;top:0%;left:50%;z-index:200;opacity:0;max-width:480px;width:100%;padding:0 2.5em;background:#fff;transform:translate(-50%, -50%);animation-name:popShow;animation-duration:.6s;box-sizing:border-box}
#ev3_marketing_pop .popSuccess .pop-inner{position:relative;max-width:390px;width:100%;margin: 30px auto;}
#ev3_marketing_pop .popSuccess .quizEvt-top{position:absolute;top:-15%;left:50%;z-index:1;max-width:280px;width:56vw;transform:translateX(-50%)}
#ev3_marketing_pop .popSuccess .event-width{padding:4.5em 0 3.5em}
#ev3_marketing_pop .popSuccess .event-width a{display:inline-block;margin-top:2em}
#ev3_marketing_pop .bg-drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,.6);animation-name:bgEft;animation-duration:.4s}
#ev3_marketing_pop .btn-marketing_popClose{position:absolute;/* top:1.5em; */right: -5%;z-index:1;display:inline-block;max-width:25px;width:4.5vw}

#ev3_marketing_pop .app-btnWrap .btn-closed{width:calc(35% - 1em);height:50px;margin-right:1em;background:#ccc;}
#ev3_marketing_pop .app-btnWrap .btn-agree{width:65%;height:50px;background:#ba75fc;}
#ev3_marketing_pop .app-btnWrap button{float:left;display:inline-block;border-radius:7px;font-weight:500;font-size:1em;color:#fff;box-sizing:border-box;}
#ev3_marketing_pop .app-btnWrap {height: 50px;margin-top: 20px;}


#ev3_pop{display:none}
#ev3_pop.active{display:block;position:fixed;top:0;right:1em;bottom:0;left:1em;z-index:100}
#ev3_pop.active .popSuccess{top:50%;opacity:1}
#ev3_pop.active.off{animation-name:popHide;animation-duration:.6s}
#ev3_pop.active .title{font-size: 1.25em;font-weight: 600;letter-spacing: -1px;}
#ev3_pop.active .text{padding: 0.5em 0 0.5em;font-size: 1em;font-weight: 500;line-height: 1.4;letter-spacing: -.5px;}
#ev3_pop.active .title{font-size: 1.25em;font-weight: 600;letter-spacing: -1px;}
#ev3_pop .popSuccess{position:absolute;top:0%;left:50%;z-index:200;opacity:0;max-width:480px;width:100%;padding:0 2.5em;background:#fff;transform:translate(-50%, -50%);animation-name:popShow;animation-duration:.6s;box-sizing:border-box}
#ev3_pop .popSuccess .pop-inner{position:relative;max-width:390px;width:100%;margin: 30px auto;}
#ev3_pop .popSuccess .quizEvt-top{position:absolute;top:-15%;left:50%;z-index:1;max-width:280px;width:56vw;transform:translateX(-50%)}
#ev3_pop .popSuccess .event-width{padding:4.5em 0 3.5em}
#ev3_pop .popSuccess .event-width a{display:inline-block;margin-top:2em}
#ev3_pop .bg-drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,.6);animation-name:bgEft;animation-duration:.4s}
#ev3_pop .btn-default_popClose{position:absolute;/* top:1.5em; */right: -5%;z-index:1;display:inline-block;max-width:25px;width:4.5vw}
#ev3_pop .app-btnWrap .btn-agree{width: 50%;height: 50px;background: #ba75fc;float: right;}
#ev3_pop .app-btnWrap button{float:left;display:inline-block;border-radius:7px;font-weight:500;font-size:1em;color:#fff;box-sizing:border-box;}
#ev3_pop .app-btnWrap {height: 50px;margin-top: 20px;}


@keyframes bgEft{0%{opacity:0}100%{opacity:1}}
@keyframes popShow{0%{top:0%;opacity:0}100%{top:50%;opacity:1}}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
	supported by Chrome and Opera */
}

@media only screen and (max-width: 490px)  {
#pop .popSuccess .event-width{padding:12.5vw 0 9.5vw}
}

@media only screen and (max-width: 480px)  {
  .banner-area .banner-txt{left:1.8em;}
}

@media only screen and (max-width: 800px)  {
  /* .centerInfo .con-area li .ctList-ci{height:12vw;line-height:11.5vw;} */
}

@media only screen and (max-width: 880px)  {
  .type-wrap ul{overflow-y:auto;overflow-x:hidden;white-space:nowrap;}

}

@media only screen and (max-width: 365px)  {
  .info .about-gray .gray-con-inner{width:100%}
  .info .test-process li i{position:absolute}
  .info .test-process li p{padding-left:77px}
  .info .test-process li{width:auto}
  .info .test-process li:not(:last-child) i:after{height:178%}
}