@charset "utf-8";

/*회원가입 화면 상단 텍스트박스*/
.service_box {
    margin-bottom: 35px; padding: 35px 40px; border: 1px solid #e1e1e1;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 24px;
    background: #f7f7f7;
    color: #2c313a;
}
.service_box p {

}
.service_box p .strong_text {
    font-family: 'NotoKrB'; font-size: 20px; line-height: 24px;
}


/*회원 가입 및 기타 페이지 하단 알아두세요 박스*/
.help_box {
    margin-bottom: 40px; padding: 25px 40px; border: 1px solid #e1e1e1;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 20px;
    background: #fff;
    color: #2c313a;
}
.help_box .title_text {
    margin-bottom: 5px;
    font-family: 'NotoKrB'; font-size: 16px; line-height: 22px;
}
.help_box ul li {
    position: relative;
    padding-left: 15px;
    font-family: 'NotoKrR'; font-size: 18px; line-height: 26px;

}
.help_box ul li:before {
    content: '-';
    position: absolute; left: 0px;
    margin-right: 5px;
}
.help_box ul li .blue {
    color: #2166e0;
}

.help_box ul li .B_red {
    color: #ff0000;
    font-size: 21px;
}


/*회원 가입 유형 선택*/
.join_type {
    display : flex;
    justify-content: center;
    margin: 0 auto;
    padding: 40px 0 40px 0;
}

.join_type .member_type {
    box-sizing: border-box;
    position: relative;
    width: 260px;
    margin-right: 20px;
    text-align: center;
}

.join_type .member_type:last-child {
    margin-right: 0;
}

.join_type .member_type input[type="radio"] {
    position: absolute; top: 0; left: 0;
    opacity: 0;
}

.join_type .member_type label {
    display : flex;
    flex-direction : column;
    padding: 180px 0 50px 0; border: 1px solid #29a18b;
    background-color: #fff;
    transition: all 0.2s;
    font-family: 'NotoKrB'; font-size: 20px; line-height: 16px;
}

.join_type .member_type label .type_sub {
    margin-top : 8px;
    font-family: 'NotoKrR';
    font-size: 14px;
    line-height: 18px;
}

.join_type .member_type label:hover {
    background-color : #f7f7f7;
}

.join_type .member_type input[type="radio"]:focus + label {
    background-color : #ebebeb;
    outline : -webkit-focus-ring-color auto 1px;
}

.join_type .member_type input[type="radio"]:checked ~ label {
    background-color: #2cb497;
    color: #fff;
}

.join_type .member_type.organization_member label {
    background-image: url(../images/login/img_sign_type_01_off.png);
    background-repeat: no-repeat; background-size: 110px; background-position: center 50px;
}

.join_type .member_type.organization_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_01_on.png);
}

.join_type .member_type.fulfill_member label {
    background-image: url(../images/login/img_sign_type_03_off.png);
    background-repeat: no-repeat; background-size: 110px; background-position: center 50px;
}

.join_type .member_type.fulfill_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_03_on.png);
}

.join_type .member_type.accounting_member label {
    padding: 180px 0 34px 0;
    background-image: url(../images/login/img_sign_type_03_off.png);
    background-repeat: no-repeat; background-size: 110px; background-position: center 50px;
}

.join_type .member_type.accounting_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_03_on.png);
}

.join_type .member_type.research_member label {
    background-image: url(../images/login/img_sign_type_04_off.png);
    background-repeat: no-repeat; background-size: 110px; background-position: center 50px;
}

.join_type .member_type.research_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_04_on.png);
}

.join_type .member_type.statement_member label {
    background-image: url(../images/login/img_sign_type_05_off.png);
    background-repeat: no-repeat; background-size: 130px; background-position: center 36px;
}

.join_type .member_type.statement_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_05_on.png);
}

.join_type .member_type.service_member label {
    background-image: url(../images/login/img_sign_type_06_off.png);
    background-repeat: no-repeat; background-size: 130px; background-position: center 42px;
}

.join_type .member_type.service_member input[type="radio"]:checked ~ label {
    background-image: url(../images/login/img_sign_type_06_on.png);
}


/*회원가입 상단 회원가입 순서*/
.signup_step {
    margin-bottom: 40px;
}
.signup_step ul {
    display : flex;
    justify-content: center;
}
.signup_step ul li {
    position: relative;
    min-width: 100px;
    margin-right: 50px; padding: 70px 0 10px 0;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
    text-align: center;
    background-repeat: no-repeat; background-size: 50px; background-position: top center;
    color: #878888;
}
.signup_step ul li.active {
    color: #13a89e;
}
.signup_step ul li.active span {
    padding-bottom: 5px;
    border-bottom: 1px solid #13a89e;
}
.signup_step ul li:after {
    content: '';
    position: absolute; top: 25px; left: 100px;
    display: block;
    width: 50px; height: 3px;
    background-color: #dfdfdf;
}
.signup_step ul li:last-child {
    margin: 0;
}
.signup_step ul li:last-child:after {
    display: none;
}
.signup_step ul li.step_01 {
    background-image: url(../images/login/img_signup_step_01_off.png);
}
.signup_step ul li.step_01.active {
    background-image: url(../images/login/img_signup_step_01_on.png);
}
.signup_step ul li.step_02 {
    background-image: url(../images/login/img_signup_step_02_off.png);
}
.signup_step ul li.step_02.active {
    background-image: url(../images/login/img_signup_step_02_on.png);
}
.signup_step ul li.step_03 {
    background-image: url(../images/login/img_signup_step_03_off.png);
}
.signup_step ul li.step_03.active {
    background-image: url(../images/login/img_signup_step_03_on.png);
}
.signup_step ul li.step_04 {
    background-image: url(../images/login/img_signup_step_04_off.png);
}
.signup_step ul li.step_04.active {
    background-image: url(../images/login/img_signup_step_04_on.png);
}

