/* 등록 폼 공통 css */
body.etc .m-container.signup{padding-top:100px;}
/* input, select common style */
.signup_wrapper input:disabled{background:#eee;}
.signup_wrapper input{color:#555;}
.signup_wrapper input::-webkit-input-placeholder{color:#8f9294}
.signup_wrapper input::-moz-placeholder{color:#8f9294}
.signup_wrapper input:-ms-input-placeholder{color:#8f9294}
.signup_wrapper input:-moz-placeholder{color:#8f9294}
.signup_wrapper input::placeholder{color:#8f9294}
.signup_wrapper input[type=checkbox] {margin: 1px 0.8em 0 0; width: 1.25em; height: 1.25em; cursor: pointer; background: url('../img/signup/check_off.svg') no-repeat center / 1.25em 1.25em; -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -moz-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; opacity: 0.5;}
.signup_wrapper input[type=checkbox]:checked{background: url('../img/signup/check_on.svg') no-repeat center / 1.25em 1.25em;; opacity: 1;}
.signup_wrapper input[type=radio] {margin: 1px 0.8em 0 0; width: 1.25em; height: 1.25em; cursor: pointer; background: url('../img/signup/radio_off.svg') no-repeat center / 1.25em 1.25em; -webkit-box-flex: 0; -webkit-flex: 0 0 1.25em; -moz-box-flex: 0; -ms-flex: 0 0 1.25em; flex: 0 0 1.25em;  opacity: 0.5;}
.signup_wrapper input[type=radio]:checked{background: url('../img/signup/radio_on.svg') no-repeat center / 1.25em 1.25em;;  opacity: 1;}
.signup_wrapper label{cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;}
.signup_wrapper label:hover{cursor: pointer; color:#333;}
.signup_wrapper input[type=checkbox]:checked+label{color:#333;}
.signup_wrapper input[type=radio]:checked+label{color:#333;}
.signup_wrapper select {width:100%; height: 3.375em; font-size:1em; padding: 0.4em 1.2em; border:1px solid #eee; background:#fff url('../img/signup/select_off.svg') no-repeat 92% center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#333;}
.signup_wrapper select:focus{background:#fff url('../img/signup/select_on.svg') no-repeat 92% center; border: 1px solid #1079e3; -webkit-box-shadow: 0 0 2px #1079e3; -moz-box-shadow: 0 0 2px #1079e3; box-shadow: 0 0 2px #1079e3;}
.signup_wrapper .select-box + .input-box{margin-top: 0.4em;}
.signup_wrapper .multi-box .select-box + .input-box{margin-top: 0;}
.signup_wrapper .select-box.wide select{background-position-x: 97%; }
.off{display:none !important;}

/*등록폼 body*/
.sec-group{background:#fff; border:1px solid #eee; margin:1.25em 0; padding-bottom:1.25em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 18px -9px rgba(0,0,0,0.16); -moz-box-shadow: 0px 1px 18px -9px rgba(0,0,0,0.16); box-shadow: 0px 1px 18px -9px rgba(0,0,0,0.16);}
.sec-group .sec-title{width:100%; padding:1.875em 2.5em 1.5em; border-bottom:1px solid rgba(255,255,255,0.05); margin-bottom:20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom:1px solid #eee;}
.sec-group .sec-title .title:before{content:""; width:16px; height:16px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; border:4px solid #2e98cc; display:block; margin-right:10px;}
.sec-group .sec-title .title{color:#333; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center;}
.sec-group .sec-title .emp{color:#888; font-size:0.875em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.sec-group .sec-title .emp span{display:inline-block; color:red; font-size:14px; margin-top:4px; margin-right:0.2em;}
.sec-group .sec-content{padding:0.625em 2.5em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.sec-group .sec-item{width:100%;  margin-bottom:2em;}
.sec-group .sec-item.half{width:48%;}
.sec-group .sec-item .title{font-size:0.9375em; font-weight:500; line-height: 3.375em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display:flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom:1em; color:#333;}
.sec-group .sec-item .title .input-guide{font-size:0.875em; justify-self: flex-end; opacity: 0.8; font-weight:400;}
.sec-group .sec-item .ment{text-align:center; padding:1em 0; font-size:0.875em; font-weight:400; color:#888}

/*필수입력사항 css*/
.sec-group .sec-item.nec .title label:after{content:"*"; display:inline-block; color:red; font-size:0.9375em; font-weight:500; margin-left:0.2em;}
.sec-group .sec-item.nec .title label .label_emp{color:#1079e3;}

/*등록폼 input, textarea 공통 css*/
.sec-group .sec-item .input-box{width:100%; height:3.375em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#fff; overflow:hidden; border:1px solid #eee;}
.sec-group .sec-item .input-box input{width:100%; height:100%; padding:1em 1.5em; background:none; border:none;}
.sec-group .sec-item .input-box input:disabled{background:#f8f8f8;}
.sec-group .sec-item .area-box{border:1px solid #e8eef3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  height:16.25em; }
.sec-group .sec-item .area-box textarea{width:100%; height:100%; border:none; padding:2em; font-size:15px; font-family:inherit; color:inherit; resize:none;}
.sec-group .sec-item .area-box.editor{border:none; height:auto;}
/* 등록폼 id중복체크 */
.sec-group .sec-item .id{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
.sec-group .sec-item .id button{width:7.5em; height:3.375em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size:inherit; margin-left: 0.6em;  background: #2e98cc; background: -moz-linear-gradient(left, #2e98cc 0%, #0aabb3 100%); background: -webkit-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2e98cc),to(#0aabb3));
    background: -moz-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: linear-gradient(to right, #2e98cc 0%,#0aabb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e98cc', endColorstr='#0aabb3',GradientType=1 ); border:none; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
/*등록폼 연락처 css*/
/*등록폼 email css*/
.sec-group .sec-item .email{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.sec-group .sec-item .email .input-box{width:24%;}
.sec-group .sec-item .email .select-box{width:24%; margin-left:0.6em;}
.sec-group .sec-item .email span{margin:0 0.6em;}
.sec-group .sec-item .email button{width:7.5em; height:3.375em; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size:inherit; margin-left: 0.6em;  background: #2e98cc; background: -moz-linear-gradient(left, #2e98cc 0%, #0aabb3 100%); background: -webkit-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2e98cc),to(#0aabb3));
    background: -moz-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: linear-gradient(to right, #2e98cc 0%,#0aabb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e98cc', endColorstr='#0aabb3',GradientType=1 ); border:none; color:#fff;}
/*등록폼 연락처 css*/
.sec-group .sec-item .contact{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
.sec-group .sec-item .contact .input-box{width:22%;}
.sec-group .sec-item .contact .select-box{width:22%;}
.sec-group .sec-item .contact span{margin:0 0.6em;}

/*등록폼 생년월일 css*/
.sec-group .sec-item .birthday{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
.sec-group .sec-item .birthday .select-box{width:22%;}
.sec-group .sec-item .birthday span{margin:0 0.6em;}

/*등록폼 체크박스, 라디오박스 css*/
.sec-group .sec-item.checkbox .content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between ; -moz-box-pack: justify; justify-content: space-between ; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;padding:32px 24px 20px; background:#fff; border:1px solid #eee;}
.sec-group .sec-item.checkbox .content .check-box{width:33.333%;  min-height:30px; margin-bottom:1em; font-size:14px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-box; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-box-align:center; align-items:center; padding:0 0.5em;}
.sec-group .sec-item.checkbox .content .check-box label{cursor: pointer; -webkit-transition:color 0.2s; -moz-transition:color 0.2s; transition:color 0.2s; white-space:nowrap;}
.sec-group .sec-item.checkbox .content .check-box label:hover{color:#333;}
/*등록폼 체크박스 예외 - 사이즈*/
.sec-group .sec-item.checkbox.hard .content .check-box{width:20%;}
.sec-group .sec-item.checkbox.small .content{padding:22px 24px 10px; -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:start; -moz-box-pack:start; justify-content:start;}
.sec-group .sec-item.checkbox.small .content .check-box{width:auto; margin-right:30px;}
/*등록폼 체크박스 예외 - 국가*/
.sec-group .sec-item.nation .content{height:220px; overflow-y:auto;}
.sec-group .sec-item.nation .content.on{height:340px;}
.sec-group .sec-item.nation .content label{cursor: pointer;}
.sec-group .sec-item.checkbox.nation .input-guide .btn{cursor:pointer; width:64px; height:32px;  color:#fff; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background:#2e98cc; border:none; background:#263643}
/*등록폼 체크박스 예외 - 지역*/
.sec-group .sec-item.region .region-item{margin:34px 0;}
.sec-group .sec-item.region .region-item:last-child{margin-bottom:0;}
.sec-group .sec-item.region .region-item .radio-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom:1em;}
.sec-group .sec-item.region .region-item .radio-box label{font-size:15px; cursor: pointer;}
.sec-group .sec-item.region .region-item .content label{cursor: pointer;}

/*등록폼 포커스 css*/
.sec-group .sec-item .input-box.focus{border: 1px solid #1079e3!important; -webkit-box-shadow: 0 0 2px #1079e3!important; -moz-box-shadow: 0 0 2px #1079e3!important; box-shadow: 0 0 2px #1079e3!important;}
.sec-group .sec-item .area-box.focus{border: 1px solid #1079e3!important; -webkit-box-shadow: 0 0 2px #1079e3!important; -moz-box-shadow: 0 0 2px #1079e3!important; box-shadow: 0 0 2px #1079e3!important;}

/*등록폼 예외 - 다중 인풋*/
.sec-group .sec-item.multiple .content .input-box{margin-bottom:0.5em;}
.sec-group .sec-item.multiple .content .input-box:last-child{margin-bottom: 0;}

/*등록폼 예외 - 2뎁스*/
.sec-item .content .depth2 .title{font-size:14px; margin-bottom:0.1em; color:#556f89}

/*등록폼 예외 - 파일 입력 인풋*/
.sec-group .sec-item .input-box.file{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center;}
.sec-group .sec-item .input-box.file .file-field{background:none; -ms-flex-negative: 1; -webkit-flex-shrink: 1; flex-shrink: 1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.sec-group .sec-item .input-box.file label{display:block; background:#152535; width:140px; height:40px; text-align:center; color:#fff; line-height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:6px; cursor: pointer; font-size:14px;}
.sec-group .sec-item .input-box.file .img_view{padding:0; display:block; background:#556f89; width:140px; height:40px; text-align:center; color:#fff; line-height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:6px; cursor: pointer; font-size:14px;}
.sec-group .sec-item .input-box.file .img_delete{padding:0; display:block; background:#556f89; width:140px; height:40px; text-align:center; color:#fff; line-height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right:6px; cursor: pointer; font-size:14px;}
.sec-group .sec-item .input-box.file .file-input{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.sec-group .agree-info{width:100%; max-height:240px; overflow:auto; margin-bottom:1em; border:1px solid #eee; padding:1.6em; line-height: 1.6em;}
.sec-group .agree-box{}
.sec-group .agree-box .check-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; height:50px;}

.sec-group .multi-box{width:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-box; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; margin-bottom:10px;}
.sec-group .multi-box .select-box{width:200px; margin-bottom: 0;}
.sec-group .multi-box .select-box.right{width:calc(100% - 210px);}
.sec-group .multi-box .input-box{width:-webkit-calc(100% - 210px);width:-moz-calc(100% - 210px);width:calc(100% - 210px)}

/* 회원가입, 마이페이지 공통 */
.signup_wrapper .btn_wrapper{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.signup_wrapper .btn_wrapper button{margin:0 0.25em;}

.signup_wrapper{max-width:892px; margin:0 auto; padding:0 16px;}
.signup_wrapper .step_wrapper{margin-bottom:4em; position:relative; margin-top:80px;}
.signup_wrapper .step_wrapper:after{content:""; display:block; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); height:1px; background:#eee ;  position: absolute; top:16px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: 0; }
.signup_wrapper .step_wrapper .step_list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1;}
.signup_wrapper .step_wrapper .step_list .step_list_item{text-align:center;}
.signup_wrapper .step_wrapper .step_list .step_list_item .number{background:#eee; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; display:block; width:32px; height:32px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin:0 auto 1em; position: relative;}
.signup_wrapper .step_wrapper .step_list .step_list_item .exp{}

.signup_wrapper .step_wrapper .step_list .step_list_item.on .number{ 
    color:#fff;   
    background: #2e98cc;
    background: -moz-linear-gradient(left, #2e98cc 0%, #0aabb3 100%);
    background: -webkit-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2e98cc),to(#0aabb3));
    background: -moz-linear-gradient(left, #2e98cc 0%,#0aabb3 100%);
    background: linear-gradient(to right, #2e98cc 0%,#0aabb3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e98cc', endColorstr='#0aabb3',GradientType=1 );
}
.signup_wrapper .step_wrapper .step_list .step_list_item.on .exp{color:#2e98cc;}
.signup_wrapper .step_wrapper .step_list .step_list_item.done .number:after{content:""; display:block; width:32px; height:32px; background:url('../img/signup/step_icon.png') no-repeat center / 32px 32px; position: absolute; top:0; left:0;}

.signup_container + .signup_container{margin-top:80px;}
.signup_container .top{margin-bottom:3em; text-align: center;}
.signup_container .top .title{font-size:2em; margin-bottom:0.5em; font-weight:500; color:#333;}
.signup_container .top .exp{margin-bottom:3em; line-height: 1.5em;}
.signup_container .top.complete{margin-bottom:2em;}
.signup_container .top.complete .exp{margin-bottom:2em;}
.signup_container .top.complete .badge{font-weight: 600; color:#0aabb3;}
.signup_container .top .complete_img{}
.signup_container .top .complete_img img{width:200px; margin:0 auto 2em;}
.signup_container .signup_content{ padding:2.2em 2em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:2em;  }
.signup_container .signup_content .agree_box{margin-bottom:2em; }
.signup_container .signup_content .agree_box .title{font-size:1.2em; margin-bottom:1em;  font-weight:500; color:#333; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center;}
.signup_container .signup_content .agree_box .title:before{content:""; width:16px; height:16px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; border:4px solid #2e98cc; display:block; margin-right:10px;}
.signup_container .signup_content .agree_box .scroll_box{background:#f8f9fa; border:1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:200px; overflow-Y:scroll; padding:2em; margin-bottom:1em; line-height:1.5em; color:#555;}
.signup_container .signup_content .agree_box .radio_wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.signup_container .signup_content .agree_box .radio_wrapper .radio_box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2em;}
.signup_container .signup_content .agree_box .radio_wrapper .radio_box input[type="radio"]{}
.signup_container .signup_content .agree_box .radio_wrapper .radio_box label{}
.signup_container .signup_content .check_wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; border-top:1px solid rgba(255,255,255,0.05); padding-top:2em; margin-top:2em;} 
.signup_container .signup_content .check_wrapper .check_box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width:100%;} 

.signup_container .signup_content.option{background:none; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;padding:0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.signup_container .signup_content.option .option_item {background:#f8f9fa; border:1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:-webkit-calc(25% - 7.5px); width:-moz-calc(25% - 7.5px); width:calc(25% - 7.5px); margin-right:10px; text-align:center; padding:4em 2em 2em;}
.signup_container .signup_content.option .option_item:nth-child(4n){margin-right:0;}
.signup_container .signup_content.option .option_item  figure{width:64px; height:64px; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; background:#fff; border:1px solid #eee; margin:0 auto 2em;}
.signup_container .signup_content.option .option_item  figure img{width:64px; height:64px;}
.signup_container .signup_content.option .option_item  .title{color:#333; font-size:18px; height:40px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom:2em;}
.signup_container .signup_content.option .option_item  .title span{color:#8f9294; font-size:15px; display:block; margin-top:0.4em;}
.signup_container .signup_content.option .option_item  button{margin:0 auto;}

.signup_container .signup_content.option.cert{}
.signup_container .signup_content.option.cert .option_item{width:-webkit-calc(30% - 10px);width:-moz-calc(30% - 10px);width:calc(30% - 10px); }

.signup_container .signup_content.complete{max-width:600px; margin:0 auto; background:none; text-align: center; line-height: 1.5em; padding:0; border-top:1px solid #eee; padding-top:2em;}
.signup_container .signup_content.complete p{margin-bottom:1em; word-break: keep-all; line-height: 1.5em;}
.signup_container .signup_content.complete .badge{color:#0aabb3}
.signup_container .signup_content.complete .complete_guide{margin-bottom:2em;}

.signup_container .guide{border-top:1px solid rgba(255,255,255,0.05); padding-top:2em; margin-top:2em;}
.signup_container .guide .guide_list{}
.signup_container .guide .guide_list .guide_list_item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -moz-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-bottom: 0.5em; line-height:22px;}
.signup_container .guide .guide_list .guide_list_item:before{content:""; width:20px; height:20px; display:block; background:url('../img/signup/icon_guide.png') no-repeat center 4px / 16px 16px; margin-right:0.4em;}

.signup_popup{background:rgba(0,0,0,0.5); position: fixed; top:0; right:0; bottom:0; left:0; z-index: 999999; text-align:center; display:none;}
.signup_popup .popup_wrapper{max-width:400px; margin:250px auto 400px; background:#1c2730; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow:hidden; padding:2em;}
.signup_popup .popup_wrapper .top{text-align: center; margin-bottom:2em;}
.signup_popup .popup_wrapper .top img{width:60%; height:auto;}
.signup_popup .popup_wrapper .guide{border-top:1px solid rgba(255,255,255,0.05); padding-top:2em; margin-top:2em; margin-bottom:2em;}
.signup_popup .popup_wrapper .close{display:block; margin-top: 1.8em; color:#fff; text-align: center;}


@media screen and (max-width:1200px){
    body.etc .m-container{padding-top:0px;}	
    body.etc .m-container.signup{padding-top:0px;}
    .signup_wrapper .step_wrapper{margin-top:120px;}
    .signup_wrapper .step_wrapper:after{top:14px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item .number{width:28px; height:28px; font-size:12px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item .exp{font-size:12px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item.done .number:after{width:28px; height:28px; -moz-background-size:28px 28px; background-size:28px 28px;}
    .signup_wrapper .signup_container{font-size:14px;}
    .signup_container .top .title{font-size:1.5em}
    .signup_container .top .exp{}
    .signup_container .signup_content{padding:0;}
    .signup_container .signup_content .agree_box .radio_wrapper{font-size:12px;}
    .signup_container .signup_content .check_wrapper{font-size:12px;}

    .sec-group .sec-item.checkbox .content .check-box{width:50%;}
    .sec-group .sec-item.checkbox.hard .content .check-box{width:25%;}
    .sec-group .sec-item.checkbox.small .content .check-box{width:100%;}

    .etc .sub_nav{position:relative; top:auto; margin-top:170px;}
    .etc .sub_nav .sub_list{top:60px}

    .etc .tab_01{margin:0}
    .etc .tab_01 .top {border-bottom: none; height:auto;}
    .etc .tab_01 .top ul{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; width:100%; border-left:1px solid #eee;}
    .etc .tab_01 .top ul li{width:50%; margin:0; border-right:1px solid #eee; border-bottom:1px solid #eee;  border-top:1px solid #eee;}
    .etc .tab_01 .top ul li a{height:4.6em; font-size:12px;}
	.etc .tab_01 .top ul li:nth-child(3), .etc .tab_01 .top ul li:nth-child(4){margin-top:-1px;}
    .etc .tab_01 .top ul li.on a{font-weight:700;}
    .etc .tab_01 .top ul li.on a:after{display:none;}

    .etc .user_notice{font-size:18px;}
}

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

    .signup_wrapper select{font-size:14px;}
    .signup_wrapper .step_wrapper:after{top:10px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item .number{width:20px; height:20px; font-size:10px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item .exp{font-size:10px;}
    .signup_wrapper .step_wrapper .step_list .step_list_item.done .number:after{width:20px; height:20px; -moz-background-size:20px 20px; background-size:20px 20px;}
    .signup_container .signup_content.option .option_item{width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);width:calc(50% - 2px); margin-bottom:4px; margin-right:4px; padding:2em 0;}
    .signup_container .signup_content.option .option_item:nth-child(2n){margin-right:0;}
    .signup_container .signup_content.option .option_item figure{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width:58px; height:58px;}
    .signup_container .signup_content.option .option_item figure img{width:48px; height:48px;}
    .signup_container .signup_content.option .option_item .title{margin-bottom:1em; font-size:1em;}
    .signup_container .signup_content.option .option_item .title span{font-size:0.8em;}
    .signup_container .guide{padding-top:1em; margin-top:1em;}

    .signup_container .signup_content.option.cert .option_item{width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);width:calc(50% - 2px); margin-bottom:4px; margin-right:4px; padding:2em 0;}
    .signup_container .signup_content.option.cert .option_item:nth-child(2n){margin-right:0;}
    .signup_container .signup_content .check_wrapper {width:100%;  -webkit-box-align: center;  -webkit-align-items: center;  -moz-box-align: center;  -ms-flex-align: center;  align-items: center;}
    .signup_container .signup_content .check_wrapper .check_box{width:100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}

    .sec-group{border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:0; margin:0;}
    .sec-group .sec-title{padding:30px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    .sec-group .sec-title .title{margin-bottom:1em}
    .sec-group .sec-title .emp{-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start; line-height: 1.5em; word-break: keep-all;}
    
    .sec-group .sec-content{padding:10px 0;}
    .sec-group .sec-item .title{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    .sec-group .sec-item .title label{margin-bottom:0.7em;}
    .sec-group .sec-item .title .input-guide{ opacity: 0.4; line-height: 1.4em;}
    .sec-group .sec-item .birthday{font-size:12px;}
    .sec-group .sec-item .contact{font-size:12px;}
    .sec-group .sec-item.nation .title{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
    
    .etc .user_notice{font-size:14px;}
    .etc .sub_nav{margin-bottom: 10px;}

    
}