@charset "utf-8";

.tit_step{padding-top:20px;}
.tit_step ol{text-align:center;font-size:0;}
.tit_step ol li{display:inline-block;position:relative;min-width:25%;height:43px;font-size:13px;font-weight:100;color:#888;text-align:center;letter-spacing:-0.05em;white-space:nowrap;}
.tit_step ol li:before,
.tit_step ol li + li:after{display:block;content:'';position:absolute;}
.tit_step ol li + li:after{bottom:9px;left:-50%;width:100%;height:1px;background:#bbb;z-index:1;}
.tit_step ol li:before{bottom:4px;left:calc(50% - 5px);width:11px;height:11px;background:#bbb;border-radius:100%;z-index:2;}
.tit_step ol li.active{font-weight:500;color:#000;}
.tit_step ol li.active:before{left:calc(50% - 13px);bottom:-4px;width:27px;height:27px;background:#ffa200 url('/publishing/images/sub/bul_check.png') no-repeat 50% 50%;background-size:contain;}
.tit_step ol li.active + li.active:after{height:2px;background:#ffa200;}

/* flex box */
.flexBox{display:flex;align-items:flex-start;}
.flexBox .full{flex:1;}

/* gage progress */
.circleGage canvas{transform:rotate(90deg);}

/* sub base */
.page_btn{display:flex;padding:0 15px;margin-top:20px;}
.page_btn > *{flex:1;height:50px;font-size:17px;color:#fff;text-align:center;line-height:50px;letter-spacing:-0.05em;background-color:#ddd;background-image:url('/publishing/images/sub/bg_card_gray.jpg');background-repeat:no-repeat;background-position:100% 100%;background-size:100% auto;border-radius:25px;}
.page_btn > *:nth-of-type(1){margin-right:10px;}
#container > .subs{font-size:12px;color:#888;text-align:center;padding:0 15px;margin-top:10px;}
#container > .subs span{font-weight:500;margin-right:2px;}

/* card choice */
.list_wrap{position:fixed;bottom:35px;left:0;width:100%;height:calc(100% - 89px);padding:30px 15px;background:#f5f5f5;}
.list_wrap h3{display:inline-block;font-size:20px;font-weight:500;color:#111;line-height:29px;letter-spacing:-1px;}
.list_wrap h3 b{display:block;font-family:'GmarketSansMedium';font-size:20px;font-weight:500;color:#d2d2d2;line-height:27px;}
.list_wrap .resetBtn{vertical-align:-33px;margin-left:5px;}
.list_wrap .desc{font-size:14px;color:#666;line-height:21px;letter-spacing:-0.7px;}
.list_wrap .pagetip{position:absolute;top:16px;right:15px;font-size:12px;line-height:21px;letter-spacing:-0.6px;}
.list_wrap .pagetip:before{display:inline-block;content:'';width:16px;height:14px;margin-right:3px;background-repeat:no-repeat;background-position:0 0;background-size:contain;vertical-align:-3px;}

.circleGage{position:absolute;top:15px;right:15px;}
.circleGage:before{display:block;content:'';position:absolute;top:0;left:0;width:68px;height:68px;background:#fff;border:6px solid #d2d2d2;border-radius:100%;}
.circleGage strong{display:block;position:absolute;top:0;left:0;width:80px;height:80px;font-size:23px;font-family:'GmarketSansBold';text-align:center;letter-spacing:-0.03em;padding:25px 0 0 8px;}
.circleGage strong i{font-size:7px;color:#888;vertical-align:0;margin-left:2px;}
.circleGage .count{position:absolute;top:45px;left:0;width:100%;font-size:9px;font-family:'GmarketSansBold';color:#000;text-align:center;margin-top:4px;}
.circleGage .count i{display:inline-block;margin-right:-2px;}
.circleGage .count i:after{display:inline-block;content:'/';font-family:'GmarketSansMedium';color:#333;margin:0 2px;}
.circleGage .count span{display:inline-block;font-family:'GmarketSansMedium';color:#333;vertical-align:0;}
.interest .circleGage{width:80px;height:80px;}

.complete_wrap{position:fixed;top:54px;left:0;width:100%;height:calc(100% - 89px);padding:110px 30px 0;background:url('/publishing/images/sub/ico_complete.png') no-repeat 30px 65px;background-size:70px 30px;}
.complete_wrap > strong{font-size:32px;font-weight:500;color:#111;line-height:45px;letter-spacing:-1.6px;}
.complete_wrap > strong + *{margin-top:12px;}
.complete_wrap .desc{font-size:14px;color:#666;line-height:21px;letter-spacing:-0.7px;}
.complete_wrap .desc *{display:block;}
.complete_wrap .desc span{font-size:12px;color:#999;}
.complete_wrap .innerInput{margin-top:50px;}
.complete_wrap .innerInput > p{font-size:12px;margin-top:7px;}
.complete_wrap .innerInput > p.error{color:#e22727;letter-spacing:-0.6px;}
.complete_wrap .innerInput > p.error:before{display:inline-block;content:'';width:15px;height:15px;margin-right:3px;background:url('/publishing/images/sub/ico_warning.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}

.topclass_box,
.topclass_box *{transition:all 0s linear !important;}
.topclass_box{position:fixed;top:170px;left:0;width:100%;height:calc(100% - 280px);}
.topclass_box strong{visibility:hidden;position:absolute;}
.topclass_box ul{overflow-y:auto;position:relative;height:100%;padding:20px 15px 30px;}
.topclass_box ul li{position:relative;background:#fff;border:1px solid #d2d2d2;border-radius:10px;box-shadow:2px 3px 10px rgba(0,0,0,0.3);}
.topclass_box ul li:before{display:block;content:'';position:absolute;top:calc(50% - 5px);right:15px;width:12px;height:10px;background:url('/publishing/images/sub/bul_topclass.png') no-repeat 0 0;background-size:contain;}
.topclass_box ul li + li{margin-top:5px;}
.topclass_box ul li span{display:block;width:100%;height:45px;font-size:15px;color:#222;line-height:45px;padding:0 20px 0 60px;}
.topclass_box ul li span:before{position:absolute;top:0;left:15px;content:'';font-family:'GmarketSansBold';color:#d2d2d2;margin-right:3px;vertical-align:1px;}
.topclass_box ul li:nth-child(1) span:before{content:'1위';}
.topclass_box ul li:nth-child(2) span:before{content:'2위';}
.topclass_box ul li:nth-child(3) span:before{content:'3위';}
.topclass_box ul li:nth-child(4) span:before{content:'4위';}
.topclass_box ul li:nth-child(5) span:before{content:'5위';}
.topclass_box ul li:nth-child(6) span:before{content:'6위';}
.topclass_box ul li:nth-child(7) span:before{content:'7위';}
.topclass_box ul li:nth-child(8) span:before{content:'8위';}
.topclass_box ul li:nth-child(9) span:before{content:'9위';}
.topclass_box ul li:nth-child(10) span:before{content:'10위';}
.topclass_box ul li:nth-child(11) span:before{content:'11위';}
.topclass_box ul li:nth-child(12) span:before{content:'12위';}
.topclass_box ul li:nth-child(13) span:before{content:'13위';}

.topclass_check ul{overflow-y:auto;position:relative;height:100%;padding:0 20px;}
.topclass_check ul li{position:relative;background:#fff;border:1px solid #ddd;border-radius:5px;}
.topclass_check ul li + li{margin-top:5px;}
.topclass_check ul li input{visibility:hidden;position:absolute;}
.topclass_check ul li label{display:block;position:relative;width:100%;height:45px;font-size:15px;text-align:center;color:#222;line-height:45px;padding:0 40px 0 10px;}
.topclass_check ul li label:before{display:block;overflow:hidden;content:'';position:absolute;top:calc(50% - 15px);right:10px;width:30px;height:30px;background:url('/publishing/images/sub/bul_check_gray.png') no-repeat 50% 50%;background-size:contain !important;border:1px solid #ddd;border-radius:100%;}
.topclass_check ul li input:checked + label:before{background:#ffb33d url('/publishing/images/sub/bul_check.png') no-repeat 50% 50%;border-color:transparent;}

.reclass_box{display:flex;position:fixed;top:190px;left:15px;width:calc(100% - 30px);height:calc(100% - 310px);}
.reclass_box dl{flex:1;width:50%;}
.reclass_box dl + dl{position:relative;padding-left:10px;}
.reclass_box dl dt{font-size:16px;color:#999;text-align:center;letter-spacing:-0.03em;line-height:29px;}
.reclass_box dl.active dt{font-weight:500;color:#333;}
.reclass_box dl.active dt i{font-weight:700;vertical-align:0;}
.reclass_box dl dd{overflow:hidden;position:relative;height:calc(100% - 35px);padding:5px 0 0;}
.reclass_box dl dd ul{overflow-y:auto;position:relative;height:100%;}
.reclass_box dl dd li{overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;background:#fff;border:1px solid #d2d2d2;border-radius:10px 10px 0 0;}
.reclass_box dl:first-of-type dd li{padding-right:42px;}
.reclass_box dl:last-of-type dd li{padding-left:42px;}
.reclass_box dl dd li a{display:block;overflow:hidden;height:42px;font-size:14px;font-family:'GmarketSansMedium';color:#222;white-space:nowrap;text-overflow:ellipsis;line-height:43px;}
.reclass_box dl dd li button{overflow:hidden;position:absolute;top:0;width:38px;height:42px;text-indent:-9999em;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:8px auto;}
.reclass_box dl:first-of-type dd li a{text-align:left;padding-left:15px;}
.reclass_box dl:last-of-type dd li a{color:#fff;text-align:right;padding-right:15px;}
.reclass_box dl:first-of-type dd li button{right:0;background-image:url('/publishing/images/sub/bul_reclass_left.png');}
.reclass_box dl:last-of-type dd li button{left:0;background-image:url('/publishing/images/sub/bul_reclass_right.png');}

.list_wrap.complete{position:static;height:auto;padding:30px 0 50px;margin:0 auto;}
.list_wrap.complete h3{font-size:20px;text-align:center;padding-top:60px;}
.list_wrap.complete h3 b{display:inline-block;float:none;width:auto;vertical-align:0;}
.list_wrap.complete .desc{font-size:16px;color:#222;text-align:center;padding-left:0;margin-top:5px;}

/* choice green */
.value .list_wrap .choice,
.value .list_wrap .choice *{transition:all 0ms linear;}
.value .list_wrap .choice li{display:none;align-items:center;position:absolute;top:170px;left:0;width:100%;}
.value .list_wrap .choice li:first-of-type{display:block;}
.value .list_wrap .choice li > *{float:left;}
.value .list_wrap .choice li .card{overflow:hidden;position:relative;width:calc(50% - 17px);height:286px;padding:30px 15px 0;text-align:left;background:#3e3ad1;border:1px solid #2622ae;}
.value .list_wrap .choice li .card:last-of-type{border-radius:10px 0 0 10px;background-position:0 0;box-shadow:0 23px 27px rgba(0,0,0,0.43);}
.value .list_wrap .choice li .card > span{display:block;font-size:14px;font-weight:400;color:#fff;line-height:32px;letter-spacing:-0.3px;opacity:0.5;}
.value .list_wrap .choice li .card > strong{display:block;font-size:30px;font-family:'GmarketSansBold';font-weight:700;color:#fff;letter-spacing:-0.07em;line-height:32px;padding-right:10px;}
.value .list_wrap .choice li .card > label{display:block;overflow:hidden;position:absolute;top:140px;left:15px;width:60px;height:60px;text-indent:-9999em;background:#fff url('/publishing/images/sub/bul_check_blue.png') no-repeat 50% 50%;background-size:21px auto;border-radius:100%;opacity:0.3;}
.value .list_wrap .choice li .card:first-of-type > label{left:auto;right:15px;z-index:3;}
.value .list_wrap .choice li .card input:checked + label{opacity:1;}
.value .list_wrap .choice li .card > a{display:block;position:absolute;bottom:0;left:0;width:100%;height:48px;font-size:13px;color:#fff;line-height:48px;padding:0 15px;z-index:3;}
.value .list_wrap .choice li .card > a:before{display:block;content:'';position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:rgba(255,255,255,0.3);}
.value .list_wrap .choice li .card > a:after{display:inline-block;content:'';width:18px;height:18px;margin-left:5px;background:url('/publishing/images/sub/ico_arrow_link.png') no-repeat 53% 50%;background-size:auto 8px;border:1px solid #fff;border-radius:100%;vertical-align:-4px;}
.value .list_wrap .choice li.fade_in .card:last-of-type{animation:card_in 0.5s ease-in 1 normal;animation-fill-mode:forwards;}
.value .list_wrap .choice li.fade_out .card:last-of-type{animation:card_out 0.5s ease-in 1 normal;animation-fill-mode:forwards;}
.value .list_wrap .choice li > span{flex:none;width:34px;font-size:32px;font-weight:200;color:#418400;padding-top:160px;}

.value .list_wrap .choice li .card:first-of-type{background:none;border:0 none;border-radius:0 10px 10px 0;}
.value .list_wrap .choice li .card:first-of-type strong,
.value .list_wrap .choice li .card:first-of-type span{overflow:hidden;font-size:0;color:transparent;text-indent:-9999em;}
.value .list_wrap .choice li .card:first-of-type a{overflow:hidden;text-indent:-9999em;background:none;}
.value .list_wrap .choice li .card:first-of-type a:before,
.value .list_wrap .choice li .card:first-of-type a:after{display:none;}

.value .list_wrap .choice .dummy{overflow:hidden;align-items:center;position:absolute;top:170px;left:0;width:calc(50% - 17px);height:286px;text-align:right;padding:30px 15px 0;background:transparent;border:1px solid #2622ae;border-radius:0 10px 10px 0;z-index:3;}
.value .list_wrap .choice .dummy em{display:block;font-size:14px;font-weight:400;color:#fff;line-height:32px;letter-spacing:-0.3px;opacity:0.5;}
.value .list_wrap .choice .dummy strong{display:block;font-size:30px;font-family:'GmarketSansBold';font-weight:700;color:#fff;letter-spacing:-0.07em;line-height:32px;padding-left:10px;}
.value .list_wrap .choice .dummy span{display:block;position:absolute;bottom:0;left:0;width:100%;height:48px;font-size:13px;color:#fff;line-height:48px;padding:0 15px;}
.value .list_wrap .choice .dummy span:before{display:block;content:'';position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:rgba(255,255,255,0.3);}
.value .list_wrap .choice .dummy span:after{display:inline-block;content:'';width:18px;height:18px;margin-left:5px;background:url('/publishing/images/sub/ico_arrow_link.png') no-repeat 53% 50%;background-size:auto 8px;border:1px solid #fff;border-radius:100%;vertical-align:-4px;}

.interest .swiper-button-next,
.strength .swiper-button-next{overflow:hidden;position:fixed;top:-1px;left:-1px;width:1px;height:1px;font-size:0;}

@keyframes card_out{
    0%{margin-top:0;}
    100%{margin-top:-100px;}
}
@keyframes card_in{
    0%{margin-top:100px;}
    100%{margin-top:0;}
}

.value .card,
.value .card li{transition:all 0ms linear;}

/* color strength */
.strength .detail_pop .cont{background:#e5467a;border:1px solid #d82560;}
.strength .list_wrap .pagetip{color:#e5467a;}
.strength .list_wrap .pagetip:before{background-image:url('/publishing/images/sub/bul_bubble_pink.png')}
.strength .reclass_box dl.active dt i{color:#e5467a;}
.strength .topclass_box ul li:nth-child(1) span:before,
.strength .topclass_box ul li:nth-child(2) span:before,
.strength .topclass_box ul li:nth-child(3) span:before{color:#e5467a;}
.strength .reclass_box dl:last-of-type dd li{background-color:#e5467a;border-color:#d82560;}
/* color value */
.value .detail_pop .cont{background:#3e3ad1;border:1px solid #2622ae;}
.value .list_wrap .pagetip{color:#3e3ad1;}
.value .list_wrap .pagetip:before{background-image:url('/publishing/images/sub/bul_bubble_blue.png')}
.value .reclass_box dl.active dt i{color:#3e3ad1;}
.value .topclass_box ul li:nth-child(1) span:before,
.value .topclass_box ul li:nth-child(2) span:before,
.value .topclass_box ul li:nth-child(3) span:before{color:#3e3ad1;}
/* color interest */
.interest .detail_pop .cont{padding-bottom:55px;background:#f5c42c;border:1px solid #d8a925;}
.interest .list_wrap .pagetip{color:#f5c42c;}
.interest .list_wrap .pagetip:before{background-image:url('/publishing/images/sub/bul_bubble_yellow.png')}
.interest .reclass_box dl.active dt i{color:#f5c42c;}
.interest .topclass_box ul li:nth-child(1) span:before,
.interest .topclass_box ul li:nth-child(2) span:before,
.interest .topclass_box ul li:nth-child(3) span:before{color:#f5c42c;}
.interest .reclass_box dl:last-of-type dd li{background-color:#f5c42c;border-color:#f5c42c;}

/* color blue */
#container.blue > .subs span{color:#0070cf;}
.blue .page_btn > *.active{background-image:url('/publishing/images/sub/bg_card_blue.jpg');}
.blue .list_wrap h3 b{color:#0070cf;}
.blue .list_wrap.complete h3{background:url('/publishing/images/sub/bul_check_blue.png') no-repeat 50% 0;background-size:60px auto;}
.blue .circleGage:before{border-color:#00b8bf;}
.blue .circleGage .count i{color:#0070cf;}
.blue .detail_pop .cont{padding:25px 15px;background:#00b8bf url('/publishing/images/sub/bg_card_blue.jpg') no-repeat 100% 100%;background-size:contain;}
.blue .detail_pop .cont .lists ul li{color:#0070cf;}
.blue .list_wrap .desc em{color:#0070cf;}

/* popup > detail */
.detail_pop,
.detail_pop *{-webkit-transition:all 0ms linear;transition:all 0ms linear;}
.detail_pop,
.detail_pop > span{position:fixed;top:0;left:0;width:100%;height:100%;}
.detail_pop > span{display:block;background:rgba(0,0,0,0.8);}
.detail_pop{display:none;z-index:9999;}
.detail_pop .cont{position:fixed;top:calc(50% - 240px);left:calc(50% - 145px);width:290px;height:405px;color:#fff;padding:35px 25px 0;border-radius:10px;box-shadow:7px 5px 20px rgba(0,0,0,0.3);z-index:12;}
.detail_pop .cont strong{font-family:'GmarketSansBold';font-size:35px;line-height:48px;letter-spacing:-1px;}
.value .detail_pop .cont strong{white-space:nowrap;}
.detail_pop .cont strong + *{margin-top:10px;}
.detail_pop .cont .subs{height:100px;font-size:14px;line-height:20px;letter-spacing:-0.35px;}
.detail_pop .cont .subs + *{margin-top:15px;}
.detail_pop .cont .lists em{font-size:14px;font-weight:700;}
.detail_pop .cont .lists ul{font-size:0;padding-top:12px;}
.detail_pop .cont .lists ul li{display:inline-block;height:28px;font-size:12px;color:#333;line-height:29px;letter-spacing:-0.6px;padding:0 10px;margin:0 5px 5px 0;background:rgba(255,255,255,0.3);border-radius:14px;}
.detail_pop .cont .lists ul li:before{display:inline;content:'#';margin-right:3px;}
.detail_pop .cont .lists a{display:block;position:absolute;bottom:0;left:0;width:100%;height:45px;font-size:11px;color:#fff;text-align:right;line-height:46px;padding:0 25px;}
.detail_pop .cont .lists a:after,
.detail_pop .cont .lists a:before{display:block;content:'';position:absolute;}
.detail_pop .cont .lists a:before{top:0;left:25px;width:calc(100% - 50px);height:1px;background:rgba(255,255,255,0.3);}
.detail_pop .cont .lists a:after{top:calc(50% - 9px);left:25px;width:18px;height:18px;background:url('/publishing/images/sub/ico_detail_back.png') no-repeat 50% 50%;background-size:auto 7px;border:1px solid #fff;border-radius:100%;}
.detail_pop .close_detail{display:block;overflow:hidden;position:fixed;top:calc(50% + 170px);left:calc(50% - 25px);width:50px;height:50px;text-indent:-9999em;background:url('/publishing/images/common/btn_close.png') no-repeat 50% 50%;background-size:20px 20px;}

/* popup > detail > interest */
.interest .detail_pop .cont{top:calc(50% - 310px);height:auto;}
.interest .detail_pop .close_detail{top:calc(50% + 220px);}
.interest .detail_pop .cont > strong{font-size:25px;line-height:35px;}
.interest .detail_pop .cont > strong + *{margin-top:5px;opacity:0.8;}
.interest .detail_pop .cont .subs{height:auto;margin-bottom:20px;margin-top:15px;}
.interest .detail_pop .cont .lists{margin-top:5px;}
.interest .detail_pop .cont .lists .licont_dl{display:flex;margin-top:5px;background:#fff;border-radius:10px;}
.interest .detail_pop .cont .lists .licont_dl dl{flex:1;color:#111;}
.interest .detail_pop .cont .lists .licont_dl dl dt{font-size:13px;line-height:29px;text-align:center;letter-spacing:-0.65px;padding:15px 0 0;}
.interest .detail_pop .cont .lists .licont_dl dl dd strong{font-size:13px;}
.interest .detail_pop .cont .lists .licont_dl dl dd{height:80px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph{position:relative;height:62px;font-size:10px;text-align:center;padding-top:50px;background:url('/publishing/images/sub/bg_card_interest_gage.jpg') no-repeat 50% 14px;background-size:auto 48px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox{display:block;position:absolute;bottom:-48px;left:calc(50% - 46px);width:92px;height:96px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step1{transform:scale(0.8) rotate(-73deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step2{transform:scale(0.8) rotate(-43deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step3{transform:scale(0.8) rotate(-13deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step4{transform:scale(0.8) rotate(13deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step5{transform:scale(0.8) rotate(43deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox.step6{transform:scale(0.8) rotate(73deg);}
.interest .detail_pop .cont .lists .licont_dl dl dd.graph .graphBox:before{display:block;content:'';position:absolute;top:0;left:calc(50% - 5px);border-bottom:12px solid #111;;border-left:5px solid transparent;border-right:5px solid transparent;}
.interest .detail_pop .cont .lists .licont_dl dl dd.gage_box{text-align:right;padding:0 14px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.gage_box > span{display:block;font-size:10px;color:#999;padding-top:12px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.gage_box > strong{font-size:14px;color:#111;line-height:29px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.gage_box .gagebar{height:8px;margin-top:3px;margin-right:-5px;background:#ddd;border-radius:4px;}
.interest .detail_pop .cont .lists .licont_dl dl dd.gage_box .gagebar > span{display:block;width:auto;height:8px;background:#f5c42c;border-radius:4px;}
.interest .detail_pop .cont .lists .text{font-size:14px;line-height:20px;letter-spacing:-0.35px;}
.interest .detail_pop .cardDesc{position:fixed;bottom:8px;left:0;width:100%;font-size:12px;color:#fff;line-height:1.2;padding:0 25px 0 35px;opacity:0.7;}
.interest .detail_pop .cardDesc:before{display:block;content:'※';position:absolute;top:0;left:20px;}

/* popup > intro */
.intro_pop{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;}
.intro_pop .intro_wrap{flex:1;color:#fff;text-align:center;}
.intro_pop .intro_wrap strong{display:block;position:fixed;top:40px;left:0;width:100%;font-family:'GmarketSansBold';font-size:25px;line-height:29px;letter-spacing:-1.2px;color:#f5c42c;}
.intro_pop .intro_wrap em{display:inline-block;position:relative;font-size:20px;line-height:20px;letter-spacing:-0.5px;}
.intro_pop .intro_wrap em:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#f5c42c;opacity:0.5;}
.intro_pop .intro_wrap .em_group + *{margin-top:12px;}
.intro_pop .intro_wrap .subs{font-size:14px;line-height:20px;}
.intro_pop .intro_wrap .subs span{display:block;font-size:12px;font-weight:300;opacity:0.7;}
.intro_pop .intro_wrap .subs_bottom{font-size:16px;font-weight:400;color:#fff;line-height:23px;}
.intro_pop .intro_wrap .subs_bottom.blue .card{color:#0070cf;}
.intro_pop .intro_wrap .subs_bottom.blue .card.active{position:relative;text-indent:-9999em;background:#fff url('/publishing/images/sub/bul_check_blue.png') no-repeat 0 0;background-size:contain;}
.intro_pop .intro_wrap .subs_bottom .card.active:after{display:block;content:'';position:absolute;top:50px;left:50px;width:80px;height:80px;background:url('/publishing/images/sub/ico_click.png') no-repeat 0 0;background-size:contain;}
.intro_pop .intro_wrap .subs_bottom .hands{position:relative;height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_strength_choice.png') no-repeat 50% 100%;background-size:auto 86px;}
.intro_pop .intro_wrap .subs_bottom .touch{height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_strength_reclass.png') no-repeat 50% 100%;background-size:auto 86px;}
.intro_pop .intro_wrap .subs_bottom .intouch{height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_interest_reclass.png') no-repeat 50% 100%;background-size:auto 86px;}
.intro_pop .intro_wrap .subs_bottom .rank{height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_strength_topclass.png') no-repeat 50% 100%;background-size:auto 147px;}
.intro_pop .intro_wrap .subs_bottom .inrank{height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_interest_rank.png') no-repeat 50% 100%;background-size:auto 141px;}
.intro_pop .intro_wrap .subs_bottom .intopclass{height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_interest_topclass.png') no-repeat 50% 100%;background-size:auto 102px;}
.intro_pop .intro_wrap .subs_bottom .cards{position:relative;height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_value_choice.png') no-repeat 50% 100%;background-size:auto 100px;}
.intro_pop .intro_wrap .subs_bottom .incards{position:relative;height:190px;margin-bottom:3px;background:url('/publishing/images/sub/img_tip_interest_choice.png') no-repeat 57% 100%;background-size:auto 110px;}
.intro_pop .intro_wrap .subs_bottom .rankCheck{margin-top:10px;}
.intro_pop .intro_wrap .subs_bottom .rankCheck ul{position:relative;}
.intro_pop .intro_wrap .subs_bottom .rankCheck ul:before{display:block;content:'';position:absolute;top:13px;right:-5px;width:50px;height:70px;background:url('/publishing/images/sub/ico_click.png') no-repeat 0 0;background-size:contain;z-index:2;}
.intro_pop .intro_wrap .subs_bottom .rankCheck li{position:relative;height:45px;font-size:15px;font-weight:500;color:#222;text-align:center;line-height:45px;padding:0 50px 0 20px;margin-top:5px;background:#fff;border:1px solid #ddd;border-radius:5px;}
.intro_pop .intro_wrap .subs_bottom .rankCheck li span{display:block;position:absolute;top:calc(50% - 15px);right:10px;width:30px;height:30px;background:#ffb33d url('/publishing/images/sub/bul_check.png') no-repeat 50% 50%;background-size:contain;border-radius:100%;}
.intro_pop .intro_wrap .close_pop{display:block;overflow:hidden;position:fixed;top:40px;right:0;width:50px;height:50px;text-indent:-9999em;background:url('/publishing/images/common/btn_close.png') no-repeat 0 0;background-size:20px auto;}
.topclass_box ul li p button + button{margin-left:5px;transform:rotate(90deg);}

/* tab title */
.tit_tab{position:fixed;top:50px;left:0;width:100%;background:#f5f5f5;z-index:5;}
.tit_tab ul{display:flex;}
.tit_tab ul li{flex:1;}
.tit_tab ul li a{display:block;height:50px;font-size:14px;color:#111;text-align:center;line-height:50px;}
.tit_tab ul li.active a{font-weight:700;border-bottom:6px solid #222;}
.total .tit_tab ul li.active a{border-color:#2a3555;}
.total.result_report .info_box{background:#2a3555;}
.strength .tit_tab ul li.active a{border-color:#e5467a;}
.strength.result_report .info_box{background:#e5467a;}
.value .tit_tab ul li.active a{border-color:#3e3ad1;}
.value.result_report .info_box{background:#3e3ad1;}
.interest .tit_tab ul li.active a{border-color:#f5c42c;}
.interest.result_report .info_box{background:#f5c42c;}

/* result report */
.result_report{text-align:left;}

/* result report > base info */
.result_report .info_box{position:relative;padding:80px 15px 35px;z-index:1;}
.result_report .info_box .profile{font-size:12px;font-weight:500;color:#fff;margin-bottom:5px;}
.result_report .info_box .profile strong{display:inline-block;font-family:'GmarketSansLight';font-size:20px;font-weight:700;}
.result_report .info_box .profile span{margin-left:3px;vertical-align:-4px;opacity:0.7;}
.result_report .info_box .date{font-size:12px;color:#fff;margin-top:10px;}
.result_report .info_box .date span{display:block;font-weight:400;margin-bottom:10px;}
.result_report .info_box .date i{font-weight:500;color:#fff;vertical-align:0;}
.result_report .info_box .cate{font-size:13px;color:#fff;margin-top:2px;}
.result_report .info_box .side_con{position:absolute;top:91px;right:15px;}
.result_report .info_box .side_con .status{overflow:hidden;height:28px;font-family:'GmarketSansMedium';font-size:20px;color:#fff;line-height:33px;padding-left:33px;background:url('/publishing/images/sub/ico_result_total_top.png') no-repeat 0 0;background-size:auto 100%;}
.result_report .info_box .side_con .counting{text-align:right;color:#fff;}
.result_report .info_box .side_con .counting > *{display:block;}
.result_report .info_box .side_con .counting strong{font-size:20px;font-family:'GmarketSansMedium';font-weight:500;}
.result_report .info_box .side_con .counting span{font-size:12px;font-weight:300;color:rgba(255,255,255,0.7);margin-top:5px;}
.result_report .info_box .side_con .counting span a{display:inline-block;width:20px;height:20px;font-size:11px;font-weight:500;color:#888;text-align:center;line-height:20px;margin-left:5px;background:#fff;border:1px solid #ddd;border-radius:100%;vertical-align:0;}
.result_report .info_box .desc{font-size:13px;font-weight:300;color:rgba(255,255,255,0.8);line-height:20px;letter-spacing:-0.6px;padding-top:25px;margin-top:27px;border-top:1px solid rgba(255,255,255,0.3)}

.result_report .report_con{position:relative;padding:40px 15px 0;margin-top:-10px;background:#fff;border-radius:10px 10px 0 0;z-index:2;}
.result_report .report_con:not(.result_report.total .report_con){padding-top:0;}
.result_report .report_con h3{width:100%;font-family:'GmarketSansBold';font-size:22px;text-align:center;}
.result_report .recon_detail{padding:40px 0 50px;}
.result_report .recon_detail:nth-of-type(even){width:calc(100% + 30px);padding:50px 15px;margin-left:-15px;background:#f5f5f5;}
.result_report .recon_detail h4{font-size:20px;font-weight:500;color:#111;text-align:center;line-height:31px;letter-spacing:-1px;}
.result_report .recon_detail h4 + *{clear:both;}
.result_report .recon_detail h4 + p{font-size:14px;font-weight:400;color:#888;text-align:center;letter-spacing:-0.7px;padding:12px 0 20px;}
.result_report .recon_detail h4 + p i{font-weight:700;color:#333;vertical-align:0;}
.result_report .recon_detail p + .subs{margin-top:0;}
.result_report .recon_detail .dl_list{padding:25px 25px 10px;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .dl_list dl:not(.point){position:relative;font-size:14px;text-align:right;line-height:20px;letter-spacing:-0.7px;padding:15px 0 15px 80px;}
.result_report .recon_detail .dl_list dl:not(.point) + dl{border-top:1px solid #ddd;}
.result_report .recon_detail .dl_list dl:not(.point) dt{position:absolute;top:25px;left:0;color:#666;}
.result_report .recon_detail .dl_list dl dd{font-size:12px;color:#999;}
.result_report .recon_detail .dl_list dl dd:nth-of-type(1){font-weight:700;font-size:14px;color:#666;}
.result_report .recon_detail .dl_list dl.point{color:#333;text-align:center;margin-bottom:5px;}
.result_report .recon_detail .dl_list dl.point dt{font-size:14px;line-height:20px;letter-spacing:-0.7px;padding-top:26px;background:url('/publishing/images/sub/ico_time.png') no-repeat 50% 0;background-size:20px 20px;}
.result_report .recon_detail .dl_list.category dl.point dt{background:url('/publishing/images/sub/ico_my.png') no-repeat 50% 0;background-size:20px 20px;}
.result_report .recon_detail .dl_list dl.point dt + dd{font-size:25px;font-weight:700;color:#333;letter-spacing:-1.25px;margin:10px 0 5px;}

.result_report .recon_detail .subs{width:100%;font-size:14px;font-weight:400;color:#666;line-height:22px;letter-spacing:-0.7px;padding:15px;margin-top:15px;background:#fbfbfb;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .subs strong{font-weight:700;color:#3e3ad1;}

.result_report .recon_detail .dl_list.category dl{padding:12px 0;}
.result_report .recon_detail .dl_list.category dl dt{top:16px;}
.result_report .recon_detail .dl_list.category dl dd{font-size:0 !important;}
.result_report .recon_detail .dl_list.category dl dd span{display:inline-block;width:25px;height:25px;font-family:'GmarketSansMedium';font-size:14px;font-weight:300;color:#fff;text-align:center;line-height:27px;background-color:#666;border-radius:100%;}
.result_report .recon_detail .dl_list.category dl dd span + span{margin-left:7px;}
.result_report .recon_detail .dl_list.category dl.point dd span + span{margin-left:15px;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaR{background:#254295;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaI{background:#ff7c39;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaA{background:#6f1ae3;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaS{background:#009ccf;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaE{background:#f54744;}
.result_report .recon_detail .dl_list.category dl.point dd span.alphaC{background:#a0c214;}
.result_report .recon_detail .dl_list.category dl.point dd span{width:50px;height:50px;font-family:'GmarketSansBold';font-size:20px;line-height:53px;background:#666;}

.result_report .recon_detail .dl_list.dual{display:flex;border-radius:10px;}
.result_report .recon_detail .dl_list.dual dl{flex:1;height:auto;padding-top:0;padding-left:0;padding-bottom:15px;border-bottom:0 none;}
.result_report .recon_detail .dl_list.dual dl dt{position:static;height:auto;font-size:17px;font-weight:500;text-align:center;line-height:34px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.result_report .recon_detail .dl_list.dual dl dd{text-align:center;line-height:1.4;}
.result_report .recon_detail .dl_list.dual dl:first-child dd{border-right:1px solid #ddd;}

.result_report .recon_detail .chart_area{overflow:hidden;position:relative;height:320px;padding:20px 0;margin-top:15px;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .chart_area canvas{position:absolute;top:60px;left:calc(50% - 200px);width:400px !important;height:200px !important;transform:rotate(-30deg);}
.result_report .recon_detail .chart_area.doughnut{position:relative;height:auto;}
.result_report .recon_detail .chart_area.doughnut canvas{position:static;width:auto !important;height:125px !important;margin:0 auto;}
.result_report .recon_detail .chart_area.doughnut .desc{margin-top:20px;}
.result_report .recon_detail .chart_area.doughnut .desc .desc_wrap{display:flex;}
.result_report .recon_detail .chart_area.doughnut .desc p{width:100%;text-align:center;}
.result_report .recon_detail .chart_area.doughnut .desc p + p{border-left:1px solid #ddd;}
.result_report .recon_detail .chart_area.doughnut .desc p > *{display:block;}
.result_report .recon_detail .chart_area.doughnut .desc p strong{font-size:17px;color:#444;letter-spacing:-0.03em;padding-top:33px;background-repeat:no-repeat;background-position:50% 0;background-size:20px auto;}
.result_report .recon_detail .chart_area.doughnut .desc p:first-of-type strong{background-image:url('/publishing/images/sub/ico_chart_dounut01.png');}
.result_report .recon_detail .chart_area.doughnut .desc p:last-of-type strong{background-image:url('/publishing/images/sub/ico_chart_dounut02.png');}
.result_report .recon_detail .chart_area.doughnut .desc p span{font-size:25px;font-weight:700;color:#999;line-height:36px;margin-top:10px;}
.result_report .recon_detail .chart_area.doughnut .desc p span:after{content:'장';font-size:21px;font-weight:400;color:#333;}
.result_report .recon_detail .chart_area.doughnut .desc p:first-of-type span{color:#f5c42c;}
.result_report .recon_detail .chart_area.doughnut .percent{position:absolute;top:20px;left:calc(50% - 65.5px);width:125px;height:125px;font-size:0;text-align:center;padding:40px 0 0 10px;}
.result_report .recon_detail .chart_area.doughnut .percent > *{display:inline-block;letter-spacing:-0.03em;}
.result_report .recon_detail .chart_area.doughnut .percent > *:after{content:'%'}
.result_report .recon_detail .chart_area.doughnut .percent > span{font-size:14px;font-weight:700;color:#999;}
.result_report .recon_detail .chart_area.doughnut .percent > span:after{font-size:10px;font-weight:500;color:#333;}
.result_report .recon_detail .chart_area.doughnut .percent > em{font-size:29px;font-weight:700;color:#f5c42c;padding-top:20px;}
.result_report .recon_detail .chart_area.doughnut .percent > em:after{font-size:14px;font-weight:500;color:#333;}
.result_report .recon_detail .chart_area.doughnut .percent:before{display:block;content:'';position:absolute;top:58px;left:40px;width:40px;height:1px;background:#ddd;transform:rotate(-45deg);}
.result_report .recon_detail .chart_area .icon{position:absolute;top:0;left:0;width:100%;height:100%;}
.result_report .recon_detail .chart_area .icon p span,
.result_report .recon_detail .chart_area .icon p strong{display:block;position:absolute;}
.result_report .recon_detail .chart_area .icon p span{width:20px;height:20px;font-family:'GmarketSansMedium';font-size:12px;color:#fff;text-align:center;line-height:22px;background:#666;border-radius:100%;}
.result_report .recon_detail .chart_area .icon p:nth-child(1) span{top:55px;left:calc(50% - 65px);}
.result_report .recon_detail .chart_area .icon p:nth-child(2) span{top:55px;left:calc(50% + 43px);}
.result_report .recon_detail .chart_area .icon p:nth-child(3) span{bottom:151px;left:calc(50% + 100px);}
.result_report .recon_detail .chart_area .icon p:nth-child(4) span{bottom:57px;left:calc(50% + 43px);}
.result_report .recon_detail .chart_area .icon p:nth-child(5) span{bottom:57px;left:calc(50% - 65px);}
.result_report .recon_detail .chart_area .icon p:nth-child(6) span{top:151px;left:calc(50% - 120px);}
.result_report .recon_detail .chart_area .icon p strong{min-width:50px;font-size:12px;font-weight:500;text-align:center;line-height:16px;white-space:nowrap;}
.result_report .recon_detail .chart_area .icon p:nth-child(1) strong{top:40px;left:calc(50% - 125px);color:#254295;}
.result_report .recon_detail .chart_area .icon p:nth-child(2) strong{top:40px;left:calc(50% + 63px);color:#ff7c39;}
.result_report .recon_detail .chart_area .icon p:nth-child(3) strong{top:135px;left:calc(50% + 90px);width:70px;color:#6f1ae3;text-align:right;}
.result_report .recon_detail .chart_area .icon p:nth-child(4) strong{top:228px;left:calc(50% + 63px);color:#009ccf;}
.result_report .recon_detail .chart_area .icon p:nth-child(5) strong{top:228px;left:calc(50% - 125px);color:#f54744;}
.result_report .recon_detail .chart_area .icon p:nth-child(6) strong{top:135px;left:calc(50% - 165px);width:70px;color:#a0c214;text-align:left;}
.result_report .recon_detail .chart_area .icon p strong i{display:block;font-size:12px;font-weight:700;color:#000 !important;}
.result_report .recon_detail .chart_area .icon p strong b{font-size:10px;color:#777;}

.result_report .recon_detail .iconic{display:flex;justify-content:space-between;padding:0 10px;}
.result_report .recon_detail .iconic li{margin-left:7px;}
.result_report .recon_detail .iconic li a{display:block;position:relative;width:40px;height:40px;font-family:'GmarketSansBold';font-size:18px;color:#fff;text-align:center;line-height:42px;background-color:#666;border-radius:100%;}
.result_report .recon_detail .iconic li a.active:before{display:block;content:'';position:absolute;bottom:-13px;width:100%;height:3px;background:#666;}
.result_report .recon_detail .iconic li:nth-of-type(1) a,
.result_report .recon_detail .iconic li:nth-of-type(1) a.active:before{background:#254295;}
.result_report .recon_detail .iconic li:nth-of-type(2) a,
.result_report .recon_detail .iconic li:nth-of-type(2) a.active:before{background:#ff7c39;}
.result_report .recon_detail .iconic li:nth-of-type(3) a,
.result_report .recon_detail .iconic li:nth-of-type(3) a.active:before{background:#6f1ae3;}
.result_report .recon_detail .iconic li:nth-of-type(4) a,
.result_report .recon_detail .iconic li:nth-of-type(4) a.active:before{background:#009ccf;}
.result_report .recon_detail .iconic li:nth-of-type(5) a,
.result_report .recon_detail .iconic li:nth-of-type(5) a.active:before{background:#f54744;}
.result_report .recon_detail .iconic li:nth-of-type(6) a,
.result_report .recon_detail .iconic li:nth-of-type(6) a.active:before{background:#a0c214;}

.result_report .recon_detail .cate_util{font-size:0;text-align:center;}
.result_report .recon_detail .cate_util p{display:inline-block;width:50px;height:50px;font-size:20px;font-family:'GmarketSansBold';color:#fff;text-align:center;line-height:51px;margin:0 7.5px;background:#666;border-radius:100%;}
.result_report .recon_detail .cate_util p.alphaR{background:#254295;}
.result_report .recon_detail .cate_util p.alphaI{background:#ff7c39;}
.result_report .recon_detail .cate_util p.alphaA{background:#6f1ae3;}
.result_report .recon_detail .cate_util p.alphaS{background:#009ccf;}
.result_report .recon_detail .cate_util p.alphaE{background:#f54744;}
.result_report .recon_detail .cate_util p.alphaC{background:#a0c214;}

.result_report .recon_detail .job_cate{width:calc(100% + 10px);padding:20px;margin-left:-5px;border:1px solid #ddd;border-radius:5px;}
.result_report .recon_detail .job_cate ~ .job_cate{margin-top:30px;}
.result_report .recon_detail .job_cate > strong{display:block;font-size:22px;font-weight:500;text-align:center;margin-bottom:20px;}
.result_report .recon_detail .halfRound{position:relative;}
.result_report .recon_detail .halfRound .graph{overflow:hidden;position:relative;width:180px;height:90px;margin:0 auto;background:#ddd;border-radius:90px 90px 0 0;}
.result_report .recon_detail .halfRound .graph:before{display:block;content:'';position:absolute;bottom:0;left:calc(50% - 82px);width:164px;height:82px;background:#fff;border-radius:82px 82px 0 0;z-index:1;}
.result_report .recon_detail .halfRound .graph span{display:block;content:'';position:absolute;top:0;left:calc(50% - 90px);width:180px;height:180px;background:url('/publishing/images/sub/bg_halfround_bar.png') no-repeat 0 0;background-size:100% 100%;z-index:1;}
.result_report .recon_detail .halfRound .count span{display:block;position:absolute;bottom:-3px;width:30px;font-size:12px;color:#999;}
.result_report .recon_detail .halfRound .count span:first-of-type{left:calc(50% - 125px);text-align:right;}
.result_report .recon_detail .halfRound .count span:last-of-type{left:calc(50% + 95px);text-align:left;}
.result_report .recon_detail .halfRound .desc{position:absolute;top:45px;left:0; width:100%;text-align:center;z-index:3;}
.result_report .recon_detail .halfRound .desc strong{display:block;font-size:32px;color:#333;padding-left:10px;margin-bottom:5px;}
.result_report .recon_detail .halfRound .desc strong:after{display:inline;content:'%';font-size:14px;color:#333;}
.result_report .recon_detail .halfRound .desc span{font-size:14px;color:#777;}
.result_report .recon_detail .cate_gage{padding-top:10px;margin-top:40px;border-top:1px solid #ddd;}
.result_report .recon_detail .cate_gage .gageArea{padding:10px;border-bottom:0;}

.result_report .recon_detail .gage_cont > li{background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .gage_cont > li + li{margin-top:10px;}
.result_report .recon_detail .gageArea{display:flex;position:relative;padding:35px 25px 35px;}
.result_report .recon_detail .gageArea:before{display:block;content:'';position:absolute;bottom:0;left:25px;width:calc(100% - 50px);height:1px;background:#ddd;}
.result_report .recon_detail .result_bar_gage{padding:10px 20px;margin:20px 0 0;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .result_bar_gage .gageArea{padding:10px 5px;border-bottom:0 none;}
.result_report .recon_detail .gageArea strong{flex:1;font-size:16px;font-weight:500;letter-spacing:-0.8px;}
.result_report .recon_detail .gageArea em{font-size:29px;font-weight:700;letter-spacing:-1.45px;margin-top:-10px;}
/* .result_report .recon_detail .gageArea em:after{display:inline-block;content:'%';font-size:14px;margin-left:3px;} */
.result_report .recon_detail .gageArea .gage{position:absolute;top:60px;left:25px;width:calc(100% - 50px);height:10px;margin-top:2px;background:#ddd;border-radius:5px;}
.result_report .recon_detail .gageArea .gage span{display:block;height:10px;border-radius:5px;}
.result_report .recon_detail .gage_desc{padding-bottom:10px;}
.result_report .recon_detail .gage_desc ul{font-size:0;padding:15px 25px 0;}
.result_report .recon_detail .gage_desc ul li{display:inline-block;height:30px;font-size:12px;color:#666;text-align:center;line-height:31px;padding:0 10px;margin-top:5px;margin-right:5px;border:1px solid #ddd;border-radius:15px;}
.result_report .recon_detail .gage_desc .desc{font-size:14px;color:#666;line-height:21px;padding:15px 25px;}

.result_report .recon_detail .card_list{margin-top:0;padding-top:0;border:0 none;}
.result_report .recon_detail .card_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:0;}
.result_report .recon_detail .card_list ul li{width:100px;margin-bottom:15px;padding-left:0;}

.result_report .recon_detail .top_card li{font-size:0;text-align:center;padding:25px 21px;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .top_card li:first-of-type:before{display:block;content:'';width:20px;height:33px;margin:0 auto 6px;background:url('/publishing/images/sub/ico_label.png') no-repeat 0 0;background-size:100% 100%;}
.result_report .recon_detail .top_card li:last-child{border-bottom:0 none;}
.result_report .recon_detail .top_card li + li{margin-top:15px;}
.result_report .recon_detail .top_card .card{display:inline-block;width:100px;text-align:left;}
.result_report .recon_detail .top_card .desc{display:block;font-size:13px;line-height:18px;padding-top:5px;}
.result_report .recon_detail .top_card .desc .descWrap{padding:0 40px;margin-top:20px;}
.result_report .recon_detail .top_card .desc p{display:inline;font-size:16px;font-weight:500;line-height:1.5;}
.result_report .recon_detail .top_card .desc dl{text-align:left;padding:20px 0;margin-top:5px;}
.result_report .recon_detail .top_card .desc dl + dl{margin-top:0;border-top:1px solid #ddd;}
.result_report .recon_detail .top_card .desc dl dt{font-size:15px;font-weight:500;}
.result_report .recon_detail .top_card .desc dl dd{font-size:14px;font-weight:300;line-height:18px;margin-top:5px;}
.result_report .recon_detail .top_card .single{display:flex;flex-wrap:wrap;}
.result_report .recon_detail .top_card .single li{position:relative;width:32%;padding-bottom:0;margin-bottom:10px;border-bottom:0 none;}
.result_report .recon_detail .top_card .single li + li{margin-left:2%;}
.result_report .recon_detail .top_card .single li .card{width:100%;padding-top:12px;margin-right:0;}
.result_report .recon_detail .top_card .single li .circleGage{position:absolute;top:85px;left:calc(50% - 30px);z-index:2;}
.result_report .recon_detail .top_card .single li .circleGage:before{display:none;}
.result_report .recon_detail .top_card .single li .circleGage strong{width:60px;height:60px;color:#fff;padding-top:19px;}
.result_report .recon_detail .top_card .single li .circleGage strong i{color:rgba(255,255,255,0.7);}

.result_report.value .recon_detail .top_card .desc p{background:linear-gradient(#fff 50%, rgba(62,58,209,0.3) 50%);}
.result_report.interest .recon_detail .top_card .desc p{background:linear-gradient(#fff 50%, rgba(245,196,44,0.3) 50%);}
.result_report.strength .recon_detail .top_card .desc p{background:linear-gradient(#fff 50%, rgba(229,70,122,0.3) 50%);}

.result_report .recon_detail .card{overflow:hidden;position:relative;width:100%;height:140px;padding:30px 10px 0;background-color:#c3c200;background-repeat:no-repeat;background-position:100% 100%;background-size:auto 100%;border-radius:7px;}
.result_report .recon_detail .card span{font-size:10px;color:#fff;opacity:0.5;}
.result_report .recon_detail .card strong{display:block;font-family:'GmarketSansMedium';font-size:20px;color:#fff;letter-spacing:-0.07em;line-height:1.3;}
.result_report .recon_detail .card a{display:block;position:absolute;bottom:12px;right:10px;width:18px;height:18px;font-size:0;background:url('/publishing/images/main/bul_arrow_right.png') no-repeat 52% 45%;background-size:auto 7px;border:1px solid #fff;border-radius:100%;}
.result_report .recon_detail li .card:before{display:block;content:'';position:absolute;top:10px;right:5px;font-size:27px;font-family:'GmarketSansMedium';color:#fff;}
.result_report .recon_detail li:nth-child(1) .card:before{content:'1';}
.result_report .recon_detail li:nth-child(2) .card:before{content:'2';}
.result_report .recon_detail li:nth-child(3) .card:before{content:'3';}
.result_report .recon_detail li:nth-child(4) .card:before{content:'4';opacity:0.3;}
.result_report .recon_detail li:nth-child(5) .card:before{content:'5';opacity:0.3;}
.result_report .recon_detail li:nth-child(6) .card:before{content:'6';opacity:0.3;}
.result_report .recon_detail li:nth-child(7) .card:before{content:'7';opacity:0.3;}
.result_report .recon_detail li:nth-child(8) .card:before{content:'8';opacity:0.3;}
.result_report .recon_detail li:nth-child(9) .card:before{content:'9';opacity:0.3;}
.result_report .recon_detail li:nth-child(10) .card:before{content:'10';opacity:0.3;}
.result_report .recon_detail li:nth-child(11) .card:before{content:'11';opacity:0.3;}
.result_report .recon_detail li:nth-child(12) .card:before{content:'12';opacity:0.3;}
.result_report .recon_detail li:nth-child(13) .card:before{content:'13';opacity:0.3;}

.result_report .recon_detail .card_list li:before{display:none;}

.result_report.value .recon_detail .gageArea:before{left:0;width:100%;}
.result_report.value .recon_detail .gageArea:last-of-type:before{display:none;}
.result_report.value .recon_detail .gageArea strong{flex:none;width:60px;font-size:12px;line-height:16px;}
.result_report.value .recon_detail .gageArea em{width:40px;font-size:14px;text-align:right;margin-top:0;padding-left:5px;}
.result_report.value .recon_detail .gageArea .gage{position:static;flex:1;}

.result_report.interest .recon_detail .gageArea:before{left:0;width:100%;}
.result_report.interest .recon_detail .gageArea:last-of-type:before{display:none;}
.result_report.interest .recon_detail .gageArea strong{flex:none;width:80px;font-size:12px;line-height:16px;}
.result_report.interest .recon_detail .gageArea em{width:40px;font-size:14px;text-align:right;white-space:nowrap;margin-top:0;padding-left:5px;}
.result_report.interest .recon_detail .gageArea .gage{position:static;flex:1;}

.result_report.value .recon_detail .card{padding-top:10px;}
.result_report.value .recon_detail .card strong{font-size:14px;font-weight:500;}

.result_report.value .circleGage{top:47px;right:18px;}
.result_report.value .circleGage:before{background:transparent;width:52px;height:52px;border-width:4px;border-color:rgba(255,255,255,0.3);}
.result_report.value .circleGage strong{width:60px;height:60px;font-size:18px;color:#fff;padding-top:20px;padding-left:8px;}
.result_report.value .circleGage strong i{color:#fff;opacity:0.3;}

.result_report.interest .recon_detail .dl_list.dual{padding:25px 0;}
.result_report.interest .recon_detail .dl_list.dual dl{padding-bottom:0;border:0 none !important;}
.result_report.interest .recon_detail .dl_list.dual dl + dl{border-left:1px solid #ddd !important;}
.result_report.interest .recon_detail .dl_list.dual dl dt{font-size:14px;line-height:1;padding-top:40px;margin-bottom:10px;background-repeat:no-repeat;background-position:50% 0;background-size:auto 33px;border:0 none;}
.result_report.interest .recon_detail .dl_list.dual dl:first-child dt{background-image:url('/publishing/images/sub/ico_cards.png');}
.result_report.interest .recon_detail .dl_list.dual dl:last-child dt{background-image:url('/publishing/images/sub/ico_label.png');}
.result_report.interest .recon_detail .dl_list.dual dl:first-child dd{border-right:0 none;}
.result_report.interest .recon_detail .dl_list dl dd:nth-of-type(1){font-size:20px;}

.result_report.interest .recon_detail .card strong{font-size:15px;}

.strength .card{background-color:#e5467a !important;}
.value .card{background-color:#3e3ad1 !important;}
.interest .card{background-color:#f5c42c !important;}
.strength .gageArea .gage span{background:#e5467a;}
.value .gageArea .gage span{background:#3e3ad1;}
.interest .gageArea .gage span{background:#f5c42c;}
.strength.result_report .recon_detail .gage_desc ul li{border-color:#e5467a;}
.value.result_report .recon_detail .gage_desc ul li{border-color:#3e3ad1;}
.interest.result_report .recon_detail .gage_desc ul li{border-color:#f5c42c;}

.report_wrap{padding-bottom:35px;}
.result_report .recon_detail .icon_detail{display:none;padding:25px;margin:13px 0 0;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.result_report .recon_detail .icon_detail.active{display:block;}
.result_report .recon_detail .icon_detail ul li{position:relative;}
.result_report .recon_detail .icon_detail ul li + li{margin-top:41px;}
.result_report .recon_detail .icon_detail ul li + li:after{display:block;content:'';position:absolute;top:-21px;left:0;width:100%;height:1px;background:#ddd;}
.result_report .recon_detail .icon_detail ul li strong{display:block;font-size:16px;color:#111;}
.result_report .recon_detail .icon_detail ul li strong + div{margin-top:7px;}
.result_report .recon_detail .icon_detail ul li .cont{font-size:12px;line-height:20px;}
.result_report .recon_detail .icon_detail ul li .cont p{position:relative;font-size:14px;color:#666;}
.result_report .recon_detail .icon_detail ul li .cont.list p + p{margin-top:4px;}
.result_report .recon_detail .icon_detail ul li .cont.list p{padding-left:10px;}
.result_report .recon_detail .icon_detail ul li .cont.list p:before{display:block;content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background:url('/publishing/images/sub/bul_cont.png') no-repeat 0 0;background-size:contain;}
.result_report .recon_detail .icon_detail ul li:before{display:block;content:'';position:absolute;top:0;right:0;font-size:50px;font-family:'GmarketSansMedium';color:#eee;}
.result_report .recon_detail .icon_detail ul li:nth-child(1):before{content:'1';}
.result_report .recon_detail .icon_detail ul li:nth-child(2):before{content:'2';}
.result_report .recon_detail .icon_detail ul li:nth-child(3):before{content:'3';}
.result_report .recon_detail .icon_detail ul li:nth-child(4):before{content:'4';}
.result_report .recon_detail .icon_detail ul li:nth-child(5):before{content:'5';}
.result_report .recon_detail .icon_detail ul li:nth-child(6):before{content:'6';}
.result_report .recon_detail .icon_detail ul li:nth-child(7):before{content:'7';}
.result_report .recon_detail .icon_detail ul li:nth-child(8):before{content:'8';}
.result_report .recon_detail .icon_detail ul li:nth-child(9):before{content:'9';}
.result_report .recon_detail .icon_detail ul li:nth-child(10):before{content:'10';}
.result_report .recon_detail .icon_detail ul li:nth-child(11):before{content:'11';}
.result_report .recon_detail .icon_detail ul li:nth-child(12):before{content:'12';}
.result_report .recon_detail .icon_detail ul li:nth-child(13):before{content:'13';}
.result_report .recon_detail .icon_detail ul li:nth-child(14):before{content:'14';}
.result_report .recon_detail .icon_detail ul li:nth-child(15):before{content:'15';}
.result_report .recon_detail .icon_detail ul li:nth-child(16):before{content:'16';}
.result_report .recon_detail .icon_detail ul li:nth-child(17):before{content:'17';}
.result_report .recon_detail .icon_detail ul li:nth-child(18):before{content:'18';}
.result_report .recon_detail .icon_detail ul li:nth-child(19):before{content:'19';}
.result_report .recon_detail .icon_detail ul li:nth-child(20):before{content:'20';}

.comment_desc{position:relative;font-size:12px;color:#999;line-height:18px;letter-spacing:-0.6px;padding:25px 0 0 62px;background:url('/publishing/images/sub/ico_print.png') no-repeat 18px 28px;background-size:36px auto;}
.comment_desc i{display:block;position:absolute;top:12px;left:20px;font-size:30px;}

/* member common */
.member{padding-bottom:15px;}

/* member > base */
.member h2{font-size:36px;color:#ffb33d;text-align:center;}
.member h2 + .desc{font-size:20px;font-weight:300;color:rgba(0,0,0,0.7);text-align:center;margin:10px 0 40px;}
.member .choiceBox{display:flex;}
.member .choiceBox + .inputBox{margin-top:10px;}
.member .choiceBox p{flex:1;}
.member .choiceBox p label{display:block;width:100%;height:50px;font-size:16px;color:#888;text-align:center;line-height:50px;border:1px solid #dedede;border-radius:5px 0 0 5px;}
.member .choiceBox p + p label{border-radius:0 5px 5px 0;}
.member .choiceBox p input[type="radio"]{position:absolute;}
.member .choiceBox p input[type="radio"]:checked ~ label{font-weight:700;color:#111;border-color:#333;}
.member .okayBtn > *{display:block;width:100%;height:55px;font-size:20px;color:#fff;text-align:center;line-height:55px;margin-top:20px;background:#ffb33d url('/publishing/images/sub/bg_card_yellow.jpg') no-repeat 100% 100%;background-size:100% auto;border-radius:3px;}
.member .member_util{font-size:0;text-align:center;margin-top:40px;}
.member .member_util li{display:inline-block;position:relative;font-size:12px;margin:0 10px;}
.member .member_util li + li:before{display:block;content:'|';position:absolute;top:0;left:-20px;width:20px;color:rgba(0,0,0,0.3);text-align:center;}
.member .member_util li a{color:rgba(0,0,0,0.5);}
.member .checkBtn{display:none;}
.member .inputBox{position:relative;}
.member .inputBox ~ div{margin-top:18px;}
.member .inputBox i{display:block;position:absolute;top:0;right:0;width:30px;height:50px;text-align:center;line-height:50px;opacity:0;}
.member .inputBox p{display:none;font-size:12px;color:#888;line-height:15px;margin-top:9px;}
.member .inputBox:before{display:block;position:absolute;top:17px;right:10px;width:15px;height:15px;background-repeat:no-repeat;background-position:0 0;background-size:contain;z-index:2;}
.member .inputBox.error:before{content:'';background-image:url('/publishing/images/sub/ico_warning.png');}
.member .inputBox.pass:before{content:'';background-image:url('/publishing/images/sub/ico_passed.png');}
.member .inputBox.pass input{border-color:#333;}
.member .inputBox.error p:before{display:inline-block;content:'';width:15px;height:15px;margin-right:5px;background:url('/publishing/images/sub/ico_warning.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}
.member .inputBox.must:after{display:block;content:'*';position:absolute;top:17px;right:15px;font-size:22px;color:#e22727;}
/* .member .slt_type:after{display:block;content:'';position:absolute;top:18px;right:15px;width:8px;height:13px;background:url('/publishing/images/sub/bul_reclass_left.png') no-repeat 0 0;background-size:contain;transform:rotate(90deg);z-index:4;} */
.member .slt_type input[type="text"]::placeholder{color:#333;}
.member .sltBox{position:relative;}
.member .sltBox:after{display:block;content:'';position:absolute;top:18px;right:15px;width:8px;height:13px;background:url('/publishing/images/sub/bul_reclass_left.png') no-repeat 0 0;background-size:contain;transform:rotate(90deg);}
.member .sltBox select{transition:all 0ms linear;background:none;border-radius:5px;}
.member .sltBox select:focus{border-color:#333;}
.member .tab_tit{display:flex;position:relative;width:calc(100% + 30px);margin:0 0 32px -15px;background:#f5f5f5;}
.member .tab_tit a{flex:1;display:block;height:50px;font-size:14px;font-weight:500;color:#111;text-align:center;line-height:50px;}
.member .tab_tit a.active{font-weight:700;border-bottom:6px solid #2a3555;}

/* member > login */
#container.login{position:fixed;top:0;left:0;width:100%;height:100%;padding:80px 30px 0;background:#f5f5f5;}
#container.login .inputBox + .inputBox{margin-top:-1px;}
#container.login .inputBox.pw{margin-top:-1px;}
#container.login input[type="text"]{border-radius:5px 5px 0 0;}
#container.login input[type="password"]{border-radius:0 0 5px 5px;}
#container.login .login_wrap{background:url('/publishing/images/sub/img_login.png') no-repeat 100% 50px;background-size:59px 58px;}
#container.login h2{overflow:hidden;width:71px;height:15px;text-indent:-9999em;background:url('/publishing/images/common/h_logo.png') no-repeat 0 0;background-size:contain;}
#container.login h2 + *{font-size:32px;font-weight:500;color:#111;letter-spacing:-1.6px;line-height:45px;margin-top:10px;}
#container.login .desc{margin-bottom:42px;}
#container.login input[type="checkbox"] + label{font-size:12px;color:#999;letter-spacing:-0.6px;vertical-align:-1px;}
#container.login input[type="checkbox"]:checked + label{color:#333;}
#container.login .member_util{font-size:0;text-align:center;margin-top:25px;}
#container.login .member_util li{display:inline-block;position:relative;padding:0 10px;}
#container.login .member_util li a{display:block;font-size:13px;color:#666;letter-spacing:-0.6px;padding:0 5px;}
#container.login .member_util li + li{border-left:1px solid #dedede;}
#container.login + #footer{background-color:transparent;}
#container.login .inputBox{position:relative;}
#container.login .inputBox:before{display:block;position:absolute;top:17px;right:10px;width:15px;height:15px;background-repeat:no-repeat;background-position:0 0;background-size:contain;z-index:4;}
#container.login .inputBox.error input[type="text"]{z-index:2;}
#container.login .inputBox.error p{display:none;}
#container.login .inputBox.error:before{content:'';background-image:url('/publishing/images/sub/ico_warning.png');}
#container.login .inputBox.pass input{border-color:#333;z-index:3;}
#container.login .inputBox.pass:before{content:'';background-image:url('/publishing/images/sub/ico_passed.png');}

/* member > util(find) */
.member .member_wrap{flex:1;padding:0 15px 0;margin-bottom:32px;}
.member.util .member_wrap{margin-bottom:0;}
.member.util .member_wrap .tab_desc{font-size:20px;color:#333;line-height:29px;letter-spacing:-1px;padding:30px 0 0;margin-bottom:15px;background:url('/publishing/images/sub/bg_find.png') no-repeat 0 0;background-size:auto 30px;}
.member.util .member_wrap .tab_desc:before{display:none;}
.member.util .result_text{text-align:center;padding:25px 15px 0;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.member.util .result_text .member_util{padding:12px 0;margin-top:0;border-top:1px solid #ddd;}
.member.util .result_id{font-size:19px;font-weight:700;line-height:21px;letter-spacing:-1px;margin-bottom:20px;}

/* member > join */
.tab_choice{width:calc(100% + 30px);margin-left:-15px;margin-bottom:30px;background:#f5f5f5;}
.tab_choice .title,
.tab_choice .title *{transition:all 0ms linear;}
.tab_choice .title{display:flex;}
.tab_choice .title p{flex:1;position:relative;}
.tab_choice .title p label{display:block;width:100%;height:50px;font-size:14px;font-weight:500;color:#111;text-align:center;line-height:50px;}
.tab_choice .title p input[type="radio"]{position:absolute;top:0;left:0;}
.tab_choice .title p input[type="radio"]:checked + label{font-weight:700;border-bottom:6px solid #2a3555;}
.tab_choice .tab_desc{padding:15px 15px 5px;}
.tab_desc{font-size:12px;color:#999;letter-spacing:-0.6px;padding:5px 15px;background:#f5f5f5;}
.tab_desc:before{display:inline-block;content:'';width:16px;height:14px;margin-right:5px;background:url('/publishing/images/sub/bul_bubble_gray.png') no-repeat 0 0;background-size:contain;vertical-align:-2px;}
.tab_desc strong{color:#333;vertical-align:0;}
.smallCheck.bottom{position:relative;padding:15px 0 10px;margin-top:25px;border-top:1px solid #333;}
.smallCheck.bottom:after{display:block;content:'';clear:both;}
.smallCheck.bottom span{display:block;position:relative;float:right;}
.smallCheck.bottom span:after{display:block;content:'';position:absolute;top:calc(50% - 4px);right:0;width:6px;height:8px;background:url('/publishing/images/sub/bul_reclass_left.png') no-repeat 0 0;background-size:contain;opacity:0.7;}
.smallCheck.bottom span a{display:block;font-size:13px;color:#666;letter-spacing:-0.6px;line-height:24px;padding-right:10px;}

/* member > modify */
.modify .tab_choice{width:100%;margin-top:15px;margin-left:0;margin-bottom:25px;}
.modify .tab_choice .tab_desc{padding:7px 15px;}
.modify .tab_choice .tab_desc b{font-weight:500;color:#333;vertical-align:0;}
.modify .tab_choice .tab_desc:before{vertical-align:-3px;}
.member.modify .inputBox{margin-top:60px;}
.member.modify .inputBox ~ div{margin-top:45px;}
.member.modify .inputBox strong{display:block;position:absolute;top:-25px;left:0;font-size:13px;font-weight:700;line-height:20px;letter-spacing:-0.6px;}
.member.modify .member_wrap .inner_info{display:flex;}
.member.modify .member_wrap .inner_info dl{flex:1;}
.member.modify .member_wrap .inner_info dl dt{font-size:13px;font-weight:700;line-height:20px;letter-spacing:-0.6px;}
.member.modify .member_wrap .inner_info dl dd{font-size:15px;line-height:21px;letter-spacing:-0.7;word-break:break-all;margin-top:8px;}

/* customers */
.customers_wrap{padding:15px;}
.customers_wrap .tab_desc{font-size:12px;color:#999;letter-spacing:-0.6px;padding:7px 15px;background:#f5f5f5;}
.customers_wrap .tab_desc:before{display:inline-block;content:'';width:16px;height:14px;margin-right:5px;background:url('/publishing/images/sub/bul_bubble_gray.png') no-repeat 0 0;background-size:contain;vertical-align:-2px;}
.customers_wrap .center_tit{text-align:center;padding:25px 25px 0;margin-top:25px;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.customers_wrap .center_tit:before{display:block;content:'';width:20px;height:20px;margin:0 auto 6px;background:url('/publishing/images/sub/ico_customer.png') no-repeat 0 0;background-size:contain;}
.customers_wrap .center_tit .telBox{font-size:30px;font-weight:700;line-height:32px;letter-spacing:-1.5px;}
.customers_wrap .center_tit .telBox a{color:#2a3555;}
.customers_wrap .center_tit .icon{font-size:38px;color:#622700;letter-spacing:-0.05em;line-height:70px;}
.customers_wrap .center_tit .icon i{display:inline-block;width:70px;height:70px;color:#ffb33d;text-align:center;line-height:70px;background:rgba(98,39,0,0.5);border-radius:100%;}
.customers_wrap .center_tit ul{padding:20px 0;margin-top:12px;border-top:1px solid #ddd;}
.customers_wrap .center_tit ul li{font-size:14px;font-weight:400;color:#666;text-align:right;line-height:20px;letter-spacing:-0.7px;}
.customers_wrap .center_tit ul li + li{margin-top:5px;}
.customers_wrap .center_tit ul li span{display:block;float:left;}
.customers_wrap .center_tit ul li.point,
.customers_wrap .center_tit ul li.point span{font-weight:700;color:#2a3555;}
.customers_wrap .faq_list{margin-top:40px;}
.customers_wrap .faq_list > ul{width:calc(100% + 30px);margin-left:-15px;}

/* customers > faq */
.faq_list p{transition:all 0ms linear;}
.faq_list > strong{display:block;font-size:20px;font-weight:500;line-height:30px;letter-spacing:-1px;}
.faq_list > ul{margin-top:15px;border-bottom:1px solid #ddd;}
.faq_list > ul li{border-top:1px solid #ddd;}
.faq_list > ul li.active{background:#f5f5f5;}
.faq_list > ul li a{display:block;position:relative;width:100%;font-size:14px;color:#666;line-height:20px;letter-spacing:-0.7px;padding:15px 30px 15px 15px;}
.faq_list > ul li a:after{display:block;content:'';position:absolute;top:19px;right:15px;width:8px;height:13px;background:url('/publishing/images/sub/bul_reclass_left.png') no-repeat 0 0;background-size:contain;transform:rotate(90deg);}
.faq_list > ul li.active a{font-weight:700;color:#333;}
.faq_list > ul li.active a:after{transform:rotate(-90deg);}
.faq_list > ul li p{display:none;width:calc(100% - 30px);font-size:14px;line-height:20px;color:#666;letter-spacing:-0.7px;padding:15px 0 25px;margin:0 auto;border-top:1px solid #ddd;}

/* choice card */
.swipe_card{position:absolute;top:165px;left:0;width:100%;}
.swipe_card.ios{transition:all 0ms linear;}
.swipe_card .swiper-slide{height:348px;}
.swipe_card .swiper-slide .card{position:absolute;top:0;left:calc(50% - 125px);transform:scale(0.7);opacity:0.5;z-index:1;}
.swipe_card .swiper-slide.swiper-slide-active{z-index:3;}
.swipe_card .swiper-slide.swiper-slide-active .card{transform:scale(1);opacity:1;z-index:3;}
.swipe_card .swiper-slide.swiper-slide-next{z-index:0;}
.swipe_card .card{position:relative;width:250px;height:348px;padding:30px 15px;border-radius:10px;box-shadow:7px 5px 40px rgba(0,0,0,0.5);}
.swipe_card .card span{display:block;font-size:14px;font-weight:400;color:#fff;line-height:32px;letter-spacing:-0.3px;opacity:0.5;}
.swipe_card .card strong{font-size:36px;font-family:'GmarketSansBold';color:#fff;line-height:32px;letter-spacing:-0.7px;}
.swipe_card .card label{display:block;position:absolute;top:170px;left:calc(50% - 40px);width:80px;height:80px;font-size:0;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:21px auto;border-radius:100%;opacity:0.3;}
.swipe_card .card input[type="checkbox"],
.swipe_card .card input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;}
.swipe_card .card input[type="checkbox"]:checked + label,
.swipe_card .card input[type="radio"]:checked + label{opacity:1;}
.swipe_card .card > a{display:block;position:absolute;bottom:0;left:0;width:100%;height:50px;font-size:14px;font-weight:300;color:#fff;line-height:50px;padding:0 17px;}
.swipe_card .card > a:after,
.swipe_card .card > a:before{display:block;content:'';position:absolute;}
.swipe_card .card > a:before{top:0;left:16px;width:calc(100% - 32px);height:1px;background:rgba(255,255,255,0.3);}
.swipe_card .card > a:after{top:calc(50% - 10px);right:16px;width:16px;height:16px;background:url('/publishing/images/sub/ico_arrow_link.png') no-repeat 56% 50%;background-size:7px auto;border:1px solid #fff;border-radius:100%;}
.swipe_card .card .labelBox{position:absolute;top:200px;left:0;width:100%;text-align:center;}
.swipe_card .card .labelBox label:first-of-type{background-image:url('/publishing/images/sub/bul_ex_yellow.png');background-size:18px auto;}
.swipe_card .card .labelBox label{display:inline-block;position:static;width:70px;height:70px;margin:0 10px;}

/* color > trength */
.strength .step_gage span{background:#e5467a;}
.strength .step_detail p{color:#e5467a;}
.strength .circleGage .count i{color:#e5467a;}
.strength .head_desc strong span:before{background:#e5467a;}
.strength .step_detail p:before{background-image:url('/publishing/images/sub/bul_bubble_pink.png');}
.strength .swipe_card .card{background:#e5467a;border:1px solid #d82560;}
.strength .swipe_card .card label{background-image:url('/publishing/images/sub/bul_check_pink.png');}

/* color > value */
.value .step_gage span{background:#3e3ad1;}
.value .step_detail p{color:#3e3ad1;}
.value .circleGage .count i{color:#3e3ad1;}
.value .head_desc strong span:before{background:#3e3ad1;}
.value .step_detail p:before{background-image:url('/publishing/images/sub/bul_bubble_blue.png');}
.value .swipe_card .card{background:#e5467a;border:1px solid #d82560;}
.value .swipe_card .card label{background-image:url('/publishing/images/sub/bul_check_pink.png');}

/* color > interest */
.interest .step_gage span{background:#f5c42c;}
.interest .step_detail p{color:#d7a711;background:#fff;border-radius:5px;border:1px solid #ddd;}
.interest .circleGage .count i{color:#f5c42c;}
.interest .head_desc strong span:before{background:#f5c42c;}
.interest .step_detail p:before{background-image:url('/publishing/images/sub/bul_bubble_yellow.png');}
.interest .swipe_card .card{background:#f5c42c;border:1px solid #d8a925;}
.interest .swipe_card .card label{background-image:url('/publishing/images/sub/bul_check_yellow.png');}
.interest .swipe_card .card strong{font-size:28px;line-height:32px;}
.interest .swipe_card .card em{display:block;font-size:12px;color:#fff;line-height:18px;opacity:0.7;}
.interest .sortBtn{display:block;position:absolute;top:100px;right:15px;width:80px;height:28px;font-size:11px;color:#fff;text-align:center;letter-spacing:-0.05em;line-height:29px;background:#666;border-radius:5px;box-shadow:4px 8px 20px rgba(0,0,0,0.16);}

.head_desc{padding:15px;}
.head_desc strong{display:block;font-size:20px;font-weight:500;color:#111;letter-spacing:-1px;}
.head_desc strong span{display:inline-block;position:relative;}
.head_desc strong span:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;opacity:0.3;}
.head_desc strong + *{margin-top:10px;}
.head_desc p{font-size:14px;color:#666;letter-spacing:-0.7px;line-height:21px;}

.input_code{padding:75px 30px 30px;background:url('/publishing/images/sub/bg_code.png') no-repeat 30px 30px;background-size:auto 30px;}
.input_code > strong{font-size:32px;font-weight:500;color:#111;line-height:45px;letter-spacing:-1.6px;}
.input_code > strong + *{margin-top:12px;}
.input_code .desc{font-size:14px;color:#666;line-height:21px;letter-spacing:-0.7px;}
.input_code .desc *{display:block;}
.input_code .desc span{font-size:12px;color:#999;}
.input_code .innerInput{margin-top:50px;}
.input_code .innerInput > p{font-size:12px;margin-top:7px;}
.input_code .innerInput > p.error{color:#e22727;letter-spacing:-0.6px;}
.input_code .innerInput > p.error:before{display:inline-block;content:'';width:15px;height:15px;margin-right:3px;background:url('/publishing/images/sub/ico_warning.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}

.step_gage{background:#d2d2d2;}
.step_gage span{display:block;height:4px;}

.input_layer .input_box{width:calc(100% - 60px);text-align:center;padding:10px 25px 25px;margin:20px auto 40px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:5px 5px 0 rgba(0,0,0,0.05);}
.input_layer .input_box em{display:block;font-size:18px;font-weight:500;color:#444;line-height:50px;}
.input_layer .input_box .inner input{text-align:center;padding-left:0;}
.input_layer .input_box .inner + p{font-size:12px;color:#888;text-align:left;margin-top:10px;}
.input_layer .input_box .inner + p.error{color:red;}

.step_detail{margin-top:10px;}
.step_detail p{width:calc(100% - 30px);height:32px;font-size:12px;text-align:center;letter-spacing:-0.6px;line-height:32px;margin-left:15px;background:#f5f5f5;}
.step_detail p:before{display:inline-block;content:'';width:16px;height:14px;margin-right:5px;background-repeat:no-repeat;background-position:0 0;background-size:contain;vertical-align:-3px;}
.step_detail ol{font-size:0;padding:0 0 0 15px;margin-top:10px;}
.step_detail ol li{display:inline-block;position:relative;width:calc(100% / 3 - 15px);height:100px;font-size:14px;font-weight:500;line-height:18px;padding-top:45px;margin:15px 15px 0 0;border-bottom:1px solid #aaa;}
.step_detail ol li:last-of-type{background:url('/publishing/images/sub/bg_step_end.png') no-repeat 100% 17px;background-size:11px auto;}
.step_detail ol li:after{display:block;content:'';position:absolute;bottom:-2px;right:0;width:8px;height:8px;background-image:url('/publishing/images/sub/bul_step_ing.png');background-repeat:no-repeat;background-position:0 0;background-size:8px auto;}
.step_detail ol li:last-of-type:after{bottom:-4px;background-image:url('/publishing/images/sub/bul_step_end.png');}
.step_detail ol li:before{display:inline-block;content:'1';position:absolute;top:10px;left:0;font-family:'GmarketSansBold';font-size:30px;color:#dedede;line-height:35px;}
.step_detail ol li:nth-child(1):before{content:'1';}
.step_detail ol li:nth-child(2):before{content:'2';}
.step_detail ol li:nth-child(3):before{content:'3';}
.step_detail ol li:nth-child(4):before{content:'4';}
.step_detail ol li:nth-child(5):before{content:'5';}
.step_detail ol li:nth-child(6):before{content:'6';}
.step_detail ol + *{margin-top:10px;}
.step_detail .quDesc{text-align:right;font-size:12px;color:#999;line-height:20px;letter-spacing:-0.6px;padding:0 15px;}
.step_detail .quDesc a{display:inline-block;overflow:hidden;width:15px;height:15px;text-indent:-9999em;line-height:100px;background:url('/publishing/images/sub/btn_qna_desc.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}

.btn_area{display:flex;padding:0 15px;margin-top:20px;}
.btn_area.full{padding:0;margin-top:40px;}
.btn_area.bottom{position:fixed;bottom:50px;left:0;width:100%;}
.btn_area > *{flex:1;height:50px;font-size:15px;color:#fff;text-align:center;line-height:50px;background:#333;border:1px solid #333;border-radius:5px;}
.btn_area > * + *{margin-left:10px;}
.btn_area > *.link{color:#333;background:#fff;}

.payBtn_box{display:flex;margin-top:5px;}
.payBtn_box > *{flex:1;margin:0 !important}

/* payment */
.util_layout{padding:15px 15px 45px;}
.util_layout .cont_box + .cont_box{margin-top:40px;}
.util_layout .page_title{padding-bottom:25px;}
.util_layout .page_title .sub_desc + h4,
.util_layout .page_title h4 + .sub_desc{margin-top:10px;}
.util_layout .page_title h4{font-size:20px;line-height:29px;color:#111;letter-spacing:-1px;}
.util_layout .page_title .sub_desc{font-size:14px;color:#666;line-height:20px;letter-spacing:-0.7px;}
.util_layout .page_title .sub_desc em{font-weight:700;color:#e22727;}
.util_layout .main_box{padding:25px;background:#fff;border-radius:10px;box-shadow:5px 4px 20px rgba(0,0,0,0.16);}
.util_layout .main_box + .box_desc{margin-top:10px;}
.util_layout .main_box + .more_btn{margin:40px 0 20px;}
.util_layout .main_box .box_top{text-align:center;}
.util_layout .main_box .box_top i{display:block;margin:0 auto;background-repeat:no-repeat;background-position:0 0;background-size:contain;}
.util_layout .main_box .box_top i.info_icon{width:27px;height:19px;background-image:url('/publishing/images/sub/ico_payment_info.png');}
.util_layout .main_box .box_top i.check_icon{width:20px;height:20px;background-image:url('/publishing/images/sub/ico_check_round.png');}
.util_layout .main_box .box_top i.free_icon{width:27px;height:19px;background-image:url('/publishing/images/sub/ico_free_coupon.png');}
.util_layout .main_box .box_top i ~ *{display:block;}
.util_layout .main_box .box_top em{font-size:14px;line-height:20px;letter-spacing:-0.7px;margin-top:6px;}
.util_layout .main_box .box_top em.point{font-size:16px;font-weight:500;line-height:23px;letter-spacing:-0.8px;}
.util_layout .main_box .box_top em.point span{display:inline-block;position:relative;z-index:1;}
.util_layout .main_box .box_top em.point span:before{display:block;content:'';position:absolute;bottom:3px;left:0;width:100%;height:7px;background:#ccd3e6;z-index:-1;}
.util_layout .main_box .box_top strong{font-size:30px;font-weight:700;line-height:35px;letter-spacing:-1.5px;margin-top:5px;}
.util_layout .main_box .box_top p{font-size:12px;color:#999;line-height:18px;letter-spacing:-0.6px;margin-top:1px;}
.util_layout .main_box .box_top p span{font-weight:700;color:#111;}
.util_layout .main_box .main_list{padding-top:20px;margin-top:12px;border-top:1px solid #ddd;}
.util_layout .main_box .main_list li{position:relative;font-size:14px;color:#666;line-height:20px;letter-spacing:-0.7px;padding-left:8px;}
.util_layout .main_box .main_list li:before{display:block;content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#d2d2d2;border-radius:100%;}
.util_layout .main_box .main_list li + li{margin-top:5px;}
.util_layout .main_group{margin-top:25px;}
.util_layout .main_group .main_box{position:relative;padding-top:15px;padding-bottom:15px;margin-top:5px;}
.util_layout .main_group .main_box ~ div{margin-top:15px;}
.util_layout .box_detail .util_number .util{display:flex;overflow:hidden;border:1px solid #dedede;border-radius:5px;}
.util_layout .box_detail .util_number .util button{overflow:hidden;width:50px;height:50px;text-indent:-9999em;background-color:#f5f5f5;background-repeat:no-repeat;background-position:50% 50%;background-size:13px 13px;}
.util_layout .box_detail .util_number .util button:first-of-type{background-image:url('/publishing/images/sub/btn_util_minus.png');border-right:1px solid #dedede;}
.util_layout .box_detail .util_number .util button:last-of-type{background-image:url('/publishing/images/sub/btn_util_plus.png');border-left:1px solid #dedede;}
.util_layout .box_detail .util_number .util input{flex:1;font-size:15px;color:#333;text-align:center;letter-spacing:-0.7px;border:0 none;border-radius:0 0 0 0;}
.util_layout .box_detail .util_number .number{text-align:right;margin-top:5px;}
.util_layout .box_detail .util_number .number > *{vertical-align:middle;}
.util_layout .box_detail .util_number .number strong{font-size:16px;font-weight:700;letter-spacing:-0.8px;}
.util_layout .box_detail .util_number .number span{font-size:13px;letter-spacing:-0.7px;}
.util_layout .box_detail .util_number .number a{display:inline-block;width:20px;height:20px;font-size:0;text-indent:-9999em;margin-left:3px;background:#d2d2d2 url('/publishing/images/sub/ico_ex.png') no-repeat 50% 50%;background-size:8px 8px;border-radius:100%;}
.util_layout .box_detail .pay_result{padding:15px 0 10px;margin-top:25px;border-top:1px solid #333;}
.util_layout .box_detail .pay_result .pay_result_top:after{display:block;content:'';clear:both;}
.util_layout .box_detail .pay_result .pay_result_top em{float:left;font-size:13px;color:#e22727;line-height:19px;letter-spacing:-0.6px;}
.util_layout .box_detail .pay_result .pay_result_top span{float:right;font-size:13px;color:#666;line-height:19px;letter-spacing:-0.6px;}
.util_layout .box_detail .pay_result .pay_result_count{font-size:14px;color:#333;text-align:right;letter-spacing:-0.7px;margin-top:5px;}
.util_layout .box_detail .pay_result .pay_result_count strong{font-size:29px;font-weight:700;letter-spacing:-1.4px;vertical-align:-2px;margin-right:3px;}
.util_layout .pay_list{margin-top:-10px;}
.util_layout .pay_list ul{width:calc(100% + 10px);font-size:0;margin-left:-5px;}
.util_layout .pay_list ul li{display:inline-block;width:calc(50% - 10px);margin:5px;}
.util_layout .pay_list ul li a{display:block;width:100%;height:50px;font-size:15px;font-weight:500;color:#666;text-align:center;line-height:50px;border:1px solid #dedede;border-radius:5px;}
.util_layout .pay_list ul li.active a{font-weight:700;border-color:#333;}
.util_layout .pay_list ul li a:before{display:inline-block;content:'';height:22px;margin-right:5px;background-repeat:no-repeat;background-position:0 0;background-size:contain;vertical-align:-6px;opacity:0.6;}
.util_layout .pay_list ul li.active a:before{opacity:1;}
.util_layout .pay_list ul li:nth-child(1) a:before{width:20px;background-image:url('/publishing/images/sub/ico_pay_creditcard.png');}
.util_layout .pay_list ul li:nth-child(2) a:before{width:20px;background-image:url('/publishing/images/sub/ico_pay_mobile.png');}
.util_layout .pay_list ul li:nth-child(3) a:before{width:46px;background-image:url('/publishing/images/sub/ico_pay_kpay.png');}
.util_layout .pay_list ul li:nth-child(4) a:before{width:25px;height:16px;background:#666;border-radius:3px;vertical-align:-2px;}
.util_layout .tab_choice{margin-top:-15px;}

/* payment > complete */
.payment_cell .paycell_detail{padding:20px 0;margin-top:5px;}
.payment_cell .paycell_detail dl{display:flex;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-0.7px;}
.payment_cell .paycell_detail dl + dl{margin-top:5px;}
.payment_cell .paycell_detail dl dt{flex:none;color:#666;}
.payment_cell .paycell_detail dl dd{flex:1;text-align:right;color:#333;}
.payment_cell .paycell_result{padding-top:15px;border-top:1px solid #333;}
.payment_cell .paycell_result dl{display:flex;font-size:13px;font-weight:700;line-height:20px;letter-spacing:-0.7px;}
.payment_cell .paycell_result dl dd{flex:1;font-size:16px;text-align:right;}
.payment_cell .paycell_result dl dd span{font-size:13px;font-weight:500;}

/* payment > history */
.util_layout .main_box .dl_group{display:flex;}
.util_layout .main_box .dl_group dl{flex:1;font-size:14px;text-align:center;line-height:20px;letter-spacing:-0.7px;}
.util_layout .main_box .dl_group dl dt{color:#666;}
.util_layout .main_box .dl_group dl dd{font-weight:700;color:#333;margin-top:10px;}
.util_layout .main_box .dl_group dl dd .status_icon{width:50px;height:24px;font-size:14px;text-align:center;line-height:24px;letter-spacing:-0.7px;margin:-3px auto 0;border-width:1px;border-style:solid;border-radius:12px;}
.util_layout .main_box .dl_group dl dd .status_icon.wait{color:#e22727;border-color:#e22727;}
.util_layout .main_box .dl_group dl dd .status_icon.cancel{color:#666;background:#f5f5f5;border-color:#f5f5f5;}
.util_layout .main_box .dl_group dl dd .status_icon.complete{color:#509133;border-color:#509133;}
.util_layout .main_box .dl_group dl dd .status_icon.free{color:#189ccf;border-color:#189ccf;}
.util_layout .main_box .bottom_group{font-size:0;text-align:right;padding-top:12px;margin-top:12px;border-top:1px solid #ddd;}
.util_layout .main_box .bottom_group li{display:inline-block;font-size:13px;color:#999;line-height:19px;letter-spacing:-0.6px;}
.util_layout .main_box .bottom_group li + li{position:relative;padding-left:15px;margin-left:15px;}
.util_layout .main_box .bottom_group li + li:before{display:block;content:'';position:absolute;top:calc(50% - 5px);left:0;width:1px;height:10px;background:#dedede;}
.util_layout .main_box .bottom_group li a{display:block;color:#666;padding-right:10px;background:url('/publishing/images/sub/bul_link.png') no-repeat 100% 50%;background-size:6px 8px;}

/* desc */
.base_desc{position:relative;font-size:12px;color:#999;line-height:18px;letter-spacing:-0.6px;}
.base_desc:before{display:inline-block;content:'';width:15px;height:15px;margin-right:5px;background:url('/publishing/images/sub/ico_desc_base.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}
.box_desc{position:relative;font-size:12px;color:#254295;line-height:18px;letter-spacing:-0.6px;}
.box_desc:before{display:inline-block;content:'';width:15px;height:15px;margin-right:5px;background:url('/publishing/images/sub/ico_desc.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}
.warn_desc{position:relative;font-size:12px;color:#e22727;line-height:18px;letter-spacing:-0.6px;}
.warn_desc:before{display:inline-block;content:'';width:15px;height:15px;margin-right:5px;background:url('/publishing/images/sub/ico_warning.png') no-repeat 0 0;background-size:contain;vertical-align:-3px;}
.qu_desc{font-size:12px;color:#999;text-align:center;line-height:18px;letter-spacing:-0.6px;margin:25px 0;}
.qu_desc strong{color:#666;}
.text_desc{font-size:12px;color:#999;text-align:center;letter-spacing:-0.6px;}
.title_desc{font-size:14px;color:#666;line-height:20px;letter-spacing:-0.6px;}
.title_desc em{font-weight:700;color:#e22727;}

/* report > gate */
.regate_block{padding:10px 0;}
.regate_block .head{position:relative;height:85px;border-bottom:1px solid #ddd;}
.regate_block .head em{display:block;position:absolute;top:0;right:0;font-size:16px;line-height:20px;letter-spacing:-0.8px;z-index:1;}
.regate_block .head em:before{display:block;content:'';position:absolute;bottom:2px;left:0;width:100%;height:7px;background:#ccd3e6;z-index:-1;}
.regate_block .head em span{font-weight:700;margin-left:5px;}
.regate_block .head .date{position:absolute;top:8px;left:0;}
.regate_block .head .date span{display:block;font-size:13px;color:#666;letter-spacing:-0.6px;margin-bottom:15px;}
.regate_block .head .date strong{font-size:16px;color:#333;line-height:19px;letter-spacing:-0.8px;}
.regate_block .head > strong{display:block;position:absolute;top:25px;left:0;font-size:14px;font-weight:400;color:#999;letter-spacing:-0.7px;line-height:20px;}
.regate_block .head a{display:block;position:absolute;bottom:12px;right:0;width:115px;height:28px;font-size:13px;color:#999;text-align:center;line-height:28px;letter-spacing:-0.6px;background:#f5f5f5;border-radius:3px;}
.regate_block .head a.active{color:#fff;background:#2a3555;}
.regate_block .body{padding-top:20px;}
.regate_block .body li{display:flex;}
.regate_block .body li + li{margin-top:10px;}
.regate_block .body li span{flex:1;font-size:14px;color:#666;letter-spacing:-0.7px;line-height:28px;}
.regate_block .body li a{flex:none;display:block;position:relative;width:115px;height:28px;font-size:13px;color:#999;text-align:center;line-height:28px;letter-spacing:-0.6px;background:#f5f5f5;border-radius:3px;}
.regate_block .body li a:after{display:block;content:'';position:absolute;top:calc(50% - 4px);right:7px;width:6px;height:8px;background:url('/publishing/images/sub/bul_link.png') no-repeat 0 0;background-size:contain;}
.regate_block .body li a.active{color:#fff;background:#2a3555;}
.regate_block .body li a.active:after{top:calc(50% - 3px);width:8px;height:6px;background:url('/publishing/images/sub/ico_check_white.png') no-repeat 0 0;background-size:contain;}

/* member > group */
.util_layout.group .page_title{padding-bottom:15px;}
.making_set li{display:flex;font-size:14px;line-height:20px;letter-spacing:-0.7px;}
.making_set li + li{margin-top:5px;}
.making_set li strong{flex:none;width:65px;font-weight:500;color:#666;}
.making_set li span{flex:1;font-weight:700;color:#333;}
.card_list{font-size:0;padding-top:20px;margin-top:12px;border-top:1px solid #ddd;}
.card_list li{display:inline-block;position:relative;width:50%;font-size:14px;color:#666;line-height:20px;letter-spacing:-0.7px;padding-left:8px;}
.card_list li:before{display:block;content:'';position:absolute;top:7px;left:0;width:3px;height:3px;background:#d2d2d2;border-radius:100%;}
.group .info_prd{width:calc(100% + 50px);margin-top:-25px;margin-left:-25px;margin-bottom:-25px;}
.group .info_prd ul li a{padding:67px 0 25px;background-position:50% 25px;}
.add_area .group_make{display:block;width:100%;height:48px;font-size:14px;line-height:48px;color:#333;text-align:center;border:1px solid #333;border-radius:5px;}
.add_area .group_make:after{display:inline-block;content:'';width:13px;height:13px;margin-left:5px;background:url('/publishing/images/sub/ico_add.png') no-repeat 0 0;background-size:100% 100%;vertical-align:-1px;}
.add_area .group_make_new{display:block;width:100%;height:48px;font-size:14px;line-height:48px;color:#999;text-align:center;border:1px dashed #999;border-radius:5px;}
.add_area .group_make_new:after{display:inline-block;content:'';width:13px;height:13px;margin-left:5px;background:url('/publishing/images/sub/ico_add_gray.png') no-repeat 0 0;background-size:100% 100%;vertical-align:-1px;}
.add_area .search_box{position:relative;}
.add_area .search_box input[type="text"]{padding-right:50px;border-width:2px;border-color:#2a3555;}
.add_area .search_box input[type="submit"]{overflow:hidden;position:absolute;top:0;right:0;width:50px;height:50px;font-size:0;text-indent:-9999em;background:url('/publishing/images/sub/btn_search.png') no-repeat 50% 50%;background-size:25px 25px;z-index:3;}
.group .input_etc{position:relative;}
.group .input_etc p{display:none;font-size:12px;color:#888;line-height:15px;margin-top:9px;}
.group .input_etc:before{display:block;position:absolute;top:17px;right:10px;width:15px;height:15px;background-repeat:no-repeat;background-position:0 0;background-size:contain;z-index:2;}
.group .input_etc.error:before{content:'';background-image:url('/publishing/images/sub/ico_warning.png');}
.group .input_etc.error p{display:block;color:#ff4800;}
.main_status{padding:10px 0;}
.main_status .group_detail{display:block;position:absolute;top:60px;right:0;width:60px;height:calc(100% - 60px);}
.main_status .head{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ddd;}
.main_status .head strong{position:relative;font-size:14px;color:#333;line-height:25px;letter-spacing:-0.7px;padding-right:10px;background:url('/publishing/images/sub/bg_main_status.png') no-repeat 100% 50%;background-size:2px auto;}
.main_status .head strong .deep_menu{display:none;position:absolute;top:0;right:-75px;width:80px;font-size:14px;color:#444;text-align:center;padding:15px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 5px 20px rgba(0,0,0,0.1);z-index:99}
.main_status .head strong .deep_menu a{display:block;line-height:30px;}
.main_status .head .status span{display:block;position:relative;height:25px;line-height:25px;}
.main_status .head .status span.end{width:50px;font-size:14px;color:#999;text-align:center;letter-spacing:-0.7px;background:#f5f5f5;border-radius:12.5px;}
.main_status .head .status span.stat01{font-size:13px;color:#254295;padding-left:38px;}
.main_status .head .status span.stat01:after,
.main_status .head .status span.stat01:before{display:block;content:'';position:absolute;}
.main_status .head .status span.stat01:before{top:calc(50% - 5px);left:0;width:30px;height:8px;background:#fff;border:1px solid #254295;border-radius:5px;}
.main_status .head .status span.stat01:after{top:calc(50% - 9px);left:14px;width:18px;height:18px;background:#254295;border-radius:100%;}
.main_status .head .status span.stat02{font-size:13px;color:#999;padding-left:38px;}
.main_status .head .status span.stat02:after,
.main_status .head .status span.stat02:before{display:block;content:'';position:absolute;}
.main_status .head .status span.stat02:before{top:calc(50% - 5px);left:0;width:30px;height:8px;background:#e2e2e2;border:1px solid #e2e2e2;border-radius:5px;}
.main_status .head .status span.stat02:after{top:calc(50% - 9px);left:0;width:18px;height:18px;background:#666;border-radius:100%;}
.main_status .body{margin-top:20px;background:url('/publishing/images/sub/bul_reclass_left.png') no-repeat 100% 50%;background-size:8px auto;}
.main_status .body li{display:flex;font-size:14px;line-height:20px;letter-spacing:-0.7px;}
.main_status .body li + li{margin-top:5px;}
.main_status .body li strong{flex:none;width:65px;font-weight:500;color:#666;}
.main_status .body li span{flex:1;width:65px;font-weight:700;color:#333;}
.main_status .body li span em{font-weight:700;color:#e22727;}
.main_status .body li span a{color:#000;border-bottom:2px solid #000;}
.main_status.null{font-size:14px;text-align:center;}

.group_info{display:flex;padding:10px 0;}
.group_info .head{flex:none;width:165px;font-size:14px;color:#666;line-height:20px;letter-spacing:-0.7px;border-right:1px solid #ddd;}
.group_info .head > strong{display:block;color:#333;}
.group_info .head > span{display:block;margin-top:10px;}
.group_info .head ul{margin-top:5px;}
.group_info .head ul li{display:flex;}
.group_info .head ul li + li{margin-top:5px;}
.group_info .head ul li strong{flex:none;width:65px;font-weight:400;}
.group_info .head ul li span{flex:1;font-weight:700;color:#333;}
.group_info .head ul li span.proceeding{color:#254295;}
.group_info .body{padding:15px 0 0 25px;}
.group_info .body p{position:relative;font-size:16px;font-weight:500;color:#333;line-height:23px;letter-spacing:-0.8px;z-index:2;}
.group_info .body p:before{display:block;content:'';position:absolute;bottom:3px;left:0;width:100%;height:7px;background:#ccd3e6;z-index:-1;}
.group_info .body p b{font-weight:700;margin-left:3px;}
.group_info .body > a{display:block;width:100%;max-width:100px;height:27px;font-size:13px;color:#999;text-align:center;line-height:27px;margin-top:20px;background:#f5f5f5;border-radius:3px;}
.group_info .body > a.active{color:#fff;background:#2a3555;}

/* reclass rank */
.reclass_rank{position:fixed;top:170px;left:0;width:100%;height:calc(100% - 280px);}
.reclass_rank ul{overflow-y:auto;position:relative;height:100%;padding:20px 15px 30px;}
.reclass_rank ul li + li{margin-top:5px;}
.reclass_rank ul li input{visibility:hidden;position:absolute;width:0;height:0;}
.reclass_rank ul li label{display:block;position:relative;width:100%;height:42px;font-family:'GmarketSansMedium';font-size:16px;color:#666;text-align:center;line-height:43px;border:1px solid #d2d2d2;border-radius:10px;box-shadow:2px 3px 10px rgba(0,0,0,0.15);}
.reclass_rank ul li label:after{display:block;content:'';position:absolute;top:calc(50% - 9px);right:15px;width:18px;height:18px;background-image:url('/publishing/images/sub/ico_check_gray.png');background-repeat:no-repeat;background-position:49% 52%;background-size:9px auto;border:1px solid #d2d2d2;border-radius:100%;}
.reclass_rank ul li input[type="checkbox"]:checked + label{font-size:16px;color:#fff;background:#f5c42c;border-color:#d8a925;}
.reclass_rank ul li input[type="checkbox"]:checked + label:after{background-image:url('/publishing/images/sub/ico_check_yellow.png');background-color:#fff;border-color:#fff;}

/* interest chart custom */
.result_report.interest .recon_detail .chart_area.doughnut canvas{transform:rotate(0);}

/* layer-popup */
.layer-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:40px 20px;background:rgba(0,0,0,0.7);z-index:9999;}
.layer-popup .layer-popup-detail{overflow-y:auto;position:fixed;top:40px;left:20px;width:calc(100% - 40px);height:calc(100% - 80px);padding:46px 16px;background:#fff;border-radius:8px;}
.layer-popup .layer-popup-detail h2{position:fixed;top:40px;left:20px;width:calc(100% - 40px);font-size:20px;line-height:30px;letter-spacing:-0.05em;padding:16px;background:#fff;border-radius:8px 8px 0 0}
.layer-popup .layer-popup-detail .closePop{display:block;overflow:hidden;position:fixed;top:56px;right:32px;width:30px;height:30px;font-size:0;text-indent:-9999em;z-index:1;}
.layer-popup .layer-popup-detail .closePop:before,
.layer-popup .layer-popup-detail .closePop:after{display:block;content:'';position:absolute;top:0;width:1px;height:30px;background:#222;}
.layer-popup .layer-popup-detail .closePop:after{left:14px;transform:rotate(45deg);}
.layer-popup .layer-popup-detail .closePop:before{left:14px;transform:rotate(-45deg);}
.layer-popup .layer-popup-detail .detail-cont{line-height:1.3;letter-spacing:-0.03em;margin-top:20px;}
.layer-popup .layer-popup-detail .detail-cont h3{font-size:17px;}
.layer-popup .layer-popup-detail .detail-cont > ul > li{font-size:15px;margin-top:10px;}
.layer-popup .layer-popup-detail .detail-cont > ul > li strong{display:block;}
.layer-popup .layer-popup-detail .detail-cont > ul > li strong + *{margin-top:5px;}
.layer-popup .layer-popup-detail .detail-cont > ul > li *{display:block;font-size:13px;}
.layer-popup .layer-popup-detail .detail-cont > ul > li > ul > li + li{margin-top:3px;}
.layer-popup .layer-popup-detail .detail-cont > ul > li > ul > li ul{padding-left:10px;}
.layer-popup .layer-popup-detail .pop-desc{font-size:13px;padding:10px;margin-top:30px;background:#f1f1f1;}
html.fixed{overflow:hidden;}