html,body{width:100%;height:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse}
fieldset,img{border:0}
address,caption,cite,code,em,strong,th{font-style:normal;font-weight:400}
dl,ul,ol,menu,li {list-style:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
caption,th{text-align:left}
legend {display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:""}
abbr,acronym{border:0}
body{background:#fff;font-size:12px;font-family:Dotum,"µ¸¿ò",sans-serif;color:#000}
a{text-decoration:none;color:#777}
a:hover{text-decoration:underline}
button,input,select,textarea {font-size: 100%;outline:none;border:none;}
.blind {position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden}
.hidden {display:none}
.hide {position:absolute;left:-9999px;height:0;line-height:0;visibility:hidden}

.red {color:#e90000;}
.f_r {float:right;}
.f_l {float:left;}
.tb_l {display:table; width:100%;}
.tb_c {display:table-cell; vertical-align:middle;}

select {
	width:100%;
	height:40px;
	line-height:40px;
	padding: 0 15px;
	font-size:14px;
	color: #888;
	border: 1px solid #acacac;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-appearance: none;
  -webkit-appearance: none;
	appearance:none;
	border-collapse: separate;
	background-size: 25px;
  background:#fff url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v2/bg_slt_v3.png?v=3&CDN=1) right 17px no-repeat;
}
select::-ms-expand {display:none;}

input {
	height:80px;
	font-family: Dotum,"µ¸¿ò",sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* input box color */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

.sign_form input[type=checkbox] {
	position:relative;
	opacity:0;
	width: 26px;
	height: 26px;
}
.sign_form input[type=checkbox] + .chk_btn {
	position:absolute;
	top:-6px;
	left:0;
	width: 26px;
	height: 26px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui.png?v=14&CDN=1);
	background-position:-250px -363px;
}
.sign_form input[type=checkbox]:checked + .chk_btn {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui.png?v=14&CDN=1);
	background-position:-212px -363px;
}

/* °£Æí°¡ÀÔ »ó´Ü °øÅë Çì´õ */
.sign_box .step_list {overflow:hidden;}
.sign_box .step_list li {
	position:relative;
	float:left;
	height:53px;
	padding-right:20px;
	margin-right:20px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#999;
}
.sign_box .step_list li:after {
	position:absolute;
	bottom:5px;
	right:-5px;
	width:8px;
	height:13px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-586px -606px;
	content:"";
}
.sign_box .step_list li:last-child {
	padding-right:0;
	margin-right:0;
}
.sign_box .step_list li:last-child:after {display:none;}
.sign_box .step_list li.on {color:#e90000;}
.sign_box .step_list li.on:after {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-568px -606px;
}
.sign_box .step_list li i {
  display:block;
  height:28px;
  margin:0 auto 6px;
}
.sign_box .step_list li .icon_step1 {
	width:21px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
  background-position:-397px -636px;
}
.sign_box .step_list li.on .icon_step1 {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-368px -636px;
}
.sign_box .step_list li .icon_step2 {
	width:19px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-468px -606px;
}
.sign_box .step_list li.on .icon_step2 {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-368px -606px;
}
.sign_box .step_list li .icon_step3{
	width:23px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-497px -606px;
}
.sign_box .step_list li.on .icon_step3 {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-397px -606px;
}
.sign_box .step_list li .icon_step4 {
	width: 28px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-530px -606px;
}
.sign_box .step_list li.on .icon_step4 {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui_renew.png?v=29&CDN=1);
	background-position:-430px -606px;
}

/* °øÅë */
#bodyWrap {width:auto;}
.txt_error{font-size:14px;color:#e90000;text-align:center;padding:30px 0;}

.sign_container {
	width:764px;
	padding-top:100px;
	margin:0 auto;
}
.sign_box {
	width:700px;
	margin:0 auto;
}
.sign_box .top_area {
	overflow:hidden;
	margin-bottom:15px;
}
.sign_box .top_area:after {
  display:block;
  content:'';
  clear:both;
}
.sign_box .top_area .tit {
	position:relative;
	top:10px;
	font-size:31px;
  font-weight:bold;
  font-family: 'Nanum Barun Gothic', sans-serif;
}

.sign_box .inner_box {
	padding:40px 0 100px;
	border:1px solid #d9d9d9;
	border-top:2px solid #333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.sign_box .inner_box .inner {
  margin: 0 auto;
  width: 472px;
}
.sign_box .inner_box .top_txt {
	padding-bottom:40px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
}


/* °£Æí°¡ÀÔ 1.°¡ÀÔ¹æ¹ý */
.sign_box .wrap_first_step a:hover {text-decoration:none;}
.sign_box .wrap_first_step .row {
	margin-bottom:45px;
	font-size:15px;
	color:#555;
}
.sign_box .wrap_first_step .row:last-of-type {
  margin-bottom:0;
}
.sign_box .wrap_first_step .row_tit {
	margin-bottom:5px;
	font-weight:bold;
  text-align: left;
}
.sign_box .wrap_first_step .desc {
  margin-bottom:26px;
  text-align: left;
}
.sign_box .wrap_first_step .btn {
	display:block;
	width:100%;
	height:65px;
	line-height:67px;
	font-weight:bold;
	color:#fff;
	border:none;
	font-size:16px;
	text-align:center;
	font-family: 'µ¸¿ò',dotum,sans-serif;
}
.sign_box .wrap_first_step .btn:last-child {margin-bottom:0;}
.sign_box .wrap_first_step .btn.btn_appstory {background:#e90000;}
.sign_box .wrap_first_step .btn.btn_kakao, .sign_box .wrap_first_step .btn.btn_kakao_join {background:#fee500; color:#262200;}
.sign_box .wrap_first_step .btn.btn_kakao i, .sign_box .wrap_first_step .btn.btn_kakao_join i {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-2px;
	width:23px;
	height:21px;
	margin-right:13px;
	background-image: url(https://img.appstory.co.kr/www.appstory.co.kr/ico_kakao_210811.png?v=1&CDN=1);
}
.sign_box .wrap_first_step .btn.btn_naver {background:#00bd39;}
.sign_box .wrap_first_step .btn.btn_facebook {background:#304e94;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sign_box .wrap_first_step .btn {line-height:69px;}
}


/* °£Æí°¡ÀÔ 2.º»ÀÎÀÎÁõ */
.sign_box .confirm_list_v2 {
  width:460px;
  margin:0 auto;
}
.sign_box .confirm_list_v2 li {margin-bottom:15px;}
.sign_box .confirm_list_v2 li a {
  display:block;
  text-indent:-9999px;
  width:460px;
  height:94px;
}
.sign_box .confirm_list_v2 .kakao a {
  background:url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v2/btn_confirm_kakao_210811.png?v=1&CDN=1) 0 0 no-repeat;
  background-size:cover;
}
.sign_box .confirm_list_v2 .phone a {
  background:url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v2/btn_confirm_mobile.png?v=1&CDN=1) 0 0 no-repeat;
  background-size:cover;
}
.sign_box .inner_box .bottom_txt{
  padding: 0 30px;
  margin-top: 40px;
}
.sign_box .info_list{font-size:13px;}
.sign_box .info_list li{position:relative;padding-left:12px;line-height:1.4;margin:10px 0}
.sign_box .info_list li:last-child {margin-bottom:0;}
.sign_box .info_list li:before{content:"¤ý";position:absolute;top:0;left:0}


/* °£Æí°¡ÀÔ 3.Á¤º¸ÀÔ·Â */
.sign_form {
	font-size:15px;
	color:#555;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sign_form .btn_small_v2 {line-height:29px;}
}
.sign_form .row:first-of-type {
	border-top:2px solid #000;
}
.sign_form .row:first-of-type select {width:164px;}
.sign_form .row {
	margin-bottom:30px;
	border:1px solid #d9d9d9;
}
.sign_form .row > li {
  position:relative;
	overflow:hidden;
	padding:0 30px;
	border-bottom:1px solid #d9d9d9;
}
.sign_form .row > li:last-child {border-bottom:none;}
.sign_form .row .col {
	position:relative;
}
.sign_form .row .phone_com {
	position:relative;
	top:2px;
	width:58px;
	padding-right:32px;
	margin-right:20px;
	font-size:14px;
	font-weight:bold;
	color:#888;
}
.sign_form .row .phone_com:after {
	position:absolute;
	top:1px;
	right:0;
	width:1px;
	height:12px;
	background:#ebebeb;
	content:"";
}
.sign_form .row .phone_num {
	margin-left:15px;
	font-weight:bold;
}
.sign_form .row .phone_num input {font-weight:bold;}
.sign_form .msg {
	display:none;
	position:absolute;
  left: 0;
  bottom: 10px;
  font-size:13px;
	color:#3664e1;
}
.sign_form .msg.error {color:#e90000 !important;}
.sign_form .msg.pw {color:#555;}
.sign_form input[type=text], .sign_form input[type=password] {
  width: 510px;
	font-size:14px;
	font-weight:bold;
	color:#555;
}
.btn_small_v2 {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: 0;
	display:inline-block;
	width:70px;
	height:30px;
	line-height:30px;
	border:1px solid #7b7b7b;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#555;
	font-size:12px;
	text-align:center;
	font-weight:normal;
}
.sign_form .agree_txt {color:#cbcbcb;}
.sign_form .agree_txt input[type=checkbox] {margin-right:5px;}
.sign_form .ico_pw, .sign_form .ico_pw2 {
	display:block;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 0;
	width:16px;
	height:22px;
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui.png?v=14&CDN=1);
	background-position:-304px -850px;
}
.sign_form .ico_pw2 {
	background-image: url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/sp_apc_ui.png?v=14&CDN=1);
	background-position:-330px -850px;
}
.sign_form .tel_box .tb_c {
	position:relative;
	padding-right:20px;
}
.sign_form .tel_box .tb_c select, .tel_box .tb_c input[type=text] {width:120px;}
.sign_form .tel_box .tb_c:last-of-type {padding-right:0;}
.sign_form .tel_box .tb_c:first-of-type:after, .tel_box .tb_c:nth-of-type(2):after{
	position:absolute;
	top:13px;
	right:6px;
	content:"-";
}
.sign_form .email_box .tb_c {
	position:relative;
	padding-right:10px;
	font-size:13px;
	color:#666;
}
.sign_form .email_box .tb_c select, .sign_form .email_box .tb_c input[type=text] {width:160px;}
.sign_form .email_box .tb_c:first-of-type {padding-right:30px;}
.sign_form .email_box .tb_c:last-of-type {padding-right:0;}
.sign_form .email_box .tb_c:first-of-type {padding-right:60px;}
.sign_form .email_box .tb_c:first-of-type:after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
	right:23px;
  content: "@"
}
/* IE 10+ hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sign_form .email_box .tb_c:first-of-type:after {margin-top:4px;}
}
.sign_form .email_box .tb_c input[type=text] {width:291px;}
.sign_form .email_box .tb_c select {width:291px;}

/* ¼ö½Åµ¿ÀÇ ÅëÇÕ */
.sign_form .agree_bottom_list {margin-bottom:0;}
.sign_form .agree_bottom_list > li:first-of-type {padding:27px 30px; border-bottom: 0;}
.sign_form .agree_bottom_list .btn_open {
  position:absolute;
  top:0;
  right:0;
  width:69px;
  height:81px;
  background:transparent;
}
.sign_form .agree_bottom_list .btn_open:focus {outline:none;}
.sign_form .agree_bottom_list .btn_open i {
  display:block;
  width:9px;
  height:9px;
  margin:0 auto;
  background:url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v2/sp_sign.png?v=6&CDN=1) no-repeat;
  background-position:-500px -571px;
}
.sign_form .agree_bottom_list .btn_open.open i {
  height:3px;
  background-position:-519px -574px;
}
.sign_form .agree_bottom_list label {position:relative; font-size: 13px;}

.sign_form .wrap_col {
	overflow:hidden;
	line-height:40px;
}
.sign_form .wrap_col:first-of-type {margin-bottom:5px;}
.sign_form .row li.two_row {
	height:auto;
	padding:25px 30px;
  border-top:1px solid #d9d9d9;
}

/* ÀÌ¿ë¾à°ü */
.sign_form .service_box {
	display:none;
	overflow-y:auto;
	width:100%;
	height:192px;
	line-height:20px;
	padding:30px;
	margin:10px 0;
	border:1px solid #f0f0f0;
	background:#fafafa;
	font-size:13px;
	color:#777;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.sign_form .service_box h4, .sign_form .service_box h5, .sign_form .service_box h6 {font-size:100%;font-weight:bold;}
.sign_form .service_box h4 {margin-bottom:15px;}
.sign_form .service_box h5 {margin:15px 0;}
.sign_form .service_box h6 {margin-top:15px;}
.sign_form .service_box .thank_desc {
	margin-bottom:90px;
	font-size:30px;
	color:#000;
}
.sign_form .service_box .row_phrase:not(:last-child) {
	margin-bottom:20px;
}
.sign_form .service_box .phrase {
	margin:10px 0;
}
.sign_form .service_box .dot_list li {
	position:relative;
	padding-left:10px;
}
.sign_form .service_box .dot_list li:before {
	position:absolute;
	top:0;
	left:0;
	color:#777;
	content:'-';
}
.sign_form input[type=checkbox] {margin-right:15px;}
.sign_form .two_row .btn_small_v2 {margin-top:5px;}
.sign_form .btn_sign {
	width:100%;
	height:65px;
	line-height:65px;
	margin-bottom:50px;
	background:#e90000;
	font-size:20px;
	font-weight: bold;
	color:#fff;
}

/* °£Æí°¡ÀÔ 4.°¡ÀÔ¿Ï·á */
.sign_box .finish_box {
	border-top:2px solid #000;
	text-align:center;
}
.sign_box .finish_box .thank_bg {
	width:329px;
	height:142px;
	line-height:142px;
	margin:40px auto 60px;
	background:url(https://img.appstory.co.kr/c.appstory.co.kr/renew_v3/bg_sign.jpg?v=1&CDN=1);
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:45px;
	font-weight:bold;
	color:#000;
}
.sign_box .finish_box .thank_desc {
	margin-bottom:90px;
	font-size: 27px;
  font-weight: bold;
  letter-spacing: -1px;
}
.sign_box .finish_box .thank_desc b {
	font-family: 'Roboto', sans-serif;
}
.sign_box .finish_box .btn_start {
	display:block;
	width:100%;
	height:65px;
	line-height:65px;
	background:#e90000;
	font-size:20px;
	color:#fff;
	font-weight:bold;
 	margin-bottom: 50px;
}

/* ǪÅÍ */
.sign_foot {height:40px;text-align:center;color:#8f8f8f;padding-bottom:100px;}
.sign_foot p{margin-bottom:15px}
.sign_foot .cate a{color:#222;font-weight:700}
.sign_foot .cate span{color:#222;padding:0 10px}
.sign_foot .copy {color:#7f7f7e;}