@import url('/assets/css/applesd.css');
html{font-size:100%;-ms-content-zooming: none; -ms-touch-action: pan-x pan-y; background-color:#000;color:#fff;}
body{font-size:1rem;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,dl,dt,dd,li,ol,span,strong,li,ul,dl,dd,dt,table,tr,td,th,tbody,tfoot,a,button,form,textarea,
input,img,header,footer,section,small,label,em,fieldset,caption,select{box-sizing: border-box;appearance: none;-moz-appearance: none;-o-appearance: none;border:none;-webkit-appearance: none;font-family: 'AppleSDGothicNeoL','sans-serif';color:#fff;outline: unset;margin:0;padding:0;font-weight:400;font-style:normal;letter-spacing:0}
html,body{-webkit-text-size-adjust:100%;}
ul,dl{list-style-type:none;}
a{text-decoration:none}
button{background-color:transparent;border:0;cursor:pointer;}
table{border-spacing:0;border-collapse:collapse;}
input,button{appearance: none;-moz-appearance: none;-o-appearance: none;border:none;-webkit-appearance: none;border-radius:0;}
input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active {-webkit-text-fill-color:#1a1a1a;-webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset;box-shadow: 0 0 0px 1000px #F8F8F8 inset;transition: background-color 5000s ease-in-out 0s;}
select::-ms-expand { display: none;}
select{-webkit-appearance:none;-moz-appearance:none; -o-appearance:none; appearance:none; }
header{max-width:700px;width:100%;margin:0 auto;text-align:center;height:62px;}
header a{font-size:20px;font-weight:bold;height:62px;display:block;line-height:62px;}
.wrap{max-width:700px;width:100%;margin:0 auto;text-align:center;position:relative;overflow:hidden;height:920px;}
footer{position:absolute;bottom:0;width:100%;padding-bottom:10px;}
.cat{position:absolute;left:0;bottom:-92px;}
.btn_url{position:absolute;bottom:34px;right:0;border-radius:56px;width:56px;height:56px;line-height:56px;font-size:20px;border:1px solid #fff;font-weight:300}
.alarm_url{display:none;z-index:10;position:absolute;border-radius:54px;width:396px;padding-top:8px;height:54px;color:#ffc0c0;font-size:24px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#000;border:2px solid #fff}


/* 스크롤바의 폭 너비 */
::-webkit-scrollbar {width: 3px;  }
::-webkit-scrollbar-thumb {background: #b4b4b4;border-radius: 10px;}
::-webkit-scrollbar-track {background: #fff}
.step{display:none}
h1{font-size:32px;font-weight:800;margin-top:10px;}
.step._01{display:block}
._01 button{margin:11px auto 0 auto;display:block;font-size:32px;color:#9592ed;font-weight:800;background-color:#fff;border-radius:27px;height:54px;line-height:54px;width:435px;}
._01 small{display:block;margin:5px auto 15px auto;font-size:11px;}
._02 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:110px;}
._02 small{display:block;opacity:0;color:#ffc0c0;width:100%;text-align:left;display:block;padding-left:22px;}
._02 .info{display:flex}
._02 .info01 {width:202px}
._02 .info01 input{width:100%;border-radius:10px;height:57px;font-size:24px;color:#000;padding:0 23px}
._02 .info01 input:placeholder{color:#606060;}
._02 .info02 {margin-left:12px;padding-top:10px;}
._02 .info02 input{width:22px;height:22px;border-radius:22px;background-color:#fff;vertical-align:middle;margin-right:5px;margin-top:-6px}
._02 .info02 input:checked+span{left:3px;top:2px;width:19px;height:19px;position:absolute;background: url(/assets/image/check_on.png) 0 0 no-repeat;background-size:19px}
._02 .info02 label{font-size:22px;position:relative}
._02 .info03 {width:286px;margin-left:42px}
._02 .info03 input{width:100%;border-radius:10px;height:57px;font-size:24px;color:#000;padding:0 23px}
._02 .addr{margin-top:33px;height:256px;}
._02 .addr01{height:56px;width:100%;background:#fff url(/assets/image/select_down.png) right 23px center no-repeat;background-size:28px 19px;border-radius:10px;text-align:left;padding:0 23px;line-height:56px;}
._02 .addr01 span{color:#606060;font-size:24px;width:20%}
._02 .addr01 input{color:#000;font-size:24px;font-weight:800;;width:40%;text-align:center}
._02 .addr01 input:last-child{width:40%;}
._02 .addr .addr02{display:none;padding:10px 0}
._02 .addr .addr02 {background-color:#fff;border-radius:10px;height:159px;margin-top:12px;}
._02 .addr .addr02 dl{overflow:hidden;height:139px;overflow-y:auto;border-right:1px solid #b4b4b4;width:260px;padding:0 5px;}
._02 .addr .addr02 dl:last-child{border:0;width:439px;border-radius:10px}
._02 .addr .addr02 dt{font-size:24px;color:#606060;text-align:left;font-weight:800;padding:5px 17px;}
._02 .addr .addr02 dd{font-size:20px;color:#606060;text-align:left;padding:5px 17px;}
._02 .addr .addr02 dl:last-child dd{display:none;}
._02 .addr.active .addr01{background:#fff url(/assets/image/select_up.png) right 23px center no-repeat;background-size:28px 19px;}
._02 .addr.active .addr02{display:flex;}
._02 .addr.active dd{background-color:#fff;color:#606060;}
._02 .addr.active dd.active{color:#000;font-weight:800;}
._02 .addr.active .addr01 input{background:url(/assets/image/arrow_right.png) right center no-repeat;background-size:12px 15px}
._02 .addr.active .addr01 input:last-child{background:transparent}
._02 .agree input{width:22px;height:22px;border-radius:22px;background-color:#fff;vertical-align:middle;margin-right:5px;margin-top:-6px}
._02 .agree input:checked+span{left:3px;top:2px;width:19px;height:19px;position:absolute;background: url(/assets/image/check_on.png) 0 0 no-repeat;background-size:19px}
._02 .agree label{font-size:22px;position:relative}
._02 .agree a{font-size:14px;display:inline-block;vertical-align:top;margin-top:3px;margin-left:5px}
._03 {padding-top:29px}
._03 small{display:block;text-align:left;font-size:24px}
._03 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:47px;}
._03 p{display:block;position:relative;height:340px;margin-top:40px}
._03 img.no_answer{position:absolute;z-index:9;width:100%;display:none;top:318px;cursor:pointer;left:0;}
._03 label{display:block;position:relative;margin-top:14px;}
._03 input{opacity:0;position:absolute;}
._03 input.text{opacity: 1;width: 100%;color: #000;font-size: 24px;left: 0;border-radius: 10px;padding: 0 22px;height: 54px;text-align: center;}
._03 input.text2{opacity: 1;width: 100%;color: #000;font-size: 24px;left: 0;border-radius: 10px;padding: 0 22px;height: 54px;text-align: center;}
._03 strong{border:2px solid #fff;background-color:#fff;color:#000;height:56px;width:100%;font-size:22px;display:block;border-radius:10px;font-weight:500;line-height:54px}
._03 strong:hover{border:2px solid #fff;background-color:#000;color:#fff;font-weight:800;}

._03 input:checked+strong{border:2px solid #fff;background-color:#000;color:#fff;font-weight:800;}
._03 div,.btns{width:100%;text-align:center;margin-top:24px;}
.btns button,._03 button{width:284px;height:55px;line-height:52px;background-color:#ffc0c0;border-radius:27px;margin:0 7px;font-size:24px;font-weight:800}
.btns button:last-child,._03 button:last-child{background-color:#9592ed;}
._04 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:110px;margin-bottom:40px;}
._05 h1{width: 440px;font-size: 25px;text-align: center;margin: 10px auto;word-break: keep-all;}
@media all and (max-width:700px) {
	.wrap{overflow:unset;height:auto}
	.alarm_url{width:70%;font-size:14px;height:34px;padding-top:5px;border-radius:14px;top: 24%;}
	header{padding:0 23px 0 23px}
	header a img{width:90px}
	header.active{border-bottom:1px solid #fff;}

	footer{position:fixed;bottom:0;overflow:hidden;height:92px;width:100%;line-height:140px;margin-top:0px;}
	section{padding:0 23px}
	footer small{font-size:9px;letter-spacing:-1px;}
	.cat{width:80px;bottom:-48px;left:7px}
	.btn_url{bottom:14px;width:50px;height:50px;line-height:50px;right:23px;}
	h1{font-size:24px}
	._01 button{width:100%;border-radius:0;margin-top:72px;height:44px;line-height:44px;font-size:24px}
	._02 h2{font-size:18px;margin-top:40px;}
	._02 .info{display:block;}
	._02 .info01{display:block;width:100%;}
	._02 .info01 input{margin:0;text-align:center;font-size:14px;height:39px;border-radius:5px;}
	._02 .info02{display:block;width:100%;margin:0;}
	._02 .info02 input{width:18px;height:18px;}
	._02 .info02 input:checked+span{background-size:17px;top:0;left:1px;margin-top:-3px}
	._02 .info02 label{font-size:14px}
	._02 .addr .addr02 dt{font-size:12px;}
	._02 .addr .addr02 dd{font-size:12px}
	._02 .info03{display:block;width:100%;margin-left:0;margin-top:14px;}
	._02 .info03 input{margin:0;text-align:center;font-size:14px;height:39px;border-radius:5px;}
	._02 .addr{margin-top:14px;height:auto;}
	._02 .addr01{position:relative;height:39px;line-height:39px;}
	._02 .addr .addr01{background:#fff;height:39px;border-radius:5px}
	._02 .addr01 span{position:absolute;font-size:14px;left:50%;top:0;margin-top:0;transform:translate(-50%,0%)}
	._02 .addr01 input{width:50%;font-size:14px;}
	._02 .addr .addr02 dl{width:50%;}
	._02 .addr .addr02 dl:last-child{width:50%;}
	._02 .addr.active .addr01{background:#fff;}
	._02 .addr.active .addr01 input {background: url(/assets/image/arrow_right.png) right 5px no-repeat;background-size: 7px 10px;}
	._02 .addr.active .addr01 span{display:none;}
	._02 .addr.active .addr02 {display: flex;position: fixed;top: 50%;width: calc(100% - 46px);transform: translate(0, -50%);}
	._02 .addr.select .addr01{background:#fff;}
	._02 .addr.select .addr01 input {background: url(/assets/image/arrow_right.png) right 5px no-repeat;background-size: 7px 10px;}
	._02 .addr.select .addr01 input:last-child{background:transparent;}
	._02 .addr.select .addr01 span{display:none;}
	._02 .addr.select .addr02 {display: none;}
	._02 .agree {margin-top:12px;}
	._02 .agree input{width:18px;height:18px;}
	._02 .agree input:checked+span{background-size:17px;top:0;left:1px;margin-top:-3px}
	._02 .agree label{font-size:14px}
	._02 .agree a{display:block;font-size:12px;}
	._03 {padding:15px 23px 0 23px;}
	._03 p{height:auto;margin-top:20px;}
	._03 img.no_answer{top:245px;}
	._03 h2{margin:25px 0 0 0;font-size:18px;}
	._03 small{font-size:12px;}
	._03 strong{height:39px;line-height:39px;border-radius:5px;border:1px solid #fff;font-size:14px;}
	._03 strong:hover{border:1px solid #fff;background-color:#fff;color:#000}
	._03 input.text{height:39px;font-size:14px;border-radius:5px;}
	._03 input.text2{height:39px;font-size:14px;border-radius:5px;}
	._04 h2{font-size:20px;margin-top:40px;height:98px;}
	._04 img{width:163px;}
	._05 h1{width:100%;font-size:20px;}
	._03 div, .btns{display:flex;margin:38px 0 0 0;position:fixed;bottom:94px;width:100%;padding:0 23px;left:0;}
	.btns button,._03 button{font-size:14px;height:35px;line-height:35px;border-radius:14px;margin:0 7px 0 0;}
	.btns button:last-child,._03 button:last-child{margin:0 0 0 7px}
}


.step{display:none}
h1{font-size:32px;font-weight:800;margin-top:10px;}
.step._01{display:block}
._01 button{margin:11px auto 0 auto;display:block;font-size:32px;color:#9592ed;font-weight:800;background-color:#fff;border-radius:27px;height:54px;line-height:54px;width:435px;}
._01 small{display:block;margin:5px auto 15px auto;font-size:11px;}
._02 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:110px;}
._02 small{display:block;opacity:0;color:#ffc0c0;width:100%;text-align:left;display:block;padding-left:22px;}
._02 .info{display:flex}
._02 .info01 {width:202px}
._02 .info01 input{width:100%;border-radius:10px;height:57px;font-size:24px;color:#000;padding:0 23px}
._02 .info01 input:placeholder{color:#606060;}
._02 .info02 {margin-left:12px;padding-top:10px;}
._02 .info02 input{width:22px;height:22px;border-radius:22px;background-color:#fff;vertical-align:middle;margin-right:5px;margin-top:-6px}
._02 .info02 input:checked+span{left:3px;top:2px;width:19px;height:19px;position:absolute;background: url(/assets/image/check_on.png) 0 0 no-repeat;background-size:19px}
._02 .info02 label{font-size:22px;position:relative}
._02 .info03 {width:286px;margin-left:42px}
._02 .info03 input{width:100%;border-radius:10px;height:57px;font-size:24px;color:#000;padding:0 23px}
._02 .addr{margin-top:33px;height:256px;}
._02 .addr01{height:56px;width:100%;background:#fff url(/assets/image/select_down.png) right 23px center no-repeat;background-size:28px 19px;border-radius:10px;text-align:left;padding:0 23px;line-height:56px;}
._02 .addr01 span{color:#606060;font-size:24px;width:20%}
._02 .addr01 input{color:#000;font-size:24px;font-weight:800;;width:40%;text-align:center}
._02 .addr01 input:last-child{width:40%;}
._02 .addr .addr02{display:none;padding:10px 0}
._02 .addr .addr02 {background-color:#fff;border-radius:10px;height:159px;margin-top:12px;}
._02 .addr .addr02 dl{overflow:hidden;height:139px;overflow-y:auto;border-right:1px solid #b4b4b4;width:260px;padding:0 5px;}
._02 .addr .addr02 dl:last-child{border:0;width:439px;border-radius:10px}
._02 .addr .addr02 dt{font-size:24px;color:#606060;text-align:left;font-weight:800;padding:5px 17px;}
._02 .addr .addr02 dd{font-size:20px;color:#606060;text-align:left;padding:5px 17px;}
._02 .addr .addr02 dl:last-child dd{display:none;}
._02 .addr.active .addr01{background:#fff url(/assets/image/select_up.png) right 23px center no-repeat;background-size:28px 19px;}
._02 .addr.active .addr02{display:flex;}
._02 .addr.active dd{background-color:#fff;color:#606060;}
._02 .addr.active dd.active{color:#000;font-weight:800;}
._02 .addr.active .addr01 input{background:url(/assets/image/arrow_right.png) right center no-repeat;background-size:12px 15px}
._02 .addr.active .addr01 input:last-child{background:transparent}
._02 .agree input{width:22px;height:22px;border-radius:22px;background-color:#fff;vertical-align:middle;margin-right:5px;margin-top:-6px}
._02 .agree input:checked+span{left:3px;top:2px;width:19px;height:19px;position:absolute;background: url(/assets/image/check_on.png) 0 0 no-repeat;background-size:19px}
._02 .agree label{font-size:22px;position:relative}
._02 .agree a{font-size:14px;display:inline-block;vertical-align:top;margin-top:3px;margin-left:5px}
._03 {padding-top:29px}
._03 small{display:block;text-align:left;font-size:24px}
._03 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:47px;}
._03 p{display:block;position:relative;height:340px;margin-top:40px}
._03 img.no_answer{position:absolute;z-index:9;width:100%;display:none;top:318px;cursor:pointer;left:0;}
._03 label{display:block;position:relative;margin-top:14px;}
._03 input{opacity:0;position:absolute;}
._03 input.text{opacity: 1;width: 100%;color: #000;font-size: 24px;left: 0;border-radius: 10px;padding: 0 22px;height: 54px;text-align: center;}
._03 input.text2{opacity: 1;width: 100%;color: #000;font-size: 24px;left: 0;border-radius: 10px;padding: 0 22px;height: 54px;text-align: center;}
._03 strong{border:2px solid #fff;background-color:#fff;color:#000;height:56px;width:100%;font-size:22px;display:block;border-radius:10px;font-weight:500;line-height:54px}
._03 strong:hover{border:2px solid #fff;background-color:#000;color:#fff;font-weight:800;}

._03 input:checked+strong{border:2px solid #fff;background-color:#000;color:#fff;font-weight:800;}
._03 div,.btns{width:100%;text-align:center;margin-top:24px;}
.btns button,._03 button{width:284px;height:55px;line-height:52px;background-color:#ffc0c0;border-radius:27px;margin:0 7px;font-size:24px;font-weight:800}
.btns button:last-child,._03 button:last-child{background-color:#9592ed;}
._04 h2{height:108px;font-size:28px;font-weight:800;width:100%;word-break:keep-all;margin-top:110px;margin-bottom:40px;}
._05 h1{width: 440px;font-size: 25px;text-align: center;margin: 10px auto;word-break: keep-all;}
@media all and (max-width:700px) {
	.wrap{overflow:unset;height:auto}
	.alarm_url{width:70%;font-size:14px;height:34px;padding-top:5px;border-radius:14px;top: 24%;}
	header{padding:0 23px 0 23px}
	header a img{width:90px}
	header.active{border-bottom:1px solid #fff;}

	footer{position:fixed;bottom:0;overflow:hidden;height:92px;width:100%;line-height:140px;margin-top:0px;}
	section{padding:0 23px}
	footer small{font-size:9px;letter-spacing:-1px;}
	.cat{width:80px;bottom:-48px;left:7px}
	.btn_url{bottom:14px;width:50px;height:50px;line-height:50px;right:23px;}
	h1{font-size:24px}
	._01 button{width:100%;border-radius:0;margin-top:72px;height:44px;line-height:44px;font-size:24px}
	._02 h2{font-size:18px;margin-top:40px;}
	._02 .info{display:block;}
	._02 .info01{display:block;width:100%;}
	._02 .info01 input{margin:0;text-align:center;font-size:14px;height:39px;border-radius:5px;}
	._02 .info02{display:block;width:100%;margin:0;}
	._02 .info02 input{width:18px;height:18px;}
	._02 .info02 input:checked+span{background-size:17px;top:0;left:1px;margin-top:-3px}
	._02 .info02 label{font-size:14px}
	._02 .addr .addr02 dt{font-size:12px;}
	._02 .addr .addr02 dd{font-size:12px}
	._02 .info03{display:block;width:100%;margin-left:0;margin-top:14px;}
	._02 .info03 input{margin:0;text-align:center;font-size:14px;height:39px;border-radius:5px;}
	._02 .addr{margin-top:14px;height:auto;}
	._02 .addr01{position:relative;height:39px;line-height:39px;}
	._02 .addr .addr01{background:#fff;height:39px;border-radius:5px}
	._02 .addr01 span{position:absolute;font-size:14px;left:50%;top:0;margin-top:0;transform:translate(-50%,0%)}
	._02 .addr01 input{width:50%;font-size:14px;}
	._02 .addr .addr02 dl{width:50%;}
	._02 .addr .addr02 dl:last-child{width:50%;}
	._02 .addr.active .addr01{background:#fff;}
	._02 .addr.active .addr01 input {background: url(/assets/image/arrow_right.png) right 5px no-repeat;background-size: 7px 10px;}
	._02 .addr.active .addr01 span{display:none;}
	._02 .addr.active .addr02 {display: flex;position: fixed;top: 50%;width: calc(100% - 46px);transform: translate(0, -50%);}
	._02 .addr.select .addr01{background:#fff;}
	._02 .addr.select .addr01 input {background: url(/assets/image/arrow_right.png) right 5px no-repeat;background-size: 7px 10px;}
	._02 .addr.select .addr01 input:last-child{background:transparent;}
	._02 .addr.select .addr01 span{display:none;}
	._02 .addr.select .addr02 {display: none;}
	._02 .agree {margin-top:12px;}
	._02 .agree input{width:18px;height:18px;}
	._02 .agree input:checked+span{background-size:17px;top:0;left:1px;margin-top:-3px}
	._02 .agree label{font-size:14px}
	._02 .agree a{display:block;font-size:12px;}
	._03 {padding:15px 23px 0 23px;}
	._03 p{height:auto;margin-top:20px;}
	._03 img.no_answer{top:245px;}
	._03 h2{margin:25px 0 0 0;font-size:18px;}
	._03 small{font-size:12px;}
	._03 strong{height:39px;line-height:39px;border-radius:5px;border:1px solid #fff;font-size:14px;}
	._03 strong:hover{border:1px solid #fff;background-color:#fff;color:#000}
	._03 input.text{height:39px;font-size:14px;border-radius:5px;}
	._03 input.text2{height:39px;font-size:14px;border-radius:5px;}
	._04 h2{font-size:20px;margin-top:40px;height:98px;}
	._04 img{width:163px;}
	._05 h1{width:100%;font-size:20px;}
	._03 div, .btns{display:flex;margin:38px 0 0 0;position:fixed;bottom:94px;width:100%;padding:0 23px;left:0;}
	.btns button,._03 button{font-size:14px;height:35px;line-height:35px;border-radius:14px;margin:0 7px 0 0;}
	.btns button:last-child,._03 button:last-child{margin:0 0 0 7px}
}


.checkbox{font-size:16px;position:relative;display:inline-block;height:30px;line-height:33px;width:88px;text-align:center;}
.checkbox input{border:1px solid red;width:100%;height:30px;border:1px solid #000;border-radius:4px;width:88px;height:30px;position:absolute;left:0;}
.checkbox input:checked{background-color:rgba(0,0,0,0.1);}