@charset "utf-8";

/*=======================================================
	.search-wrap .filter
=========================================================*/
.search-wrap .filter{}
.search-wrap .filter .field{display:block;}
.search-wrap .filter .field.search{position:relative;}
.search-wrap .filter .field.search .chk-input{width:100%}
.search-wrap .filter .field.search .chk-input input{background:#DFDFDF;border-color:transparent; padding:0 3.4vw;padding-right:9vw;height:9.6vw;font-size:2.8vw;}
.search-wrap .filter .field.search .chk-input input::placeholder{color:#212121}
.search-wrap .filter .field.search .enter{width:4.8vw;height:4.8vw; position:Absolute;right:2vw; top:50%; margin-top:-2.4vw;background:url(../img/sub/ico-search.svg) no-repeat center center ; background-size:100% auto;}

.search-wrap .filter .field.types{position:relative;margin-top:1.4vw; padding-right:6.4vw;}
.search-wrap .filter .field.types .chk-select{float:left; width:49%;}
.search-wrap .filter .field.types .chk-select:nth-child(2){float:right;}
.search-wrap .filter .field.types .chk-select select{font-size:2.8vw;height:9.6vw;padding:0 7vw 0 2vw; color:#212121;}
.search-wrap .filter .field.types .chk-select .arrow{right:1.6vw;}
.search-wrap .filter .field.types .close{width:4.8vw;height:4.8vw; position:Absolute;right:0; top:50%; margin-top:-2.4vw;background:url(../img/sub/filter-close.svg) no-repeat center center ; background-size:100% auto;}
@media only screen and (max-width:500px){
	.search-wrap .filter .field.search .chk-input input{height:48px; padding:0 17px;padding-right:45px;font-size:14px}
	.search-wrap .filter .field.search .enter{width:24px;height:24px;right:10px;  margin-top:-12px;}

	.search-wrap .filter .field.types .chk-select select{font-size:14px;height:48px ; padding:0 35px 0 10px;}
	.search-wrap .filter .field.types{margin-top:7px; padding-right:32px;}
	.search-wrap .filter .field.types .close{width:24px;height:24px;margin-top:-12px;}
}


/*=======================================================
	.search-wrap .list
=========================================================*/
.search-wrap .list{margin-top:8vw}
.search-wrap .list .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:2.8vw;}
.search-wrap .list .total span{color:#BD0738;}
.search-wrap .list ul{}
.search-wrap .list li{position:relative;}
.search-wrap .list li:nth-child(n+2){margin-top:5.6vw;}
.search-wrap .list li a{display:block;}
.search-wrap .list li .img{position:relative;z-index:12;}
.search-wrap .list li .img img{width:100%;height:28.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.search-wrap .list li .img .vimg{overflow:hidden;}
.search-wrap .list li .img .vcate{position:absolute; left:0; top:0; background:#212121; padding:0 2vw; line-height:6vw; font-size:2.4vw; color:#fff; font-weight:400; }

.search-wrap .list li .txt{padding:0 1.6vw; margin-top:4.8vw; position:relative;}
.search-wrap .list li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; padding-right:20vw;}
.search-wrap .list li .txt .stxt{margin-top:1vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.search-wrap .list li .txt .ctxt{position:Absolute;right:1.6vw; font-size:3vw;color:#fff;width:9.6vw;height:9.6vw;top:0;display:flex;align-items: center; justify-content: center; text-align:center;border-radius:100%; background:#212121;}
.search-wrap .list li .txt .ctxt span{font-family: 'Montserrat';}

.search-wrap .list li .anth{margin-top:3.2vw;position:relative;box-sizing:border-box; padding:2.6vw 20vw 2.6vw 3.2vw;border-top:1px solid #B5B5B5; border-bottom:1px solid #B5B5B5}
.search-wrap .list li .anth ul{margin:-1vw; min-height:7vw;}
.search-wrap .list li .anth ul:after{display:block;content:"";clear:both;}
.search-wrap .list li .anth li{margin:1vw; float:left;}
.search-wrap .list li .anth li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.search-wrap .list li .anth li:nth-child(n+2){margin:1vw;}
.search-wrap .list li .count{position:absolute; right:0; top:0; width:20vw; height:100%; border-left:1px solid #B5B5B5; display:flex;align-items: center; justify-content: center;}
.search-wrap .list li .count:after{display:block; content:"";clear:both}
.search-wrap .list li .count .vc{width:100%; box-sizing:border-box; padding:0 4vw;}
.search-wrap .list li .count p{padding-left:5.2vw;color:#525252; font-size:2.4vw; line-height:5.2vw; font-family:"Roboto";background-size:4.8vw auto !important}
.search-wrap .list li .count .view{background:url(../img/main/ico-view.svg) no-repeat left -0.4vw; }
.search-wrap .list li .count .comment{background:url(../img/main/ico-comment.svg) no-repeat left -0.4vw; }
.search-wrap .list li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }

.search-wrap .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
@media only screen and (max-width:500px){
	.search-wrap .list{margin-top:40px}
	.search-wrap .list .total{font-size:14px; line-height:22px; margin-bottom:14px;}
	.search-wrap .list li:nth-child(n+2){margin-top:28px;}
	.search-wrap .list li .img{}
	.search-wrap .list li .img img{height:143px;}
	.search-wrap .list li .img .vcate{line-height:30px; padding:0 10px; font-size:12px;}

	.search-wrap .list li .txt{padding:0 8px; margin-top:24px;}
	.search-wrap .list li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px; padding-right:100px; }
	.search-wrap .list li .txt .stxt{margin-top:5px;font-size:14px; line-height:22px;}
	.search-wrap .list li .txt .ctxt{right:8px; width:48px;height:48px;font-size:15px;}

	.search-wrap .list li .anth{margin-top:16px;padding:13px 100px 13px 16px;}
	.search-wrap .list li .anth ul{margin:-5px; min-height:35px;}
	.search-wrap .list li .anth li{margin:5px;}
	.search-wrap .list li .anth li:nth-child(n+2){margin:5px;}
	.search-wrap .list li .anth li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}

	.search-wrap .list li .count{width:100px;}
	.search-wrap .list li .count p{padding-left:26px; font-size:12px;line-height:26px;background-size:24px auto !important}
	.search-wrap .list li .count .view{background-position:left -2px}
	.search-wrap .list li .count .comment{background-position:left -2px}
	.search-wrap .list li .count .like{background-position:left -2px}
}


/*=======================================================
	.member-wrap.login
=========================================================*/
.member-wrap.login{padding-top:11.2vw;}
.member-wrap.login h2{height:9.6vw;background:url(../img/content/login-logo.svg) no-repeat center center; background-size:21vw auto}
.member-wrap.login .entry{margin-top:8.6vw;}
.member-wrap.login .entry li{position:relative}
.member-wrap.login .entry li.focused, .member-wrap.login .entry li.active{z-index:2;}
.member-wrap.login .entry li:nth-child(n+2){margin-top:-1px;}
.member-wrap.login .entry .chk-input{width:100%;}
.member-wrap.login .entry .chk-input input{}
.member-wrap.login .save{margin-top:2vw;}
.member-wrap.login .login-btn{margin-top:5vw;line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.member-wrap.login{padding-top:56px;}
	.member-wrap.login h2{height:48px;background-size:105px auto}
	.member-wrap.login .entry{margin-top:43px;}
	.member-wrap.login .entry .chk-input input{}
	.member-wrap.login .save{margin-top:10px;}
	.member-wrap.login .login-btn{margin-top:25px;line-height:60px; font-size:16px;}
}


.member-wrap.login .other{margin-top:2.8vw;}
.member-wrap.login .other ul{line-height:5.2vw;text-align:center; font-size:0;}
.member-wrap.login .other li{display:inline-block;vertical-align:top;line-height:5.2vw;}
.member-wrap.login .other li:nth-child(n+2){margin-left:6vw; position:relative;}
.member-wrap.login .other li:nth-child(n+2):before{background:#b5b5b5; width:1px;height:10px; top:50%; left:-3vw; position:absolute; display:block; content:""; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.member-wrap.login .other li a{display:block; line-height:26px;color:#525252; font-size:2.4vw;}
/* .member-wrap.login .other li:last-child a{color:#BD0738;} */

.member-wrap.login .sns{text-align:center; margin-top:12vw;}
.member-wrap.login .sns h3{color:#212121; font-weight:400;font-size:2.4vw; line-height:3.6vw;}
.member-wrap.login .sns .stit{margin-top:0.4vw;color:#b5b5b5; font-weight:400;font-size:2.4vw; line-height:3.6vw;}
.member-wrap.login .sns ul{margin-top:3vw;text-align:center;}
.member-wrap.login .sns ul:after{display:block;content:"";clear:both;}
.member-wrap.login .sns ul li{display:inline-block;vertical-align:top;}
.member-wrap.login .sns ul li:nth-child(n+2){margin-left:1.6vw;}
.member-wrap.login .sns ul li a{width:11vw; height:11vw;display:block;}
.member-wrap.login .sns ul li:nth-child(1) a{background:url(../img/sub/ico-naver.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.login .sns ul li:nth-child(2) a{background:url(../img/sub/ico-kakao.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.login .sns ul li:nth-child(3) a{background:url(../img/sub/ico-facebook.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.login .sns ul li:nth-child(4) a{background:url(../img/sub/ico-iphone.svg) no-repeat center center; background-size:100% auto;}

.member-wrap.login .lower{margin-top:14vw;}
.member-wrap.login .lower .fix{padding:4vw 3.2vw;}
.member-wrap.login .lower .fix:before{position:absolute ;left:3.2vw; width:calc(100% - 6.4vw); top:0; height:1px ;background:#DFDFDF; display:block;content:"";}

.member-wrap.login .lower .join-txt{text-align:center;}
.member-wrap.login .lower .join-txt p{font-size:2.4vw; color:#212121; line-height:3.6vw;}
.member-wrap.login .lower .join-txt a{display:block; margin-top:1.2vw; font-size:3.2vw; line-height:1.2em; color:#BD0738; font-weight:700;}
@media only screen and (max-width:500px){
	.member-wrap.login .other{margin-top:14px}
	.member-wrap.login .other ul{line-height:26px;text-align:center; font-size:0;}
	.member-wrap.login .other li{line-height:26px;}
	.member-wrap.login .other li:nth-child(n+2){margin-left:30px}
	.member-wrap.login .other li:nth-child(n+2):before{left:-15px;}
	.member-wrap.login .other li a{display:block; line-height:26px; font-size:12px;}

	.member-wrap.login .sns{margin-top:60px;}
	.member-wrap.login .sns h3{font-size:12px; line-height:16px;}
	.member-wrap.login .sns .stit{margin-top:2px;font-size:12px; line-height:16px;}
	.member-wrap.login .sns ul li:nth-child(n+2){margin-left:8px;}
	.member-wrap.login .sns ul li a{width:55px; height:55px;}

	.member-wrap.login .lower{margin-top:70px;}
	.member-wrap.login .lower .fix{padding:20px 16px;}
	.member-wrap.login .lower .fix:before{left:16px;  width:calc(100% - 32px);}
	.member-wrap.login .lower .join-txt p{font-size:12px; line-height:18px;}
	.member-wrap.login .lower .join-txt a{margin-top:6px; font-size:16px; }
}

/*=======================================================
	.member-wrap.find
=========================================================*/
.member-wrap.find{padding-top:3vw;}
.member-wrap.find.result{padding-top:6vw}
.member-wrap.find.reset{padding-top:6vw}
.member-wrap.find .tits{height:16vw; display:flex;align-items: center; justify-content: center;margin-bottom:4vw;}
.member-wrap.find .stit{font-size:2.8vw; color:#212121; line-height:4.4vw; text-align:center; width:100%;}
.member-wrap.find .entry{}
.member-wrap.find .entry li{position:relative; z-index:1;}
.member-wrap.find .entry li.focused, .member-wrap.find .entry li.active{z-index:2;}
.member-wrap.find .entry li:nth-child(n+2){margin-top:-1px;}
.member-wrap.find .entry .chk-input{width:100%; z-index:123;}
.member-wrap.find .entry .chk-input input{}
.member-wrap.find .entry .chk-input .time{position:absolute; right:4vw; top:50%; line-height:4.4vw; font-size:2.4vw; color:#BD0738;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.member-wrap.find .entry .chk-select{width:100%;}
.member-wrap.find .entry .chk-select select{}
.member-wrap.find .ex{margin-top:1.6vw;font-size:2.4vw; color:#BD0738; line-height:3.6vw; padding-left:3vw; background:url(../img/sub/ico-ex.svg) no-repeat 0 0.8vw; background-size:2vw auto;}

.member-wrap.find .result{padding-bottom:10vw;}
.member-wrap.find .result .txt{ display:flex; justify-content:center; align-items:center; height:50vh ; min-height:500px;}
.member-wrap.find .result .vc{height:40vw; text-align:center;position:relative;}
.member-wrap.find .result .btxt{font-size:3.6vw;color:#212121; line-height:5.2vw; font-weight:700;}
.member-wrap.find .result .stxt{font-size:4.8vw; font-weight:700; color:#121212; line-height:16vw;position:absolute; left:0; bottom:0; width:100%;}
.member-wrap.find .result .ctxt{font-size:2.4vw; font-weight:400; color:#121212; line-height:3.6vw; position:absolute; left:0; bottom:-18px; width:100%;}
.member-wrap.find .result .ctxt span{margin-left:4vw; position:relative; display:inline-block;vertical-align:top;}
.member-wrap.find .result .ctxt span:before{background:#b5b5b5; width:1px;height:10px; top:50%; left:-2vw; position:absolute; display:block; content:""; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.member-wrap.find .lower{margin-top:4.8vw;}
.member-wrap.find .lower a:nth-child(n+2){margin-top:3.2vw}
.member-wrap.find .send-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:rgba(255,255,255,0.6);font-weight:700;background:#9F9F9F;}
.member-wrap.find .resend-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.member-wrap.find .next-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.member-wrap.find .login-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.member-wrap.find .find-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.member-wrap.find .end-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.member-wrap.find{padding-top:15px;}
	.member-wrap.find.result{padding-top:30px}
	.member-wrap.find.reset{padding-top:30px}
	.member-wrap.find .tits{height:80px; margin-bottom:20px;}
	.member-wrap.find .stit{font-size:14px; line-height:22px}
	.member-wrap.find .entry{}
	.member-wrap.find .entry .chk-input input{}
	.member-wrap.find .entry .chk-select select{}
	.member-wrap.find .entry .chk-input .time{right:20px; line-height:22px; font-size:12px;}
	.member-wrap.find .ex{margin-top:8px;font-size:12px;line-height:18px; padding-left:15px; background-size:10px auto; background-position:0 4px}

	.member-wrap.find .result{padding-bottom:50px;}
	.member-wrap.find .result .vc{height:200px;}
	.member-wrap.find .result .btxt{font-size:18px;line-height:26px;}
	.member-wrap.find .result .stxt{font-size:24px;line-height:80px;}
	.member-wrap.find .result .ctxt{font-size:12px;line-height:18px;}
	.member-wrap.find .result .ctxt span{margin-left:20px}
	.member-wrap.find .result .ctxt span:before{left:-10px;}

	.member-wrap.find .lower{margin-top:24px;}
	.member-wrap.find .lower a:nth-child(n+2){margin-top:16px}
	.member-wrap.find .send-btn{line-height:60px; font-size:16px;}
	.member-wrap.find .resend-btn{line-height:58px; font-size:16px;}
	.member-wrap.find .next-btn{line-height:60px; font-size:16px;}
	.member-wrap.find .login-btn{line-height:60px; font-size:16px;}
	.member-wrap.find .find-btn{line-height:58px; font-size:16px;}
	.member-wrap.find .end-btn{line-height:60px; font-size:16px;}
}


/*=======================================================
	.member-wrap.join
=========================================================*/
.member-wrap.join{padding-top:11.2vw;}
.member-wrap.join h2{height:9.6vw;background:url(../img/content/login-logo.svg) no-repeat center center; background-size:21vw auto}
.member-wrap.join .vtit{margin-top:4.8vw;display:flex;align-items: center; justify-content: center; height:16vw;}
.member-wrap.join .vtit p{font-size:14px; color:#212121; line-height:4.4vw;text-align:center;}
.member-wrap.join .join-btn{margin-top:5vw;line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.member-wrap.join{padding-top:56px;}
	.member-wrap.join h2{height:48px;background-size:105px auto}
	.member-wrap.join .vtit{height:80px; margin-top:24px;}
	.member-wrap.join .vtit p{font-size:14px; line-height:22px;}

	.member-wrap.join .join-btn{margin-top:25px;line-height:60px; font-size:16px;}
}

.member-wrap.join .sns{text-align:center; margin-top:10.8vw;}
.member-wrap.join .sns h3{color:#212121; font-weight:400;font-size:2.4vw; line-height:3.6vw;}
.member-wrap.join .sns .stit{margin-top:0.4vw;color:#b5b5b5; font-weight:400;font-size:2.4vw; line-height:3.6vw;}
.member-wrap.join .sns ul{margin-top:3vw;text-align:center;}
.member-wrap.join .sns ul:after{display:block;content:"";clear:both;}
.member-wrap.join .sns ul li{display:inline-block;vertical-align:top;}
.member-wrap.join .sns ul li:nth-child(n+2){margin-left:1.6vw;}
.member-wrap.join .sns ul li a{width:11vw; height:11vw;display:block;}
.member-wrap.join .sns ul li:nth-child(1) a{background:url(../img/sub/ico-naver.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.join .sns ul li:nth-child(2) a{background:url(../img/sub/ico-kakao.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.join .sns ul li:nth-child(3) a{background:url(../img/sub/ico-facebook.svg) no-repeat center center; background-size:100% auto;}
.member-wrap.join .sns ul li:nth-child(4) a{background:url(../img/sub/ico-iphone.svg) no-repeat center center; background-size:100% auto;}

.member-wrap.join .lower{margin-top:14vw;}
.member-wrap.join .lower .fix{padding:4vw 3.2vw;}
.member-wrap.join .lower .fix:before{position:absolute ;left:3.2vw; width:calc(100% - 6.4vw); top:0; height:1px ;background:#DFDFDF; display:block;content:"";}
.member-wrap.join .lower .login-txt{text-align:center;}
.member-wrap.join .lower .login-txt p{font-size:2.4vw; color:#212121; line-height:3.6vw;}
.member-wrap.join .lower .login-txt a{display:block; margin-top:1.2vw; font-size:3.2vw; line-height:1.2em; color:#BD0738; font-weight:700;}
@media only screen and (max-width:500px){
	.member-wrap.join .sns{margin-top:54px;}
	.member-wrap.join .sns h3{font-size:12px; line-height:16px;}
	.member-wrap.join .sns .stit{margin-top:2px;font-size:12px; line-height:16px;}
	.member-wrap.join .sns ul li:nth-child(n+2){margin-left:8px;}
	.member-wrap.join .sns ul li a{width:55px; height:55px;}

	.member-wrap.join .lower{margin-top:70px;}
	.member-wrap.join .lower .fix{padding:20px 16px;}
	.member-wrap.join .lower .fix:before{left:16px;  width:calc(100% - 32px);}
	.member-wrap.join .lower .login-txt p{font-size:12px; line-height:18px;}
	.member-wrap.join .lower .login-txt a{margin-top:6px; font-size:16px; }
}



/*=======================================================
	.member-wrap.entry
=========================================================*/
.member-wrap.entry{padding-top:8vw;position:relative;}
.member-wrap.entry .tab{position:absolute; left:0; top:-2vw; width:100%;}
.member-wrap.entry .tab ul{}
.member-wrap.entry .tab ul:after{display:block; content:"";clear:both;}
.member-wrap.entry .tab li{float:left; width:20%;}
.member-wrap.entry .tab li a{display:block;height:2px; background:#d3d3d3}
.member-wrap.entry .tab li.active a{background:#212121}
.member-wrap.entry .entry{}
.member-wrap.entry .entry li{position:relative; z-index:1;}
.member-wrap.entry .entry li.focused, .member-wrap.entry .entry li.active{z-index:2;}
.member-wrap.entry .entry li:nth-child(n+2){margin-top:-1px;}
.member-wrap.entry .entry .chk-input{width:100%; z-index:123;}
.member-wrap.entry .entry .chk-input input{}
.member-wrap.entry .entry .chk-input .time{position:absolute; right:4vw; top:50%; line-height:4.4vw; font-size:2.4vw; color:#BD0738;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.member-wrap.entry .entry .chk-select{width:100%;}
.member-wrap.entry .entry .chk-select select{}
.member-wrap.entry .ex{margin-top:1.6vw;font-size:2.4vw; color:#BD0738; line-height:3.6vw; padding-left:3vw; background:url(../img/sub/ico-ex.svg) no-repeat 0 0.8vw; background-size:2vw auto;}
.member-wrap.entry .ex.help{font-size:2.8vw;background:url(../img/sub/ico-help.svg) no-repeat right 0.4vw;line-height:4.4vw;background-size:3.2vw auto; color:#9F9F9F; padding-right:4vw; padding-left:0; display:inline-block;vertical-align:top;position:relative;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out; }
.member-wrap.entry .ex.help.active:after{position:Absolute; display:block; content:""; right:-0.4vw; bottom:-2vw;border-left: 2vw solid transparent ; border-right: 2vw solid transparent;border-bottom: 1.6vw solid rgba(21,21,21,0.8);}
.member-wrap.entry .ex.gray{font-size:2.8vw;padding:0; background:none; display:block; color:#9f9f9f;line-height:4.4vw;}
.member-wrap.entry .help-txt{display:none;background:rgba(21,21,21,0.8); padding:3.4vw; margin-top:2vw;}
.member-wrap.entry .help-txt p{font-size:2.4vw; color:#fff; line-height:3.6vw;}

.member-wrap.entry .agrees{ border-top:1px solid #d3d3d3}
.member-wrap.entry .agrees ul{padding:4.8vw 0;}
.member-wrap.entry .agrees li{position:relative;}
.member-wrap.entry .agrees li:nth-child(n+2){margin-top:4vw;}
.member-wrap.entry .agrees li .chk-check{display:block;}
.member-wrap.entry .agrees li .chk-check label{ font-size:2.8vw;}
.member-wrap.entry .agrees li .chk-check label span{color:#BD0738; margin-left:1vw;}
.member-wrap.entry .agrees li .view-btn{margin-top:0 !important;position:Absolute; right:0; top:0; line-height:3.2vw; color:#B5B5B5; border-bottom:1px solid #B5B5B5; font-size:2.8vw;}

.member-wrap.entry .lower{margin-top:4.8vw;}
.member-wrap.entry .lower a:nth-child(n+2){margin-top:3.2vw}
.member-wrap.entry .next-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:rgba(255,255,255,0.6);font-weight:700;background:#9F9F9F;}
.member-wrap.entry .next-btn.active{background:#212121;color:#fff}
.member-wrap.entry .main-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.member-wrap.entry .send-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:rgba(255,255,255,0.6);font-weight:700;background:#9F9F9F;}
.member-wrap.entry .resend-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.member-wrap.entry .cerfity-btn{margin-top:1.4vw;line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.member-wrap.entry .allchk-btn{ margin-top:0 !important;line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
@media only screen and (max-width:500px){
	.member-wrap.entry{padding-top:40px;}
	.member-wrap.entry .tab{top:-10px;}
	.member-wrap.entry .entry{}
	.member-wrap.entry .entry .chk-input input{}
	.member-wrap.entry .entry .chk-select select{}
	.member-wrap.entry .entry .chk-input .time{right:20px; line-height:22px; font-size:12px;}
	.member-wrap.entry .ex{margin-top:8px;font-size:12px;line-height:18px; padding-left:15px; background-size:10px auto; background-position:0 4px}
	.member-wrap.entry .ex.help{ font-size:14px;background-size:16px auto; background-position:right 2px; padding-right:20px; line-height:22px;}
	.member-wrap.entry .ex.help.active:after{border-left-width:10px; border-right-width:10px; border-bottom-width:8px; right:-2px; bottom:-10px;}
	.member-wrap.entry .ex.gray{font-size:14px;line-height:22px;}

	.member-wrap.entry .help-txt{padding:17px; margin-top:10px;}
	.member-wrap.entry .help-txt p{font-size:12px; line-height:18px;}


	.member-wrap.entry .agrees{}
	.member-wrap.entry .agrees ul{padding:24px 0;}
	.member-wrap.entry .agrees li:nth-child(n+2){margin-top:20px;}
	.member-wrap.entry .agrees li .chk-check label {font-size:14px;}
	.member-wrap.entry .agrees li .chk-check label span{margin-left:5px;}
	.member-wrap.entry .agrees li .view-btn{font-size:14px; line-height:16px;}

	.member-wrap.entry .lower{margin-top:24px;}
	.member-wrap.entry .lower a:nth-child(n+2){margin-top:16px}
	.member-wrap.entry .next-btn{line-height:60px; font-size:16px;}
	.member-wrap.entry .main-btn{line-height:60px; font-size:16px;}
	.member-wrap.entry .send-btn{line-height:60px; font-size:16px;}
	.member-wrap.entry .resend-btn{line-height:58px; font-size:16px;}
	.member-wrap.entry .cerfity-btn{margin-top:7px;line-height:58px; font-size:16px;}
	.member-wrap.entry .allchk-btn{line-height:58px; font-size:16px;}
}

/*=======================================================
	.member-wrap.end
=========================================================*/
.member-wrap.end .txt{text-align:center; display:flex; justify-content:center; align-items:center; min-height:70vh;}
.member-wrap.end .vc{}
.member-wrap.end .lower{margin-top:4.8vw;}
.member-wrap.end .btxt{padding-top:20.8vw;font-size:4.8vw; font-weight:700; color:#212121; line-height:7.2vw;background:url(../img/sub/join-end.svg) no-repeat center top; background-size:12.8vw auto;}
.member-wrap.end .stxt{margin-top:5.2vw;font-size:2.8vw; font-weight:400; color:#212121; line-height:4.4vw;}
.member-wrap.end .main-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.member-wrap.end .btxt{padding-top:104px;font-size:24px; line-height:36px; background-size:64px auto;}
	.member-wrap.end .stxt{margin-top:26px;font-size:14px; line-height:22px}

	.member-wrap.end .lower{margin-top:24px;}
	.member-wrap.end .main-btn{line-height:60px; font-size:16px;}

}



/*=======================================================
	.alrim-wrap.list
=========================================================*/
.alrim-wrap.list {width:calc(100% + 6.4vw) ;margin-left:-3.2vw; box-sizing:border-box;}
.alrim-wrap.list .upper{text-align:right; padding:1vw 3.2vw;background:#fff;}
.alrim-wrap.list .upper .all-read{color:#B5B5B5; line-height:6vw; text-decoration:underline; font-size:2.8vw;}

.alrim-wrap.list .list{}
.alrim-wrap.list .list li{border-top:1px solid #DFDFDF;}
.alrim-wrap.list .list li:nth-child(n+2){border-top:1px solid #DFDFDF;}
.alrim-wrap.list .list li a{display:block; padding:4vw 4vw 4vw 11vw; position:relative;}
.alrim-wrap.list .list li .btxt{position:relative;font-size:3.2vw; line-height:4.8vw; color:#212121; font-weight:700;}
.alrim-wrap.list .list li .btxt:before{width:8vw;height:8vw; position:absolute; left:-8vw; top:-1.6vw; display:block;content:""}
.alrim-wrap.list .list li .btxt span{display:block;font-size:2.4vw; margin-top:1.4vw; color:#B5B5B5; font-weight:400;}
.alrim-wrap.list .list li .stxt{font-size:2.8vw; line-height:4.4vw; color:#212121; font-weight:400; margin-top:1.6vw; position:relative; padding-left:2.8vw;}
.alrim-wrap.list .list li .stxt:before{width:0.4vw;height:100%; background:#212121; position:Absolute ;left:0; top:0; display:block;content:""}
.alrim-wrap.list .list li .btxt.point:before{background:url(../img/sub/ico-point.svg) no-repeat left center; background-size:6.4vw auto;}
.alrim-wrap.list .list li .btxt.msg:before{background:url(../img/sub/ico-msg.svg) no-repeat left center; background-size:6.4vw auto;}

.alrim-wrap.list .list li.no-read{background:#fff;}
.alrim-wrap.list .list li.no-read a:before{width:0.8vw;height:100%; position:absolute ;left:0; top:0; background:#BD0738; display:block; content:""}
.alrim-wrap.list .list li.no-read .btxt{color:#BD0738}

.alrim-wrap.list .no-data{text-align:center; display:flex; justify-content:center; align-items:center; min-height:70vh;}
.alrim-wrap.list .no-data p{padding-top:20.4vw ;font-size:2.8vw; font-weight:400; color:#212121; line-height:8vw;background:url(../img/sub/no-alrim.svg) no-repeat center top; background-size:20.4vw auto;}
@media only screen and (max-width:500px){
	.alrim-wrap.list{width:calc(100% + 32px) ;margin-left:-16px}
	.alrim-wrap.list .upper{padding:5px 16px;}
	.alrim-wrap.list .upper .all-read{font-size:14px; line-height:30px;}

	.alrim-wrap.list .list{}
	.alrim-wrap.list .list li a{ padding:20px 20px 20px 55px}
	.alrim-wrap.list .list li .btxt{font-size:16px; line-height:24px; color:#212121;}
	.alrim-wrap.list .list li .btxt span{font-size:12px; margin-top:7px;}
	.alrim-wrap.list .list li .btxt:before{width:40px;height:40px; top:-8px;left:-40px;}
	.alrim-wrap.list .list li .stxt{font-size:14px; line-height:22px; color:#212121; margin-top:8px; padding-left:14px}
	.alrim-wrap.list .list li .stxt:before{width:2px;}
	.alrim-wrap.list .list li .time{}
	.alrim-wrap.list .list li .btxt.point:before{background-size:32px auto;}
	.alrim-wrap.list .list li .btxt.msg:before{background-size:32px auto;}

	.alrim-wrap.list .list li.no-read a:before{width:4px;}
	.alrim-wrap.list .no-data p{padding-top:102px;font-size:14px; line-height:40px; background-size:102px auto;}

}

/*=======================================================
	.alrim-wrap.option
=========================================================*/
.alrim-wrap.option{}
.alrim-wrap.option .line{margin:5vw 0 ; height:1px;background:#d3d3d3}
.alrim-wrap.option .list{}
.alrim-wrap.option .list li{position:relative;}

.alrim-wrap.option .list .btxt{font-size:3.2vw; font-weight:400; color:#212121; line-height:8vw;}
.alrim-wrap.option .list .stxt{font-size:3.2vw; font-weight:400; color:#212121; line-height:8vw;}
.alrim-wrap.option .list .rtxt{font-size:3.2vw; font-weight:400; color:#BD0738; line-height:8vw; position:absolute;right:0; top:0;}
.alrim-wrap.option .list .chk-soket{position:absolute;right:0; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.alrim-wrap.option .list .field.time{padding-left:4vw; display:block;}
.alrim-wrap.option .list .field.time:before{width:0.4vw;height:90%; background:#212121; position:Absolute ;left:0; top:5%; display:block;content:""}

.alrim-wrap.option .lower{margin-top:5.6vw;}
.alrim-wrap.option .save-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.alrim-wrap.option .line{margin:25px 0 ;}

	.alrim-wrap.option .list{}
	.alrim-wrap.option .list .btxt{font-size:16px;line-height:40px;}
	.alrim-wrap.option .list .stxt{font-size:16px;line-height:40px;}
	.alrim-wrap.option .list .rtxt{font-size:16px;line-height:40px;}

	.alrim-wrap.option .list .field.time{padding-left:20px; display:block;}
	.alrim-wrap.option .list .field.time:before{width:2px}

	.alrim-wrap.option .lower{margin-top:28px;}
	.alrim-wrap.option .save-btn{line-height:60px; font-size:16px;}
}



/*=======================================================
	.layer-wrap.provision
=========================================================*/
.layer-wrap.provision{position:fixed; left:-9999em; bottom:0; width:100%;background:#fff; min-width:360px; border-top-left-radius:4vw; border-top-right-radius:4vw;padding:3.2vw; padding-bottom:0;box-sizing:border-box;}
.layer-wrap.provision.active{left:0;}
.layer-wrap.provision .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.provision .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.provision .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}
.layer-wrap.provision .is-con{padding:4vw 0;position:Relative;}
.layer-wrap.provision .is-con .vscrolls{height:50vw; overflow-y:auto; max-height:600px;}
.layer-wrap.provision .is-con .txt{padding-right:3vw;}
.layer-wrap.provision .is-con .txt p{font-size:2.8vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.layer-wrap.provision{padding:16px;padding-bottom:0; border-top-left-radius:20px; border-top-right-radius:20px;}
	.layer-wrap.provision .is-top {padding-bottom:7px;}
	.layer-wrap.provision .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.provision .is-top .close{width:40px;height:40px;}
	.layer-wrap.provision .is-con{padding:20px 0;}
	.layer-wrap.provision .is-con .vscrolls{height:250px}
	.layer-wrap.provision .is-con .txt{padding-right:15px;}
	.layer-wrap.provision .is-con .txt p{font-size:14px;  line-height:22px;}

}


/*=======================================================
	.msg-wrap .filter
=========================================================*/
.msg-wrap .gap40{height:8vw;}
.msg-wrap .filter{}
.msg-wrap .filter.active .field.search{display:block;}
.msg-wrap .filter.active .field.types .search-btn{display:none;}
.msg-wrap .filter.active .field.types .close-btn{display:block;}

.msg-wrap .filter .field{display:block;}
.msg-wrap .filter .field.search{position:relative;display:none; margin-top:3.2vw; }
.msg-wrap .filter .field.search .chk-input{width:100%}
.msg-wrap .filter .field.search .chk-input input{padding:0 3.4vw;padding-right:9vw;height:9.6vw;font-size:2.8vw;}
.msg-wrap .filter .field.search .chk-input input::placeholder{color:#212121}
.msg-wrap .filter .field.search .enter{width:4.8vw;height:4.8vw; position:Absolute;right:2vw; top:50%; margin-top:-2.4vw;background:url(../img/sub/ico-search.svg) no-repeat center center ; background-size:100% auto;}

.msg-wrap .filter .field.types{position:relative;padding-right:11.6vw; z-indeX:123;}
.msg-wrap .filter .field.types .chk-select{float:left; width:49%;}
.msg-wrap .filter .field.types .chk-select:nth-child(2){float:right;}
.msg-wrap .filter .field.types .chk-select select{font-size:2.8vw;height:9.6vw;padding:0 7vw 0 2vw; color:#212121;}
.msg-wrap .filter .field.types .chk-select .arrow{right:1.6vw;}
.msg-wrap .filter .field.types .close-btn{display:none;width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-close.svg) no-repeat center center ; background-size:8vw auto;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.msg-wrap .filter .field.types .search-btn{width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-enter.svg) no-repeat center center #212121; background-size:4vw auto;border-radius:100%;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.msg-wrap .gap40{height:40px;}

	.msg-wrap .filter .field.search {margin-top:16px;}
	.msg-wrap .filter .field.search .chk-input input{height:48px; padding:0 17px;padding-right:45px;font-size:14px}
	.msg-wrap .filter .field.search .enter{width:24px;height:24px;right:10px;  margin-top:-12px;}

	.msg-wrap .filter .field.types{ padding-right:58px;}
	.msg-wrap .filter .field.types .chk-select select{font-size:14px;height:48px ; padding:0 35px 0 10px;}
	.msg-wrap .filter .field.types .close-btn{width:48px;height:48px;margin-top:-24px;background-size:40px auto;}
	.msg-wrap .filter .field.types .search-btn{width:48px;height:48px; margin-top:-24px;background-size:20px auto;}
}


/*=======================================================
	.msg-wrap .list
=========================================================*/
.msg-wrap .list{margin-top:6vw}
.msg-wrap .list .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:2.8vw;}
/* made by flutter start*/
.msg-wrap .list .total{ position: relative;}
.msg-wrap .list .total .chk-soket {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.give-wrap .filter{}
.give-wrap .filter.active .field.search{display:block;}
.give-wrap .filter.active .field.types .search-btn{display:none;}
.give-wrap .filter.active .field.types .close-btn{display:block;}

.give-wrap .filter .field{display:block;}
.give-wrap .filter .field.search{position:relative;display:none; margin-top:3.2vw; }
.give-wrap .filter .field.search .chk-input{width:100%}
.give-wrap .filter .field.search .chk-input input{padding:0 3.4vw;padding-right:9vw;height:9.6vw;font-size:2.8vw;}
.give-wrap .filter .field.search .chk-input input::placeholder{color:#212121}
.give-wrap .filter .field.search .enter{width:4.8vw;height:4.8vw; position:Absolute;right:2vw; top:50%; margin-top:-2.4vw;background:url(../img/sub/ico-search.svg) no-repeat center center ; background-size:100% auto;}

.give-wrap .filter .field.types{position:relative;padding-right:11.6vw;}
.give-wrap .filter .field.types .chk-select{float:left; width:49%;}
.give-wrap .filter .field.types .chk-select:nth-child(2){float:right;}
.give-wrap .filter .field.types .chk-select select{font-size:2.8vw;height:9.6vw;padding:0 7vw 0 2vw; color:#212121;}
.give-wrap .filter .field.types .chk-select .arrow{right:1.6vw;}
.give-wrap .filter .field.types .close-btn{display:none;width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-close.svg) no-repeat center center ; background-size:8vw auto;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.give-wrap .filter .field.types .search-btn{width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-enter.svg) no-repeat center center #212121; background-size:4vw auto;border-radius:100%;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.give-wrap .filter .field.search {margin-top:16px;}
	.give-wrap .filter .field.search .chk-input input{height:48px; padding:0 17px;padding-right:45px;font-size:14px}
	.give-wrap .filter .field.search .enter{width:24px;height:24px;right:10px;  margin-top:-12px;}

	.give-wrap .filter .field.types{ padding-right:58px;}
	.give-wrap .filter .field.types .chk-select select{font-size:14px;height:48px ; padding:0 35px 0 10px;}
	.give-wrap .filter .field.types .close-btn{width:48px;height:48px;margin-top:-24px;background-size:40px auto;}
	.give-wrap .filter .field.types .search-btn{width:48px;height:48px; margin-top:-24px;background-size:20px auto;}
}

/* popup: part  */
.popup {
	background-color: rgba(0, 0, 0, 0.65);
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9999;
	display: none;
}
.popup .popup_wrap {
	box-sizing: border-box;
	background-color: #fff;
	width: 95%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 15px;
}
.popup .popup_wrap .close_btn {
	text-align: right;
}
.popup .popup_wrap .top_content {
	padding: 30px 0;
}
.popup .popup_wrap .top_content img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}
.popup .popup_wrap .top_content h2 {
	font-weight: 700;
	font-size: 18px;
	color: #212121;
	margin: 20px 0;
}
.popup .popup_wrap .top_content h3 {
	font-weight: 700;
	font-size: 16px;
	color: #212121;
}
.popup .popup_wrap .top_content h3 b{
	font-weight: 700;
	color: #BD0738;
}
.popup .popup_wrap .bottom_content {
	border-top: 1px dotted #9F9F9F;
	padding: 20px 0;
}
.popup .popup_wrap .bottom_content p {
	font-weight: 400;
	font-size: 14px;
	color: #212121;
}
.popup .popup_wrap .bottom_content button {
	width: 100%;
	background-color: transparent;
	font-size: 16px;
	font-weight: 700;
	color: #212121;
	padding: 15px;
	border: 1px solid #212121;
	margin-top: 25px;
}
/* made by flutter end*/
.msg-wrap .list .total span{color:#BD0738;}
.msg-wrap .list ul{}
.msg-wrap .list li{position:relative;}
.msg-wrap .list li:nth-child(n+2){margin-top:7vw;}
.msg-wrap .list li a{display:block;position:relative;}
.msg-wrap .list li .img{position:relative;z-index:12; width:calc(100% + 6.4vw); margin-left:-3.2vw;}
.msg-wrap .list li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.5)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', gradientType=0);}
.msg-wrap .list li .img img{width:100%;height:31.4vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msg-wrap .list li .img .vimg{overflow:hidden;}
.msg-wrap .list li .img .vcate{position:Absolute;left:0; top:-1.2vw;}
.msg-wrap .list li .img .vcate span{display:block;font-size:2.4vw;line-height:4.4vw; padding:0 2vw;text-align:Center;}
.msg-wrap .list li .img .vcate span.black{background:#212121;color:#fff}
.msg-wrap .list li .img .vcate span.white{background:#fff;color:#212121}
.msg-wrap .list li .img .vcate span.red{background:#BD0738;color:#fff}

.msg-wrap .list li .txt{padding:5vw 0 0 0; position:relative;}
.msg-wrap .list li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; }
.msg-wrap .list li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.msg-wrap .list li .txt .ctxt{position:Absolute;right:1.6vw; font-size:3vw;color:#fff;width:9.6vw;height:9.6vw;top:0;display:flex;align-items: center; justify-content: center; text-align:center;border-radius:100%; background:#212121;}
.msg-wrap .list li .txt .ctxt span{font-family: 'Montserrat';}

.msg-wrap .list li .anth{margin-top:4vw;position:relative;box-sizing:border-box; padding:0 0}
.msg-wrap .list li .anth ul{margin:-1vw; min-height:7vw;}
.msg-wrap .list li .anth ul:after{display:block;content:"";clear:both;}
.msg-wrap .list li .anth li{margin:1vw; float:left; width:auto ;}
.msg-wrap .list li .anth li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.msg-wrap .list li .anth li:nth-child(n+2){margin:1vw;}

.msg-wrap .list li .count{position:absolute; right:3.2vw; bottom:1vw; z-index:912; }
.msg-wrap .list li .count:after{display:block; content:"";clear:both}
.msg-wrap .list li .count .vc{width:100%; box-sizing:border-box; padding:0 ;}
.msg-wrap .list li .count p{padding-left:5.2vw;color:#fff; font-size:2.4vw; line-height:5.2vw; font-family:"Roboto";background-size:4.8vw auto !important; display:inline-block;vertical-align:top;}
.msg-wrap .list li .count p:nth-child(n+2){margin-left:3vw;}
.msg-wrap .list li .count .view{background:url(../img/main/ico-view.svg) no-repeat }
.msg-wrap .list li .count .comment{background:url(../img/sub/ico-comment2.svg) no-repeat }
.msg-wrap .list li .count .like{background:url(../img/main/ico-like.svg) no-repeat  }

.msg-wrap .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.msg-wrap .no-data{text-align:center; display:flex; justify-content:center; align-items:center; min-height:70vh;}
.msg-wrap .no-data .vc{text-align:center;}
.msg-wrap .no-data .btxt{padding-top:27vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
.msg-wrap .no-data .btxt span{color:#BD0738;}
.msg-wrap .no-data .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.msg-wrap .list{margin-top:30px}
	.msg-wrap .list .total{font-size:14px; line-height:22px; margin-bottom:14px;}
	.msg-wrap .list li{}
	.msg-wrap .list li:nth-child(n+2){margin-top:35px;}
	.msg-wrap .list li .img{width:calc(100% + 32px); margin-left:-16px;}
	.msg-wrap .list li .img img{height:157px;}
	.msg-wrap .list li .img .vcate{}
	.msg-wrap .list li .img .vcate span{font-size:12px; line-height:22px; padding:0 10px;}

	.msg-wrap .list li .txt{padding:25px 0 0 0}
	.msg-wrap .list li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px; }
	.msg-wrap .list li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.msg-wrap .list li .txt .ctxt{right:8px; width:48px;height:48px;font-size:15px;}

	.msg-wrap .list li .anth{margin-top:20px; padding:0 0}
	.msg-wrap .list li .anth ul{margin:-5px; min-height:35px;}
	.msg-wrap .list li .anth li{margin:5px;}
	.msg-wrap .list li .anth li:nth-child(n+2){margin:5px;}
	.msg-wrap .list li .anth li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}

	.msg-wrap .list li .count{right:16px;bottom:5px;}
	.msg-wrap .list li .count p{padding-left:26px; font-size:12px;line-height:26px;background-size:24px auto !important}
	.msg-wrap .list li .count p:nth-child(n+2){margin-left:15px;}
	.msg-wrap .list li .count .view{background-position:left 0}
	.msg-wrap .list li .count .comment{background-position:left 0}
	.msg-wrap .list li .count .like{background-position:left 0}

	.msg-wrap .no-data .btxt{padding-top:134px;font-size:18px; line-height:26px; background-size:100px auto;}
	.msg-wrap .no-data .stxt{margin-top:10px;font-size:14px; line-height:22px}
}

.msg-wrap .xbtns{}
.msg-wrap .xbtns a{padding:4vw 5.2vw 4vw 5.2vw;display:block; position:relative;border:1px solid #212121;}
.msg-wrap .xbtns a .num{ position:absolute; left:3.2vw; top:4vw; line-height:9vw;text-align:center; width:9vw; height:9vw; border-radius:100%;background:#212121;color:#fff; font-size:2.8vw;}
.msg-wrap .xbtns a .txt{height:9vw; display:flex;align-items: center; justify-content: left;}
.msg-wrap .xbtns a .txt .btxt{font-size:2.8vw; font-weight:400; color:#212121; line-height:4vw;}
.msg-wrap .xbtns a .txt .stxt{font-size:3.2vw; font-weight:700; color:#212121; line-height:4vw;}
.msg-wrap .xbtns a .txt .stxt span{display:inline-block;vertical-align:top; position:relative; margin-left:2.4vw;}
.msg-wrap .xbtns a .txt .stxt span:before{width:0.4vw;height:0.4vw; background:#212121; position:Absolute ;left: -1.2vw; top:1.6vw ;display:block;content:"" ; border-radius:100%;}
.msg-wrap .xbtns a:after{width:5.6vw;height:5.6vw; position:absolute;right:5.6vw; top:50%; margin-top:-2.8vw; display:block;background:url(../img/sub/take-checkb.svg) no-repeat center center; background-size:100% auto;content:""}

.msg-wrap .xbtns.end a{border-color:#BD0738;box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -webkit-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -moz-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; }
.msg-wrap .xbtns.end a .txt .btxt{color:#BD0738}
.msg-wrap .xbtns.end a .txt .stxt{color:#BD0738}
.msg-wrap .xbtns.end a:after{background-image:url(../img/sub/take-checkr.svg)}

.msg-wrap .xbtns.chk a{background:#bebebe;border-color:#bebebe}
.msg-wrap .xbtns.chk a:after{background-image:url(../img/sub/take-checko.svg)}
.msg-wrap .xbtns.chk a .txt{height:auto ;display:block;}

@media only screen and (max-width:500px){
	.msg-wrap .xbtns a{padding:20px 26px 20px 26px}
	.msg-wrap .xbtns a .num{left:16px; top:20px; line-height:45px;font-size:14px; width:45px; height:45px;}
	.msg-wrap .xbtns a .txt{height:45px; }
	.msg-wrap .xbtns a .txt .btxt{font-size:14px;line-height:20px;}
	.msg-wrap .xbtns a .txt .stxt{font-size:16px;line-height:20px;}
	.msg-wrap .xbtns a .txt .stxt span{margin-left:12px;}
	.msg-wrap .xbtns a .txt .stxt span:before{width:2px;height:2px; left:-6px; top:8px;}
	.msg-wrap .xbtns a:after{width:28px;height:28px;right:28px; margin-top:-14px;}
}


/*=======================================================
	.msg-wrap.detail
=========================================================*/
.msg-wrap.detail .gap55{height:11vw;}
.msg-wrap.detail .gap65{height:13vw;}

.msg-wrap.detail .vis{position:relative;width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.msg-wrap.detail .vis .img{height:99vw;overflow:hidden;position:relative;}
.msg-wrap.detail .vis .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.3)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)', gradientType=0);}
.msg-wrap.detail .vis .img img{width:100%;height:99vw;object-fit:cover;}
.msg-wrap.detail .vis .txt{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 3.2vw 8vw 3.2vw; z-index:2;}
.msg-wrap.detail .vis .txt .vtxt{margin-top:4.8vw;font-size:6.4vw; color:#fff; line-height:10vw; font-weight:700; }
.msg-wrap.detail .vis .txt .cate{font-size:0;}
.msg-wrap.detail .vis .txt .cate span{display:inline-block;vertical-align:top; background:#212121; padding:0 2vw; line-height:6vw; font-size:2.4vw; color:#fff; font-weight:400; z-index:221}
.msg-wrap.detail .vis .txt .cate span.black{background:#212121; color:#fff;}
.msg-wrap.detail .vis .txt .cate span.white{background:#fff; color:#212121;}

.msg-wrap.detail .vis  .count{position:absolute; right:3.2vw; top:4.8vw; z-index:912; }
.msg-wrap.detail .vis  .count .like-btn{display:block;margin-top:1.6vw;padding-top:6vw;color:#ffff; font-size:2.4vw; line-height:4.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wlike.svg) no-repeat center top; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.msg-wrap.detail .vis  .count .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.msg-wrap.detail .vis  .count .share-btn{display:block;color:#ffff;height:6.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wshare.svg) no-repeat center center; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.msg-wrap.detail .cont{margin-top:4.8vw;}
.msg-wrap.detail .cont p{font-size:3.2vw; color:#525252; line-height:5.2vw;}

.msg-wrap.detail .vbtns{margin-top:4.8vw;}
.msg-wrap.detail .vbtns a{border:0.2vw solid #212121; display:block; padding:2.4vw 0;text-align:center; font-size:3.2vw; color:#212121; font-weight:700; line-height:4.8vw;}
.msg-wrap.detail .vbtns a span{display:block ;line-height:3.6vw; font-size:2.4vw;font-weight:400; color:#BD0738}

.msg-wrap.detail .lower{margin-top:4.8vw;}
.msg-wrap.detail .lower.fix .fix{padding:0 3.2vw;}
@media only screen and (max-width:500px){
	.msg-wrap.detail .gap55{height:55px;}
	.msg-wrap.detail .gap65{height:65px;}

	.msg-wrap.detail .vis{width:calc(100% + 32px);margin-left:-16px;}
	.msg-wrap.detail .vis .img{height:495px;}
	.msg-wrap.detail .vis .img img{height:495px;}
	.msg-wrap.detail .vis .txt{ padding:0 16px 40px 16px;}
	.msg-wrap.detail .vis .txt .vtxt{margin-top:24px;font-size:32px; line-height:50px}

	.msg-wrap.detail .vis .txt .cate{}
	.msg-wrap.detail .vis .txt .cate span{line-height:30px; padding:0 10px; font-size:12px; }

	.msg-wrap.detail .vis .count{ right:16px; top:24px;}
	.msg-wrap.detail .vis  .count .like-btn{padding-top:30px; margin-top:8px; font-size:12px; line-height:22px;background-size:32px auto;}
	.msg-wrap.detail .vis  .count .share-btn{  height:32px;background-size:32px auto;}

	.msg-wrap.detail .cont{margin-top:24px;}
	.msg-wrap.detail .cont p{font-size:16px;line-height:26px}

	.msg-wrap.detail .vbtns{margin-top:24px;}
	.msg-wrap.detail .vbtns a{border-width:1px; padding:12px 0; font-size:16px; line-height:24px;}
	.msg-wrap.detail .vbtns a span{line-height:18px;font-size:12px;}

	.msg-wrap.detail .lower{margin-top:24px;}
	.msg-wrap.detail .lower.fix .fix{padding:0 16px;}
}

.msg-wrap.detail .share{padding:2vw 3.2vw; padding-right:24vw; width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box;position:relative;text-align:right;  border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;}
.msg-wrap.detail .share.no-abr{padding:2vw 3.2vw; }
.msg-wrap.detail .share .abr{text-align:center;border-left:1px solid #b5b5b5; position:absolute;right:0; top:0; width:20vw;display:flex;align-items: center; justify-content: center; height:100%;}
.msg-wrap.detail .share .like-btn{margin-left:2vw;padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/like-off.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.msg-wrap.detail .share .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.msg-wrap.detail .share .share-btn{width:6.4vw;height:6.4vw; display:inline-block;vertical-align:top;  background:url(../img/sub/ico-share.svg) no-repeat left 45%; background-size:100% auto;}
.msg-wrap.detail .share .comment-btn{padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/ico-bcomment.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.msg-wrap.detail .share{padding:10px 16px; padding-right:120px; width:calc(100% + 32px);margin-left:-16px; border-width:1px;}
	.msg-wrap.detail .share.no-abr{padding:10px 16px;}
	.msg-wrap.detail .share .abr{width:100px}
	.msg-wrap.detail .share .like-btn{margin-left:10px;padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
	.msg-wrap.detail .share .share-btn{width:32px;height:32px;}
	.msg-wrap.detail .share .comment-btn{padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
}


.msg-wrap.detail .other {padding:8vw 0;position:relative;}
.msg-wrap.detail .other .other-slide{overflow:visible !important;}
.msg-wrap.detail .other ul{}
.msg-wrap.detail .other ul:after{display:block; content:"";clear:both;}
.msg-wrap.detail .other li{float:left;margin-left:2vw;}
.msg-wrap.detail .other li:first-child{margin-left:0;}
.msg-wrap.detail .other li a{display:block;position:relative;}
.msg-wrap.detail .other li .img{position:relative;overflow:hidden;}
.msg-wrap.detail .other li .img img{width:100%;height:44.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}

.msg-wrap.detail .other li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.msg-wrap.detail .other .scrollbar{margin-top:3.2vw;position:relative; background:#DFDFDF;width:100%;height:0.8vw;line-height:0; overflow:hidden; }
.msg-wrap.detail .other .scrollbar .handle {width: 100px;height: 100%;background: #212121;cursor: pointer; }
.msg-wrap.detail .other .scrollbar .handle:after{width:2000px; right:0; top:0; background:#212121; display:block; content:"";position:absolute;height:0.8vw;}

.msg-wrap.detail .movie {position:relative;overflow:hidden; margin-top:8vw;}
.msg-wrap.detail .movie img{width:100%;height:44.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msg-wrap.detail .movie .play-btn{width:16vw;height:16vw;background:url(../img/sub/ico-play.svg) no-repeat center center; background-size:100% auto;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
@media only screen and (max-width:500px){
	.msg-wrap.detail .other {padding:40px 0;}
	/*■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.msg-wrap.detail .other li .img img{height:495px;}
	/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.msg-wrap.detail .other .scrollbar{margin-top:16px; height:4px;}
	.msg-wrap.detail .other .scrollbar .handle{}
	.msg-wrap.detail .other .scrollbar .handle:after{height:4px;}

	.msg-wrap.detail .movie{margin-top:40px;}
	.msg-wrap.detail .movie img{height:223px;}
	.msg-wrap.detail .movie .play-btn{width:80px;height:80px;}
}


.msg-wrap.detail .give {position:relative; padding:11vw 0}
.msg-wrap.detail .give:after{position:absolute; left:50%; width:20000px; left:50%;margin-left:-10000px; top:0; height:100%; background:#F6F6F6; z-index:-1; display:block; content:"";}
.msg-wrap.detail .give h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0;}
.msg-wrap.detail .give .stit{font-size:2.8vw; color:#212121;font-weight:400; line-height:4.4vw; margin-top:1.2vw;}
.msg-wrap.detail .give ul{margin-top:4.8vw;}
.msg-wrap.detail .give li{position:relative; }
.msg-wrap.detail .give li:nth-child(n+2){margin-top:7vw;}
.msg-wrap.detail .give li a{display:block;}
.msg-wrap.detail .give li .img{position:relative;z-index:12;}
.msg-wrap.detail .give li .img img{width:100%;height:37.4vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msg-wrap.detail .give li .img .vimg{overflow:hidden;}

.msg-wrap.detail .give li .txt{padding:2.4vw 0 0 0; position:relative;}
.msg-wrap.detail .give li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; }
.msg-wrap.detail .give li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#212121; line-height:4.4vw;}

.msg-wrap.detail .give li .anth{margin-top:4.8vw;position:relative;box-sizing:border-box;}
.msg-wrap.detail .give li .anth ul{margin:-1vw; min-height:7vw;}
.msg-wrap.detail .give li .anth ul:after{display:block;content:"";clear:both;}
.msg-wrap.detail .give li .anth li{margin:1vw; float:left; width:auto ;}
.msg-wrap.detail .give li .anth li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.msg-wrap.detail .give li .anth li:nth-child(n+2){margin:1vw;}

.msg-wrap.detail  .anth{margin-top:4.8vw;position:relative;box-sizing:border-box;}
.msg-wrap.detail  .anth ul{margin:-1vw; min-height:7vw;}
.msg-wrap.detail  .anth ul:after{display:block;content:"";clear:both;}
.msg-wrap.detail  .anth li{margin:1vw; float:left; width:auto ;}
.msg-wrap.detail  .anth li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.msg-wrap.detail  .anth li:nth-child(n+2){margin:1vw;}

.msg-wrap.detail .give li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
@media only screen and (max-width:500px){
	.msg-wrap.detail .give{padding:55px 0;}
	.msg-wrap.detail .give h3{font-size:24px; line-height:35px; }
	.msg-wrap.detail .give .stit{font-size:14px; line-height:22px; margin-top:6px;}
	.msg-wrap.detail .give ul{margin-top:24px}
	.msg-wrap.detail .give li{}
	.msg-wrap.detail .give li:nth-child(n+2){margin-top:35px;}
	.msg-wrap.detail .give li .img{}
	.msg-wrap.detail .give li .img img{height:184px;}

	.msg-wrap.detail .give li .txt{padding:12px 0 0 0}
	.msg-wrap.detail .give li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px; }
	.msg-wrap.detail .give li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.msg-wrap.detail .give li .txt .ctxt{right:8px; width:48px;height:48px;font-size:15px;}

	.msg-wrap.detail .give li .anth{margin-top:24px;}
	.msg-wrap.detail .give li .anth ul{margin:-5px; min-height:35px;}
	.msg-wrap.detail .give li .anth li{margin:5px;}
	.msg-wrap.detail .give li .anth li:nth-child(n+2){margin:5px;}
	.msg-wrap.detail .give li .anth li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}

	.msg-wrap.detail  .anth{margin-top:24px;}
	.msg-wrap.detail  .anth ul{margin:-5px; min-height:35px;}
	.msg-wrap.detail  .anth li{margin:5px;}
	.msg-wrap.detail  .anth li:nth-child(n+2){margin:5px;}
	.msg-wrap.detail  .anth li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}
}


.msg-wrap.detail .give .state{position:relative; padding:8vw 0 4vw 0}
.msg-wrap.detail .give .state:after{background:#f6f6f6; position:absolute ;left:50%;margin-left:-10000px; top:0; height:100%; width:20000px; display:block; content:"";z-index:-1;}
.msg-wrap.detail .give .state .bar{position:relative; height:0.8vw; background:#dfdfdf}
.msg-wrap.detail .give .state .bar .num{position:absolute; height:100%; background:#BD0738; left:0; top:0;}
.msg-wrap.detail .give .state .bar .num .dots{width:2vw;height:2vw;border-radius:100%; right:-1vw; top:50%; display:block; content:"";position:Absolute; background:#BD0738; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msg-wrap.detail .give .state .bar .num .percent{width:8.4vw;height:4.8vw; line-height:4.8vw; z-index:912;text-align:center;border-radius:0.8vw; font-size:2.4vw; background:#BD0738; text-align:center; color:#fff; position:Absolute;right:-4.2vw; top:-6.4vw;}
.msg-wrap.detail .give .state .bar .num .percent:after{   border-left: 5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #BD0738; display:block; position:absolute; position:absolute; left:50%;margin-left:-5px; bottom:-4px;content:""}
.msg-wrap.detail .give .state .gtxt{line-height:5vw; margin-top:2vw; font-size:3.6vw; font-weight:700; color:#212121; position:Relative;}
.msg-wrap.detail .give .state .gtxt span{font-size:2.4vw; color:#BEBEBE; font-weight:400; position:absolute;right:0;top:0;}

.msg-wrap.detail .give .state .ctxt{margin-top:7vw; padding-top:2.6vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; border-top:1px solid #b5b5b5}
.msg-wrap.detail .give .state .ctxt span{margin-left:2.8vw; position:relative; display:inline-block;vertical-align:top;}
.msg-wrap.detail .give .state .ctxt span:before{width:1px; height:5vw; left:-1.4vw; margin-left:-1px; top:50%; margin-top:-1vw;position:absolute;  background:#212121; display:block; content:""}
@media only screen and (max-width:500px){
	.msg-wrap.detail .give .state{padding:40px 0 20px 0}
	.msg-wrap.detail .give .state .bar{height:4px;}
	.msg-wrap.detail .give .state .bar .num{}
	.msg-wrap.detail .give .state .bar .num .dots{width:10px;height:10px;right:-5px;}
	.msg-wrap.detail .give .state .bar .num .percent{width:42px;height:24px;line-height:24px; font-size:12px; right:-21px; top:-32px;border-radius:4px;}
	.msg-wrap.detail .give .state .gtxt{line-height:25px; font-size:18px;margin-top:10px;}
	.msg-wrap.detail .give .state .gtxt span{font-size:12px; }

	.msg-wrap.detail .give .state .ctxt{margin-top:35px;padding-top:13px;font-size:14px; line-height:22px; }
	.msg-wrap.detail .give .state .ctxt span{margin-left:14px}
	.msg-wrap.detail .give .state .ctxt span:before{height:10px; left:-7px; top:50%; margin-top:-5px;}
}

.msg-wrap.detail .mission{}
.msg-wrap.detail .mission h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0; margin-bottom:3.8vw;}
.msg-wrap.detail .mission ul{}
.msg-wrap.detail .mission li{position:relative;}
.msg-wrap.detail .mission li:nth-child(n+2){margin-top:7.2vw; }
.msg-wrap.detail .mission li .vcon{display:block;position:relative; padding-left:32vw;}
.msg-wrap.detail .mission li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.msg-wrap.detail .mission li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.msg-wrap.detail .mission li .img .vimg{overflow:hidden;}
.msg-wrap.detail .mission li .img .vcate{position:Absolute;left:0; top:0;}
.msg-wrap.detail .mission li .img .vcate span{display:block;font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;}
.msg-wrap.detail .mission li .img .vcate span.black{background:#212121;color:#fff}
.msg-wrap.detail .mission li .img .vcate span.white{background:#fff;color:#212121}
.msg-wrap.detail .mission li .img .vcate span.red{background:#BD0738;color:#fff}

.msg-wrap.detail .mission li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box;}
.msg-wrap.detail .mission li .txt .btxt{font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.msg-wrap.detail .mission li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}
.msg-wrap.detail .mission li .count{margin-top:3vw;}
.msg-wrap.detail .mission li .count:after{display:block; content:"";clear:both}
.msg-wrap.detail .mission li .count p{padding-left:4.8vw;float:left;color:#B5B5B5; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.msg-wrap.detail .mission li .count p:nth-child(n+2){margin-left:1.2vw;}
.msg-wrap.detail .mission li .count .view{background:url(../img/main/ico-view.svg) no-repeat left -0.4vw; }
.msg-wrap.detail .mission li .count .comment{background:url(../img/main/ico-comment.svg) no-repeat left -0.4vw;; }
.msg-wrap.detail .mission li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }

.msg-wrap.detail .mission .more{margin-top:8.4vw;}
.msg-wrap.detail .mission .more a{border:0.2vw solid #212121; line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;}
.msg-wrap.detail .mission .more span{padding-right:4vw; display:inline-block;vertical-align:top; background:url(../img/main/mission-more.svg) no-repeat right 52%; background-size:1.6vw auto;}
@media only screen and (max-width:500px){
	.msg-wrap.detail .mission{}
	.msg-wrap.detail .mission h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.msg-wrap.detail .mission li:nth-child(n+2){margin-top:36px;}
	.msg-wrap.detail .mission li .vcon{padding-left:160px;}
	.msg-wrap.detail .mission li .img{width:145px;height:158px;}
	.msg-wrap.detail .mission li .img img{height:158px;}
	.msg-wrap.detail .mission li .img .vcate{}
	.msg-wrap.detail .mission li .img .vcate span{font-size:12px; line-height:22px; padding:0 8px;}
	.msg-wrap.detail .mission li .txt{min-height:158px;}
	.msg-wrap.detail .mission li .txt .btxt{font-size:16px; line-height:24px;max-height:48px;  }
	.msg-wrap.detail .mission li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }
	.msg-wrap.detail .mission li .count{margin-top:15px;}
	.msg-wrap.detail .mission li .count p{padding-left:24px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.msg-wrap.detail .mission li .count p:nth-child(n+2){margin-left:6px;}
	.msg-wrap.detail .mission li .count .view{background-position:left -2px}
	.msg-wrap.detail .mission li .count .comment{background-position:left -2px}
	.msg-wrap.detail .mission li .count .like{background-position:left -2px}
	.msg-wrap.detail .mission .more{margin-top:42px;}
	.msg-wrap.detail .mission .more a{border-width:1px; line-height:58px;  font-size:16px;}
	.msg-wrap.detail .mission .more span{padding-right:20px;background-size:8px auto;}
}



/*=======================================================
	.misson-wrap .filter
=========================================================*/
.misson-wrap .filter{}
.misson-wrap .filter.active .field.search{display:block;}
.misson-wrap .filter.active .field.types .search-btn{display:none;}
.misson-wrap .filter.active .field.types .close-btn{display:block;}

.misson-wrap .filter .field{display:block;}
.misson-wrap .filter .field.search{position:relative;display:none; margin-top:3.2vw; }
.misson-wrap .filter .field.search .chk-input{width:100%}
.misson-wrap .filter .field.search .chk-input input{padding:0 3.4vw;padding-right:9vw;height:9.6vw;font-size:2.8vw;}
.misson-wrap .filter .field.search .chk-input input::placeholder{color:#212121}
.misson-wrap .filter .field.search .enter{width:4.8vw;height:4.8vw; position:Absolute;right:2vw; top:50%; margin-top:-2.4vw;background:url(../img/sub/ico-search.svg) no-repeat center center ; background-size:100% auto;}

.misson-wrap .filter .field.types{position:relative;padding-right:11.6vw;}
.misson-wrap .filter .field.types .chk-select{float:left; width:49%;}
.misson-wrap .filter .field.types .chk-select:nth-child(2){float:right;}
.misson-wrap .filter .field.types .chk-select select{font-size:2.8vw;height:9.6vw;padding:0 7vw 0 2vw; color:#212121;}
.misson-wrap .filter .field.types .chk-select .arrow{right:1.6vw;}
.misson-wrap .filter .field.types .close-btn{display:none;width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-close.svg) no-repeat center center ; background-size:8vw auto;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.misson-wrap .filter .field.types .search-btn{width:9.6vw;height:9.6vw; position:Absolute;right:0; top:50%; margin-top:-4.8vw;background:url(../img/sub/search-enter.svg) no-repeat center center #212121; background-size:4vw auto;border-radius:100%;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.misson-wrap .filter .field.search {margin-top:16px;}
	.misson-wrap .filter .field.search .chk-input input{height:48px; padding:0 17px;padding-right:45px;font-size:14px}
	.misson-wrap .filter .field.search .enter{width:24px;height:24px;right:10px;  margin-top:-12px;}

	.misson-wrap .filter .field.types{ padding-right:58px;}
	.misson-wrap .filter .field.types .chk-select select{font-size:14px;height:48px ; padding:0 35px 0 10px;}
	.misson-wrap .filter .field.types .close-btn{width:48px;height:48px;margin-top:-24px;background-size:40px auto;}
	.misson-wrap .filter .field.types .search-btn{width:48px;height:48px; margin-top:-24px;background-size:20px auto;}
}


/* 2021-11-23 시작 */
.misson-wrap.list .list{margin-top:8vw;}
.misson-wrap.list .list .total{position:relative;}
.misson-wrap.list .list .total .txt{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:2.8vw;}
.misson-wrap.list .list .total .txt span{color:#BD0738;}
.misson-wrap.list .list .total .chk-soket{position:absolute;right:0; top:0.6vw;}

.misson-wrap.list .list h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0; margin-bottom:3.8vw;}
.misson-wrap.list .list ul{}
.misson-wrap.list .list li{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw;padding-right:3.2vw; box-sizing:border-box;}
.misson-wrap.list .list li:nth-child(n+2){margin-top:7.2vw; }
.misson-wrap.list .list li a{display:block;position:relative; padding-left:32vw;}
.misson-wrap.list .list li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.misson-wrap.list .list li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.misson-wrap.list .list li .img .vimg{overflow:hidden;}
.misson-wrap.list .list li .img .vcate{position:Absolute;left:0; top:0;}
.misson-wrap.list .list li .img .vcate span{display:block;font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;}
.misson-wrap.list .list li .img .vcate span.black{background:#212121;color:#fff}
.misson-wrap.list .list li .img .vcate span.white{background:#fff;color:#BD0738}
.misson-wrap.list .list li .img .vcate span.red{background:#BD0738;color:#fff}

.misson-wrap.list .list li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box; }
.misson-wrap.list .list li .txt .btxt{font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.misson-wrap.list .list li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}
.misson-wrap.list .list li .count{margin-top:3vw;}
.misson-wrap.list .list li .count:after{display:block; content:"";clear:both}
.misson-wrap.list .list li .count p{padding-left:5.2vw;float:left;color:#212121; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.misson-wrap.list .list li .count p:nth-child(n+2){margin-left:3.2vw;}
.misson-wrap.list .list li .count .view{background:url(../img/sub/ico-view.svg) no-repeat left -0.4vw; }
.misson-wrap.list .list li .count .comment{background:url(../img/sub/ico-comment3.svg) no-repeat left -0.4vw;; }
.misson-wrap.list .list li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }

.misson-wrap.list .list .no-data{text-align:center; display:flex; justify-content:center; align-items:center; min-height:70vh;}
.misson-wrap.list .list .no-data .vc{text-align:center;}
.misson-wrap.list .list .no-data .btxt{padding-top:27vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
.misson-wrap.list .list .no-data .btxt span{color:#BD0738;}
.misson-wrap.list .list .no-data .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.misson-wrap.list .list{ margin-top:40px;}
	.misson-wrap.list .list .total .txt{font-size:14px; line-height:22px; margin-bottom:14px;}
	.misson-wrap.list .list .total .chk-soket{top:3px}

	.misson-wrap.list .list h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.misson-wrap.list .list li{width:calc(100% + 32px); margin-left:-16px; padding-right:16px}
	.misson-wrap.list .list li:nth-child(n+2){margin-top:36px;}
	.misson-wrap.list .list li a{padding-left:160px;}
	.misson-wrap.list .list li .img{width:145px;height:158px;}
	.misson-wrap.list .list li .img img{height:158px;}
	.misson-wrap.list .list li .img .vcate span{ line-height:22px; padding:0 8px; font-size:12px;}
	.misson-wrap.list .list li .txt{min-height:158px;}
	.misson-wrap.list .list li .txt .btxt{font-size:16px; line-height:24px;max-height:48px;  }
	.misson-wrap.list .list li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }
	.misson-wrap.list .list li .count{margin-top:15px;}
	.misson-wrap.list .list li .count p{padding-left:26px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.misson-wrap.list .list li .count p:nth-child(n+2){margin-left:16px;}
	.misson-wrap.list .list li .count .view{background-position:left -2px}
	.misson-wrap.list .list li .count .comment{background-position:left -2px}
	.misson-wrap.list .list li .count .like{background-position:left -2px}

	.misson-wrap.list .list .no-data .btxt{padding-top:134px;font-size:18px; line-height:26px; background-size:100px auto;}
	.misson-wrap.list .list .no-data .stxt{margin-top:10px;font-size:14px; line-height:22px}
}

/* 2021-11-23 끝*/


/*=======================================================
	.misson-wrap.detail
=========================================================*/
.misson-wrap.detail .gap25{height:5vw;}
.misson-wrap.detail .gap40{height:8vw;}
.misson-wrap.detail .gap50{height:10vw;}
.misson-wrap.detail .gap55{height:11vw;}
.misson-wrap.detail .gap65{height:13vw;}

.misson-wrap.detail .vis{position:relative;width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.misson-wrap.detail .vis .img{height:99vw;overflow:hidden;position:relative;}
.misson-wrap.detail .vis .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.3)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)', gradientType=0);}
.misson-wrap.detail .vis .img img{width:100%;height:99vw;object-fit:cover;}
.misson-wrap.detail .vis .txt{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 3.2vw 8vw 3.2vw; z-index:2;}
.misson-wrap.detail .vis .txt .vtxt{margin-top:4.8vw;font-size:6.4vw; color:#fff; line-height:10vw; font-weight:700; }
.misson-wrap.detail .vis .txt .vtxt.f24{font-size:4.8vw; line-height:7vw;}
.misson-wrap.detail .vis .txt .cate{display:inline-block;vertical-align:top; background:#212121; padding:0 2vw; line-height:6vw; font-size:2.4vw; color:#fff; font-weight:400; z-index:221}
.misson-wrap.detail .vis .txt .vcate {font-size:0;}
.misson-wrap.detail .vis .txt .vcate span{display:inline-block;vertical-align:top; padding:0 2vw; line-height:6vw; font-size:2.4vw;  font-weight:400;}
.misson-wrap.detail .vis .txt .vcate span.black{background:#212121;color:#fff;}
.misson-wrap.detail .vis .txt .vcate span.white{background:#fff;color:#BD0738;}
.misson-wrap.detail .vis .txt .vcate span.red{background:#BD0738;color:#fff}
.misson-wrap.detail .vis .txt .stxt{ color:#fff; font-size:3.2vw; line-height:5.2vw; margin-top:5vw;}

.misson-wrap.detail .vis  .count{position:absolute; right:3.2vw; top:4.8vw; z-index:912; }
.misson-wrap.detail .vis  .count .like-btn{display:block;margin-top:1.6vw;padding-top:6vw;color:#ffff; font-size:2.4vw; line-height:4.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wlike.svg) no-repeat center top; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.misson-wrap.detail .vis  .count .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.misson-wrap.detail .vis  .count .share-btn{display:block;color:#ffff;height:6.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wshare.svg) no-repeat center center; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.misson-wrap.detail .vis  .count .comment-btn{display:block;margin-top:1.6vw;padding-top:6vw;color:#ffff; font-size:2.4vw; line-height:4.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wcomment.svg) no-repeat center top; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.misson-wrap.detail .cont{margin-top:2.4vw;}
.misson-wrap.detail .cont p{font-size:3.2vw; color:#525252; line-height:5.2vw;}

.misson-wrap.detail .vbtns{margin-top:4.8vw;}
.misson-wrap.detail .vbtns:after{display:block; content:"";clear:both;}
.misson-wrap.detail .vbtns a{height:12vw; line-height:12vw; display:block; text-align:center; font-size:3.2vw; color:#fff;background:#212121; font-weight:700;}
.misson-wrap.detail .vbtns.ox a{float:left; width:48.5%; font-family:"Roboto"; font-size:2.4vw;font-weight:400; text-transform:uppercase;line-height:4.4vw;background:none; color:#b5b5b5;background:#f1f1f1;border:1px solid #f1f1f1; padding:4vw 0 2.4vw 0; text-align:center; display:block; height:auto;}
.misson-wrap.detail .vbtns.ox a:nth-child(2){float:right;}
.misson-wrap.detail .vbtns.ox a span{font-size:6vw; color:#b5b5b5;display:block; line-height:4.4vw; margin-bottom:1vw;}
.misson-wrap.detail .vbtns.ox a.active{ background:#fff; border-color:#BD0738; color:#BD0738}
.misson-wrap.detail .vbtns.ox a.active span{color:#BD0738;}
.misson-wrap.detail .vbtns.ox a.disabled{background:#f1f1f1 ;border-color:#f1f1f1;color:#b5b5b5;}
.misson-wrap.detail .vbtns.ox a.disabled span{color:#b5b5b5;}

.misson-wrap.detail .lower{margin-top:4.8vw;}
.misson-wrap.detail .lower.fix .fix{padding:0 3.2vw;}
.misson-wrap.detail .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#121212;}
@media only screen and (max-width:500px){
	.misson-wrap.detail .enter-btn{line-height:60px; font-size:16px;}
}
@media only screen and (max-width:500px){
	.misson-wrap.detail .gap25{height:25px;}
	.misson-wrap.detail .gap40{height:40px;}
	.misson-wrap.detail .gap50{height:50px;}
	.misson-wrap.detail .gap55{height:55px;}
	.misson-wrap.detail .gap65{height:65px;}

	.misson-wrap.detail .vis{width:calc(100% + 32px);margin-left:-16px;}
	.misson-wrap.detail .vis .img{height:495px;}
	.misson-wrap.detail .vis .img img{height:495px;}
	.misson-wrap.detail .vis .txt{ padding:0 16px 40px 16px;}
	.misson-wrap.detail .vis .txt .vtxt{margin-top:24px;font-size:32px; line-height:50px}
	.misson-wrap.detail .vis .txt .vtxt.f24{font-size:24px;line-height:35px;}
	.misson-wrap.detail .vis .txt .cate{line-height:30px; padding:0 10px; font-size:12px;}
	.misson-wrap.detail .vis .txt .vcate span{line-height:30px; padding:0 10px; font-size:12px;}
	.misson-wrap.detail .vis .txt .stxt{font-size:16px; line-height:26px; margin-top:25px}

	.misson-wrap.detail .vis .count{ right:16px; top:24px;}
	.misson-wrap.detail .vis  .count .like-btn{padding-top:30px; margin-top:8px; font-size:12px; line-height:22px;background-size:32px auto;}
	.misson-wrap.detail .vis  .count .share-btn{  height:32px;background-size:32px auto;}
	.misson-wrap.detail .vis  .count .comment-btn{padding-top:30px; margin-top:8px; font-size:12px; line-height:22px;background-size:32px auto;}

	.misson-wrap.detail .cont{margin-top:12px;}
	.misson-wrap.detail .cont p{font-size:16px;line-height:26px}

	.misson-wrap.detail .vbtns{margin-top:24px;}
	.misson-wrap.detail .vbtns a{height:60px;line-height:60px; font-size:16px;}
	.misson-wrap.detail .vbtns.ox a{font-size:12px; line-height:22px; padding:20px 0 12px 0;}
	.misson-wrap.detail .vbtns.ox a span{font-size:30px; line-height:22px; margin-bottom:5px;}

	.misson-wrap.detail .lower{margin-top:24px;}
	.misson-wrap.detail .lower.fix .fix{padding:0 16px;}
}


.misson-wrap.detail .mvis{position:relative;width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.misson-wrap.detail .mvis .img{position:relative;}
.misson-wrap.detail .mvis .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.3)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)', gradientType=0);}
.misson-wrap.detail .mvis .img img{width:100%;height:63.2vw;object-fit:cover;}
.misson-wrap.detail .mvis .txt{position:relative; padding:0 3.2vw;padding-top:6.4vw; }
.misson-wrap.detail .mvis .txt .btxt{font-size:4.8vw; color:#212121; line-height:7vw; font-weight:700; }
.misson-wrap.detail .mvis .txt .cate{position:absolute;left:3.2vw; top:-3vw;z-index:221; font-size:0;}
.misson-wrap.detail .mvis .txt .cate span{display:inline-block;vertical-align:top; padding:0 2vw; line-height:6vw; font-size:2.4vw;  font-weight:400;}
.misson-wrap.detail .mvis .txt .cate span.black{background:#212121;color:#fff;}
.misson-wrap.detail .mvis .txt .cate span.white{background:#fff;color:#BD0738;}
.misson-wrap.detail .mvis .txt .cate span.red{background:#BD0738;color:#fff}
.misson-wrap.detail .mvis .txt .stxt{margin-top:2.4vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; }
.misson-wrap.detail .mvis .txt .ctxt{margin-top:1vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; }
@media only screen and (max-width:500px){
	.misson-wrap.detail .mvis{width:calc(100% + 32px);margin-left:-16px;}
	.misson-wrap.detail .mvis .img{height:316px;}
	.misson-wrap.detail .mvis .img img{height:316px;}
	.misson-wrap.detail .mvis .txt{padding:0 16px;padding-top:32px; }
	.misson-wrap.detail .mvis .txt .btxt{font-size:24px; line-height:35px}
	.misson-wrap.detail .mvis .txt .cate{left:16px; top:-15px;}
	.misson-wrap.detail .mvis .txt .cate span{line-height:30px; padding:0 10px; font-size:12px;}
	.misson-wrap.detail .mvis .txt .stxt{margin-top:12px;font-size:14px;line-height:22px; }
	.misson-wrap.detail .mvis .txt .ctxt{margin-top:5px;font-size:14px;line-height:22px; }
}


.misson-wrap.detail .share{padding:2vw 3.2vw; padding-right:24vw; width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box;position:relative;text-align:right;  border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;}
.misson-wrap.detail .share.no-abr{padding:2vw 3.2vw; }
.misson-wrap.detail .share .abr{text-align:center;border-left:1px solid #b5b5b5; position:absolute;right:0; top:0; width:20vw;display:flex;align-items: center; justify-content: center; height:100%;}
.misson-wrap.detail .share .like-btn{margin-left:2vw;padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/like-off.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.misson-wrap.detail .share .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.misson-wrap.detail .share .share-btn{width:6.4vw;height:6.4vw; display:inline-block;vertical-align:top;  background:url(../img/sub/ico-share.svg) no-repeat left 45%; background-size:100% auto;}
.misson-wrap.detail .share .comment-btn{padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/ico-bcomment.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.misson-wrap.detail .share{padding:10px 16px; padding-right:120px; width:calc(100% + 32px);margin-left:-16px; border-width:1px;}
	.misson-wrap.detail .share.no-abr{padding:10px 16px;}
	.misson-wrap.detail .share .abr{width:100px}
	.misson-wrap.detail .share .like-btn{margin-left:10px;padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
	.misson-wrap.detail .share .share-btn{width:32px;height:32px;}
	.misson-wrap.detail .share .comment-btn{padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
}


.misson-wrap .stamp{position:relative;}
.misson-wrap .stamp h3{font-size:4.8vw; font-weight:700;color:#212121; line-height:7vw;}
.misson-wrap .stamp ul{margin:0 -1% ; margin-top:5vw;font-size:0;}
.misson-wrap .stamp ul:after{display:block; content:"";clear:both}
.misson-wrap .stamp li{float:left; width:18%; margin:0 1%}
.misson-wrap .stamp li:nth-child(n+6){margin-top:3vw}
.misson-wrap .stamp li a{display:block;position:relative; min-height:10.6vw;text-align:center;background:url(../img/sub/stamp-bg01.svg) no-repeat center center; background-size:100% auto;}
.misson-wrap .stamp li a:after{position:absolute; left:0; top:0; width:100%;height:100%;background:url(../img/sub/stamp-bg02.svg) no-repeat center center; background-size:78% auto; display:block; content:"";}
.misson-wrap .stamp li a span{font-size:3.2vw;position:absolute; left:0; top:0; width:100%;height:100%; font-weight:700;font-family:"Roboto";display:flex;align-items: center; justify-content: center;  color:#fff;text-align:center;z-index:912;transform: rotate(-17.32deg);}
.misson-wrap .stamp li.active a{background-image:url(../img/sub/stamp-bg01o.svg)}
.misson-wrap .stamp li.active a:after{background-image:url(../img/sub/stamp-bg02o.svg)}

.misson-wrap .stamp.c03 li{width:31.3333%}
.misson-wrap .stamp.c03 li:nth-child(n+4){margin-top:3vw}
.misson-wrap .stamp.c03.inline ul{text-align:center;}
.misson-wrap .stamp.c03.inline li{display:inline-block;vertical-align:top; float:none;}
@media only screen and (max-width:500px){
	.misson-wrap .stamp h3{font-size:24px; line-height:35px;}
	.misson-wrap .stamp ul{margin-top:25px;}
	.misson-wrap .stamp li:nth-child(n+6){margin-top:15px}
	.misson-wrap .stamp li a{min-height:53px;}
	.misson-wrap .stamp li a span{font-size:16px;}
}

.misson-wrap .ntamp{position:relative; background:#f1f1f1; width:calc(100% + 3.2vw) ;margin-left:-1.6vw; padding-bottom:10px;}
.misson-wrap .ntamp h3{font-size:3.2vw; font-weight:700;color:#212121; line-height:13vw; padding:0 3.2vw; background:#DFDFDF;}
.misson-wrap .ntamp h3 span{color:#BD0738;}
.misson-wrap .ntamp ul{margin:0 -1% ; margin-top:4vw;font-size:0; padding:0 3.2vw}
.misson-wrap .ntamp ul:after{display:block; content:"";clear:both}
.misson-wrap .ntamp li{float:left; width:18%; margin:0 1%;text-align:center;}
.misson-wrap .ntamp li:nth-child(n+6){margin-top:3vw}
.misson-wrap .ntamp li a{display:inline-block;position:relative; min-height:11.6vw; min-width:11.6vw;text-align:center;background:url(../img/sub/stamp-off.svg) no-repeat center center; background-size:100% auto;}
.misson-wrap .ntamp li a:after{position:absolute; opacity:0;left:0; top:0; width:100%;height:100%;background:url(../img/sub/stamp-on.svg) no-repeat center center; background-size:100% auto; display:block; content:""; z-index:1229;}
.misson-wrap .ntamp li a span{font-size:2.6vw;position:absolute; left:0; top:0; width:100%;height:100%; font-weight:300;display:flex;align-items: center; justify-content: center;  color:#9f9f9f;text-align:center;z-index:912;}

.misson-wrap .ntamp li.active a:after{opacity:1;}
/* ■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■ */
/* .misson-wrap .ntamp.c03 ul{padding:0 6.4vw;}
.misson-wrap .ntamp.c03 li{width:33.333%; }
.misson-wrap .ntamp.c03 li:nth-child(n+4){margin-top:3vw}
.misson-wrap .ntamp.c03 ul{text-align:center;}
.misson-wrap .ntamp.c03 li{display:inline-block;vertical-align:top; float:none;}
.misson-wrap .ntamp.c03 li a{min-height:16vw; min-width:16vw;}
.misson-wrap .ntamp.c03 li a span{font-size:3.2vw;} */
/* ■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■ */
.misson-wrap .ntamp .xbtns {padding:8vw 3.2vw 11vw 3.2vw ; }
@media only screen and (max-width:500px){
	.misson-wrap .ntamp{ width:calc(100% + 32px) ;margin-left:-16px; padding-bottom:10px;}

	.misson-wrap .ntamp h3{font-size:16px; line-height:65px; padding:0 16px;}
	.misson-wrap .ntamp ul{margin-top:20px; padding:0 16px;}
	.misson-wrap .ntamp li:nth-child(n+6){margin-top:15px}
	.misson-wrap .ntamp li a{min-height:58px; min-width:58px;}
	.misson-wrap .ntamp li a span{font-size:13px;}

	.misson-wrap .ntamp .xbtns {padding:40px 16px 55px 16px;}
	/* ■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■ */
	/* .misson-wrap .ntamp.c03 ul{ padding:0 32px}
    .misson-wrap .ntamp.c03 li a{min-height:80px; min-width:80px;}
    .misson-wrap .ntamp.c03 li a span{font-size:16px;} */
	/* ■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■ */
}

.misson-wrap .xbtns{}
.misson-wrap .xbtns a{padding:4vw 3.2vw 4vw 15vw;display:block; position:relative;background:#fff;border:1px solid #BD0738;box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -webkit-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -moz-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; }
.misson-wrap .xbtns a .num{ position:absolute; left:3.2vw; top:4vw; line-height:9vw;text-align:center; width:9vw; height:9vw; border-radius:100%;background:#BD0738;color:#fff; font-size:2.8vw;}
.misson-wrap .xbtns a .txt{height:9vw; display:flex;align-items: center; justify-content: left;}
.misson-wrap .xbtns a .txt .btxt{font-size:3.2vw; font-weight:700; color:#BD0738; line-height:4vw;}
.misson-wrap .xbtns a .txt .stxt{font-size:2.8vw; font-weight:400; color:#BD0738; line-height:4vw;}
.misson-wrap .xbtns a .txt .stxt span{display:inline-block;vertical-align:top; position:relative; margin-left:2.4vw;}
.misson-wrap .xbtns a .txt .stxt span:before{width:0.4vw;height:0.4vw; background:#212121; position:Absolute ;left: -1.6vw; top:2vw ;display:block;content:"" ; border-radius:100%;}
.misson-wrap .xbtns a:after{width:5.6vw;height:5.6vw; position:absolute;right:5.6vw; top:50%; margin-top:-2.8vw; display:block;background:url(../img/sub/take-check.svg) no-repeat center center; background-size:100% auto;content:""}

.misson-wrap .xbtns.end a{background:#EFEFEF;border-color:#EFEFEF;box-shadow: none; -webkit-box-shadow: none  ; -moz-box-shadow: none; }
.misson-wrap .xbtns.end a:after{background-image:url(../img/sub/take-checko.svg)}
.misson-wrap .xbtns.end a .num{background:#fff; color:#212121;}
.misson-wrap .xbtns.end a .txt .btxt{color:#fff;}
.misson-wrap .xbtns.end a .txt .stxt{color:#fff;}
@media only screen and (max-width:500px){
	.misson-wrap .xbtns a{padding:20px 16px 20px 75px}
	.misson-wrap .xbtns a .num{left:16px; top:20px; line-height:45px;font-size:14px; width:45px; height:45px;}
	.misson-wrap .xbtns a .txt{height:45px; }
	.misson-wrap .xbtns a .txt .btxt{font-size:16px;line-height:20px;}
	.misson-wrap .xbtns a .txt .stxt{font-size:14px;line-height:20px;}
	.misson-wrap .xbtns a .txt .stxt span{margin-left:12px;}
	.misson-wrap .xbtns a .txt .stxt span:before{width:2px;height:2px; left:-8px; top:10px;}
	.misson-wrap .xbtns a:after{width:28px;height:28px;right:28px; margin-top:-14px;}
}

.misson-wrap .wbtns{}
.misson-wrap .wbtns a{padding:4vw 3.2vw 4vw 15vw;display:block; position:relative;border:1px solid #212121;}
.misson-wrap .wbtns a .num{ position:absolute; left:3.2vw; top:4vw; line-height:9vw;text-align:center; width:9vw; height:9vw; background:#212121;color:#fff; font-size:2.8vw;}
.misson-wrap .wbtns a .txt{height:9vw; display:flex;align-items: center; justify-content: left;}
.misson-wrap .wbtns a .txt .btxt{font-size:3.2vw; font-weight:700; color:#212121; line-height:4vw;}
.misson-wrap .wbtns a .txt .stxt{font-size:2.8vw; font-weight:400; color:#212121; line-height:4vw;}
.misson-wrap .wbtns a .txt .stxt span{display:inline-block;vertical-align:top; position:relative; margin-left:2.4vw;}
.misson-wrap .wbtns a .txt .stxt span:before{width:0.4vw;height:0.4vw; background:#212121; position:Absolute ;left: -1.2vw; top:1.6vw ;display:block;content:"" ; border-radius:100%;}
.misson-wrap .wbtns a:after{width:5.6vw;height:5.6vw; position:absolute;right:5.6vw; top:50%; margin-top:-2.8vw; display:block;background:url(../img/sub/take-checkb.svg) no-repeat center center; background-size:100% auto;content:""}

.misson-wrap .wbtns.end a{border-color:#BD0738}
.misson-wrap .wbtns.end a .num{background:#BD0738}
.misson-wrap .wbtns.end a .txt .btxt{color:#BD0738}
.misson-wrap .wbtns.end a .txt .stxt{color:#BD0738}
.misson-wrap .wbtns.end a:after{background-image:url(../img/sub/take-checkr.svg)}
@media only screen and (max-width:500px){
	.misson-wrap .wbtns a{padding:20px 16px 20px 75px}
	.misson-wrap .wbtns a .num{left:16px; top:20px; line-height:45px;font-size:14px; width:45px; height:45px;}
	.misson-wrap .wbtns a .txt{height:45px; }
	.misson-wrap .wbtns a .txt .btxt{font-size:16px;line-height:20px;}
	.misson-wrap .wbtns a .txt .stxt{font-size:14px;line-height:20px;}
	.misson-wrap .wbtns a .txt .stxt span{margin-left:12px;}
	.misson-wrap .wbtns a .txt .stxt span:before{width:2px;height:2px; left:-6px; top:8px;}
	.misson-wrap .wbtns a:after{width:28px;height:28px;right:28px; margin-top:-14px;}
}


.misson-wrap .zbtns{}
.misson-wrap .zbtns a{padding:4vw 5.2vw 4vw 5.2vw;display:block; position:relative;border:1px solid #212121;}
.misson-wrap .zbtns a .num{ position:absolute; left:3.2vw; top:4vw; line-height:9vw;text-align:center; width:9vw; height:9vw; border-radius:100%;background:#212121;color:#fff; font-size:2.8vw;}
.misson-wrap .zbtns a .txt{height:9vw; display:flex;align-items: center; justify-content: left;}
.misson-wrap .zbtns a .txt .btxt{font-size:3.2vw;font-weight:700; color:#212121; line-height:4vw;}
.misson-wrap .zbtns a .txt .stxt{font-size:2.8vw; font-weight:400; color:#212121; line-height:4vw;}
.misson-wrap .zbtns a .txt .stxt span{display:inline-block;vertical-align:top; position:relative; margin-left:2.4vw;}
.misson-wrap .zbtns a .txt .stxt span:before{width:0.4vw;height:0.4vw; background:#212121; position:Absolute ;left: -1.2vw; top:1.6vw ;display:block;content:"" ; border-radius:100%;}
.misson-wrap .zbtns a:after{width:5.6vw;height:5.6vw; position:absolute;right:5.6vw; top:50%; margin-top:-2.8vw; display:block;background:url(../img/sub/take-checkb.svg) no-repeat center center; background-size:100% auto;content:""}

.misson-wrap .zbtns.enter a{border-color:#BD0738;box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -webkit-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; -moz-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1)  ; }
.misson-wrap .zbtns.enter a .txt .btxt{color:#BD0738}
.misson-wrap .zbtns.enter a .txt .stxt{color:#BD0738}
.misson-wrap .zbtns.enter a:after{background-image:url(../img/sub/take-check.svg)}

.misson-wrap .zbtns.end a{background:#bebebe;border-color:#bebebe;box-shadow: none; -webkit-box-shadow: none  ; -moz-box-shadow: none; }
.misson-wrap .zbtns.end a:after{background-image:url(../img/sub/take-checko.svg)}
.misson-wrap .zbtns.end a .num{background:#fff; color:#212121;}
.misson-wrap .zbtns.end a .txt .btxt{color:#fff;}
.misson-wrap .zbtns.end a .txt .stxt{color:#fff;}

@media only screen and (max-width:500px){
	.misson-wrap .zbtns a{padding:20px 26px 20px 26px}
	.misson-wrap .zbtns a .num{left:16px; top:20px; line-height:45px;font-size:14px; width:45px; height:45px;}
	.misson-wrap .zbtns a .txt{height:45px; }
	.misson-wrap .zbtns a .txt .btxt{font-size:16px;line-height:20px;}
	.misson-wrap .zbtns a .txt .stxt{font-size:14px;line-height:20px;}
	.misson-wrap .zbtns a .txt .stxt span{margin-left:12px;}
	.misson-wrap .zbtns a .txt .stxt span:before{width:2px;height:2px; left:-6px; top:8px;}
	.misson-wrap .zbtns a:after{width:28px;height:28px;right:28px; margin-top:-14px;}
}

.misson-wrap.detail .hash{margin-top:4vw}
.misson-wrap.detail .hash ul{margin:-1vw; min-height:7vw;}
.misson-wrap.detail .hash ul:after{display:block;content:"";clear:both;}
.misson-wrap.detail .hash li{margin:1vw; float:left; width:auto ;}
.misson-wrap.detail .hash li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.misson-wrap.detail .hash i:nth-child(n+2){margin:1vw;}

.misson-wrap.detail .hash li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
@media only screen and (max-width:500px){
	.misson-wrap.detail .hash{margin-top:20px}
	.misson-wrap.detail .hash ul{margin:-5px; min-height:35px;}
	.misson-wrap.detail .hash li{margin:5px;}
	.misson-wrap.detail .hash li:nth-child(n+2){margin:5px;}
	.misson-wrap.detail .hash li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}
}


.misson-wrap.detail .other {padding:8vw 0;position:relative;}
.misson-wrap.detail .other .other-slide{overflow:visible !important;}
.misson-wrap.detail .other ul{}
.misson-wrap.detail .other ul:after{display:block; content:"";clear:both;}
.misson-wrap.detail .other li{float:left;margin-left:2vw;}
.misson-wrap.detail .other li:first-child{margin-left:0;}
.misson-wrap.detail .other li a{display:block;position:relative;}
.misson-wrap.detail .other li .img{position:relative;overflow:hidden;}
.misson-wrap.detail .other li .img img{width:100%;height:44.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}

.misson-wrap.detail .other li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.misson-wrap.detail .other .scrollbar{margin-top:3.2vw;position:relative; background:#DFDFDF;width:100%;height:0.8vw;line-height:0; overflow:hidden; }
.misson-wrap.detail .other .scrollbar .handle {width: 100px;height: 100%;background: #212121;cursor: pointer; }
.misson-wrap.detail .other .scrollbar .handle:after{width:2000px; right:0; top:0; background:#212121; display:block; content:"";position:absolute;height:0.8vw;}

.misson-wrap.detail .movie {position:relative;overflow:hidden; margin-top:8vw;}
.misson-wrap.detail .movie img{width:100%;height:44.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.misson-wrap.detail .movie .play-btn{width:16vw;height:16vw;background:url(../img/sub/ico-play.svg) no-repeat center center; background-size:100% auto;position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
@media only screen and (max-width:500px){
	.misson-wrap.detail .other {padding:40px 0;}
	.misson-wrap.detail .other li .img img{height:223px;}
	.misson-wrap.detail .other .scrollbar{margin-top:16px; height:4px;}
	.misson-wrap.detail .other .scrollbar .handle{}
	.misson-wrap.detail .other .scrollbar .handle:after{height:4px;}

	.misson-wrap.detail .movie{margin-top:40px;}
	.misson-wrap.detail .movie img{height:223px;}
	.misson-wrap.detail .movie .play-btn{width:80px;height:80px;}
}


.misson-wrap.detail .tab{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw;}
.misson-wrap.detail .tab:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#212121; z-index:-1; height:100%;}
.misson-wrap.detail .tab ul{}
.misson-wrap.detail .tab ul:after{display:block; content:"";clear:both;}
.misson-wrap.detail .tab li{float:left; width:50%;text-align:center;}
.misson-wrap.detail .tab li a{display:block; line-height:12vw; opacity:0.4; color:#fff; font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; }
.misson-wrap.detail .tab li a span{display:inline-block;vertical-align:top;position:relative;}
.misson-wrap.detail .tab li a span:after{background:#fff; width:100%; position:Absolute ;left:0; bottom:0; display:block; content:"";height:0;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
.misson-wrap.detail .tab li.active a{opacity:1;}
.misson-wrap.detail .tab li.active a span:after{height:6px}
@media only screen and (max-width:500px){
	.misson-wrap.detail .tab{ width:calc(100% + 32px); margin-left:-16px;}
	.misson-wrap.detail .tab li a{font-size:16px; line-height:60px;}
	.misson-wrap.detail .tab li.active a span:after{height:3px}

}


.misson-wrap.detail .xtab{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw;}
.misson-wrap.detail .xtab:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#fff; z-index:-1; height:100%;}
.misson-wrap.detail .xtab ul{}
.misson-wrap.detail .xtab ul:after{display:block; content:"";clear:both;}
.misson-wrap.detail .xtab li{float:left; width:50%;text-align:center;}
.misson-wrap.detail .xtab li a{display:block; line-height:12vw; opacity:0.4; color:#212121; font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; }
.misson-wrap.detail .xtab li a span{display:inline-block;vertical-align:top;position:relative;}
.misson-wrap.detail .xtab li a span:after{background:#212121; width:100%; position:Absolute ;left:0; bottom:0; display:block; content:"";height:0;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
.misson-wrap.detail .xtab li.active a{opacity:1;}
.misson-wrap.detail .xtab li.active a span:after{height:6px}
@media only screen and (max-width:500px){
	.misson-wrap.detail .xtab{ width:calc(100% + 32px); margin-left:-16px;}
	.misson-wrap.detail .xtab li a{font-size:16px; line-height:60px;}
	.misson-wrap.detail .xtab li.active a span:after{height:3px}

}

.misson-wrap.detail .knack{margin-top:8vw 0 0 0;}
.misson-wrap.detail .knack{position:relative;}
.misson-wrap.detail .knack .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0;}
.misson-wrap.detail .knack .total span{color:#BD0738;}

.misson-wrap.detail .knack ul{margin-top:6vw;}
.misson-wrap.detail .knack li{position:relative;}
.misson-wrap.detail .knack li:nth-child(n+2){margin-top:7.2vw; }
.misson-wrap.detail .knack li .vcon{display:block;position:relative; padding-left:32vw;}
.misson-wrap.detail .knack li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.misson-wrap.detail .knack li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.misson-wrap.detail .knack li .img .vimg{overflow:hidden;}
.misson-wrap.detail .knack li .img .vcate{position:absolute;left:0; font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;color:#fff; background:#121212}
.misson-wrap.detail .knack li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box; position:Relative;}
.misson-wrap.detail .knack li .txt .ztxt{line-height:6vw; padding:0 1.8vwpx;  margin-bottom:1.2vw; font-size:2.4vw;background:#212121; color:#fff; display:inline-block;vertical-align:top;}
.misson-wrap.detail .knack li .txt .btxt{font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:100%; overflow:hidden;}
.misson-wrap.detail .knack li .txt .stxt{margin-top:1.2vw;font-size:2.8vw; font-weight:400; color:#212121; line-height:3.2vw; padding-left:4vw;background:url(../img/sub/ico-user.svg) no-repeat left center; background-size:3.2vw auto;}
.misson-wrap.detail .knack li .txt .stxt.pro{margin-top:1.2vw;font-size:2.8vw; font-weight:400; color:#212121; line-height:3.2vw; padding-left:4vw;background:url(../img/sub/ico-proUser.svg) no-repeat left center; background-size:3.2vw auto;}
.misson-wrap.detail .knack li .txt .stxt.creator{margin-top:1.2vw;font-size:2.8vw; font-weight:400; color:#212121; line-height:3.2vw; padding-left:4vw;background:url(../img/sub/ico_gold.svg) no-repeat left center; background-size:3.2vw auto;}
.misson-wrap.detail .knack li .count{position:Absolute; left:0; bottom:2.4vw; width:100%;}
.misson-wrap.detail .knack li .count:after{display:block; content:"";clear:both}
.misson-wrap.detail .knack li .count p{float:left;color:#B5B5B5; font-size:2.4vw; line-height:3.6vw; }
.misson-wrap.detail .knack li .count .singo{color:#B5B5B5; font-size:2.4vw; line-height:3.6vw; position:Absolute;right:0; top:0; padding-left:4.8vw;background:url(../img/sub/ico-singo.svg) no-repeat left center; background-size:4.8vw auto;}
.misson-wrap.detail .knack li .count .modify{color:#B5B5B5; font-size:2.4vw; line-height:3.6vw; position:Absolute;right:0; top:0; padding-left:4vw;background:url(../img/sub/ico-modify.svg) no-repeat left center; background-size:2.4vw auto;}

.misson-wrap.detail .knack.no-img:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; height:100%; background:#f6f6f6; top:0; z-index:-1; display:block; content:""}
.misson-wrap.detail .knack.no-img{ margin-top:0; padding:8vw 0}
.misson-wrap.detail .knack.no-img li .vcon{padding-left:0;}
.misson-wrap.detail .knack.no-img li .txt{min-height:auto;  width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:Border-box; padding:0 3.2vw;padding-bottom:2.4vw;}
.misson-wrap.detail .knack.no-img li .txt .stxt{margin-top:2.4vw;}
.misson-wrap.detail .knack.no-img li .count{position:relative; left:auto; bottom:auto ;width:auto; margin-top:2.4vw;}
@media only screen and (max-width:500px){
	.misson-wrap.detail .knack{margin-top:40px;}
	.misson-wrap.detail .knack .total{font-size:14px; line-height:22px; margin-bottom:14px;}
	.misson-wrap.detail .knack ul{margin-top:30px;}
	.misson-wrap.detail .knack li:nth-child(n+2){margin-top:36px;}
	.misson-wrap.detail .knack li .vcon{padding-left:160px;}
	.misson-wrap.detail .knack li .img{width:145px;height:158px;}
	.misson-wrap.detail .knack li .img img{height:158px;}
	.misson-wrap.detail .knack li .img .vcate{font-size:12px; line-height:22px; padding:0 8px;}
	.misson-wrap.detail .knack li .txt{min-height:158px;}
	.misson-wrap.detail .knack li .txt .ztxt{line-height:30px; padding:0 9px;  margin-bottom:6px; font-size:12px;background:#212121;}
	.misson-wrap.detail .knack li .txt .btxt{font-size:16px; line-height:24px;max-height:100%;  }
	.misson-wrap.detail .knack li .txt .stxt{margin-top:6px;font-size:14px; line-height:16px;background-size:16px; padding-left:20px;}
	.misson-wrap.detail .knack li .txt .stxt.pro{margin-top:6px;font-size:14px; line-height:16px;background-size:16px; padding-left:20px;}
	.misson-wrap.detail .knack li .count{bottom:12px;}
	.misson-wrap.detail .knack li .count p{font-size:12px; line-height:18px}
	.misson-wrap.detail .knack li .count .singo{font-size:12px; line-height:18px; padding-left:24px;background-size:24px auto;}
	.misson-wrap.detail .knack li .count .modify{font-size:12px; line-height:18px; padding-left:20px;background-size:12px auto;}
	.misson-wrap.detail .knack li .count .view{background-position:left -2px}
	.misson-wrap.detail .knack li .count .comment{background-position:left -2px}
	.misson-wrap.detail .knack li .count .like{background-position:left -2px}

	.misson-wrap.detail .knack.no-img{padding:40px 0 0 0;}
	.misson-wrap.detail .knack.no-img li .txt{ width:calc(100% + 32px);margin-left:-16px; padding:0 16px;padding-bottom:12px; }
	.misson-wrap.detail .knack.no-img li .txt .stxt{margin-top:12px;}
	.misson-wrap.detail .knack.no-img li .count{margin-top:12px;}

}


.misson-wrap.detail .vtake{ position:relative; padding:8vw 0}
.misson-wrap.detail .vtake:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0;height:100%;background:#f6f6f6; display:block; content:"";z-index:-1;}

.misson-wrap.detail .vtake .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0;}
.misson-wrap.detail .vtake .total span{color:#BD0738;}

.misson-wrap.detail .vtake .inst{position:relative;margin-top:4vw; margin-bottom:2vw;}
.misson-wrap.detail .vtake .nick{position:relative; padding-left:4.8vw;}
.misson-wrap.detail .vtake .nick .img{position:absolute; left:0; top:0.2vw; width:3.2vw;height:3.2vw; border-radius:100%; }
.misson-wrap.detail .vtake .nick .img img{width:100%;vertical-align:top;}
.misson-wrap.detail .vtake .nick .name{line-height:4vw; font-size:2.8vw; font-weight:400; color:#212121;}
.misson-wrap.detail .vtake .inst .time{margin-top:1vw;line-height:4vw; font-size:2.4vw; font-weight:400; color:#b5b5b5;}

.misson-wrap.detail .vtake .inst .singo{color:#B5B5B5; font-size:2.4vw; line-height:4vw; position:Absolute;right:0; bottom:0; padding-left:4.8vw;background:url(../img/sub/ico-singo.svg) no-repeat left center; background-size:4.8vw auto;}
.misson-wrap.detail .vtake .inst .modify{color:#B5B5B5; font-size:2.4vw; line-height:4vw; position:Absolute;right:0; bottom:0; padding-left:3.2vw;background:url(../img/sub/ico-modify.svg) no-repeat left center; background-size:2.2vw auto;}

.misson-wrap.detail .vtake .vtem{}
.misson-wrap.detail .vtake .vtem:nth-child(n+2){margin-top:5vw;}
.misson-wrap.detail .vtake .vtem ul{}
.misson-wrap.detail .vtake .vtem ul:after{display:block; content:"";clear:both;}
.misson-wrap.detail .vtake .vtem li{float:left;}
/* .misson-wrap.detail .vtake .vtem li:nth-child(even){float:right;} */
.misson-wrap.detail .vtake .vtem a{display:block;}
.misson-wrap.detail .vtake .vtem a img{width:100%; min-height:144px; object-fit:cover;}
.misson-wrap.detail .vtake .vtem .txt{margin-top:2vw;}
.misson-wrap.detail .vtake .vtem .txt p{line-height:4.8vw; font-weight:700; color:#212121;font-size:3.2vw;}

.misson-wrap.detail .vtake .vtem-slide{overflow:visible !important}
.misson-wrap.detail .vtake .vtem .vtem-slide li{margin-left:1.8vw;}
.misson-wrap.detail .vtake .vtem .vtem-slide li:first-child{margin-left:0}
@media only screen and (max-width:500px){
	.misson-wrap.detail .vtake{padding:40px 0;}
	.misson-wrap.detail .vtake .total{font-size:14px; line-height:22px; margin-bottom:14px;}

	.misson-wrap.detail .vtake .inst{margin-bottom:10px; margin-top:20px;}
	.misson-wrap.detail .vtake .nick{padding-left:24px;}
	.misson-wrap.detail .vtake .nick .img{width:16px;height:16px; top:1px;}
	.misson-wrap.detail .vtake .nick .name{line-height:20px; font-size:14px;}
	.misson-wrap.detail .vtake .inst .time{margin-top:5px;line-height:20px; font-size:12px;}
	.misson-wrap.detail .vtake .inst .singo{font-size:12px; line-height:20px; padding-left:24px;background-size:24px auto;}
	.misson-wrap.detail .vtake .inst .modify{font-size:12px; line-height:20px; padding-left:16px;background-size:11px auto;}

	.misson-wrap.detail .vtake .vtem:nth-child(n+2){margin-top:25px;}
	.misson-wrap.detail .vtake .vtem .txt{margin-top:10px;}
	.misson-wrap.detail .vtake .vtem .txt p{line-height:24px;font-size:16px;}

	.misson-wrap.detail .vtake .vtem .vtem-slide li{margin-left:9px}
}


/*=======================================================
	.misson-wrap.mend
=========================================================*/
.misson-wrap.mend{}
.misson-wrap.mend .vis{ padding:12vw 8vw 0 8vw; box-sizing:border-box; width:calc(100% + 6.4vw);margin-left:-3.2vw; position:Relative;}
.misson-wrap.mend .vis:after{background:#212121; height:52vw; width:100%; position:Absolute ;left:0; top:0; display:block; content:"";z-index:-1;}
.misson-wrap.mend .vis .txt{background:#fff; padding:8vw 4.8vw 4.8vw 4.8vw; box-sizing:border-box; min-height:54vw;text-align:center;}
.misson-wrap.mend .vis .txt .btxt{font-size:3.6vw; font-weight:700;color:#212121; line-height:7.6vw; padding-top:11vw; background:url(../img/sub/chk-misson.svg) no-repeat center top; background-size:5.8vw auto}
.misson-wrap.mend .vis .txt .stxt{font-size:3.2vw; font-weight:700;line-height:8.4vw;color:#212121;}
.misson-wrap.mend .vis .txt .stxt span{color: #BD0738}
.misson-wrap.mend .vis .txt .gtxt{margin-top:4.8vw; border-top:1px dashed #b5b5b5; padding-top:4.8vw; font-size:2.8vw; line-height:4.4vw; height:8.8vw; color:#212121; display:flex;align-items: center; justify-content: center;}
@media only screen and (max-width:500px){
	.misson-wrap.mend .vis{padding:60px 40px 0 40px; width:calc(100% + 32px);margin-left:-16px;}
	.misson-wrap.mend .vis:after{ height:260px;}
	.misson-wrap.mend .vis .txt{min-height:270px; padding:40px 24px 24px 24px;}
	.misson-wrap.mend .vis .txt .btxt{font-size:18px;line-height:38px; padding-top:55px ;background-size:49px auto;}
	.misson-wrap.mend .vis .txt .stxt{font-size:16px;line-height:42px;}
	.misson-wrap.mend .vis .txt .gtxt{margin-top:24px; padding-top:24px; font-size:14px; line-height:22px; height:44px}
}

.misson-wrap.mend .give{margin-top:12vw}
.misson-wrap.mend .give h3{font-size:3.6vw; color:#212121; line-height:5.2vw;text-align:center; letter-spacing:0; margin-bottom:4vw;}
.misson-wrap.mend .give .give-slide{overflow:visible !important;}
.misson-wrap.mend .give ul{}
.misson-wrap.mend .give ul:after{display:block; content:"";clear:both;}
.misson-wrap.mend .give li{float:left;margin-left:2vw;}
.misson-wrap.mend .give li:first-child{margin-left:0;}
.misson-wrap.mend .give li a{display:block;position:relative;}
.misson-wrap.mend .give li .vcate{position:Absolute;left:0; top:-1.2vw; z-index:912;}
.misson-wrap.mend .give li .vcate span{display:block;font-size:2.4vw;line-height:4.4vw; padding:0 2vw;text-align:Center;}
.misson-wrap.mend .give li .vcate span.black{background:#212121;color:#fff}
.misson-wrap.mend .give li .vcate span.white{background:#fff;color:#212121}
.misson-wrap.mend .give li .vcate span.red{background:#BD0738;color:#fff}


.misson-wrap.mend .give li .img{width:100%;overflow:hidden;}
.misson-wrap.mend .give li .img img{width:100%;height:37.4vw; object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.misson-wrap.mend .give li .txt{margin-top:2.4vw;}
.misson-wrap.mend .give li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden;}
.misson-wrap.mend .give li .txt .stxt{font-size:2.8vw; font-weight:400; color:#212121; line-height:4.4vw;}
.misson-wrap.mend .give li .state{margin-top:8vw; position:relative; height:2vw;}
.misson-wrap.mend .give li .state .bar{height:0.8vw; position:relative;background:#DFDFDF;}
.misson-wrap.mend .give li .state .bar span{background:#BD0738; position:absolute; left:0; top:0;width:0; height:100%;}
.misson-wrap.mend .give li .state .bar span i{text-indent:-9999em;width:2vw;height:2vw;background:#BD0738;border-radius:100%; position:absolute; right:-1vw; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);display:block;content:""}
.misson-wrap.mend .give li .state .won{position:absolute; left:0; top:-6.4vw; width:100%;font-size:3.6vw; line-height:5.2vw; color:#212121; font-weight:700;}
.misson-wrap.mend .give li .state .won span{position:absolute;right:0; top:0;font-size:3.6vw; line-height:5.2vw; color:#BD0738; font-weight:700;display:block;}

.misson-wrap.mend .give li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
@media only screen and (max-width:500px){
	.misson-wrap.mend .give{margin-top:60px}
	.misson-wrap.mend .give h3{font-size:18px; line-height:26px; margin-bottom:20px;}
	.misson-wrap.mend .give li{margin-left:10px;}

	.misson-wrap.mend .give li .vcate{}
	.misson-wrap.mend .give li .vcate span{font-size:12px; line-height:22px; padding:0 10px;}

	.misson-wrap.mend .give li .img img{height:187px;}
	.misson-wrap.mend .give li .txt{margin-top:12px;}
	.misson-wrap.mend .give li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px }
	.misson-wrap.mend .give li .txt .stxt{font-size:14px; line-height:22px;}
	.misson-wrap.mend .give li .state{margin-top:40px; height:10px;}
	.misson-wrap.mend .give li .state .bar{height:4px;}
	.misson-wrap.mend .give li .state .bar span i{width:10px;height:10px;right:-5px; }
	.misson-wrap.mend .give li .state .won{position:Absolute; top:-32px; line-height:26px; font-size:18px; }
	.misson-wrap.mend .give li .state .won span{line-height:26px; font-size:18px; }
}



/*=======================================================
	.cerfity-wrap
=========================================================*/
.cerfity-wrap.photo .mission{padding:8vw 0; position:relative;}
.cerfity-wrap.photo .mission:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; height:100%; background:#f6f6f6; top:0; z-index:-1; display:block; content:""}
.cerfity-wrap.photo .mission h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0; margin-bottom:3.8vw;}
.cerfity-wrap.photo .mission ul{}
.cerfity-wrap.photo .mission li{position:relative;}
.cerfity-wrap.photo .mission li:nth-child(n+2){margin-top:7.2vw; }
.cerfity-wrap.photo .mission li .vcon{display:block;position:relative; padding-left:32vw;}
.cerfity-wrap.photo .mission li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.cerfity-wrap.photo .mission li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.cerfity-wrap.photo .mission li .img .vimg{overflow:hidden;}
.cerfity-wrap.photo .mission li .img .vcate{position:Absolute;left:0;top:0;font-size:0;}
.cerfity-wrap.photo .mission li .img .vcate span{display:block;padding:0 1.6vw; line-height:4.4vw; font-size:2.4vw;  font-weight:400;}
.cerfity-wrap.photo .mission li .img .vcate span.black{background:#212121;color:#fff;}
.cerfity-wrap.photo .mission li .img .vcate span.white{background:#fff;color:#BD0738;}
.cerfity-wrap.photo .mission li .img .vcate span.red{background:#BD0738;color:#fff;}

.cerfity-wrap.photo .mission li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box;}
.cerfity-wrap.photo .mission li .txt .btxt{font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.cerfity-wrap.photo .mission li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}
.cerfity-wrap.photo .mission li .count{margin-top:3vw;}
.cerfity-wrap.photo .mission li .count:after{display:block; content:"";clear:both}
.cerfity-wrap.photo .mission li .count p{padding-left:4.8vw;float:left;color:#B5B5B5; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.cerfity-wrap.photo .mission li .count p:nth-child(n+2){margin-left:1.2vw;}
.cerfity-wrap.photo .mission li .count .view{background:url(../img/main/ico-view.svg) no-repeat left -0.4vw; }
.cerfity-wrap.photo .mission li .count .comment{background:url(../img/main/ico-comment.svg) no-repeat left -0.4vw;; }
.cerfity-wrap.photo .mission li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }
@media only screen and (max-width:500px){
	.cerfity-wrap.photo .mission{}
	.cerfity-wrap.photo .mission h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.cerfity-wrap.photo .mission li:nth-child(n+2){margin-top:36px;}
	.cerfity-wrap.photo .mission li .vcon{padding-left:160px;}
	.cerfity-wrap.photo .mission li .img{width:145px;height:158px;}
	.cerfity-wrap.photo .mission li .img img{height:158px;}
	.cerfity-wrap.photo .mission li .img .vcate{}
	.cerfity-wrap.photo .mission li .img .vcate span{padding:0 8px; line-height:22px; font-size:12px; }
	.cerfity-wrap.photo .mission li .txt{min-height:158px;}
	.cerfity-wrap.photo .mission li .txt .btxt{font-size:16px; line-height:24px;max-height:48px;  }
	.cerfity-wrap.photo .mission li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }

	.cerfity-wrap.photo .mission li .count{margin-top:15px;}
	.cerfity-wrap.photo .mission li .count p{padding-left:24px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.cerfity-wrap.photo .mission li .count p:nth-child(n+2){margin-left:6px;}
	.cerfity-wrap.photo .mission li .count .view{background-position:left -2px}
	.cerfity-wrap.photo .mission li .count .comment{background-position:left -2px}
	.cerfity-wrap.photo .mission li .count .like{background-position:left -2px}
}

.cerfity-wrap.photo .img-set{margin-top:3.2vw; position:Relative;}
.cerfity-wrap.photo .img-set h3{font-size:3.2vw; color:#212121; line-height:8.8vw; font-weight:700;}
.cerfity-wrap.photo .img-set .stit{font-size:2.8vw;background:url(../img/sub/ico-help.svg) no-repeat right 0.4vw; position:relative; cursor:pointer;line-height:4.4vw; background-size:3.2vw auto; color:#9F9F9F; padding-right:4vw; padding-left:0; display:inline-block;vertical-align:top;}
.cerfity-wrap.photo .img-set .stit.active:after{position:Absolute; display:block; content:""; right:-0.4vw; bottom:-2vw;border-left: 2vw solid transparent ; border-right: 2vw solid transparent;border-bottom: 1.6vw solid rgba(21,21,21,0.8);}

.cerfity-wrap.photo .help-txt{display:none;background:rgba(21,21,21,0.8); padding:3.4vw; margin-top:2vw;}
.cerfity-wrap.photo .help-txt p{font-size:2.4vw; color:#fff; line-height:3.6vw;}



.cerfity-wrap.photo .img-set.active .img-slide{position:relative; left:auto; top:auto; width:auto; margin-top:2vw;}
.cerfity-wrap.photo .img-slide{position:absolute; left:-9999em; top:0; width:100%;overflow:visible !important}
.cerfity-wrap.photo .img-slide ul{}
.cerfity-wrap.photo .img-slide ul:after{display:block; content:"";clear:both;}
.cerfity-wrap.photo .img-slide li{float:left;margin-left:1.6vw}
.cerfity-wrap.photo .img-slide li:first-child{margin-left:0;}

.cerfity-wrap.photo .upload-photo{position:relative;width:14.4vw;height:14.4vw;}
.cerfity-wrap.photo .upload-photo.hides .delete-file{display:none;}
.cerfity-wrap.photo .upload-photo input[type="file"]{display:none}
.cerfity-wrap.photo .upload-photo.active .delete-file{display:block;}
.cerfity-wrap.photo .upload-photo .delete-file{display:none;position:absolute;cursor:pointer;border:none;width:4.8vw;height:4.8vw; right:0; top:0; background:url(../img/sub/layer-close.svg) no-repeat center center #fff; background-size:4vw auto;-webkit-transition:background 0s ease-out;-moz-transition: background 0s ease-out;-o-transition:  background 0s ease-out;transition: background 0s ease-out;}
.cerfity-wrap.photo .upload-photo label{position:absolute; left:0; top:0; width:100%;height:100%; background:url(../img/content/ico-picutre.svg) no-repeat center center #dfdfdf; background-size:7.6vw auto}
/* .cerfity-wrap.photo .upload-photo .add-file.show ~ label:after, .msg-wrap .upload-photo .add-file.show ~ label{display:none}    */
.cerfity-wrap.photo .upload-photo .add-file{position:relative; }
.cerfity-wrap.photo .upload-photo .add-file.show{ }
.cerfity-wrap.photo .upload-photo .add-file img{width:100%; height:14.4vw;object-fit:cover;}
/* .cerfity-wrap.photo .upload-photo.active label{display:none;} */

@media only screen and (max-width:500px){
	.cerfity-wrap.photo .img-set{margin-top:16px}
	.cerfity-wrap.photo .img-set h3{font-size:16px;line-height:44px;}
	.cerfity-wrap.photo .img-slide li{margin-left:8px}

	.cerfity-wrap.photo .upload-photo{width:72px;height:72px;}
	.cerfity-wrap.photo .upload-photo .delete-file{width:24px;height:24px; background-size:20px auto; }
	.cerfity-wrap.photo .upload-photo label{background-size:38px auto;}
	.cerfity-wrap.photo .upload-photo .add-file img{ height:72px;}

	.cerfity-wrap.photo .img-set.active .img-slide{margin-top:10px;}

	.cerfity-wrap.photo .img-set .stit{font-size:14px;background-size:16px auto; background-position:right 2px; padding-right:20px; line-height:22px;}
	.cerfity-wrap.photo .img-set .stit.active:after{border-left-width:10px; border-right-width:10px; border-bottom-width:8px; right:-2px; bottom:-10px;}

	.cerfity-wrap.photo .help-txt{padding:17px;margin-top:10px;}
	.cerfity-wrap.photo .help-txt p{font-size:12px; line-height:18px;}
}


.cerfity-wrap.photo .field.btns{margin-top:5vw;}
.cerfity-wrap.photo .field.btns .ov:after{display:block; content:"";clear:both}
.cerfity-wrap.photo .field.btns .ov a{line-height:10.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121; float:left; width:48%;}
.cerfity-wrap.photo .field.btns .ov a:nth-child(2){float:right;}
.cerfity-wrap.photo .field.btns .ov a.active{background:#212121;color:#fff;}
.cerfity-wrap.photo .field.btns .ex{margin-top:1.6vw;font-size:2.4vw; color:#BD0738; line-height:3.6vw; padding-left:3vw; background:url(../img/sub/ico-ex.svg) no-repeat 0 0.8vw; background-size:2vw auto;}

.cerfity-wrap.photo .field.txt{margin-top:8vw;}

.cerfity-wrap.photo .lower{margin-top:8vw;}
.cerfity-wrap.photo .lower a:nth-child(n+2){margin-top:3.2vw}
.cerfity-wrap.photo .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#121212;}
@media only screen and (max-width:500px){
	.cerfity-wrap.photo .field.btns{margin-top:25px;}
	.cerfity-wrap.photo .field.btns .ov a{line-height:48px; font-size:16px;}
	.cerfity-wrap.photo .field.btns .ex{margin-top:8px; font-size:12px; line-height:18px; padding-left:15px; background-size:10px auto; background-position:0 4px;}

	.cerfity-wrap.photo .field.txt{margin-top:40px;}

	.cerfity-wrap.photo .lower{margin-top:24px;}
	.cerfity-wrap.photo .lower a:nth-child(n+2){margin-top:16px}
	.cerfity-wrap.photo .enter-btn{line-height:60px; font-size:16px;}
}


/*=======================================================
	.layer-wrap.cerfity
=========================================================*/
.layer-wrap.cerfity{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.cerfity.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.cerfity .ov{padding:3.2vw 3.2vw 5.2vw 3.2vw}
.layer-wrap.cerfity .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.cerfity .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.cerfity .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.cerfity .is-con{padding:4vw 0;}
.layer-wrap.cerfity .is-con .btxt{font-size:2.8vw; color:#212121; line-height:4.4vw; text-align:center;}
.layer-wrap.cerfity .is-con .stxt{font-size:2.8vw; color:#212121; line-height:4.4vw;margin-top:8vw;}
.layer-wrap.cerfity .is-con .u-list01{ margin-top:8vw; padding:4.8vw; background:#f6f6f6}

.layer-wrap.cerfity .is-btm{}
.layer-wrap.cerfity .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
@media only screen and (max-width:500px){
	.layer-wrap.cerfity .ov{padding:16px 16px 26px 16px}
	.layer-wrap.cerfity .is-top {padding-bottom:7px;}
	.layer-wrap.cerfity .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.cerfity .is-top .close{width:40px;height:40px;}

	.layer-wrap.cerfity .is-con{padding:20px 0;}
	.layer-wrap.cerfity .is-con .btxt{font-size:14px; line-height:22px;}
	.layer-wrap.cerfity .is-con .stxt{font-size:14px; line-height:22px;margin-top:40px;}
	.layer-wrap.cerfity .is-con .u-list01{ margin-top:40px; padding:24px 24px;}

	.layer-wrap.cerfity .is-btm a{line-height:58px; font-size:16px;}
}


/*=======================================================
	.layer-wrap.quiz
=========================================================*/
.layer-wrap.quiz{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.quiz.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.quiz .ov{padding:16vw 3.2vw 5.2vw 3.2vw}
.layer-wrap.quiz .close{width:8vw;height:8vw; position:absolute; right:4vw;top:4vw; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.quiz .is-con{padding:4vw 0 0 0; text-align:Center;}
.layer-wrap.quiz .is-con .btxt{font-size:3.6vw; font-weight:700; color:#212121; line-height:4.4vw; text-align:center; padding-top:18vw; position:relative;}
.layer-wrap.quiz .is-con .btxt:before{width:18vw;height:18vw ; position:Absolute ;left:50%; top:0; display:block ;content:""; background:url(../img/sub/quizO.svg) no-repeat center center; background-size:100% auto; box-sizing:border-box;  display:block; content:""; border-radius:100%; overflow:hidden;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-wrap.quiz .is-con .btxt.wrong:before{background-image:url(../img/sub/quizX.svg)}
.layer-wrap.quiz .is-con .stxt{font-size:2.8vw; color:#212121; line-height:4.4vw;margin-top:3vw;}

.layer-wrap.quiz .is-btm{margin-top:4.8vw;}
.layer-wrap.quiz .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.layer-wrap.quiz .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.quiz .ov{padding:80px 16px 26px 16px}
	.layer-wrap.quiz .close{width:40px;height:40px;right:20px;top:20px;}

	.layer-wrap.quiz .is-con{padding:20px 0;}
	.layer-wrap.quiz .is-con .btxt{font-size:18px; line-height:22px; padding-top:90px;}
	.layer-wrap.quiz .is-con .btxt:before{width:90px; height:90px;  }
	.layer-wrap.quiz .is-con .stxt{font-size:14px; line-height:22px;margin-top:15px;}

	.layer-wrap.quiz .is-btm {margin-top:24px;}
	.layer-wrap.quiz .is-btm a{line-height:58px; font-size:16px;}
}

/*=======================================================
	.layer-wrap.oath
=========================================================*/
.layer-wrap.oath{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.oath.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.oath .ov{padding:3.2vw}
.layer-wrap.oath .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.oath .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.oath .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.oath .is-con{padding:8vw 0;text-align:center;}
.layer-wrap.oath .is-con .btxt{font-size:3.2vw; color:#212121; line-height:4.4vw; font-weight:700;}
.layer-wrap.oath .is-con .stxt{font-size:2.8vw; color:#212121; line-height:4.4vw;margin-top:2.4vw;}
.layer-wrap.oath .is-con .u-list01{ margin-top:8vw; padding:4.8vw; background:#f6f6f6}
.layer-wrap.oath .is-con .field.txt{margin-top:4.8vw;}
.layer-wrap.oath .is-con .field.txt .chk-input{width:100%;}

.layer-wrap.oath .is-con .vtxt{text-align:left;}
.layer-wrap.oath .is-con .vtxt p{font-size:2.8vw; color:#212121; line-height:4.4vw;}
.layer-wrap.oath .is-con .vtxt .mg20t{margin-top:4vw;}

.layer-wrap.oath .is-btm{}
.layer-wrap.oath .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.layer-wrap.oath .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.oath .ov{padding:16px 16px 26px 16px}
	.layer-wrap.oath .is-top {padding-bottom:7px;}
	.layer-wrap.oath .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.oath .is-top .close{width:40px;height:40px;}

	.layer-wrap.oath .is-con{padding:40px 0;}
	.layer-wrap.oath .is-con .btxt{font-size:16px; line-height:22px;}
	.layer-wrap.oath .is-con .stxt{font-size:14px; line-height:22px;margin-top:12px;}
	.layer-wrap.oath .is-con .u-list01{ margin-top:40px; padding:24px 24px;}
	.layer-wrap.oath .is-con .field{display:block;}
	.layer-wrap.oath .is-con .field.txt{margin-top:24px;}

	.layer-wrap.oath .is-con .vtxt .mg20t{margin-top:20px;}
	.layer-wrap.oath .is-con .vtxt p{font-size:14px; line-height:22px}

	.layer-wrap.oath .is-btm a{line-height:58px; font-size:16px;}
}


/*=======================================================
	.layer-wrap.mWrite
=========================================================*/
.layer-wrap.mWrite{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.mWrite.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.mWrite .ov{padding:3.2vw}
.layer-wrap.mWrite .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.mWrite .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.mWrite .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.mWrite .is-con{padding:4.8vw 0;text-align:center;}
.layer-wrap.mWrite .is-con .btxt{font-size:3.2vw; color:#212121; line-height:4.4vw; font-weight:700;}
.layer-wrap.mWrite .is-con .stxt{font-size:2.8vw; color:#212121; line-height:4.4vw;margin-top:2.4vw;}
.layer-wrap.mWrite .is-con .u-list01{ margin-top:8vw; padding:4.8vw; background:#f6f6f6}
.layer-wrap.mWrite .is-con .entry{margin-top:4.8vw;}
.layer-wrap.mWrite .is-con .entry ul{}
.layer-wrap.mWrite .is-con .entry li{position:Relative; z-index:5;}
.layer-wrap.mWrite .is-con .entry li.focused, .member-wrap.mWrite .entry li.active{z-index:12;}
.layer-wrap.mWrite .is-con .entry li:nth-child(n+2){margin-top:-1px;}
.layer-wrap.mWrite .is-con .field{display:block;}
.layer-wrap.mWrite .is-con .field.txt{}
.layer-wrap.mWrite .is-con .field.txt.mg24t{margin-top:4.8vw}
.layer-wrap.mWrite .is-con .field.txt .chk-input{width:100%;}

.layer-wrap.mWrite .is-btm{}
.layer-wrap.mWrite .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.layer-wrap.mWrite .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.mWrite .ov{padding:16px 16px 26px 16px}
	.layer-wrap.mWrite .is-top {padding-bottom:7px;}
	.layer-wrap.mWrite .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.mWrite .is-top .close{width:40px;height:40px;}

	.layer-wrap.mWrite .is-con{padding:24px 0;}
	.layer-wrap.mWrite .is-con .btxt{font-size:16px; line-height:22px;}
	.layer-wrap.mWrite .is-con .stxt{font-size:14px; line-height:22px;margin-top:12px;}
	.layer-wrap.mWrite .is-con .u-list01{ margin-top:40px; padding:24px 24px;}
	.layer-wrap.mWrite .is-con .entry{margin-top:24px;}
	.layer-wrap.mWrite .is-con .field.txt.mg24t{margin-top:24px}

	.layer-wrap.mWrite .is-btm a{line-height:58px; font-size:16px;}
}


/*=======================================================
	.reply-wrap.mlist
=========================================================*/
.reply-wrap.mlist{}
.reply-wrap.mlist .list{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw; box-sizing:border-box;}
.reply-wrap.mlist .list ul{border-bottom:1px solid #d3d3d3;background:#fff;}
.reply-wrap.mlist .list li{padding:4.8vw 3.2vw}
.reply-wrap.mlist .list li:nth-child(n+2){border-top:1px solid #d3d3d3}
.reply-wrap.mlist .list .bcon{position:relative;padding-left:4.4vw;}
.reply-wrap.mlist .list .bcon .img{position:Absolute; left:0; top:0;background:url(../img/sub/ico-user.svg) no-repeat left center; background-size:3.2vw auto; width:3.2vw;height:3.2vw;border-radius:100%; overflow:hidden;}
.reply-wrap.mlist .list .bcon .img.owner{position:Absolute; left:0; top:0;background:url(../img/sub/ico-user_owner.svg) no-repeat center/cover; width:3.2vw;height:3.2vw;border-radius:100%; overflow:hidden;}
.reply-wrap.mlist .list .bcon .img.super{position:Absolute; left:0; top:0;background:url(../img/sub/ico-proUser.svg) no-repeat center/cover; width:3.2vw;height:3.2vw;border-radius:100%; overflow:hidden;}
.reply-wrap.mlist .list .bcon .img.creator{position:Absolute; left:0; top:0;background:url(../img/sub/ico_gold.svg) no-repeat center/cover; width:3.2vw;height:3.2vw;border-radius:100%; overflow:hidden;}
.reply-wrap.mlist .list .bcon .img img{width:100%; height:100%;object-fit:cover;}
.reply-wrap.mlist .list .bcon .nick{font-size:2.8vw; font-weight:400; color:#212121; line-height:3.2vw; }
.reply-wrap.mlist .list .bcon .time{margin-top:1.2vw;line-height:3.6vw;color:#B5B5B5; font-size:2.4vw;}
.reply-wrap.mlist .list .bcon .abr{position:Absolute;right:0; bottom:0;}
.reply-wrap.mlist .list .bcon .abr a{display:inline-block;vertical-align:top;font-size:2.4vw; color:#B5B5B5;line-height:3.6vw; }
.reply-wrap.mlist .list .bcon .abr a:nth-child(n+2){margin-left:2.8vw;}
.reply-wrap.mlist .list .bcon .singo-btn{padding-left:4.8vw; background:url(../img/sub/ico-singo.svg) no-repeat left center; background-size:4.8vw auto;}
.reply-wrap.mlist .list .bcon .delete-btn{padding-left:3.2vw;background:url(../img/sub/ico-delete.svg) no-repeat left center; background-size:2.2vw auto;}
.reply-wrap.mlist .list .bcon .modify-btn{padding-left:3.2vw;background:url(../img/sub/ico-modify.svg) no-repeat left center; background-size:2.2vw auto;}

.reply-wrap.mlist .list .scon{position:relative;padding-left:6vw; ;margin-top:2.4vw;}
.reply-wrap.mlist .list .scon:before{width:0.4vw;height:90%; background:#212121; position:Absolute ;left:3vw; top:5%; display:block;content:""}
.reply-wrap.mlist .list .scon p{font-size:2.8vw; line-height:4.4vw; color:#212121;}

.reply-wrap.mlist .no-data{text-align:center; display:flex; justify-content:center; align-items:center; min-height:76vh;}
.reply-wrap.mlist .no-data .vc{text-align:center;}
.reply-wrap.mlist .no-data p{padding-top:16vw;font-size:3.6vw; font-weight:700; color:#9F9F9F; line-height:5.2vw;background:url(../img/sub/first-reply.svg) no-repeat center top; background-size:10.4vw auto;}

.reply-wrap.mlist .lower{margin-top:4.8vw;}
.reply-wrap.mlist .lower .fix{padding-bottom:4.6vw; border-top:1px solid #d3d3d3}
.reply-wrap.mlist .lower .field.write{position:relative; padding-right:16vw;}
.reply-wrap.mlist .lower .field.write .chk-input{width:100%;}
.reply-wrap.mlist .lower .field.write .chk-input input{height:9vw;}
.reply-wrap.mlist .lower .field.write .enter{position:absolute;right:0; top:0; width:16vw ;line-height:9vw; background:#212121; text-align:center; color:#fff; font-size:3.2vw; font-weight:700;}
.reply-wrap.mlist .lower .ex{margin-top:1vw;font-size:2.8vw;background:url(../img/sub/ico-help.svg) no-repeat right 0.6vw;background-size:3.2vw auto;line-height:4.4vw;background-size:3.2vw auto; color:#9F9F9F; padding-right:4vw; padding-left:0; display:inline-block;vertical-align:top;}
@media only screen and (max-width:500px){
	.reply-wrap.mlist .list{width:calc(100% + 32px); margin-left:-16px; box-sizing:border-box;}
	.reply-wrap.mlist .list li{ padding:24px 16px;}
	.reply-wrap.mlist .list .bcon{padding-left:22px}
	.reply-wrap.mlist .list .bcon .img{background-size:16px auto; width:16px;height:16px;}
	.reply-wrap.mlist .list .bcon .img.owner{background-size:18px auto; width:18px;height:18px;}
	.reply-wrap.mlist .list .bcon .img.super{background-size:18px auto; width:18px;height:18px;}
	.reply-wrap.mlist .list .bcon .nick{font-size:14px; line-height:16px; }
	.reply-wrap.mlist .list .bcon .time{margin-top:6px; line-height:18px; font-size:12px}
	.reply-wrap.mlist .list .bcon .abr a{font-size:12px; line-height:18px; }
	.reply-wrap.mlist .list .bcon .abr a:nth-child(n+2){margin-left:14px}
	.reply-wrap.mlist .list .bcon .singo-btn{padding-left:24px;background-size:24px auto;}
	.reply-wrap.mlist .list .bcon .delete-btn{padding-left:16px;background-size:11px auto;}
	.reply-wrap.mlist .list .bcon .modify-btn{padding-left:16px;background-size:11px auto;}

	.reply-wrap.mlist .list .scon{padding-left:30px; margin-top:12px;}
	.reply-wrap.mlist .list .scon:before{width:2px; left:15px;}
	.reply-wrap.mlist .list .scon p{font-size:14px; line-height:22px; }

	.reply-wrap.mlist .no-data p{padding-top:80px;font-size:18px; line-height:26px; background-size:52px auto;}

	.reply-wrap.mlist .lower{margin-top:24px;}
	.reply-wrap.mlist .lower .fix{padding-bottom:23px;}
	.reply-wrap.mlist .lower .field.write{padding-right:80px;}
	.reply-wrap.mlist .lower .field.write .chk-input input{height:45px;}
	.reply-wrap.mlist .lower .field.write .enter{width:80px; line-height:45px; font-size:16px;}
	.reply-wrap.mlist .lower .ex{margin-top:5px;font-size:14px; line-height:22px; background-size:16px auto; padding-right:20px;background-position:right 3px;}
}


/*=======================================================
	.layer-wrap.reply
=========================================================*/
.layer-wrap.reply{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.reply.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.reply .ov{padding:3.2vw}
.layer-wrap.reply .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.reply .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.reply .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.reply .is-con{padding:8vw 0;text-align:center;}
.layer-wrap.reply .is-con p{font-size:2.8vw; color:#212121; line-height:4.4vw;}

.layer-wrap.reply .is-btm{}
.layer-wrap.reply .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.layer-wrap.reply .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.reply .ov{padding:16px 16px 26px 16px}
	.layer-wrap.reply .is-top {padding-bottom:7px;}
	.layer-wrap.reply .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.reply .is-top .close{width:40px;height:40px;}

	.layer-wrap.reply .is-con{padding:40px 0;}
	.layer-wrap.reply .is-con p{font-size:14px; line-height:22px;}

	.layer-wrap.reply .is-btm a{line-height:58px; font-size:16px;}
}

/*=======================================================
	.layer-wrap.times 2021-11-13
=========================================================*/
.layer-wrap.times{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.times.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.times .ov{padding:3.2vw}
.layer-wrap.times .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.times .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.times .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.times .is-con{padding:8vw 0;text-align:center;}
.layer-wrap.times .entry{}
.layer-wrap.times .entry li{position:relative; z-index:1;}
.layer-wrap.times .entry li.focused, .layer-wrap.times .entry li.active{z-index:2;}
.layer-wrap.times .entry li:nth-child(n+2){margin-top:1.6vw}

.layer-wrap.times .entry li .field.times{display:block;}
.layer-wrap.times .entry li .field.times .chk-select{float:left; width:49%}
.layer-wrap.times .entry li .field.times .chk-select:nth-child(2){float:right;}

.layer-wrap.times .entry li.focused .chk-select select{border:1px solid #dfdfdf}
.layer-wrap.times .entry li.focused .chk-select select:focus{border-color:#212121;}

.layer-wrap.times .is-btm{}
.layer-wrap.times .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121; border:1px solid #212121}
.layer-wrap.times .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.times .ov{padding:16px 16px 26px 16px}
	.layer-wrap.times .is-top {padding-bottom:7px;}
	.layer-wrap.times .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.times .is-top .close{width:40px;height:40px;}

	.layer-wrap.times .is-con{padding:40px 0;}
	.layer-wrap.times .entry li:nth-child(n+2){margin-top:8px}

	.layer-wrap.times .is-btm a{line-height:58px; font-size:16px;}
}


/*=======================================================
	.singo-wrap.write
=========================================================*/
.singo-wrap.write .list{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw; box-sizing:border-box;background:#fff;}
.singo-wrap.write .list h4{line-height:7vw; font-size:3.6vw; font-weight:700; color:#212121; padding:0 3.2vw;}
.singo-wrap.write .list ul{border-bottom:1px solid #d3d3d3;}
.singo-wrap.write .list li{padding:4.8vw 3.2vw}
.singo-wrap.write .list li:nth-child(n+2){border-top:1px solid #d3d3d3}
.singo-wrap.write .list .bcon{position:relative;padding-left:4.4vw;}
.singo-wrap.write .list .bcon .img{position:Absolute; left:0; top:0;background:url(../img/sub/ico-user.svg) no-repeat left center; background-size:3.2vw auto; width:3.2vw;height:3.2vw;border-radius:100%; overflow:hidden;}
.singo-wrap.write .list .bcon .img img{width:100%; height:100%;object-fit:cover;}
.singo-wrap.write .list .bcon .nick{font-size:2.8vw; font-weight:400; color:#212121; line-height:3.2vw; }
.singo-wrap.write .list .bcon .time{margin-top:1.2vw;line-height:3.6vw;color:#B5B5B5; font-size:2.4vw;}
.singo-wrap.write .list .bcon .abr{position:Absolute;right:0; bottom:0;}
.singo-wrap.write .list .bcon .abr a{display:inline-block;vertical-align:top;font-size:2.4vw; color:#B5B5B5;line-height:3.6vw; }
.singo-wrap.write .list .bcon .abr a:nth-child(n+2){margin-left:2.8vw;}
.singo-wrap.write .list .bcon .singo-btn{padding-left:4.8vw; background:url(../img/sub/ico-singo.svg) no-repeat left center; background-size:4.8vw auto;}
.singo-wrap.write .list .bcon .delete-btn{padding-left:3.2vw;background:url(../img/sub/ico-delete.svg) no-repeat left center; background-size:2.2vw auto;}
.singo-wrap.write .list .bcon .modify-btn{padding-left:3.2vw;background:url(../img/sub/ico-modify.svg) no-repeat left center; background-size:2.2vw auto;}

.singo-wrap.write .list .scon{position:relative;padding-left:6vw; ;margin-top:2.4vw;}
.singo-wrap.write .list .scon:before{width:0.4vw;height:90%; background:#212121; position:Absolute ;left:3vw; top:5%; display:block;content:""}
.singo-wrap.write .list .scon p{font-size:2.8vw; line-height:4.4vw; color:#212121;}
@media only screen and (max-width:500px){
	.singo-wrap.write .list{width:calc(100% + 32px); margin-left:-16px; box-sizing:border-box;}
	.singo-wrap.write .list h4{line-height:35px; font-size:18px;padding:0 16px;}
	.singo-wrap.write .list li{ padding:24px 16px;}
	.singo-wrap.write .list .bcon{padding-left:22px}
	.singo-wrap.write .list .bcon .img{background-size:16px auto; width:16px;height:16px;}
	.singo-wrap.write .list .bcon .nick{font-size:14px; line-height:16px; }
	.singo-wrap.write .list .bcon .time{margin-top:6px; line-height:18px; font-size:12px}
	.singo-wrap.write .list .bcon .abr a{font-size:12px; line-height:18px; }
	.singo-wrap.write .list .bcon .abr a:nth-child(n+2){margin-left:14px}
	.singo-wrap.write .list .bcon .singo-btn{padding-left:24px;background-size:24px auto;}
	.singo-wrap.write .list .bcon .delete-btn{padding-left:16px;background-size:11px auto;}
	.singo-wrap.write .list .bcon .modify-btn{padding-left:16px;background-size:11px auto;}

	.singo-wrap.write .list .scon{padding-left:30px; margin-top:12px;}
	.singo-wrap.write .list .scon:before{width:2px; left:15px;}
	.singo-wrap.write .list .scon p{font-size:14px; line-height:22px; }
}


.singo-wrap.write .entry{margin-top:4.8vw;}
.singo-wrap.write .entry h4{line-height:7vw; font-size:3.6vw; font-weight:700; color:#212121; }
.singo-wrap.write .entry ul{margin-top:1.4vw;}
.singo-wrap.write .entry li{position:relative; z-index:1;}
.singo-wrap.write .entry li.focused, .singo-wrap.write .entry li.active{z-index:2;}
.singo-wrap.write .entry li:nth-child(n+2){margin-top:-1px;}
.singo-wrap.write .entry .chk-input{width:100%; z-index:123;}
.singo-wrap.write .entry .chk-input input{}
.singo-wrap.write .entry .chk-select{width:100%;}
.singo-wrap.write .entry .chk-select select{}

.singo-wrap.write .entry .chk-input.active input{border:1px solid #212121 !important; }
.singo-wrap.write .entry .chk-select.active select{border:1px solid #212121 !important; }
.singo-wrap.write .entry .chk-input.active textarea{border:1px solid #212121 !important; }
.singo-wrap.write .entry .chk-input.active textarea::placeholder{color:#212121 !important;}

.singo-wrap.write .u-list02{margin-top:2vw;}

.singo-wrap.write .lower{margin-top:4.8vw;}
.singo-wrap.write .lower .end-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#9F9F9F;}
.singo-wrap.write .lower .end-btn.active{background:#212121;}
@media only screen and (max-width:500px){
	.singo-wrap.write .entry{margin-top:4.8vw;}
	.singo-wrap.write .entry h4{line-height:35px; font-size:18px;}
	.singo-wrap.write .entry ul{margin-top:7px;}

	.singo-wrap.write .u-list02{margin-top:10px;}

	.singo-wrap.write .lower{margin-top:24px}
	.singo-wrap.write .lower .end-btn{line-height:60px; font-size:16px;}
}





/*=======================================================
	.give-wrap.list
=========================================================*/
.give-wrap.list .gap30{height:6vw;}
.give-wrap.list .gap60{height:12vw;}

.give-wrap.list .pinfo{position:relative;background:#212121; width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box ;padding:3.4vw 4vw  }
.give-wrap.list .pinfo:after{width:1px; height:100%; border-right:1px solid rgba(255,255,255,0.2); display:block; position:Absolute;content:""; left:46%; top:0; }
.give-wrap.list .pinfo ul{}
.give-wrap.list .pinfo ul:after{display:block; content:"";clear:both}
.give-wrap.list .pinfo li{float:left; width:46%; position:relative; box-sizing:border-box;text-align:right;}
.give-wrap.list .pinfo li:nth-child(2){width:54%;}
.give-wrap.list .pinfo li .btxt{line-height:4.8vw;font-weight:400; letter-spacing:-0.03em;font-size:2.6vw; color:#9f9f9f;position:absolute;left:0; top:0;}
.give-wrap.list .pinfo li .stxt{line-height:4.8vw; font-size:3.2vw;letter-spacing:-0.03em; font-weight:700;color:#9f9f9f;}
.give-wrap.list .pinfo li:nth-child(1){padding-right:2.4vw;  }
.give-wrap.list .pinfo li:nth-child(2){padding-left:2.4vw;}
.give-wrap.list .pinfo li:nth-child(2) .btxt{left:2.4vw;}
.give-wrap.list .pinfo li:nth-child(2) .stxt{ color:#BD0738; }
@media only screen and (max-width:500px){
	.give-wrap.list .gap30{height:30px;}
	.give-wrap.list .gap60{height:60px;}


	.give-wrap.list .pinfo{ width:calc(100% + 32px);margin-left:-16px; padding:17px 20px;}
	.give-wrap.list .pinfo li .btxt{font-size:13px; line-height:24px}
	.give-wrap.list .pinfo li .stxt{font-size:16px; line-height:24px;}

	.give-wrap.list .pinfo li:nth-child(1){padding-right:12px }
	.give-wrap.list .pinfo li:nth-child(2){padding-left:12px }

	.give-wrap.list .pinfo li:nth-child(2) .btxt{left:12px;}
}

.give-wrap.list .give{position:relative;padding:10vw 0}
.give-wrap.list .give:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0;height:100%;background:#f6f6f6; display:block; content:"";z-index:-1;}

.give-wrap.list .give h3{font-size:4.8vw; color:#212121; line-height:5.2vw;text-align:left; letter-spacing:0; margin-bottom:4vw;}
.give-wrap.list .give .give-slide{overflow:visible !important;}
.give-wrap.list .give ul{}
.give-wrap.list .give ul:after{display:block; content:"";clear:both;}
.give-wrap.list .give li{float:left;margin-left:2vw;}
.give-wrap.list .give li:first-child{margin-left:0;}
.give-wrap.list .give li a{display:block;position:relative;}
.give-wrap.list .give li .img{width:100%;overflow:hidden;}
.give-wrap.list .give li .img img{width:100%;height:37.4vw; object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.give-wrap.list .give li .txt{margin-top:2.4vw;}
.give-wrap.list .give li .txt .btxt{font-size:16px; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden;}
.give-wrap.list .give li .txt .stxt{font-size:2.8vw; font-weight:400; color:#212121; line-height:4.4vw;}
.give-wrap.list .give li .state{margin-top:8vw; position:relative; height:2vw;}
.give-wrap.list .give li .state .bar{height:0.8vw; position:relative;background:#DFDFDF;}
.give-wrap.list .give li .state .bar span{background:#BD0738; position:absolute; left:0; top:0;width:0; height:100%;}
.give-wrap.list .give li .state .bar span i{text-indent:-9999em;width:2vw;height:2vw;background:#BD0738;border-radius:100%; position:absolute; right:-1vw; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);display:block;content:""}
.give-wrap.list .give li .state .won{position:absolute; left:0; top:-6.4vw; width:100%;font-size:3.6vw; line-height:5.2vw; color:#212121; font-weight:700;}
.give-wrap.list .give li .state .won span{position:absolute;right:0; top:0;font-size:3.6vw; line-height:5.2vw; color:#BD0738; font-weight:700;display:block;}

.give-wrap.list .give li .vcate{position:Absolute;left:0; top:-1.2vw; z-index:912;}
.give-wrap.list .give li .vcate span{display:block;font-size:2.4vw;line-height:4.4vw; padding:0 2vw;text-align:Center;}
.give-wrap.list .give li .vcate span.black{background:#212121;color:#fff}
.give-wrap.list .give li .vcate span.white{background:#fff;color:#212121}
.give-wrap.list .give li .vcate span.red{background:#BD0738;color:#fff}


/* .give-wrap.list .give li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);} */
@media only screen and (max-width:500px){
	.give-wrap.list .give{ padding:50px 0}
	.give-wrap.list .give h3{font-size:24px; line-height:26px; margin-bottom:20px;}
	.give-wrap.list .give li{margin-left:10px;}
	.give-wrap.list .give li .img img{height:187px;}
	.give-wrap.list .give li .txt{margin-top:12px;}
	.give-wrap.list .give li .txt .btxt{font-size:16px;  line-height:26px;max-height:52px }
	.give-wrap.list .give li .txt .stxt{font-size:14px; line-height:22px;}
	.give-wrap.list .give li .state{margin-top:40px; height:10px;}
	.give-wrap.list .give li .state .bar{height:4px;}
	.give-wrap.list .give li .state .bar span i{width:10px;height:10px;right:-5px; }
	.give-wrap.list .give li .state .won{position:Absolute; top:-32px; line-height:26px; font-size:18px; }
	.give-wrap.list .give li .state .won span{line-height:26px; font-size:18px; }

	.give-wrap.list .give li .vcate{}
	.give-wrap.list .give li .vcate span{font-size:12px; line-height:22px; padding:0 10px;}
}

.give-wrap.list .no-data.give{height:64.6vw !important; padding:0 !important; min-height:auto;display:flex;align-items: center; justify-content: center; background:#F6F6F6;}
.give-wrap.list .no-data.give p{padding-top:21vw;font-size:3.2vw; font-weight:400; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.give-wrap.list .no-data.give{height:323px !important;}
	.give-wrap.list .no-data.give p{padding-top:105px;font-size:16px; line-height:26px; background-size:100px auto;}
}

.give-wrap.list .no-data.campaign{height:64.6vw !important; padding:0 !important; min-height:auto;display:flex;align-items: center; justify-content: center; background:#F6F6F6;}
.give-wrap.list .no-data.campaign p{padding-top:21vw;font-size:3.2vw; font-weight:400; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.give-wrap.list .no-data.campaign{height:323px !important;}
	.give-wrap.list .no-data.campaign p{padding-top:105px;font-size:16px; line-height:26px; background-size:100px auto;}
}

.give-wrap.list .mission{position:relative; padding-top:7vw; width:calc(100% + 6.4vw);margin-left:-32px;}
.give-wrap.list .mission:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0;height:100%;background:#f6f6f6; display:block; content:"";z-index:-1;}
.give-wrap.list .mission h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0; margin-bottom:3.8vw;}
.give-wrap.list .mission ul{}
.give-wrap.list .mission li{position:relative; }
.give-wrap.list .mission li:nth-child(n+2){margin-top:7.2vw; }
.give-wrap.list .mission li .vcon{display:block;position:relative; padding-left:32vw;}
.give-wrap.list .mission li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.give-wrap.list .mission li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.give-wrap.list .mission li .img .vimg{overflow:hidden;}
.give-wrap.list .mission li .img .vcate{position:Absolute;left:0; top:-1vw; font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;color:#fff; background:#121212}
.give-wrap.list .mission li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box;}
.give-wrap.list .mission li .txt .ztxt{font-size:2.8vw; font-weight:400; letter-spacing:-0.03em; color:#212121; line-height:4.4vw; overflow:hidden;}
.give-wrap.list .mission li .txt .btxt{margin-top:2vw;font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.give-wrap.list .mission li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}

.give-wrap.list .mission li .count{margin-top:3vw;  position:relative;}
.give-wrap.list .mission li .count:after{display:block; content:"";clear:both}
.give-wrap.list .mission li .count p{padding-left:4.8vw;float:left;color:#B5B5B5; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.give-wrap.list .mission li .count p:nth-child(n+2){margin-left:1.2vw;}
.give-wrap.list .mission li .count .comment{background:url(../img/sub/ico-comment02.svg) no-repeat left -0.4vw;; }
.give-wrap.list .mission li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }
.give-wrap.list .mission li .count .review{position:Absolute;right:3.2vw; top:0; letter-spacing:-0.03em;padding-left:3.2vw;background:url(../img/sub/ico-review.svg) no-repeat left 45%; color:#BD0738;background-size:2.4vw auto !important}

.give-wrap.list .mission .more{margin-top:8.4vw;}
.give-wrap.list .mission .more a{border:0.2vw solid #212121; line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;}
.give-wrap.list .mission .more span{padding-right:4vw; display:inline-block;vertical-align:top; background:url(../img/main/mission-more.svg) no-repeat right 52%; background-size:1.6vw auto;}
@media only screen and (max-width:500px){
	.give-wrap.list .mission{width:calc(100% + 32px);margin-left:-16px;}
	.give-wrap.list .mission h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.give-wrap.list .mission li{}
	.give-wrap.list .mission li:nth-child(n+2){margin-top:36px;}
	.give-wrap.list .mission li .vcon{padding-left:160px;}
	.give-wrap.list .mission li .img{width:145px;height:158px;}
	.give-wrap.list .mission li .img img{height:158px;}
	.give-wrap.list .mission li .img .vcate{font-size:12px; line-height:22px; padding:0 8px; top:-5px;}
	.give-wrap.list .mission li .txt{min-height:158px;}
	.give-wrap.list .mission li .txt .ztxt{font-size:14px; line-height:22px;}
	.give-wrap.list .mission li .txt .btxt{margin-top:10px;font-size:16px; line-height:24px;max-height:48px;  }
	.give-wrap.list .mission li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }
	.give-wrap.list .mission li .count{margin-top:15px;}
	.give-wrap.list .mission li .count p{padding-left:24px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.give-wrap.list .mission li .count p:nth-child(n+2){margin-left:6px;}
	.give-wrap.list .mission li .count .review{padding-left:16px; right:16px;background-size:12px auto !important}
	.give-wrap.list .mission li .count .comment{background-position:left -2px}
	.give-wrap.list .mission li .count .like{background-position:left -2px}
	.give-wrap.list .mission .more{margin-top:42px;}
	.give-wrap.list .mission .more a{border-width:1px; line-height:58px;  font-size:16px;}
	.give-wrap.list .mission .more span{padding-right:20px;background-size:8px auto;}
}


.give-wrap.list .vission{position:relative; padding-top:7vw; width:calc(100% + 6.4vw);margin-left:-32px;}
.give-wrap.list .vission:after{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0;height:100%;background:#f6f6f6; display:block; content:"";z-index:-1;}
.give-wrap.list .vission h3{font-size:4.8vw; color:#212121; line-height:7vw; letter-spacing:0; margin-bottom:3.8vw;}
.give-wrap.list .vission ul{}
.give-wrap.list .vission li{position:relative; }
.give-wrap.list .vission li:nth-child(n+2){margin-top:7.2vw; }
.give-wrap.list .vission li .vcon{display:block;position:relative; }
.give-wrap.list .vission li .img{position:relative;z-index:12;}
.give-wrap.list .vission li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.give-wrap.list .vission li .img .vimg{overflow:hidden;}
.give-wrap.list .vission li .img .vcate{position:Absolute;left:0; top:-1vw; font-size:2.4vw;line-height:4.4vw; padding:0 2vw;color:#fff; background:#121212}
.give-wrap.list .vission li .txt{ border-bottom:1px solid #B5B5B5; min-height:31.6vw; box-sizing:border-box; padding:0 3.2vw; margin-top:5vw}
.give-wrap.list .vission li .txt .ztxt{font-size:2.8vw; font-weight:400; letter-spacing:-0.03em; color:#212121; line-height:4.4vw; overflow:hidden;}
.give-wrap.list .vission li .txt .btxt{margin-top:2vw;font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.give-wrap.list .vission li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}

.give-wrap.list .vission li .count{margin-top:3vw;  position:relative;}
.give-wrap.list .vission li .count:after{display:block; content:"";clear:both}
.give-wrap.list .vission li .count p{padding-left:4.8vw;float:left;color:#B5B5B5; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.give-wrap.list .vission li .count p:nth-child(n+2){margin-left:1.2vw;}
.give-wrap.list .vission li .count .comment{background:url(../img/sub/ico-comment02.svg) no-repeat left -0.4vw;; }
.give-wrap.list .vission li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }
.give-wrap.list .vission li .count .review{position:Absolute;right:3.2vw; top:0; letter-spacing:-0.03em;padding-left:3.2vw;background:url(../img/sub/ico-review.svg) no-repeat left 45%; color:#BD0738;background-size:2.4vw auto !important}

.give-wrap.list .vission .more{margin-top:8.4vw;}
.give-wrap.list .vission .more a{border:0.2vw solid #212121; line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;}
.give-wrap.list .vission .more span{padding-right:4vw; display:inline-block;vertical-align:top; background:url(../img/main/vission-more.svg) no-repeat right 52%; background-size:1.6vw auto;}

.give-wrap.list .no-data.vission{height:10vw;display:flex;align-items: center; justify-content: center; min-height:auto; padding:0 !important; }
.give-wrap.list .no-data.vission:after{display:none !important;}
.give-wrap.list .no-data.vission p{font-size:3.2vw; font-weight:400; color:#212121; line-height:5.2vw;}
@media only screen and (max-width:500px){
	.give-wrap.list .no-data.vission{height:50px;}
	.give-wrap.list .no-data.vission p{font-size:16px; line-height:26px;}
}

@media only screen and (max-width:500px){
	.give-wrap.list .vission{width:calc(100% + 32px);margin-left:-16px;}
	.give-wrap.list .vission h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.give-wrap.list .vission li{}
	.give-wrap.list .vission li:nth-child(n+2){margin-top:36px;}
	.give-wrap.list .vission li .vcon{}
	.give-wrap.list .vission li .img{height:158px;}
	.give-wrap.list .vission li .img img{height:158px;}
	.give-wrap.list .vission li .img .vcate{font-size:12px; line-height:22px; padding:0 10px; top:-5px;}
	.give-wrap.list .vission li .txt{min-height:158px; padding:0 16px; margin-top:25px;}
	.give-wrap.list .vission li .txt .ztxt{font-size:14px; line-height:22px;}
	.give-wrap.list .vission li .txt .btxt{margin-top:10px;font-size:16px; line-height:24px;max-height:48px;  }
	.give-wrap.list .vission li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }
	.give-wrap.list .vission li .count{margin-top:15px;}
	.give-wrap.list .vission li .count p{padding-left:24px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.give-wrap.list .vission li .count p:nth-child(n+2){margin-left:6px;}
	.give-wrap.list .vission li .count .review{padding-left:16px; right:16px;background-size:12px auto !important}
	.give-wrap.list .vission li .count .comment{background-position:left -2px}
	.give-wrap.list .vission li .count .like{background-position:left -2px}
	.give-wrap.list .vission .more{margin-top:42px;}
	.give-wrap.list .vission .more a{border-width:1px; line-height:58px;  font-size:16px;}
	.give-wrap.list .vission .more span{padding-right:20px;background-size:8px auto;}
}


.give-wrap.list .list .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:6vw;}
.give-wrap.list .list .total span{color:#BD0738;}
.give-wrap.list .list ul{}
.give-wrap.list .list li{position:relative;}
.give-wrap.list .list li:nth-child(n+2){margin-top:7vw;}
.give-wrap.list .list li a{display:block;}
.give-wrap.list .list li .img{position:relative;z-index:12; width:calc(100% + 6.4vw); margin-left:-3.2vw;}
.give-wrap.list .list li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.5)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', gradientType=0);}
.give-wrap.list .list li .img img{width:100%;height:31.4vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.give-wrap.list .list li .img .vimg{overflow:hidden;}
.give-wrap.list .list li .img .vcate{position:absolute; left:0; top:-1.2vw; background:#212121; padding:0 2vw; line-height:4.4vw; font-size:2.4vw; color:#fff; font-weight:400; z-index:221 ;width:45px;}
/***후기구분추가 **/
.give-wrap.list .list li .img .vstate{position:absolute; line-height:22px;font-size:12px; left:0; top:4vw; background:#fff;color:#BD0738; pagdding:0 10px; width:45px; text-align:center;}

.give-wrap.list .list li .txt{padding:5vw 0 0 0; position:relative;}
.give-wrap.list .list li .txt .ztxt{font-size:2.8vw; font-weight:400; letter-spacing:-0.03em; color:#212121; line-height:4.4vw; overflow:hidden;}
.give-wrap.list .list li .txt .btxt{margin-top:2vw;font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; }
.give-wrap.list .list li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.give-wrap.list .list li .txt .ctxt{margin-top:1vw;font-size:2.4vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;overflow:hidden;font-family:"Roboto";}

.give-wrap.list .list li .anth{margin-top:4vw;position:relative;box-sizing:border-box; padding:0 0}
.give-wrap.list .list li .anth ul{margin:-1vw; min-height:7vw;}
.give-wrap.list .list li .anth ul:after{display:block;content:"";clear:both;}
.give-wrap.list .list li .anth li{margin:1vw; float:left; width:auto ;}
.give-wrap.list .list li .anth li a{display:block;border: 0.2vw solid #B5B5B5; font-size:2.8vw; color:#b5b5b5; line-height:4.8vw;box-sizing: border-box;border-radius: 0.4vw; padding:0 1.2vw;}
.give-wrap.list .list li .anth li:nth-child(n+2){margin:1vw;}

.give-wrap.list .list li .count{position:absolute; right:3.2vw; bottom:1vw; z-index:912; }
.give-wrap.list .list li .count:after{display:block; content:"";clear:both}
.give-wrap.list .list li .count .vc{width:100%; box-sizing:border-box; padding:0 4vw;}
.give-wrap.list .list li .count p{padding-left:5.2vw;color:#fff; font-size:2.4vw; line-height:5.2vw; font-family:"Roboto";background-size:4.8vw auto !important; display:inline-block;vertical-align:top;}
.give-wrap.list .list li .count p:nth-child(n+2){margin-left:3vw;}
.give-wrap.list .list li .count .view{background:url(../img/main/ico-view.svg) no-repeat left -0.4vw; }
.give-wrap.list .list li .count .comment{background:url(../img/main/ico-comment.svg) no-repeat left -0.4vw; }
.give-wrap.list .list li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }

.give-wrap.list .list li .state{border-top:1px solid #dfdfdf; margin-top:2vw; padding-top:2vw;color:#BD0738; position:relative;}
.give-wrap.list .list li .state .won{ font-size:3.6vw; font-weight:700;line-height:5vw;}
.give-wrap.list .list li .state .percent{position:absolute;right:0; top:2vw; line-height:5vw; font-size:2.4vw; }

.give-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.give-wrap.list .no-data{text-align:center; display:flex; justify-content:center; align-items:center; min-height:70vh;}
.give-wrap.list .no-data .vc{text-align:center;}
.give-wrap.list .no-data .btxt{padding-top:27vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
.give-wrap.list .no-data .btxt span{color:#BD0738;}
.give-wrap.list .no-data .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.give-wrap.list .list .total{font-size:14px; line-height:22px; margin-bottom:30px;}
	.give-wrap.list .list li{}
	.give-wrap.list .list li:nth-child(n+2){margin-top:35px;}
	.give-wrap.list .list li .img{width:calc(100% + 32px); margin-left:-16px;}
	.give-wrap.list .list li .img img{height:157px;}
	.give-wrap.list .list li .img .vcate{line-height:22px; padding:0 10px; font-size:12px; top:-6px; width:45px; text-align:center;}
	/***후기구분추가 **/
	.give-wrap.list .list li .img .vstate{line-height:22px;position:absolute;font-size:12px; left:0; top:3.5vw; background:#fff;color:#BD0738; padding:0 10px; width:45px; text-align:center;}

	.give-wrap.list .list li .txt{padding:25px 0 0 0}
	.give-wrap.list .list li .txt .ztxt{font-size:14px; line-height:22px;}
	.give-wrap.list .list li .txt .btxt{margin-top:10px;font-size:18px;  line-height:26px;max-height:52px; }
	.give-wrap.list .list li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.give-wrap.list .list li .txt .ctxt{margin-top:5px;font-size:12px; line-height:22px }

	.give-wrap.list .list li .anth{margin-top:20px; padding:0 0}
	.give-wrap.list .list li .anth ul{margin:-5px; min-height:35px;}
	.give-wrap.list .list li .anth li{margin:5px;}
	.give-wrap.list .list li .anth li:nth-child(n+2){margin:5px;}
	.give-wrap.list .list li .anth li a{border-width:1px;font-size:14px; ; line-height:24px;border-radius: 2px; padding:0 6px;}

	.give-wrap.list .list li .count{right:16px;bottom:5px;}
	.give-wrap.list .list li .count p{padding-left:26px; font-size:12px;line-height:26px;background-size:24px auto !important}
	.give-wrap.list .list li .count p:nth-child(n+2){margin-left:15px;}
	.give-wrap.list .list li .count .view{background-position:left -2px}
	.give-wrap.list .list li .count .comment{background-position:left -2px}
	.give-wrap.list .list li .count .like{background-position:left -2px}

	.give-wrap.list .list li .state{ margin-top:10px; padding-top:10px;}
	.give-wrap.list .list li .state .won{ font-size:18px ;font-weight:700;}
	.give-wrap.list .list li .state .percent{ top:10px; line-height:25px; font-size:12px; }

	.give-wrap.list .no-data .btxt{padding-top:134px;font-size:18px; line-height:26px; background-size:100px auto;}
	.give-wrap.list .no-data .stxt{margin-top:10px;font-size:14px; line-height:22px}
}






/*=======================================================
	.give-wrap.list .detail
=========================================================*/
.give-wrap.detail .gap40{height:8vw;}
.give-wrap.detail .gap55{height:11vw;}
.give-wrap.detail .gap65{height:13vw;}

.give-wrap.detail .vis{position:relative;width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.give-wrap.detail .vis .img{position:relative;}
.give-wrap.detail .vis .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.3)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.3)', gradientType=0);}
.give-wrap.detail .vis .img img{width:100%;height:46.6vw;object-fit:cover;}
.give-wrap.detail .vis .txt{position:relative; padding:0 3.2vw;padding-top:6.4vw; }
.give-wrap.detail .vis .txt .btxt{font-size:4.8vw; color:#212121; line-height:7vw; font-weight:700; }
.give-wrap.detail .vis .txt .cate{position:absolute;left:3.2vw; top:-3vw;background:#212121; padding:0 2vw; line-height:6vw; font-size:2.4vw; color:#fff; font-weight:400; z-index:221}
.give-wrap.detail .vis .txt .stxt{margin-top:2.4vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; }
.give-wrap.detail .vis .txt .ctxt{margin-top:1vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; }

.give-wrap.detail .vis  .count{position:absolute; right:3.2vw; top:4.8vw; z-index:912; }
.give-wrap.detail .vis  .count .like-btn{display:block;margin-top:1.6vw;padding-top:6vw;color:#ffff; font-size:2.4vw; line-height:4.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wlike.svg) no-repeat center top; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.give-wrap.detail .vis  .count .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.give-wrap.detail .vis  .count .share-btn{display:block;color:#ffff;height:6.4vw; font-family:"Roboto"; background:url(../img/sub/ico-wshare.svg) no-repeat center center; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.give-wrap.detail .cont{margin-top:4.8vw;}
.give-wrap.detail .cont p{font-size:3.2vw; color:#525252; line-height:5.2vw;}

.give-wrap.detail .vbtns{margin-top:4.8vw;}
.give-wrap.detail .vbtns a{border:0.2vw solid #212121; display:block; padding:2.4vw 0;text-align:center; font-size:3.2vw; color:#212121; font-weight:700; line-height:4.8vw;}
.give-wrap.detail .vbtns a span{display:block ;line-height:3.6vw; font-size:2.4vw;font-weight:400; color:#BD0738}
@media only screen and (max-width:500px){
	.give-wrap.detail .gap40{height:40px;}
	.give-wrap.detail .gap55{height:55px;}
	.give-wrap.detail .gap65{height:65px;}

	.give-wrap.detail .vis{width:calc(100% + 32px);margin-left:-16px;}
	.give-wrap.detail .vis .img{height:233px;}
	.give-wrap.detail .vis .img img{height:233px;}
	.give-wrap.detail .vis .txt{padding:0 16px;padding-top:32px; }
	.give-wrap.detail .vis .txt .btxt{font-size:24px; line-height:35px}
	.give-wrap.detail .vis .txt .cate{line-height:30px; padding:0 10px; font-size:12px; left:16px; top:-15px;}
	.give-wrap.detail .vis .txt .stxt{margin-top:12px;font-size:14px;line-height:22px; }
	.give-wrap.detail .vis .txt .ctxt{margin-top:5px;font-size:14px;line-height:22px; }


	.give-wrap.detail .vis .count{ right:16px; top:24px;}
	.give-wrap.detail .vis  .count .like-btn{padding-top:30px; margin-top:8px; font-size:12px; line-height:22px;background-size:32px auto;}
	.give-wrap.detail .vis  .count .share-btn{  height:32px;background-size:32px auto;}

	.give-wrap.detail .cont{margin-top:24px;}
	.give-wrap.detail .cont p{font-size:16px;line-height:26px}

	.give-wrap.detail .vbtns{margin-top:24px;}
	.give-wrap.detail .vbtns a{border-width:1px; padding:12px 0; font-size:16px; line-height:24px;}
	.give-wrap.detail .vbtns a span{line-height:18px;font-size:12px;}

}

.give-wrap.detail .share{padding:2vw 3.2vw; padding-right:24vw; width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box;position:relative;text-align:right; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; }
.give-wrap.detail .share.no-abr{padding:2vw 3.2vw; }
.give-wrap.detail .share .abr{text-align:center;border-left:1px solid #b5b5b5; position:absolute;right:0; top:0; width:20vw;display:flex;align-items: center; justify-content: center; height:100%;}
.give-wrap.detail .share .like-btn{margin-left:2vw;padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/like-off.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.give-wrap.detail .share .like-btn.active{background-image:url(../img/sub/like-on.svg); color:#BD0738;}
.give-wrap.detail .share .share-btn{width:6.4vw;height:6.4vw; display:inline-block;vertical-align:top;  background:url(../img/sub/ico-share.svg) no-repeat left 45%; background-size:100% auto;}
.give-wrap.detail .share .comment-btn{padding-left:7vw;color:#525252; font-size:3.2vw; line-height:6.4vw; font-family:"Roboto"; display:inline-block;vertical-align:top;background:url(../img/sub/ico-bcomment.svg) no-repeat left 40%; background-size:6.4vw auto; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
@media only screen and (max-width:500px){
	.give-wrap.detail .share{padding:10px 16px; padding-right:120px; width:calc(100% + 32px);margin-left:-16px; border-width:1px;}
	.give-wrap.detail .share.no-abr{padding:10px 16px;}
	.give-wrap.detail .share .abr{width:100px}
	.give-wrap.detail .share .like-btn{margin-left:10px;padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
	.give-wrap.detail .share .share-btn{width:32px;height:32px;}
	.give-wrap.detail .share .comment-btn{padding-left:35px; font-size:16px;line-height:32px;background-size:32px;}
}

/* 2021-12-07 */
.give-wrap.detail .state{margin-top:4.8vw; position:relative; padding:10vw 2vw 4vw 2vw}
.give-wrap.detail .state:after{background:#f6f6f6; position:absolute ;left:50%;margin-left:-10000px; top:0; height:100%; width:20000px; display:block; content:"";z-index:-1;}
.give-wrap.detail .state .bar{position:relative; height:0.8vw; background:#dfdfdf}
.give-wrap.detail .state .bar .num{position:absolute; height:100%; background:#BD0738; left:0; top:0;}
.give-wrap.detail .state .bar .num .dots{width:2vw;height:2vw;border-radius:100%; right:-1vw; top:50%; display:block; content:"";position:Absolute; background:#BD0738; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.give-wrap.detail .state .bar .num .percent{width:8.4vw;height:4.8vw; line-height:4.8vw; z-index:912;text-align:center;border-radius:0.8vw; font-size:2.4vw; background:#BD0738; text-align:center; color:#fff; position:Absolute;right:-4.2vw; top:-6.4vw;}
.give-wrap.detail .state .bar .num .percent:after{   border-left: 5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #BD0738; display:block; position:absolute; position:absolute; left:50%;margin-left:-5px; bottom:-4px;content:""}
.give-wrap.detail .state .txt{line-height:5vw; margin-top:2vw; font-size:3.6vw; font-weight:700; color:#212121; position:Relative;}
.give-wrap.detail .state .txt span{font-size:2.4vw; color:#BEBEBE; font-weight:400; position:absolute;right:0;top:0;}

.give-wrap.detail .state .ctxt{margin-top:7vw; padding-top:2.6vw;font-size:2.8vw; color:#212121; line-height:4.4vw; font-weight:400; border-top:1px solid #b5b5b5}
.give-wrap.detail .state .ctxt span{margin-left:2.8vw; position:relative; display:inline-block;vertical-align:top;}
.give-wrap.detail .state .ctxt span:before{width:1px; height:5vw; left:-1.4vw; margin-left:-1px; top:50%; margin-top:-1vw;position:absolute;  background:#212121; display:block; content:""}
@media only screen and (max-width:500px){
	.give-wrap.detail .state{margin-top:24px; padding:50px 10px 20px 10px}
	.give-wrap.detail .state .bar{height:4px;}
	.give-wrap.detail .state .bar .num{}
	.give-wrap.detail .state .bar .num .dots{width:10px;height:10px;right:-5px;}
	.give-wrap.detail .state .bar .num .percent{width:42px;height:24px;line-height:24px; font-size:12px; right:-21px; top:-32px;border-radius:4px;}
	.give-wrap.detail .state .txt{line-height:25px; font-size:18px;margin-top:10px;}
	.give-wrap.detail .state .txt span{font-size:12px; }

	.give-wrap.detail .state .ctxt{margin-top:35px;padding-top:13px;font-size:14px; line-height:22px; }
	.give-wrap.detail .state .ctxt span{margin-left:14px}
	.give-wrap.detail .state .ctxt span:before{height:10px; left:-7px; top:50%; margin-top:-5px;}
}

.give-wrap.detail .tab{position:relative;z-index:912}
.give-wrap.detail .tab ul{}
.give-wrap.detail .tab ul:after{display:block; content:"";clear:both;}
.give-wrap.detail .tab li{float:left; width:33.33333%;text-align:center;}
.give-wrap.detail .tab li a{display:block; line-height:12vw; color:#bebebe; font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; }
.give-wrap.detail .tab li a span{display:inline-block;vertical-align:top;position:relative;}
.give-wrap.detail .tab li a span:after{background:#212121; position:Absolute ;left:0; bottom:0; display:block; content:"";width:0;height:3px;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;}
.give-wrap.detail .tab li.active a{color:#212121;}
.give-wrap.detail .tab li.active a span:after{width:100%;}

.give-wrap.detail .about{margin-top:5vw ; min-height:40vw}
.give-wrap.detail .about p{font-size:3.2vw; font-weight:400; color:#525252; line-height:5.2vw;}
@media only screen and (max-width:500px){
	.give-wrap.detail .tab{}
	.give-wrap.detail .tab li a{font-size:16px; line-height:60px;}
	.give-wrap.detail .tab li.active a span:after{height:3px}

	.give-wrap.detail .about{margin-top:25px; min-height:200px;}
	.give-wrap.detail .about p{font-size:16px; line-height:26px;}
}

.give-wrap.detail .lower{margin-top:0;}
.give-wrap.detail .lower:after{display:block; content:"";clear:both;}
.give-wrap.detail .lower .give-btn{height:12vw; line-height:12vw; display:block; text-align:center; font-size:3.2vw; color:#fff;background:#212121; font-weight:700;}

.give-wrap.detail .lower.full{margin-top:0;}
.give-wrap.detail .lower.full .fix{padding:0;}
@media only screen and (max-width:500px){
	.give-wrap.detail .lower{margin-top:0;}
	.give-wrap.detail .lower .give-btn{height:60px;line-height:60px; font-size:16px;}
}


.give-wrap.detail .review{margin-top:8vw;}
.give-wrap.detail .review ul{}
.give-wrap.detail .review li{position:relative;}
.give-wrap.detail .review li:nth-child(n+2){margin-top:8vw;}
.give-wrap.detail .review li a{display:block;}
.give-wrap.detail .review li .img{margin-top:2vw;position:relative;z-index:12; width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.give-wrap.detail .review li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.5)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', gradientType=0);}
.give-wrap.detail .review li .img img{width:100%;height:31.4vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.give-wrap.detail .review li .img .vimg{overflow:hidden;}

.give-wrap.detail .review li .txt{ position:relative;}
.give-wrap.detail .review li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; }
.give-wrap.detail .review li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.give-wrap.detail .review li .txt .ctxt{margin-top:1vw;font-size:2.4vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;overflow:hidden;font-family:"Roboto";}
.give-wrap.detail .review li .share{margin-top:5vw;}

.give-wrap.detail .more{margin-top:4.8vw;}
.give-wrap.detail .more a{border:0.2vw solid #212121; line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;}
.give-wrap.detail .more span{padding-right:4vw; display:inline-block;vertical-align:top; background:url(../img/main/mission-more.svg) no-repeat right 52%; background-size:1.6vw auto;}

@media only screen and (max-width:500px){
	.give-wrap.detail .review{margin-top:40px;}
	.give-wrap.detail .review li{}
	.give-wrap.detail .review li:nth-child(n+2){margin-top:40px;}
	.give-wrap.detail .review li .img{margin-top:10px; width:calc(100% + 32px);margin-left:-16px;}
	.give-wrap.detail .review li .img img{height:157px;}

	.give-wrap.detail .review li .txt{}
	.give-wrap.detail .review li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px; }
	.give-wrap.detail .review li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.give-wrap.detail .review li .txt .ctxt{margin-top:5px;font-size:12px; line-height:22px }

	.give-wrap.detail .review li .share{margin-top:25px;}

	.give-wrap.detail .more{margin-top:24px;}
	.give-wrap.detail .more a{border-width:1px; line-height:58px;  font-size:16px;}
	.give-wrap.detail .more span{padding-right:20px;background-size:8px auto;}
}

.give-wrap.detail .part{height:14vw;width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box; padding:0 5.2vw;position:relative; border-bottom:1px solid #dfdfdf ; border-top:1px solid #dfdfdf; margin-top:-1px;}
.give-wrap.detail .part .btxt{font-size:3.2vw; line-height:14vw;font-weight:700; color:#212121; }
.give-wrap.detail .part .stxt{font-size:3.2vw; line-height:14vw;font-weight:700; color:#BD0738; position:absolute;right:5.2vw; top:0;}

.give-wrap.detail .vtotal{position:relative; padding:6vw 0;}
.give-wrap.detail .vtotal ul:after{display:block;content:"";clear:both}
.give-wrap.detail .vtotal li{float:left; width:33.33333%;text-align:Center;}
.give-wrap.detail .vtotal li .ico{box-sizing:border-box;display:inline-block;vertical-align:top;width:6vw;height:6vw; border-radius:100%;}
.give-wrap.detail .vtotal li .ico img{}
.give-wrap.detail .vtotal li .txt{margin-top:1.6vw;font-size:2.4vw; font-weight:400; color:#212121; line-height:3.6vw; }
.give-wrap.detail .vtotal li .won{margin-top:0.9vw;font-size:2.6vw; font-weight:700; color:#212121; line-height:3.6vw; }

.give-wrap.detail .take{position:relative;}
.give-wrap.detail .take:after{width:20000px; left:50%;margin-left:-10000px; top:0; height:100%;background:#f6f6f6; display:block; content:"";z-index:-1; position:absolute;}
.give-wrap.detail .take .total{font-size:2.8vw; color:#212121; line-height:9vw; letter-spacing:0;}
.give-wrap.detail .take .total span{color:#BD0738;}
.give-wrap.detail .take ul{position:relative ;z-index:12;}
.give-wrap.detail .take ul:before{background:none; border-top:1px solid #b5b5b5; position:absolute; left:50%; width:20000px;margin-left:-10000px;height:1px; top:-1px ;display:block; content:""; z-index:-1 }
.give-wrap.detail .take li{padding:5.4vw 0; position:Relative;}
.give-wrap.detail .take li:after{background:none; border-bottom:1px solid #b5b5b5; box-sizing:border-box;position:absolute; left:50%; width:20000px;margin-left:-10000px;height:100%; bottom:0 ;display:block; content:"" ; z-index:-1}
.give-wrap.detail .take li.bgff:after{background:#fff; }
.give-wrap.detail .take li .nick{position:relative; padding-left:4.8vw;}
.give-wrap.detail .take li .nick .img{position:absolute; left:0; top:0.2vw; width:3.2vw;height:3.2vw; border-radius:100%; }
.give-wrap.detail .take li .nick .img img{width:100%;vertical-align:top;}
.give-wrap.detail .take li .nick .name{line-height:4vw; font-size:3.2vw; font-weight:700; color:#212121;}
.give-wrap.detail .take li .nick .time{position:absolute;right:0; top:0; line-height:4vw; color:#b5b5b5 ;font-size:2.4vw;}
.give-wrap.detail .take li .txt{margin-top:2vw;	}
.give-wrap.detail .take li .txt p{font-size:2.4vw; color:#212121; line-height:3.6vw;}
.give-wrap.detail .take li .txt p:before{display:inline; content:"" ;margin-right:1vw;}
.give-wrap.detail .take li .txt p span{color:#BD0738}
@media only screen and (max-width:500px){
	.give-wrap.detail .part{height:70px; width:calc(100% + 32px);margin-left:-16px; padding:0 26px}
	.give-wrap.detail .part .btxt{font-size:16px; line-height:70px;}
	.give-wrap.detail .part .stxt{font-size:16px; line-height:70px; right:26px;}

	.give-wrap.detail .vtotal{padding:30px 0}
	.give-wrap.detail .vtotal li .ico {width:30px;height:30px;}
	.give-wrap.detail .vtotal li .ico img{}
	.give-wrap.detail .vtotal li .txt{margin-top:8px;font-size:12px;line-height:18px; }
	.give-wrap.detail .vtotal li .won{margin-top:3px;font-size:13px;line-height:18px; }


	.give-wrap.detail .take li{padding:27px 0;}
	.give-wrap.detail .take  .total{font-size:14px; line-height:45px;}
	.give-wrap.detail .take li .nick{padding-left:24px;}
	.give-wrap.detail .take li .nick .img{width:16px;height:16px; top:1px;}
	.give-wrap.detail .take li .nick .name{line-height:20px; font-size:16px;}
	.give-wrap.detail .take li .nick .time{line-height:20px; font-size:12px;}

	.give-wrap.detail .take li .txt{margin-top:10px;	}
	.give-wrap.detail .take li .txt p{font-size:12px; line-height:18px;}
	.give-wrap.detail .take li .txt p:before{margin-right:5px;}
}


/*=======================================================
	.layer-wrap.give
=========================================================*/
.layer-wrap.give{position:fixed; left:0; bottom:-60vw; width:100%; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%; z-index:9990;-webkit-transition: bottom 0.5s ease-in-out;-moz-transition: bottom 0.5s ease-in-out;-o-transition: bottom 0.5s ease-in-out;transition: bottom 0.5s ease-in-out;}
.layer-wrap.give.active{left:0; bottom:0;}
.layer-wrap.give .ov{background:#fff;border-top-left-radius:4vw;border-top-right-radius:4vw; position:relative; z-index:4;}
.layer-wrap.give .is-top{padding-top:8vw;}
.layer-wrap.give .is-top .close{width:5.6vw;height:1vw; background:#dfdfdf;position:absolute; left:50%;margin-left:-2.8vw; top:2vw;border-radius:1vw;}

.layer-wrap.give .is-con{padding:0 5.6vw;}
.layer-wrap.give .is-con li{text-align:right;position:Relative; padding-left:24vw;}
.layer-wrap.give .is-con li:nth-child(n+2){}
.layer-wrap.give .is-con li .btxt{position:absolute; left:0; top:0; line-height:10vw; font-size:3.2vw;  color:#212121; }
.layer-wrap.give .is-con li .stxt{color:#BD0738;font-size:3.2vw; line-height:10vw;}
.layer-wrap.give .is-con li .stxt span{font-size:2.4vw; color:#525252; margin-left:1vw;}
.layer-wrap.give .is-con li .chk-input{display:block; padding-right:4vw;}
.layer-wrap.give .is-con li .chk-input input{height:10vw;text-align:right;}
.layer-wrap.give .is-con li .chk-input span{font-size:2.4vw; color:#525252; position:absolute;right:0; bottom:0; line-height:1.1em;}

.layer-wrap.give .is-con li .chk-check{margin-top:2vw;}
.layer-wrap.give .is-con li .chk-check label{font-size:2.8vw; color:#9f9f9f}

.layer-wrap.give .is-btm{margin-top:8vw;}
.layer-wrap.give .is-btm a{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.layer-wrap.give .layer-ov{position:fixed ;left:0; display:none; bottom:0; width:100%;height:100%;background:rgba(0,0,0,0.65); z-index:-1; cursor:pointer;}
@media only screen and (max-width:500px){
	.layer-wrap.give { bottom:-300px;}
	.layer-wrap.give .ov{border-top-left-radius:20px;border-top-right-radius:20px;}
	.layer-wrap.give .is-top{padding-top:40px}
	.layer-wrap.give .is-top .close{width:28px;height:5px; margin-left:-14px; top:10px}
	.layer-wrap.give .is-con{padding: 0 26px}

	.layer-wrap.give .is-con li {padding-left:120px;}
	.layer-wrap.give .is-con li .btxt{line-height:50px; font-size:16px;}
	.layer-wrap.give .is-con li .stxt{line-height:50px ;font-size:16px;}
	.layer-wrap.give .is-con li .stxt span{font-size:12px; margin-left:5px;}
	.layer-wrap.give .is-con li .chk-input{padding-right:20px;}
	.layer-wrap.give .is-con li .chk-input input{height:50px;}
	.layer-wrap.give .is-con li .chk-input span{font-size:12px;}

	.layer-wrap.give .is-con li .chk-check{margin-top:10px;}
	.layer-wrap.give .is-con li .chk-check label{font-size:14px;}

	.layer-wrap.give .is-btm{margin-top:40px;}
	.layer-wrap.give .is-btm a{line-height:60px; font-size:16px;}

}

/*=======================================================
	.take-wrap.list
=========================================================*/
.take-wrap.list{}
.take-wrap.list .gap40{height:8vw;}
.take-wrap.list .filter{ margin-top:3.2vw;position:Relative;padding-left:27vw;}
.take-wrap.list .filter .chk-select{position:absolute; left:0; top:0; width:25vw;}
.take-wrap.list .filter .chk-select select{height:9.6vw;font-size:2.8vw; color:#212121;}
.take-wrap.list .filter .sel-box .sel-btn {font-size:2.8vw; height:9.6vw; line-height:9.6vw;}

.take-wrap.list .tab{position:relative;}
.take-wrap.list .tab ul{}
.take-wrap.list .tab ul:after{display:block; content:"";clear:both;}
.take-wrap.list .tab li{float:left; width:20%;text-align:center;}
.take-wrap.list .tab li a{display:block; line-height:12vw; color:#bebebe; font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; }
.take-wrap.list .tab li a span{display:inline-block;vertical-align:top;position:relative;}
.take-wrap.list .tab li a span:after{background:#212121; position:Absolute ;left:0; bottom:0; display:block; content:"";width:0;height:3px;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;}
.take-wrap.list .tab li.active a{color:#212121;}
.take-wrap.list .tab li.active a span:after{width:100%;}
@media only screen and (max-width:500px){
	.take-wrap.list .gap40{height:40px;}

	.take-wrap.list .filter{margin-top:16px;padding-left:135px}
	.take-wrap.list .filter .chk-select{width:125px;}
	.take-wrap.list .filter .chk-select select{height:48px; font-size:14px}
	.take-wrap.list .filter .sel-box .sel-btn {font-size:14px; height:48px; line-height:48px;}

	.take-wrap.list .tab{}
	.take-wrap.list .tab li a{font-size:16px; line-height:60px;}
	.take-wrap.list .tab li.active a span:after{height:3px}
}

.take-wrap.list .list{margin-top:8vw;}
.take-wrap.list .list.mg16t{margin-top:3.2vw;}
.take-wrap.list .list.no-mgt{margin-top:0}

.take-wrap.list .list h3{font-size:4.8vw; color:#212121; line-height:7vw;margin-bottom:2.4vw;}
.take-wrap.list .list .more{position:absolute; right:0; top:1vw; color:#B5B5B5; font-size:2.8vw; line-height:6vw; text-decoration:underline}
.take-wrap.list .list .vtem{position:relative;}
.take-wrap.list .list .vtem:nth-child(n+2){margin-top:8vw;}
.take-wrap.list .list .vtem ul{position:Relative; width:calc(100% + 6.4vw); margin-left:-3.2vw; border-top:1px solid #dfdfdf}
.take-wrap.list .list .vtem li{border-bottom:1px solid #dfdfdf;background:#fff}
.take-wrap.list .list .vtem li.bgff{background:#fff;}
.take-wrap.list .list .vtem li a{padding:0 12vw 0 12vw;display:block; position:relative;}
.take-wrap.list .list .vtem li .num{position:absolute; left:4vw; top:3vw; width:4.8vw; height:7vw; line-height:5.8vw; font-size:2.8vw; text-align:center; font-family:"Roboto";background:url(../img/sub/rank-lgray.svg) no-repeat center top; background-size:100% auto;}
.take-wrap.list .list .vtem li .nick{display:block; line-height:12.8vw; font-size:3.2vw;  color:#212121;}
.take-wrap.list .list .vtem li .img{width:4.8vw;height:4.8vw; position:Absolute;right:4vw; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.take-wrap.list .list .vtem li .img img{width:100%;}
.take-wrap.list .list .vtem li .hit{font-size:2.4vw; line-height:4.4vw; top:50%; margin-top:-2.2vw; right:5vw;color:#212121;  position:absolute;}

.take-wrap.list .list .vtem li.active{background: #BD0738;}
.take-wrap.list .list .vtem li.active .num{background-image:url(../img/sub/rank-white.svg); color:#fff;}
.take-wrap.list .list .vtem li.active .nick{color:#fff;}
.take-wrap.list .list .vtem li.active .hit{ color:#fff;}

.take-wrap.list .list .vtem li .num.black{color:#fff;background:url(../img/sub/rank-black.svg) no-repeat center top; background-size:100% auto;}
.take-wrap.list .list .vtem li .num.gray{color:#fff;background:url(../img/sub/rank-gray.svg) no-repeat center top; background-size:100% auto;}
.take-wrap.list .list .vtem li .num.red{color:#BD0738;background:url(../img/sub/rank-red.svg) no-repeat center top; background-size:100% auto;}
.take-wrap.list .list .vtem li .num.lgray{color:#b5b5b5;}
@media only screen and (max-width:500px){
	.take-wrap.list .list{margin-top:40px;}
	.take-wrap.list .list.mg16t{margin-top:16px}
	.take-wrap.list .list h3{font-size:24px;line-height:35px;margin-bottom:12px;}
	.take-wrap.list .list .more{top:5px; line-height:30px;font-size:14px;}
	.take-wrap.list .list .vtem:nth-child(n+2){margin-top:40px;}
	.take-wrap.list .list .vtem ul{width:calc(100% + 32px); margin-left:-16px;}
	.take-wrap.list .list .vtem li a{padding:0 60px 0 60px;}
	.take-wrap.list .list .vtem li .num{left:20px; top:15px; width:24px;height:35px; line-height:29px; font-size:14px;}
	.take-wrap.list .list .vtem li .nick{line-height:64px; font-size:16px;}
	.take-wrap.list .list .vtem li .img{width:24px;height:24px; right:20px}
	.take-wrap.list .list .vtem li .hit{font-size:12px; line-height:22px; margin-top:-11px; right:25px}
}


.take-wrap.list .list .vtem.hoz{}
.take-wrap.list .list .vtem.hoz ul{border-top:0;position:relative;padding:5vw 0; box-sizing:border-box; width:auto; margin:0 -1.5%}
.take-wrap.list .list .vtem.hoz ul:before{background:#f7f7f7; position:absolute ;left:50%; width:20000px; margin-left:-10000px; top:0; height:100%; z-index:-1; display:block; content:"";border-top:1px solid #dfdfdf}
.take-wrap.list .list .vtem.hoz ul:after{display:block; content:"";clear:both}
.take-wrap.list .list .vtem.hoz ul li{float:left; width:30.3333333% ; margin:0 1.5%; border:none;}
.take-wrap.list .list .vtem.hoz ul li a{padding:10.6vw 2vw 0 2vw; min-height:25.8vw; box-sizing:border-box;border:1px solid transparent}
.take-wrap.list .list .vtem.hoz ul li:nth-child(n+2){margin-top:3.4vw;}
.take-wrap.list .list .vtem.hoz ul li:nth-child(3){float:right;}
.take-wrap.list .list .vtem.hoz ul li:first-child{position:absolute; left:50%; top:5vw ; margin:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.take-wrap.list .list .vtem.hoz li .num{position:Absolute; left:auto; right:1.6vw; top:0; color:#212121}
.take-wrap.list .list .vtem.hoz li .nick{line-height:6.4vw;font-weight:700}
.take-wrap.list .list .vtem.hoz li .hit{position:relative; left:auto; top:auto; right:auto; margin:0 0 0 0}

.take-wrap.list .list .vtem.hoz li .num.rank-1{background-image:url(../img/sub/rank-1.svg)}
.take-wrap.list .list .vtem.hoz li .num.rank-2{background-image:url(../img/sub/rank-2.svg)}
.take-wrap.list .list .vtem.hoz li .num.rank-3{background-image:url(../img/sub/rank-3.svg)}

.take-wrap.list .list .vtem.hoz li:nth-child(1) a{min-height:29.2vw;}
/* .take-wrap.list .list .vtem.hoz li:nth-child(1) a:hover{border-color:#FFBB54}
.take-wrap.list .list .vtem.hoz li:nth-child(2) a:hover{border-color:#d2d2d2}
.take-wrap.list .list .vtem.hoz li:nth-child(3) a:hover{border-color:#BD0738} */

.take-wrap.list .list .vtem.hoz li.active .num{background-image:url(../img/sub/rank-on.svg) !important; color:#fff;}
.take-wrap.list .list .vtem.hoz ul li.active a{border:1px solid #BD0738; background:#fff !important;}
.take-wrap.list .list .vtem.hoz li.active .nick{color:#BD0738;}
.take-wrap.list .list .vtem.hoz li.active .hit{ color:#212121;}
@media only screen and (max-width:500px){
	.take-wrap.list .list .vtem.hoz{}
	.take-wrap.list .list .vtem.hoz ul{padding:25px 0;}
	.take-wrap.list .list .vtem.hoz ul li a{padding:53px 10px 0 10px; min-height:129px;}
	.take-wrap.list .list .vtem.hoz ul li:nth-child(n+2){margin-top:17px;}
	.take-wrap.list .list .vtem.hoz ul li:first-child{top:25px;}
	.take-wrap.list .list .vtem.hoz li .num{right:8px;}
	.take-wrap.list .list .vtem.hoz li .nick{line-height:32px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.take-wrap.list .list .vtem.hoz li .hit{margin-top:0;}

	.take-wrap.list .list .vtem.hoz li:nth-child(1) a{min-height:146px;}
}


/*=======================================================
	.event-wrap.list 2021-12-07
=========================================================*/
.event-wrap.list .filter{position:Relative; background:#fff; box-sizing:border-box;margin-top:-4vw;padding:4vw 3.2vw; width:calc(100% + 6.4vw);margin-left:-3.2vw;}
.event-wrap.list .filter .chk-select{width:25vw;}
.event-wrap.list .filter .chk-select select{height:9.6vw;font-size:2.8vw; color:#212121;}
.event-wrap.list .filter .types{position:absolute;right:3.2vw; top:50%; height:6.4vw; margin-top:-3.2vw; font-size:0;}
.event-wrap.list .filter .types a{display:inline-block;vertical-align:top; width:6.4vw;height:6.4vw; background-size:4.8vw auto !important; -webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.event-wrap.list .filter .types a.type01{background:url(../img/content/event-type01.svg) no-repeat center center;;}
.event-wrap.list .filter .types a.type02{background:url(../img/content/event-type02.svg) no-repeat center center; }
.event-wrap.list .filter .types a.type01.active{background-image:url(../img/content/event-type01o.svg)}
.event-wrap.list .filter .types a.type02.active{background-image:url(../img/content/event-type02o.svg)}
@media only screen and (max-width:500px){
	.event-wrap.list .filter{padding:20px 16px;width:calc(100% + 32px);margin-left:-16px;margin-top:-20px;}
	.event-wrap.list .filter .chk-select{width:125px;}
	.event-wrap.list .filter .chk-select select{height:48px; font-size:14px}

	.event-wrap.list .filter .types{height:32px; right:16px;margin-top:-16px;}
	.event-wrap.list .filter .types a{width:32px;height:32px; background-size:24px auto !important;}
}


.event-wrap.list .list{margin-top:5vw;}
.event-wrap.list .list.type01{}
.event-wrap.list .list.type01 ul{}
.event-wrap.list .list.type01 li{position:relative;}
.event-wrap.list .list.type01 li:nth-child(n+2){margin-top:4.8vw;}
.event-wrap.list .list.type01 li a{display:block;}
.event-wrap.list .list.type01 li .img{position:relative;z-index:12; }
.event-wrap.list .list.type01 li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; z-index:1; display:block; content:"";background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.5)));background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(top,  rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.5)', gradientType=0);}
.event-wrap.list .list.type01 li .img img{width:100%;height:31.4vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.event-wrap.list .list.type01 li .img .vimg{overflow:hidden;}

.event-wrap.list .list.type01 li .txt{padding:3vw 3.2vw; position:relative; background:#fff;}
.event-wrap.list .list.type01 li .txt .ztxt{font-size:2.8vw; font-weight:400; letter-spacing:-0.03em; color:#212121; line-height:4.4vw; overflow:hidden;}
.event-wrap.list .list.type01 li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw; max-height:10.4vw; overflow:hidden; }
.event-wrap.list .list.type01 li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.event-wrap.list .list.type01 li .txt .ctxt{margin-top:1vw;font-size:2.4vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;overflow:hidden;font-family:"Roboto";}
@media only screen and (max-width:500px){
	.event-wrap.list .list{margin-top:25px;}
	.event-wrap.list .list.type01 li{}
	.event-wrap.list .list.type01 li:nth-child(n+2){margin-top:24px;}
	.event-wrap.list .list.type01 li .img{}
	.event-wrap.list .list.type01 li .img img{height:157px;}

	.event-wrap.list .list.type01 li .txt{padding:15px 16px}
	.event-wrap.list .list.type01 li .txt .ztxt{font-size:14px; line-height:22px;}
	.event-wrap.list .list.type01 li .txt .btxt{font-size:18px;  line-height:26px;max-height:52px; }
	.event-wrap.list .list.type01 li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.event-wrap.list .list.type01 li .txt .ctxt{margin-top:5px;font-size:12px; line-height:22px }
}

/* 2021-11-13 */
.event-wrap.list .no-data{height:75vh !important; padding:0 !important; display:flex;align-items: center; justify-content: center; }
.event-wrap.list .no-data p{padding-top:21vw;font-size:3.2vw; font-weight:400; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.event-wrap.list .no-data{}
	.event-wrap.list .no-data p{padding-top:105px;font-size:16px; line-height:26px; background-size:100px auto;}
}



.event-wrap.list .list.type02 ul{}
.event-wrap.list .list.type02 li{position:relative; }
.event-wrap.list .list.type02 li:nth-child(n+2){margin-top:7.2vw; }
.event-wrap.list .list.type02 li a{display:block;position:relative; padding-right:32vw; padding-left:3.2vw;background:#fff;}
.event-wrap.list .list.type02 li .img{position:absolute;right:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.event-wrap.list .list.type02 li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.event-wrap.list .list.type02 li .img .vimg{overflow:hidden;}
.event-wrap.list .list.type02 li .img .vcate{position:Absolute;left:0; font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;color:#fff; background:#121212}
.event-wrap.list .list.type02 li .txt{min-height:31.6vw; box-sizing:border-box; padding-top:4.6vw;}
.event-wrap.list .list.type02 li .txt .btxt{font-size:3.6vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:5.2vw;max-height:15.6vw;  overflow:hidden; }
.event-wrap.list .list.type02 li .txt .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;}
.event-wrap.list .list.type02 li .txt .ctxt{margin-top:1vw;font-size:2.4vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;overflow:hidden;font-family:"Roboto";}
@media only screen and (max-width:500px){
	.event-wrap.list .list.type02 li{}
	.event-wrap.list .list.type02 li:nth-child(n+2){margin-top:36px;}
	.event-wrap.list .list.type02 li a{padding-right:160px; padding-left:16px;}
	.event-wrap.list .list.type02 li .img{width:145px;height:158px;}
	.event-wrap.list .list.type02 li .img img{height:158px;}
	.event-wrap.list .list.type02 li .img .vcate{font-size:12px; line-height:22px; padding:0 8px;}
	.event-wrap.list .list.type02 li .txt{min-height:158px; padding-top:23px;}
	.event-wrap.list .list.type02 li .txt .btxt{font-size:18px;  line-height:26px;max-height:78px; }
	.event-wrap.list .list.type02 li .txt .stxt{margin-top:10px;font-size:14px; line-height:22px;}
	.event-wrap.list .list.type02 li .txt .ctxt{margin-top:5px;font-size:12px; line-height:22px }
}



.event-wrap.detail .is-con{}
.event-wrap.detail .is-con h4{font-size:2.6vw;  color:#212121;font-weight:700; line-height:3.6vw; margin-bottom:1vw;}
.event-wrap.detail .is-con .gap15{height:3vw;}

.event-wrap.detail .is-con .vimg{}
.event-wrap.detail .is-con .vimg img{width:100%; height:46.2vw;object-fit:cover;}

.event-wrap.detail .is-con .vcon{margin-top:4.8vw}
.event-wrap.detail .is-con .vcon .btxt{font-size:3.6vw;  color:#212121;font-weight:700; line-height:5.2vw;}
.event-wrap.detail .is-con .vcon .stxt{margin-top:1.6vw;font-size:3.2vw;  color:#525252;font-weight:400; line-height:5.2vw;}

.event-wrap.detail .is-con .vinfo{margin-top:4.4vw ;border-top:1px solid #dfdfdf; padding-top:4.4vw;}
.event-wrap.detail .is-con .vinfo p{font-size:2.4vw;  color:#212121;font-weight:400; line-height:3.6vw;}
.event-wrap.detail .is-con .vinfo ul{}
.event-wrap.detail .is-con .vinfo li{position:relative;padding-left:5vw;font-size:2.4vw;  color:#212121;font-weight:400; line-height:3.6vw;}
.event-wrap.detail .is-con .vinfo li:nth-child(n+2){margin-top:1.6vw;}
.event-wrap.detail .is-con .vinfo li span{position:absolute; left:0; top:0; width:3.2vw;height:3.2vw; font-size:2.2vw; color:#fff; line-height:3.2vw; text-align:center;background:#212121;}

.event-wrap.detail .is-con .vgift{margin-top:3vw;}
.event-wrap.detail .is-con .vgift .img {}
.event-wrap.detail .is-con .vgift .img img{width:100%; height:28.4vw;object-fit:cover;}
.event-wrap.detail .is-con .vgift .u-list02{margin-top:2.4vw;}
.event-wrap.detail .is-con .vgift .u-list02 li{font-size:2.4vw;color:#b5b5b5}
.event-wrap.detail .is-con .vgift .u-list02 li:before{background:#b5b5b5; top:1.4vw}

.event-wrap.detail .lower{margin-top:8vw;}
.event-wrap.detail .lower .fix:after{display:block;content:"";clear:both}
.event-wrap.detail .lower a{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.event-wrap.detail .lower .msg-btn{float:left; width:50%}
.event-wrap.detail .lower .misson-btn{background:#BD0738;float:right; width:50%}
@media only screen and (max-width:500px){
	.event-wrap.detail {}
	.event-wrap.detail .is-con{}
	.event-wrap.detail .is-con h4{font-size:13px; line-height:18px; margin-bottom:5px;}
	.event-wrap.detail .is-con .gap15{height:15px;}

	.event-wrap.detail .is-con .vimg{}
	.event-wrap.detail .is-con .vimg img{ height:231px;}

	.event-wrap.detail .is-con .vcon{margin-top:24px}
	.event-wrap.detail .is-con .vcon .btxt{font-size:18px;line-height:26px}
	.event-wrap.detail .is-con .vcon .stxt{margin-top:8px;font-size:16px;line-height:26px}

	.event-wrap.detail .is-con .vinfo{margin-top:22px; padding-top:22px;}
	.event-wrap.detail .is-con .vinfo p{font-size:12px;line-height:18px}
	.event-wrap.detail .is-con .vinfo li{font-size:12px; padding-left:25px;line-height:18px}
	.event-wrap.detail .is-con .vinfo li:nth-child(n+2){margin-top:8px;}
	.event-wrap.detail .is-con .vinfo li span{width:16px;height:16px; font-size:11px; line-height:16px;}

	.event-wrap.detail .is-con .vgift{margin-top:15px;}
	.event-wrap.detail .is-con .vgift .img img{height:142px;}
	.event-wrap.detail .is-con .vgift .u-list02{margin-top:12px;}
	.event-wrap.detail .is-con .vgift .u-list02 li{font-size:12px}
	.event-wrap.detail .is-con .vgift .u-list02 li:before{top:7px;}

	.event-wrap.detail .lower{margin-top:40px;}
	.event-wrap.detail .lower a{line-height:60px; font-size:16px;}

}


/*=======================================================
	.layer-wrap.event
=========================================================*/
.layer-wrap.event{position:fixed; left:-9999em; bottom:0; width:100%;min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.event.active{left:50%;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
.layer-wrap.event .ov{border-top-left-radius:4vw;border-top-right-radius:4vw;background:#fff; }
.layer-wrap.event .is-top{padding-top:11.2vw}
.layer-wrap.event .is-top .close{width:8vw;height:8vw; position:absolute; right:3.2vw;top:2vw; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}
.layer-wrap.event .is-top .sclose{width:5.6vw;height:1vw; background:#dfdfdf;position:absolute; left:50%;margin-left:-2.8vw; top:3vw;border-radius:1vw;}

.layer-wrap.event .is-con{padding:0 3.2vw;}
.layer-wrap.event .is-con h4{font-size:2.6vw;  color:#212121;font-weight:700; line-height:3.6vw; margin-bottom:1vw;}
.layer-wrap.event .is-con .gap15{height:3vw;}

.layer-wrap.event .is-con .vimg{}
.layer-wrap.event .is-con .vimg img{width:100%; height:46.2vw;object-fit:cover;}

.layer-wrap.event .is-con .vcon{margin-top:4.8vw}
.layer-wrap.event .is-con .vcon .btxt{font-size:3.6vw;  color:#212121;font-weight:700; line-height:5.2vw;}
.layer-wrap.event .is-con .vcon .stxt{margin-top:1.6vw;font-size:3.2vw;  color:#525252;font-weight:400; line-height:5.2vw;}

.layer-wrap.event .is-con .vinfo{margin-top:4.4vw ;border-top:1px solid #dfdfdf; padding-top:4.4vw;}
.layer-wrap.event .is-con .vinfo p{font-size:2.4vw;  color:#212121;font-weight:400; line-height:3.6vw;}
.layer-wrap.event .is-con .vinfo ul{}
.layer-wrap.event .is-con .vinfo li{position:relative;padding-left:5vw;font-size:2.4vw;  color:#212121;font-weight:400; line-height:3.6vw;}
.layer-wrap.event .is-con .vinfo li:nth-child(n+2){margin-top:1.6vw;}
.layer-wrap.event .is-con .vinfo li span{position:absolute; left:0; top:0; width:3.2vw;height:3.2vw; font-size:2.2vw; color:#fff; line-height:3.2vw; text-align:center;background:#212121;}

.layer-wrap.event .is-con .vgift{margin-top:3vw;}
.layer-wrap.event .is-con .vgift .img {}
.layer-wrap.event .is-con .vgift .img img{width:100%; height:28.4vw;object-fit:cover;}
.layer-wrap.event .is-con .vgift .u-list02{margin-top:2.4vw;}
.layer-wrap.event .is-con .vgift .u-list02 li{font-size:2.4vw;color:#b5b5b5}
.layer-wrap.event .is-con .vgift .u-list02 li:before{background:#b5b5b5; top:1.4vw}

.layer-wrap.event .is-btm{margin-top:8vw;}
.layer-wrap.event .is-btm a{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.layer-wrap.event {}
	.layer-wrap.event .ov{border-top-left-radius:20px;border-top-right-radius:20px;}
	.layer-wrap.event .is-top{padding-top:56px}
	.layer-wrap.event .is-top .close{width:40px;height:40px; right:16px; top:10px;}
	.layer-wrap.event .is-top .sclose{width:28px;height:5px; margin-left:-14px; top:15px}

	.layer-wrap.event .is-con{padding:0 16px}
	.layer-wrap.event .is-con h4{font-size:13px; line-height:18px; margin-bottom:5px;}
	.layer-wrap.event .is-con .gap15{height:15px;}

	.layer-wrap.event .is-con .vimg{}
	.layer-wrap.event .is-con .vimg img{ height:231px;}

	.layer-wrap.event .is-con .vcon{margin-top:24px}
	.layer-wrap.event .is-con .vcon .btxt{font-size:18px;line-height:26px}
	.layer-wrap.event .is-con .vcon .stxt{margin-top:8px;font-size:16px;line-height:26px}

	.layer-wrap.event .is-con .vinfo{margin-top:22px; padding-top:22px;}
	.layer-wrap.event .is-con .vinfo p{font-size:12px;line-height:18px}
	.layer-wrap.event .is-con .vinfo li{font-size:12px; padding-left:25px;line-height:18px}
	.layer-wrap.event .is-con .vinfo li:nth-child(n+2){margin-top:8px;}
	.layer-wrap.event .is-con .vinfo li span{width:16px;height:16px; font-size:11px; line-height:16px;}

	.layer-wrap.event .is-con .vgift{margin-top:15px;}
	.layer-wrap.event .is-con .vgift .img img{height:142px;}
	.layer-wrap.event .is-con .vgift .u-list02{margin-top:12px;}
	.layer-wrap.event .is-con .vgift .u-list02 li{font-size:12px}
	.layer-wrap.event .is-con .vgift .u-list02 li:before{top:7px;}

	.layer-wrap.event .is-btm{margin-top:40px;}
	.layer-wrap.event .is-btm a{line-height:60px; font-size:16px;}

}


/*=======================================================
	.mypage-wrap.main
=========================================================*/
.mypage-wrap.main{}
.mypage-wrap.main .line{height:1px ;border-bottom:1px solid #dfdfdf;margin:1.4vw 0;}
.mypage-wrap.main ul{padding:0 1.4vw;}
.mypage-wrap.main ul li{}
.mypage-wrap.main ul li a{display:block; position:relative; line-height:8.8vw; font-size:3.2vw; color:#212121;}
.mypage-wrap.main ul li a:after{position:Absolute; right:0; top:0; width:8.8vw; height:100%; background:url(../img/sub/mypage-arrow.svg) no-repeat center center; background-size:8vw auto; display:block; content:"";}
@media only screen and (max-width:500px){
	.mypage-wrap.main .line{margin:7px 0;}
	.mypage-wrap.main ul{padding:0 7px;}
	.mypage-wrap.main ul li a{line-height:44px; font-size:16px;}
	.mypage-wrap.main ul li a:after{width:44px;background-size:40px auto;}
}



/*=======================================================
	.mypage-wrap.activity
=========================================================*/
.mypage-wrap.activity{position:relative;}
.mypage-wrap.activity .gap40{height:8vw}

.mypage-wrap.activity .info{position:relative;padding:4.6vw 0;}
.mypage-wrap.activity .info:after{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; display:block; content:""; height:100%; background:#212121; z-index:-1;}
.mypage-wrap.activity .info .my{position:relative; padding-left:10vw;}
.mypage-wrap.activity .info .img{position:absolute; left:0; top:0;width:8vw;height:8vw; border-radius:100%}
.mypage-wrap.activity .info .img img{width:100%; height:8vw;object-fit:cover;}
.mypage-wrap.activity .info .nick{font-size:3.2vw; line-height:4.4vw; color:#fff; font-weight:700}
.mypage-wrap.activity .info .code{font-size:2.4vw; line-height:4.4vw; color:#9f9f9f; font-weight:400}
.mypage-wrap.activity .info .code span{color:#BD0738;margin-left:1vw;}
.mypage-wrap.activity .info a{font-size:2.8vw; line-height:4.4vw; position:absolute;right:0; top:9vw; text-decoration:underline; color:#b5b5b5}
@media only screen and (max-width:500px){
	.mypage-wrap.activity .gap40{height:40px}

	.mypage-wrap.activity .info{padding:23px 0;}
	.mypage-wrap.activity .info .my{padding-left:50px;}
	.mypage-wrap.activity .info .img{width:40px;height:40px}
	.mypage-wrap.activity .info .img img{height:40px;}
	.mypage-wrap.activity .info a{font-size:14px; line-height:22px; top:45px;}
	.mypage-wrap.activity .info .nick{font-size:16px;line-height:22px;}
	.mypage-wrap.activity .info .code{font-size:12px; line-height:22px;}
	.mypage-wrap.activity .info .code span{margin-left:5px;}
}

/* 2021-12-07 */
.mypage-wrap.activity .take{position:relative; padding-bottom:3.2vw}
.mypage-wrap.activity .take h3{font-size:4.8vw; line-height:7vw; color:#212121; font-weight:700;}
.mypage-wrap.activity .take .stit{font-size:3.2vw; line-height:5.2vw; color:#212121; margin-top:3.2vw;}
.mypage-wrap.activity .take .stit span{font-weight:700; color:#BD0738;}
.mypage-wrap.activity .take ul{margin-top:6.4vw;position:relative;padding:4.8vw 2vw;}
.mypage-wrap.activity .take ul:before{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; display:block; content:""; height:100%; border-top:1px solid #dfdfdf; background:#f6f6f6;z-index:-1;}
.mypage-wrap.activity .take ul:after{display:block; content:"";clear:both;}
.mypage-wrap.activity .take li{float:left; width:45%; position:Relative; padding-left:16.6vw;text-align:right;box-sizing:border-box;}
.mypage-wrap.activity .take li:nth-child(2){float:right;}
.mypage-wrap.activity .take li .btxt{font-size:2vw; font-family:"Roboto";text-align:center; width:5.6vw;height:5.6vw; line-height:5.2vw;border:1px solid #b5b5b5;border-radius:100%; box-sizing:border-box; position:absolute; left:0; top:0; }
.mypage-wrap.activity .take li .stxt{line-height:5.6vw; position:absolute; left:7vw;top:0;  font-size:2.4vw; font-weight:400; color:#212121}
.mypage-wrap.activity .take li .ctxt{font-size:2.6vw; font-weight:700; color:#212121; line-height:5.6vw}
@media only screen and (max-width:500px){
	.mypage-wrap.activity .take{padding-bottom:16px;}
	.mypage-wrap.activity .take h3{font-size:24px; line-height:35px;}
	.mypage-wrap.activity .take .stit{font-size:16px; line-height:26px; margin-top:16px;}

	.mypage-wrap.activity .take ul{padding:24px 10px; margin-top:32px;}
	.mypage-wrap.activity .take li{padding-left:83px; }
	.mypage-wrap.activity .take li .btxt{width:28px;height:28px;font-size:10px;line-height:28px;}
	.mypage-wrap.activity .take li .stxt{font-size:12px; line-height:28px; left:35px;}
	.mypage-wrap.activity .take li .ctxt{font-size:13px; line-height:28px;}

}

.mypage-wrap.activity .read{position:relative; padding-bottom:3.2vw}
.mypage-wrap.activity .read:after{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; display:block; content:""; height:100%; border-bottom:1px solid #dfdfdf; z-index:-1;}
.mypage-wrap.activity .read h3{font-size:4.8vw; line-height:7vw; color:#212121; font-weight:700;}
.mypage-wrap.activity .read ul{margin-top:3.2vw}
.mypage-wrap.activity .read li{font-size:3.2vw; font-weight:400; line-height:5.2vw; color:#212121;}
.mypage-wrap.activity .read li:nth-child(n+2){}
.mypage-wrap.activity .read li span{font-weight:700;}
@media only screen and (max-width:500px){
	.mypage-wrap.activity .read{padding-bottom:16px;}
	.mypage-wrap.activity .read h3{font-size:24px; line-height:35px;}
	.mypage-wrap.activity .read ul{margin-top:16px}
	.mypage-wrap.activity .read li{font-size:16px; line-height:26px;}

}


.mypage-wrap.activity .badge{position:relative;}
.mypage-wrap.activity .badge h3{font-size:4.8vw; line-height:7vw; color:#212121; font-weight:700;}
.mypage-wrap.activity .badge .stit{font-size:3.2vw; line-height:5.2vw; color:#212121; margin-top:3.2vw;}

.mypage-wrap.activity .badge .list{padding:3.6vw 0; position:relative; margin-top:5vw;}
.mypage-wrap.activity .badge .list:after{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; display:block; content:""; height:100%; border-top:1px solid #dfdfdf; background:#f6f6f6;z-index:-1;}
.mypage-wrap.activity .badge .list h4{font-size:3.2vw; line-height:5.2vw; font-weight:400;color:#BD0738; margin-top:3.2vw;}
.mypage-wrap.activity .badge .list h4 span{font-weight:700;}
.mypage-wrap.activity .badge .list.black h4{color:#212121;}

.mypage-wrap.activity .badge .list .more{font-size:2.8vw; line-height:4.4vw; position:absolute;right:0; top:7.2vw; text-decoration:underline; color:#b5b5b5}
.mypage-wrap.activity .badge .list ul{margin:0 -1% ;margin-top:5vw;}
.mypage-wrap.activity .badge .list ul:after{display:block;content:"";clear:both}
.mypage-wrap.activity .badge .list li{float:left; width:31.33333%; margin:0 1% }
.mypage-wrap.activity .badge .list li a{display:block; height:21.6vw;}
.mypage-wrap.activity .badge .list li img{width:100%;height:21.6vw;object-fit:cover;}
@media only screen and (max-width:500px){
	.mypage-wrap.activity .badge{}
	.mypage-wrap.activity .badge h3{font-size:24px; line-height:35px;}
	.mypage-wrap.activity .badge .stit{font-size:16px; line-height:26px; margin-top:16px;}

	.mypage-wrap.activity .badge .list{padding:18px 0;margin-top:25px;}
	.mypage-wrap.activity .badge .list h4{font-size:16px; line-height:26px; margin-top:16px;}
	.mypage-wrap.activity .badge .list .more{font-size:14px; line-height:22px; top:36px;}
	.mypage-wrap.activity .badge .list ul{margin-top:25px;}
	.mypage-wrap.activity .badge .list li a{height:108px;}
	.mypage-wrap.activity .badge .list li img{height:108px;}
}




/*=======================================================
	.mypage-wrap.badge
=========================================================*/
.mypage-wrap.badge{position:relative;}
.mypage-wrap.badge .gap40{height:8vw}

.mypage-wrap.badge .recent{padding:8vw 0; position:relative; margin-top:5vw;}
.mypage-wrap.badge .recent:after{position:absolute; left:50%; top:0; width:20000px; margin-left:-10000px; display:block; content:""; height:100%; border-top:1px solid #dfdfdf; background:#f6f6f6;z-index:-1;}
.mypage-wrap.badge .recent h3{font-size:4.8vw; line-height:7vw; font-weight:700;color:#212121;}
.mypage-wrap.badge .recent h3 span{font-weight:700;}

.mypage-wrap.badge .recent ul{margin:0 -1% ;margin-top:3.2vw;}
.mypage-wrap.badge .recent ul:after{display:block;content:"";clear:both}
.mypage-wrap.badge .recent li{float:left; width:31.33333%; margin:0 1% }
.mypage-wrap.badge .recent li a{display:block; height:21.6vw; }
.mypage-wrap.badge .recent li img{width:100%;height:21.6vw;object-fit:cover;}

.mypage-wrap.badge .recent .ex{margin-top:3.2vw; min-height:17.4vw;}
.mypage-wrap.badge .recent .ex p{font-size:2.4vw; line-height:4.4vw; color:#9F9F9F;}
@media only screen and (max-width:500px){
	.mypage-wrap.badge .recent{padding:40px 0;}
	.mypage-wrap.badge .recent h3{font-size:24px; line-height:35px;}
	.mypage-wrap.badge .recent ul{margin-top:16px;}
	.mypage-wrap.badge .recent li a{height:108px;}
	.mypage-wrap.badge .recent li img{height:108px;}

	.mypage-wrap.badge .recent .ex{margin-top:16px;min-height:87px;}
	.mypage-wrap.badge .recent .ex p{font-size:12px;  line-height:22px;}
}


.mypage-wrap.badge .all{margin-top:6.4vw;}
.mypage-wrap.badge .all h3{font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;}
.mypage-wrap.badge .all ul{margin:0 -1% ; margin-top:3.2vw;}
.mypage-wrap.badge .all ul:after{display:block;content:"";clear:both}
.mypage-wrap.badge .all li{float:left; width:22%; margin:0 1.5% }
.mypage-wrap.badge .all li:nth-child(n+5){margin-top:3vw}
.mypage-wrap.badge .all li a{display:block;}
.mypage-wrap.badge .all li .img{height:15.8vw;}
.mypage-wrap.badge .all li .img img{width:100%;height:15.8vw;object-fit:cover;}
.mypage-wrap.badge .all li .txt{text-align:center; margin-top:0.8vw;}
.mypage-wrap.badge .all li .txt p{font-size:2.4vw; font-weight:400; color:#525252; line-height:3.6vw;}
@media only screen and (max-width:500px){
	.mypage-wrap.badge .gap40{height:40px}

	.mypage-wrap.badge .all{margin-top:32px;}
	.mypage-wrap.badge .all h3{font-size:18px; line-height:26px;}
	.mypage-wrap.badge .all ul{margin-top:16px;}
	.mypage-wrap.badge .all li:nth-child(n+5){margin-top:15px}
	.mypage-wrap.badge .all li a{}
	.mypage-wrap.badge .all li .img{height:79px;}
	.mypage-wrap.badge .all li .img img{height:79px}

	.mypage-wrap.badge .all li .txt{margin-top:4px;}
	.mypage-wrap.badge .all li .txt p{font-size:12px; line-height:18px;}
}


/*=======================================================
	.layer-wrap.badge
=========================================================*/
.layer-wrap.badge{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.badge.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.badge .ov{padding:3.2vw}
.layer-wrap.badge .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.badge .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.badge .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.badge .is-con{padding:8vw 0;text-align:center;}
.layer-wrap.badge .is-con .img{width:25vw; display:inline-block;vertical-align:top;}
.layer-wrap.badge .is-con .img img{width:100%;object-fit:cover;}
.layer-wrap.badge .is-con .btxt{margin-top:1.4vw;font-size:3.6vw; color:#212121; line-height:4.4vw;}
.layer-wrap.badge .is-con .stxt{margin-top:1.4vw;font-size:2.8vw; color:#212121; line-height:4.4vw;}

.layer-wrap.badge .is-btm{}
.layer-wrap.badge .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.layer-wrap.badge .is-btm a:hover{background:#212121; color:#fff;}
@media only screen and (max-width:500px){
	.layer-wrap.badge .ov{padding:16px 16px 26px 16px}
	.layer-wrap.badge .is-top {padding-bottom:7px;}
	.layer-wrap.badge .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.badge .is-top .close{width:40px;height:40px;}

	.layer-wrap.badge .is-con{padding:40px 0;}
	.layer-wrap.badge .is-con .img{width:125px;}
	.layer-wrap.badge .is-con .img img{}

	.layer-wrap.badge .is-con .btxt{margin-top:7px;font-size:18px; line-height:22px;}
	.layer-wrap.badge .is-con .stxt{margin-top:7px;font-size:14px; line-height:22px;}

	.layer-wrap.badge .is-btm a{line-height:58px; font-size:16px;}
}








/*=======================================================
	.rz-wrap.list
=========================================================*/
.rz-wrap.list .info{position:relative;}
.rz-wrap.list .info:before{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#212121;z-index:-1; height:100%;}
.rz-wrap.list .info:after{display:block; content:"";clear:both}
.rz-wrap.list .info ul{padding:5vw 0;}
.rz-wrap.list .info li:first-child {float:left;position:Relative; width:100%;text-align:right; padding-bottom:4vw;}
.rz-wrap.list .info li:first-child:after{position:Absolute; bottom:0; width:20000px; left:50%;margin-left:-10000px; height:1px; display:block;border-bottom:1px solid #9F9F9F; content:""}
.rz-wrap.list .info li:first-child .btxt{font-size:2.4vw; line-height:6vw; color:#fff; position:Absolute;left:0; top:0;}
.rz-wrap.list .info li:first-child .stxt{font-size:3.2vw; line-height:6vw; color:#fff; font-weight:700;}
.rz-wrap.list .info li:first-child .stxt span{font-size:4.8vw; font-weight:700; margin-right:2px}
.rz-wrap.list .info li:first-child .ctxt{font-size:2.4vw; line-height:6vw; color:#BD0738; text-decoration:underline}
.rz-wrap.list .info li:first-child .ctxt span{font-size:2.6vw;font-weight:700;}
.rz-wrap.list .info li:first-child .itxt{font-size:2.4vw; line-height:6vw; color:#fff; }
.rz-wrap.list .info li:first-child a{display:inline-block; margin-top: 3vw; font-size:2.8vw; line-height:4.4vw; color:#b5b5b5; text-decoration:underline;}

.rz-wrap.list .info li:nth-child(n+2){float:left; width:50%; padding:4vw 2.4vw 4vw 0; position:relative;box-sizing:border-box;text-align:right;}
.rz-wrap.list .info li:nth-child(n+2) .btxt{line-height:3.6vw; font-size:2.4vw;position:Absolute;left:0; top:4vw; color:#9F9F9F; }
.rz-wrap.list .info li:nth-child(n+2) .stxt{line-height:3.6vw; font-size:2.6vw; color:#9F9F9F;}
.rz-wrap.list .info li:nth-child(n+2) .stxt span{font-weight:700;}

.rz-wrap.list .info li:nth-child(3){border-left:1px solid #9f9f9f; padding-left:2.4vw; padding-right:0;}
.rz-wrap.list .info li:nth-child(3) .btxt{left:2.4vw;}
@media only screen and (max-width:500px){
	.rz-wrap.list .info ul{padding:25px 0;}
	.rz-wrap.list .info li:first-child{padding-bottom:20px;}
	.rz-wrap.list .info li:first-child .btxt{font-size:12px; line-height:30px;}
	.rz-wrap.list .info li:first-child .stxt{font-size:16px; line-height:30px; }
	.rz-wrap.list .info li:first-child .stxt span{font-size:24px; }
	.rz-wrap.list .info li:first-child .ctxt{font-size:12px; line-height:30px;}
	.rz-wrap.list .info li:first-child .ctxt span{font-size:13px;}
	.rz-wrap.list .info li:first-child .itxt {font-size:13px; line-height:22px;}
	.rz-wrap.list .info li:first-child a{display:inline-block; margin-top: 3vw; font-size:14px; line-height:22px;}

	.rz-wrap.list .info li:nth-child(n+2){padding:20px 12px 20px 0;}
	.rz-wrap.list .info li:nth-child(n+2) .btxt{line-height:18px; font-size:12px;top:20px; }
	.rz-wrap.list .info li:nth-child(n+2) .stxt{line-height:18px; font-size:13px;}
	.rz-wrap.list .info li:nth-child(3){padding-left:12px; padding-right:0;}
	.rz-wrap.list .info li:nth-child(3) .btxt{left:12px;}
}


.rz-wrap.list .tab{position:relative; width:calc(100% + 6.4vw); margin-left:-3.2vw;}
.rz-wrap.list .tab:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#fff; z-index:-1; height:100%;}
.rz-wrap.list .tab ul{}
.rz-wrap.list .tab ul:after{display:block; content:"";clear:both;}
.rz-wrap.list .tab li{float:left; width:50%;text-align:center;}
.rz-wrap.list .tab li a{display:block; line-height:12vw; opacity:0.4; color:#212121; font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; }
.rz-wrap.list .tab li a span{display:inline-block;vertical-align:top;position:relative;}
.rz-wrap.list .tab li a span:after{background:#212121; width:100%; position:Absolute ;left:0; bottom:0; display:block; content:"";height:0;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
.rz-wrap.list .tab li.active a{opacity:1;}
.rz-wrap.list .tab li.active a span:after{height:5px}
@media only screen and (max-width:500px){
	.rz-wrap.list .tab{ width:calc(100% + 32px); margin-left:-16px;}
	.rz-wrap.list .tab li a{font-size:16px; line-height:60px;}
	.rz-wrap.list .tab li.active a span:after{height:3px}
}

.rz-wrap.list .list{position:Relative;}
.rz-wrap.list .list:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#f6f6f6;z-index:-1; height:100%;}
.rz-wrap.list .list.no-bg:after{display:none;}
.rz-wrap.list .list ul{}
.rz-wrap.list .list li{position:relative;}
.rz-wrap.list .list li:after{position:Absolute; bottom:0; width:20000px; left:50%;margin-left:-10000px; height:1px; display:block;background:#dfdfdf; content:""}
.rz-wrap.list .list li a{display:block; position:relative;padding:5.4vw 0;}
.rz-wrap.list .list li .btxt{font-size:2.8vw; font-weight:700; color:#212121; line-height:3.6vw;}
.rz-wrap.list .list li .stxt{font-size:2.6vw; font-weight:400; color:#212121; line-height:4.4vw;}
.rz-wrap.list .list li .ctxt{color:#BD0738; font-size:3.2vw; line-height:5.2vw; text-align:right;}
.rz-wrap.list .list li .ctxt span{font-weight:700;}
@media only screen and (max-width:500px){
	.rz-wrap.list .list li a{padding:27px 0;}
	.rz-wrap.list .list li .btxt{font-size:14px;line-height:18px;}
	.rz-wrap.list .list li .stxt{font-size:13px;line-height:22px;}
	.rz-wrap.list .list li .ctxt{ font-size:16px; line-height:26px;}
}


.rz-wrap.list .have{text-align:center; padding:20vw 0;}
.rz-wrap.list .have p{font-size:4.8vw; line-height:7.2vw; font-weight:700; color:#212121;background:url(../img/content/have-rz.svg) no-repeat center top; background-size:20.8vw auto;padding-top:25.6vw}
.rz-wrap.list .give-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.rz-wrap.list .give-btn:hover{background:#212121; color:#fff;}

.rz-wrap.list .no-data{text-align:center; display:flex; justify-content:center; align-items:center; padding:26vw 0}
.rz-wrap.list .no-data .vc{text-align:center;}
.rz-wrap.list .no-data .btxt{padding-top:27vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-rz.svg) no-repeat center top; background-size:20vw auto;}
.rz-wrap.list .no-data .btxt span{color:#BD0738;}
.rz-wrap.list .no-data .stxt{margin-top:2vw;font-size:2.8vw; font-weight:400; color:#9f9f9f; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.rz-wrap.list .have{padding:100px 0;}
	.rz-wrap.list .have p{padding-top:128px; background-size:104px auto;font-size:24px; line-height:36px;}

	.rz-wrap.list .no-data{padding:130px 0}
	.rz-wrap.list .no-data .btxt{padding-top:134px;font-size:18px; line-height:26px; background-size:100px auto;}
	.rz-wrap.list .no-data .stxt{margin-top:10px;font-size:14px; line-height:22px}

	.rz-wrap.list .give-btn{line-height:58px; font-size:16px;}
}

.rz-wrap.list .lower{margin-top:11vw;}
.rz-wrap.list .lower .fix{background:#f6f6f6; padding:10vw 0; text-align:center;}
.rz-wrap.list .lower .gift{}
.rz-wrap.list .lower .gift .btxt{font-size:2.8vw;line-height:4.4vw ;color:#212121;}
.rz-wrap.list .lower .gift .stxt{margin-top:0.8vw;font-size:3.2vw;line-height:4.8vw ;color:#212121; font-weight:700;}
.rz-wrap.list .lower .gift .stxt span{color:#BD0738;}
@media only screen and (max-width:500px){
	.rz-wrap.list .lower{margin-top:55px;}
	.rz-wrap.list .lower .fix{padding:50px 0}
	.rz-wrap.list .lower .gift .btxt{font-size:14px;line-height:22px ;}
	.rz-wrap.list .lower .gift .stxt{margin-top:4px;font-size:16px;line-height:24px ;}
}


.rz-wrap.list .prd{margin-top:3.2vw;}
.rz-wrap.list .prd .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:3.2vw;}
.rz-wrap.list .prd .total span{color:#BD0738;}
.rz-wrap.list .prd a{display:block;position:relative; padding:2.6vw 3.4vw;background:#f1f1f1}
.rz-wrap.list .prd .txt{height:14vw; display:flex;align-items: center; justify-content: left;}
.rz-wrap.list .prd .txt p{font-size:3.2vw;font-weight:700; line-height:4.8vw;color:#525252;}
.rz-wrap.list .prd .img{width:14vw; position:absolute; right:6.4vw; top:2.8vw;}
.rz-wrap.list .prd .img img{width:100%;}
.rz-wrap.list .plist{margin-top:6.6vw;}
.rz-wrap.list .plist li{}
.rz-wrap.list .plist li:nth-child(n+2){margin-top:3.2vw;}
.rz-wrap.list .plist li a{display:block; position:relative; padding-left:25.2vw;}
.rz-wrap.list .plist li .img{width:23.2vw;height:23.2vw; position:absolute; left:0; top:0;}
.rz-wrap.list .plist li .img img{width:100%;height:23.2vw;object-fit:cover;}
.rz-wrap.list .plist li .txt{height:23.2vw; border-bottom:1px solid #dfdfdf;box-sizing:border-box; display:flex;align-items: center; justify-content: left;}
.rz-wrap.list .plist li .btxt{line-height:4.4vw; font-size:2.4vw;color:#9f9f9f}
.rz-wrap.list .plist li .stxt{line-height:4.8vw; font-size:3.2vw;color:#212121;font-weight:700}
.rz-wrap.list .plist li .ctxt{margin-top:3.4vw;font-size:2.4vw; font-family:"Roboto";  color:#212121;}
.rz-wrap.list .plist li .ctxt span{font-size:2.8vw;}
@media only screen and (max-width:500px){
	.rz-wrap.list .prd{margin-top:16px}
	.rz-wrap.list .prd .total{font-size:14px; line-height:22px; margin-bottom:16px}

	.rz-wrap.list .prd a{padding:13px 17px}
	.rz-wrap.list .prd .txt{ height:70px;}
	.rz-wrap.list .prd .txt p{font-size:16px;line-height:24px;}
	.rz-wrap.list .prd .img{width:70px; right:32px; top:14px}

	.rz-wrap.list .plist{margin-top:33px;}
	.rz-wrap.list .plist li:nth-child(n+2){margin-top:16px}
	.rz-wrap.list .plist li a{ padding-left:126px;}
	.rz-wrap.list .plist li .img{width:116px;height:116px;}
	.rz-wrap.list .plist li .img img{height:116px;}
	.rz-wrap.list .plist li .txt{height:116px; }
	.rz-wrap.list .plist li .btxt{line-height:22px; font-size:12px;}
	.rz-wrap.list .plist li .stxt{line-height:24px; font-size:16px;}
	.rz-wrap.list .plist li .ctxt{margin-top:17px;font-size:12px; }
	.rz-wrap.list .plist li .ctxt span{font-size:14px;}
}


.rz-wrap.use .prd{ position:relative;width:calc(100% + 6.4vw); margin-left:-3.2vw;background:#fff;}
.rz-wrap.use .prd .img{height:62vw; padding:9vw 0;text-align:center; background:#f1f1f1; box-sizing:border-box ;}
.rz-wrap.use .prd .img{height:62vw; padding:9vw 0;text-align:center; background:#f1f1f1; box-sizing:border-box ;}
.rz-wrap.use .prd .img img{width:24vw;}
.rz-wrap.use .prd .txt{margin-top:3vw;text-align:left; padding:0 3.2vw;padding-bottom:6vw; border-bottom:1px solid #dfdfdf ; box-sizing:border-box;}
.rz-wrap.use .prd .txt .btxt{font-size:2.4vw; line-height:4.4vw; color:#f9f9f9}
.rz-wrap.use .prd .txt .stxt{font-size:3.2vw; line-height:4.8vw;font-weight:700; color:#212121}
.rz-wrap.use .prd .txt .ctxt{font-size:2.8vw; line-height:4.4vw; color:#BD0738;text-align:right;}
.rz-wrap.use .prd .txt .ctxt span{font-weight:700;font-size:3.2vw;}

.rz-wrap.use .prd .vtxt{text-align:left; padding:3vw 3.2vw;border-bottom:1px solid #dfdfdf ; box-sizing:border-box;}
.rz-wrap.use .prd .vtxt .btxt{font-size:2.6vw; line-height:3.6vw;font-weight:700; color:#212121}
.rz-wrap.use .prd .vtxt .stxt{font-size:2.4vw; line-height:3.6vw;color:#212121 ;margin-top:1.6vw;}

.rz-wrap.use .u-list02{margin-top:3vw}
.rz-wrap.use .u-list02 h4{font-size:2.6vw; line-height:3.6vw;font-weight:700; color:#212121; margin-bottom:1.6vw;}
.rz-wrap.use .u-list02 li{font-size:2.4vw ; color:#212121;}
.rz-wrap.use .u-list02 li:before{background:#212121; top:1.4vw}

.rz-wrap.use .lower{margin-top:8vw;}
.rz-wrap.use .lower .fix{padding:0;}
.rz-wrap.use .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#121212;}
@media only screen and (max-width:500px){
	.rz-wrap.use .prd{width:calc(100% + 32px); margin-left:-16px;}
	.rz-wrap.use .prd .img{position:relative; height:310px; padding:45px 0; overflow:hidden;}
	.rz-wrap.use .prd .img img{position:absolute; left:50%; top: 50%; width: 100%; height:auto; transform: translate(-50%, -50%);}
	.rz-wrap.use .prd .txt{margin-top:15px; padding:0 16px;padding-bottom:30px; }
	.rz-wrap.use .prd .txt .btxt{font-size:12px ;line-height:22px}
	.rz-wrap.use .prd .txt .stxt{font-size:16px ;line-height:24px}
	.rz-wrap.use .prd .txt .ctxt{font-size:14px ;line-height:22px}
	.rz-wrap.use .prd .txt .ctxt span{font-size:16px}

	.rz-wrap.use .prd .vtxt{ padding:15px 16px;  border-bottom:1px solid #b9b9b9 ; }
	.rz-wrap.use .prd .vtxt .btxt{font-size:13px ;line-height:18px}
	.rz-wrap.use .prd .vtxt .stxt{font-size:12px ;line-height:18px; margin-top:8px;}

	.rz-wrap.use .u-list02{margin-top:15px}
	.rz-wrap.use .u-list02 h4{font-size:13px ;line-height:18px ;margin-bottom:8px;}
	.rz-wrap.use .u-list02 li{font-size:12px}
	.rz-wrap.use .u-list02 li:before{top:7px;}

	.rz-wrap.use .lower{margin-top:24px;}
	.rz-wrap.use .enter-btn{line-height:60px; font-size:16px;}
}


/*=======================================================
	.layer-wrap.rz 2021-12-07
=========================================================*/
.layer-wrap.rz{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-x:hidden;overflow-y:auto; max-height:100%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.rz.active{left:50%;}
.layer-wrap.rz .ov{padding:3.2vw}
.layer-wrap.rz .is-top{position:relative;border-bottom:1px solid #d3d3d3 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.rz .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.rz .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.rz .is-con{padding:4vw 0;text-align:center;}
.layer-wrap.rz .is-con .prd{}
.layer-wrap.rz .is-con .prd .img{height:62vw;}
.layer-wrap.rz .is-con .prd .img img{width:100%;height:62vw;object-fit:cover;}
.layer-wrap.rz .is-con .prd .txt{margin-top:3vw;text-align:left;}
.layer-wrap.rz .is-con .prd .txt .btxt{font-size:2.4vw; line-height:4.4vw; color:#f9f9f9}
.layer-wrap.rz .is-con .prd .txt .stxt{font-size:3.2vw; line-height:4.8vw; font-weight:700;color:#212121}
.layer-wrap.rz .is-con .prd .txt .ctxt{font-size:2.8vw; line-height:4.4vw; color:#BD0738;text-align:right;}
.layer-wrap.rz .is-con .prd .txt .ctxt span{font-weight:700;font-size:3.2vw;}

.layer-wrap.rz .is-con .result{margin-top:2.8vw}
.layer-wrap.rz .is-con .result ul{padding:3.2vw 0; position:relative;;}
.layer-wrap.rz .is-con .result ul:first-child:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#f6f6f6; z-index:-1; height:100%; border-top:1px solid #dfdfdf}
.layer-wrap.rz .is-con .result ul:last-child:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#fff; z-index:-1; height:100%; border-bottom:1px solid #dfdfdf}

.layer-wrap.rz .is-con .result li{text-align:right; position:Relative}
.layer-wrap.rz .is-con .result li .btxt{position:absolute; left:0 ;top:0;line-height:3.6vw; color:#212121; font-size:2.4vw;}
.layer-wrap.rz .is-con .result li .stxt{line-height:3.6vw; color:#212121; font-size:2.4vw;}
.layer-wrap.rz .is-con .result li:nth-child(2){margin-top:2vw;}

.layer-wrap.rz .is-con .result ul:last-child .btxt{color:#BD0738}
.layer-wrap.rz .is-con .result ul:last-child .stxt{color:#BD0738; font-size:2.8vw;}
.layer-wrap.rz .is-con .result ul:last-child .stxt span{font-size:3.2vw;}

.layer-wrap.rz .is-con .end{position:relative;padding:4.8vw 0;text-align:center;margin-top:2.8vw}
.layer-wrap.rz .is-con .end:after{position:absolute; left:50%; top:0; width:20000%; left:50%;margin-left:-10000px; top:0; display:block; content:"";background:#f6f6f6; z-index:-1; height:100%;}
.layer-wrap.rz .is-con .end p{font-size:2.8vw; line-height:4.8vw; color:#212121}

.layer-wrap.rz .is-btm{margin-top:4vw;}
.layer-wrap.rz .is-btm a{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121}
.layer-wrap.rz .is-btm a:hover{background:#212121; color:#fff;}
.layer-wrap.rz .is-btm .u-list02{margin-top:3vw}
.layer-wrap.rz .is-btm .u-list02 li{font-size:2.4vw}
.layer-wrap.rz .is-btm .u-list02 li:before{background:#b5b5b5; top:1.4vw}

@media only screen and (max-width:500px){
	.layer-wrap.rz{width:100%; top:0;-webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important;  -ms-transform: translate(0, 0) !important;  -o-transform: translate(0, 0) !important;  transform: translate(0, 0) !important;}
	.layer-wrap.rz.active{left:0;}
	.layer-wrap.rz .ov{padding:16px 16px 26px 16px}
	.layer-wrap.rz .is-top {padding-bottom:7px;}
	.layer-wrap.rz .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.rz .is-top .close{width:40px;height:40px;}

	.layer-wrap.rz .is-con{padding:20px 0;}
	.layer-wrap.rz .is-con .prd .img{height:310px;}
	.layer-wrap.rz .is-con .prd .img img{height:310px;}
	.layer-wrap.rz .is-con .prd .txt{margin-top:15px;}
	.layer-wrap.rz .is-con .prd .txt .btxt{font-size:12px ;line-height:22px}
	.layer-wrap.rz .is-con .prd .txt .stxt{font-size:16px ;line-height:24px}
	.layer-wrap.rz .is-con .prd .txt .ctxt{font-size:14px ;line-height:22px}
	.layer-wrap.rz .is-con .prd .txt .ctxt span{font-size:16px}

	.layer-wrap.rz .is-con .result{margin-top:14px}
	.layer-wrap.rz .is-con .result ul{padding:16px 0;}
	.layer-wrap.rz .is-con .result li:nth-child(2){margin-top:10px;}
	.layer-wrap.rz .is-con .result li .btxt{font-size:12px;line-height:18px;}
	.layer-wrap.rz .is-con .result li .stxt{font-size:12px;line-height:18px;}
	.layer-wrap.rz .is-con .result ul:last-child .stxt{ font-size:14px;}
	.layer-wrap.rz .is-con .result ul:last-child .stxt span{font-size:16px;}

	.layer-wrap.rz .is-con .end{padding:24px 0; margin-top:14px;}
	.layer-wrap.rz .is-con .end p{font-size:14px; line-height:24px}

	.layer-wrap.rz .is-btm{margin-top:20px;}
	.layer-wrap.rz .is-btm a{line-height:60px; font-size:16px;}
	.layer-wrap.rz .is-btm .u-list02{margin-top:15px}
	.layer-wrap.rz .is-btm .u-list02 li{font-size:12px}
	.layer-wrap.rz .is-btm .u-list02 li:before{top:7px;}
}



/*=======================================================
	.mypage-wrap.take
=========================================================*/
.mypage-wrap.take{}
.mypage-wrap.take .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:6.4vw;}
.mypage-wrap.take .total span{color:#BD0738;}

.mypage-wrap.take .list ul{}
.mypage-wrap.take .list li{position:relative;}
.mypage-wrap.take .list li:nth-child(n+2){margin-top:7.2vw; }
.mypage-wrap.take .list li .vcon{display:block;position:relative; padding-left:32vw;}
.mypage-wrap.take .list li .img{position:absolute;left:0; top:0; width:29vw;height:31.6vw;z-index:12;}
.mypage-wrap.take .list li .img img{width:100%;height:31.6vw;object-fit:cover; -webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;-o-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;}
.mypage-wrap.take .list li .img .vimg{overflow:hidden;}
.mypage-wrap.take .list li .img .vcate{position:Absolute;left:0; top:-0.8vw;}
.mypage-wrap.take .list li .img .vcate span{font-size:2.4vw;line-height:4.4vw; padding:0 1.6vw;color:#fff; background:#121212;display:block; text-align:center;}
.mypage-wrap.take .list li .img .vcate span:nth-child(2){}
.mypage-wrap.take .list li .img .vcate .black{background:#212121; color:#fff}
.mypage-wrap.take .list li .img .vcate .red{background:#BD0738; color:#fff}
.mypage-wrap.take .list li .img .vcate .white{background:#fff; color:#BD0738}
.mypage-wrap.take .list li .img .take{position:Absolute;right:0; bottom:1.6vw; color:#BD0738; line-height:4.4vw; width:13vw; font-size:2.4vw; text-align:center;}


.mypage-wrap.take .list li .txt{ border-bottom:1px solid #dfdfdf; min-height:31.6vw; box-sizing:border-box;}
.mypage-wrap.take .list li .txt .btxt{font-size:3.2vw; font-weight:700; letter-spacing:-0.03em; color:#212121; line-height:4.8vw; max-height:9.6vw; overflow:hidden;}
.mypage-wrap.take .list li .txt .stxt{margin-top:1.6vw;font-size:2.8vw; font-weight:400; color:#525252; line-height:4.4vw;max-height:8.8vw; overflow:hidden;}
.mypage-wrap.take .list li .count{margin-top:3vw;}
.mypage-wrap.take .list li .count:after{display:block; content:"";clear:both}
.mypage-wrap.take .list li .count p{padding-left:4.8vw;float:left;color:#B5B5B5; font-size:2.4vw; line-height:4.8vw; font-family:"Roboto";background-size:4.8vw auto !important}
.mypage-wrap.take .list li .count p:nth-child(n+2){margin-left:1.2vw;}
.mypage-wrap.take .list li .count .view{background:url(../img/main/ico-view.svg) no-repeat left -0.4vw; }
.mypage-wrap.take .list li .count .comment{background:url(../img/main/ico-comment.svg) no-repeat left -0.4vw;; }
.mypage-wrap.take .list li .count .like{background:url(../img/main/ico-like.svg) no-repeat left -0.4vw; }

.mypage-wrap.take .no-data{text-align:center; display:flex; justify-content:center; align-items:center; padding:40vw 0}
.mypage-wrap.take .no-data .vc{text-align:center;}
.mypage-wrap.take .no-data p{padding-top:23vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-rz.svg) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.mypage-wrap.take {}
	.mypage-wrap.take .total{font-size:14px; line-height:22px; margin-bottom:32px}

	.mypage-wrap.take .list h3{font-size:24px; line-height:35px; margin-bottom:19px;}
	.mypage-wrap.take .list li:nth-child(n+2){margin-top:36px;}
	.mypage-wrap.take .list li .vcon{padding-left:160px;}
	.mypage-wrap.take .list li .img{width:145px;height:158px;}
	.mypage-wrap.take .list li .img img{height:158px;}
	.mypage-wrap.take .list li .img .vcate{top:-4px;}
	.mypage-wrap.take .list li .img .vcate span{font-size:12px; line-height:22px; padding:0 8px;}
	.mypage-wrap.take .list li .img .take{bottom:8px; line-height:22px; font-size:12px; width:65px;}
	.mypage-wrap.take .list li .txt{min-height:158px;}
	.mypage-wrap.take .list li .txt .btxt{font-size:16px; line-height:24px;max-height:48px;  }
	.mypage-wrap.take .list li .txt .stxt{margin-top:8px;font-size:14px; line-height:22px;max-height:44px;  }
	.mypage-wrap.take .list li .count{margin-top:15px;}
	.mypage-wrap.take .list li .count p{padding-left:24px; font-size:12px;line-height:24px;background-size:24px auto !important}
	.mypage-wrap.take .list li .count p:nth-child(n+2){margin-left:6px;}
	.mypage-wrap.take .list li .count .view{background-position:left -2px}
	.mypage-wrap.take .list li .count .comment{background-position:left -2px}
	.mypage-wrap.take .list li .count .like{background-position:left -2px}

	.mypage-wrap.take .no-data{padding:200px 0}
	.mypage-wrap.take .no-data p{padding-top:115px;font-size:18px; line-height:26px; background-size:100px auto;}
}




/*=======================================================
	.give-wrap.state
=========================================================*/
.give-wrap.state .gap30{height:6vw;}
.give-wrap.state .gap40{height:8vw;}
.give-wrap.state .gap60{height:12vw;}

.give-wrap.state .pinfo{position:relative;background:#212121; width:calc(100% + 6.4vw);margin-left:-3.2vw; box-sizing:border-box ;padding:3.4vw 3.2vw  }
.give-wrap.state .pinfo:after{width:1px; height:100%; border-right:1px solid rgba(255,255,255,0.2); display:block; position:Absolute;content:""; left:46%; top:0; }
.give-wrap.state .pinfo ul{}
.give-wrap.state .pinfo ul:after{display:block; content:"";clear:both}
.give-wrap.state .pinfo li{float:left; width:46%; position:relative; box-sizing:border-box;text-align:right;}
.give-wrap.state .pinfo li:nth-child(2){width:54%;}
.give-wrap.state .pinfo li .btxt{line-height:4.8vw;font-weight:400; letter-spacing:-0.03em;font-size:2.6vw; color:#9f9f9f;position:absolute;left:0; top:0;}
.give-wrap.state .pinfo li .stxt{line-height:4.8vw; font-size:2.6vw;letter-spacing:-0.03em; font-weight:700;color:#9f9f9f;}
.give-wrap.state .pinfo li:nth-child(1){padding-right:2.4vw;  }
.give-wrap.state .pinfo li:nth-child(2){padding-left:2.4vw;}
.give-wrap.state .pinfo li:nth-child(2) .btxt{left:2.4vw;}
.give-wrap.state .pinfo li:nth-child(1) .stxt{ color:#BD0738; }
@media only screen and (max-width:500px){
	.give-wrap.state .gap30{height:30px;}
	.give-wrap.state .gap60{height:60px;}
	.give-wrap.state .gap40{height:40px}

	.give-wrap.state .pinfo{ width:calc(100% + 32px);margin-left:-16px; padding:17px 16px;}
	.give-wrap.state .pinfo li .btxt{font-size:13px; line-height:24px}
	.give-wrap.state .pinfo li .stxt{font-size:13px; line-height:24px;}

	.give-wrap.state .pinfo li:nth-child(1){padding-right:12px }
	.give-wrap.state .pinfo li:nth-child(2){padding-left:12px }
	.give-wrap.state .pinfo li:nth-child(2) .btxt{left:12px;}
}

.give-wrap.state .list{padding:8vw 0;}
.give-wrap.state .list h4{font-size:2.4vw; line-height:7vw; color:#212121;font-weight:400;}
.give-wrap.state .list .vtem{position:Relative; width:calc(100% + 6.4vw); margin-left:-3.2vw;border-top:1px solid #dfdfdf; }
.give-wrap.state .list dl{border-bottom:1px solid #dfdfdf}
.give-wrap.state .list dl dt{padding:2.8vw 3.2vw; line-height:3.6vw; font-size:2.6vw; font-weight:700; color:#212121;}
.give-wrap.state .list dl dt span{color:#BD0738;}
.give-wrap.state .list dl dd .txt{padding:4.4vw 4vw;background:#f6f6f6}
.give-wrap.state .list dl dd .btxt{position:relative; line-height:5vw; font-size:2.4vw;}
.give-wrap.state .list dl dd .btxt span{position:Absolute;right:0; top:0; color:#9f9f9f}
.give-wrap.state .list dl dd .stxt{margin-top:2vw; font-size:2.8vw; color:#212121;}

/* 2021-11-13 */
.give-wrap.state .no-data{text-align:center; display:flex; justify-content:center; align-items:center; padding:50vw 0}
.give-wrap.state .no-data .vc{text-align:center;}
.give-wrap.state .no-data p{padding-top:26.6vw;font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;background:url(../img/content/no-rz.svg) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.give-wrap.state .list{padding:40px 0;}
	.give-wrap.state .list h4{font-size:12px; line-height:35px;}
	.give-wrap.state .list .vtem{ width:calc(100% + 32px); margin-left:-16px;}
	.give-wrap.state .list dl dt{padding:14px 16px;line-height:18px; font-size:13px;}
	.give-wrap.state .list dl dd .txt{padding:22px 20px;}
	.give-wrap.state .list dl dd .btxt{font-size:12px; line-height:25px;}
	.give-wrap.state .list dl dd .stxt{margin-top:10px; font-size:14px;}

	.give-wrap.state .no-data{padding:250px 0}
	.give-wrap.state .no-data p{padding-top:133px;font-size:18px; line-height:26px; background-size:100px auto;}
}


/*=======================================================
	.mypage-wrap.modify 2021-12-03
=========================================================*/
.mypage-wrap.modify{position:relative;padding:2vw 0}
.mypage-wrap.modify .gap32{height:6.4vw}

.mypage-wrap.modify .upper{text-align:right;}
.mypage-wrap.modify .upper a{font-size:2.8vw; line-height:4.4vw; color:#BD0738;text-decoration:underline}
.mypage-wrap.modify .u-list02{margin-top:1.6vw}

.mypage-wrap.modify .entry{}
.mypage-wrap.modify .entry li{position:relative; z-index:1;}
.mypage-wrap.modify .entry li.focused, .mypage-wrap.modify .entry li.active{z-index:2;}
.mypage-wrap.modify .entry li:nth-child(n+2){margin-top:-1px;}
.mypage-wrap.modify .entry .chk-input{width:100%; z-index:123;}
.mypage-wrap.modify .entry .chk-input input{}
.mypage-wrap.modify .entry .chk-input .time{position:absolute; right:4vw; top:50%; line-height:4.4vw; font-size:2.4vw; color:#BD0738;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.mypage-wrap.modify .entry .chk-select{width:100%;}
.mypage-wrap.modify .entry .chk-select select{}
.mypage-wrap.modify .entry .modify-btn{font-size:2.8vw; line-height:4.4vw; color:#b5b5b5;text-decoration:underline; position:absolute;right:3.2vw;top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.mypage-wrap.modify .entry li:nth-child(1) .chk-input input{padding-right:26vw;}
.mypage-wrap.modify .entry li:nth-child(2) .chk-input input{padding-right:26vw;}

.mypage-wrap.modify .ex{margin-top:1.6vw;font-size:2.4vw; color:#BD0738; line-height:3.6vw; padding-left:3vw; background:url(../img/sub/ico-ex.svg) no-repeat 0 0.8vw; background-size:2vw auto;}
.mypage-wrap.modify .ex.help{font-size:2.8vw;background:url(../img/sub/ico-help.svg) no-repeat right 0;line-height:4.4vw;background-size:3.2vw auto; color:#9F9F9F; padding-right:4vw; padding-left:0; display:inline-block;vertical-align:top;}
.mypage-wrap.modify .ex.gray{font-size:2.8vw;padding:0; background:none; display:block; color:#9f9f9f;line-height:4.4vw;}

.mypage-wrap.modify .agrees{ border-top:1px solid #d3d3d3}
.mypage-wrap.modify .agrees ul{padding:4.8vw 0;}
.mypage-wrap.modify .agrees li{position:relative;}
.mypage-wrap.modify .agrees li:nth-child(n+2){margin-top:4vw;}
.mypage-wrap.modify .agrees li .chk-check{display:block;}
.mypage-wrap.modify .agrees li .chk-check label{ font-size:2.8vw;}
.mypage-wrap.modify .agrees li .chk-check label span{color:#BD0738; margin-left:1vw;}
.mypage-wrap.modify .agrees li .view-btn{margin-top:0 !important;position:Absolute; right:0; top:0; line-height:3.2vw; color:#B5B5B5; border-bottom:1px solid #B5B5B5; font-size:2.8vw;}

.mypage-wrap.modify .lower{margin-top:4.8vw;}
.mypage-wrap.modify .lower a:nth-child(n+2){margin-top:3.2vw}
.mypage-wrap.modify .end-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:rgba(255,255,255,0.6);font-weight:700;background:#9F9F9F;}
.mypage-wrap.modify .end-btn.active{background:#212121;color:#fff}
.mypage-wrap.modify .next-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:rgba(255,255,255,0.6);font-weight:700;background:#9F9F9F;}
.mypage-wrap.modify .next-btn.active{background:#212121;color:#fff}

.mypage-wrap.modify .main-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
.mypage-wrap.modify .send-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#bebebe;font-weight:700;background:#f1f1f1; border:1px solid #9f9f9f}
.mypage-wrap.modify .resend-btn{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.mypage-wrap.modify .cerfity-btn{margin-top:1.4vw;line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
.mypage-wrap.modify .allchk-btn{ margin-top:0 !important;line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
@media only screen and (max-width:500px){
	.mypage-wrap.modify{padding:10px 0}
	.mypage-wrap.modify .gap32{height:32px}
	.mypage-wrap.modify .upper a{font-size:14px; line-height:22px;}
	.mypage-wrap.modify .u-list02{margin-top:8px}

	.mypage-wrap.modify .entry{}
	.mypage-wrap.modify .entry .chk-input input{}
	.mypage-wrap.modify .entry .chk-select select{}
	.mypage-wrap.modify .entry .chk-input .time{right:20px; line-height:22px; font-size:12px;}
	.mypage-wrap.modify .entry li:nth-child(1) .chk-input input{padding-right:130px;}
	.mypage-wrap.modify .entry li:nth-child(2) .chk-input input{padding-right:130px;}
	.mypage-wrap.modify .entry .modify-btn{font-size:14px; line-height:22px; right:16px;}

	.mypage-wrap.modify .ex{margin-top:8px;font-size:12px;line-height:18px; padding-left:15px; background-size:10px auto; background-position:0 4px}
	.mypage-wrap.modify .ex.help{ font-size:14px;background-size:16px auto; background-position:right 0; padding-right:20px; line-height:22px;}
	.mypage-wrap.modify .ex.gray{font-size:14px;line-height:22px;}

	.mypage-wrap.modify .agrees{}
	.mypage-wrap.modify .agrees ul{padding:24px 0;}
	.mypage-wrap.modify .agrees li:nth-child(n+2){margin-top:20px;}
	.mypage-wrap.modify .agrees li .chk-check label {font-size:14px;}
	.mypage-wrap.modify .agrees li .chk-check label span{margin-left:5px;}
	.mypage-wrap.modify .agrees li .view-btn{font-size:14px; line-height:16px;}

	.mypage-wrap.modify .lower{margin-top:24px;}
	.mypage-wrap.modify .lower a:nth-child(n+2){margin-top:16px}
	.mypage-wrap.modify .end-btn{line-height:60px; font-size:16px;}
	.mypage-wrap.modify .next-btn{line-height:60px; font-size:16px;}
	.mypage-wrap.modify .main-btn{line-height:60px; font-size:16px;}
	.mypage-wrap.modify .send-btn{line-height:58px; font-size:16px;}
	.mypage-wrap.modify .resend-btn{line-height:58px; font-size:16px;}
	.mypage-wrap.modify .cerfity-btn{margin-top:7px;line-height:58px; font-size:16px;}
	.mypage-wrap.modify .allchk-btn{line-height:58px; font-size:16px;}
}



/*=======================================================
	.mypage-wrap.provision
=========================================================*/
.mypage-wrap.provision .gap24{height:4.8vw;}
.mypage-wrap.provision .txt{}
.mypage-wrap.provision .txt p{font-size:2.8vw; color:#212121; line-height:4.4vw;}
.mypage-wrap.provision .lower{margin-top:6vw;}
.mypage-wrap.provision .lower .fix{background:none;}
.mypage-wrap.provision .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.mypage-wrap.provision{}
	.mypage-wrap.provision .gap24{height:24px;}
	.mypage-wrap.provision .txt{}
	.mypage-wrap.provision .txt p{font-size:14px; line-height:22px;}
	.mypage-wrap.provision .lower{margin-top:30px;}
	.mypage-wrap.provision .enter-btn{line-height:60px; font-size:16px;}
}



/*=======================================================
	.mypage-wrap.leave
=========================================================*/
.mypage-wrap.leave .gap24{height:4.8vw;}
.mypage-wrap.leave .txt{}
.mypage-wrap.leave .txt p{font-size:2.8vw; color:#212121; line-height:4.4vw;}
.mypage-wrap.leave .lower{margin-top:6vw;}
.mypage-wrap.leave .lower .fix{background:none;}
.mypage-wrap.leave .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.mypage-wrap.leave{}
	.mypage-wrap.leave .gap24{height:24px;}
	.mypage-wrap.leave .txt{}
	.mypage-wrap.leave .txt p{font-size:14px; line-height:22px;}
	.mypage-wrap.leave .lower{margin-top:30px;}
	.mypage-wrap.leave .enter-btn{line-height:60px; font-size:16px;}
}


/*=======================================================
	.mypage-wrap counsel
=========================================================*/
.mypage-wrap.counsel{}
.mypage-wrap.counsel .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:4.8vw;}
.mypage-wrap.counsel .total span{color:#BD0738;}

.mypage-wrap.counsel .gap32{height:6.4vw;}

.mypage-wrap.counsel .list{width:calc(100% + 6.4vw);margin-left:-3.2vw; position:relative;}
.mypage-wrap.counsel .list ul{border-top:1px solid #dfdfdf}
.mypage-wrap.counsel .list li{border-bottom:1px solid #dfdfdf}
.mypage-wrap.counsel .list li a{display:block; position:relative; padding:4.8vw 3.2vw;}
.mypage-wrap.counsel .list li .btxt{font-size:2.6vw; line-height:4vw; color:#212121; font-weight:700;}
.mypage-wrap.counsel .list li .stxt{font-size:2.4vw; line-height:3.6vw; max-height:8vw; margin-top:4vw;color:#212121;}
.mypage-wrap.counsel .list li .date{font-size:2.4vw; line-height:4.4vw; margin-top:1vw; color:#B5B5B5}
.mypage-wrap.counsel .list li .state{padding:0 1vw;min-width:10.4vw;height:4.8vw;right:3.2vw; top:4vw; font-size:2.4vw; line-height:4.4vw; position:absolute;text-align:center; box-sizing:border-box;}
.mypage-wrap.counsel .list li .state.before{background:#f1f1f1; color:#525252;}
.mypage-wrap.counsel .list li .state.after{background:#fff;border:1px solid #BD0738; color:#BD0738;}

.mypage-wrap.counsel .list .no-data{text-align:center; display:flex; justify-content:center; align-items:center; height:76vh; min-height:400px;}
.mypage-wrap.counsel .list .no-data .vc{text-align:center;}
.mypage-wrap.counsel .list .no-data p{/* padding-top:18vw; */font-size:2.8vw; font-weight:400; color:#9F9F9F; line-height:4.4vw;/* background:url(../img/sub/first-reply.svg) no-repeat center top; background-size:10.4vw auto; */}
@media only screen and (max-width:500px){
	.mypage-wrap.counsel .total{font-size:14px; line-height:22px ;margin-bottom:24px;}
	.mypage-wrap.counsel .gap32{height:32px;}

	.mypage-wrap.counsel .list{width:calc(100% + 32px);margin-left:-16px}
	.mypage-wrap.counsel .list li a{padding:24px 16px;}
	.mypage-wrap.counsel .list li .btxt{font-size:13px; line-height:20px}
	.mypage-wrap.counsel .list li .stxt{font-size:12px; line-height:18px; max-height:40px; margin-top:5px;}
	.mypage-wrap.counsel .list li .date{font-size:12px; line-height:22px; margin-top:5px; }
	.mypage-wrap.counsel .list li .state{min-width:52px;height:24px;right:16px; top:20px; padding:0 5px; font-size:12px; line-height:22px;}

	.mypage-wrap.counsel .list .no-data{/* padding:200px 0 */}
	.mypage-wrap.counsel .list .no-data p{/* padding-top:90px; */font-size:14px; line-height:22px; /* background-size:52px auto */;}
}

.mypage-wrap.counsel .info{position:relative;}
.mypage-wrap.counsel .info .img{width:calc(100% + 6.4vw); margin-left:-3.2vw}
.mypage-wrap.counsel .info .img img{width:100%;}
.mypage-wrap.counsel .info .mg8t{margin-top:1.6vw}
.mypage-wrap.counsel .info .mg10t{margin-top:2vw}

.mypage-wrap.counsel .info .cate{margin-top:6.4vw;font-size:2.6vw; line-height:3.6vw; color:#212121; font-weight:700;}
.mypage-wrap.counsel .info .btxt{margin-top:4.4vw;font-size:3.2vw; line-height:4.4vw; color:#212121; font-weight:700;}
.mypage-wrap.counsel .info .stxt{font-size:2.8vw; line-height:4.4vw; max-height:8vw; margin-top:2vw;color:#212121;}
.mypage-wrap.counsel .info .date{font-size:2.4vw; line-height:4.4vw; margin-top:0; color:#B5B5B5}
.mypage-wrap.counsel .info .state{padding:0 1vw;min-width:10.4vw;height:4.8vw;right:0; top:0; font-size:2.4vw; line-height:4.4vw; position:absolute;text-align:center; box-sizing:border-box;}
.mypage-wrap.counsel .info .state.before{background:#f1f1f1; color:#525252;}
.mypage-wrap.counsel .info .state.after{background:#fff;border:1px solid #BD0738; color:#BD0738;}

.mypage-wrap.counsel .detail{position:Relative; padding:6.4vw 0}
.mypage-wrap.counsel .detail:after{position:Absolute; bottom:0; width:20000px; left:50%;margin-left:-10000px; height:100%; display:block;background:#f6f6f6; border-top:1px solid #dfdfdf; content:""; z-index:-1;}
.mypage-wrap.counsel .detail .date{font-size:2.4vw; line-height:4.4vw; color:#B5B5B5}
.mypage-wrap.counsel .detail .btxt{margin-top:3vw; font-size:3.2vw; line-height:4.8vw; color:#212121; font-weight:700;}
.mypage-wrap.counsel .detail .txt{margin-top:1.6vw;}
.mypage-wrap.counsel .detail .txt p{font-size:2.8vw; line-height:4.4vw; color:#525252;}
@media only screen and (max-width:500px){
	.mypage-wrap.counsel .info .mg8t{margin-top:8px}
	.mypage-wrap.counsel .info .mg10t{margin-top:10px}

	.mypage-wrap.counsel .info .img{width:calc(100% + 32px); margin-left:-16px;}

	.mypage-wrap.counsel .info .cate{margin-top:32px;font-size:13px; line-height:18px}
	.mypage-wrap.counsel .info .btxt{margin-top:22px;font-size:16px; line-height:22px}
	/* ■■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.mypage-wrap.counsel .info .stxt{font-size:14px; line-height:22px; max-height:23vw; margin-top:5px; margin-top:10px; overflow-y: scroll;}
	/* ■■■■■■■■■■■■■■■■■■■■■■■■ flutter 수정 ■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.mypage-wrap.counsel .info .date{font-size:12px; line-height:22px; }
	.mypage-wrap.counsel .info .state{min-width:52px;padding:0 5px;height:24px;right:0; top:0; font-size:12px; line-height:22px;}

	.mypage-wrap.counsel .detail{padding:32px 0}
	.mypage-wrap.counsel .detail .date{font-size:12px; line-height:22px;  }
	.mypage-wrap.counsel .detail .btxt{margin-top:15px;font-size:16px; line-height:24px;}
	.mypage-wrap.counsel .detail .txt{margin-top:8px;}
	.mypage-wrap.counsel .detail .txt p{font-size:14px; line-height:22px;}

}

/*=======================================================
	.mypage-wrap notice
=========================================================*/
.mypage-wrap.notice{}
.mypage-wrap.notice .total{font-size:2.8vw; color:#212121; line-height:4.4vw; letter-spacing:0; margin-bottom:4.8vw;}
.mypage-wrap.notice .total span{color:#BD0738;}

.mypage-wrap.notice .list{width:calc(100% + 6.4vw);margin-left:-3.2vw; position:relative;}
.mypage-wrap.notice .list ul{border-top:1px solid #dfdfdf}
.mypage-wrap.notice .list li{border-bottom:1px solid #dfdfdf}
.mypage-wrap.notice .list li a{display:block; position:relative; padding:4.8vw 3.2vw;}
.mypage-wrap.notice .list li .btxt{font-size:2.6vw; line-height:3.6vw; color:#212121; font-weight:700;max-height:8vw;}
.mypage-wrap.notice .list li .date{font-size:2.4vw; line-height:4.4vw; margin-top:1vw; color:#B5B5B5}


@media only screen and (max-width:500px){
	.mypage-wrap.notice .total{font-size:14px; line-height:22px ;margin-bottom:24px;}
	.mypage-wrap.notice .list{width:calc(100% + 32px);margin-left:-16px}
	.mypage-wrap.notice .list li a{padding:24px 16px;}
	.mypage-wrap.notice .list li .btxt{font-size:13px; line-height:18px;max-height:40px;}
	.mypage-wrap.notice .list li .date{font-size:12px; line-height:22px; margin-top:5px; }

	.mypage-wrap.notice .list .no-data{/* padding:200px 0 */}
	.mypage-wrap.notice .list .no-data p{/* padding-top:90px; */font-size:14px; line-height:22px; /* background-size:52px auto; */}
}

/* 2021-11-13 */
.mypage-wrap.notice .list .no-data{height:85vh !important; padding:0 !important; display:flex;align-items: center; justify-content: center; background:#f6f6f6 }
.mypage-wrap.notice .list .no-data p{padding-top:21vw;font-size:3.2vw; font-weight:400; color:#212121; line-height:5.2vw;background:url(../img/content/no-message-2.png) no-repeat center top; background-size:20vw auto;}
@media only screen and (max-width:500px){
	.mypage-wrap.notice .list .no-data{}
	.mypage-wrap.notice .list .no-data p{padding-top:105px;font-size:16px; line-height:26px; background-size:100px auto;}
}


.mypage-wrap.notice .detail{position:Relative; padding:6.4vw 0}
.mypage-wrap.notice .detail:after{position:Absolute; bottom:0; width:20000px; left:50%;margin-left:-10000px; height:100%; display:block;background:#f6f6f6; content:""; z-index:-1;}
.mypage-wrap.notice .detail .date{font-size:2.4vw; line-height:4.4vw; color:#B5B5B5}
.mypage-wrap.notice .detail .btxt{margin-top:3vw; font-size:3.2vw; line-height:4.8vw; color:#212121; font-weight:700;}
.mypage-wrap.notice .detail .txt{margin-top:3vw;}
.mypage-wrap.notice .detail .txt p{font-size:2.8vw; line-height:4.4vw; color:#525252;}
@media only screen and (max-width:500px){
	.mypage-wrap.notice .detail{padding:32px 0}
	.mypage-wrap.notice .detail .date{font-size:12px; line-height:22px;  }
	.mypage-wrap.notice .detail .btxt{margin-top:15px;font-size:16px; line-height:24px;}
	.mypage-wrap.notice .detail .txt{margin-top:15px;}
	.mypage-wrap.notice .detail .txt p{font-size:14px; line-height:22px;}

}





/*=======================================================
	.mypage-wrap.faq
=========================================================*/
.mypage-wrap.faq .filter{}
.mypage-wrap.faq .filter .field{display:block;}
.mypage-wrap.faq .filter .field.search{position:relative;}
.mypage-wrap.faq .filter .field.search .chk-input{width:100%}
.mypage-wrap.faq .filter .field.search .chk-input input{background:#DFDFDF; border-color:transparent; padding:0 3.4vw;padding-right:9vw;height:9.6vw;font-size:2.8vw;}
.mypage-wrap.faq .filter .field.search .chk-input input::placeholder{color:#212121}
.mypage-wrap.faq .filter .field.search .chk-input input:focus, .mypage-wrap.faq .filter .field.search .chk-input.active input{background:#fff; border:1px solid #212121}
.mypage-wrap.faq .filter .field.search .enter{width:4.8vw;height:4.8vw; position:Absolute;right:2vw; top:50%; margin-top:-2.4vw;background:url(../img/sub/ico-search.svg) no-repeat center center ; background-size:100% auto;}
@media only screen and (max-width:500px){
	.mypage-wrap.faq .filter .field.search .chk-input input{height:48px; padding:0 17px;padding-right:45px;font-size:14px}
	.mypage-wrap.faq .filter .field.search .enter{width:24px;height:24px;right:10px;  margin-top:-12px;}
}


.mypage-wrap.faq .stit{font-size:3.2vw; line-height:5.2vw; margin-top:5vw; font-weight:400; color:#212121;}
.mypage-wrap.faq .hash{margin-top:3vw;}
.mypage-wrap.faq .hash ul{margin:0 -1vw}
.mypage-wrap.faq .hash ul:after{display:block;content:"";clear:both}
.mypage-wrap.faq .hash li{float:left; margin:1vw;}
.mypage-wrap.faq .hash li a{display:block;line-height:6.8vw; border:1px solid #b5b5b5; color:#9f9f9f; font-size:2.8vw; padding:0 3vw}
.mypage-wrap.faq .hash li.active a{border-color:#BD0738; color:#BD0738;}

.mypage-wrap.faq .list{margin-top:4.8vw; position:relative;width:calc(100% + 6.4vw);margin-left:-3.2vw; border-top:1px solid #b5b5b5}
.mypage-wrap.faq .list.bd-none{border-top:none;}
.mypage-wrap.faq .list ul{}
.mypage-wrap.faq .list li{}
.mypage-wrap.faq .list li .qtxt{position:relative;display:block; padding:4vw 8vw 4vw 3.2vw;  font-size:2.8vw; font-weight:400; line-height:4vw;color:#212121;border-bottom:1px solid #b5b5b5}
.mypage-wrap.faq .list li .qtxt p{margin-left:2vw;}
.mypage-wrap.faq .list li .qtxt span{position:absolute; left:3.2vw; top:4vw ;line-height:4vw; font-weight:700;}
.mypage-wrap.faq .list li .qtxt i{width:8vw;height:8vw; position:absolute;right:1vw; top:50%;margin-top:-4vw;background:url(../img/sub/faq-down.svg) no-repeat center center; background-size:100% auto; display:block;content:""}
.mypage-wrap.faq .list li .atxt{display:none;background:#f6f6f6; padding:4.6vw 3.2vw;border-bottom:1px solid #b5b5b5}
.mypage-wrap.faq .list li .atxt p{ font-size:2.8vw; font-weight:400; line-height:4.4vw; color:#525252; }

.mypage-wrap.faq .list li.active .qtxt i{background-image:url(../img/sub/faq-up.svg);}

.mypage-wrap.faq .no-data{position:relative;text-align:center; display:flex; justify-content:center; align-items:center; padding:40vw 0;background:#f6f6f6 ;}
.mypage-wrap.faq .no-data .vc{text-align:center;}
.mypage-wrap.faq .no-data .btxt{font-size:3.6vw; font-weight:700; color:#212121; line-height:5.2vw;}
.mypage-wrap.faq .no-data .stxt{font-size:2.8vw; font-weight:400; color:#9f9f9f; margin-top:2vw; line-height:4.4vw;}
@media only screen and (max-width:500px){
	.mypage-wrap.faq .stit{font-size:16px; line-height:26px; margin-top:25px;}
	.mypage-wrap.faq .hash{margin-top:15px;}
	.mypage-wrap.faq .hash ul{margin:0 -5px}
	.mypage-wrap.faq .hash li{margin:5px;}
	.mypage-wrap.faq .hash li a{line-height:34px;font-size:14px; padding:0 15px}

	.mypage-wrap.faq .list{margin-top:24px;width:calc(100% + 32px);margin-left:-16px}
	.mypage-wrap.faq .list li .qtxt{padding:20px 40px 20px 16px;  font-size:14px; line-height:20px;}
	.mypage-wrap.faq .list li .qtxt p{margin-left:10px;}
	.mypage-wrap.faq .list li .qtxt span{left:16px; top:20px ;line-height:20px;}
	.mypage-wrap.faq .list li .qtxt i{width:40px;height:40px;margin-top:-20px; right:5px;}
	.mypage-wrap.faq .list li .atxt{padding:23px 16px;}
	.mypage-wrap.faq .list li .atxt p{ font-size:14px; line-height:22px;}

	.mypage-wrap.faq .no-data{padding:200px 0}
	.mypage-wrap.faq .no-data .btxt{font-size:18px; line-height:26px;}
	.mypage-wrap.faq .no-data .stxt{font-size:14px; line-height:22px; margin-top:10px;}
}




/*=======================================================
	.mypage-wrap.write
=========================================================*/
.mypage-wrap.write{position:relative;}
.mypage-wrap.write .gap32{height:6.4vw}

.mypage-wrap.write .entry{}
.mypage-wrap.write .entry li{position:relative; z-index:1;}
.mypage-wrap.write .entry li.focused, .mypage-wrap.write .entry li.active{z-index:2;}
.mypage-wrap.write .entry li:nth-child(n+2){margin-top:-1px;}
.mypage-wrap.write .entry .chk-input{width:100%; z-index:123;}
.mypage-wrap.write .entry .chk-input input{}
.mypage-wrap.write .entry .chk-input .time{position:absolute; right:4vw; top:50%; line-height:4.4vw; font-size:2.4vw; color:#BD0738;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.mypage-wrap.write .entry .chk-select{width:100%;}
.mypage-wrap.write .entry .chk-select select{}
.mypage-wrap.write .entry .modify-btn{font-size:2.8vw; line-height:4.4vw; color:#b5b5b5;text-decoration:underline; position:absolute;right:3.2vw;top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.mypage-wrap.write .lower{margin-top:4.8vw;}
.mypage-wrap.write .enter-btn{line-height:12vw; text-align:center; display:block; font-size:3.2vw; color:#fff;font-weight:700;background:#212121;}
@media only screen and (max-width:500px){
	.mypage-wrap.write{}
	.mypage-wrap.write .gap32{height:32px}
	.mypage-wrap.write .entry{}
	.mypage-wrap.write .entry .chk-input input{}
	.mypage-wrap.write .entry .chk-select select{}
	.mypage-wrap.write .entry .chk-input .time{right:20px; line-height:22px; font-size:12px;}
	.mypage-wrap.write .entry .modify-btn{font-size:14px; line-height:22px; right:16px;}

	.mypage-wrap.write .lower{margin-top:24px;}
	.mypage-wrap.write .enter-btn{line-height:60px; font-size:16px;}

}

.mypage-wrap.write .img-set{margin-top:3.2vw}
.mypage-wrap.write .img-set h3{font-size:3.2vw; color:#212121; line-height:8.8vw; font-weight:700;}
.mypage-wrap.write .img-slide{overflow:visible !important}
.mypage-wrap.write .img-slide ul{}
.mypage-wrap.write .img-slide ul:after{display:block; content:"";clear:both;}
.mypage-wrap.write .img-slide li{float:left;margin-left:1.6vw}
.mypage-wrap.write .img-slide li:first-child{margin-left:0;}

.mypage-wrap.write .upload-photo{position:relative;width:14.4vw;height:14.4vw;}
.mypage-wrap.write .upload-photo.hides .delete-file{display:none;}
.mypage-wrap.write .upload-photo input[type="file"]{display:none}
.mypage-wrap.write .upload-photo.active .delete-file{display:block;}
.mypage-wrap.write .upload-photo .delete-file{display:none;position:absolute;cursor:pointer;border:none;width:4.8vw;height:4.8vw; right:0; top:0; background:url(../img/sub/layer-close.svg) no-repeat center center #fff; background-size:4vw auto;-webkit-transition:background 0s ease-out;-moz-transition: background 0s ease-out;-o-transition:  background 0s ease-out;transition: background 0s ease-out;}
.mypage-wrap.write .upload-photo label{position:absolute; left:0; top:0; width:100%;height:100%; background:url(../img/content/ico-picutre.svg) no-repeat center center #dfdfdf; background-size:7.6vw auto}
/* .mypage-wrap.write .upload-photo .add-file.show ~ label:after, .msg-wrap .upload-photo .add-file.show ~ label{display:none}    */
.mypage-wrap.write .upload-photo .add-file{position:relative; }
.mypage-wrap.write .upload-photo .add-file.show{ }
.mypage-wrap.write .upload-photo .add-file img{width:100%; height:14.4vw;object-fit:cover;}

.mypage-wrap.write .u-list02{margin-top:2vw;}
/* .mypage-wrap.write .upload-photo.active label{display:none;} */
@media only screen and (max-width:500px){
	.mypage-wrap.write .img-set{margin-top:16px}
	.mypage-wrap.write .img-set h3{font-size:16px;line-height:44px;}
	.mypage-wrap.write .img-slide li{margin-left:8px}

	.mypage-wrap.write .upload-photo{width:72px;height:72px;}
	.mypage-wrap.write .upload-photo .delete-file{width:24px;height:24px; background-size:20px auto; }
	.mypage-wrap.write .upload-photo label{background-size:38px auto;}
	.mypage-wrap.write .upload-photo .add-file img{ height:72px;}

	.mypage-wrap.write .u-list02{margin-top:10px;}
}

/**2023.04.18 비회원 문의사항 이용약관 추가**/
.mypage-wrap.write .agrees{ border-top:1px solid #d3d3d3}
.mypage-wrap.write .agrees ul{padding:4.8vw 0;}
.mypage-wrap.write .agrees li{position:relative;}
.mypage-wrap.write .agrees li .chk-check{display:block;}
.mypage-wrap.write .agrees li .chk-check label{ font-size:2.8vw;}
.mypage-wrap.write .agrees li .chk-check label span{color:#BD0738; margin-left:1vw;}
.mypage-wrap.write .agrees li .view-btn{margin-top:0 !important;position:Absolute; right:0; top:0; line-height:3.2vw; color:#B5B5B5; border-bottom:1px solid #B5B5B5; font-size:2.8vw;}

.layer-wrap.cerfity{position:fixed; left:-9999em; top:50%; width:96%;background:#fff; min-width:360px; box-sizing:border-box; overflow-y:auto; max-height:100%;}
.layer-wrap.cerfity.active{left:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.cerfity .ov{padding:3.2vw 3.2vw 5.2vw 3.2vw}
.layer-wrap.cerfity .is-top{position:relative;border-bottom:1px solid #212121 ;text-align:center; padding-bottom:1.4vw}
.layer-wrap.cerfity .is-top h2{font-size:3.6vw; line-height:9vw; font-weight: 400; color:#212121; }
.layer-wrap.cerfity .is-top .close{width:8vw;height:8vw; position:absolute; right:0;top:0; background:url(../img/sub/layer-close.svg) no-repeat center center; background-size:100% auto;}

.layer-wrap.cerfity .is-con{padding:4vw 0;}
.layer-wrap.cerfity .is-con .btxt{font-size:2.8vw; color:#ccc; line-height:4.4vw; text-align:center;}
.layer-wrap.cerfity .is-con .ctxt{font-size:2.8vw; color:#000000; line-height:22px;}
.layer-wrap.cerfity .is-con .u-list01{ margin-top:8vw; padding:4.8vw; background:#f6f6f6}
.layer-wrap.cerfity .is-con .u-list02{ margin-top:2vw; padding:4.8vw; background:#FFFFFF}

.layer-wrap.cerfity .is-btm{}
.layer-wrap.cerfity .is-btm a{line-height:11.6vw; text-align:center; display:block; font-size:3.2vw; color:#212121;font-weight:700;background:#fff; border:1px solid #212121}
@media only screen and (max-width:500px){
	.layer-wrap.cerfity .ov{padding:16px 16px 26px 16px}
	.layer-wrap.cerfity .is-top {padding-bottom:7px;}
	.layer-wrap.cerfity .is-top h2{font-size:18px; line-height:45px;}
	.layer-wrap.cerfity .is-top .close{width:40px;height:40px;}

	.layer-wrap.cerfity .is-con{padding:20px 0;}
	.layer-wrap.cerfity .is-con .btxt{font-size:14px; line-height:22px;}
	.layer-wrap.cerfity .is-con .stxt{font-size:14px; line-height:22px;margin-top:40px;}
	.layer-wrap.cerfity .is-con .ctxt{font-size:14px; line-height:22px;margin-top:10px;}
	.layer-wrap.cerfity .is-con .u-list01{ margin-top:40px; padding:2px 24px;}
	.layer-wrap.cerfity .is-con .u-list02{ margin-top:10px; padding:2px 24px;}
	.layer-wrap.cerfity .is-btm a{line-height:58px; font-size:16px;}
}

/*=======================================================
	.layer-wrap.refresh
=========================================================*/
.layer-wrap{min-width:320px !important}

/* made by me TOOBplus */
.search_part {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/* .search_part select {
	border: 1px solid #dfdfdf;
	padding: 14px;
	-o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background-image: url('../img/main/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: 95% center;
}
.search_part select:first-of-type {
	width: 35%;
}
.search_part select:last-of-type {
	width: 45%;
} */
.search_part > div:first-child {
	width: 35%;
}
.search_part > div:nth-child(2) {
	width: 45%;
}
.select_down_wrap {
	position: relative;
}
.select_down_wrap .select_result {
	padding: 14px 16px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	background-image: url('../img/main/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: 95% center;
}

.select_down_wrap .select_result .disable_inner {
	color: #ccc;
}

.select_down_wrap .select_result.bd_on {
	border-color: #BD0738;
}

.select_down {
	position: absolute;
	left: 0;
	top: 100%;
	width: calc(100% - 30px);
	border-radius: 5px;
}
.search_part .search_icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #212121;
	border-radius: 50%;
}

.select_down_wrap.select_on .select_down {
	z-index: 20;
	border: 0;
	border-radius: 0 0 5px 5px;
	padding: 14px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.select_down_wrap .select_down li {
	display: none;
	padding: 5px 0;
}
.select_down_wrap.select_on .select_down li {
	display: block;
}

.select_down_wrap.select_on .select_down li:active {
	background-color: #222222;
	color: #fff;
}
.select_down_wrap.select_on .select_down li.disable {
	display: none;
}
.search_part .search_icon img {
	width: 30px;
	filter: invert(100%) sepia(99%) saturate(0%) hue-rotate(206deg) brightness(105%) contrast(100%);
}


/*=======================================================
	list btn 추가 수정 css : 20230130
=========================================================*/
.btn-more-01 {position: relative; display: block; width: 100%; margin: 8vw auto 0px; border: 1px solid #000000; box-sizing: border-box;}
.btn-more-01 a {display: block; width: 100%; height: 100%; padding: 4vw 6.4vw; box-sizing: border-box; }
.btn-more-01 b {display: block; width: 100%; margin-bottom: 1.0667vw; font-size: 4.2667vw; font-weight: 700; line-height: 1.4em;}
.btn-more-01 span {display: block; width: 100%; font-size: 3.2vw; line-height: 1.4em;}
.btn-more-01 img {position: absolute; right: 6.4vw; top: 50%; transform: translateY(-50%);}

.btn-more-02 {position: relative; display: block; width: 100%; margin: 8vw auto 2.6667vw; background-color: #212121;}
.btn-more-02 a {display: block; width: 100%; height: 100%; padding: 4vw 5.3333vw; box-sizing: border-box;}
.btn-more-02 span {display: block; width: 100%; margin-bottom: 1.0667vw; font-size: 3.2vw; color: #ffffff; line-height: 1.4em;}
.btn-more-02 b {display: block; width: 100%; font-size: 4.2667vw; font-weight: 700; color: #ffffff; line-height: 1.4em;}
.btn-more-02 img {position: absolute; right: 5.3333vw; top: 50%; transform: translateY(-50%);}

.info-box {width: calc(100% + 32px); margin: 0 0 6.4vw -16px; padding: 3.2vw 0px; background-color: #6D6D6D; color: #ffffff; text-align: center;}
.info-box p {font-size: 3.7333vw; line-height: 1.4em;}


/*=======================================================
	ios text 수정 css : 20230214
=========================================================*/
@media only screen and (max-width:500px){
	.give-wrap.list .give li .txt .btxt,
	.give-wrap.list .give li .txt .stxt{-webkit-text-size-adjust:100%;}
	.give-wrap.list .give li .txt .btxt {height: 52px; }
}


/*=======================================================
	.layer-wrap .preview 2022-01-04
=========================================================*/
.layer-wrap.preview{position:fixed ;left:-9999em !important; top:0  !important; width:100%; height:100%;background:rgba(0,0,0,0.75); display:block;overflow-y:auto; box-sizing:border-box; padding:12vw 0;}
.layer-wrap.preview.active{left:0 !important;}
.layer-wrap.preview .close{ width:6vw;height:4vw; position:absolute;right:4vw ;top:4vw; background:url(../img/sub/preview-close.svg) no-repeat center center; background-size:100%;}
.layer-wrap.preview .is-con{}
.layer-wrap.preview .is-con{position:absolute; left:0; top:50%; width:100%; box-sizing:border-box; padding:12vw 0;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.layer-wrap.preview.rlz .is-con{position:Relative;left:auto; top:auto; width:auto; padding:0;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.layer-wrap.preview .is-con .img {max-height: 70vh;overflow: hidden;}
.layer-wrap.preview .is-con .img img{width:100%;}


/*=======================================================
	button style modi css : 20230629
=========================================================*/
/* --메세지 상세 버튼-- */
.msg-wrap.detail .xbtns a {border-radius: 1vw; border: none;}
.msg-wrap.detail .xbtns a:after {left: 5.6vw; right: auto; width: 6.6vw; height: 6.6vw; margin-top: -3.3vw;}
.msg-wrap.detail .xbtns a .txt {justify-content: left;}
.msg-wrap.detail .xbtns a .txt .vc {padding-left: 12vw;}
.msg-wrap.detail .xbtns a .txt .btxt {font-size: 4vw; line-height: 4.8vw; font-weight: 700;}
.msg-wrap.detail .xbtns a .txt .stxt {margin-top: 1vw;  font-weight: 400; font-size: 2.8vw; line-height: 4vw;}
.msg-wrap.detail .xbtns a .txt .stxt span:before {left: -1.6vw; background-color: #ffffff;}
/* 활성화 */
.msg-wrap.detail .xbtns.end a {background-color: #BD0738;}
.msg-wrap.detail .xbtns.end a:after {background: url(../img/content/btn_confirm_modi.png) no-repeat center center/6.6vw auto;}
.msg-wrap.detail .xbtns.end a .txt .btxt,
.msg-wrap.detail .xbtns.end a .txt .stxt {color: #ffffff;}
/* 비활성화 */
.msg-wrap.detail .xbtns.enter a {background-color: #EFEFEF;}
.msg-wrap.detail .xbtns.enter a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/6.6vw auto;}
.msg-wrap.detail .xbtns.enter a .txt .btxt {color: #ffffff;}
.msg-wrap.detail .xbtns.enter a .txt .stxt {color: #D9D9D9;}
.msg-wrap.detail .xbtns.enter a .txt .stxt span:before {background-color: #D9D9D9;}
@media only screen and (max-width:500px){
	.msg-wrap.detail .xbtns a {padding: 18px 23px; border-radius: 4px;}
	.msg-wrap.detail .xbtns a:after {left: 23px; width: 40px; height: 40px; margin-top: -20px;}
	.msg-wrap.detail .xbtns a .txt .vc {padding-left: 16.5vw;}
	.msg-wrap.detail .xbtns a .txt .btxt {margin-bottom: 4px; font-size: 20px; line-height: 26px;}
	.msg-wrap.detail .xbtns a .txt .stxt {font-size: 14px;}
	.msg-wrap.detail .xbtns a .txt .stxt span:before {left: -10px;}
	.msg-wrap.detail .xbtns.end a:after {background: url(../img/content/btn_confirm_modi.png) no-repeat center center/40px auto;}
	.msg-wrap.detail .xbtns.enter a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/40px auto;}
}
/* --미션 상세 버튼-- */
.misson-wrap .zbtns a {border-radius: 1vw;}
.misson-wrap .zbtns a:after {left: 5.6vw; right: auto; width: 6.6vw; height: 6.6vw; margin-top: -3.3vw;}
.misson-wrap .zbtns a .txt {justify-content: left;}
.misson-wrap .zbtns a .txt .vc {padding-left: 12vw;}
.misson-wrap .zbtns a .txt .btxt {font-size: 4vw; line-height: 4.8vw;}
.misson-wrap .zbtns a .txt .stxt {margin-top: 1vw;}
.misson-wrap .zbtns a .txt .stxt span:before {left: -1.4vw; background-color: #ffffff;}
/* 활성화 */
.misson-wrap .zbtns.enter a {background-color: #BD0738;}
.misson-wrap .zbtns.enter a:after {background: url(../img/content/btn_confirm_modi.png) no-repeat center center/6.6vw auto;}
.misson-wrap .zbtns.enter a .txt .btxt,
.misson-wrap .zbtns.enter a .txt .stxt  {color: #ffffff;}
/* 비활성화 */
.misson-wrap .zbtns.end a {background-color: #EFEFEF;border-color:#EFEFEF}
.misson-wrap .zbtns.end a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/6.6vw auto;}
.misson-wrap .zbtns.end a .txt .stxt {color: #D9D9D9;}
.misson-wrap .zbtns.end a .txt .stxt span:before {background-color: #D9D9D9;}
@media only screen and (max-width:500px){
	.misson-wrap .zbtns a {padding: 18px 23px; border-radius: 4px;}
	.misson-wrap .zbtns a:after {left: 23px; width: 40px; height: 40px; margin-top: -20px;}
	.misson-wrap .zbtns a .txt .vc {padding-left: 16.5vw;}
	.misson-wrap .zbtns a .txt .btxt {margin-bottom: 4px; font-size: 20px; line-height: 26px;}
	.misson-wrap .zbtns a .txt .stxt span:before {left: -7px;}
	.misson-wrap .zbtns.enter a:after {background: url(../img/content/btn_confirm_modi.png) no-repeat center center/40px auto;}
	.misson-wrap .zbtns.end a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/40px auto;}
}
/* --장기 미션 버튼-- */
.misson-wrap .xbtns a .num {display: none;}
.misson-wrap .xbtns a {padding: 4vw 5.2vw 4vw 5.2vw; border-radius: 1vw; border: none; box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1); -webkit-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1); -moz-box-shadow: 0 4px 6px rgba(189, 7, 55, 0.1); background-color: #BD0738;}
.misson-wrap .xbtns a:after {left: 5.6vw; right: auto; width: 6.6vw; height: 6.6vw; margin-top: -3.3vw; background: url(../img/content/btn_confirm_modi.png) no-repeat center center/6.6vw auto;}
.misson-wrap .xbtns a .txt {justify-content: left;}
.misson-wrap .xbtns a .txt .vc {padding-left: 12vw;}
.misson-wrap .xbtns a .txt .btxt {font-size: 4vw; line-height: 4.8vw; font-weight: 700; color: #ffffff;}
.misson-wrap .xbtns a .txt .stxt {margin-top: 1vw; font-weight: 400; font-size: 2.8vw; line-height: 4vw; color: #ffffff;}
.misson-wrap .xbtns a .txt .stxt span:before {left: -1.6vw; background-color: #ffffff;}
/* 비활성화 */
.misson-wrap .xbtns.end a {background-color: #EFEFEF;}
.misson-wrap .xbtns.end a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/6.6vw auto;}
.misson-wrap .xbtns.end a .txt .btxt {color: #ffffff;}
.misson-wrap .xbtns.end a .txt .stxt {color: #D9D9D9;}
.misson-wrap .xbtns.end a .txt .stxt span:before {background-color: #D9D9D9;}
@media only screen and (max-width:500px){
	.misson-wrap .xbtns a {padding: 18px 23px; border-radius: 4px;}
	.misson-wrap .xbtns a:after {left: 23px; width: 40px; height: 40px; margin-top: -20px; background: url(../img/content/btn_confirm_modi.png) no-repeat center center/40px auto;}
	.misson-wrap .xbtns a .txt .vc {padding-left: 16.5vw;}
	.misson-wrap .xbtns a .txt .btxt {margin-bottom: 4px; font-size: 20px; line-height: 26px;}
	.misson-wrap .xbtns a .txt .stxt {font-size: 14px;}
	.misson-wrap .xbtns a .txt .stxt span:before {left: -7px;}
	.misson-wrap .xbtns.end a:after {background: url(../img/content/btn_confirm_modi_done.png) no-repeat center center/40px auto;}
}


/*=======================================================
	button style modi css : 20230807
=========================================================*/
.misson-wrap .xbtns.end a {background-color: #EFEFEF;}
.misson-wrap .xbtns.end a .txt .btxt {color: #D9D9D9;}


/*=======================================================
	share btn style modi css : 20230915
=========================================================*/
.share_modi {padding:3vw 0vw; box-sizing:border-box;position:relative;}
.share_modi ul {display: flex;}
.share_modi li {position: relative; flex: 1;}
.share_modi li:not(:last-child) {border-right: 1px solid #DFDFDF;}
.share_modi a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.share_modi figure {margin-right: 1vw;}
.share_modi .btn_share figure {width: 6vw; height:5.4vw; margin-right: 2vw; background:url(../img/sub/ico-share-modi.svg) no-repeat center center/100% auto;}
.share_modi .btn_like figure {width: 5.4vw; height:5vw; margin-right: 2.8vw; background:url(../img/sub/ico-like-modi.svg) no-repeat center center/100% auto;}
.share_modi .btn_like.active figure {background:url(../img/sub/ico-like-on-modi.svg) no-repeat center center/100% auto;}
.share_modi .btn_cmt figure {width: 5.4vw; height:6vw; margin-right: 2.4vw; background:url(../img/sub/ico-comment-modi.svg) no-repeat center center/100% auto;}
.share_modi span {display: block; font-size: 2vw; font-weight: 500; line-height: 140%; color: #525252;}
.share_modi span.num {font-weight: 400;}
@media only screen and (max-width:500px){
	.share_modi {width: calc(100% + 32px); margin-left: -16px; padding: 18px 0px;}
	.share_modi .btn_share figure {width: 26px; height: 24px; margin-right: 10px;}
	.share_modi .btn_like figure {width: 24px; height: 22px; margin-right: 14px;}
	.share_modi .btn_cmt figure {width: 24px; height: 26px; margin-right: 12px;}
	.share_modi span {font-size: 14px;}
}


/*=======================================================
	misson commnet img modi css : 20230920
=========================================================*/
.layer-wrap.preview .is-con .img {height: 70vh;}
.misson-wrap.detail .vtake .vtem a img{height:144px;}
.layer-wrap.preview .is-con .img {text-align: center;}
.layer-wrap.preview .is-con .img img {width: 100%; height: 100%; object-fit: contain;}


/*=======================================================
	reward info modi css : 20230920
=========================================================*/
.rz-wrap.list .have_modi {width: 84vw; margin: 0 auto 8vw;}
.rz-wrap.list .have_modi img {display: block; width: 100%;}
.rz-wrap.list .have_text {margin: 12vw auto 6vw; text-align: center;}
.rz-wrap.list .have_text .title {margin-bottom: 2w; font-size: 5.3vw; color: #222; font-weight: 700; line-height: 140%;}
.rz-wrap.list .have_text .title span {color: #FA4744;}
.rz-wrap.list .have_text .desc {font-size: 4.2vw; color: #222; font-weight: 500; line-height: 140%;}
.rz-wrap.list .have_text .desc span {font-weight: 600;}

.rz-wrap.list .hava_list {padding-bottom: 11.4vw; text-align: center;}
.rz-wrap.list .hava_list .list_title {display: inline-block; padding: 2vw 2.8vw; border-radius: 26vw; font-weight: 700; font-size: 4.8vw; background-color: #222; color: #fff;}
.rz-wrap.list .hava_list ul {margin-top: 6.6vw;}
/* .rz-wrap.list .hava_list li {display: flex; align-items: center; background-color: #F2F3F5; text-align: left; border-radius: 1.6vw;} */
.rz-wrap.list .hava_list li:not(:last-child) {margin-bottom: 2.1vw;}
.rz-wrap.list .hava_list figure {width: 21vw; margin-right: 1.6vw;}
.rz-wrap.list .hava_list figure img {display: block; width: 100%;}
.rz-wrap.list .hava_list h6 {margin-bottom: 1.6vw; font-size: 3.7vw; color: #808492; font-weight: 500;}
.rz-wrap.list .hava_list h5 {margin-bottom: 3.2vw; font-size: 4.8vw; color: #414658; font-weight: 700;}
.rz-wrap.list .hava_list p {font-size: 3.2vw; color: #808492; font-weight: 500;}
.rz-wrap.list .hava_list p span {font-size: 4.8vw; font-weight: 700; color: #414658;}

.rz-wrap.list .hava_list .list_img {width: 100%;}
.rz-wrap.list .hava_list .list_img img {display: block; width: 100%;}
@media only screen and (max-width:500px){
	.rz-wrap.list .have_modi {max-width: 310px;}
	.rz-wrap.list .have_text {margin: 46px auto 30px;}
	.rz-wrap.list .have_text .title {margin-bottom: 8px; font-size: 22px;}
	.rz-wrap.list .have_text .desc {font-size: 16px;}

	.rz-wrap.list .hava_list {padding-bottom: 42px;}
	.rz-wrap.list .hava_list .list_title {padding: 8px 12px; font-size: 18px; border-radius: 100px;}
	.rz-wrap.list .hava_list ul {margin-top: 24px;}
	/* .rz-wrap.list .hava_list li {border-radius: 8px;} */
	.rz-wrap.list .hava_list li:not(:last-child) {margin-bottom: 8px;}
	.rz-wrap.list .hava_list figure {width: 80px; margin-right: 6px;}
	.rz-wrap.list .hava_list h6 {margin-bottom: 2px; font-size: 14px;}
	.rz-wrap.list .hava_list h5 {margin-bottom: 4px; font-size: 16px;}
	.rz-wrap.list .hava_list p {font-size: 12px;}
	.rz-wrap.list .hava_list p span {font-size: 16px;}
}


/*=======================================================
	watermark modi css : 20240118
=========================================================*/
.misson-wrap.detail .vtake .vtem li {position: relative;}
.misson-wrap.detail .vtake .vtem .watermark,
.layer-wrap.preview .layer-watermark {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.65); color: #fff;}


/*=======================================================
	reward modi css : 20240513
=========================================================*/
.rz-wrap.list .have_text {margin: 9.2vw auto 0;}
.rz-wrap.list .have_text .title {margin-bottom: 0;}
.rz-wrap.list .have_text .title span {color: #678F1D;}
.rz-wrap.list .hava_list .list_title {margin: 9.2vw 0 2.4vw 0;}
.rz-wrap.list .hava_list .list_title_add {background-color: #8DB741;}
.rz-wrap.list .hava_list .list_desc {font-size: 3.6vw; font-weight: 500; color: #222; line-height: 140%;}
.rz-wrap.list .hava_list .list_desc span {font-size: 3.6vw; font-weight: 700; color: #222;}
.rz-wrap.list .hava_list .list_desc_add span {color: #678F1D;}
.rz-wrap.list .hava_list ul {margin-top: 2.8vw;}
@media only screen and (max-width:500px){
	.rz-wrap.list .have_text {margin: 46px auto 0;}
	.rz-wrap.list .hava_list .list_title {margin: 46px 0 12px 0;}
	.rz-wrap.list .hava_list .list_desc {font-size: 18px;}
	.rz-wrap.list .hava_list .list_desc span {font-size: 18px;}
	.rz-wrap.list .hava_list ul {margin-top: 14px;}
}


/*=======================================================
	reward modi css : 20240530
=========================================================*/
.rz-wrap.list .have_text .title span {color: #FA4744;}
.rz-wrap.list .hava_list .list_title {line-height: 100%;;}
.rz-wrap.list .hava_list .list_title_add {position: relative; background-color: #589BE9;}
.rz-wrap.list .hava_list .list_desc {font-size: 3vw; font-weight: 500;}
.rz-wrap.list .hava_list .list_desc span {font-size: 3vw;; color: #FA4744;}
.rz-wrap.list .hava_list .list_desc strong {display: block; margin-top: 2vw; font-weight: 400; font-size: 2.4vw;}
.rz-wrap.list .hava_list .list_desc_add {font-weight: 400;}
.rz-wrap.list .hava_list .list_desc_add span {color: #222;}
@media only screen and (max-width:500px){
	.rz-wrap.list .hava_list .list_desc {font-size: 15px;}
	.rz-wrap.list .hava_list .list_desc span {font-size: 15px;}
	.rz-wrap.list .hava_list .list_desc strong {margin-top: 10px; font-size: 12px;}
}



/*=======================================================
	account change page add css : 20240627
=========================================================*/
.account_sec .title {margin-bottom: 4.8vw; font-size: 4vw; line-height: 144%; color: #222; font-weight: 400;}
.account_sec .sub_title {font-size: 3.2vw; color: #222; font-weight: 400; line-height: 100%;}
.account_sec .title span,
.account_sec .sub_title span {font-weight: 600;}
.account_sec .input_list li:not(:last-child) {margin-bottom: 6vw;}
.account_sec .input_wrap {margin-top: 1.6vw;}
.account_sec .input_wrap input {display: block; width: 100%;; height: 9.2vw; padding: 0 3.2vw; font-size: 2.8vw; border: 0.2vw solid #A4A4A4; box-sizing: border-box;}
.account_sec .input_wrap input::placeholder {color: #A4A4A4;}
.account_sec .guide_text {margin-top: 0.8vw; font-size: 2.4vw; color: #BD0738; line-height: 140%;}
.account_sec .guide_text.hides {display:none}
.account_sec .guide_text2 {margin-top: 0.8vw; font-size: 2.4vw; color: #BD0738; line-height: 140%;}
.account_sec .guide_text2.hides {display:none}
.account_sec .btn_wrap {position: fixed; left: 50%; bottom: 4vw; width: 90%; transform: translateX(-50%);  z-index: 1;}
.account_sec .btn_wrap a,
.account_popup .btn_wrap button {display: block; width: 100%; height: 10vw; background-color: #121212; color: #fff; font-size: 3.2vw; text-align: center; line-height: 10vw; border: none;}
.account_popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.65);}
.account_popup .flex_wrap {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.account_popup .popup_wrap {position: relative; width: 64vw; padding: 8vw 4vw 4vw; background-color: #fff; box-sizing: border-box;}
.account_popup h2 {font-size: 3.2vw; line-height: 100%; color: #222; text-align: center; font-weight: 400;}
.account_popup .btn_wrap {margin-top: 6vw;}
.account_popup .close_btn {position: absolute; right: 0; top: -6vw;}
@media only screen and (max-width:500px){
	.account_sec .title {margin-bottom: 24px; font-size: 20px;}
	.account_sec .sub_title {font-size: 16px;;}
	.account_sec .input_list li:not(:last-child) {margin-bottom: 30px;}
	.account_sec .input_wrap {margin-top: 8px;}
	.account_sec .input_wrap input {height: 46px; padding: 0 16px; font-size: 14px; border: 1px solid #A4A4A4;}
	.account_sec .guide_text {margin-top: 4px; font-size: 12px;}
	.account_sec .guide_text2 {margin-top: 4px; font-size: 12px;}
	.account_sec .btn_wrap {bottom: 20px;}
	.account_sec .btn_wrap a,
	.account_popup .btn_wrap button {height: 50px; font-size: 16px; line-height: 50px;}
	.account_popup .popup_wrap {width: 320px; padding: 40px 20px 20px;}
	.account_popup h2 {font-size: 16px;}
	.account_popup .btn_wrap {margin-top: 30px;}
	.account_popup .close_btn {top: -30px;}
}


/*=======================================================
	reward modi css : 20240923
=========================================================*/
.rz-wrap.list .have_list_modi {position: relative; margin-top: 8.4vw;}
.rz-wrap.list .have_list_modi::after {content: ""; position: absolute; left: 50%; top: 0; width: 120%; height: 100%; transform: translateX(-50%); background-color: #FFECBC; z-index: -2;}
.rz-wrap.list .have_list_modi .list_title_modi {background-color: #FF8A00;}
.rz-wrap.list .have_list_modi .list_desc_modi {font-weight: 400; color: #2C2C2C;}
.rz-wrap.list .have_list_modi .list_desc_modi span {color: #2C2C2C;}
.rz-wrap.list .have_list_modi ul {display: flex; justify-content: center; gap: 2.8vw; margin-top: 4.4vw;}
.rz-wrap.list .have_list_modi li {position: relative; width: 28vw;}
.rz-wrap.list .have_list_modi li:not(:last-child) {margin-bottom: 0;}
.rz-wrap.list .have_list_modi li img {display: block; width: 100%;}
@media only screen and (max-width:500px){ 
    .rz-wrap.list .have_list_modi {margin-top: 42px;}
    .rz-wrap.list .have_list_modi ul {gap: 14px; margin-top: 22px;}
    .rz-wrap.list .have_list_modi li {width: 140px;}

}