.signup_step ul li.clear span {
    padding-left : 24px;
    background-image: url(../images/login/img_check_form_essential.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center left 4px;
}

/*회원 약관 동의 컨트롤*/
.agree {
    position: relative;
    height: 40px;
}
.agree input[type="checkbox"] {
    /* display: none; */
    position : absolute; opacity : 0;
    width : 0; height : 0;
}
.agree input[type="checkbox"] + label {
    float: left; cursor: pointer; box-sizing: border-box;
    width:20px; height: 20px;
    margin-top: 4px; border: 1px solid #d1d1d1;
    background: #fff no-repeat top/10px 10px;
    transition: all 0.2s;
}
.agree input[type="checkbox"]:checked:focus + label {
	border: 1px solid #ee348f;
}
.agree input[type="checkbox"]:checked + label {
    float: left;
    border: 1px solid #29a18b;
    background:url(../images/login/img_checkbox_on.png) #1ba39c no-repeat center/10px 10px;
}
.agree input[type="checkbox"]:focus + label {
	border: 1px solid #29a18b;
}
.agree input[type="checkbox"] + label .agree_text {
    position: absolute; top: 0; left:30px;
    display: block;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 24px; letter-spacing:-0.05em;
}
.agree .agree_text .point {
    margin-right: 5px;
    font-family: 'NotoKrB';
    color: #ee348f;
}
.agree .agree_text .point_b {
    margin-right: 5px;
    font-family: 'NotoKrB';
    font-weight: 600;
}
.agree_all {
    margin-bottom: 25px; padding-top : 20px; border-top: 1px solid #d5d5d5;
}
.agree_all input[type="checkbox"] + label .agree_text {
    position: absolute; top: 20px; left:30px;
    display: block;
    font-family: 'NotoKrR'; font-size: 18px; line-height: 26px; letter-spacing:-0.05em;
}
.agree_box {
    overflow-y: auto;
    box-sizing: border-box;
    height: 400px;
    margin-bottom: 40px; padding: 30px; border-top: 1px solid #666666; border-bottom: 1px solid #dddddd;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 20px;
    background: #f7f7f7;
}
.agree_box .strong_point {
    font-family: 'NotoKrB'; font-size: 16px; line-height: 24px;
}
.agree_btn_area {
    margin-bottom: 40px;
    font-size: 0;
    text-align: center;
}

.agree_btn_area a, .agree_btn_area button {
    display: inline-block; box-sizing: border-box;
    width: 160px; height: 60px;
    margin-right : 16px;
    padding: 20px 0;
}

.agree_btn_area a:last-child,
.agree_btn_area button:last-child {
    margin-right : 0px;
}

.agree_btn_area a.agree_btn, .agree_btn_area button.agree_btn {
    border: 1px solid #13a89e;
    font-family: 'NotoKrB'; font-size: 16px; line-height: 16px;
    background-color: #13a89e;
    color: #fff;
}

.agree_btn_area a.agree_btn:hover, .agree_btn_area button.agree_btn:hover {
    border: 1px solid #0d726b;
    background-color: #0d726b;
}
.agree_btn_area a.type_agree_btn, .agree_btn_area button.type_agree_btn {
    margin-left: 10px; border: 1px solid #acacac;
    font-family: 'NotoKrB'; font-size: 16px; line-height: 16px;
    background-color: #d8d8d8;
    color: #fff;
}
.agree_btn_area a.type_agree_btn.agree_enable, .agree_btn_area button.type_agree_btn.agree_enable {
    border: 1px solid #13a89e;
    background-color: #13a89e;
    color: #fff;
}
.agree_btn_area a.type_agree_btn.agree_enable:hover, .agree_btn_area button.type_agree_btn.agree_enable:hover {
    border: 1px solid #0d726b;
    background-color: #0d726b;
}
.agree_btn_area a.cancel_btn, .agree_btn_area button.cancel_btn {
    border: 1px solid #acacac;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
}
.agree_btn_area a.cancel_btn:hover, .agree_btn_area button.cancel_btn:hover {
    background-color: #d7d7d7;
}









.agree_rules p.rules_lv2 {
    position: relative;
    padding: 0 0 0 40px;
}
.agree_rules p.rules_lv2::before {
    position: absolute; top: 0px; left: 12px;
}
.agree_rules p.rules_lv2.cc_1::before {
    content: '①';
}
.agree_rules p.rules_lv2.cc_2::before {
    content: '②';
}
.agree_rules p.rules_lv2.cc_3::before {
    content: '③';
}
.agree_rules p.rules_lv2.cc_4::before {
    content: '④';
}
.agree_rules p.rules_lv2.cc_5::before {
    content: '⑤';
}
.agree_rules p.rules_lv2.cc_6::before {
    content: '⑥';
}
.agree_rules p.rules_lv2.cc_7::before {
    content: '⑦';
}
.agree_rules p.rules_lv2.cc_8::before {
    content: '⑧';
}
.agree_rules p.rules_lv2.cc_9::before {
    content: '⑨';
}

.agree_rules .rules_list {
    list-style: none;
}
.agree_rules .rules_list li {
    padding: 0 0 0 65px; position: relative;
}
.agree_rules .rules_list li::before {
    position: absolute; top: 0px; left: 38px;
}
.agree_rules .rules_list li:nth-child(1)::before {
    content: '(1)';
}
.agree_rules .rules_list li:nth-child(2)::before {
    content: '(2)';
}
.agree_rules .rules_list li:nth-child(3)::before {
    content: '(3)';
}
.agree_rules .rules_list li:nth-child(4)::before {
    content: '(4)';
}
.agree_rules .rules_list li:nth-child(5)::before {
    content: '(5)';
}
.agree_rules .rules_list li:nth-child(6)::before {
    content: '(6)';
}
.agree_rules .rules_list li:nth-child(7)::before {
    content: '(7)';
}
.agree_rules .rules_list li:nth-child(8)::before {
    content: '(8)';
}
.agree_rules .rules_list li:nth-child(9)::before {
    content: '(9)';
}
.agree_rules .rules_list li:nth-child(10)::before {
    content: '(10)';
}
.agree_rules .rules_list li:nth-child(11)::before {
    content: '(11)';
}
.agree_rules .rules_list li:nth-child(12)::before {
    content: '(12)';
}
.agree_rules .rules_list li:nth-child(13)::before {
    content: '(13)';
}
.agree_rules .rules_list li:nth-child(14)::before {
    content: '(14)';
}
.agree_rules .rules_list li:nth-child(15)::before {
    content: '(15)';
}
.agree_rules .rules_list li:nth-child(16)::before {
    content: '(16)';
}
.agree_rules .rules_list li:nth-child(17)::before {
    content: '(17)';
}
.agree_rules .rules_list li:nth-child(18)::before {
    content: '(18)';
}














/*회원가입 본인인증*/
.authentication_type {
    width: 1080px;
	display:table;
	text-align:center;
    margin: 0 auto; padding: 40px 0 40px 0;
}
.authentication_type:after {
    content:""; display:block; clear:both;
}
.authentication_type .method_type {
    float: left;
    box-sizing: border-box;
    position: relative;
    width: 500px;
    display: block;
    padding: 60px 0 60px 230px; border: 1px solid #b7b7b7;
    background-color: #fff;
    transition: all 0.2s;
	text-align:left;
	margin: 10px;
}
.authentication_type .method_type:hover {
    border: 1px solid #e7e7e7;
    background-color: #fafafa;
}
.authentication_type .phone_method {

}
.authentication_type .method_type.phone_method {
    background-image: url(../images/login/img_phone_method.png);
    background-repeat: no-repeat; background-size: 95px; background-position: 100px center;
}
.authentication_type .method_type.card_method {
    background-image: url(../images/login/img_card_method.png);
    background-repeat: no-repeat; background-size: 95px; background-position: 100px center;
}
.authentication_type .method_type.certificate_method {
    background-image: url(../images/login/img_certificate_method.png);
    background-repeat: no-repeat; background-size: 120px; background-position: 70px center;
}
.authentication_type .method_type .type_title {
    margin-bottom: 7px;
    font-family: 'NotoKrB'; font-size: 20px; line-height: 20px;
}
.authentication_type .method_type .type_sub {margin-bottom: 15px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
}
.authentication_type .method_type a {
    display: inline-block;
    padding: 15px 30px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
    background-color: #13a89e;
    color: #fff;
}
.authentication_type .method_type a:hover {
    background-color: #414042;
    color: #fff;
}


/*회원가입 정보등록 기본 양식*/
.signup_form {
    margin-bottom: 40px; border-top: 1px solid #222222;
}
.signup_form dl {
    font-size: 0;
}
.signup_form dl dt {
    position: relative;
    display: inline-block; box-sizing: border-box; vertical-align: top;
    width: 20%;
    padding: 13px 15px 14px 60px; border-bottom: 1px solid #dddddd;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 35px;
    background-color: #f8f8f8;
}
.signup_form dl dt.essential:before {
    content: '';
    position: absolute; top: 25px; left: 35px;
    display: block;
    width : 18px; height: 15px;
    background-image: url(../images/login/img_check_form_essential.png);
    background-repeat: no-repeat; background-size: 12px; background-position: top center;
}
.signup_form dl dt.high_dt {
    height: 103px;
}
.signup_form dl dd {
    display: inline-block; box-sizing: border-box; vertical-align: top;
    width: 80%;
    padding: 13px 20px 14px 20px; border-bottom: 1px solid #dddddd;
    font-size: 0px;
}
.signup_form dl dd input[type="text"], .signup_form dl dd input[type="password"], .signup_form dl dd input[type="email"] {
    box-sizing: border-box;
    width: 300px; height: 35px;
    margin: 0 10px 0 0; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 33px;
}
.signup_form dl dd input[type="email"] {
    width: 200px;
}
.signup_form dl dd input[type="text"].tel_width {
    width: 100px;
}
.signup_form dl dd input[type="text"].long_width {
    width: 400px;
}
.signup_form dl dd input[type="text"].top_margin {
    margin-top: 5px;
}
.signup_form dl dd p {
    font-family: 'NotoKrR'; font-size: 16px; line-height: 35px;
}
.signup_form dl dd p label {
	font-size : 0;
}
.signup_form dl dd a {
    vertical-align: middle;
    margin-right: 10px; padding: 6px 15px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 15px;
    background-color: #e5e5e5;
}
.signup_form dl dd a:hover {
    background-color: #a4a4a4;
    color: #fff;
}
.signup_form dl dd a.btn_add {
    background-color: #2b3f55;
    color: #fff;
}
.signup_form dl dd a.btn_add:hover {
    background-color: #162536;
}

.signup_form dl dd a.addCorp,
.signup_form dl dd a.searchCorp {
    border : 1px solid #ddd;
    border-radius : 4px;
    background-color : #fff;
    background-position: left -16px center;
    color : #000;
    display: inline-block;
    width: 60px;
    height: 21px;
    line-height: 21px;
}

.signup_form dl dd a.addCorp:hover,
.signup_form dl dd a.searchCorp:hover {
    border : 1px solid #e1e1e1;
    background-color : #eee;
    color : #000;
}

.signup_form dl dd a.addCorp.active,
.signup_form dl dd a.searchCorp.active {
    border : 1px solid #1c68a4;
    padding-left : 36px;
    background-image: url(../images/login/img_check_form_essential.png);
    background-repeat: no-repeat; background-size: 10px; background-position: left 16px center;
    display: inline-block;
    width: 60px;
    height: 21px;
    line-height: 21px;
}

.signup_form dl dd span {
    vertical-align: middle;
    margin-right: 10px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 35px;
    color: #707070;
}
.signup_form dl dd .success {
    font-family: 'NotoKrR';
    color: #2166e0;
}
.signup_form dl dd .fail {
    font-family: 'NotoKrR';
    color: #ee348f;
}
.signup_form dl dd .ui-controlgroup {
    margin: 0 5px 0 0;
}
.signup_form dl dd .ui-controlgroup .ui-selectmenu-button.ui-button {
    width: 200px;
    margin: 0 5px 0 0; padding: 0px 10px 0px 15px; border: 1px solid #e1e1e1;
    font-size: 14px; line-height: 33px;
    background: #ffffff;
}
.signup_form dl dd .ui-controlgroup .ui-selectmenu-button.ui-button:last-child {
    margin: 0;
}
.signup_form dl dd .ui-controlgroup.email_choice  .ui-selectmenu-button.ui-button {
    width: 200px;
}
.signup_form dl dd .ui-controlgroup.phonenumber_choice  .ui-selectmenu-button.ui-button {
    width: 70px;
}
.signup_form dl dd .ui-controlgroup  .ui-selectmenu-button.ui-button span {
    margin: 0;
    line-height: 33px;
}
.signup_form dl dd .ui-controlgroup  .ui-selectmenu-button.ui-button span.ui-icon {
    margin-top: 10px;
    background-image : url("../images/sub_common/btn_combobox_arrow_bottom.png");
    background-position: center;
}


.combobox_control, .find_form_area .combobox_control {
    width: 200px;
    margin: 0 5px 0 0; padding: 9px 10px 9px 10px; border: 1px solid #e1e1e1; border-radius : 3px;
    font-size: 14px;
    background-color : #fff;
    background-image : url("../images/sub_common/btn_combobox_arrow_bottom.png");
    background-repeat : no-repeat;
    background-position : right center;

    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor : pointer;
    transition: all 0.5s;
}
.combobox_control.combobox_bbs {
	width : 400px;
}
.find_form_area .combobox_control {
	width : 146px;
	font-size : 12px;
}
.combobox_control::-ms-expand {
    display: none;
}
.combobox_control:hover {
	border : 1px solid #4d90fe;
}
.combobox_control:last-child {
    margin: 0;
}
.task_list_wrapper .combobox_control {
	position : absolute; right : 0;
}

/*회원가입 회원정보 성별 선택 라디오 버튼*/
.gender_type {

}
.gender_type:after {
    content:""; display:block; clear:both;
}
.gender_type .member_type {
    float: left; box-sizing: border-box;
    position: relative;
    width: 80px;
    text-align: center;
}
.gender_type .normal_member {
    margin-right: 10px;
}
.gender_type .research_member {

}
.gender_type .member_type input[type="radio"] {
    position: absolute; top: 0; left: 0;
    opacity: 0;
}
.gender_type .member_type label {
    display: block;
    padding: 10px 0;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 15px;
    background-color: #e5e5e5;
    transition: all 0.2s;
}
#radio1:checked ~ #gender_radio_male {
    background-color: #1c68a4;
    color: #fff;
}
#radio2:checked ~ #gender_radio_female {
    background-color: #1c68a4;
    color: #fff;
}


