@charset "utf-8";


/* 회원가입 */
.join-tit{padding:25px 0; text-align:center;}
.join-tit .btxt{font-size:24px; display:block; color:#222; font-weight:500; line-height:130%;margin-bottom:10px}
.join-tit .stxt{ color:#666; font-size:14px; font-weight:300; line-height:130%;}
	@media only screen and (max-width:480px) {
		.join-tit .stxt{padding:0 20px; line-height:130%;}
	}

.join-wrap{ background:#fff;}

.e-login{font-size: 17px; color: #fff; text-align: center;}

/*남미라 추가 */
.join-wrap .fresult { font-size: 16px; text-align: center; line-height: 160%; width:100%; margin-top:40px; }
.join-wrap .fresult b { color:#60BCFF; font-size: 16px;  }



.join-tab{ overflow:hidden; width: 100%; }
.join-tab li{ float:left; width:50%;}
.join-tab li a{ display:block; content:""; line-height:49px; background:#d9dfe8; color:#768294;font-size:16px; text-align:center;font-weight:500; }
.join-tab li.active a{background:#fff;color:#222;}
	@media only screen and (max-width:480px) {
		.join-tab li a{font-size:15px;}
	}

.join-con{padding:40px;border:2px solid #edf4fa;}
.login_con{width:100%; max-width:350px; box-sizing:border-box; margin: 120px auto; position: static!important;}
.login_con .bot{float:left; width:100%; text-align: center; padding-top: 15px; border-top: 1px solid #edf4fa; font-size: 17px; color: #555; margin-top: 15px}
.join-box{width:100%; max-width:500px; box-sizing:border-box; margin: 0px auto; }


.login_sns{width: 100%; float: left; padding-top: 30px}
.login_sns ul{width: 100%}
.login_sns ul li{padding: 10px 0; border:1px solid #edf4fa; background: #fff; float: left; min-height: 45px; box-sizing: border-box; }
.login_sns ul li.long{width: 100%; margin-bottom: 4px;box-sizing: border-box;}
.login_sns ul li.short{width: calc(50% - 2px); }
.login_sns ul li div{position: relative; margin: 0px auto; font-size: 17px; color: #222; line-height: 20px; text-align: center;}
.login_sns ul li div img{width: 100%}
.login_sns ul li div.face{width: 92px}
.login_sns ul li div.face img{max-width: 20px}
.login_sns ul li div.kakao{width: 98px}
.login_sns ul li div.kakao img{max-width: 22px}
.login_sns ul li div.naver{width: 80px;}
.login_sns ul li div.naver img{max-width: 20px}
.login_sns ul li div.google{width: 72px;}
.login_sns ul li div.google img{max-width: 19px}
.login_sns ul li div span{padding-right: 8px;}
.login_sns ul li div.face-join{width: 92px}
.login_sns ul li div.face-join img{max-width: 20px}
.login_sns ul li div.kakao-join{width: 98px}
.login_sns ul li div.kakao-join img{max-width: 22px}
.login_sns ul li div.naver-join{width: 80px}
.login_sns ul li div.naver-join img{max-width: 20px}
.login_sns ul li div.google-join{width: 72px}
.login_sns p.ctit{font-size: 14px; margin-bottom: 10px; text-align: center;}

.login_join{width: 100%; float: left; text-align: center; height: 30px; margin-top: 15px; margin-bottom: 80px; font-size: 17px }


.join-con .biz-tit {font-size:14px; color:#222 ;line-height:140%; text-align:center; display:block; margin-bottom:40px;}
.join-con .biz-tit .b{font-weight:500;}
.join-wrap.step01 .list li{margin-top:15px; list-style: none; display: inline-block; width: 100%}
.join-wrap.step01 .list li:first-child{margin-top:0;}
.join-wrap.step01 .list li .btxt{display: inline-block; line-height: 35px; font-size: 16px; color: #222; width: 100%}
.join-wrap.step01 .list li div.mstr{width:100%; display:inline-block; vertical-align:top;}
.join-wrap.step01 .list li.c-05 input[type="file"]{display:none;}
.join-wrap.step01 .key-change{margin-top: 5px;text-align: center;}
.join-wrap.step01 .key-change a{text-decoration: underline;}

.join-con .biz-tit {font-size:14px; color:#222 ;line-height:140%; text-align:center; display:block; margin-bottom:40px;}
.join-con .biz-tit .b{font-weight:500;}
.join-wrap.step01 .list02 li{position:relative; margin-top:12px; list-style: none; display: inline-block; width: 100%}
.join-wrap.step01 .list02 li:first-child{margin-top:0;}
.join-wrap.step01 .list02 li .btxt{line-height:40px;  position:absolute; left:0; top:0; color:#222; font-weight:500; font-size:14px;}
.join-wrap.step01 .list02 li span.btn{}
.join-wrap.step01 .list02 li div.mstr{position:relative;display:inline-block; vertical-align:top;}
.join-wrap.step01 .list02 li.c-05 input[type="file"]{display:none;}


.join-wrap input[type="text"], .join-wrap input[type="password"], .join-wrap input[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #edf4fa; box-sizing:border-box; height:40px; padding:0 10px; float: left;}
.join-wrap input[type="text"].cs-input:focus, .join-wrap input[type="password"].cs-input:focus, .join-wrap input[type="file"].cs-input:focus{ border:1px solid #edf4fa; color:#222 !important}
.join-wrap input[type="text"].email{width: calc(100% - 92px)}
.join-wrap input[type="text"].phone{width: calc(100% - 126px)}

.join-wrap .certify-btn{background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:13px; font-weight:500; padding:0 15px; float: left;}
.join-wrap .input-ex{color:#666; font-size:14px; font-weight:400; display:inline-block; vertical-align:top; line-height:40px;}
.join-wrap .input-ex02{color:#666;font-size:14px; font-weight:400; display:block; line-height:18px; }
.join-wrap .input-check.true{display:inline-block; font-size:12px; font-weight:500; color:#418ccc; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px; float: left;}
.join-wrap .input-check.false{display:inline-block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;float: left;}


.join-wrap.step01 .agree{border-top:1px solid #d9dfe8; margin-top:20px; padding-top:20px; float: left;}
.join-wrap.step01 .agree .check-box input[type="checkbox"] + label{line-height:21px;  color:#222; font-weight:300; font-size:14px; padding-left:30px; display:block;}
.join-wrap.step01 .agree .check-box input[type="checkbo.info-modify .default-list li div.mstrx"] + label:after{width:17px; height:17px; border:2px solid #888; top:0; left:0;}
.join-wrap.step01 .agree .check-box input[type="checkbox"]:checked + label:after{border-color:#418ccc ; background:url(../_Img/Sub/check-white.png) no-repeat center center #51c0fe;}

.join-wrap.step01 .agree li{margin-top:18px; position:relative; width: 100%; display: inline-block;}
.join-wrap.step01 .agree li:first-child{margin-top:0;}
.join-wrap.step01 .agree li .view-btn{position: absolute; right: 0;display:inline-block; vertical-align:top; padding: 10px 0 0 30px;}
.join-wrap.step01 .agree li .view-btn span{display:block;color:#222; font-size:14px;text-decoration:underline; font-weight:300;background:url(../_Img/Sub/more-black.png) no-repeat left 5px;padding-left:10px;}
.join-wrap.step01 .agree li .view-btn.active span{color:#418ccc;font-weight:500;  background:url(../_Img/Sub/more-blue.png) no-repeat left 5px;}
.join-wrap.step01 .agree li .view-btn:hover span{color:#418ccc;}
.join-wrap.step01 .agree li.last{margin-top:15px;padding-left:25px;}
.join-wrap.step01 .agree li div.mstr{position:relative;display:inline-block; vertical-align:top;}
.join-wrap.step01 .agree li .btn-cont{margin-left: 5px}
.join-wrap.step01 .agree .check-box{position: relative;}

.join-wrap.step01 .list02 li {position: static!important;}


.join-wrap .join-btn{margin-top:20px; background:#418ccc; width:100%; height:60px;border-radius:0; line-height:58px; font-size:20px; font-weight:500; color:#fff; display:inline-block;vertical-align:top; cursor: pointer;}

.join-wrap .join-btn2{background:#418ccc; width:230px; height:60px;border-radius:10px; line-height:58px; font-size:20px; font-weight:500; color:#fff; display:inline-block;vertical-align:top;}

.join-wrap.end .end-txt{font-size:14px; color:#222; line-height:160%; font-weight:300;text-align:center; min-height:245px; letter-spacing:-0.04em}

.join-wrap.end .email{ width:364px; height:auto; margin:30px auto 0 auto;text-align:center;background:#eceff2;  border-radius:15px; padding:25px 0}
.join-wrap.end .email span{display:inline-block; vertical-align:top; font-size:14px; font-weight:500; color:#3c465a; padding-left:27px; background:url(../_Img/Sub/email-ico.png) no-repeat 0 3px; line-height:20px;}

/*회원가입 경품용*/
.give input[type=radio]:not(old) + label{display: inline !important; float: left; margin-bottom: 10px}

/*기업회원가입*/
.join-wrap.step01 input[type=radio]:not(old) {
    margin:0; padding:0; opacity:0;
    background:url(../_Img/Sub/check_on.png) no-repeat 0 0;
    width:0;
}

.join-wrap.step01 input[type=radio]:not(old) + label {
    display: inline-block;
    text-align: left; height:28px; padding-left: 25px;
    background: url(../_Img/Sub/check_off_2.png) no-repeat 0 0;
    line-height: 130%; vertical-align: top;
}
.join-wrap.step01 input[type=radio]:not(old):checked + label {
    background: url(../_Img/Sub/check_on_2.png) no-repeat 0 0;
}



	@media only screen and (max-width:1000px) {
		.join-wrap.end .end-txt{min-height:auto; padding:20px 2px 50px 2px ;}
	}

	@media only screen and (max-width:830px) {
		.join-con{padding:35px 20px;}
		.join-wrap .input-ex{margin-left:0;}
		.join-wrap .join-btn{height:50px;line-height:48px; font-size:18px;}
		.join-wrap .join-btn2{width:160px; height:50px;line-height:48px; font-size:18px;}
		.join-wrap.step01 .agree li .btn-cont{margin-left: 30px}
	}
	@media only screen and (max-width:640px) {
		.join-wrap.step01 .list li div.email-chk{position: relative;}
	}
	@media only screen and (max-width:600px) {
		.join-con{border:0;}
	}
	@media only screen and (max-width:530px) {
		.join-wrap.step01 .list li{padding-left:0;}
		.join-wrap.step01 .list li.c-01 input[type="file"]{display:inline-block;}
		.join-wrap.step01 .list li.c-01 div.mstr{position:relative;display:block;font-size:0;}
		.join-wrap.step01 .list li.c-02 div.mstr{display:inline-block;}
		.join-wrap.step01 .list li.c-02 div.mstr .certify-btn{position:absolute; right:0 ;top:0; }
		.join-wrap.step01 .list li.c-05 div.mstr{position:relative;display:inline-block;font-size:0;}
		.join-wrap.step01 .list li .w230{width:100%;}
		.join-wrap.step01 .list li .w230-ex{width:calc(100% - 86px);}

		.join-wrap .input-ex{font-size:13px;}
		.join-wrap .input-ex02{font-size:13px;}
		.join-wrap .input-check.true{ display:block; margin-left:0;}
		.join-wrap.step01 .agree li.last{text-align:center; padding-left:0;}

		.join-wrap .join-btn{height:50px;line-height:48px; font-size:17px;}
		.join-wrap .join-btn2{width:140px; height:50px;line-height:48px; font-size:17px;}

		.join-wrap.end .end-txt{ padding:20px 2px 30px 2px ;}
		.join-wrap.step01 .key-change{display: none;}

	}

	@media only screen and (max-width:480px) {
		.join-con{padding:25px 15px;}

		.join-wrap.step01 .list li.c-02 div.mstr{padding-right:0;}
		.join-wrap.step01 .list li.c-02 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
		.join-wrap.step01 .list li.c-05 div.mstr{padding-right:0;}
		.join-wrap.step01 .list li.c-05 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }

		.join-wrap.step01 .agree li.c-01{}
		.join-wrap.step01 .agree li .view-btn{position:relative;border:1px solid #999; width:100%; text-align:center;padding:8px 0;box-sizing:border-box; margin-top: 5px }
		.join-wrap.step01 .agree li .view-btn span{display:inline-block; vertical-align:top;}
		.join-wrap.step01 .agree li .view-btn.active {border-color:#418ccc}
		.join-wrap.step01 .agree li .view-btn.active span{}

		.join-wrap.step01 .agree li div.mstr{padding:10px 0 0 30px; display:block;}

		.join-wrap .join-btn{height:44px;line-height:42px; font-size:17px;}
		.join-wrap .join-btn2{width:120px; height:44px;line-height:42px; font-size:17px;}

		.join-wrap.end .email{width:auto; padding:25px 25px;}
		.join-wrap.end .email span{text-align:left; width:auto;}
		.join-wrap input[type="text"].phone{width: 100%}
	}




/*비밀번호찾기*/
.login_con ul li span.w20p{width: 20%; float: left;}
.login_con ul li span.w80p{width: 80%; float: left;}





/* mypage */
.mypage-tit{padding-bottom:15px; padding-top:15px; position:Relative;font-weight: 500;}
.mypage-tit .copyr {font-size:13px; color:#888;font-weight: 400;}
.mypage-tit .btxt{ font-size:24px; color:#222; line-height:120%; font-weight:500; letter-spacing:-0.03em;}
.mypage-tit .btxt.pad{margin-bottom: 30px}
.mypage-tit .btxt .topline {display:inline;border-top:0}
.mypage-tit .btxt span{font-size:16px; color:#666; padding-left:6px; font-weight:300;letter-spacing:-0.01em;}

.mypage-wrap{background:#fff; padding:48px 32px}
.mypage-wrap h3{ padding-left:15px; font-size:16px; color:#222; font-weight:500; position:relative; margin-bottom:15px;}
.mypage-wrap h3 span{ font-size:14px; color:#666; padding-left:10px;}
.mypage-wrap h3:after{ position:absolute; background:#418ccc; width:4px; height:14px; position:absolute; left:0; top:3px; display:block; content:""}



.my-bookmark{border-top:2px solid #cbd1da;border-bottom:2px solid #cbd1da}
.my-bookmark li:first-child{border-top:0;}
.my-bookmark li{border-top:1px solid #d1d6df; position:relative; padding:12px 12px 12px 165px; font-size:0}
.my-bookmark li .btxt{ font-size:14px; font-weight:500;  color:#222; position:absolute; left:0; width:130px;top:0; height:100%; background:#e8ebf0;}
.my-bookmark li .btxt span{ display:block;padding:15px 0 12px 27px;}
.my-bookmark li .check-box{ margin:4px 0 4px 0; width:25%}

.my-bookmark .check-box input[type="checkbox"] + label{line-height:21px;  color:#222; font-weight:300; font-size:14px; letter-spacing:-0.03em; padding-left:30px; display:block;}
.my-bookmark .check-box input[type="checkbox"] + label:after{width:17px; height:17px; border:2px solid #888; top:0; left:0;}
.my-bookmark .check-box input[type="checkbox"]:checked + label:after{border-color:#418ccc ; background:url(../_Img/Sub/check-white.png) no-repeat center center #51c0fe;}

	@media only screen and (max-width:1000px) {
		.mypage-tit .btxt{font-size:22px;}
		.my-bookmark li{padding-left:135px;}
		.my-bookmark li .btxt{ width:110px}

	}
	@media only screen and (max-width:780px) {
		.mypage-wrap{ padding:35px 25px}

	}
	@media only screen and (max-width:680px) {

		.mypage-tit .btxt{font-size:18px;}
		.mypage-tit .btxt span{font-size:14px;}

		.mypage-wrap h3 span{display:block; font-size:13px; padding-left:0; margin-top:3px; line-height:120%; font-weight:400;}

		.my-bookmark li{padding:0; }
		.my-bookmark li .btxt{position:Relative; width:100%;  height:auto; left:auto; top:auto;border-bottom:1px solid #d1d6df; }
		.my-bookmark li .mstr{padding:10px;}
		.my-bookmark li .check-box{width:33.333%}
	}

	@media only screen and (max-width:480px) {
		.mypage-wrap{ padding:25px 15px}
		.my-bookmark li .check-box{width:50%}
	}


.mypage-invest .list{ font-size:0; overflow:hidden;}
.mypage-invest .list li{ margin-top:2%;display:block;background:#fff;border:1px solid #cccfd5; margin-bottom:0; padding:25px 30px;}
.mypage-invest .list li:first-child{margin-top:0}
.mypage-invest .list li .ov{position:relative;min-height:220px;overflow:visible}
.mypage-invest .list li .ov:after{display:block; clear:both}
.mypage-invest .list li .fl{float:left; width:50%}
.mypage-invest .list li .fr{float:right; width:45%;box-sizing:border-box;}
.mypage-invest .list li .fr a{padding:0}

.mypage-invest .list li:hover {/*  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);-webkit-transform: scale(1.01); transform: scale(1.01); */}
.mypage-invest .list li a{ display:block; position:relative;}
.mypage-invest .list li .img {display:block; position:Relative; z-index:1}
.mypage-invest .list li .img img{ width:100%;}
.mypage-invest .list li .tit{ font-size:18px; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:130%; margin:12px 0}
.mypage-invest .list li .txt{font-size:14px; color:#666; letter-spacing:-0.03em;  font-weight:400; line-height:150%;}
.mypage-invest .list li .cate{font-size:14px;}
.mypage-invest .list li .cate span.b{font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.mypage-invest .list li .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.mypage-invest .list li .cate.c-01 span.b{ background:#053262;}
.mypage-invest .list li .cate.c-02 span.b{ background:#053262}
.mypage-invest .list li .cate.c-03 span.b{ background:#418ccc;}
.mypage-invest .list li .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-invest .list li .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-invest .list li .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:26px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}

.mypage-invest .list li .stats{ font-size:14px; font-weight:400; display:block; margin-top:15px; letter-spacing:-0.03em;}
.mypage-invest .list li .stats .b{font-weight:400;}
.mypage-invest .list li .stats span{margin-left:4px; position:relative;}
.mypage-invest .list li .stats span:first-child{margin-left:0;margin-right:10px;}
.mypage-invest .list li .stats span:first-child:before{width:1px; height:12px; background:#b4b4b4; position:absolute; right:-10px; top:50%;margin-top:-5px; display:block; content:""}

.mypage-invest .list li .tag{ color:#777; font-weight:400; margin-top:10px; font-size:14px;}
.mypage-invest .list li .info{ position:absolute; left:0; top:0; z-index:2}
.mypage-invest .list li .info span{display:inline-block; vertical-align:top;text-align:center; border:1px solid #1e77a9;background:#418ccc; font-size:14px; color:#fff ; line-height:26px; width:63px;}
.mypage-invest .list li .info span.c-01{ border:1px solid #1e77a9;background:#418ccc;}
.mypage-invest .list li .info span.c-02{ border:1px solid #ff3232;background:#ff5858;}

.mypage-invest .list li .inst{/* border-top:1px dashed #dbdee2 ; */ position:Absolute; left:0; bottom:0; padding-top:30px; width:50%; }
.mypage-invest .list li .graph{background:#dae2ed; position:Relative; height:15px;}
.mypage-invest .list li .bar{position:Absolute; left:0; top:0; height:100%;}
.mypage-invest .list li .bar span{ position:Absolute; width:38px; height:22px; text-align:center; font-size:13px; font-weight:400; color:#fff; line-height:21px; top:-27px; right:-19px;margin-left:-19px;}
.mypage-invest .list li .bar span:after{	width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid ; position:absolute; margin-left:-6px;left:50%;bottom:-6px; display:block; content:""}
.mypage-invest .list li .c-01 .bar, .mypage-invest .list li .c-01 .bar span{ background:#053262;}
.mypage-invest .list li .c-02 .bar, .mypage-invest .list li .c-02 .bar span{ background:#053262}
.mypage-invest .list li .c-03 .bar, .mypage-invest .list li .c-03 .bar span{ background:#418ccc;}
.mypage-invest .list li .c-01 .bar span:after{border-top-color:#053262}
.mypage-invest .list li .c-02 .bar span:after{border-top-color:#053262}
.mypage-invest .list li .c-03 .bar span:after{border-top-color:#418ccc}

.mypage-invest .list li .day{font-size:14px; padding-left:20px; position:relative; color:#666; line-height:20px; margin-top:8px; margin-bottom:20px;}
.mypage-invest .list li .day span{ position:Absolute ; right:0; top:0; line-height:20px;}
.mypage-invest .list li .day i{color:#bfc8d3 !important}

.mypage-invest .list li .day.c-01 span{color:#053262}
.mypage-invest .list li .day.c-02 span{color:#053262}
.mypage-invest .list li .day.c-03 span{color:#418ccc}
.mypage-invest .list li .day.c-01:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow03.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0; top:50%;margin-top:-9px;}
.mypage-invest .list li .day.c-02:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow02.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0;top:50%;margin-top:-9px;}
.mypage-invest .list li .day.c-03:before{border:2px solid #418ccc;border-radius:100%;background:url(../_Img/Main/info-arrow01.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:""; left:0;top:50%;margin-top:-9px;}


.mypage-invest .list li .btn-wrap{position:relative; padding-right:90px;}
.mypage-invest .list li .invest-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-invest .list li .invest-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/invest-ico.png)no-repeat left center;}
.mypage-invest .list li .fund-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-invest .list li .fund-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/fund-ico.png)no-repeat left center;}
.mypage-invest .list li .sms-btn{height:58px;  background:#fff; border:2px solid #418ccc; padding:0; color:#418ccc; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;box-sizing:border-box;}
.mypage-invest .list li .sms-btn span{display:inline-block; vertical-align:top;  line-height:54px; padding-left:35px; background:url(../_Img/Main/sms-ico.png)no-repeat left 17px;}

.mypage-invest .list li .commend-btn{padding:0 0 0 0;border:2px solid #dae2ed;background:url(../_Img/Main/recommend-off.png) no-repeat center 8px;color:#999; font-size:13px; background-size:28px auto;text-align:center; height:58px; position:absolute; right:0; top:0; width:80px;box-sizing:border-box; }
.mypage-invest .list li .commend-btn.active{background:url(../_Img/Main/recommend-on.png) no-repeat center 8px;border:2px solid #ff96ae ; background-size:24px auto; }
.mypage-invest .list li .commend-btn span{display:block;padding:32px 0 0 0;}

.mypage-invest .list li .recent{ font-size:16px;border-top:2px solid #e9edf4; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:120%; margin:20px 0 10px 0; padding-top:20px;}
.mypage-invest .list li .stance{font-size:14px; color:#222; letter-spacing:-0.03em; margin-top:10px;  line-height:130%; display:block;}
.mypage-invest .list li .stance:first-child{margin-top:0}

	@media only screen and (max-width:1000px) {
		.mypage-invest .list li .ov{min-height:auto; overflow:hidden}

	}
	@media only screen and (max-width:880px) {

		.mypage-invest .list li{margin-bottom:0}
		.mypage-invest .list li.c-03.ov{display:none;}

		.mypage-invest .list li .tit{height:45px; overflow:hidden;}
		.mypage-invest .list li .txt{overflow:hidden;}

		.mypage-invest .list-sel-wrap .sel-detail{padding:20px; top:55px}
		.mypage-invest .list-sel-wrap .sel-detail dd .check-box label{font-size:13px;}
		.mypage-invest .list-sel-wrap .sel-detail dl{width:33.33333%}



	}
	@media only screen and (max-width:740px) {

		.mypage-invest .list li{margin-bottom:0; width:auto; float:none; display:block; padding:20px; margin-top:20px; min-height:auto !important;}
		.mypage-invest .list li:first-child{margin-top:0px}
		.mypage-invest .list li.c-03.ov{display:none;}

		.mypage-invest .list li .tit{height:auto; overflow:visible; margin:7px 0}
		.mypage-invest .list li .txt{height:auto; overflow:visible;}

		.mypage-invest .list li .fl{float:none; width:auto}
		.mypage-invest .list li .fr{float:none;width:auto; ;}

		.mypage-invest .list li a{ display:block;}
		.mypage-invest .list li .inst{position:relative; left:auto; bottom:auto; width:auto ;margin-top:25px;border-top:1px dashed #dbdee2 ; padding-top:35px;}

		.mypage-invest .list li .cate{ margin-top:15px;}
		.mypage-invest .list li .info{left:0px; top:0px;}


	}
	@media only screen and (max-width:680px) {
		/* .mypage-invest{margin-top:30px} */

		.mypage-invest .list li .btn-wrap{padding-right:65px}
		.mypage-invest .list li .invest-btn{ height:48px;}
		.mypage-invest .list li .invest-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-invest .list li .fund-btn{ height:48px;}
		.mypage-invest .list li .fund-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-invest .list li .sms-btn{height:48px;}
		.mypage-invest .list li .sms-btn span{line-height:44px;padding-left:26px; background-size:16px auto;}

		.mypage-invest .list li .commend-btn{height:49px; background-size:18px auto; width:60px}
		.mypage-invest .list li .commend-btn.active{background-size:18px auto; }
		.mypage-invest .list li .commend-btn span{display:block;padding:22px 0 0 0; font-size:12px;}


		.mypage-invest .list li .day {padding-left:16px;font-size:13px;margin-bottom:10px;margin-top:5px;}
		.mypage-invest .list li .day:before{letter-spacing:-0.03em; background-size:4px auto !important; width:14px !important; height:14px  !important; margin-top:-6px !important}
		.mypage-invest .list li .day span{ letter-spacing:-0.03em;}

		.mypage-invest .list li .cate{  font-size:13px; letter-spacing:-0.03em;}

	}
	@media only screen and (max-width:580px) {
		.mypage-invest .list-sel-wrap{position:Relative; left:auto; top:auto; width:auto;}
		.mypage-invest .list-sel-wrap .sel{position:Relative; right:auto; top:auto;text-align:right; margin-bottom:2%; padding-left:100px}
		.mypage-invest .list-sel-wrap .sel dt{position:Absolute; left:0; top:0;}
		.mypage-invest .list-sel-wrap .sel dd{ float:none; display:inline-block; vertical-align:top;margin-left:2%;}
		.mypage-invest .list-sel-wrap .sel dd a{font-size:13px;}

	}

	@media only screen and (max-width:340px) {
		.mypage-invest .list li .day{font-size:12px;}
		.mypage-invest .list li .day span{ letter-spacing:-0.03em;}
	}












.mypage-reward .list{ font-size:0; overflow:hidden;}
.mypage-reward .list li{float:left;width:49%; margin-bottom:2%; min-height:444px; position:relative;box-sizing:border-box; background:#fff; border:1px solid #cccfd5; -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;}
.mypage-reward .list li:nth-child(even){float:right;}
.mypage-reward .list li:hover {/*  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);-webkit-transform: scale(1.01); transform: scale(1.01); */}
.mypage-reward .list li a{ display:block; padding:25px 30px}
.mypage-reward .list li .img {display:block; position:Relative; z-index:1}
.mypage-reward .list li .img img{ width:100%;}
.mypage-reward .list li .tit{ font-size:18px; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:130%; margin:12px 0}
.mypage-reward .list li .txt{font-size:14px; color:#222; letter-spacing:-0.03em;  font-weight:400; line-height:130%;}
.mypage-reward .list li .cate{ margin-top:10px; font-size:14px;}
.mypage-reward .list li .cate span.b{font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.mypage-reward .list li .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.mypage-reward .list li .cate.c-01 span.b{ background:#053262;}
.mypage-reward .list li .cate.c-02 span.b{ background:#053262}
.mypage-reward .list li .cate.c-03 span.b{ background:#418ccc;}
.mypage-reward .list li .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-reward .list li .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-reward .list li .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:26px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}


.mypage-reward .list li .stats{ font-size:14px; font-weight:400; display:block; margin-top:15px; letter-spacing:-0.03em;}
.mypage-reward .list li .stats .b{font-weight:400;}
.mypage-reward .list li .stats span{margin-left:4px; position:relative;}
.mypage-reward .list li .stats span:first-child{margin-left:0;margin-right:10px;}
.mypage-reward .list li .stats span:first-child:before{width:1px; height:12px; background:#b4b4b4; position:absolute; right:-10px; top:50%;margin-top:-5px; display:block; content:""}

.mypage-reward .list li .tag{ color:#777; font-weight:400; margin-top:10px; font-size:14px;}
.mypage-reward .list li .info{ position:absolute; left:30px; top:25px; z-index:2}
.mypage-reward .list li .info span{display:inline-block; vertical-align:top;text-align:center; border:1px solid #1e77a9;background:#418ccc; font-size:14px; color:#fff ; line-height:26px; width:63px;}
.mypage-reward .list li .info span.c-01{ border:1px solid #1e77a9;background:#418ccc;}
.mypage-reward .list li .info span.c-02{ border:1px solid #ff3232;background:#ff5858;}



.mypage-reward .list li .inst{border-top:1px dashed #dbdee2 ;margin:0 30px 25px 30px; padding-top:35px;}
.mypage-reward .list li .graph{background:#dae2ed; position:relative; height:15px;}
.mypage-reward .list li .bar{position:Absolute; left:0; top:0; height:100%;}
.mypage-reward .list li .bar span{ position:Absolute; width:38px; height:22px; text-align:center; font-size:13px; font-weight:400; color:#fff; line-height:21px; top:-27px; right:-19px;margin-left:-19px;}
.mypage-reward .list li .bar span:after{	width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid ; position:absolute; margin-left:-6px;left:50%;bottom:-6px; display:block; content:""}
.mypage-reward .list li .c-01 .bar, .mypage-reward .list li .c-01 .bar span{ background:#053262;}
.mypage-reward .list li .c-02 .bar, .mypage-reward .list li .c-02 .bar span{ background:#053262}
.mypage-reward .list li .c-03 .bar, .mypage-reward .list li .c-03 .bar span{ background:#418ccc;}
.mypage-reward .list li .c-01 .bar span:after{border-top-color:#053262}
.mypage-reward .list li .c-02 .bar span:after{border-top-color:#053262}
.mypage-reward .list li .c-03 .bar span:after{border-top-color:#418ccc}

.mypage-reward .list li .day{font-size:14px; padding-left:20px; position:relative; color:#666; line-height:20px; margin-top:8px; margin-bottom:20px;}
.mypage-reward .list li .day span{ position:Absolute ; right:0; top:0; line-height:20px;}
.mypage-reward .list li .day i{color:#bfc8d3 !important}

.mypage-reward .list li .day.c-01 span{color:#053262}
.mypage-reward .list li .day.c-02 span{color:#053262}
.mypage-reward .list li .day.c-03 span{color:#418ccc}
.mypage-reward .list li .day.c-01:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow03.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0; top:50%;margin-top:-9px;}
.mypage-reward .list li .day.c-02:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow02.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0;top:50%;margin-top:-9px;}
.mypage-reward .list li .day.c-03:before{border:2px solid #418ccc;border-radius:100%;background:url(../_Img/Main/info-arrow01.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:""; left:0;top:50%;margin-top:-9px;}
.mypage-reward .list li .ltxt{ position:Absolute; left:10px; bottom:5px; color:#fff; font-size:15px; font-weight:500; line-height:28px;}


.mypage-reward .list li .btn-wrap{position:relative; padding-right:90px;}
.mypage-reward .list li .invest-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-reward .list li .invest-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/invest-ico.png)no-repeat left center;}
.mypage-reward .list li .fund-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-reward .list li .fund-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/fund-ico.png)no-repeat left center;}
.mypage-reward .list li .sms-btn{height:58px;  background:#fff; border:2px solid #418ccc; padding:0; color:#418ccc; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;box-sizing:border-box;}
.mypage-reward .list li .sms-btn span{display:inline-block; vertical-align:top;  line-height:54px; padding-left:35px; background:url(../_Img/Main/sms-ico.png)no-repeat left 17px;}

.mypage-reward .list li .commend-btn{padding:0 0 0 0;border:2px solid #dae2ed;background:url(../_Img/Main/recommend-off.png) no-repeat center 8px;color:#999; font-size:13px; background-size:28px auto;text-align:center; height:58px; position:absolute; right:0; top:0; width:80px;box-sizing:border-box; }
.mypage-reward .list li .commend-btn.active{background:url(../_Img/Main/recommend-on.png) no-repeat center 8px;border:2px solid #ff96ae ; background-size:24px auto; }
.mypage-reward .list li .commend-btn span{display:block;padding:32px 0 0 0;}

.mypage-reward .list li .recent{ font-size:16px;border-top:2px solid #e9edf4; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:120%; margin:20px 0 10px 0; padding-top:20px;}
.mypage-reward .list li .stance{font-size:14px; color:#222; letter-spacing:-0.03em; margin-top:10px;  line-height:120%; display:block;}
.mypage-reward .list li .stance:first-child{margin-top:0}


.mypage-reward .list li.c-03 .ov{overflow:hidden;position:relative;min-height:338px;}
.mypage-reward .list li.c-03.ov{ display:block; width:100%; min-height:368px;margin-bottom:0; padding:25px 30px}
.mypage-reward .list li.c-03.ov .fl{float:left; width:50%}
.mypage-reward .list li.c-03.ov .fr{float:right; width:46%;box-sizing:border-box;}
.mypage-reward .list li.c-03.ov .fr a{padding:0}

.mypage-reward .list li.c-03.ov .inst{position:absolute; left:0;bottom:0; width:50%; border-top:none;}
.mypage-reward .list li.c-03.ov .cate{margin-top:0px;}
.mypage-reward .list li.c-03 .ov .img{padding:0;}
.mypage-reward .list li.c-03 .ov .inst{margin:0; margin-top:30px;}


	@media only screen and (max-width:880px) {

	.mypage-reward .list li{margin-bottom:2% ; min-height:400px}
	.mypage-reward .list li.c-03.ov{ margin-top:2%}

	.mypage-reward .list li .tit{max-height:45px; overflow:hidden;}
	.mypage-reward .list li .txt{max-height:54px; overflow:hidden;}
	}
	@media only screen and (max-width:740px) {
	.mypage-reward .list li{margin-bottom:0; width:auto; float:none; display:block; margin-top:20px; min-height:auto !important;}
	.mypage-reward .list li:nth-child(even){float:none;}
	.mypage-reward .list li:first-child{margin-top:0px}

	.mypage-reward .list li .tit{max-height:inherit; overflow:visible; margin:7px 0}
	.mypage-reward .list li .txt{max-height:inherit; overflow:visible;}

	.mypage-reward .list li a{ display:block; padding:20px}
	.mypage-reward .list li .inst{margin:0 20px 20px 20px;}


	.mypage-reward .list li.c-03.ov{padding:20px;}
	.mypage-reward .list li.c-03.ov .fl{float:none; width:auto;}
	.mypage-reward .list li.c-03.ov .fr{float:none; width:auto}
	.mypage-reward .list li.c-03.ov .inst{position:relative; left:auto; bottom:auto; width:auto;border-top:1px dashed #dbdee2 }
	.mypage-reward .list li.c-03.ov .cate{margin-top:15px}

	.mypage-reward .list li .info{left:20px; top:20px;}
	}

	@media only screen and (max-width:680px) {
		.mypage-reward{ margin-top:0px;}
		.mypage-reward h3{font-size:20px;}
		.mypage-reward .list li .btn-wrap{padding-right:65px}
		.mypage-reward .list li .invest-btn{ height:48px;}
		.mypage-reward .list li .invest-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-reward .list li .fund-btn{ height:48px;}
		.mypage-reward .list li .fund-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-reward .list li .sms-btn{height:48px;}
		.mypage-reward .list li .sms-btn span{line-height:44px;padding-left:26px; background-size:16px auto;}

		.mypage-reward .list li .commend-btn{height:49px; background-size:18px auto; width:60px}
		.mypage-reward .list li .commend-btn.active{background-size:18px auto; }
		.mypage-reward .list li .commend-btn span{display:block;padding:22px 0 0 0; font-size:12px;}

		.mypage-reward .list li .day {padding-left:16px;font-size:13px;margin-bottom:10px;margin-top:5px;}
		.mypage-reward .list li .day:before{letter-spacing:-0.03em; background-size:4px auto !important; width:14px !important; height:14px  !important; margin-top:-6px !important}
		.mypage-reward .list li .day span{ letter-spacing:-0.03em;}

		.mypage-reward .list li .cate{ font-size:13px; letter-spacing:-0.03em;}
		.mypage-reward .list li .ltxt{ font-size:13px;}

	}
	@media only screen and (max-width:340px) {
		.mypage-reward .list li .day{font-size:12px;}
		.mypage-reward .list li .day span{ letter-spacing:-0.03em;}
	}


/*프로젝트 관리-공통*/
.tabs_def_con ul.tabs_admin{margin: 0; float: left; list-style: none; font-size:0; width: 30%; position: relative;box-sizing: border-box; margin-bottom: 15px}
.tabs_def_con ul.tabs_admin li{
	float: left;
	width: 50%;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabs_def_con ul.tabs_admin li.active{border-bottom: 2px solid #418ccc; color: #418ccc}

@media only screen and (max-width:650px) {
	.tabs_def_con ul.tabs_admin{ width: 65%; }
	.tabs_def_con ul.tabs_admin li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}

}

.inv_point{color: #053262}
.rew_point{color: #053262}
.fcor  {color:#ff6204;}
.fcred {color:#ff0410;}


/*펀딩 내역 리스트*/
.tabs_def_con{width: 100%; float: left; font-size: 14px}
.tabs_def_con ul.tabs_fund{margin-bottom:15px; float:left; list-style: none; font-size:0; width: 30%; position: relative;box-sizing: border-box;}
.tabs_def_con ul.tabs_fund li{
	float: left;
	width: 50%;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabs_def_con ul.tabs_fund li.active{border-bottom: 2px solid #418ccc; color: #418ccc}

@media only screen and (max-width:750px) {
	.tabs_def_con ul.tabs_fund{margin-bottom:15px; width: 50%;}
}
@media only screen and (max-width:680px) {
	.tabs_def_con ul.tabs_fund{ width: 65%; }
	.tabs_def_con ul.tabs_fund li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}
}
/*펀딩내역 - 리스트*/
.myfund {width: 100%;height: auto;font-size: 14px;word-wrap: break-word;position: relative;}
.myfund .thead {float:left; width: 100%;border-top: 2px solid #418ccc;border-bottom: 1px solid #d4d4d4;background-color: #f3f6fb;text-align: center; word-wrap: break-word;}
.myfund .thead li {padding: 13px 0; word-wrap: break-word;}

.myfund .tbody {float: left;width: 100%;clear: both;background-color: #fff; text-align: center; word-wrap: break-word;}
.myfund .tbody li {margin-bottom:15px;padding: 15px 15px 30px 15px; box-sizing:border-box; background-color: #fff; word-wrap: break-word; position: relative; border: 1px solid #dfdfdf}
.myfund.user .tbody li {margin-bottom:15px;padding: 15px 15px 15px 15px; box-sizing:border-box; background-color: #fff; word-wrap: break-word; position: relative; border: 1px solid #dfdfdf}

.myfund .tbody-fund {border-top:2px solid #418ccc;border-bottom: 2px solid #418ccc;	float: left;width: 100%;clear: both;background-color: #fff; text-align: center; word-wrap: break-word;}
.myfund .tbody-fund li {padding: 13px 0; background-color: #fff; word-wrap: break-word; position: relative;}

.myfund .tbody li .contxtp {float:left; box-sizing: border-box; padding: 0; position: relative; width: 70%;}
.myfund .tbody li .contxtp p{position: relative; float: left;}


.myfund .con   { float:left;width:100%; border-bottom:1px solid #dfdfdf; }
.myfund .date  { float:left;width:15%; }
.myfund .state { float:left;width:15%; }


.myfund .contxt {float:left; width:73%; margin-left:2%;}
.myfund .contxtp {float:left; box-sizing: border-box; padding: 0; position: relative; width: 70%}
.myfund .contxtp p{position: relative; float: left;}
.myfund .contxt-fund {float:left; width:100%; box-sizing: border-box; padding: 0; position: relative;}
.myfund .contxt-fund p{position: relative; float: left;}

.myfund .tit{text-align: left;width: 100%;font-size: 14px; margin-bottom: 10px; font-weight: bold}
.myfund .com{text-align: left;width: 100%;font-size: 12px; margin-bottom: 15px}
.myfund .view_btn{background: #000;display: block;}
.myfund .group{text-align: left;width: 100%;font-size: 14px; }
.myfund .state{text-align: left; width: 100%; font-size: 14px; }
.myfund .state span.txt{font-size:18px; font-weight: bolder; margin-right: 10px}
.myfund .state.inv span.txt{color: #053262;}
.myfund .state.rew span.txt{color: #053262;}
.myfund .state .btn{background:#418ccc; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}
.myfund .b-exp{text-align: left; font-size: 14px;width: 100%; margin-top: 10px}
.myfund .s-exp{text-align: left; width: 100%; font-size: 12px}


.myfund .tit {color:#222; text-align: left; word-break: break-all;font-size: 14px; margin:15px 0 0 0; }
.myfund .sline {color:#ddd; padding:0 7px;}
.myfund .fcor  {color:#ff6204;}
.myfund .fcred {color:#ff0410;}

@media only screen and (max-width:640px) {
	.myfund .contxt {clear:both; width:98%; margin-left:2%;}
}
/*펀딩내역-후원 현황-상세*/
.mypage-reward-detail .detail-con {position:relative;	}
.mypage-reward-detail .detail-con input[type="text"], .mypage-reward-detail .detail-con input[type="password"], .mypage-reward-detail .detail-con input[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px; padding:0 10px;}
.mypage-reward-detail .detail-con input[type="text"].cs-input:focus, .mypage-reward-detail .detail-con input[type="password"].cs-input:focus, .mypage-reward-detail .detail-con input[type="file"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}
.mypage-reward-detail .detail-con h3{ font-size:14px; font-weight:500; padding-left:10px; position:relative;}
.mypage-reward-detail .detail-con h3:before{background:#053262; width:4px; height:13px;position:absolute; left:0; top:5px; display:block;content:""}
.mypage-reward-detail .detail-con .detail-ex01{font-size:12px; line-height:140%;}

	@media only screen and (max-width:680px) {
		.mypage-reward-detail .detail-con .btn-wrap.center{overflow:hidden}
		.mypage-reward-detail .detail-con .btn-wrap.center .cw-btn{width:47%; float:left; min-width:auto;}
		.mypage-reward-detail .detail-con .btn-wrap.center .cr-btn{width:47%; float:right; min-width:auto;}
	}

.mypage-reward-detail .detail-con .ex01{font-size:12px; color:#666; line-height:130%;}
.mypage-reward-detail .detail-con .ex01 .b{font-weight:500 !important}
.mypage-reward-detail .detail-con .modify-btn{ position:absolute; right:0;text-align:center; bottom:10px;color:#053262;background:#fff; border:1px solid #053262; min-width:175px; border-radius:0; font-size:16px; }
.mypage-reward-detail .detail-con .modify-btn span{display:inline-block; vertical-align:top; line-height:44px; padding-right:5px;}
.mypage-reward-detail .detail-con .modify-btn:after{width:14px; height:14px; background:url(../_Img/Sub/violet-arrow01.png) no-repeat center center ; display:block; content:""; position:Absolute; right:12px ; top:50%;margin-top:-7px}
.mypage-reward-detail .detail-con .modify-btn.active:after{background:url(../_Img/Sub/violet-arrow02.png) no-repeat center center ;margin-top:-8px }

	@media only screen and (max-width:680px) {
		.mypage-reward-detail .detail-con .modify-btn{ margin:10px 0 0 0;position:relative; right:auto; bottom:auto; display:block;vertical-align:top;}
	}


.mypage-reward-detail .detail-con .certify-btn{background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}
.mypage-reward-detail .detail-con .input-ex{color:#666; letter-spacing:-0.03em;  font-size:14px; font-weight:400; display:inline-block; vertical-align:top; line-height:40px; margin-left:10px;}
.mypage-reward-detail .detail-con .input-ex02{color:#666;letter-spacing:-0.03em;  font-size:12px; font-weight:400; display:block; line-height:18px; letter-spacing:-0.03em;}
.mypage-reward-detail .detail-con .input-ex03{color:#666;letter-spacing:-0.03em;  font-size:14px; font-weight:300; display:block; line-height:18px; letter-spacing:-0.03em;}

.mypage-reward-detail .detail-con .input-check.true{ font-size:14px; font-weight:500; color:#418ccc; display:inline-block; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px;}
.mypage-reward-detail .detail-con .input-check.false{display:block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;}

.mypage-reward-detail .detail-top { position:relative; padding-left:280px; min-height:126px;}
.mypage-reward-detail .detail-top .cate{ margin-top:10px; font-size:14px;}
.mypage-reward-detail .detail-top .cate span.b{font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.mypage-reward-detail .detail-top .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.mypage-reward-detail .detail-top .cate.c-01 span.b{ background:#053262;}
.mypage-reward-detail .detail-top .cate.c-02 span.b{ background:#053262}
.mypage-reward-detail .detail-top .cate.c-03 span.b{ background:#418ccc;}
.mypage-reward-detail .detail-top .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-reward-detail .detail-top .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-reward-detail .detail-top .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:26px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}
.mypage-reward-detail .detail-top .tit{ color:#222;font-size:18px; font-weight:400; margin:15px 0; line-height:120%;}
.mypage-reward-detail .detail-top .txt{ font-size:13px; font-weight:400; line-height:130%; margin:3px 0; }
.mypage-reward-detail .detail-top .txt span{position:relative;display:inline-block; vertical-align:top; width:80px; margin-right:10px;}
.mypage-reward-detail .detail-top .txt span:after{ width:1px; height:14px; background:#cfcfcf; position:absolute; right:0; top:50%;margin-top:-7px;display:block; content:""}
.mypage-reward-detail .detail-top .img{width:250px; position:Absolute; left:0; top:0;}
.mypage-reward-detail .detail-top .img img{width:100%;}


	@media only screen and (max-width:680px) {
		.mypage-reward-detail .detail-top{padding-left:0}
		.mypage-reward-detail .detail-top .img{max-width: 210px; margin: 0px auto;position:relative; width:auto; left:auto; top:auto; padding-bottom: 20px}
	}
	@media only screen and (max-width:480px) {
		.mypage-reward-detail .detail-top .img{max-width: 480px}
	}


.mypage-reward-detail .state-info{ border:2px solid #edf4fa; padding:30px;}
.mypage-reward-detail .state-info .list-wrap{ padding:25px 0 0 0; position:relative;}
.mypage-reward-detail .state-info .list-wrap .btxt{ font-size:20px; font-weight:500; color:#053262; line-height:130%; margin-bottom:5px; letter-spacing:-0.03em}
.mypage-reward-detail .state-info .list-wrap .stxt{ font-size:14px; color:#666; margin: 10px 0}

	@media only screen and (max-width:680px) {
		.mypage-reward-detail .state-info{padding:20px 20px 20px 20px}
		.mypage-reward-detail .state-info .list-wrap{padding: 25px 0 25px 0}
	}
	@media only screen and (max-width:400px) {
		.mypage-reward-detail .state-info{padding:15px 15px 15px 15px}
	}

.mypage-reward-detail .order-list{border:2px solid #edf4fa; padding:30px 30px 0 30px; overflow:hidden}
.mypage-reward-detail .order-list .list{padding: 25px 0 0 0}
.mypage-reward-detail .order-list .list li{margin-top:15px; position:relative;}
.mypage-reward-detail .order-list .list li:first-child{margin-top:0;}
.mypage-reward-detail .order-list .list .btxt{ display:block; font-size:16px; color:#222; line-height:130%;font-weight:500;}
.mypage-reward-detail .order-list .list .stxt{ display:block;font-size:12px; color:#666; line-height:130%;}
.mypage-reward-detail .order-list .list .ctxt{ position:absolute; right:0; top:0;font-size:16px; color:#053262;font-weight:500; line-height:20px; }

.mypage-reward-detail .order-list .result{position:relative; padding:25px 0; margin-top:20px;}
.mypage-reward-detail .order-list .result:before{width:2000px; height:100%; display:block; z-index:1; content:"";background:#f2f4f7; position:absolute; left:50%;margin-left:-1000px; top:0;}
.mypage-reward-detail .order-list .result li{ position:Relative; margin-top:10px; z-index:5}
.mypage-reward-detail .order-list .result li:first-child{ margin-top:0;}
.mypage-reward-detail .order-list .result .btxt{display:block;font-size:14px; color:#222; line-height:130%;font-weight:500;}
.mypage-reward-detail .order-list .result .stxt{position:absolute; right:0; top:0;font-size:14px; color:#222; line-height:130%;}
.mypage-reward-detail .order-list .result .last{border-top:1px solid #cbd1da; padding-top:20px; margin-top:20px;}
.mypage-reward-detail .order-list .result .last .btxt{ display:block;color:#053262;font-weight:500;}
.mypage-reward-detail .order-list .result .last .stxt{  font-size:20px; font-weight:500;color:#053262; position:absolute; right:0; top:20px;}


	@media only screen and (max-width:680px) {
		.mypage-reward-detail .order-list{padding:20px 20px 0 20px}
		.mypage-reward-detail .order-list .list li{padding-right:100px;}
	}
	@media only screen and (max-width:400px) {
		.mypage-reward-detail .order-list{padding:15px 15px 0 15px}
		.mypage-reward-detail .order-list .list li{padding-right:100px;}
	}

.mypage-reward-detail .order-info{border:2px solid #edf4fa; padding:30px;}

.mypage-reward-detail .order-info .list-wrap{ padding:25px 0 25px 0;  position:relative;}
.mypage-reward-detail .order-info .list-wrap .use{ font-weight:300; font-size:16px; color:#222; line-height:150%;}
.mypage-reward-detail .order-info .list-wrap .num{ font-weight:300; font-size:16px; color:#222; line-height:150%;}
.mypage-reward-detail .order-info .list-wrap .use span, .mypage-reward-detail .order-info .list-wrap .num span{display:inline-block; vertical-align:top; width:142px;}

.mypage-reward-detail .order-info .write-wrap{display:none;padding-top:25px;}
.mypage-reward-detail .order-info .write-wrap li{position:relative; float:left; width:49.5%;}
.mypage-reward-detail .order-info .write-wrap li:nth-child(even){float:right}
.mypage-reward-detail .order-info .write-wrap li:nth-child(n+3){ margin-top:15px;}
.mypage-reward-detail .order-info .write-wrap li .btxt{ line-height:130%; padding:11px 0 11px 0; display:block;color:#222; font-weight:500; letter-spacing:-0.02em; font-size:14px;}
.mypage-reward-detail .order-info .write-wrap li .stxt{color:#222; letter-spacing:-0.02em; line-height:130%; padding:9px 0;}
	@media only screen and (max-width:780px) {
		.mypage-reward-detail .order-info .input-ex{display:inline-block !important; margin-left:5px !important;}


	}
	@media only screen and (max-width:680px) {
		.mypage-reward-detail .order-info{padding:20px 20px 20px 20px}
		.mypage-reward-detail .order-info .write-wrap li{float:none; width:auto}
		.mypage-reward-detail .order-info .write-wrap li:nth-child(even){float:none;}
		.mypage-reward-detail .order-info .write-wrap li:nth-child(n+2){margin-top:15px;}


	}
	@media only screen and (max-width:400px) {
		.mypage-reward-detail .order-info{padding:15px 15px 15px 15px}
	}



.mypage-reward-detail .deliver-info{border:2px solid #edf4fa; padding:30px;}
.mypage-reward-detail .deliver-info .list-wrap{ padding:25px 0 0 0;  position:relative;}
.mypage-reward-detail .deliver-info .list-wrap .name{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.mypage-reward-detail .deliver-info .list-wrap .tel{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.mypage-reward-detail .deliver-info .list-wrap .addr{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.mypage-reward-detail .deliver-info .list-wrap .message{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.mypage-reward-detail .deliver-info .write-wrap {display:none;  padding-top:25px;}
.mypage-reward-detail .deliver-info .write-wrap li{position:relative;padding-left:125px; margin-top:15px;}
.mypage-reward-detail .deliver-info .write-wrap li:first-child{margin-top:0;}
.mypage-reward-detail .deliver-info .write-wrap li .btxt{ line-height:130%; padding:11px 0 11px 12px; position:absolute; left:0; top:0; color:#222; font-weight:500; letter-spacing:-0.02em; font-size:14px;}
.mypage-reward-detail .deliver-info .write-wrap li .btxt:before{width:4px; height:4px; position:absolute; left:0; top:18px; display:block; content:"";background:#b5beca;}
.mypage-reward-detail .deliver-info .write-wrap li .stxt{color:#222; letter-spacing:-0.02em; line-height:130%; padding:9px 0;}
.mypage-reward-detail .deliver-info .write-wrap li div.mstr{position:relative;display:inline-block; vertical-align:top;}
.mypage-reward-detail .deliver-info .write-wrap li.c-05 input[type="file"]{display:none;}

	@media only screen and (max-width:780px) {
		.mypage-reward-detail .detail-con .input-ex{display:block; margin-left:0; line-height:120%; margin-top:10px}
	}
	@media only screen and (max-width:680px) {
		.mypage-reward-detail .deliver-info .write-wrap li{padding-left:0 ;margin-top:6px;}
		.mypage-reward-detail .deliver-info .write-wrap li .btxt{position:relative; left:auto; top:auto; display:block;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-01 input[type="file"]{display:inline-block;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-01 div.mstr{position:relative;display:block;padding-right:95px; font-size:0;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-01 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.mypage-reward-detail .deliver-info .write-wrap li.c-02 div.mstr{padding-right:130px;display:block;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-02 div.mstr .certify-btn{position:absolute; right:0 ;top:0; }
		.mypage-reward-detail .deliver-info .write-wrap li.c-05 div.mstr{position:relative;display:block;padding-right:95px; font-size:0;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-05 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.mypage-reward-detail .deliver-info .write-wrap li .w230{width:100%;}

		.mypage-reward-detail .detail-con .input-ex{font-size:13px;}
		.mypage-reward-detail .detail-con .input-ex02{font-size:13px;}
		.mypage-reward-detail .detail-con .input-check.true{ display:block; line-height:120%; margin-top:10px; margin-left:0;}
		.mypage-reward-detail .deliver-info{padding:20px 20px 20px 20px}
		.mypage-reward-detail .deliver-info .list-wrap{ padding:25px 0 25px 0;  position:relative;}
	}

	@media only screen and (max-width:480px) {
		.mypage-reward-detail .deliver-info .write-wrap  .w70p{width:100% !important;}

		.mypage-reward-detail .deliver-info .write-wrap li.c-02 div.mstr{padding-right:0;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-02 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
		.mypage-reward-detail .deliver-info .write-wrap li.c-05 div.mstr{padding-right:0;}
		.mypage-reward-detail .deliver-info .write-wrap li.c-05 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
	}

/*쿠폰*/
.tabs_def_con ul.tabs_cupon{margin: 0; list-style: none; font-size:0; width: 100%; float: left; position: relative;box-sizing: border-box; margin-bottom: 15px}
.tabs_def_con ul.tabs_cupon li{
	float: left;
	width: 33.3%;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabs_def_con ul.tabs_cupon li.active{border-bottom: 2px solid #418ccc; color: #418ccc}


@media only screen and (max-width:650px) {
	.tabs_def_con ul.tabs_cupon li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}

}

.regi input[type="text"], .regi input[type="password"] { display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px; padding:0 10px;}
.regi input[type="text"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}

.regi .certify-btn{background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}
.regi .certify-btn.active{background:#2aa1e3; border:1px solid #2aa1e3}

.regi h3{ font-size:14px; font-weight:500; padding-left:10px; position:relative; margin-top: 30px; margin-bottom: 15px}
.regi h3:before{background:#418ccc; width:4px; height:13px;position:absolute; left:0; top:5px; display:block;content:""}

.myCup ul li{padding: 15px; float: left; width: 100%; border: 1px solid #dae2ed; box-sizing: border-box; margin-bottom: 15px}
.myCup ul li .cate{width: 100%}
.myCup ul li .cate span.b{font-size:14px; width: 40px; text-align: center; font-size: 14px; font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.myCup ul li .cate span.t{font-size: 16px; font-weight: bold; color: #222; line-height: 28px}

.myCup ul li .cate span{display: inline-block;vertical-align: top;padding: 0 10px 0 10px}
.myCup ul li .cate.c-01 span.b{background:#053262;}
.myCup ul li .cate.c-02 span.b{background:#053262}
.myCup ul li .cate.c-03 span.b{background:#418ccc;}

.myCup ul li .Num{margin: 10px 0; }
.myCup ul li .Num.c-01{}
.myCup ul li .Num.c-02{}

.myCup ul li .txt{display: inline-block;}
.myCup ul li .txt.sh{width: 22%;}
.myCup ul li .txt.lo{width: 34%}
.myCup ul li .txt span.b{margin-right: 20px; width: 60px; display: inline-block; font-weight: bold}
.myCup ul li .txt span.state.c-01{}
.myCup ul li .txt span.state.c-02{}


	@media only screen and (max-width:780px) {
		.myCup ul li .txt.sh{width: 50%;}
		.myCup ul li .txt.lo{width:50%}
	}
	@media only screen and (max-width:500px) {
		.myCup ul li .txt.sh{width: 100%;}
		.myCup ul li .txt.lo{width:100%}
	}

/*투자인증 신청*/
#que_txt{display: none;}
.que-layer.open{display:block}
.que-layer{ width:268px; display:none;text-align:left; box-sizing:border-box; padding:23px 25px;height:227px;border:1px solid #d4d6dc; background: #fff ;}
.que-layer:before{background:url(../_Img/Sub/help-arrow.png) no-repeat; width:35px; height:13px; position:absolute; right:10px; top:-13px; display:block; content:""}
.que-layer .btxt{letter-spacing:-0.03em; color:#6e7684; font-size:14px; font-weight:500; line-height:130%;margin-bottom:7px;}
.que-layer .stxt{letter-spacing:-0.03em; color:#95a4c1; font-size:14px; font-weight:500; line-height:140%;}
.que-layer .stxt span{ color:#d84389}

.inv_sel_btn{width: 100%; display: inline-block;}
.inv_hide{width: 100%; display: inline-block;}
.inv_hide span{width: 100%; box-sizing: border-box; float: left;}
.inv_hide span.txt_top{text-align: center; padding: 20px 0}
.inv_hide span.txt_bottom{padding: 20px 20px 0 20px; border: 1px solid #c4cbd7}
.inv_hide span.txt_bottom p.btit{font-weight: bolder; margin-bottom: 10px; color:#222;}
.inv_hide span.txt_bottom p.tit{font-weight: bolder; color:#222;}
.inv_hide span.txt_bottom p.txt{margin-bottom: 20px}

/*나의 투자 관리*/
.tabs-content .main6 table{width: 100%}
.tabs-content .main6 table tr th{text-align: left;width: 35%}

#inv_cor{display: none;}
#inv_pro{display: none;}
#inv_file{display: none;}
#inv_cor2{display: none;}
#inv_pro2{display: none;}
#inv_file2{display: none;}

.mypage-tit .state{position:Absolute; right:0 ;top:24px; height:37px;}/* 남미라 수정 */
.mypage-tit .state li{ float:left; margin-left:10px;}
.mypage-tit .state li a{line-height:31px; height:33px; position:relative; display:block; background:#fff;border:2px solid; font-size:15px; font-weight:500; position:relative; padding:0 27px 0 7px}

.mypage-tit .state li a.c-00{border-color:#b7b7b7;color:#222}
.mypage-tit .state li a.c-01{border-color:#053262;color:#053262}
.mypage-tit .state li a.c-02{border-color:#053262;color:#053262;}
.mypage-tit .state li a.c-03{border-color:#418ccc;color:#418ccc;}

.mypage-tit .state li a:after{position:absolute; right:5px; top:50%;margin-top:-5px; width:10px; height:10px;display:block; content:""}
.mypage-tit .state li a.c-00:after{background:url(../_Img/Main/tab-arrow00.png) no-repeat center center;}
.mypage-tit .state li a.c-01:after{background:url(../_Img/Main/tab-arrow01.png) no-repeat center center;}
.mypage-tit .state li a.c-02:after{background:url(../_Img/Main/tab-arrow02.png) no-repeat center center;}
.mypage-tit .state li a.c-03:after{background:url(../_Img/Main/tab-arrow03.png) no-repeat center center;}




.mypage-product .list{ font-size:0; overflow:hidden;}
.mypage-product .list li{float:left;width:49%; margin-bottom:2%; min-height:470px; position:relative;box-sizing:border-box; background:#fff; border:1px solid #cccfd5; -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;}
.mypage-product .list li:nth-child(even){float:right;}
.mypage-product .list li:hover {/*  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);-webkit-transform: scale(1.01); transform: scale(1.01); */}
.mypage-product .list li a{ display:block; padding:25px 30px}
.mypage-product .list li .img {display:block; position:Relative; z-index:1}
.mypage-product .list li .img img{ width:100%;}
.mypage-product .list li .tit{ font-size:18px; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:130%; margin:12px 0}
.mypage-product .list li .txt{font-size:14px; color:#222; letter-spacing:-0.03em;  font-weight:400; line-height:130%;}
.mypage-product .list li .cate{ margin-top:10px; font-size:14px;}
.mypage-product .list li .cate span.b{font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.mypage-product .list li .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.mypage-product .list li .cate.c-01 span.b{ background:#053262;}
.mypage-product .list li .cate.c-02 span.b{ background:#053262}
.mypage-product .list li .cate.c-03 span.b{ background:#418ccc;}
.mypage-product .list li .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-product .list li .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-product .list li .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:26px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}


.mypage-product .list li .tag{ color:#777; font-weight:400; margin-top:10px; font-size:14px;}
.mypage-product .list li .info{ position:absolute; left:30px; top:25px; z-index:2}
.mypage-product .list li .info span{display:inline-block; vertical-align:top;text-align:center; border:1px solid #1e77a9;background:#418ccc; font-size:14px; color:#fff ; line-height:26px; width:63px;}
.mypage-product .list li .info span.c-01{ border:1px solid #1e77a9;background:#418ccc;}
.mypage-product .list li .info span.c-02{ border:1px solid #ff3232;background:#ff5858;}



.mypage-product .list li .inst{border-top:1px dashed #dbdee2 ;margin:0 30px 25px 30px; padding-top:35px;}
.mypage-product .list li .graph{background:#dae2ed; position:relative; height:15px;}
.mypage-product .list li .bar{position:Absolute; left:0; top:0; height:100%;}
.mypage-product .list li .bar span{ position:Absolute; width:38px; height:22px; text-align:center; font-size:13px; font-weight:400; color:#fff; line-height:21px; top:-27px; right:-19px;margin-left:-19px;}
.mypage-product .list li .bar span:after{	width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid ; position:absolute; margin-left:-6px;left:50%;bottom:-6px; display:block; content:""}
.mypage-product .list li .c-01 .bar, .mypage-product .list li .c-01 .bar span{ background:#053262;}
.mypage-product .list li .c-02 .bar, .mypage-product .list li .c-02 .bar span{ background:#053262}
.mypage-product .list li .c-03 .bar, .mypage-product .list li .c-03 .bar span{ background:#418ccc;}
.mypage-product .list li .c-01 .bar span:after{border-top-color:#053262}
.mypage-product .list li .c-02 .bar span:after{border-top-color:#053262}
.mypage-product .list li .c-03 .bar span:after{border-top-color:#418ccc}

.mypage-product .list li .day{font-size:14px; padding-left:20px; position:relative; color:#666; line-height:20px; margin-top:8px; margin-bottom:20px;}
.mypage-product .list li .day span{ position:Absolute ; right:0; top:0; line-height:20px;}
.mypage-product .list li .day i{color:#bfc8d3 !important}

.mypage-product .list li .day.c-01 span{color:#053262}
.mypage-product .list li .day.c-02 span{color:#053262}
.mypage-product .list li .day.c-03 span{color:#418ccc}
.mypage-product .list li .day.c-01:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow03.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0; top:50%;margin-top:-9px;}
.mypage-product .list li .day.c-02:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow02.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0;top:50%;margin-top:-9px;}
.mypage-product .list li .day.c-03:before{border:2px solid #418ccc;border-radius:100%;background:url(../_Img/Main/info-arrow01.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:""; left:0;top:50%;margin-top:-9px;}


.mypage-product .list li .btn-wrap{position:relative; padding-right:90px;}
.mypage-product .list li .invest-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-product .list li .invest-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/invest-ico.png)no-repeat left center;}
.mypage-product .list li .fund-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-product .list li .fund-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/fund-ico.png)no-repeat left center;}
.mypage-product .list li .sms-btn{height:58px;  background:#fff; border:2px solid #418ccc; padding:0; color:#418ccc; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;box-sizing:border-box;}
.mypage-product .list li .sms-btn span{display:inline-block; vertical-align:top;  line-height:54px; padding-left:35px; background:url(../_Img/Main/sms-ico.png)no-repeat left 17px;}

.mypage-product .list li .commend-btn{padding:0 0 0 0;border:2px solid #dae2ed;background:url(../_Img/Main/recommend-off.png) no-repeat center 8px;color:#999; font-size:13px; background-size:28px auto;text-align:center; height:58px; position:absolute; right:0; top:0; width:80px;box-sizing:border-box; }
.mypage-product .list li .commend-btn.active{background:url(../_Img/Main/recommend-on.png) no-repeat center 8px;border:2px solid #ff96ae ; background-size:24px auto; }
.mypage-product .list li .commend-btn span{display:block;padding:32px 0 0 0;}

.mypage-product .list li .recent{ font-size:16px;border-top:2px solid #e9edf4; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:120%; margin:20px 0 10px 0; padding-top:20px;}
.mypage-product .list li .stance{font-size:14px; color:#222; letter-spacing:-0.03em; margin-top:10px;  line-height:120%; display:block;}
.mypage-product .list li .stance:first-child{margin-top:0}


.mypage-product .list li.c-03 .ov{overflow:hidden;position:relative;min-height:338px;}
.mypage-product .list li.c-03.ov{ display:block; width:100%; min-height:368px;margin-bottom:0; padding:25px 30px}
.mypage-product .list li.c-03.ov .fl{float:left; width:50%}
.mypage-product .list li.c-03.ov .fr{float:right; width:46%;box-sizing:border-box;}
.mypage-product .list li.c-03.ov .fr a{padding:0}

.mypage-product .list li.c-03.ov .inst{position:absolute; left:0;bottom:0; width:50%; border-top:none;}
.mypage-product .list li.c-03.ov .cate{margin-top:0px;}
.mypage-product .list li.c-03 .ov .img{padding:0;}
.mypage-product .list li.c-03 .ov .inst{margin:0; margin-top:30px;}




	@media only screen and (max-width:880px) {

	.mypage-product .list li{margin-bottom:2%}
	.mypage-product .list li.c-03.ov{ margin-top:2%}

	.mypage-product .list li .tit{max-height:45px; overflow:hidden;}
	.mypage-product .list li .txt{max-height:54px; overflow:hidden;}
	}
	@media only screen and (max-width:740px) {
	.mypage-product .list li{margin-bottom:0; width:auto; float:none; display:block; margin-top:20px; min-height:auto !important;}
	.mypage-product .list li:nth-child(even){float:none;}
	.mypage-product .list li:first-child{margin-top:0px}

	.mypage-product .list li .tit{max-height:inherit; overflow:visible; margin:7px 0}
	.mypage-product .list li .txt{max-height:inherit; overflow:visible;}

	.mypage-product .list li a{ display:block; padding:20px}
	.mypage-product .list li .inst{margin:0 20px 20px 20px;}


	.mypage-product .list li.c-03.ov{padding:20px;}
	.mypage-product .list li.c-03.ov .fl{float:none; width:auto;}
	.mypage-product .list li.c-03.ov .fr{float:none; width:auto}
	.mypage-product .list li.c-03.ov .inst{position:relative; left:auto; bottom:auto; width:auto;border-top:1px dashed #dbdee2 }
	.mypage-product .list li.c-03.ov .cate{margin-top:15px}

	.mypage-product .list li .info{left:20px; top:20px;}
	}
	@media only screen and (max-width:680px) {
		.mypage-product .list li .btn-wrap{padding-right:65px}
		.mypage-product .list li .invest-btn{ height:48px;}
		.mypage-product .list li .invest-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-product .list li .fund-btn{ height:48px;}
		.mypage-product .list li .fund-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-product .list li .sms-btn{height:48px;}
		.mypage-product .list li .sms-btn span{line-height:44px;padding-left:26px; background-size:16px auto;}

		.mypage-product .list li .commend-btn{height:49px; background-size:18px auto; width:60px}
		.mypage-product .list li .commend-btn.active{background-size:18px auto; }
		.mypage-product .list li .commend-btn span{display:block;padding:22px 0 0 0; font-size:12px;}

		.mypage-product .list li .day {padding-left:16px;font-size:13px;margin-bottom:10px;margin-top:5px;}
		.mypage-product .list li .day:before{letter-spacing:-0.03em; background-size:4px auto !important; width:14px !important; height:14px  !important; margin-top:-6px !important}
		.mypage-product .list li .day span{ letter-spacing:-0.03em;}

		.mypage-product .list li .cate{ font-size:13px; letter-spacing:-0.03em;}
	}
	@media only screen and (max-width:970px) {
		.mypage-tit .state{position:Relative; right:auto; top:auto; margin:2% -1% 0-1%; overflow:hidden;}
		.mypage-tit .state li{ float:left; margin-left:0; width:31.33333%; margin:0 1%}
		.mypage-tit .state li:nth-child(2){float:right;}
		.mypage-tit .state li a{font-size:13px;}
	}
	@media only screen and (max-width:340px) {
		.mypage-product .list li .day{font-size:12px;}
		.mypage-product .list li .day span{ letter-spacing:-0.03em;}
	}


/*내가만든 프로젝트*/
.mypage-product-own{ background:#fff;}
.mypage-product-own .list{ font-size:0; overflow:hidden;}
.mypage-product-own .list .own_info{width:100%; float:left;padding-bottom:25px; border-bottom:1px dashed #dbdee2; margin-bottom:25px; position:relative;box-sizing:border-box; -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;}
.mypage-product-own .list .own_info a{ display:block; padding:25px 30px}
.mypage-product-own .list .own_info div.box_left{width: 45%; float: left; max-width: 414px}
.mypage-product-own .list .own_info div.box_left .my_own_btn{width: 100%; float: left; margin-top: 10px}
.mypage-product-own .list .own_info div.box_left .my_own_btn span{float: left; font-size: 14px; text-align:center; height:25px; width: calc(100% - 2px); border: 1px solid #cccfd5; line-height: 25px;}
.mypage-product-own .list .own_info div.box_right{width: calc(55% - 25px); float: left;padding-left: 25px}
.mypage-product-own .list .own_info .img {display:block;position:Relative; z-index:1}
.mypage-product-own .list .own_info .img img{ width:100%;}
.mypage-product-own .list .own_info .tit{ font-size:18px; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:130%; margin:12px 0}
.mypage-product-own .list .own_info .txt{font-size:14px; color:#222; letter-spacing:-0.03em;  font-weight:400; line-height:130%;}
.mypage-product-own .list .own_info .cate{ margin-top:10px; font-size:14px;}
.mypage-product-own .list .own_info .cate span.b{font-weight:500 !Important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.mypage-product-own .list .own_info .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.mypage-product-own .list .own_info .cate.c-01 span.b{ background:#053262;}
.mypage-product-own .list .own_info .cate.c-02 span.b{ background:#053262}
.mypage-product-own .list .own_info .cate.c-03 span.b{ background:#418ccc;}
.mypage-product-own .list .own_info .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-product-own .list .own_info .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:26px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.mypage-product-own .list .own_info .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:26px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}


.mypage-product-own .list .own_info .tag{ color:#777; font-weight:400; margin-top:10px; font-size:14px;}
.mypage-product-own .list .own_info .info{ position:absolute; left:30px; top:25px; z-index:2}
.mypage-product-own .list .own_info .info span{display:inline-block; vertical-align:top;text-align:center; border:1px solid #1e77a9;background:#418ccc; font-size:14px; color:#fff ; line-height:26px; width:63px;}
.mypage-product-own .list .own_info .info span.c-01{ border:1px solid #1e77a9;background:#418ccc;}
.mypage-product-own .list .own_info .info span.c-02{ border:1px solid #ff3232;background:#ff5858;}



.mypage-product-own .list .own_info .inst{margin:0;}
.mypage-product-own .list .own_info .graph{background:#dae2ed; position:relative; height:15px;}

.mypage-product-own .list .own_info .btn-wrap{position:relative; padding-right:90px;}
.mypage-product-own .list .own_info .invest-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-product-own .list .own_info .invest-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/invest-ico.png)no-repeat left center;}
.mypage-product-own .list .own_info .fund-btn{ height:58px; background:#418ccc; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.mypage-product-own .list .own_info .fund-btn span{display:inline-block; vertical-align:top; line-height:54px; padding-left:35px; background:url(../_Img/Main/fund-ico.png)no-repeat left center;}
.mypage-product-own .list .own_info .sms-btn{height:58px;  background:#fff; border:2px solid #418ccc; padding:0; color:#418ccc; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;box-sizing:border-box;}
.mypage-product-own .list .own_info .sms-btn span{display:inline-block; vertical-align:top;  line-height:54px; padding-left:35px; background:url(../_Img/Main/sms-ico.png)no-repeat left 17px;}

.mypage-product-own .list .own_info .commend-btn{padding:0 0 0 0;border:2px solid #dae2ed;background:url(../_Img/Main/recommend-off.png) no-repeat center 8px;color:#999; font-size:13px; background-size:28px auto;text-align:center; height:58px; position:absolute; right:0; top:0; width:80px;box-sizing:border-box; }
.mypage-product-own .list .own_info .commend-btn.active{background:url(../_Img/Main/recommend-on.png) no-repeat center 8px;border:2px solid #ff96ae ; background-size:24px auto; }
.mypage-product-own .list .own_info .commend-btn span{display:block;padding:32px 0 0 0;}

.mypage-product-own .list .own_info .recent{ font-size:16px;border-top:2px solid #e9edf4; letter-spacing:-0.03em; color:#222; font-weight:500; line-height:120%; margin:20px 0 10px 0; padding-top:20px;}
.mypage-product-own .list .own_info .stance{font-size:14px; color:#222; letter-spacing:-0.03em; margin-top:10px;  line-height:120%; display:block;}
.mypage-product-own .list .own_info .stance:first-child{margin-top:0}


.mypage-product-own .list .own_info .c-03 .ov{overflow:hidden;position:relative;min-height:338px;}
.mypage-product-own .list .own_info .c-03.ov{ display:block; width:100%; min-height:368px;margin-bottom:0; padding:25px 30px}
.mypage-product-own .list .own_info .c-03.ov .fl{float:left; width:50%}
.mypage-product-own .list .own_info .c-03.ov .fr{float:right; width:46%;box-sizing:border-box;}
.mypage-product-own .list .own_info .c-03.ov .fr a{padding:0}

.mypage-product-own .list .own_info .c-03.ov .inst{position:absolute; left:0;bottom:0; width:50%; border-top:none;}
.mypage-product-own .list .own_info .c-03.ov .cate{margin-top:0px;}
.mypage-product-own .list .own_info .c-03 .ov .img{padding:0;}
.mypage-product-own .list .own_info .c-03 .ov .inst{margin:0; margin-top:30px;}

	@media only screen and (max-width:880px) {

	.mypage-product-own .list .own_info .c-03.ov{ margin-top:2%}

	.mypage-product-own .list .own_info .tit{max-height:45px; overflow:hidden;}
	.mypage-product-own .list .own_info .txt{max-height:54px; overflow:hidden;}
	}
	@media only screen and (max-width:740px) {
	.mypage-product-own .list .own_info{width:auto;display:block; min-height:auto !important;}

	.mypage-product-own .list .own_info .tit{max-height:inherit; overflow:visible; margin:7px 0}
	.mypage-product-own .list .own_info .txt{max-height:inherit; overflow:visible;}

	.mypage-product-own .list .own_info a{ display:block; padding:20px}
	.mypage-product-own .list .own_info .inst{margin:0;}


	.mypage-product-own .list .own_info .c-03.ov{padding:20px;}
	.mypage-product-own .list .own_info .c-03.ov .fl{float:none; width:auto;}
	.mypage-product-own .list .own_info .c-03.ov .fr{float:none; width:auto}
	.mypage-product-own .list .own_info .c-03.ov .inst{position:relative; left:auto; bottom:auto; width:auto;border-top:1px dashed #dbdee2 }
	.mypage-product-own .list .own_info .c-03.ov .cate{margin-top:15px}

	.mypage-product-own .list .own_info .info{left:20px; top:20px;}
	.mypage-product-own .list .own_info div.box_left{width: 100%;max-width: 744px}
	.mypage-product-own .list .own_info div.box_right{width: 100%; padding-left: 0; margin-top: 20px}
	.mypage-product-own .list .own_info_maker .minfo .maker .if .btxt{padding-top: 20px;}
	.mypage-product-own .list .own_info_maker .minfo .maker .cs{margin-top: 20px}
	}
	@media only screen and (max-width:680px) {
		.mypage-product-own .list .own_info .btn-wrap{padding-right:65px}
		.mypage-product-own .list .own_info .invest-btn{ height:48px;}
		.mypage-product-own .list .own_info .invest-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-product-own .list .own_info .fund-btn{ height:48px;}
		.mypage-product-own .list .own_info .fund-btn span{line-height:44px; padding-left:26px; background-size:16px auto;}
		.mypage-product-own .list .own_info .sms-btn{height:48px;}
		.mypage-product-own .list .own_info .sms-btn span{line-height:44px;padding-left:26px; background-size:16px auto;}

		.mypage-product-own .list .own_info .commend-btn{height:49px; background-size:18px auto; width:60px}
		.mypage-product-own .list .own_info .commend-btn.active{background-size:18px auto; }
		.mypage-product-own .list .own_info .commend-btn span{display:block;padding:22px 0 0 0; font-size:12px;}

		.mypage-product-own .list .own_info .cate{ font-size:13px; letter-spacing:-0.03em;}
		.mypage-product-own .list .own_info div.box_left .my_own_btn span{font-size: 13px;}
			.mypage-product-own .list .own_info_maker .minfo .maker .if .btxt{padding-top: 0}
	.mypage-product-own .list .own_info_maker .minfo .maker .cs{margin-top: 0}

	}

.pject-info{position:relative; box-sizing:border-box;}
.pject-info .ov.line{/* border-bottom:2px solid #edf0f3 ; padding-bottom:35px; margin-bottom:35px;  */overflow:visible}
.pject-info .ov.line:after{clear:both; content:""; display:block;}

.pject-info .inst{ width:100%;padding-top:10px;}
.pject-info .figure{font-size:14px; position:Relative; font-weight:500; line-height:130%; color:#222; padding-left:12px}
.pject-info .figure span{font-size:24px;}
.pject-info .figure:before{background:#808080; width:1px; height:14px; position:absolute; left:0; top:50%;margin-top:-6px; display:block; content:"";}

.pject-info .won{padding-left:12px; position:relative; margin-top:25px}
.pject-info .won:before{background:#053262; width:1px; height:100%; position:absolute; left:0; top:0; display:block; content:"";}
.pject-info .won .btxt{ color:#666; font-size:14px; font-weight:500; }
.pject-info .won .stxt{ font-size:14px; color:#666 ; padding-left:15px}
.pject-info .won .stxt span{font-weight:500;}
.pject-info .won .stxt.c-01{background:url(../_Img/Sub/reward-ico01.jpg) no-repeat left 7px;}
.pject-info .won .stxt.c-02{background:url(../_Img/Sub/reward-ico02.jpg) no-repeat left 7px;}
.pject-info .won .stxt.c-03{background:url(../_Img/Sub/reward-ico03.jpg) no-repeat left 7px;}

.pject-info .day{font-size:14px;  font-weight:500;padding-left:22px; position:relative; color:#666; line-height:20px; margin-top:5px;}
.pject-info .day span{ font-size:14px;  font-weight:300;line-height:20px; color:#666;}
.pject-info .day.end{padding-left:0; font-size:22px; color:#ff3232; font-weight:500; letter-spacing:-0.03em;margin-bottom:17px;}
.pject-info .day.end span{}
/* .pject-info .day i{color:#bfc8d3 !important}
.pject-info .day.c-01 span{color:#053262}
.pject-info .day.c-02 span{color:#053262}
.pject-info .day.c-03 span{color:#418ccc}
 */
.pject-info .day.c-01:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow03.png) no-repeat 4px center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0; top:2px;}
.pject-info .day.c-02:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow02.png) no-repeat 4px center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:0;top:2px;}
.pject-info .day.c-03:before{border:2px solid #418ccc;border-radius:100%;background:url(../_Img/Main/info-arrow01.png) no-repeat 4px center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:""; left:0;top:2px;}

.pject-info .money{font-size:14px;  font-weight:500;position:relative; color:#666; line-height:20px;margin-top: 5px}
.pject-info .money span{ font-size:14px;  font-weight:300;line-height:20px; color:#666; margin-left: 10px}
.pject-info .kind{font-size:14px;  font-weight:500;position:relative; color:#666; line-height:20px;margin-top: 5px}
.pject-info .kind span{ font-size:14px;  font-weight:300;line-height:20px; color:#666; margin-left: 10px}



.pject-info .btn-wrap{position:relative; padding-right:70px;}
.pject-info .btn-wrap a{display:block}
.pject-info .fund-btn{ height:58px; background:#053262; padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.pject-info .fund-btn span{display:inline-block; vertical-align:top; line-height:54px; }

.pject-info .end-btn{height:58px;background:#bac8db; color:#fff;padding:0; color:#fff; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.pject-info .end-btn span{display:inline-block; vertical-align:top; line-height:54px; }

.pject-info .commend-btn{padding:0 0 0 0;border:2px solid #dae2ed;background:url(../_Img/Main/recommend-off.png) no-repeat center 8px;color:#999; font-size:13px; background-size:28px auto;text-align:center; height:58px; position:absolute; right:0; top:0; width:65px;box-sizing:border-box}
.pject-info .commend-btn.active{background:url(../_Img/Main/recommend-on.png) no-repeat center 8px;border:2px solid #ff96ae ; background-size:24px auto; }
.pject-info .commend-btn span{display:block;padding:32px 0 0 0;}

.pject-info .reward-after{display:block;}



.mypage-product-own .own_info_maker{float: left;}
.mypage-product-own .own_info_maker div{float: left;}
.mypage-product-own .own_info_maker .prom{width: calc(100% - 270px);}
.mypage-product-own .own_info_maker .minfo{width: 250px; margin-left: 20px; box-sizing: border-box;}
.mypage-product-own .own_info_maker .tit{padding:0 20px 2px 0}
.mypage-product-own .own_info_maker h4{ font-weight:500; color:#222; padding-left:10px; position:relative; line-height:120%;font-size:16px; margin-bottom:5px;}
.mypage-product-own .own_info_maker h4:before{ position:absolute; left:0; top:4px; width:4px; height:13px; background:#000; display:block; content:""}

.mypage-product-own .own_info_maker .minfo .maker {border:1px solid #cccfd5; padding:20px;float: left; box-sizing: border-box; width: 100%}
.mypage-product-own .own_info_maker .minfo .maker h4{ font-weight:500; color:#222; padding-left:10px; position:relative; line-height:120%;font-size:16px; margin-bottom:5px;}
.mypage-product-own .own_info_maker .minfo .maker h4:before{ position:absolute; left:0; top:4px; width:4px; height:13px; background:#000; display:block; content:""}
.mypage-product-own .own_info_maker .minfo .maker .if{position:Relative; border-bottom:1px solid #cccfd5}
.mypage-product-own .own_info_maker .minfo .maker .if .img{width:100px; padding: 0 55px}
.mypage-product-own .own_info_maker .minfo .maker .if .img img{border-radius: 50%; width: 100%}
.mypage-product-own .own_info_maker .minfo .maker .if .txt{width:100%; margin-top: 10px;text-align: center;margin-bottom:10px;}
.mypage-product-own .own_info_maker .minfo .maker .if .btxt{display:block; margin-bottom:3px;font-weight:500; color:#222; font-size:16px; line-height:110%;}
.mypage-product-own .own_info_maker .minfo .maker .if .stxt{display:block; font-weight:400; color:#222; font-size:13px; line-height:110%;}
.mypage-product-own .own_info_maker .minfo .maker .if .ico-01{width:14px;height:14px; background:url(../_Img/Content/maker-02.png) no-repeat; display:inline-block; vertical-align:top; margin-right:5px;}
.mypage-product-own .own_info_maker .minfo .maker .if .ico-02{width:14px;height:14px; background:url(../_Img/Content/maker-03.png) no-repeat; display:inline-block; vertical-align:top;}

.mypage-product-own .own_info_maker .minfo .maker .cs{padding-top: 10px;text-align: center;width: 210px;}
.mypage-product-own .own_info_maker .minfo .maker .cs .btxt{display:block; margin-bottom:6px; font-weight:500; color:#222; font-size:15px; line-height:110%;}
.mypage-product-own .own_info_maker .minfo .maker .cs .stxt{display:block; font-weight:400; color:#222; font-size:14px; line-height:110%;}

	@media only screen and (max-width:740px) {
		.mypage-product-own .own_info_maker .prom{width: 100%;}
		.mypage-product-own .own_info_maker .minfo{width: 100%; margin-left: 0; box-sizing: border-box; margin-top: 20px}
		.mypage-product-own .own_info_maker .minfo .maker .if{width: calc(60% - 10px); border: 0; padding-right: 10px}
		.mypage-product-own .own_info_maker .minfo .maker .if .img{width:80px; padding:0;}
		.mypage-product-own .own_info_maker .minfo .maker .if .txt{width:calc(100% - 110px); margin: 0 0 0 10px;text-align: left;}
		.mypage-product-own .own_info_maker .minfo .maker .if .btxt{display:block; margin-bottom:3px;font-weight:500; color:#222; font-size:16px; line-height:110%;}
		.mypage-product-own .own_info_maker .minfo .maker .if .stxt{display:block; font-weight:400; color:#222; font-size:13px; line-height:110%;}
		.mypage-product-own .own_info_maker .minfo .maker .cs{box-sizing:border-box; width: 40%; text-align: left;padding: 0 0 0 10px; border-left:1px solid #cccfd5; }
	}
	@media only screen and (max-width:600px) {
		.mypage-product-own .own_info_maker .minfo .maker {border:1px solid #cccfd5; padding:20px;float: left;}
		.mypage-product-own .own_info_maker .minfo .maker h4{ font-weight:500; color:#222; padding-left:10px; position:relative; line-height:120%;font-size:16px; margin-bottom:5px;}
		.mypage-product-own .own_info_maker .minfo .maker h4:before{ position:absolute; left:0; top:4px; width:4px; height:13px; background:#000; display:block; content:""}
		.mypage-product-own .own_info_maker .minfo .maker .if{width:100%; position:Relative; border-bottom:1px solid #cccfd5;padding:0;}
		.mypage-product-own .own_info_maker .minfo .maker .if .img{width:100%; padding: 0; text-align: center; max-width: 80px; position: relative; margin: 0px auto; float: none;}
		.mypage-product-own .own_info_maker .minfo .maker .if .txt{width:100%; margin: 10px 0 10px 0;text-align: center;margin-bottom:10px;}

		.mypage-product-own .own_info_maker .minfo .maker .cs{padding-top: 10px;text-align: center;width: 100%;border-left:0;}

	}


/*내가만든 프로젝트 하단 탭*/

.tabs_con{width: 100%; float: left; font-size: 14px; margin-top:30px;}
.tabs_con ul{margin: 0; list-style: none; width: 100%; float: left; position: relative;box-sizing: border-box;}
.tabs_con ul.tabs_own{padding: 0 20%}
.tabs_con ul.tabs_own li{
	float: left;
	width: 33.3%;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabs_con ul li.active{border-bottom: 2px solid #053262;}
.tab_container {
    border-top: none;
    clear: both;
    width: 100%;
    float: left;
}
.tab_content {
	width: 100%;
	padding: 15px 0;
	cursor: default;
	position: relative;
}
.tabs_con .tit h4{ font-weight:500; color:#222; padding-left:10px; position:relative; line-height:120%;font-size:16px; margin-bottom:5px;}
.tabs_con .tit h4:before{ position:absolute; left:0; top:4px; width:4px; height:13px; background:#000; display:block; content:""}

/*.tab_content .news .news_write{width: 100%; float: left;}
.tab_content .news .news_write span{
	width: 200px;
	line-height: 20px;
	font-size: 14px;
	text-align:center;
	height:25px;
	border: 1px solid #cccfd5;
	line-height: 25px;
}
*/
@media only screen and  (max-width:680px) {
		.tabs_con ul.tabs_own li{width:30%;padding:0 5px 0 0}
		.tabs_con ul{padding: 0 12.5%; box-sizing: border-box;}
}
@media only screen and (max-width:650px) {
	.tabs_con ul.tabs_own li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}

}
	@media only screen and  (max-width:400px) {
		.tabs_con ul{padding: 0 5%; box-sizing: border-box;}
}

/*투자 프로젝트 관리-증권발행조건*/
.mypage-product-own .cdtn{float:left; width:100%; overflow:hidden; padding-top: 30px}
.mypage-product-own .cdtn div.cond_box{float:left; width:100%; overflow:hidden; background: #f5f5f5; border: 1px solid #e3e6ec; box-sizing: border-box;}
.mypage-product-own .cdtn h4{float:left; width:100%; box-sizing:border-box;padding-left:12px; color:#222; font-size:16px; font-weight:500; line-height:130%; letter-spacing:-0.03em; position:relative;margin-bottom:15px; }
.mypage-product-own .cdtn h4:before{ width:4px; height:14px; position:absolute; left:0; top:4px; display:block; content:"";background:#ce993c;}
.mypage-product-own .cdtn .box01{float:left; width:33.3%; box-sizing:border-box; padding:15px;min-height:118px;}
.mypage-product-own .cdtn .box01 .mobile{display: none;}
.mypage-product-own .cdtn .box02{float:left; width:33.3%; box-sizing:border-box; padding:15px;min-height:118px;}
.mypage-product-own .cdtn .box02 .mobile{display: none;}
.mypage-product-own .cdtn .box03{float:left; width:33.3%; box-sizing:border-box; padding:15px;min-height:118px;}
.mypage-product-own .cdtn .ex{font-size:14px; color:#222 ;font-weight:300; line-height:20px; margin-top:10px;  float:left; width:100%;}
.mypage-product-own .cdtn .ex span{font-weight:500; margin-right:5px;}

.mypage-product-own .cdtn li:first-child{margin-top:0;}
.mypage-product-own .cdtn li{font-size:14px; color:#222; margin-top:1px; position:relative; text-align:right; font-weight:300}
.mypage-product-own .cdtn li .btxt{font-weight:500; position:absolute; left:0; top:0}
.mypage-product-own .cdtn li .stxt{letter-spacing: 0}
.mypage-product-own .cdtn li.c-01 .btxt, .mypage-product-own .cdtn li.c-01 .stxt{font-weight:500; color:#053262}
.mypage-product-own .cdtn li .stxt.b{font-weight:500;}

	@media only screen and (max-width:780px) {
		.mypage-product-own .cdtn h4{float:none; width:auto;}
		.mypage-product-own .cdtn{float:none; width:auto;}
		.mypage-product-own .cdtn .box01, .mypage-product-own .cdtn .box02{width: 50%}
		.mypage-product-own .cdtn .box01 .mobile{display: block;}
		.mypage-product-own .cdtn .box02 .mobile{display: block;}
		.mypage-product-own .cdtn .box03.mobile{display: none;}
	}
	@media only screen and (max-width:580px) {
		.mypage-product-own .cdtn .box01,.mypage-product-own .cdtn .box02{width: 100%;}
		.mypage-product-own .cdtn .box01{border-bottom: 1px solid #e3e6ec}
	}
	@media only screen and (max-width:540px) {
		.mypage-product-own .cdtn .fl, .mypage-product-own .cdtn .fr{float:none; width:auto;}
		.mypage-product-own .cdtn .fr{margin-top:15px}

}

/*투자 프로젝트 관리-펀딩 상태*/
.mypage-product-own.inv .state-info{ border:2px solid #edf4fa; padding:30px; position: relative; float: left; width: 100%; box-sizing: border-box;}
.mypage-product-own.inv .state-info h4{ float:left; width:100%; box-sizing:border-box;padding-left:12px; color:#222; font-size:16px; font-weight:500; line-height:130%; letter-spacing:-0.03em; position:Relative;margin-bottom:15px; }
.mypage-product-own.inv .state-info h4:before{ width:4px; height:14px; position:Absolute; left:0; top:4px; display:block; content:"";background:#ce993c;}
.mypage-product-own.inv .state-info .list-wrap{ padding:25px 0 20px 0; position:relative; border-bottom: 1px solid #edf4fa; margin-bottom: 20px; }
.mypage-product-own.inv .state-info .list-wrap .btxt{ font-size:20px; font-weight:500; color:#053262; line-height:130%; margin-bottom:5px; letter-spacing:-0.03em}
.mypage-product-own.inv .state-info .list-wrap .stxt{ font-size:14px; color:#666; line-height:130%;}
.mypage-product-own.inv .state-info .list-wrap .btn_subtop {height:34px; background-color: #418ccc; color:#fff; border:1px solid #418ccc; line-height: 32px; font-size:14px; font-weight: 500; display:inline-block; text-align: center;padding:0 10px;}

.mypage-product-own.inv .state-info .list-wrap-now{ padding:0px 0 0px 0; position:relative;}
.mypage-product-own.inv .state-info .list-wrap-now .btxt{ font-size:20px; font-weight:500; color:#36aeed; line-height:130%; margin-bottom:5px; letter-spacing:-0.03em}
.mypage-product-own.inv .state-info .list-wrap-now .mtxt{ font-size:16px; color:#666; line-height:130%;}
.mypage-product-own.inv .state-info .list-wrap-now .stxt{ font-size:14px; color:#666; line-height:130%;}
.mypage-product-own.inv .state-info .list-wrap-now .btn_subtop {height:34px; background-color: #418ccc; color:#fff; border:1px solid #418ccc; line-height: 32px; font-size:14px; font-weight: 500; display:inline-block; text-align: center;padding:0 10px;}

.mypage-product-own.inv .state-info .sub-wrap{padding:20px 0 0px 0; position:relative;}
.mypage-product-own.inv .state-info .sub-wrap p{font-size: 14px; color: #666}

.mypage-product-own.inv .bot_txt{font-size: 14px; color: #666; margin-top: 10px; position: relative; float: left; width: 100%}
.mypage-product-own.inv .bot_txt span{float: right;}

	@media only screen and (max-width:680px) {
		.mypage-product-own.inv .state-info{padding:20px 20px 20px 20px}
	}
	@media only screen and (max-width:400px) {
		.mypage-product-own.inv .state-info{padding:15px 15px 15px 15px}
	}


/*서포터관리*/
.tab_content .sup_ter_search{width: 100%; float: left; border: 1px solid #c6ccd5; box-sizing: border-box;padding: 15px 0 5px 0}
.tab_content .sup_ter_search ul{padding: 0; margin: 0; list-style: none; width:60%; position: relative; margin:0px auto; float: none;}
.tab_content .sup_ter_search ul li{width: calc(50% - 10px); float: left; margin:0  5px 10px 5px;}
.tab_content .sup_ter_search ul li.dateb{width: calc(50% - 10px);}
.tab_content .sup_ter_search ul li span{float: left; font-size: 14px; line-height: 40px}
.tab_content .sup_ter_search ul li span.tit{width: 70px; margin-right: 10px; text-align: left;}
.tab_content .sup_ter_search ul li span.put{width: 100%;}
.tab_content .sup_ter_search ul li span.dput{width: calc(50% - 14px); position: relative;}
.tab_content .sup_ter_search ul li span.dputr{width: calc(50% - 14px); position: relative;}

.own_handle span.check .check-box input[type="checkbox"] + label{line-height:21px;  color:#222; font-weight:300; font-size:14px; letter-spacing:-0.03em; padding-left:30px; display:block;}
.own_handle span.check .check-box input[type="checkbox"] + label:after{width:17px; height:17px; border:2px solid #888; top:0; left:0;}
.own_handle span.check .check-box input[type="checkbox"]:checked + label:after{border-color:#418ccc ; background:url(/assets/_Img/Sub/check-white.png) no-repeat center center #51c0fe;}

.tab_content .own_supp_list .check-box input[type="checkbox"] + label{line-height:21px;  color:#222; font-weight:300; font-size:14px; letter-spacing:-0.03em; padding-left:30px; display:block;}
.tab_content .own_supp_list .check-box input[type="checkbox"] + label:after{width:17px; height:17px; border:2px solid #888; top:0; left:0;}
.tab_content .own_supp_list .check-box input[type="checkbox"]:checked + label:after{border-color:#418ccc ; background:url(/assets/_Img/Sub/check-white.png) no-repeat center center #51c0fe;}

.sup_ter_search input[type="text"], .sup_ter_search input[type="password"],.sup_ter_search input[type="file"]{
	display:inline-block;
	vertical-align:top;
	border:1px solid #c4cbd7;
	height:40px;
	padding:0 10px;
	width: calc(100% - 22px);
}
.sup_ter_search input[type="text"].cs-input:focus, .sup_ter_search input[type="password"].cs-input:focus, .sup_ter_search input[type="file"].cs-input:focus{
	border:1px solid #418ccc;
	color:#222 !important;
}


.ui-datepicker-trigger{padding: 0; margin:0;margin-left: 5px; position: absolute;right: -30px; top: 8px}
.ui-datepicker-trigger img{width: 100%}

.select-box-own{position:relative;border:1px solid #c4cbd7; display:inline-block;vertical-align:top;background:#fff;box-sizing: border-box;}
.select-box-own:after{background:url(../_Img/Sub/select-arrow.png) no-repeat center center; position:absolute; width:20px; height:10px; right:3px; top:50%;margin-top:-5px; display:block; content:""}
.select-box-own select{cursor:pointer;color:#666; font-size:14px; font-weight:300; height:35px;padding:0 10px; line-height: 35px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0;}
.select-box-own select::-ms-expand{display:none;}

.tab_content .sear_btn{width: 100%; float: left; padding: 15px 0 30px 0; margin-bottom: 30px; border-bottom: 1px dashed #dbdee2}
.tab_content .sear_btn div.align{width: 400px; position: relative; margin: 0px auto}
.tab_content .sear_btn div.handcursor{
	width: calc(50% - 5px);
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    height: 25px;
    border: 1px solid #cccfd5;
    line-height: 25px;
    box-sizing: border-box;
    float: left;
}

	@media only screen and (max-width:880px) {

	}
	@media only screen and (max-width:740px) {
/*		.tab_content .sup_ter_search{border: 0; padding:0;}*/
		.tab_content .sup_ter_search ul{width:100%; padding: 0 10px; box-sizing: border-box;}

	}
@media only screen and (max-width:510px) {
	.tab_content .sear_btn div.align{width: 100%}

	.tab_content .sup_ter_search ul li{width: 100%; float: left; margin:0 0 10px 0;}
	.tab_content .sup_ter_search ul li.dateb{width: 100%}
}

.tab_content .m_account{position: relative; margin: 0px auto; width: 502px;}
.tab_content .m_account div{float: left; margin-bottom: 15px}
.tab_content .m_account div span{float: left}
.tab_content .m_account div span.cblack{margin-right: 10px; width: 70px}
.tab_content .m_account div span.txt{width: 120px;}
.tab_content .m_account div.acc_btn{
	width: 100px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    height: 25px;
    border: 1px solid #cccfd5;
    line-height: 25px;
}

.tab_content .own_handle{width: 100%; float: left; position: relative; padding: 15px 0}
.tab_content .own_handle div.choice{width: 208px; position: relative; margin: 0px auto}
.tab_content .own_handle div.choice span{float: left; line-height: 35px}
.tab_content .own_handle div.sresult{padding: 15px 0;}
.tab_content .own_handle div.command{width: 100%; float: left;border-top: 1px dashed #dbdee2; padding-top: 15px}
.tab_content .own_handle span.ok_btn{height: 38px; line-height: 38px; padding: 0 10px; border: 1px solid #cccfd5; margin-left: 10px; float: left; }


.tab_content .own_supp_list{width: 100%; float: left; position: relative;}
.tab_content .own_supp_list ul.con{padding: 0; margin: 0; list-style: none;width: 100%;}
.tab_content .own_supp_list ul.con li{
	float: left;
	display: inline-block;
	*display: inline;
	*zoom:1;
	margin-bottom: 15px;
	border: 1px solid #cccfd5;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
	width: 100%;
	position: relative;
}
.tab_content .own_supp_list ul li div.top{width: 100%; float: left; line-height: 25px;}
.tab_content .own_supp_list ul li div.bot{width: 100%; float: left;margin-top: 10px;}
.tab_content .own_supp_list ul li .person-img{box-sizing:border-box; border:1px solid #e8ebf0;width:48px;border-radius:100%; height:48px;background:url(../_Img/Sub/reply-person.png) no-repeat center center;position: absolute; top: 15px; right: 15px}
.tab_content .own_supp_list ul li div.person-img img{width:100%; border-radius: 50%}
.tab_content .own_supp_list ul li div.info{width: 100%; float: left; }
.tab_content .own_supp_list ul li div.info .sup{margin-bottom: 15px; border-bottom: 1px dashed #dbdee2; padding-bottom: 10px; width: 100%}
.tab_content .own_supp_list ul li div.info p.tit{font-weight: bold; color: #222; }
.tab_content .own_supp_list ul li div.info .sup span.min{min-width: 90px}
.tab_content .own_supp_list ul li div.info .sup span {padding-right: 15px}
.tab_content .own_supp_list div.down_btn{width:100px; height: 35px; line-height: 35px; text-align: center;s padding: 0 10px; border: 1px solid #cccfd5; float: left;}

@media only screen and (max-width:720px) {
	.tab_content .own_handle div.sresult{text-align: center; width: 100%; padding: 0px 0 30px 0;}
}
@media only screen and (max-width:680px) {
	.tab_content .m_account{width:400px; float: left;}
	.tab_content .m_account div{margin-bottom: 5px}
}
@media only screen and (max-width:500px) {
	.tab_content .m_account{width: 200px;float: left;}
}

@media only screen and (max-width:420px) {
	.tab_content .own_supp_list ul li div.bot{margin-top: 0}
	.tab_content .own_supp_list ul li div.person-img{float: none; position: relative; margin: 0px auto; top: 0; right: 0}
	.tab_content .own_supp_list ul li div.info{width: 100%; margin-left: 0; margin-top: 20px}
}

/*내정보설정*/
.mypage-modify{background:#fff; margin-bottom: 40px}
.mypage-modify h3{ font-size:18px; font-weight:500; color:#222; margin-bottom:20px;}
.mypage-modify h3 span{color:#666; font-weight:400;}
.mypage-modify input[type="text"], .mypage-modify input[type="password"] { display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px; padding:0 10px; float: left;}
.mypage-modify input[type="text"].cs-input:focus, .mypage-modify input[type="password"].cs-input:focus, .mypage-modify input[type="file"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}
.mypage-modify input[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px}
.mypage-modify input:disabled{background: rgb(236,237,238);}
.mypage-modify .bottom-btn{background: #418ccc; line-height: 40px; width: 100%; display: inline-block; text-align:center; margin-top: 30px; color: #fff; font-size: 18px }

.mypage-modify .profile-list{min-height:100px; margin-bottom: 40px}
.mypage-modify .profile-list .img{position: relative; margin: 0px auto; width:80px; height:80px; background:url(../_Img/Sub/profile-img.png) no-repeat center center; background-size: 100%;}
.mypage-modify .profile-list .btxt{ color:#222;font-weight:500; display:block; line-height:140%; margin-bottom:5px;}
.mypage-modify .profile-list .stxt{color:#666;font-weight:300; display:block; line-height:140%; text-align: center; margin-top: 10px}
.mypage-modify .profile-list .file-upload{padding:25px 0 5px 0;}
.mypage-modify .profile-list .file-upload input{width:calc(100% - 84px)}
.mypage-modify .upload-btn{background:#418ccc;border:1px solid #418ccc; color:#fff; font-size:15px; font-weight:500; line-height:38px; padding:0 15px;display:inline-block; vertical-align:top}
.mypage-modify .profile-list .del{text-align: center; text-decoration:underline;}
.mypage-modify #profile{border-radius: 50%; width: 80px; height: 80px; box-sizing: border-box;}

.mypage-modify .default-list{position:relative; }
.mypage-modify .default-list li{position:relative; margin-top:12px; display: inline-block; width: 100% }
.mypage-modify .default-list li:first-child{margin-top:0;}
.mypage-modify .default-list li div.mstr{position:relative;vertical-align:top;}
.mypage-modify .default-list li.c-05 input[type="file"]{display:none;}
.mypage-modify .default-list .wphone{width:calc(100% - 90px); float: left;}
.mypage-modify .default-list #phone_chk_btn{width: 85px; box-sizing: border-box; padding: 0!important; text-align: center;}
.mypage-modify .default-list .input-ex{margin-left: 0 !important; line-height: normal; margin-top: 5px}
.mypage-modify .default-list .btxt{display: inline-block; line-height: 35px; font-size: 16px; color: #222; width: 100%}


.mypage-modify .agree{border-top:1px solid #d9dfe8; margin-top:30px; padding-top:30px; float: left;}
.mypage-modify .agree .check-box input[type="checkbox"] + label{line-height:21px;  color:#222; font-weight:300; font-size:14px; padding-left:30px; display:block;}
.mypage-modify .agree .check-box input[type="checkbox"] + label:after{width:17px; height:17px; border:2px solid #888; top:0; left:0;}
.mypage-modify .agree .check-box input[type="checkbox"]:checked + label:after{border-color:#418ccc ; background:url(../_Img/Sub/check-white.png) no-repeat center center #51c0fe;}

.mypage-modify .agree li{margin-top:18px; position:relative;}
.mypage-modify .agree li:first-child{margin-top:0;}
.mypage-modify .agree li .view-btn{display:inline-block; vertical-align:top; padding: 10px 0 0 30px;}
.mypage-modify .agree li .view-btn span{display:block;color:#222; font-size:14px;text-decoration:underline; font-weight:300;background:url(../_Img/Sub/more-black.png) no-repeat left 5px;padding-left:10px;}
.mypage-modify .agree li .view-btn.active span{color:#418ccc;font-weight:500;  background:url(../_Img/Sub/more-blue.png) no-repeat left 5px;}
.mypage-modify .agree li .view-btn:hover span{color:#418ccc;}
.mypage-modify .agree li.last{margin-top:15px;padding-left:25px;}
.mypage-modify .agree li div.mstr{position:relative;display:inline-block; vertical-align:top;}
.mypage-modify .agree li .btn-cont{margin-left: 5px}
.mypage-modify .agree .check-box{position: relative;}


.mypage-modify .menulist li{border-bottom: 1px solid #e5e7eb; padding-bottom: 12px; margin-top: 8px !important}
.mypage-modify .menulist li:after{content: ""; position: absolute; right: 0; background:url(/assets/_Img/Sub/more-black.png); width:7px; height: 12px; top: 40%; margin-top: -3px}

.mypage-modify .certify-btn{width:80px; text-align:center;background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; text-align: center;}
.mypage-modify .certify-btn.active{background:#2aa1e3; border:1px solid #2aa1e3}
.mypage-modify .input-ex{color:#666; font-size:13px; font-weight:400; display:inline-block; vertical-align:top; line-height:40px; margin-left:10px;}
.mypage-modify .input-ex02{color:#666;font-size:14px; font-weight:400; display:inline-block; line-height:18px;}
.mypage-modify .input-check.true{ font-size:14px; font-weight:500; color:#418ccc; display:inline-block; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px;}
.mypage-modify .input-check.false{display:block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;}
.mypage-modify .leave-btn{display:none;position:absolute; right:0; top:50% ; margin-top:-10px; font-size:16px; font-weight:400; line-height:20px; padding-right:15px; color:#639dbe; background:url(../_Img/Sub/leave-arrow.png) no-repeat right center;}
.mypage-modify .btn-wrap{position:Relative;}


.mypage-modify .select01 {width: 120px; height: 40px; padding-left:5px; background: #fff; border:1px solid #c4cbd7;}


	@media only screen and (max-width:1000px) {
		.mypage-modify.end .end-txt{min-height:auto; padding:20px 2px 50px 2px ;border-bottom:1px solid #d9dfe8; margin-bottom:50px;}
	}
	@media only screen and (max-width:780px) {
		.mypage-modify .input-ex{display:block; margin-left:0; line-height:120%; margin-top:10px}
	}
	@media only screen and (max-width:680px) {
		.mypage-modify h3{font-size: 16px}
		.mypage-modify .profile-list {text-align:center; padding:20px 0 0px 0}
		.mypage-modify .profile-list .img{width:100px; height:100px; display:inline-block; vertical-align:top;position:relative; left:auto; top:auto; margin-bottom: 10px}
		.mypage-modify #profile{width: 100px; height: 100px;}
		.mypage-modify .profile-list .btxt{display:block; margin-top:20px;}
		.mypage-modify .upload-btn{display:block; margin-top:10px;}
		.mypage-modify .default-list li.c-01 input[type="file"]{display:inline-block;}
		.mypage-modify .default-list li .w50p{width:100%}
		.mypage-modify .default-list li .w50p:first-child{margin-bottom:5px;}
		.mypage-modify .default-list li .w90{width:31.3333%; margin:0 0 0 3%}
		.mypage-modify .default-list li .w90:first-child{margin-left:0;}

		.mypage-modify .input-ex{font-size:13px;}
		.mypage-modify .input-ex02{font-size:13px;}
		.mypage-modify .input-check.true{ display:block; line-height:120%; margin-top:10px; margin-left:0;}
		.mypage-modify .agree li.last{text-align:center; padding-left:0;}
	}

	@media only screen and (max-width:480px) {
		.mypage-modify .default-list li{}
		.mypage-modify .profile-list .file-upload{width: 100%}
	}

/*투자 회원 인증 신청*/
.mypage-modify .default-list .jumin-box{box-sizing: border-box; width: calc(50% - 2px); float: left;}
.mypage-modify .default-list .jumin-box.lef{margin-right: 2px;}
.mypage-modify .default-list .jumin-box.rig{margin-left: 2px;}

.mypage-modify .default-list .jumin-pub{box-sizing: border-box;  float: left;}
.mypage-modify .default-list .jumin-pub.lef{margin-right: 2px;width: calc(33.333% - 2px);}
.mypage-modify .default-list .jumin-pub.cent{margin: 0 2px;width: calc(33.333% - 4px);}
.mypage-modify .default-list .jumin-pub.rig{margin-left: 2px;width: calc(33.333% - 2px);}


.mypage-modify .certi-tguide{width: 100%; display: inline-block; box-sizing: border-box; border: 2px solid #c4cbd7; padding: 15px 10px; margin-bottom: 15px; text-align: justify;}
.mypage-modify .certi-tguide .tit{font-size: 16px; color: #222; font-weight: 500; padding-bottom: 5px }
.mypage-modify .certi-tguide .cont{color: #222}
.mypage-modify .certi-tguide u{text-decoration: none; border-bottom: 1px solid #222}
.mypage-modify .step_box{width: 100%; display: inline-block; margin-bottom: 10px}
.mypage-modify .step_box ul li{float: left; width: 14.2857%}
.mypage-modify .step_box ul li img{width: 100%}


/*프로젝트 관리-공통*/

.info-modify h3{ font-size:18px; font-weight:500; color:#222; position:relative; margin-bottom:20px;}
.info-modify h3 span{color:#666; font-weight:400;}
.info-modify input[type="text"].cs-input:focus, .info-modify input[type="password"].cs-input:focus, .info-modify input[type="file"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}
.info-modify input[type="file"]{display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px}

.info-modify textarea[type="text"], .info-modify textarea[type="email"], .info-modify textarea[type="password"], .info-modify textarea[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; padding:0 10px; width:100%; height: 200px;}
.info-modify input[type="text"], .info-modify input[type="email"], .info-modify input[type="password"], .info-modify input[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px; padding:0 10px;}
.info-modify input[type="text"].cs-input:focus, .info-modify input[type="email"].cs-input:focus, .info-modify input[type="password"].cs-input:focus, .info-modify input[type="file"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}


.info-modify .profile-list{margin-bottom:20px; border-bottom:1px solid #e5e7eb; position:relative; padding:20px 0; min-height:122px;}
.info-modify .profile-list .img{width:122px; height:122px; background:url(../_Img/Sub/profile-img.png) no-repeat center center; position: relative; margin:0px auto;}
.info-modify .profile-list .logo{width:122px; height:122px; position: relative; margin:0px auto; display: table; border-radius: 50%; border: 1px solid #e5e7eb}
.info-modify .profile-list .logo span{border-radius: 50%; display: table-cell; vertical-align: middle;}
.info-modify .profile-list .logo img{width: 100%; border-radius: 50%; }
.info-modify .profile-list .btxt{color:#222;font-weight:500; display:block; line-height:140%; margin-bottom:5px; text-align: center;}
.info-modify .profile-list .stxt{color:#666;font-weight:300; display:block; line-height:140%; text-align: center;}
.info-modify .profile-list .file-upload{padding:25px 0 10px 0; position: relative; margin: 0px auto; width: 50%}
.info-modify .profile-list .file-upload input{width:calc(100% - 71px)}
.info-modify .upload-btn{background:#418ccc;border:1px solid #418ccc; color:#fff; font-size:15px; font-weight:500; line-height:38px; padding:0 15px;display:inline-block; vertical-align:top}


.info-modify .default-list{/* border-top:1px solid #cbd1da; */border-bottom:1px solid #e5e7eb; margin-bottom:30px;  position:relative; width: calc(50% - 20px); float: left;}
.info-modify .default-list li{position:relative; margin-top:12px;}
.info-modify .default-list li:first-child{margin-top:0;}
.info-modify .default-list li .btxt{line-height:40px; color:#222; font-weight:500; font-size:16px; width: 100%; float: left;}
.info-modify .default-list li div.mstr{position:relative;display:inline-block; vertical-align:top; width: 100%}
.info-modify .default-list li div.mstr .fdown{color: #418ccc; margin-left: 5px}
.info-modify .default-list li div.mstr .w100p{position: relative; float: left;margin-bottom: 2px}
.info-modify .default-list li div.mstr span.txt{line-height: 40px; padding-right: 20px}
.info-modify .default-list li.c-05 input[type="file"]{display:none;}

.info-modify input.sns-def{float: left;}
.info-modify input.sns-def.mg01{width: calc(25% - 5px); margin-right: 5px;}
.info-modify input.sns-def.mg02{width: calc(25% - 5px); margin-right: 5px;}
.info-modify input.sns-def.mg03{width: calc(25% - 5px); margin-right: 5px;}
.info-modify input.sns-def.mg04{width: calc(25% - 0px); margin-right: 0px;}
.info-modify input.bank-01 {margin-right: 3px;width: calc(50% - 66px)}
.info-modify input.bank-02 {width: calc(50% - 66px)}
.info-modify select.bank-03 {margin-right: 4px}

.info-modify .certify-btn{background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}
.info-modify .certify-btn.active{background:#2aa1e3; border:1px solid #2aa1e3}
.info-modify .input-ex{color:#666; letter-spacing:-0.03em;  font-size:14px; font-weight:400; display:inline-block; vertical-align:top; line-height:40px; margin-left:10px;}
.info-modify .input-ex02{color:#666; font-size:14px; font-weight:400; display:block; line-height:18px;}
.info-modify .input-check.true{ font-size:14px; font-weight:500; color:#418ccc; display:inline-block; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px;}
.info-modify .input-check.false{display:block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;}
.info-modify .leave-btn{position:absolute; right:0; top:50% ; margin-top:-10px; font-size:16px; font-weight:400; line-height:20px; padding-right:15px; color:#639dbe; background:url(../_Img/Sub/leave-arrow.png) no-repeat right center;}
.info-modify .btn-wrap{position:Relative; margin-top: 30px}
.info-modify #profile{border-radius: 50%; width: 122px; height: 122px;}
.info-modify #mlogo{border-radius:0; width: 100%; height: 100%}

.info-modify .select01 {width: 120px; height: 40px; padding-left:5px; background: #fff; border:1px solid #c4cbd7; box-sizing: border-box;}


	@media only screen and (max-width:1000px) {
		.info-modify.end .end-txt{min-height:auto; padding:20px 2px 50px 2px ;border-bottom:1px solid #d9dfe8; margin-bottom:50px;}
	}
	@media only screen and (max-width:780px) {
		.info-modify .input-ex{display:block; margin-left:0; line-height:120%; margin-top:10px}
		.info-modify .default-list{padding: 0}
	}
	@media only screen and (max-width:680px) {
		.info-modify .profile-list .file-upload{width: 70%}
		.info-modify .profile-list {text-align:center; padding:20px}
		.info-modify.profile-list .img{display:inline-block; vertical-align:top;position:relative; left:auto; top:auto;}
		.info-modify .profile-list .btxt{display:block; margin-top:20px;}
		.info-modify .upload-btn{display:block; margin-top:10px;}
		.info-modify .default-list li{padding-left:0 ;margin-top:6px; font-size:0;}
		.info-modify .default-list li .btxt{position:relative; left:auto; top:auto; display:block;}
		.info-modify .default-list li.c-01 input[type="file"]{display:inline-block;}
		.info-modify .default-list li.c-01 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.info-modify .default-list li.c-02 div.mstr .certify-btn{position:absolute; right:0 ;top:0; }
		.info-modify .default-list li div.mstr{width: 100%}
		.info-modify .default-list li.c-05 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.info-modify .default-list li .w352{width: 100%}
		.info-modify .default-list li .w230{width:100%}
		.info-modify .default-list li .w50p{width:100%}
		.info-modify .default-list li .w50p:first-child{margin-bottom:5px;}
		.info-modify .default-list li .w90{width:31.3333%; margin:0 0 0 3%}
		.info-modify .default-list li .w90:first-child{margin-left:0;}

		.info-modify .input-ex{font-size:13px;}
		.info-modify .input-ex02{font-size:13px;}
		.info-modify .input-check.true{ display:block; line-height:120%; margin-top:10px; margin-left:0;}
		.info-modify .agree li.last{text-align:center; padding-left:0;}
	}

	@media only screen and (max-width:480px) {
		.info-modify .profile-list .file-upload{width: 100%}
		.info-modify .profile-list{padding: 0px 0 20px 0}
		.info-modify .default-list li.c-02 div.mstr{padding-right:0;}
		.info-modify .default-list li.c-02 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
		.info-modify .default-list li.c-05 div.mstr{padding-right:0;}
		.info-modify .default-list li.c-05 div.mstr .certify-btn{position:relative; right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
		.info-modify input.sns-def{float: left;}
		.info-modify input.sns-def.mg01{width: calc(50% - 5px); margin-right: 5px; margin-bottom: 5px}
		.info-modify input.sns-def.mg02{width: calc(50% - 0px); margin-right: 0px; margin-bottom: 5px}
		.info-modify input.sns-def.mg03{width: calc(50% - 5px); margin-right: 5px;}
		.info-modify input.sns-def.mg04{width: calc(50% - 0px); margin-right: 0px; }
		.info-modify input.bank-01{margin-right: 0px;width: calc(100% - 125px)}
		.info-modify input.bank-02{width: 100%; margin-top: 5px}
		.info-modify select.bank-03{margin-right: 5px}
	}

.input-check.true{ font-size:14px; font-weight:500; color:#418ccc; display:inline-block; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px;}
.input-check.false{display:inline-block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;}





/*펀딩내역-투자현황-상세*/
.my-invest-detail{background: #fff;position: relative;}
.my-invest-detail .detail-con {position:relative;padding-bottom: 40px;}
.my-invest-detail .detail-con input[type="text"], .my-invest-detail .detail-con input[type="password"], .my-invest-detail .detail-con input[type="file"]{ display:inline-block;vertical-align:top;border:1px solid #c4cbd7; box-sizing:border-box; height:40px; padding:0 10px;}
.my-invest-detail .detail-con input[type="text"].cs-input:focus, .my-invest-detail .detail-con input[type="password"].cs-input:focus, .my-invest-detail .detail-con input[type="file"].cs-input:focus{ border:1px solid #418ccc; color:#222 !important}
.my-invest-detail .detail-con h3{ font-size:14px; font-weight:500; padding-left:10px; position:relative;}
.my-invest-detail .detail-con h3:before{background:#053262; width:4px; height:13px;position:absolute; left:0; top:5px; display:block;content:""}
.my-invest-detail h4{width:100%; box-sizing:border-box;padding-left:12px; color:#222; font-size:16px; font-weight:500; line-height:130%; letter-spacing:-0.03em; position:Relative;margin-bottom:15px; display: inline-block; }
.my-invest-detail h4:before{ width:4px; height:14px; position:Absolute; left:0; top:4px; display:block; content:"";background:#ce993c;}
.my-invest-detail .detail-con .detail-ex01{font-size:12px; line-height:140%;}

	@media only screen and (max-width:680px) {
		.my-invest-detail .detail-con .btn-wrap.center{overflow:hidden}
		.my-invest-detail .detail-con .btn-wrap.center .cw-btn{width:47%; float:left; min-width:auto;}
		.my-invest-detail .detail-con .btn-wrap.center .cr-btn{width:47%; float:right; min-width:auto;}
	}

.my-invest-detail .detail-con .ex01{font-size:12px; color:#222; line-height:130%;}
.my-invest-detail .detail-con .ex01 .b{font-weight:500 !important}
.my-invest-detail .detail-con .modify-btn{ position:absolute; right:0;text-align:center; bottom:10px;color:#053262;background:#fff; border:1px solid #053262; min-width:175px; border-radius:0; font-size:16px; }
.my-invest-detail .detail-con .modify-btn span{display:inline-block; vertical-align:top; line-height:44px; padding-right:5px;}
.my-invest-detail .detail-con .modify-btn:after{width:14px; height:14px; background:url(../_Img/Sub/brown-arrow01.png) no-repeat center center ; display:block; content:""; position:Absolute; right:12px ; top:50%;margin-top:-7px}
.my-invest-detail .detail-con .modify-btn.active:after{background:url(../_Img/Sub/brown-arrow02.png) no-repeat center center ;margin-top:-8px }

	@media only screen and (max-width:680px) {
		.my-invest-detail .detail-con .modify-btn{ margin:10px 0 0 0;position:relative; right:auto; bottom:auto; display:block;vertical-align:top;}
	}


.my-invest-detail .detail-con .certify-btn{background:#418ccc; display:inline-block; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}
.my-invest-detail .detail-con .input-ex{color:#666; letter-spacing:-0.03em;  font-size:14px; font-weight:400; display:inline-block; vertical-align:top; line-height:40px; margin-left:10px;}
.my-invest-detail .detail-con .input-ex02{color:#666;letter-spacing:-0.03em;  font-size:12px; font-weight:400; display:block; line-height:18px; letter-spacing:-0.03em;}
.my-invest-detail .detail-con .input-ex03{color:#666;letter-spacing:-0.03em;  font-size:14px; font-weight:300; display:block; line-height:18px; letter-spacing:-0.03em;}

.my-invest-detail .detail-con .input-check.true{ font-size:14px; font-weight:500; color:#418ccc; display:inline-block; vertical-align:top; margin-left:10px; padding-left:19px; background:url(../_Img/Sub/check-blue.png) no-repeat left center; line-height:40px;}
.my-invest-detail .detail-con .input-check.false{display:block; line-height:24px; margin-top:3px; color:#ff3232; font-weight:400; font-size:12px;}

.my-invest-detail .detail-top { position:relative; padding-left:280px; min-height:142px;}
.my-invest-detail .detail-top .cate{ margin-top:10px; font-size:14px; margin-bottom: 20px}
.my-invest-detail .detail-top .cate span.b{font-weight:500 !important; line-height:28px; padding: 0 20px; color:#fff !important; border:none !Important;}
.my-invest-detail .detail-top .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}

.my-invest-detail .detail-top .cate.c-01 span.b{ background:#053262;}
.my-invest-detail .detail-top .cate.c-02 span.b{ background:#053262}
.my-invest-detail .detail-top .cate.c-03 span.b{ background:#418ccc;}
.my-invest-detail .detail-top .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:28px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.my-invest-detail .detail-top .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:28px; border-top:1px solid #053262;border-bottom:1px solid #053262}
.my-invest-detail .detail-top .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:28px; border-top:1px solid #418ccc;border-bottom:1px solid #418ccc}
.my-invest-detail .detail-top .tit{ color:#222;font-size:20px; font-weight:400; letter-spacing:-0.03em; margin:5px 0; line-height:120%;}
.my-invest-detail .detail-top .txt{ font-size:13px; font-weight:400; line-height:130%; margin:3px 0; }
.my-invest-detail .detail-top .txt span{position:relative;display:inline-block; vertical-align:top;}
.my-invest-detail .detail-top .txt span.name{width:80px; margin-right:10px;}
.my-invest-detail .detail-top .txt span.cred{margin: 0 10px}


.my-invest-detail .detail-top .img{width:250px; position:Absolute; left:0; top:0;}
.my-invest-detail .detail-top .img img{width:100%;}


	@media only screen and (max-width:680px) {
		.my-invest-detail .detail-top{padding-left:0}
		.my-invest-detail .detail-top .img{max-width: 210px; margin: 0px auto;position:relative; width:auto; left:auto; top:auto; padding-bottom: 20px}
	}



.my-invest-detail .state-info{ border:1px solid #edf4fa; padding:30px; position: relative; margin-top: 30px}
.my-invest-detail .state-info .list-wrap{ padding:25px 0 20px 0; position:relative; border-bottom: 1px solid #edf4fa; margin-bottom: 20px}
.my-invest-detail .state-info .list-wrap .btxt{ font-size:20px; font-weight:500; color:#053262; line-height:130%; margin-bottom:5px; letter-spacing:-0.03em}
.my-invest-detail .state-info .list-wrap .stxt{ font-size:14px; color:#666; line-height:130%;}
.my-invest-detail .state-info .list-wrap .btn_subtop {height:34px; background-color: #418ccc; color:#fff; border:1px solid #418ccc; line-height: 32px; font-size:14px; font-weight: 500; display:inline-block; text-align: center;padding:0 10px;}
.my-invest-detail .state-info .sub-wrap .cancle{text-align: right; color: #053262}
.my-invest-detail .state-info .sub-wrap .cancle a{color: #053262;text-decoration: underline;}



	@media only screen and (max-width:680px) {
		.my-invest-detail .state-info{padding:20px 20px 20px 20px}
	}
	@media only screen and (max-width:400px) {
		.my-invest-detail .state-info{padding:15px 15px 15px 15px}
	}

.my-invest-detail .order-list{border:1px solid #edf4fa; padding:30px; overflow:hidden; margin-top: 30px}
.my-invest-detail .order-list div.top{width: 100%; margin-bottom: 20px; margin-top: 20px }
.my-invest-detail .order-list div.top p.txt{font-size: 12px; padding-top: 10px}
.my-invest-detail .order-list div.bottom{width: 100%; display: inline-block; padding-top: 25px}
.my-invest-detail .order-list div.bottom ul{width: 50%; margin: 0; padding: 0; list-style: none; float: left;}
.my-invest-detail .order-list div.bottom ul.left{font-weight: 500; color: #222}
.my-invest-detail .order-list div.bottom ul.right{color: #053262; font-weight: 500; letter-spacing: 0px}
.my-invest-detail .order-list div.bottom ul li.money{font-size: 18px}
.my-invest-detail .order-list div.bottom ul li.end{padding-bottom: 10px; margin-bottom: 10px;border-bottom: 1px solid #d9dfe8 }
/*.my-invest-detail .order-list .left_box{width: calc(50% - 15px); float: left; margin-right: 15px; min-height: 50px}
*/
.my-invest-detail .order-list .left_box{width: 100%; float: left; min-height: 50px}
.my-invest-detail .order-list .right_box{width: calc(50% - 15px); float: left; min-height: 50px; display: none; }
.my-invest-detail .order-list span.state{font-weight: bolder; color: #053262; padding-right: 10px }


.my-invest-detail .cdtn{width:100%; display: inline-block; margin-top: 30px}
.my-invest-detail .cdtn div.cond_box{float:left; width:100%; overflow:hidden; background: #fff; border: 1px solid #e3e6ec; box-sizing: border-box; padding: 30px}
.my-invest-detail .cdtn .box01{float:left; width:33%; box-sizing:border-box; padding:25px 15px 0 0;}
.my-invest-detail .cdtn .box02{float:left; width:34%; box-sizing:border-box; padding:25px 15px 0 15px;}
.my-invest-detail .cdtn .box03{float:left; width:33%; box-sizing:border-box; padding:25px 0 0 15px;}
.my-invest-detail .cdtn .ex{ font-size:14px; color:#222 ;font-weight:300; line-height:20px; margin-top:10px;  float:left; width:100%;}
.my-invest-detail .cdtn .ex span{font-weight:500; margin-right:5px;}


.my-invest-detail .cdtn li:first-child{margin-top:0;}
.my-invest-detail .cdtn li{font-size:14px;  color:#222; margin-top:1px; ;position:Relative; text-align:right; font-weight:300}
.my-invest-detail .cdtn li .btxt{font-weight:500; position:absolute; left:0; top:0}
.my-invest-detail .cdtn li .stxt{letter-spacing: 0;}
.my-invest-detail .cdtn li.c-01 .btxt{font-weight:500; color:#053262}
.my-invest-detail .cdtn li.c-01 .stxt{font-weight:500; color:#053262}
.my-invest-detail .cdtn li.mobile{display: none;}
.my-invest-detail .cdtn li .stxt.b{font-weight:500;}

.my-invest-detail .order-list .result{position:relative; padding:25px 0; margin-top:20px;background:#f2f4f7}
.my-invest-detail .order-list .result:before{width:2000px; height:100%; display:block; z-index:1; content:"";background:#f2f4f7; position:absolute; left:50%;margin-left:-1000px; top:0;}
.my-invest-detail .order-list .result li{ position:Relative; margin-top:10px; z-index:5}
.my-invest-detail .order-list .result li:first-child{ margin-top:0;}
.my-invest-detail .order-list .result .btxt{display:block;font-size:14px; color:#222; line-height:130%;font-weight:500;}
.my-invest-detail .order-list .result .stxt{position:absolute; right:0; top:0;font-size:14px; color:#222; line-height:130%;}
.my-invest-detail .order-list .result .last{border-top:1px solid #cbd1da; padding-top:20px; margin-top:20px;}
.my-invest-detail .order-list .result .last .btxt{ display:block;color:#053262;font-weight:500;}
.my-invest-detail .order-list .result .last .stxt{  font-size:20px; font-weight:500;color:#053262; position:absolute; right:0; top:20px;}

.my-invest-detail .btn-wrap{margin-top: 30px}

	@media only screen and (max-width:680px) {
		.my-invest-detail .order-list{padding:20px 20px 20px 20px}
		.my-invest-detail .order-list .list li{padding-right:100px;}
		.my-invest-detail .cdtn div.cond_box{padding: 20px}
	}
	@media only screen and (max-width:400px) {
		.my-invest-detail .order-list{padding:15px 15px 15px 15px}
		.my-invest-detail .order-list .list li{padding-right:100px;}
	}

.my-invest-detail .order-info{border:2px solid #edf4fa; padding:30px;}

.my-invest-detail .order-info .list-wrap{ padding:25px 0 0 0;  position:relative;}
.my-invest-detail .order-info .list-wrap .use{ font-weight:300; font-size:16px; color:#222; line-height:150%;}
.my-invest-detail .order-info .list-wrap .num{ font-weight:300; font-size:16px; color:#222; line-height:150%;}
.my-invest-detail .order-info .list-wrap .use span, .my-invest-detail .order-info .list-wrap .num span{display:inline-block; vertical-align:top; width:80px;}

.my-invest-detail .order-info .write-wrap{display:none;padding-top:25px;}
.my-invest-detail .order-info .write-wrap li{position:relative; float:left; width:49.5%;}
.my-invest-detail .order-info .write-wrap li:nth-child(even){float:right}
.my-invest-detail .order-info .write-wrap li:nth-child(n+3){ margin-top:15px;}
.my-invest-detail .order-info .write-wrap li .btxt{ line-height:130%; padding:11px 0 11px 0; display:block;color:#222; font-weight:500; letter-spacing:-0.02em; font-size:14px;}
.my-invest-detail .order-info .write-wrap li .stxt{color:#222; letter-spacing:-0.02em; line-height:130%; padding:9px 0;}
	@media only screen and (max-width:780px) {
		.my-invest-detail .order-info .input-ex{display:inline-block !important; margin-left:5px !important;}
		.my-invest-detail .cdtn .box01, .my-invest-detail .cdtn .box02{width:100%; min-height:60px;box-sizing: border-box;}
		.my-invest-detail .cdtn .box01{margin:25px 0 0 0;border-bottom: 1px solid #d9dfe8; padding: 0 0 10px 0}
		.my-invest-detail .cdtn .box02{margin:15px 0 0 0;padding: 0 0 0 0}
		.my-invest-detail .cdtn .box03{display: none;}
		.my-invest-detail .order-list div.bottom ul li.money{font-size: 14px}
		.my-invest-detail .cdtn li.mobile{display: block;}


	}
	@media only screen and (max-width:680px) {
		.my-invest-detail .order-info{padding:20px 20px 20px 20px}
		.my-invest-detail .order-info .write-wrap li{float:none; width:auto}
		.my-invest-detail .order-info .write-wrap li:nth-child(even){float:none;}
		.my-invest-detail .order-info .write-wrap li:nth-child(n+2){margin-top:15px;}


	}
	@media only screen and (max-width:520px) {
		.my-invest-detail .order-list .left_box, .my-invest-detail .order-list .right_box{width: 100%; margin: 0}
	}
	@media only screen and (max-width:400px) {
		.my-invest-detail .order-info{padding:15px 15px 15px 15px}
	}



.my-invest-detail .deliver-info{border:2px solid #edf4fa; padding:30px;}
.my-invest-detail .deliver-info .list-wrap{ padding:25px 0 0 0;  position:relative;}
.my-invest-detail .deliver-info .list-wrap .name{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.my-invest-detail .deliver-info .list-wrap .tel{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.my-invest-detail .deliver-info .list-wrap .addr{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.my-invest-detail .deliver-info .list-wrap .message{ font-weight:300; font-size:16px; color:#222; line-height:140%;}
.my-invest-detail .deliver-info .write-wrap {display:none;  padding-top:25px;}
.my-invest-detail .deliver-info .write-wrap li{position:relative;padding-left:125px; margin-top:15px;}
.my-invest-detail .deliver-info .write-wrap li:first-child{margin-top:0;}
.my-invest-detail .deliver-info .write-wrap li .btxt{ line-height:130%; padding:11px 0 11px 12px; position:absolute; left:0; top:0; color:#222; font-weight:500; letter-spacing:-0.02em; font-size:14px;}
.my-invest-detail .deliver-info .write-wrap li .btxt:before{width:4px; height:4px; position:absolute; left:0; top:18px; display:block; content:"";background:#b5beca;}
.my-invest-detail .deliver-info .write-wrap li .stxt{color:#222; letter-spacing:-0.02em; line-height:130%; padding:9px 0;}
.my-invest-detail .deliver-info .write-wrap li div.mstr{position:relative;display:inline-block; vertical-align:top;}
.my-invest-detail .deliver-info .write-wrap li.c-05 input[type="file"]{display:none;}

	@media only screen and (max-width:780px) {
		.my-invest-detail .detail-con .input-ex{display:block; margin-left:0; line-height:120%; margin-top:10px}
	}
	@media only screen and (max-width:680px) {
		.my-invest-detail .deliver-info .write-wrap li{padding-left:0 ;margin-top:6px;}
		.my-invest-detail .deliver-info .write-wrap li .btxt{position:relative; left:auto; top:auto; display:block;}
		.my-invest-detail .deliver-info .write-wrap li.c-01 input[type="file"]{display:inline-block;}
		.my-invest-detail .deliver-info .write-wrap li.c-01 div.mstr{position:relative;display:block;padding-right:95px; font-size:0;}
		.my-invest-detail .deliver-info .write-wrap li.c-01 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.my-invest-detail .deliver-info .write-wrap li.c-02 div.mstr{padding-right:130px;display:block;}
		.my-invest-detail .deliver-info .write-wrap li.c-02 div.mstr .certify-btn{position:absolute; right:0 ;top:0; }
		.my-invest-detail .deliver-info .write-wrap li.c-05 div.mstr{position:relative;display:block;padding-right:95px; font-size:0;}
		.my-invest-detail .deliver-info .write-wrap li.c-05 div.mstr .certify-btn{position:Absolute; right:0; top:0}
		.my-invest-detail .deliver-info .write-wrap li .w230{width:100%;}


		.my-invest-detail .detail-con .input-ex{font-size:13px;}
		.my-invest-detail .detail-con .input-ex02{font-size:13px;}
		.my-invest-detail .detail-con .input-check.true{ display:block; line-height:120%; margin-top:10px; margin-left:0;}

		.my-invest-detail .deliver-info{padding:20px 20px 20px 20px}
	}

	@media only screen and (max-width:480px) {
		.my-invest-detail .deliver-info{padding:15px 15px 15px 15px}
		.my-invest-detail .deliver-info .write-wrap  .w70p{width:100% !important;}

		.my-invest-detail .deliver-info .write-wrap li.c-02 div.mstr{padding-right:0;}
		.my-invest-detail .deliver-info .write-wrap li.c-02 div.mstr .certify-btn{position:relative;right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
		.my-invest-detail .deliver-info .write-wrap li.c-05 div.mstr{padding-right:0;}
		.my-invest-detail .deliver-info .write-wrap li.c-05 div.mstr .certify-btn{position:relative;right:auto ;top:auto; text-align:center; margin:5px 0 0 0; width:100%; box-sizing:border-box; }
	}


/*탭*/
.tabv_con{width: 100%; font-size: 14px; display: inline-block;}
.tabv_con ul.tabv_inv{margin: 0; list-style: none; font-size:0; width: 100%; float: left; top:0; padding: 0; box-sizing: border-box;}
.tabv_con ul.tabv_inv li{
	float: left;
	width: 20%;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabv_con ul.tabv_inv li.active{border-bottom: 2px solid #053262; color: #053262}
.tabv_con p.title-open{
	width: 20%;
	min-height: 60px;
	display: inline-block;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	cursor: pointer;
	border-bottom: 2px solid #053262;
}
.tab_container_oinv {
    border-top: none;
    clear: both;
    width: 100%;
    float: left;
    display: inline-block;
}
.tab_content_oinv {
	width: 100%;
	padding: 20px 0;
	cursor: default;
	float: left;
	box-sizing: border-box;
	position: relative;

}
.tabs_con ul.tabs_oinv{margin: 0; list-style: none; font-size:0; width: 100%; float: left; position: relative;padding: 0 20%; box-sizing: border-box;}
.tabs_con ul.tabs_oinv li{
	float: left;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
}
.tabs_con ul.tabs_oinv li.active{border-bottom: 2px solid #053262; color: #053262}
.tabs_con ul.tabs_oinv li.first{color: #053262}

@media only screen and (max-width:650px) {
	.tabs_con ul.tabs_oinv li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}
	.tabv_con ul.tabv_inv li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}
}

/*만든 프로젝트-투자 상세페이지-새소식*/


.tab_content_oinv div.news{width: 100%; position: relative; float: left;}
.tab_content_oinv div.news input[type=radio]:not(old) {
    margin:0; padding:0; opacity:0;
    background:url(../_Img/Sub/check_on.png) no-repeat 0 0;
    width:0;
}
.tab_content_oinv div.news input[type=radio]:not(old) + label {
    display: inline-block;
    text-align: left;
    height:28px;
    padding-left: 25px;
    background: url(../_Img/Sub/check_off_2.png) no-repeat 0 0;
    line-height: 130%;
}
.tab_content_oinv div.news input[type=radio]:not(old):checked + label {
    background: url(../_Img/Sub/check_on_2.png) no-repeat 0 0;
}

.tab_content_oinv div.news .date_select {float: right; margin-bottom: 10px}
.tab_content_oinv div.news ul.list_oinv{width: 100%; border-top: 1px solid #e3e6ec; border-bottom: 1px solid #e3e6ec; float: left;}
.tab_content_oinv div.news ul.list_oinv li{width: 100%; padding: 20px; border-bottom: 1px dashed #e3e6ec; float: left; box-sizing: border-box;}
.tab_content_oinv div.news ul.list_oinv li:last-child{border-bottom:0;}
.tab_content_oinv div.news ul.list_oinv li p.tit{color: #222; font-size: 16px; font-weight: bolder}
.tab_content_oinv div.news ul.list_oinv li p.tit span{color: #053262;}

.tab_content_oinv div.news ul.detail{width: 100%; border-bottom: 1px solid #c6ccd5; float: left; margin-bottom: 20px}
.tab_content_oinv div.news ul.detail li{width: 100%; padding: 20px; border-bottom: 1px solid #e3e6ec; float: left;box-sizing: border-box;}
.tab_content_oinv div.news ul.detail li:last-child{border-bottom:0;}
.tab_content_oinv div.news ul.detail li p.tit{color: #222; text-align: center;font-size: 16px; font-weight: bolder}
.tab_content_oinv div.news ul.detail li.txt{background: #e3e6ec; height: 500px}
.tab_content_oinv .btn{position: relative; margin: 0px auto; width: 88px}
.tab_content_oinv .btn_subtop {height:34px; background-color: #418ccc; color:#fff; border:1px solid #418ccc; line-height: 32px; overflow: hidden; font-size:14px; font-weight: 500; display:inline-block; text-align: center;padding:0 30px;}




/*만든 프로젝트-투자 상세페이지-투자자*/
.tab_content_oinv p.before{text-align: center;}
.tab_content_oinv .own_handle{width: 100%; float: left; position: relative; padding-bottom: 15px}
.tab_content_oinv .own_handle span{line-height: 35px; float: left;}
.tab_content_oinv .own_handle span.select-box-own{float: right; width: 150px}
.tab_content_oinv .own_handle span.down_btn{float:right; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #cccfd5; margin-right: 10px; box-sizing: border-box; cursor: pointer; }

.tab_content_oinv ul.list_detail{width: 100%; border-top: 1px solid #e3e6ec; border-bottom: 1px solid #e3e6ec; float: left;}
.tab_content_oinv ul.list_detail li{padding: 10px 10px; border-bottom: 1px dashed #e3e6ec; color:#dbdee2 }
.tab_content_oinv ul.list_detail li:last-child{border-bottom: 0 }
.tab_content_oinv ul.list_detail li span{padding: 0 12px; color: #555 }

/*내가쓴글*/
.tabs_def_con ul.tabs_mybbs{float: left; list-style: none; font-size:0; width: 60%; position: relative;box-sizing: border-box;}
.tabs_def_con ul.tabs_mybbs li{
	float: left;
	min-height: 60px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height:60px;
	text-align:center;
	line-height:60px;
	font-weight:400;
	color:#68696b;
	font-size:16px;
	letter-spacing:-0.02em;
	-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;
	border-bottom: 2px solid #eaeff5;
	cursor: pointer;
	padding: 0 15px
}
.tabs_def_con ul.tabs_mybbs li.active{border-bottom: 2px solid #418ccc; color: #418ccc}

@media only screen and (max-width:920px) {
		.tabs_def_con ul.tabs_mybbs{ width: 80%; }
}
@media only screen and (max-width:800px) {
	.tabs_def_con ul.tabs_mybbs{ width: 80%; }

}
@media only screen and (max-width:650px) {
	.tabs_def_con ul.tabs_mybbs{ width: 100%;}
	.tabs_def_con ul.tabs_mybbs li{font-size: 14px; line-height:40px; height: 40px; min-height: 40px}

}
@media only screen and (max-width:520px) {
	.tabs_def_con ul.tabs_mybbs{ width: 100%; }
}



/*후원 프로젝트 관리-내 프로젝트*/
.myfund-rprj {width: 100%;height: auto;font-size: 14px;word-wrap: break-word;position: relative;}
.myfund-rprj .thead {float:left; width: 100%;border-top: 2px solid #418ccc;border-bottom: 1px solid #d4d4d4;background-color: #f3f6fb;text-align: center; word-wrap: break-word;}
.myfund-rprj .thead li {padding: 13px 0; word-wrap: break-word;}

.myfund-rprj .tbody {float: left;width: 100%;clear: both;background-color: #fff; text-align: center; word-wrap: break-word;}
.myfund-rprj .tbody li {margin-bottom:15px;padding: 15px; box-sizing:border-box; background-color: #fff; word-wrap: break-word; position: relative; border: 1px solid #dfdfdf}
.myfund-rprj .tbody li .contxtp {float:left; box-sizing: border-box; padding: 0; position: relative; width: calc(100% - 260px); min-height: 130px}
.myfund-rprj .tbody li .contxtp p{position: relative; float: left;}
.myfund-rprj .tbody li .inst{position:absolute; left:0; padding-top:0; bottom: 0; width:100%;}
.myfund-rprj .tbody li .thum{width: 230px; float: left; margin-right: 30px; position: relative; }
.myfund-rprj .tbody li .thum img{width: 100%;}


.myfund-rprj .graph{background:#dae2ed; position:Relative; height:10px;}
.myfund-rprj .bar{position:Absolute; left:0; top:0; height:100%;}
.myfund-rprj .c-01 .bar{ background:#053262;}
.myfund-rprj .c-02 .bar{ background:#053262}
.myfund-rprj .c-03 .bar{ background:#418ccc;}


.myfund-rprj .day{font-size:14px; padding-left:18px;text-align: left; position:relative; color:#666; line-height:20px; margin-top:8px;}
.myfund-rprj .day span{float: left; position: relative;}
.myfund-rprj .day span.date{width: 25%; padding-left: 6px; box-sizing: border-box;}
.myfund-rprj .day span.mon{width: 50%; text-align: center;}
.myfund-rprj .day span.per{width: 25%; text-align: right;}
.myfund-rprj .day i{color:#bfc8d3 !important}

.myfund-rprj .day.c-01 .date:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow03.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:-18px; top:50%;margin-top:-9px}
.myfund-rprj .day.c-02 .date:before{border:2px solid #053262;border-radius:100%;background:url(../_Img/Main/info-arrow02.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:-18px; top:50%;margin-top:-9px}
.myfund-rprj .day.c-03 .date:before{border:2px solid #418ccc;border-radius:100%;background:url(../_Img/Main/info-arrow01.png) no-repeat center center; position:Absolute; width:18px; height:18px; box-sizing:border-box; display:block; content:"";left:-18px;top:50%;margin-top:-9px}

.myfund-rprj .con   { float:left;width:100%; border-bottom:1px solid #dfdfdf; }
.myfund-rprj .date  { float:left;width:15%; }
.myfund-rprj .state { float:left;width:15%; }

.myfund-rprj .tit{text-align: left;width: 100%;font-size: 16px; margin-bottom: 10px; font-weight: 500; color: #222}
.myfund-rprj .com{text-align: left;width: 100%;font-size: 12px;}
.myfund-rprj .view_btn{background: #000;display: block;}
.myfund-rprj .group{text-align: left;width: 100%;font-size: 14px; }
.myfund-rprj .state{text-align: left; width: 100%; font-size: 14px; }
.myfund-rprj .state span.txt{font-size:18px; font-weight: bolder; line-height: 30px; margin-right: 10px}
.myfund-rprj .state.inv span.txt{color: #053262;}
.myfund-rprj .state.rew span.txt{color: #053262;}
.myfund-rprj .state .btn{background:#418ccc; vertical-align:top; line-height:38px; border:1px solid #418ccc; color:#fff; font-size:14px; font-weight:500; padding:0 15px;}

@media only screen and (max-width:800px) {
	.myfund-rprj .tbody li .contxtp {width: calc(100% - 200px); min-height: 130px}
	.myfund-rprj .tbody li .thum{width: 180px; margin-right: 20px; }
}
@media only screen and (max-width:640px) {
	.myfund-rprj .tbody li .contxtp {width: 100%; min-height: 130px}
	.myfund-rprj .tbody li .thum{width: 100%; margin-right: 0px; text-align: center; margin-bottom: 10px}
}
@media only screen and (max-width:550px) {
	.myfund-rprj .tbody li .contxtp {width: 100%; min-height: 150px}
}