@charset "utf-8";

/* ======================================================
    item-list  2020-10-07
=========================================================*/
/* .item-list{width:calc(100% + 20px); margin-left:-10px; padding-bottom:50px;}
.item-list .grid{ padding:0; margin:0;max-width: 100%; font-size:0;}
.item-list .grid:after{display:block; content:"";clear:both;}
.item-list .grid-sizer{ width:25%;}
.item-list .item{float:left;width:23%; margin:0 1%;  position:relative;}
.item-list .item a{display:block;}
.item-list .item a:hover 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);}
.item-list .item .img{position:relative;border-radius:12px; overflow:hidden;}
.item-list .item .img img{width:100%;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.item-list .item .txt{margin-top:8px;}
.item-list .item .txt .btxt{font-weight:700;color:#6f6f6f; line-height:1.1em; font-size:12px;}
.item-list .item .txt .stxt{font-weight:800;color:#000000; line-height:1.1em; font-size:14px;margin-top:8px;}
.item-list .item:nth-child(n+5){margin-top:20px}
.item-list .item .like{ z-index:531;width:17px;height:17px; border:none;position:absolute; right:16px; bottom:16px;background:url(../_Img/Sub/like-off.png) no-repeat center center; background-size:100% auto;}
.item-list .item .like.active{background-image:url(../_Img/Sub/like-on.png)}
	@media only screen and (max-width:999px) {
		.item-list .item{width:31.33333333%;}
		.item-list .grid-sizer{ width:33.33333%;}
		.item-list .item:nth-child(n+4){margin-top:15px}
	}
	@media only screen and (max-width:680px) {
		.item-list{width:calc(100% + 16px); margin-left:-8px;}
		.item-list .item{width:48%;}
		.item-list .grid-sizer{ width:50%;}
		.item-list .item:nth-child(n+3){margin-top:10px}

		.item-list .item .like{right:8px; bottom:7px;}
	}
	@media only screen and (max-width:480px) {

	} */