/*회원가입 완료*/
.signup_complete {
    padding: 230px 0 20px 0;
    font-family: 'NotoKrL'; font-size: 18px; line-height: 24px;
    text-align: center;
    background-image: url(../images/login/img_signup_complete.png);
    background-repeat: no-repeat; background-size: 180px; background-position: center 10px;
}
.signup_complete p {
    margin-bottom: 25px;
    font-family: 'NotoKrL'; font-size: 20px; line-height: 28px;
    color: #444952;
}
.signup_complete p .point {
    font-family: 'NotoKrB'; font-size: 20px; line-height: 28px;
    color: #1f5db2;
}


/*로그인*/
.login_box {
    position: relative;box-sizing: border-box;
    width: 1200px; height: 452px;
    margin: 0 0 15px 0; padding: 100px 200px 100px 610px; border: 1px solid #e1e1e1;
    background-image: url(../images/login/bg_login_01.png);
    background-repeat: no-repeat; background-size: 572px; background-position: -50px 5px;
}
.login_box:after {
    content:""; display:block; clear:both;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../images/login/bg_login_02.png);
    background-repeat: no-repeat; background-size: 497px; background-position: 840px 25px;
}
.login_box .login_type {
    position: absolute; top: 100px; left: 590px;
    z-index: 20;
}
/*
.login_box .login_type.type_id {
    margin-right: 15%;
}
*/
/*
.login_box .login_type.type_certificate {

}
*/
.login_box .login_type h5 {
    margin-bottom: 20px;
    font-family: 'NotoKrB'; font-size: 28px; line-height: 28px;
    text-align: center;
}
.login_box .login_type h5 .point {
    color: #1c68a4;
}
.login_box .login_type .login_text {
    margin-bottom: 25px;
    font-family: 'NotoKrR'; font-size: 18px; line-height: 18px;
    text-align: center;
}
.login_id_form {
    margin-bottom: 20px;
}
.login_id_form:after {
    content:""; display:block; clear:both;
}
.login_id_form .login_id_forme_input {
    float: left;
    width: 266px;
    margin-right: 15px;
}
.login_id_form .login_id_forme_input input[type="text"], .login_id_form .login_id_forme_input input[type="password"] {
    box-sizing: border-box;
    width: 100%; height: 35px;
    margin: 0 0 0 0; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 33px;
}
.login_id_form .login_id_forme_input input[type="text"] {
    margin-bottom: 5px;
}
.login_id_form a {
    float: left; box-sizing: border-box;
    display: block;
    width: 100px;
    padding: 29px 0px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 17px;
    background-color: #2b4c8c;
    color: #fff;
    text-align: center;
}


