﻿.sign_wrap { 
	padding: 30px; clear: both; border: 1px solid #d4d4d4;position: relative; top: 35px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
margin-bottom: 33px;
font-family: NanumGothic;
}
.sign_head { 
	position: relative; width: 100%; text-align: center; border-bottom: 1px solid #797979; 
	padding-bottom: 30px;
}
.sign_head .title { display: block; color:#000; font-size: 1.5em; }

.sign_grap { padding: 30px 0 0; }
.sign_grap .ing { text-align: center; font-size: 16px; margin-bottom: 10px;}
.sign_grap .ing strong { color:#ff5a00; font-weight:600;}
.sign_grap .grap { height: 80px; padding: 0 20px; margin-bottom:32px; border-bottom: 1px solid #d1d1d1;}
.grapwrap { width: 100%; background-color:#d1d1d1; height:16px; border-radius: 16px; position: relative;}
.grapwrap .bar { background-color:#ff5a00; height: 100%; border-radius: 16px 0 0px 16px; }
.grapwrap .bar.achieve { border-radius:16px; }
.grapwrap .bar strong { display: block; position: absolute;left: 15px; top: 25px; color:#ff5a00;font-size: 16px;}
.totalnum { position: absolute; display: block; right: 15px; top: 25px; color:#ff5a00; font-size: 0.86em;}
.totalnum em { color:#414141; }

.formlist { padding:0 15px 0; }
.formlist ul { margin: 0 auto 25px; width: 527px;}
.formlist li { margin-bottom:10px; width: 100%;}
.formlist li:last-child { margin-bottom:0px; }
.formlist li input { 
	display: block; border: 1px solid #bbb; height: 48px;width: 100%;
	background: #f9f9f9 url("http://img.nocutnews.co.kr/mnocut/v3/sub/input_text_bg.png") no-repeat 10px 13px / auto 200px;padding: 0 0 0 3%; font-size: 14px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.formlist li p input:nth-of-type(2) { background-image: none; margin-top: 10px;}
.formlist li input.bg1 { background-position: 16px 18px; }
.formlist li input.bg2 { background-position: 16px -45px }
.formlist li input.bg3 { background-position: 16px -167px;}
.privacy { margin-bottom: 20px; width: 100%;}
.privacy p input { vertical-align: middle; }
.privacy strong { display: block; margin: 0 0 10px; }
.privacy textarea { width: 96%; height: 100px; border: 1px solid #bbb; padding: 10px; resize:none; margin-bottom:5px;}

.formlist .btn { text-align: center; width: 528px; margin: 0 auto; }
.formlist .btn a { 
	background-color:#717171; height:50px; width: 100%; display: block; color:#fff; font-weight:600; line-height: 50px;
	font-size: 16px;
}
.formlist .btn a:hover { text-decoration: none; }