.item-list { padding-bottom:50px;}
.item-list .grid {margin-top:-10px;padding: 0;-moz-column-gap: 1.5em;-webkit-column-gap: 1.5em;  column-gap: 1.5em;font-size: .85em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.item-list .grid .item { display: inline-block; background: #fff;   margin: 10px 0 10px 0;  width: 100%;  box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.item-list .item a{display:block;}
.item-list .item a:hover 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);}
.item-list .item .img{position:relative;border-radius:12px; overflow:hidden;}
.item-list .item .img img{width:100%;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.item-list .item .txt{margin-top:8px;}
.item-list .item .txt .btxt{font-weight:700;color:#6f6f6f; line-height:1.1em; font-size:12px;}
.item-list .item .txt .stxt{font-weight:800;color:#000000; line-height:1.1em; font-size:12px;margin-top:8px;}

.item-list .item .like{ z-index:531;width:17px;border:none;height:21px; position:absolute; right:16px; bottom:16px;background:url(../_Img/Sub/like-off.png) no-repeat center center; background-size:100% auto;}
.item-list .item .like.active{background-image:url(../_Img/Sub/like-on.png)}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.item-list .item .like{right:8px; bottom:7px;}
	}
	@media only screen and (max-width: 680px) {
		.item-list .grid {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
		
	}
	@media only screen and (min-width: 681px) {
		.item-list .grid {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
		
	}
	@media only screen and (min-width: 1000px) {
		.item-list .grid {-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;}
	}

	

/* ======================================================
    rank-list 
=========================================================*/
.rank-list{ padding-bottom:10px; margin:0 -1%}
.rank-list:after{display:block; content:"";clear:both}
.rank-list .item{float:left;width:23%; margin:0 1%;min-height:450px; position:relative;}
.rank-list .item:nth-child(n+5){margin-top:30px;}
.rank-list .item a{display:block;}
.rank-list .item a:hover 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);}
.rank-list .item .img{position:relative;border-radius:24px; overflow:hidden;}
.rank-list .item .img img{width:100%;height:340px;object-fit:cover;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.rank-list .item .txt{margin-top:16px;}
.rank-list .item .txt .rank {font-size:0;}
.rank-list .item .txt .rank .num{display:inline-block;vertical-align:top;margin-right:6px; width:24px;height:24px; line-height:26px;border-radius:100%;text-align:center; font-size:14px; font-weight:800; background:#a3d742; color:#fff; }
.rank-list .item .txt .rank .chart{display:inline-block;vertical-align:top; border-radius:100%;text-align:center; font-size:14px; font-weight:700; background:#a3d742; line-height:24px;}
.rank-list .item .txt .rank .chart.up{padding-left:16px;background:url(../_Img/Sub/rank-up.png) no-repeat left center; background-size:16px auto; color:#31c999}
.rank-list .item .txt .rank .chart.down{padding-left:16px;background:url(../_Img/Sub/rank-down.png) no-repeat left center; background-size:16px auto;color:#6f6f6f; }
.rank-list .item .txt .btxt{font-weight:700;color:#000000; line-height:1.1em; font-size:12px;margin-top:12px;}
.rank-list .item .txt .stxt{font-weight:800;color:#84b627; line-height:1.1em; font-size:14px;margin-top:8px; word-break: keep-all;}
.rank-list .item .txt .ctxt{font-weight:400;color:#6f6f6f; line-height:1.1em; font-size:12px;margin-top:8px;}
.rank-list .item:nth-child(n+5){margin-top:30px}
.rank-list .item .like{ z-index:531;width:17px;height:21px; border:none;position:absolute; right:16px; bottom:16px;background:url(../_Img/Sub/like-off.png) no-repeat center center; background-size:100% auto;}
.rank-list .item .like.active{background-image:url(../_Img/Sub/like-on.png)}
	@media only screen and (max-width:999px) {
		.rank-list .item{float:left;width:31.33333%;}
		.rank-list .item:nth-child(n+4){margin-top:30px;}
	}
	@media only screen and (max-width:680px) {
		.rank-list .item{width:48%;}
		.rank-list .item:nth-child(n+3){margin-top:30px;}

		.rank-list .item .like{right:8px; bottom:7px;}
	}
	@media only screen and (max-width:480px) {
		.rank-list{margin:0}
		.rank-list .item{float:none;width:auto; min-height:146px;position:relative; padding-left:132px;}
		.rank-list .item:nth-child(n+2){margin-top:16px;}
		.rank-list .item a{display:block;}
		.rank-list .item .img{width:120px;height:146px;border-radius:12px; position:absolute; left:0; top:0;}
		.rank-list .item .img img{height:146px;}
	}
	



/* ======================================================
    .layer-wrap.default 
=========================================================*/
.layer-wrap.default { display:none;width:400px; min-width:320px;background:#fff;left:-9999em;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%);}
.layer-wrap.default.active{left:50%;}
.layer-wrap.default .is-top{position:relative; height:56px;}
.layer-wrap.default .is-top h2{text-align:center; font-size:16px;font-weight:700; color:#4e4e4e; line-height:56px;}
.layer-wrap.default .is-top .close{position:absolute; right:16px; top:50%; width:24px;height:24px; margin-top:-12px; background:url(../_Img/Sub/layer-close.png) no-repeat center center; background-size:100% auto;}
.is-top2{position:relative; height:56px;}
.is-top2 .close{position:absolute; right:16px; top:50%; width:24px;height:24px; margin-top:-12px; background:url(../_Img/Sub/layer-close2.png) no-repeat center center; background-size:100% auto;}
.layer-wrap.default .is-top .refresh{position:absolute; left:16px; font-size:14px; font-weight:400;color:#111; line-height:1.1em; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.layer-wrap.search .is-top{ padding-right:56px;}
.layer-wrap.default .is-top .chk-input.search{width:100%; box-sizing:border-box;margin-top:10px;padding-left:16px; }
.layer-wrap.default .is-top .chk-input.search input{height:36px; border-radius:36px; background:#f5f5f5; padding:0 50px 0 18px;border:none !important; font-size:14px; letter-spacing:-0.03em; }
.layer-wrap.default .is-top .chk-input.search input::placeholder{opacity:0.3 !important; color:#4e4e4e !important; font-weight:400;}
.layer-wrap.default .is-top .chk-input.search .enter{width:20px;height:20px; position:absolute; right:12px; top:50%;margin-top:-10px;background:url(../_Img/Layout/bt-search.png) no-repeat center center; border:none;background-size:100% auto;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		.layer-wrap.default.active{left:0;}
		.layer-wrap.default{height:100%;max-height:100%;overflow-y:auto; width:100%; top:0; left:0;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: 0, 0);  transform: translate(0, 0);}
	}


.layer-wrap.default .is-con{padding:1px 36px; box-sizing:border-box;}
.layer-wrap.default .is-con .search{padding-bottom:24px;}
.layer-wrap.default .item{position:relative;}
.layer-wrap.default .item:nth-child(n+2){margin-top:8px;}
.layer-wrap.default .item h3{font-size:14px; font-weight:700; color:#000; letter-spacing:0; line-height:1.1em; margin-bottom:6px;}
.layer-wrap.default .item ul:after{display:block; content:"";clear:both}
.layer-wrap.default .item .chk-input{width:100%; line-height:100%;}
.layer-wrap.default .item .chk-input input{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.layer-wrap.default .item .chk-input input::placeholder{color:#4e4e4e !Important; opacity:0.3 !important}
.layer-wrap.default .item .chk-input.error input{border-color:#ff6363}
.layer-wrap.default .item .chk-input.nec{}
.layer-wrap.default .item .chk-input.nec input{color:rgba(78,78,78,0.3);background:#ededed;border-color:#979797}
.layer-wrap.default .item .chk-select{width:100%;}
.layer-wrap.default .item .chk-select select{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}

.layer-wrap.default .item .error{color:#ff6363; font-size:12px; font-weight:700; line-height:1.2em;margin-top:8px;}
.layer-wrap.default .item .delete-btn{font-size:12px; color:#6f6f6f; line-height:16px; font-weight:400; position:absolute; right:0; top:0;}
.layer-wrap.default .join .ex{position:absolute; left:0; bottom:80px; width:100%;font-size:14px; line-height:22px; font-weight:700; text-align:Center; color:#4e4e4e}
.layer-wrap.default .join .ex a{color:#84b627}

.layer-wrap.default .join {padding-bottom:0;}
.layer-wrap.default .login {padding-bottom:60px;}
.layer-wrap.default .login .find-btn{position:absolute; left:0; bottom:80px; width:100%;display:block;font-size:14px; line-height:22px; font-weight:700; text-align:Center; color:#000;text-align:center;text-decoration:underline}

.layer-wrap.default .child{position:relative;}
.layer-wrap.default .child .upload-photo{margin:0 auto; display:block;height:96px; width:96px}
.layer-wrap.default .child .upload-photo .add-file{border-radius:100%;height:96px;width:96px;overflow:hidden;box-sizing:border-box; border:none !important}
.layer-wrap.default .child .upload-photo .add-file img{width:100%;height:96px;object-fit:cover;}
/* 1111 */
.layer-wrap.default .child .upload-photo .add-file2{border-radius:100%;height:96px;width:96px;overflow:hidden;box-sizing:border-box; border:none !important}
.layer-wrap.default .child .upload-photo .add-file2 img{width:100%;height:96px;object-fit:cover;}
/* 1111 */
.layer-wrap.default .child .upload-photo input{display:none;}
/* .layer-wrap.default .child .upload-photo.active .upload{border:none;} */
.layer-wrap.default .child .upload-photo .upload{width:32px; position:absolute; left:auto; top:auto; right:0; bottom:0; height:32px; border:1px solid #dfdfdf;box-sizing:border-box; border-radius:100%; background:url(../_Img/Sub/ico-plus.png) no-repeat center center #f5f5f5; background-size:16px auto;}
.layer-wrap.default .child .upload-photo .delete-file{ display:none;position:absolute;width:20px;height:20px; right:0; top:0;background:rgba(0,0,0,0.65) url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto;; background-size:16px auto; box-sizing:border-box;border:none}

.layer-wrap.default .child .upload-photo.active .delete-file{display:none;}

.layer-wrap.default .child ul{margin-top:16px;}
.layer-wrap.default .child li:nth-child(n+2){margin-top:30px;}
.layer-wrap.default .child li .chk-input{width:100%; max-width:328px; line-height:100%;}
.layer-wrap.default .child li .chk-input input{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.layer-wrap.default .child li .chk-input input::placeholder{color:#4e4e4e !Important; opacity:0.3 !important}
.layer-wrap.default .child li .chk-input.error input{border-color:#ff6363}
.layer-wrap.default .child li .chk-input.nec{}
.layer-wrap.default .child li .chk-input.nec input{color:rgba(78,78,78,0.3);background:#ededed;border-color:#979797}
.layer-wrap.default .child li .chk-select{width:100%;}
.layer-wrap.default .child li .chk-select select{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.layer-wrap.default .child li .btxt{font-size:14px; font-weight:700; color:#000; letter-spacing:0; line-height:1.1em; margin-bottom:6px;}
.layer-wrap.default .child li .ex{font-size:14px; color:#6f6f6f;line-height:1.2em; margin-top:6px;word-break: keep-all;}

.layer-wrap.default .child li .chk-check{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.layer-wrap.default .child li .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.layer-wrap.default .child li .chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:74px; font-size:14px; line-height:38px;height:40px; box-sizing:border-box;color:#000; font-weight:400; cursor:pointer;}
.layer-wrap.default .child li .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:68px; height:40px; text-align:center; background:#fff;border-radius:40px; border:1px solid #979797}
.layer-wrap.default .child li .chk-check input[type="checkbox"] + label:after{ width:32px;height:32px; background:#dbdbdb; border-radius:100%; position:absolute; left:4px; top:4px;display:block;content:"";-webkit-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;transition: background 0.3s ease-in-out, left 0.3s ease-in-out;}
.layer-wrap.default .child li .chk-check input[type="checkbox"]:checked + label:after{background:#91c13f; left:32px;}

	

.layer-wrap.default .item.birth{}
.layer-wrap.default .item.birth .field:after{display:block;content:"";clear:both}
.layer-wrap.default .item.birth .field .chk-select{float:left}
.layer-wrap.default .item.birth .field .ctxt{float:left; font-size:14px; width:8%; padding-left:0.5%; box-sizing:border-box;color:#4e4e4e; line-height:40px;text-align:center;}
.layer-wrap.default .item.birth .field .w40p{width:32%}
.layer-wrap.default .item.birth .field .w25p{width:22%}

.layer-wrap.default .item.cerfity .chk-input{ padding-right:88px;}
.layer-wrap.default .item.cerfity .cerfity-btn{width:80px;height:40px; border-radius:12px; line-height:40px; text-align:Center; background:#8d8d8d; font-size:14px; font-weight:700; position:absolute; right:0; top:0;color:#fff;}

.layer-wrap.default .item.password .chk-input{position:relative;}
.layer-wrap.default .item.password .chk-input input{padding-right:40px;}
.layer-wrap.default .item.password .chk-input .view-btn{position:absolute; z-index:9123;right:16px; width:16px; height:16px; top:50%;margin-top:-8px; display:block; background:url(../_Img/Content/ico-password.png) no-repeat center center;background-size:100% auto}
.layer-wrap.default .item.password .chk-input .view-btn.active{background-image:url(../_Img/Content/ico-passwordo.png)}

.layer-wrap.default .item.gender li{float:left; width:49%;}
.layer-wrap.default .item.gender li:nth-child(even){float:right;}
.layer-wrap.default .item.gender li a{line-height:40px ;border-radius:40px; text-align:center; font-size:14px; color:#4e4e4e; font-weight:700;line-height:38px; display:block; border:1px solid #e0e0e0; border-radius:12px;}
.layer-wrap.default .item.gender li.active a{background:#a3d742; border-color:#a3d742; color:#fff;}
.layer-wrap.default .item.gender li a span{display:inline-block;vertical-align:top; padding-left:24px;}
.layer-wrap.default .item.gender li:nth-child(1) a span{background:url(../_Img/Content/ico-boy.png) no-repeat left center; background-size:16px auto;}
.layer-wrap.default .item.gender li:nth-child(2) a span{background:url(../_Img/Content/ico-boy.png) no-repeat left center; background-size:16px auto;}
.layer-wrap.default .item.gender li:nth-child(1).active a span{background-image:url(../_Img/Content/ico-boyo.png);}
.layer-wrap.default .item.gender li:nth-child(2).active a span{background-image:url(../_Img/Content/ico-girlo.png);}

.layer-wrap.default .item.year ul{margin:0 -1%}
.layer-wrap.default .item.year li{float:left; width:31.33333%; margin:0 1%}
.layer-wrap.default .item.year li a{line-height:40px ;border-radius:40px; text-align:center; font-size:14px; color:#4e4e4e; font-weight:700;line-height:38px; display:block; border:1px solid #e0e0e0; border-radius:12px;}
.layer-wrap.default .item.year li.active a{background:#a3d742; border-color:#a3d742; color:#fff;}
.layer-wrap.default .item.year li a span{display:inline-block;vertical-align:top; padding-left:24px;}
.layer-wrap.default .item.year li:nth-child(1) a span{background:url(../_Img/Content/ico-year01.png) no-repeat left center; background-size:16px auto;}
.layer-wrap.default .item.year li:nth-child(2) a span{background:url(../_Img/Content/ico-year02.png) no-repeat left center; background-size:16px auto;}
.layer-wrap.default .item.year li:nth-child(3) a span{background:url(../_Img/Content/ico-year03.png) no-repeat left center; background-size:16px auto;}

.layer-wrap.default .item.year li:nth-child(1).active a span{background-image:url(../_Img/Content/ico-year01o.png);}
.layer-wrap.default .item.year li:nth-child(2).active a span{background-image:url(../_Img/Content/ico-year02o.png);}
.layer-wrap.default .item.year li:nth-child(3).active a span{background-image:url(../_Img/Content/ico-year03o.png);}

.layer-wrap.default .item.cate ul{margin:0 -1%;padding:0}
.layer-wrap.default .item.cate li{float:left; width:31.33333%; margin:0 1%}
.layer-wrap.default .item.cate li a{line-height:40px ;border-radius:40px; text-align:center; font-size:14px; color:#4e4e4e; font-weight:700;line-height:38px; display:block; border:1px solid #e0e0e0; border-radius:12px;}
.layer-wrap.default .item.cate li.active a{background:#a3d742; border-color:#a3d742; color:#fff;}
.layer-wrap.default .item.cate li:nth-child(n+4){margin-top:8px;}

.layer-wrap.default .item.cate ul.c05 li{width:18%}
.layer-wrap.default .item.cate ul.c05 li:nth-child(n+4){margin-top:0;}
.layer-wrap.default .item.cate ul.c05 li:nth-child(n+6){margin-top:8px;}
.layer-wrap.default .item.cate ul.c04 li{width:23%}
.layer-wrap.default .item.cate ul.c04 li:nth-child(n+4){margin-top:0;}
.layer-wrap.default .item.cate ul.c04 li:nth-child(n+5){margin-top:8px;}
.layer-wrap.default .item.cate ul.c03 li{width:31.333333%}
.layer-wrap.default .item.cate ul.c03 li:nth-child(n+4){margin-top:8px;}

.layer-wrap.default .item li.no-data{float:none !important; width:auto !Important; text-align:center; font-size:12px; padding:20px 0; font-size:12px; line-height:25px;}


.layer-wrap.default.join .is-btm{margin-top:8px;}
.layer-wrap.default.login .is-btm{margin-top:8px;}

.layer-wrap.default .is-btm{margin-top:32px;}
.layer-wrap.default .is-btm .ab{border-top:1px solid #d9d9d9;background:#fff;}
.layer-wrap.default .is-btm a{display:block;text-align:center;}
.layer-wrap.default .is-btm .enter{color:#84b627; font-size:16px; letter-spacing:0;font-weight:700;line-height:56px;}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		.layer-wrap.default .is-con{padding:16px 16px 24px 16px;}

		.layer-wrap.default .is-btm{min-height:56px; margin-top:0;}
		.layer-wrap.default .is-btm .ab{position:fixed; left:0; bottom:0; width:100%;}
		.layer-wrap.default .is-btm .ab.rlz{position:relative; left:auto; bottom:auto;}

		.layer-wrap.default.join .is-btm{margin-top:0;}
		.layer-wrap.default.login .is-btm{margin-top:0;}
		
		.layer-wrap.default .login.rlz {}
		.layer-wrap.default .login.rlz .find-btn{position:relative; left:auto; bottom:auto;margin-top:32px; }
		
		.layer-wrap.default .join.rlz{padding-bottom:0}
		.layer-wrap.default .join.rlz .ex {position:relative; left:auto; bottom:auto;margin-top:32px; }
	}


.upload-photo{position:relative; display:inline-block;vertical-align:top; height:96px;}
.upload-photo .add-file{border-radius:100%;height:96px;width:96px;overflow:hidden;box-sizing:border-box; border:1px solid #dfdfdf}
.upload-photo .add-file img{width:100%;height:96px;object-fit:cover;}

.upload-photo input{display:none;}
.upload-photo .upload{position:absolute; left:0; top:0;background:#f5f5f5 url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto; border-radius:100%;height:96px;width:96px; box-sizing:border-box;;border:1px solid #dfdfdf;}
.upload-photo .delete-file{ display:none;position:absolute;width:20px;height:20px; right:0; top:0;background:rgba(0,0,0,0.65) url(../_Img/Sub/ico-minus.png) no-repeat center center; background-size:16px auto; box-sizing:border-box;border:none}
.upload-photo.active .upload{background:none;}
.upload-photo.active .delete-file{display:none;}

/* 333333 */
.upload-photo2{position:relative; display:inline-block;vertical-align:top; height:96px;}
.upload-photo2 .add-file{border-radius:100%;height:96px;width:96px;overflow:hidden;box-sizing:border-box; border:1px solid #dfdfdf}
.upload-photo2 .add-file img{width:100%;height:96px;object-fit:cover;}

.upload-photo2 input{display:none;}
.upload-photo2 .upload{position:absolute; left:0; top:0;background:#f5f5f5 url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto; border-radius:100%;height:96px;width:96px; box-sizing:border-box;;border:1px solid #dfdfdf;}
.upload-photo2 .delete-file{ display:none;position:absolute;width:20px;height:20px; right:0; top:0;background:rgba(0,0,0,0.65) url(../_Img/Sub/ico-minus.png) no-repeat center center; background-size:16px auto; box-sizing:border-box;border:none}
.upload-photo2.active .upload{background:none;}
.upload-photo2.active .delete-file{display:none;}
/* 333333 */

/* ======================================================
    .layer-wrap.leave 
=========================================================*/
.layer-wrap.leave { display:none;width:96%; max-width:400px; min-width:320px;background:#fff;left:-9999em;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%);}
.layer-wrap.leave.active{left:50%;}
.layer-wrap.leave .is-con{padding:36px 0; text-align:center}
.layer-wrap.leave .is-con p{font-size:14px;color:#000; line-height:24px;}
.layer-wrap.leave .is-btm{border-top:1px solid #d9d9d9}
.layer-wrap.leave .is-btm:after{display:block; content:""; clear:both;}
.layer-wrap.leave .is-btm a{display:block;text-align:center; float:left;box-sizing:border-box; width:50%;font-size:16px; letter-spacing:0;font-weight:700;line-height:56px;}
.layer-wrap.leave .is-btm .enter{color:#84b627; }
.layer-wrap.leave .is-btm .cancel{color:#84b627;border-right:1px solid #d9d9d9 }




/* ======================================================
    .welcome-wrap 2020-10-11
=========================================================*/
.welcome-wrap{width:400px; background:#fff; min-height:680px; margin:0 auto; position:fixed; left:50%; top:50%; border-radius:5px; border:1px solid #e2e2e2; box-sizing:border-box;overflow:hidden;background:url(https://jmagazine.joins.com/_data/photo/2019/05/thumb_3717398825_BUMoFTn1_1.jpg) no-repeat center center; background-size:cover;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1)  ; }
.welcome-wrap:after{width:100%;height:100%;position:absolute; left:0; top:0; display:block; box-sizing:border-box; content:""; z-index:1;border-radius:4px; background:rgba(0, 0, 0, 0.5);}

.welcome-wrap .vis{height:300px; position:relative; z-index:2;}
.welcome-wrap .vis .txt{z-index:55;width:100%;text-align:center; line-height:51px; font-weight:700; color:#fff; font-size:33px; left:0; top:50%; box-sizing:border-box;position:absolute; width:100%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.welcome-wrap .vis .img{ position:relative}
.welcome-wrap .vis .img img{width:100%; height:300px;object-fit:cover;}
/* .welcome-wrap .vis .img:after{width:100%;height:100%;position:absolute; left:0; top:0; display:block; content:""; z-index:12; } */

.welcome-wrap .con{padding:36px 39px; position:relative; z-index:2; }
.welcome-wrap .item h3{font-size:14px; font-weight:700; color:#fff; letter-spacing:0; line-height:1.1em; margin-bottom:6px;}
.welcome-wrap .item ul:after{display:block; content:"";clear:both}
.welcome-wrap .item .chk-input{width:100%; line-height:100%;}
.welcome-wrap .item .chk-input input{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.welcome-wrap .item .chk-input input::placeholder{color:#4e4e4e !Important; opacity:0.3 !important}
.welcome-wrap .item .chk-input.error input{border-color:#ff6363}
.welcome-wrap .item .chk-input.nec{}
.welcome-wrap .item .chk-input.nec input{color:rgba(78,78,78,0.3);background:#ededed;border-color:#979797}

.welcome-wrap .lower{margin-top:36px;text-align:center; position:relative; z-index:2;}
.welcome-wrap .lower .next{font-size:14px; color:#fff; line-height:1.2em; text-decoration:underline; font-weight:700}
.welcome-wrap .lower .or{font-size:12px; font-weight:700; color:#c7c7c7; line-height:1.2em; margin:16px 0 24px 0}
.welcome-wrap .lower .facebook{position:relative;line-height:44px; border-radius:44px; display:block; font-size:14px; font-weight:700; color:#fff;text-align:center;background:#1278f1;}
.welcome-wrap .lower .facebook:before{position:absolute;width:25px;height:24px; left:12px; top:10px; border-radius:100%; display:block; content:"";background:url(../_Img/Sub/ico-facebook.png) no-repeat center center ; background-size:100% auto;}
.welcome-wrap .lower .photo{position:absolute; right:12px;top:12px; line-height:100%; width:24px; height:24px; border-radius:100%; overflow:hidden;}
.welcome-wrap .lower .photo img{width:100%;vertical-align:top}

.welcome-wrap .lower ul{margin-top:35px; font-size:0;}
.welcome-wrap .lower ul:after{display:block; content:"";clear:both}
.welcome-wrap .lower li{display:inline-block;vertical-align:top;}
.welcome-wrap .lower li:nth-child(n+2){margin-left:36px;}
.welcome-wrap .lower li a{width:36px;height:36px;display:block;background-size:100% auto !important}
.welcome-wrap .lower li .apple{background:url(../_Img/Content/login-apple.png) no-repeat center center}
.welcome-wrap .lower li .naver{background:url(../_Img/Content/login-kakao.png) no-repeat center center}
.welcome-wrap .lower li .kakao{background:url(../_Img/Content/login-naver.png) no-repeat center center}

	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:400px) {
		.welcome-wrap{left:0;top:0; width:100%; min-height:480px; height:100%;overflow-y:auto; border-radius:0;min-width:320px;-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);box-shadow: none  ; -webkit-box-shadow: none  ; -moz-box-shadow: none ; }
		.welcome-wrap:after{position:absolute;min-height:620px;display:block}

		.welcome-wrap .con{padding:36px 16px;}
		.welcome-wrap .lower{padding-bottom:30px;}
	}







/* ======================================================
    .mypage-wrap.main 
=========================================================*/
.mypage-wrap.main ul{margin:0 -1%}
.mypage-wrap.main ul:after{display:block;clear:both; content:""}
.mypage-wrap.main ul li{float:left;width:31.33333%; margin:0 1%}
.mypage-wrap.main ul li:nth-child(n+4){margin-top:2%}
.mypage-wrap.main ul li a{display:block;position:relative;border:1px solid #e2e2e2; border-radius:4px; text-align:center; box-sizing:border-box; min-height:200px; padding-top:140px; font-size:16px; font-weight:700; color:#000;	-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.mypage-wrap.main ul li a:hover{box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; }
.mypage-wrap.main ul li a:before{width:48px;height:48px; left:50%;margin-left:-24px; top:52px; display:block; content:""; position:absolute;background-size:48px auto !important}
.mypage-wrap.main ul li:nth-child(1) a:before{background:url(../_Img/Content/mypage-ico01.png) no-repeat center center}
.mypage-wrap.main ul li:nth-child(2) a:before{background:url(../_Img/Content/mypage-ico02.png) no-repeat center center}
.mypage-wrap.main ul li:nth-child(3) a:before{background:url(../_Img/Content/mypage-ico03.png) no-repeat center center}
.mypage-wrap.main ul li:nth-child(4) a:before{background:url(../_Img/Content/mypage-ico04.png) no-repeat center center}
.mypage-wrap.main ul li:nth-child(5) a:before{background:url(../_Img/Content/mypage-ico05.png) no-repeat center center}
.mypage-wrap.main ul li:nth-child(6) a:before{background:url(../_Img/Content/mypage-ico06.png) no-repeat center center}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.main ul li{width:48%;}
		.mypage-wrap.main ul li:nth-child(n+3){margin-top:2%}
	}
	@media only screen and (max-width:480px) {
		
	}

/* ======================================================
    .mypage-wrap.info  2020-10-07
=========================================================*/
.mypage-wrap.info{border:1px solid #e2e2e2;border-radius:4px; padding:40px;}
.mypage-wrap.info .line{margin:40px 0; background:#e2e2e2; height:1px;}

.mypage-wrap.info .mother{position:relative;}
.mypage-wrap.info .mother .txt{display:flex;align-items: center; justify-content:left; height:96px;position:relative;}
.mypage-wrap.info .mother .txt .vc{ padding-left:116px; width:100%; box-sizing:border-box;}
.mypage-wrap.info .mother .txt .photo{position:absolute; left:0; top:0; width:96px;height:96px; overflow:hidden;border-radius:100%;}
.mypage-wrap.info .mother .txt .photo img{width:100%;height:96px;object-fit:cover;}
.mypage-wrap.info .mother .txt .btxt{line-height:32px; font-size:16px; font-weight:700;color:#000; display:inline-block;vertical-align:top;}
.mypage-wrap.info .mother .txt .stxt{margin-top:5px;color:#6f6f6f;line-height:16px; font-size:0;}
.mypage-wrap.info .mother .txt .stxt span{display:inline-block;vertical-align:top; font-size:14px; line-height:16px; position:relative;}
.mypage-wrap.info .mother .txt .stxt span:nth-child(n+2){margin-left:19px}
.mypage-wrap.info .mother .txt .stxt span:nth-child(n+2):before{width:1px;height:10px; position:Absolute; left:-9px; top:50%;margin-top:-5px;background:#ddd; display:block;content:""}
.mypage-wrap.info .mother .txt .error{font-size:12px; color:#ff3737; line-height:1.2em;margin-top:6px;word-break: keep-all;}
.mypage-wrap.info .mother .txt .error br{display:none;}
.mypage-wrap.info .mother .modify-btn{margin-left:0;width:25px; height:32px;box-sizing:border-box; background:url(../_Img/Sub/ico-pen.png) no-repeat center 48%; display:inline-block;vertical-align:top;background-size:12px auto;}
.mypage-wrap.info .mother .check-btn{width:32px; position:absolute; right:0; top:50%;margin-top:-16px; height:32px; box-sizing:border-box; border-radius:100%; background:url(../_Img/Sub/ico-check.png) no-repeat center center #a3d742; background-size:16px auto;}
.mypage-wrap.info .mother .error-btn{width:32px; position:absolute; right:0; top:50%;margin-top:-16px; height:32px; box-sizing:border-box; border-radius:100%; background:#ff942b; color:#fff;font-weight:700;}
.mypage-wrap.info .mother .error-btn:after{position:absolute; left:0; top:0; width:100%;height:100%; text-align:center; line-height:34px; color:#fff; font-weight:700;box-sizing:border-box; padding-left:1px;  font-size:17px;display:block; content:"!"}
.mypage-wrap.info .mother .chk-input{width:100%; max-width:328px; line-height:100%;}
.mypage-wrap.info .mother .chk-input input{border:1px solid #979797; border-radius:4px; height:32px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.mypage-wrap.info .mother .chk-input input::placeholder{color:#4e4e4e !Important; opacity:0.3 !important}
.mypage-wrap.info .mother .chk-input .delete{width:16px;height:16px;display:none; position:absolute; right:8px; top:50%;margin-top:-8px;background:url(../_Img/Sub/input-delete.png) no-repeat center center; background-size:100% auto;border:none;}
.mypage-wrap.info .mother .chk-input.active .delete{display:block;}


.mypage-wrap.info .mother .txt .vc.c02 .btxt{display:inline-block;vertical-align:top; line-height:32px; margin-left:10px;}
.mypage-wrap.info .mother .txt .vc .upload-photo{position:absolute; left:0; top:0; width:96px;height:96px; overflow:hidden;border-radius:100%;}
.mypage-wrap.info .mother .txt .vc .upload-photo img{width:100%;height:96px;object-fit:cover;}
.mypage-wrap.info .mother .txt .vc .upload-photo .upload{background:#f5f5f5 url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto; border-radius:100%;height:100%;width:100%; box-sizing:border-box;border:1px solid #dfdfdf;}
.mypage-wrap.info .mother .txt .vc .upload-photo .add-file{border:none;}
.mypage-wrap.info .mother .txt .vc .upload-photo.active .upload{border:none ;background:none; display:block;}

.mypage-wrap.info .mother .txt .vc.c01{display:none}
.mypage-wrap.info .mother .txt .vc.c02{display:none}
.mypage-wrap.info .mother .txt .vc.c03{display:block; padding-right:50px;}

.mypage-wrap.info .mother .txt .vc.c03 .chk-input input{border-color:#ff3737;}
.mypage-wrap.info .mother .txt .vc.c03 .stxt{margin-top:8px;}

	@media only screen and (max-width:999px) {
		.mypage-wrap.info{padding:20px;}
		.mypage-wrap.info .line{margin:20px 0;}

		.mypage-wrap.info .mother .txt{height:56px;}
		.mypage-wrap.info .mother .txt .vc{ padding-left:64px;}
		.mypage-wrap.info .mother .txt.no-vc{display:block; height:auto;}
		.mypage-wrap.info .mother .txt .photo{width:56px;height:56px;}
		.mypage-wrap.info .mother .txt .photo img{height:56px;}
		.mypage-wrap.info .mother .txt .btxt{font-size:14px;}
		.mypage-wrap.info .mother .txt .stxt{margin-top:6px;}
		.mypage-wrap.info .mother .txt .stxt span{font-size:12px;}
		.mypage-wrap.info .mother .txt .stxt span:nth-child(n+2){margin-left:15px}
		.mypage-wrap.info .mother .txt .stxt span:nth-child(n+2):before{left:-7px;}
		

		.mypage-wrap.info .mother .chk-input{max-width:260px}
		.mypage-wrap.info .mother .txt .vc.c02 .btxt{margin-left:5px;}
		.mypage-wrap.info .mother .txt .vc.c03 .chk-input{max-width:260px}

		.mypage-wrap.info .mother .txt .vc .upload-photo{width:56px;height:56px;}
		.mypage-wrap.info .mother .txt .vc .upload-photo .add-file{width:56px;height:56px;}
		.mypage-wrap.info .mother .txt .vc .upload-photo img{height:56px;}

	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.info .mother .txt .btxt{line-height:26px;}
		.mypage-wrap.info .mother .modify-btn{height:26px;}
		.mypage-wrap.info .mother .chk-input input{height:26px; font-size:12px;}
		

		.mypage-wrap.info .mother .chk-input{max-width:200px}
		.mypage-wrap.info .mother .txt .vc.c03 .chk-input{max-width:200px}
	}
	@media only screen and (max-width:480px) {
		.mypage-wrap.info .mother .txt .error br{display:block;}

		.mypage-wrap.info .mother .chk-input{max-width:140px}
		.mypage-wrap.info .mother .txt .vc.c03 .chk-input{max-width:140px}
	}



/* 2020-10-07 */
.mypage-wrap.info .child{position:relative;}
.mypage-wrap.info .child h3{line-height:18px; font-size:16px; font-weight:700;color:#000}
.mypage-wrap.info .child ul{margin-top:24px;}
.mypage-wrap.info .child ul:after{display:block; content:"";clear:both}
.mypage-wrap.info .child li{float:left;margin-right:40px;}
.mypage-wrap.info .child .upload-photo{position:relative; display:inline-block;vertical-align:top; height:auto;}
.mypage-wrap.info .child .upload-photo .add-file{border-radius:100%;height:56px;width:56px;overflow:hidden;box-sizing:border-box; border:none !important}
.mypage-wrap.info .child .upload-photo .add-file img{width:100%;height:56px;object-fit:cover;}

/* 11111 */
.mypage-wrap.info .child .upload-photo2{position:relative; display:inline-block;vertical-align:top; height:auto;}
.mypage-wrap.info .child .upload-photo2 .add-file{border-radius:100%;height:56px;width:56px;overflow:hidden;box-sizing:border-box; border:none !important}
.mypage-wrap.info .child .upload-photo2 .add-file img{width:100%;height:56px;object-fit:cover;}
/* 11111 */
.mypage-wrap.info .child .upload-photo input{display:none;}
/* .mypage-wrap.info .child .upload-photo.active .upload{border:none;} */
.mypage-wrap.info .child .upload-photo .askName{font-size:14px; color:#6f6f6f; text-align:center; margin-top:6px; display:none;}
.mypage-wrap.info .child .upload-photo.active .askName{display:block;}
.mypage-wrap.info .child .upload-photo .upload{position:absolute; left:0; top:0;background:#f5f5f5 url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto; border-radius:100%;height:56px;width:56px; box-sizing:border-box;border:1px solid #dfdfdf;}
.mypage-wrap.info .child .upload-photo .delete-file{ display:none;position:absolute;width:20px;height:20px; right:0; top:0;background:rgba(0,0,0,0.65) url(../_Img/Sub/ico-minus.png) no-repeat center center; background-size:16px auto; box-sizing:border-box;border:none}
.mypage-wrap.info .child .upload-photo.active .upload{background:none; border:none;}
.mypage-wrap.info .child .upload-photo.active .delete-file{display:none;}
	@media only screen and (max-width:999px) {
		.mypage-wrap.info .child h3{font-size:14px; line-height:16px;}
		.mypage-wrap.info .child ul{margin-top:6px;}
		.mypage-wrap.info .child li{margin-right:12px;}
	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.info .child .upload-photo .askName{font-size:12px;}
	}
	@media only screen and (max-width:480px) {
		
	}


.mypage-wrap.info .look{position:relative;}
.mypage-wrap.info .look h3{line-height:18px; font-size:16px; font-weight:700;color:#000}
.mypage-wrap.info .look .stit{margin-top:12px;color:#6f6f6f;font-size:14px; line-height:16px;}
.mypage-wrap.info .look .add-btn{width:80px;height:40px; line-height:40px; text-align:center; background:#8d8d8d; border-radius:12px; font-size:14px; color:#fff; position:absolute; right:0; top:0;}
.mypage-wrap.info .look .add-btn:hover{background:#454545}
.mypage-wrap.info .look .list{margin-top:24px;}
.mypage-wrap.info .look .list ul{margin:0 -1.5%}
.mypage-wrap.info .look .list ul:after{display:block; content:"";clear:both}
.mypage-wrap.info .look .list li{float:left; width:30.333333%; margin:0 1.5%;position:absolute; left:-9999em; top:-9999em; opacity:0;-webkit-transition: opacity 0.4s ease-in-out;;-moz-transition: opacity 0.4s ease-in-out;;-o-transition: opacity 0.4s ease-in-out;;transition: opacity 0.4s ease-in-out;}
.mypage-wrap.info .look .list li.active{display:inline-block;transition-delay: 0.1s; opacity:1; position:relative; left:auto; top:auto;}
.mypage-wrap.info .look .list li:nth-child(n+4){margin-top:3%;}
.mypage-wrap.info .look .list li a{display:block;border-radius:24px; overflow:hidden;}
.mypage-wrap.info .look .list li img{width:100%;height:260px;object-fit:cover;}
.mypage-wrap.info .look .btns{margin-top:20px; }
.mypage-wrap.info .look #list-more{line-height:16px; display:inline-block;vertical-align:top; font-size:14px; color:#6f6f6f; padding-right:18px; background:url(../_Img/Sub/list-more.png) no-repeat right center; background-size:12px auto;}
	@media only screen and (max-width:999px) {
		.mypage-wrap.info .look h3{font-size:14px; line-height:16px;}
		.mypage-wrap.info .look .stit{margin-top:6px; margin-top:6px; line-height:14px}
		.mypage-wrap.info .look .add-btn{margin-top:12px; display:block; width:auto; position:relative; right:auto; top:auto;}

		.mypage-wrap.info .look .list{margin-top:16px;}
		
		
		.mypage-wrap.info .look .list li img{height:190px;}
	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.info .look .list li{width:47%}
		.mypage-wrap.info .look .list li:nth-child(n+3){margin-top:3%;}
		.mypage-wrap.info .look .list li img{height:140px;}
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
    .mypage-wrap.notice 
=========================================================*/
.mypage-wrap.notice{}
.mypage-wrap.notice .list{}
.mypage-wrap.notice .list li{border-bottom:1px solid #f0f0f0;}
.mypage-wrap.notice .list li:nth-child(n+2){}
.mypage-wrap.notice .list .sel{padding:24px 0; display:block;}
.mypage-wrap.notice .list .sel .btxt{ color:#000; font-size:16px; font-weight:700; position:relative;word-break: keep-all;}
.mypage-wrap.notice .list .sel.notice .btxt{padding-left:34px;}
.mypage-wrap.notice .list .sel.notice .btxt:before{width:28px;height:28px; position:absolute; left:0; top:-4px;background:url(../_Img/Sub/ico-new.png) no-repeat left center; background-size:28px auto; display:block; content:""}
.mypage-wrap.notice .list .sel.notice .stxt{ margin-top:7px;}
.mypage-wrap.notice .list .sel .stxt{ margin-top:12px;color:#6f6f6f; font-size:14px; line-height:1.2em; font-weight:400;}
.mypage-wrap.notice .list .sel:hover .btxt{text-decoration:underline}
.mypage-wrap.notice .list .show .con{display:block}
.mypage-wrap.notice .list .con{border-top:1px solid #f0f0f0; background:#fafafa; padding:40px 30px;display:none;}
.mypage-wrap.notice .list .con img{margin-bottom:12px;}
.mypage-wrap.notice .list .con p{font-size:16px; line-height:28px; color:#000;}
	@media only screen and (max-width:999px) {
		.mypage-wrap.notice .list .sel{padding:12px 0;}
		.mypage-wrap.notice .list .sel .btxt{font-size:14px;}
		.mypage-wrap.notice .list .sel .stxt{ margin-top:6px;}
		
		.mypage-wrap.notice .list .sel.notice .btxt{ display:flex;align-items: center; justify-content: left; height:32px; line-height:1.2em;}
		.mypage-wrap.notice .list .sel.notice .btxt:before{top:2px;}

		.mypage-wrap.notice .list .con{padding:12px;}
		
		.mypage-wrap.notice .list .con p{font-size:14px;line-height:24px;}
	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.notice .list .con img {width:100%}
	}
	@media only screen and (max-width:480px) {
		
	}

/* ======================================================
    .mypage-wrap.faq 
=========================================================*/
.mypage-wrap.faq{}
.mypage-wrap.faq .list{}
.mypage-wrap.faq .list li{border-bottom:1px solid #f0f0f0;}
.mypage-wrap.faq .list li:nth-child(n+2){}
.mypage-wrap.faq .list .sel{padding:19px 0 19px 40px; display:block; position:relative; line-height:28px;font-size:16px; color:#000; font-weight:700;}
.mypage-wrap.faq .list .sel:before{width:28px;height:28px; position:absolute; left:0; top:19px; border:1px solid #000;display:block;content:"";background:url(../_Img/Sub/ico-plus02.png) no-repeat center center;background-size:16px auto; box-sizing:border-box;}
.mypage-wrap.faq .list .sel:hover{text-decoration:underline}
.mypage-wrap.faq .list li.active .sel:before, .mypage-wrap.faq .list li.show .sel:before{background-image:url(../_Img/Sub/ico-minus.png)}
.mypage-wrap.faq .list .show .con{display:block}

.mypage-wrap.faq .list .con{border-top:1px solid #f0f0f0;display:none;}
.mypage-wrap.faq .list .con img{margin-bottom:12px;}
.mypage-wrap.faq .list .con .vsel{padding:19px 0 19px 68px; display:block; position:relative; line-height:28px;font-size:16px; color:#000; font-weight:700;}
.mypage-wrap.faq .list .con .vsel:before{ position:absolute; left:30px; width:28px;height:28px; top:18px;display:block;content:"";background:url(../_Img/Sub/qna-ico01.png) no-repeat center center;background-size:28px auto; box-sizing:border-box;}
.mypage-wrap.faq .list .con .vsel:hover{text-decoration:underline}
.mypage-wrap.faq .list .con li{border:none}
.mypage-wrap.faq .list .con li:nth-child(n+2){border-top:1px solid #f0f0f0;}

.mypage-wrap.faq .list .read .txt{display:block}
.mypage-wrap.faq .list .txt{border-top:1px solid #f0f0f0;background:#fafafa;display:none; padding:30px 30px 30px 70px; position:relative;}
.mypage-wrap.faq .list .txt:before{ position:absolute; left:30px; width:28px;height:28px; top:28px;display:block;content:"";background:url(../_Img/Sub/qna-ico02.png) no-repeat center center;background-size:28px auto; box-sizing:border-box;}
.mypage-wrap.faq .list .txt p{font-size:16px; line-height:28px; color:#000;}
	@media only screen and (max-width:999px) {
		.mypage-wrap.faq .list .sel{font-size:14px}

		.mypage-wrap.faq .list .con .vsel{font-size:14px; padding-left:58px;}
		.mypage-wrap.faq .list .con .vsel:before{left:20px;}
		.mypage-wrap.faq .list .txt{padding:20px 20px 20px 58px; }
		.mypage-wrap.faq .list .txt:before{left:20px; top:19px;}
		.mypage-wrap.faq .list .txt p{font-size:14px; line-height:24px;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

	
/* ======================================================
    .mypage-wrap.cscenter 
=========================================================*/
.mypage-wrap.cscenter{}
.mypage-wrap.cscenter .upper{font-size:0;padding-top:8px;}
.mypage-wrap.cscenter .upper p{display:inline-block;vertical-align:top; line-height:28px; font-size:16px; color:#000;margin-right:17px}
.mypage-wrap.cscenter .upper a{display:inline-block;vertical-align:top; width:75px;height:28px;text-align:center; line-height:28px;background:#f5f5f5;border-radius:2px; border:1px solid #e1e1e1; font-size:15px; color:#000;}
.mypage-wrap.cscenter .upper a:hover{background:#555; border-color:#555; color:#fff}

.mypage-wrap.cscenter .list{margin-top:36px;}
.mypage-wrap.cscenter .list ul:after{display:block; content:"";clear:both}
.mypage-wrap.cscenter .list li{float:left; width:48%}
.mypage-wrap.cscenter .list li:nth-child(even){float:right}
.mypage-wrap.cscenter .list li a{display:block; line-height:96px; font-weight:700; color:#000; border:1px solid #e2e2e2; border-radius:4px; padding-left:98px; position:relative;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.mypage-wrap.cscenter .list li a:hover{box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1)  ; }
.mypage-wrap.cscenter .list li a:before{left:32px; top:24px; width:48px;height:48px; position:absolute; display:block; content:""}

.mypage-wrap.cscenter .list li:nth-child(1) a:before{background:url(../_Img/Sub/cs-kakao.png) no-repeat center center; background-size:100% auto;}
.mypage-wrap.cscenter .list li:nth-child(2) a:before{background:url(../_Img/Sub/cs-email.png) no-repeat center center; background-size:100% auto;}
	@media only screen and (max-width:999px) {
		.mypage-wrap.cscenter .upper p{font-size:14px}
		.mypage-wrap.cscenter .upper a{display:block; line-height:36px; height:36px; width:auto; margin-top:12px;}

		.mypage-wrap.cscenter .list{margin-top:24px;}
		.mypage-wrap.cscenter .list li{float:none; width:auto;}
		.mypage-wrap.cscenter .list li:nth-child(n+2){margin-top:12px;}
		.mypage-wrap.cscenter .list li:nth-child(even){float:none}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
    .mypage-wrap.profile  2020-10-01
=========================================================*/
.mypage-wrap.profile{border:1px solid #e2e2e2;border-radius:4px; padding:40px;}
.mypage-wrap.profile .line{margin:30px 0; background:#e2e2e2; height:1px;}

.mypage-wrap.profile .rlz{position:relative;}
.mypage-wrap.profile .entry{position:relative; padding-left:116px;}
.mypage-wrap.profile .entry .upload-photo{position:absolute; left:0; top:0; display:inline-block;vertical-align:top; height:96px;}
.mypage-wrap.profile .entry .upload-photo .add-file{border-radius:100%;height:96px;width:96px;overflow:hidden;box-sizing:border-box; border:none !important}
.mypage-wrap.profile .entry .upload-photo .add-file img{width:100%;height:96px;object-fit:cover;}
.mypage-wrap.profile .entry .upload-photo input{display:none;}
/* .mypage-wrap.profile .entry .upload-photo.active .upload{border:none;} */
.mypage-wrap.profile .entry .upload-photo .upload{width:32px; position:absolute; left:auto; top:auto; right:0; bottom:0; height:32px; border:1px solid #dfdfdf;box-sizing:border-box; border-radius:100%; background:url(../_Img/Sub/ico-pen.png) no-repeat center center #f5f5f5; background-size:16px auto;}
.mypage-wrap.profile .entry .upload-photo .delete-file{ display:none;position:absolute;width:20px;height:20px; right:0; top:0;background:rgba(0,0,0,0.65) url(../_Img/Sub/ico-minus.png) no-repeat center center; background-size:16px auto; box-sizing:border-box;border:none}

.mypage-wrap.profile .entry .upload-photo.active .delete-file{display:none;}


.mypage-wrap.profile .entry li:nth-child(n+2){margin-top:30px;}
.mypage-wrap.profile .entry li .chk-input{width:100%; max-width:328px; line-height:100%;}
.mypage-wrap.profile .entry li .chk-input input{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.mypage-wrap.profile .entry li .chk-input input::placeholder{color:#4e4e4e !Important; opacity:0.3 !important}
.mypage-wrap.profile .entry li .chk-input.error input{border-color:#ff6363}
.mypage-wrap.profile .entry li .chk-input.nec{}
.mypage-wrap.profile .entry li .chk-input.nec input{color:rgba(78,78,78,0.3);background:#ededed;border-color:#979797}
.mypage-wrap.profile .entry li .chk-select{width:100%;}
.mypage-wrap.profile .entry li .chk-select select{border:1px solid #979797; border-radius:12px; height:40px ;font-size:14px; color:#4e4e4e; padding:0 12px;}
.mypage-wrap.profile .entry li .btxt{font-size:14px; font-weight:700; color:#000; letter-spacing:0; line-height:1.1em; margin-bottom:6px;}
.mypage-wrap.profile .entry li .ex{font-size:14px; color:#6f6f6f;line-height:1.2em; margin-top:6px;word-break: keep-all;}

.mypage-wrap.profile .entry li .chk-check{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.mypage-wrap.profile .entry li .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.mypage-wrap.profile .entry li .chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:74px; font-size:14px; line-height:38px;height:40px; box-sizing:border-box;color:#000; font-weight:400; cursor:pointer;}
.mypage-wrap.profile .entry li .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:68px; height:40px; text-align:center; background:#fff;border-radius:40px; border:1px solid #979797}
.mypage-wrap.profile .entry li .chk-check input[type="checkbox"] + label:after{ width:32px;height:32px; background:#dbdbdb; border-radius:100%; position:absolute; left:4px; top:4px;display:block;content:"";-webkit-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;transition: background 0.3s ease-in-out, left 0.3s ease-in-out;}
.mypage-wrap.profile .entry li .chk-check input[type="checkbox"]:checked + label:after{background:#91c13f; left:32px;}


.mypage-wrap.profile .btns{margin-top:52px;text-align:center; position:relative;}
.mypage-wrap.profile .btns .modify-btn{font-size:14px; color:#fff; background:#8d8d8d; border-radius:12px; width:156px; line-height:40px; display:inline-block;vertical-align:top;}
.mypage-wrap.profile .btns .modify-btn:hover{background:#545454}

.mypage-wrap.profile .delete-btn{font-size:14px; position:absolute; right:0; bottom:0; font-size:14px; text-decoration:underline; color:#6f6f6f}
.mypage-wrap.profile .delete-btn:hover{color:#333;}

.mypage-wrap.profile .lower{text-align:center}
.mypage-wrap.profile .lower a{display:inline-block;vertical-align:top; padding-top:64px; font-size:12px; color:#000; line-height:1.2em; position:relative;text-align:center; width:56px;}
.mypage-wrap.profile .lower a:before{position:absolute; left:0; top:0;background:#f5f5f5 url(../_Img/Sub/ico-plus.png) no-repeat center center; background-size:16px auto; border-radius:100%;height:56px;width:56px; box-sizing:border-box;;border:1px solid #dfdfdf; display:block;content:""}
	@media only screen and (max-width:999px) {
		.mypage-wrap.profile{ padding:20px 20px 40px 20px}
		.mypage-wrap.profile .entry{padding-left:0;}
		.mypage-wrap.profile .entry .upload-photo{width:96px; margin:0 auto; position:relative; left:auto; top:auto; display:block; margin-bottom:20px;}
		.mypage-wrap.profile .entry li .chk-input{max-width:none;}

		.mypage-wrap.profile .btns{margin-top:36px;text-align:right;}
		.mypage-wrap.profile .btns .modify-btn{width:auto; display:block;margin-bottom:12px;text-align:center;}
		

		.mypage-wrap.profile .r{margin-top:10px;}
		.mypage-wrap.profile .delete-btn{display:inline-block;vertical-align:top; position:relative; left:auto; top:auto;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
    .mypage-wrap.setting 
=========================================================*/
.mypage-wrap.setting{border:1px solid #e2e2e2;border-radius:4px; padding:40px;}
.mypage-wrap.setting .line{margin:40px 0; background:#e2e2e2; height:1px;}
.mypage-wrap.setting h3{font-size:16px; color:#000; line-height:1.2em; margin-bottom:24px;}
.mypage-wrap.setting ul{}

.mypage-wrap.setting .entry li.mg16t{margin-top:16px !important;}
.mypage-wrap.setting .entry li:nth-child(n+2){margin-top:36px}
.mypage-wrap.setting .entry li a{font-size:14px; color:#000; line-height:16px; display:inline-block;vertical-align:top;}
.mypage-wrap.setting .entry li a.selv span{display:inline-block;vertical-align:top; padding-right:32px; position:relative}
.mypage-wrap.setting .entry li a.selv span:after{width:16px;height:16px; position:absolute; right:0; top:0;display:block; content:"";background:url(../_Img/Sub/ico-plus02.png) no-repeat center center; background-size:16px auto;}
.mypage-wrap.setting .entry li .chk-check{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000; min-width:230px;}
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:0;padding-right:72px; font-size:14px; line-height:34px;height:36px; box-sizing:border-box;color:#000; font-weight:400; cursor:pointer;}
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:auto; right:0px; top:0px; box-sizing:border-box;width:72px; height:36px; text-align:center; background:#dfdfdf;border-radius:40px; -webkit-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, left 0.3s ease-in-out;transition: background 0.3s ease-in-out, left 0.3s ease-in-out;}
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"] + label:after{ width:32px;height:32px; background:#fff; border-radius:100%; position:absolute; left:auto; right:38px; top:2px;display:block;content:"";-webkit-transition: background 0.3s ease-in-out, right 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, right 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, right 0.3s ease-in-out;transition: background 0.3s ease-in-out, right 0.3s ease-in-out;}
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"]:checked + label:after{background:#fff;right:2px;}
.mypage-wrap.setting .entry li .chk-check input[type="checkbox"]:checked + label:before{background:#a3d742; }
	@media only screen and (max-width:999px) {
		.mypage-wrap.setting{padding:40px 20px}
		.mypage-wrap.setting .line{margin:20px 0;}
	}
	@media only screen and (max-width:680px) {
		.mypage-wrap.setting .entry li .chk-check{min-width:210px;}
	}
	@media only screen and (max-width:480px) {
		
	}