/*아이디 저장 체크박스*/
.id_saved {
    position: relative;
    height: 30px;
    margin-bottom: 20px;
}
.id_saved input[type="checkbox"] {
    position : absolute; opacity : 0;
    width : 0; height : 0;
}
.id_saved input[type="checkbox"] + label {
    float: left; cursor: pointer; box-sizing: border-box;
    width:20px; height: 20px;
    margin-top: 4px; border: 1px solid #d1d1d1;
    background: #fff no-repeat top/10px 10px;
    transition: all 0.2s;
}
.id_saved input[type="checkbox"]:checked + label {
    float: left;
    border: 1px solid #2b4c8c;
    background:url(../images/login/img_checkbox_on.png) #2b4c8c no-repeat center/10px 10px;
}
.id_saved input[type="checkbox"]:focus + label {
	border: 1px solid #29a18b;
}
.id_saved input[type="checkbox"] + label .agree_text {
    position: absolute; top: 0; left:30px;
    display: block;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 24px; letter-spacing:-0.05em;
}


/*아이디찾기, 비밀번호 찾기, 회원가입 버튼*/
.id_control_btn {

}
.id_control_btn ul {

}
.id_control_btn ul li {
    float: left;
    margin-right: 15px; padding-right: 15px; border-right: 1px solid #d1d1d1;
}
.id_control_btn ul li:last-child {
    margin: 0; padding: 0; border: 0;
}
.id_control_btn ul li a {
    display: block;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}


