/* head */
#head_wrap {width:100%;height:120px;border-bottom:3px solid #666;}
#head_inner {width:1200px;margin:0 auto;position:relative;}
#head_inner .head_logo {float:left;width:200px;height:120px;line-height:120px;text-align:center;}
#head_inner .head_logo img {margin:auto 0;}
#head_inner .head_inner_main_title{float:right;height:120px;line-height:120px;}
#head_inner .head_inner_main_title img {margin:auto 0;}

/* join */
.sv_visual_wrap.type2 {width:100%;height:130px;border-bottom:1px solid #dfdfe6;background:#fafafa;}
.sv_visual_inner {width:1200px;height:100%;margin:0 auto;}

.sv_text1 {float:right;font-size:24px;color:#666;}
.sv_text1 span {margin-bottom:20px;font-size:38px;line-height:38px;color:#2B63A1;}
.sv_text1.type2 {padding:24px 0 0 0;}
.sv_text1.type2 p {display:block;color:#333;font-size:14px;line-height:14px;margin-top:10px;}

.sv_text_user.type2 {position:absolute;right:0;bottom:-100px;display:inline-block;}

.sv_text2 {padding:46px 0 0 60px;letter-spacing:-1px;}
.sv_text2 strong {margin-bottom:20px;font-size:38px;line-height:38px;display:block;color:#333;}
.sv_text2.type2 {padding:34px 0 0 60px;}
.sv_text2.type2 strong {margin-bottom:10px;}
.sv_text2.type2 p {display:block;color:#333;font-size:14px;line-height:14px;}

.sv_text2.type3 {position:relative;}
.sv_text2.type3 p {position:absolute;left:440px;top:48px;display:block;color:#333;font-size:14px;line-height:20px;}

.sub_cont_box {width:100%;}
.sub_cont_box.type1 {background:#fafafa;border-bottom:1px solid #dfdfe6;}
.sub_cont_box.type2 {background:#fff;border-bottom:1px solid #dfdfe6;}
.sub_cont_box .sub_cont_box_inner {margin:0 auto;padding:25px 0 0;}
.sub_cont_box .sub_cont_box_inner_in {margin:0 auto;padding:10px 0;}

.login_form_wrap {width:350px;margin:30px auto 0;border:1px solid #ccc;padding:20px;}
.login_form_wrap > div {margin:20px 0 0;font-size:14px;}
.login_form_wrap > div:nth-child(2) {margin:15px 0 0;}
.login_form_wrap > div.signwith {margin:5px 0 0;font-size:12px;color:#999;}
.login_form_wrap > div > span{float:right;font-size:12px;color:#2B63A1;letter-spacing:-0.02em;}
.login_form_wrap > div > input{width:350px;margin:5px 0;}
.join_form_wrap {width:1080px;margin:0 auto;}
.join_form_wrap_in {width:750px;margin:0 auto;}

.login_left_bg{background:url(/image/loginbg1.jpg) no-repeat center;width:650px;height:431px;margin:0 auto;}

.counsel_form_box {overflow:hidden;padding:5px 0;}

.input_line {padding-left:140px;width:100%;box-sizing:border-box;overflow:hidden;position:relative;}
.input_line label {position:absolute;left:0;font:normal 16px 'Noto Sans KR', sans-serif;color:#666;line-height:40px;display:inline-block;width:120px;height:40px;text-align:left;box-sizing:border-box;}
.input_line label.req:after {content:' *';color:#ae2326;}
.input_line label.req2:after {color:#ae2326;}
.input_line input {height:40px;width:335px;float:left;}
.input_line .inputbox {height:40px;float:left;position:relative;padding-left:80px;}
.input_line textarea {height:135px;width:100%;}
.input_line p {display:inline;height:38px;width:155px;line-height:38px;font-weight:bold;font-size:14px;margin-left:10px;color:#999999;}
.input_line p a {height:32px;line-height:28px;position:relative;top:2px;margin-right:10px;}
.input_line .input_selectbox {display:inline-block;*display:inline;*zoom:1;height:38px;border:1px solid #999;position:relative;margin-right:8px;-webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);-moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.15);}
.input_line .input_selectbox:after {content:'\2228';position:absolute;right:7px;top:7px;font-size:12px;z-index:1;font-weight:bold;}
.input_line .input_selectbox select {height:38px;border:0;display:block;padding-left:10px;font-size:16px;position:relative;z-index:2;background:none;}

.join_term_box {padding-bottom:30px;}
.join_term_title {position:relative;padding-bottom:5px;}
.join_term_title strong {color:#ae2326;font-size:18px;padding-left:15px;}
.join_term_title span {position:absolute;right:0;font-size:14px;}
.join_term_area {height:170px;border:1px solid #999;overflow:auto;padding:10px;font-size:14px;}
.join_term_area textarea {border:0;width:100%;height:170px;padding:15px;box-sizing:border-box;font-size:14px;}

.join_term_btn {text-align:center;}
.join_term_btn p {font-size:14px;padding-left:15px;text-align:left;display:block;}
.join_term_btn a {width:195px;height:48px;line-height:48px;font-size:18px;border-radius:24px;margin:30px 0;}
.join_term_btn a.login {width:100%;height:32px;line-height:28px;font-size:18px;border-radius:0px;}

.input_checkbox {display:inline-block;*display:inline;*zoon:1;}
.input_checkbox input[type="checkbox"] {display:none;}
.input_checkbox input[type="checkbox"] + label {display:inline-block;*display:inline;*zoon:1;cursor:pointer;position:relative;height:14px;line-height:14px;padding:0 0 0 20px;}
.input_checkbox input[type="checkbox"] + label:before {content:"";font-size:13px;text-align:center;top:0;bottom:0;left:0;width:14px;height:14px;line-height:14px;position:absolute;border:1px solid #999;color:#fff;box-sizing:border-box;-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.19);-moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.19);box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.19);}
.input_checkbox input[type="checkbox"]:checked + label:before {content: "\2714";color:#ae2326;font-weight:bold;}

.input_radio {display:inline-block;*display:inline;*zoon:1;}
.input_radio input[type="radio"] {display:none;}
.input_radio input[type="radio"] + label {display:inline-block;*display:inline;*zoon:1;font-size:18px;color:#666;cursor:pointer;position:relative;padding:0 0 0 20px;}
.input_radio input[type="radio"] + label:before {content:"";text-align:center;top:6px;left:-15px;;width:24px;height:24px;line-height:14px;position:absolute;border:1px solid #999;color:#fff;border-radius:50%;}
.input_radio input[type="radio"]:checked + label:before {content:"\2022";color:#666;font-size:60px;line-height:10px;text-align:center;}

label.custom-radio-button input[type="radio"] {
    opacity:0;
}
 
label.custom-radio-button input[type="radio"] ~ .label-text {
	display:inline;height:30px;line-height:12px;padding-top:12px;font-size:18px;
	position: absolute;
}
label.custom-radio-button input[type="radio"] ~ .helping-el {
    background-color: #FFFFFF;
    border: 2px solid #999;  
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
    margin-top: 4px;
    padding: 10px;
    position: relative;
    top: 3px;
}
 
label.custom-radio-button input[type="radio"]:checked ~ .helping-el {
    border: 2px solid #666;
}
 
label.custom-radio-button input[type="radio"]:checked ~ .helping-el:after {
    background-color: #666;
    border-radius: 50%;
    content: " ";
    font-size: 33px;
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 16px;
     
}


/* input */
.input_area {border:1px solid #999;box-sizing:border-box;padding:0 5px;}

.btn {display:inline-block;*display:inline;*zoom:1;cursor:pointer;border:0;text-align:center;box-sizing:border-box;letter-spacing:-1px;font-weight:bold;}
.btn i {position:relative;top:1px;font-size:20px;margin-left:5px;}

.btn_type1 {background:#fff;border:2px solid #ae2326;color:#ae2326;border-radius:50px;padding:0 15px;}
.btn_type1:hover {background:#ffeeee;}
.btn_type2 {background:#ae2326;color:#fff;padding:0 10px;}
.btn_type2:hover {background:#c66568;}
.btn_type3 {background:#008040;color:#fff;padding:0 10px;}
.btn_type3:hover {background:#004422;}
.btn_type4 {background:#eee;color:#444;height:38px;border:1px solid #666;padding:0 10px;cursor:pointer;font:normal 18px 'Noto Sans KR', sans-serif;}

/*기본폼박스*/
.form_box {}
.form_box > li {padding:5px 0 10px;}
.form_box > li > label {font:normal 18px 'Noto Sans KR', sans-serif;color:#777;line-height:30px;}
.form_box input {height:50px;width:100%;padding:10px;border:1px solid #999;box-sizing:border-box;font:normal 18px 'Noto Sans KR';color:#666;}
.form_box select {width:100%;height:50px;border:0;display:block;border:1px solid #999;padding:10px;font-size:16px;position:relative;z-index:2;background:none;}
.form_box input::placeholder { color: #ccc; }
.form_box input:-ms-input-placeholder { color: #ccc; }


.form_box > li > label.req:after {content:' (필수)';color:#ae2326;font-size:12px;}

.label_alert {font:normal 18px 'Noto Sans KR', sans-serif;color:#ae2326;line-height:30px;text-align:center;}
.label_alert:before {content:' ! ';color:#ae2326;font-size:18px;margin-right:10px;}

/* 24 */

.join_term_title24 {position:relative;padding-bottom:5px;}
.join_term_title24 strong {color:#ae2326;font-size:18px;padding-left:15px;}
.join_term_title24 h1 {color:#444;font-size:16px;padding-left:15px;}
.join_term_title24 h2 {color:#f40;font-size:16px;padding:10px 0 0 15px;}
.join_term_title24 > span {position:absolute;right:0;top:0;font-size:14px;}
.join_term_title24 > div.r1 {position:absolute;right:0;top:0;font-size:14px;}


.join_term_area24 {min-height:100px;border:1px solid #999;overflow:auto;padding:20px;font-size:14px;}

.input_radio24 {display:inline-block;*display:inline;*zoon:1;border:0px solid #f40;height:20px;margin:0 0 10px 0;padding:0;}
.input_radio24 input[type="radio"] {display:none;}
.input_radio24 input[type="radio"] + label {display:inline-block;*display:inline;*zoon:1;border:0px solid #f40;font-size:16px;color:#666;cursor:pointer;position:relative;padding:0 15px 0 30px;height:20px;line-height:20px;}
.input_radio24 input[type="radio"] + label:before {content:"";text-align:center;top:0px;left:0px;;width:20px;height:20px;line-height:14px;position:absolute;border:1px solid #999;color:#fff;border-radius:50%;}
.input_radio24 input[type="radio"]:checked + label:before {content:"\2022";color:#666;font-size:50px;line-height:8px;text-align:center;}