/*로그인 공인인증서 로그인*/
/*
.type_certificate a {
    display: block;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
    text-align: center;
}
.type_certificate a.certificate_login {
    margin-bottom: 10px; padding: 30px 0;
    background-color: #2b4c8c;
    color: #fff;
}
.type_certificate a.certificate_admin {
    margin-bottom: 15px; padding: 18px 0;
    background-color: #8d8d8d;
    color: #fff;
}
.type_certificate p {
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}
*/


/*로그인 하단 고객센터 텍스트*/
.login_calllcenter {
    position: relative;
    height:32px;
    margin-bottom: 15px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 32px;

}
.login_calllcenter P {
    position: absolute; right: 0;
    padding-left: 42px;
    background-image: url(../images/login/img_login_callcenter.png);
    background-repeat: no-repeat; background-size: 32px; background-position: left center;
}
.login_calllcenter p .strong {
    font-family: 'NotoKrB';
}
.login_calllcenter:after {
    content:""; display:block; clear:both;
}
.login_calllcenter.mb_100 {
    margin-bottom: 100px;
}


/*로그인 필수 프로그램 설치 텍스트 박스*/
.login_install_box {
    position: relative; box-sizing: border-box;
    margin: 0 0 35px 0; padding: 45px 100px 45px 220px; border: 1px solid #e1e1e1;
    background-image: url(../images/login/bg_login_install.png);
    background-repeat: no-repeat; background-size: 220px; background-position: right top;
    background-color: #f7f7f7;
    color: #2c313a;
}
.login_install_box img {
    position: absolute; left: 75px; top: 55px;
    width: 92px; height: 75px;
}
.login_install_box h5 {
    margin-bottom: 5px;
    font-family: 'NotoKrR'; font-size: 18px; line-height: 18px;
}
.login_install_box p {
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
    margin-bottom: 30px;
}
.login_install_box a {
    padding: 13px 30px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
    background-color: #2b4c8c;
    color: #fff;
}


/*아이디, 패스워드 찾기*/
#find_login {
    margin-bottom: 15px; padding: 0; border: 0;
}
#find_login .ui-tabs-nav {
    padding: 0; border-radius: 0px; border: 0; border-top: 1px solid #cccccc;
}
#find_login .ui-tabs-nav li {
    box-sizing: border-box;
    width: 50%;
    margin: 0; padding: 0; border-radius: 0px; border: 0;
    text-align: center;
    color: #eaeaea;
}
#find_login .ui-tabs-nav li.ui-tabs-active {
    background-color: #2b4c8c;
}
#find_login .ui-tabs-nav li a {
    float: none; display: block;
    padding: 20px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
}
#find_login .ui-tabs-panel {
    padding: 80px 60px; border: 1px solid #cccccc;
    display: flex;
    align-content: center;
    justify-content: center;
}
#find_login .ui-tabs-panel:after {
    content:""; display:block; clear:both;
}
#find_login .ui-tabs-panel .find_info {
    /*float: left;*/
    width: 504px;
    
    align-content: center;
    justify-content: center;
}
.find_info .find_title {
    box-sizing: border-box;
    padding: 15px 0 15px 80px;
}
.find_info .find_title h5 {
    margin-bottom: 10px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
}
.find_info .find_title p {
    margin-bottom: 5px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}
.find_info.find_email {
    margin-left: 35px; padding-left: 34px; border-left: 1px solid #cccccc;
}
.find_info .find_title_phone {
    padding-top: 109px;
    background-image: url(../images/login/img_phone_method.png);
    background-repeat: no-repeat; background-size: 70px; background-position: center top;
}
.find_info .find_title_phone h5 {
    margin-bottom: 15px;
    font-family: 'NotoKrR'; font-size: 28px; line-height: 26px;
    text-align: center;
}
.find_info .find_title_phone p {
    margin-bottom: 10px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 20px;
    text-align: center;
}
#find_login_pw .find_phone .find_title_phone {
    padding-top: 159px;
    background-position: center 20px;
}


.find_info.find_email .find_title {
    background-image: url(../images/login/img_auth_email.png);
    background-repeat: no-repeat; background-size: 60px; background-position: left center;
}
.find_info .find_form .find_form_area {
    margin-bottom: 15px;
    font-size: 0;
}
.find_info .find_form .find_form_area .nametag {
    display: inline-block; vertical-align: middle;
    width: 80px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 33px;
    text-align: left;
}
.find_info .find_form .find_form_area input[type="text"] {
    box-sizing: border-box;
    width: 424px; height: 35px;
    margin: 0 0 0 0; padding: 0 10px; border: 1px solid #e1e1e1; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 33px;
}
.find_info .find_form .find_form_area input[type="text"].checker {
    width: 301px;
}
.find_info .find_form .find_form_area .number_checker {
    display: inline-block; vertical-align: middle; box-sizing: border-box;
    height: 35px;
    margin-left: 10px; padding: 7px 16px; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 21px;
    background-color: #8d8d8d;
    color: #fff;
}
#find_login .ui-tabs-panel .find_info a.auth_btn {
    display: block;
    margin-top: 35px; padding: 15px 10px; border-radius: 3px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
    text-align: center;
    background-color: #2d88e2;
    color: #fff;
}
.find_info .find_form .find_form_area .ui-controlgroup {
    margin: 0;
}
.find_info .find_form .find_form_area .ui-controlgroup.phonenumber_choice .ui-selectmenu-button.ui-button {
    width: 60px;
    margin: 0; padding: 0px 10px 0px 15px; border: 1px solid #e1e1e1;
    font-size: 14px; line-height: 33px;
    background: #ffffff;
}
.find_info .find_form .find_form_area .ui-controlgroup.email_choice .ui-selectmenu-button.ui-button {
    width: 104px;
    margin: 0; padding: 0px 10px 0px 15px; border: 1px solid #e1e1e1;
    font-size: 14px; line-height: 33px;
    background: #ffffff;
}
.find_info .find_form .find_form_area .ui-controlgroup  .ui-selectmenu-button.ui-button span {
    margin: 0;
    line-height: 33px;
}
.find_info .find_form .find_form_area .ui-controlgroup  .ui-selectmenu-button.ui-button span.ui-icon {
    margin-top: 10px;
    background-image : url("../images/sub_common/btn_combobox_arrow_bottom.png");
    background-position: center;
}
.find_info .find_form input[type="text"].tel_width {
    width: 90px;
}
.find_info .find_form input[type="text"].email_width {
    width: 120px;
}
.find_info .find_form span {
    vertical-align: middle;
    margin: 0 10px;
    font-family: 'NotoKrL'; font-size: 14px; line-height: 35px;
    color: #a0a0a0;
}
.resultat_id {
    padding: 120px;
    font-family: 'NotoKrR'; font-size: 24px; line-height: 24px;
    text-align: center;
    color: #555555;
}
.resultat_id .name {
    font-family: 'NotoKrB';
    color: #000;
}
.resultat_id .point {
    font-family: 'NotoKrB';
    color: #2b4c8c;
}


/*마이페이지*/
.mypage_contents {
    padding: 100px 0;
    background-color: #f1f3f6;
}
.mypage_contents .wrapper:after {
    content:""; display:block; clear:both;
}
.mypage_box {
    float: left;
    width: 380px; height: 350px;
    margin-right: 30px; border-radius: 2px;
    background-color: #fff;
}
.mypage_box:nth-child(1), .mypage_box:nth-child(2), .mypage_box:nth-child(3) {
    margin-bottom: 30px;
}
.mypage_box:nth-child(3n) {
    margin-right: 0px;
}
.mypage_box .box_header {
    position: relative;
    width: 100%; height: 155px;
    background-color: #f8f9fa;
}
.mypage_box .box_header a.info_change {
    position: absolute; top: 30px; right: 30px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
    color: #177be0;
}
.mypage_box .box_header a.info_change:hover {
    text-decoration: underline;
    color: #333333;
}
.mypage_box:nth-child(1) .box_header {
    background-image: url(../images/login/img_mypage_01.png);
    background-repeat: no-repeat; background-size: 80px; background-position: center 60px;
}
.mypage_box:nth-child(2) .box_header {
    background-image: url(../images/login/img_mypage_02.png);
    background-repeat: no-repeat; background-size: 80px; background-position: center 60px;
}
.mypage_box:nth-child(3) .box_header {
    background-image: url(../images/login/img_mypage_05.png);
    background-repeat: no-repeat; background-size: 80px; background-position: center 60px;
}
.mypage_box:nth-child(4) .box_header {
    background-image: url(../images/login/img_mypage_04.png);
    background-repeat: no-repeat; background-size: 80px; background-position: center 60px;
}
.mypage_box:nth-child(5) .box_header {
    background-image: url(../images/login/img_mypage_06.png);
    background-repeat: no-repeat; background-size: 80px; background-position: center 60px;
}
.mypage_box .box_contents {
    position: relative; box-sizing: border-box;
    width: 100%; height: 195px;
    padding: 30px;
}
.mypage_box .box_contents h4 {
    position: relative;
    margin-bottom: 10px;
    font-family: 'NotoKrL'; font-size: 24px; line-height: 24px;
    color: #404850;
}
.mypage_box:nth-child(1) .box_contents h4 {
    padding-right: 100px;
}
.mypage_box .box_contents h4 .member_type {
    position: absolute; top: 0; right: 0;
    vertical-align: middle;
    padding: 0px 15px; border-radius: 14px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 28px;
    background-color: #2cb497;
    color: #fff;
}
.mypage_box .box_contents .box_info {
    padding-top: 25px;
}
.mypage_box .box_contents .box_info p {
    margin-bottom: 15px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}
.mypage_box .box_contents .box_info p:last-child {
    margin-bottom: 0px;
}
.mypage_box .box_contents a.info_break {
    position: absolute; bottom: 30px; right: 30px;
    padding: 0;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
    background-color: transparent;
    color: #888;
}
.mypage_box .box_contents a.info_break:hover {
    background-color: transparent;
    color: #000;
}
.mypage_box .box_contents .box_text {
    height: 51px;
    margin-bottom: 13px;
    font-family: 'NotoKrR'; font-size: 13px; line-height: 17px;
    color: #404850;
}
.mypage_box .box_contents .box_text.box_date {
    box-sizing: border-box;
    height: 51px;
    margin-bottom: 13px; padding: 16px 0;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 16px;
    text-align: center;
    color: #404850;
}
.mypage_box .box_contents .box_report {
    height: 101px;
    font-size: 0;
    text-align: center;
}
.mypage_box .box_contents .box_report .report_data {
    display: inline-block;
    width: 90px;
    margin-right: 25px;
}
.mypage_box .box_contents .box_report .report_data:last-child {
    margin-right: 0;
}
.mypage_box .box_contents .box_report .report_data .data_counter {
    box-sizing: border-box;
    height: 75px;
    margin-bottom: 10px; padding: 10px; border-radius: 100px;
    font-family: 'NotoKrB'; font-size: 32px; line-height: 55px;
    letter-spacing:-0.05em;
}
.mypage_box .box_contents .box_report .report_data.question .data_counter {
    background-color: #f2f2f2;
}
.mypage_box .box_contents .box_report .report_data.complete .data_counter {
    background-color: #c3dffb;
}
.mypage_box .box_contents .box_report .report_data.answer .data_counter {
    background-color: #c3fbc8;
}
.mypage_box .box_contents .box_report .report_data p {
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}
.mypage_box .box_contents a {
    display: block;
    padding: 5px; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 28px;
    text-align: center;
    background-color: #2d88e2;
    color: #fff;
}
.mypage_box .box_contents a:hover {
    background-color: #1a61a8;
}

.mypage_box:nth-child(5) .box_contents a {
    display: inline-block; vertical-align: top;
    width: 93px;
    margin-right: 5px;
}
.mypage_box:nth-child(5) .box_contents a:last-child {
    margin-right: 0;
}


/* 20190812-회원정보변경 패스워드 입력 */
.user_ch_box {
    position: relative;box-sizing: border-box;
    width: 600px; height: 420px;
    margin: 0 auto 70px auto; padding: 80px 120px 0 120px; border: 1px solid #e1e1e1;
    background-image: url(../images/login/bg_ch_userinfo_01.png);
    background-repeat: no-repeat; background-size: 200px; background-position: left top;
}
.user_ch_box:after {
    content:""; display:block; clear:both;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../images/login/bg_ch_userinfo_02.png);
    background-repeat: no-repeat; background-size: 200px; background-position: right bottom;
}
.user_ch_box h5 {
    margin-bottom: 20px;
    font-family: 'NotoKrR'; font-size: 28px; line-height: 28px;
    text-align: center;
    color: #1c68a4;
}
.user_ch_box .ch_text {
    margin-bottom: 25px;
    font-family: 'NotoKrR'; font-size: 18px; line-height: 18px;
    text-align: center;
}
.user_ch_form {
    position: absolute; top: 180px; left: 120px;
    width: 358px;
    z-index: 20;
}
.user_ch_form .user_ch_input {
    margin-bottom: 15px;
}
.user_ch_input label {
	font-size : 0;
}
.user_ch_form .user_ch_input input[type="password"] {
    box-sizing: border-box;
    width: 100%; height: 45px;
    margin: 0 0 0 0; padding: 5px; border: 1px solid #e1e1e1; border-radius: 2px;
    font-family: 'NotoKrR'; font-size: 14px; line-height: 14px;
}
.user_ch_form a {
    box-sizing: border-box;
    display: block;
    padding: 15px 0px;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 17px;
    background-color: #2b4c8c;
    color: #fff;
    text-align: center;
}


/* 20190902_회원가입 완료 */
.signup_type_img {
	margin: 15px 0 40px 0;
	text-align : center;
}
.signup_type_img img {
	width : 820px;
}
.signup_type_img .signup_img_hidden {
	position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}

/* 2020.07.07 OTP */
.img_otp_dwnl{
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}
.page_contents .otp_top {
    padding: 10px 30px;
    font-size: 16px;
}
.page_contents .otp_box {
    padding: 15px 30px;
    font-size: 16px; line-height: 20px;
    background-color: #f0f2ff;
}
.page_contents .otp_bom {
    padding: 30px;
    font-size: 14px;
    text-align: right;
}

/* otp tab css  */
.otp_tab
, .cancel_warp{
    width: 100%;
    text-align: center;
}
.gaia_otp_tab {
    overflow: hidden;
    margin-bottom: 25px;
    font-size: 0;
    background-color: #fff;
}

.gaia_otp_tab button {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
    cursor: pointer;
    width: 33.3%;
    margin-top: 8px; margin-right: -1px; padding: 25px 16px;
    border: 1px solid #e1e1e1;
    font-family: 'NotoKrR'; font-size: 16px; line-height: 22px;
    letter-spacing: -0.02em;
    background-color: #f2f2f2;
    color: #757575;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gaia_otp_tab button:hover,
.gaia_otp_tab button:focus,
.gaia_otp_tab button:active {
    background-color: #ddd;
}

.gaia_otp_tab button.active {
    margin-top: 0;
    margin-right: 0;
    padding: 29px 16px;
    border: 0;
    color: #fff;
    background-color: #003964;
}

.gaia_otp_tab button.active a {
    color: #fff;
}

.otp_tabcontent {
    display: none;
    padding: 20px 0 0 0;
}

.smartphone_nav {
    width: 90%;
    margin: 20px auto;

}
.smartphone_nav .sp_top {
    display: inline-table;
    height: 149px;
    text-align: center;
    vertical-align: top;
}

.smartphone_nav .sp_top .sp_tex {
    display: table-cell;
    width: 109px;
    padding: 20px;
    vertical-align: middle;
    font-size: 15px; line-height: 20px;
    color: #11609c;
    background-image: url(../images/login/otp-one.png);
    background-repeat: no-repeat; background-position: center center;
}
.smartphone_nav .sp_next {
    width: 140px;
    background-image: url(../images/login/otp-arrow.png);
    background-repeat: no-repeat; background-position: center center;
}


.smartphone_box {
    width: 550px; height: 400px;
    margin: 80px auto;
    text-align: center;
    border: 1px solid #ddd;
}
.smartphone_box .sp_cen {

}
.smartphone_box .sp_cen label {
    font-size: 16px; line-height: 20px;
}

.smartphone_box .sp_cen .otp_tit {
    margin: 30px auto;
    font-size: 24px;
}

.smartphone_box .sp_cen .sp_btn,
.user_ch_form .sp_btn{
    display: inline-table;
}
.smartphone_box .sp_cen .sp_btn button,
.user_ch_form .sp_btn button{
    width: 150px; height: 55px;
    border: 0px;
    color:#fff;
}
.smartphone_box .sp_cen .sp_btn button.btn_blue {
    background-color: #11609c;
    width: 400px;
}
.smartphone_box .sp_cen .sp_btn button.btn_green,
.user_ch_form .sp_btn button.btn_green{
    width: 400px;
    background-color: #1ba39c;
}
.smartphone_box .sp_cen .sp_btn button.btn_blue,
.user_ch_form .sp_btn button.btn_blue{
    width: 400px;
    background-color: #11609c;
}
.smartphone_box .sp_cen .sp_btn button a,
.user_ch_form .sp_btn button a{
    width: 150px; height: 35px;
    border: 0px;
    color:#fff;
}
.smartphone_box .sp_cen .sp_btn button:hover,
.user_ch_form .sp_btn button:hover {
    width: 150px; height: 55px;
    background-color: #ddd;
    border: 0px;
    color:#fff;
}
.smartphone_box .sp_cen .sp_btn button.btn_green:hover,
.user_ch_form .sp_btn button.btn_green:hover{
    width: 400px;
}
.smartphone_box .sp_cen .sp_btn button.btn_blue:hover,
.user_ch_form .sp_btn button.btn_blue:hover{
    width: 400px;
}
.smartphone_box .sp_cen .sp_btn button:hover a,
.user_ch_form .sp_btn button:hover a {
    color:#fff;
    border: 0px;
}


.smartphone_box .sp_box01 dl {
    display: inline-table;
}

.smartphone_box .sp_box01 dl dt {
    float: left;
    width: 80px; height: 70px;
    text-align: left;
}
.smartphone_box .sp_box01 dl dd {
    width: 300px;  height: 70px;
    text-align: left;
}
.smartphone_box .sp_box01 dl dd input {
    width: 180px;  height: 35px;
    border: 1px solid #ddd;
}
.smartphone_box .sp_box01 dl dd select {
    width: 187px;  height: 38px;
    margin-left: 3px;
    border: 1px solid #ddd;
}

.smartphone_box .sp_box02 .otp_img {
    width: 105px; height: 105px;
    margin: 0px auto;
}
.smartphone_box .sp_box02 .otp_number {
    margin: 10px auto;
    font-size: 32px;
}
.smartphone_box .sp_box02 .otp_tex {
    width: 350px;
    margin: 10px auto;
    font-size: 16px; line-height: 20px;
}
.smartphone_box .sp_box02 .otp_tex_blue {
    width: 350px;
    margin: 10px auto;
    font-size: 16px; line-height: 20px;
    color: #11609c;
}


.smartphone_box .sp_box03 {
}
.smartphone_box .sp_box03 .tex_top {
    margin: 50px auto;
    font-size: 16px; line-height: 20px;
}
.smartphone_box .sp_box03 .otp_number_tit {
    width: 360px;
    margin: 0px auto;
    text-align: left;
}
.smartphone_box .sp_box03 .otp_number_tit label {

}
.smartphone_box .sp_box03 .otp_number_tit .tit_ri {
    float: right;

}
.smartphone_box .sp_box03 .otp_number {
    margin-bottom: 25px;
}
.smartphone_box .sp_box03 .otp_number input {
    margin: 10px auto;
    width: 360px; height: 35px;
}

.appliOtp_box {
    height: 340px;
}








.smartphone_box h5{
    margin-top: 40px;
    margin-bottom: 30px;
    font-family: 'NotoKrR'; font-size: 28px; line-height: 28px;
    text-align: center;
    color: #1c68a4;
}
.smartphone_box .ch_text{
    font-family: 'NotoKrR'; font-size: 18px; line-height: 28px;
    text-align: center;
    margin-bottom: 30px;
}

.user_ch_form .sp_btn button{
    width: 150px; height: 55px;
    border: 0px;
    background-color: #11609c;
}