/* 공통 */
/* input 박스 */
*:focus-visible { outline:5px solid #ff6c3e;}
*.focusout:focus-visible {outline:none;}
.gyeonggi_platform .style_add { width:100%;height:50px;border-radius:10px;border:none;background:#F1F1F1;text-indent:20px; }
.gyeonggi_platform input { width:100%;height:56px;border-radius:10px;border: 1px solid #DEDEDE;text-indent:30px;color:#1A1A1A;font-size:16px; }
.gyeonggi_platform input::placeholder { color:#6d6d6d; }
.gyeonggi_platform input:hover { border: 1px solid #0666E5; }
.gyeonggi_platform input:read-only { background:#F1F1F1;border:none; }
.gyeonggi_platform input.off::placeholder { color:#1A1A1A; }
.gyeonggi_platform select { cursor: pointer;padding:10px;font-size:16px; }
.gyeonggi_platform select::placeholder { color:#6d6d6d; }
.gyeonggi_platform select:disabled { background:#F1F1F1 !important; }
.gyeonggi_platform input[type="radio"] { width:initial;height:initial;cursor:pointer; }

/* 체크박스 */
.gyeonggi_platform input[type="checkbox"]{ display: none; }
.gyeonggi_platform input[type="checkbox"]:focus { outline:none; }
.gyeonggi_platform input[type="checkbox"] + label { position:relative;line-height:24px;padding-left:34px;cursor:pointer; }
.gyeonggi_platform input[type="checkbox"] + label::before{ content:"";display:inline-block;position:absolute;top:0;left:0;width:24px;height:24px;background:url("../img/common_check_off_icon.svg") no-repeat left center; }
.gyeonggi_platform input[type="checkbox"]:checked + label::before{ content:"";width:24px;height:24px;background:url("../img/common_check_on_icon.svg") no-repeat left center; }
/* 롱 버튼 */
.gyeonggi_platform button { cursor: pointer;border:none; }
.gyeonggi_platform .input button , .gyeonggi_platform .notice_page .l_button { cursor: pointer;display:inline-block;border-radius:10px;border:none;font-size:18px;height:70px; }
.gyeonggi_platform .input .l_button , .gyeonggi_platform .notice_page .l_button{ width:100%;background:#0666E5;color:#fff; }
.gyeonggi_platform .input .l_button.cancel { background:#D5D5D5; }
.gyeonggi_platform .input .l_button.off { background:rgba(6,102,229,0.3);color:#fff; }
/* 숏 버튼 */
.gyeonggi_platform .input .s_button { border-radius:10px;width:50%;color:#fff;background:#0666E5;color:#fff; }
.gyeonggi_platform .input .s_button.off { background:rgba(6,102,229,0.3);color:#1a1a1a; }
.gyeonggi_platform .input .s_button.cancel { background:#D5D5D5;color:#1a1a1a; }
.gyeonggi_platform .input .button_flex { display:flex;margin-top:80px; }
.gyeonggi_platform .input .button_flex button:first-child { margin-right:20px; }
/* 뎁스 버튼 */
.gyeonggi_platform button.depth { height:56px;border:1px solid #0666E5;background:#fff;border-radius:10px;font-size:15px;color:#0666E5;width:153px; }
/* 연한블루 버튼 */
.gyeonggi_platform .input button.light_blue { width:50%;border-radius:10px;background:#E1EFFE;border:none;height:56px;font-size:16px; }
/* ul li 공통 */
.gyeonggi_platform main .input ul { background:#F7F7F7;border-radius:20px;padding: 30px 30px 30px 67px;position: relative; }
/* input 공통 */
.gyeonggi_platform main .input.inner { max-width:700px;padding-top:50px; }
.gyeonggi_platform .input .title h2 { font-size:38px;font-weight:800;margin-bottom:40px; }
.gyeonggi_platform .input .title p { color:#1a1a1a; }
.gyeonggi_platform .input .l_button { margin-top:80px; }
/* //공통 */


/* login */
.gyeonggi_platform .input.login_page form { margin-top:60px; }
.gyeonggi_platform .input.login_page form input { margin-bottom:10px;position:relative; }
.gyeonggi_platform .input.login_page form label { margin:20px 0 0 0;display:inline-block; }
.gyeonggi_platform .input.login_page .password_box div a { top:46%; }
.gyeonggi_platform .input.login_page .sub_menu { display:flex;justify-content:center;margin:40px 0 50px 0; }
.gyeonggi_platform .input.login_page .sub_menu a { display:inline-block;padding-right:20px;background:url("../img/common_arr_right_icon.svg") no-repeat right center;color: #0666E5; }
.gyeonggi_platform .input.login_page .sub_menu a:nth-child(2) { margin:0 7%;}
.gyeonggi_platform .input.login_page .note { position:relative;background:#F7F7F7;border-radius:20px;padding:30px 30px 30px 67px; }
.gyeonggi_platform .input.login_page .note ul { background:none;padding:0; }
.gyeonggi_platform .input.login_page .note ul li { margin-bottom:0; }
.gyeonggi_platform .input.login_page .note ul::before { top:3px;left:-37px; }
.gyeonggi_platform .input.login_page .note button { width:137px;height:35px;border:1px solid #9E9E9E;font-size:13px;cursor:pointer;border-radius:8px;background:#fff;padding-right:11px;background-image:url("../img/login_note_arr.svg");background-repeat:no-repeat;background-position:95% center;margin-top:14px; }


/* join */
.gyeonggi_platform .input.join .choice_img { text-align:center;margin-top:95px; }
.gyeonggi_platform .input.join .choice_img div { display:inline-block; }
.gyeonggi_platform .input.join .choice_img div:first-child { margin-right:19%; }
.gyeonggi_platform .input.join .choice_img img { width:200px; }
.gyeonggi_platform .input.join .choice_img div a {display:inline-block; }
.gyeonggi_platform .input.join .choice_img div p { font-size:18px;line-height:28px;margin-top:20px; }
.gyeonggi_platform .input.join .choice_img div strong { font-size:24px; }
.gyeonggi_platform main .input.join p { color:#1a1a1a;margin-top:22px;  }
.gyeonggi_platform .join ul li:last-child {margin-bottom:0; }

/* join_home */
.gyeonggi_platform main .join.join_home h3 { margin-bottom:50px; }
.gyeonggi_platform main .input.join_home form label { font-weight:400;margin:0; }
.gyeonggi_platform .input.join_home form { text-align:center;margin-top:95px; }
.gyeonggi_platform .input.join_home form > div { display:flex;justify-content: center; }
.gyeonggi_platform .input.join_home form input[type="radio"] { display:none; }
.gyeonggi_platform .input.join_home form input[type="radio"]:focus-visible { margin-top:30px; } 
.gyeonggi_platform .input.join_home form input[type="radio"] + label { position:relative;cursor:pointer;font-size:18px;display:block;font-weight:400; }
.gyeonggi_platform .input.join_home form input[type="radio"] + label strong { font-size:24px;display:block; }
.gyeonggi_platform .input.join_home form input[type="radio"] + label:before{ content:"";display:inline-block;;width:100%;height:185px;margin-bottom:22px; }
.gyeonggi_platform .input.join_home form > div > div:first-child { margin-right:108px; }
.gyeonggi_platform .input.join_home form > div > div:first-child input[type="radio"] + label::before{ background:url("../img/join_youth_img.png") no-repeat center center / contain; }
.gyeonggi_platform .input.join form > div > div:nth-child(2) input[type="radio"] + label::before{ background:url("../img/join_guardian_img.png") no-repeat center center / contain; }
.gyeonggi_platform .input.join_home form input[type="radio"]:checked + label::after{ content:"";width:100%;height:185px;background:url("../img/join_choice_icon.svg") no-repeat center center / contain; position:absolute;top:0;right:0;z-index:1; }

.gyeonggi_platform .input.join_home form > div > div { display:inline-block;position:relative;width:200px; }
.gyeonggi_platform .input.join_home .l_button { margin-top:50px; }
.gyeonggi_platform .join_home .hidden {display:none; }
.gyeonggi_platform .join_home form br { display:none; }
.gyeonggi_platform .input.join_home span { color:#1a1a1a;font-weight:400;line-height:25px; }


/* 회원가입 공통 */
.gyeonggi_platform .join i { font-style: normal;font-size:15px; }
.gyeonggi_platform .join form .common_select { width:100%;background:#fff url("../img/mypage_common_arr_down_icon.svg") no-repeat 93% center; }
.gyeonggi_platform .join .page_number { position:absolute;top:0;right:0; }
.gyeonggi_platform main .join .page_number p { position:absolute;border-radius:10px;width:210px;display:none;left:0;top:42px;font-size:15px;margin:0;background:#ebebeb;padding:4px 6px; }
.gyeonggi_platform .page_number div:hover p { display:block; }
.gyeonggi_platform .page_number div { display:inline-block; }
.gyeonggi_platform .page_number span { display:inline-block;width:30px;height:30px;background:#fff;border:1px solid #A4A4A4;color:#A4A4A4;border-radius: 50%;text-align:center;line-height:28px;font-weight:600;margin-right:26px;font-size:14px;position:relative; }
.gyeonggi_platform .page_number div:last-child span { margin-right:0; }
.gyeonggi_platform .page_number span::before { content:"";position:absolute;width:150%;height:1px;background:#A4A4A4;right: -43px;top: 13px;z-index: -1;}
.gyeonggi_platform .page_number div:last-child span::before { display:none; }
.gyeonggi_platform .page_number div span::after { content:"";width:30px;height:30px;background:url(../img/join_check_paging_icon.svg) no-repeat;position:absolute;top:-1px;right:-1px;display:none; }
.gyeonggi_platform .page_number div.check span::after { display:block; }
.gyeonggi_platform .page_number div.check span::before { background:#0666E5; }
.gyeonggi_platform .page_number div.on span { border:4px solid #0666E5;color:#0666E5;line-height:23px; }
.gyeonggi_platform main .join h3 { margin-bottom:16px; }
.gyeonggi_platform .join .title { position:relative;text-align:left; }
.gyeonggi_platform .join .title p { margin-bottom:16px; }
.gyeonggi_platform .join form label { display:inline-block; margin:44px 0 12px 0;font-weight:700; }
.gyeonggi_platform .join form .flex_2 { display:flex; }
.gyeonggi_platform .join form .flex_2 img { display:inline-block;margin:0 13px; }
.gyeonggi_platform .join form span { color:#0666E5;font-weight:700; }
.gyeonggi_platform form .flex_2_button { display:flex;justify-content: space-between;margin-bottom:44px; }
.gyeonggi_platform form .flex_2_button input { width:76%;margin-right:17px; }
.gyeonggi_platform main .input .msg_box { position:relative; }
.gyeonggi_platform main .input .msg_box p { display:none;}
.gyeonggi_platform main .input .msg_box.on p { display:block;}
.gyeonggi_platform main .input form .sub_text { color:#0666E5;position:absolute;bottom:-27px; }
.gyeonggi_platform main .input form .sub_text.red { color:#E11616; }
.gyeonggi_platform .join hr { border:none;height:1px;background:#DEDEDE;margin:60px 0;  }
.gyeonggi_platform .join form ul { position:relative; }
.gyeonggi_platform .join form label.checkbox { font-weight:400;}
.gyeonggi_platform form .time_box div { width:76%;position:relative;margin-right:17px; }
.gyeonggi_platform main form .flex_2_button.time_box div input { width:100%;margin-right:0;border: 1px solid #DEDEDE;background: #fff; }
.gyeonggi_platform form div.time_box .time { position:absolute;top:16px;right:30px;color:#E11616;font-size:15px;font-weight:400; }

/* joinStep1 */
.gyeonggi_platform .join.joinStep1 form { margin-top:50px; }
.gyeonggi_platform .join.joinStep1 form label { font-weight:400;margin:0;}
.gyeonggi_platform .join.joinStep1 hr { margin:30px 0;}
.gyeonggi_platform .joinStep1 form > div > div { margin-bottom:30px; }
.gyeonggi_platform .join form .check_title a { display:block;position:absolute;padding:10px;top:-7px;right:0;}
.gyeonggi_platform .join form .check_title { position:relative; }
.gyeonggi_platform .join form .check_content { background:#F7F7F7;border-radius:16px;padding:30px;margin-top:20px;display:none; }
.gyeonggi_platform .join form .check_content div { height:170px;overflow-y:auto; }
.gyeonggi_platform .join form .check_content li {margin-bottom:10px; }
.gyeonggi_platform .toast_popup .button_flex { margin:0; }
.gyeonggi_platform .toast_popup button { margin-top:30px;height:56px; }
.gyeonggi_platform .join.joinStep1 .stplatList > div > div:last-child { background: #F7F7F7;border-radius: 16px;padding: 30px;margin-top: 20px; }
.gyeonggi_platform .join.joinStep1 .stplatList > div > div:last-child div { height: 170px;overflow-y: auto; }

/* joinStep2 */
.gyeonggi_platform .join.joinStep2 form label.checkbox { margin:0; }
.gyeonggi_platform .join.joinStep2 form .checked_box { display:none; }
.gyeonggi_platform .join.joinStep2 .last_msg_box { margin-bottom:-30px;}
.gyeonggi_platform .join.joinStep2 .join2_guardian { margin-top:-14px; }
.gyeonggi_platform .join.joinStep2 .certification_button {margin:0 0 -8px 0;}
.gyeonggi_platform .join.joinStep2 .checked_box_note { margin-top:40px;display:none; }
.gyeonggi_platform .join.joinStep2 .last_msg_box { margin-bottom:72px; }
.gyeonggi_platform .join.joinStep2 .guardian_number .flex_2_button { margin-bottoms:0; }
.gyeonggi_platform .join.joinStep2 .add_children_box ul { margin-bottom:40px; }
.gyeonggi_platform .join.joinStep2 .add_btn button { margin:20px 0; }
.gyeonggi_platform .join.joinStep2 .add_children_box { margin-top:-30px; }
.gyeonggi_platform .join.joinStep2 ul { margin-top:20px; }
.gyeonggi_platform .join.joinStep2 form label.foreigner_chk { display:block; margin:20px 0 10px 0; }
.gyeonggi_platform .notice_button { margin-top:60px; }

/* joinStep3 */
.gyeonggi_platform .join.joinStep3 form .flex_2_button { margin-bottom:0; }
.gyeonggi_platform .join.joinStep3 form .button_flex { margin-top:124px; }

/* joinStep4 */
.gyeonggi_platform .join.joinStep4 form span , .gyeonggi_platform .join.joinStep5 form span { color:#1a1a1a;margin-top:38px;display:inline-block; }
.gyeonggi_platform .join.joinStep4 .table , .gyeonggi_platform .join.joinStep5 .table { margin-top:18px; }
.gyeonggi_platform .join.joinStep4 .table div dl:nth-child(1) { width:25%; }
.gyeonggi_platform .join.joinStep4 .table div dl:nth-child(2) { width:50%; }
.gyeonggi_platform .join.joinStep4 .table div dl:nth-child(3) { width:25%; }
.gyeonggi_platform .join .table div dl dt { border-top:none; }
.gyeonggi_platform .join.joinStep4 .table button , .gyeonggi_platform .join.joinStep5 .table button { width:70px;height:38px;display:inline-block;margin:2px 0; }
.gyeonggi_platform .join.joinStep4 .table dl:last-child dd { display:flex;flex-direction: column;justify-content: center;align-items: center; }
.gyeonggi_platform main div div.card_select_popup { z-index:100002; }
.gyeonggi_platform .card_select_popup form { padding-top:40px; }
.gyeonggi_platform .card_select_popup .text_content { background:#F7F7F7;border-radius:10px;height:154px;overflow-y:auto;padding:20px; }
.gyeonggi_platform .card_select_popup .button_box { margin-top:30px; }
.gyeonggi_platform .card_select_popup .text_content { height:154px; }

/* joinStep5 */
.gyeonggi_platform .join.joinStep5 .table div dl:nth-child(1) { width:20%; }
.gyeonggi_platform .join.joinStep5 .table div dl:nth-child(2) { width:30%; }
.gyeonggi_platform .join.joinStep5 .table div dl:nth-child(3) { width:30%; }
.gyeonggi_platform .join.joinStep5 .table div dl:nth-child(4) { width:20%; }
.gyeonggi_platform .join.joinStep5 .change_btn { border:1px solid #0666E5;background:#fff;color:#0666E5; }
.gyeonggi_platform .join.joinStep5 .common_select { width:120px;height:38px;text-indent:20px;background:#fff url("../img/mypage_common_arr_down_icon.svg") no-repeat 85% center;text-indent:10px; }
.gyeonggi_platform .join.joinStep5 .table div dl:first-child dd { position:relative;padding-right:33px; }
.gyeonggi_platform .joinStep5 input[type="checkbox"] + label { margin:0; }
/* .gyeonggi_platform .joinStep5 input[type="checkbox"] + label::before { left:initial;right:0;} */
.gyeonggi_platform main .joinStep5 input[type="checkbox"] + label { left:initial;right:-10px;padding-left:25px;}
.gyeonggi_platform main .joinStep5 input[type="checkbox"] + label.ul_chk { position:initial;text-indent:10px;font-weight:400;margin-top:40px; }


/* joinStep6 */
.gyeonggi_platform .join.joinStep6 { text-align:center; }
.gyeonggi_platform .join.joinStep6 > img { width:270px;display:inline-block;margin:50px 0 20px 0; }

/* 아이디 찾기 */
.gyeonggi_platform .join.id_search .identification input:nth-of-type(2) { width:16%; }
.gyeonggi_platform .join.id_search .identification p { margin-top:7px;letter-spacing:3px;width:21%; }


@media (max-width: 1080px) {
    .gyeonggi_platform main .join h3 { font-size:28px; }
}



@media (max-width: 750px) {
    /* 공통 */
    .gyeonggi_platform main .msg_box.on p { font-size:14px; }
    .gyeonggi_platform .join form ul { padding:40px 20px 30px 30px; }
    .gyeonggi_platform .input button { height:60px;font-size:16px; }
    .gyeonggi_platform main .join h3 { font-size:20px; }
    .gyeonggi_platform .input .s_button { height:60px;font-size:16px; }

    .gyeonggi_platform .input.inner { padding-top:60px; }
    .gyeonggi_platform .input input { text-indent:20px; }
    .gyeonggi_platform .input button.depth { width:115px; }
    .gyeonggi_platform .input.join .title h2 { font-size:28px; }
    .gyeonggi_platform .input.join_home form > div > div { width:40%; }
    .gyeonggi_platform .input.join_home form > div > div:first-child { margin-right:20px; }
    .gyeonggi_platform .join_home form > div { display:flex;justify-content:space-evenly }
    .gyeonggi_platform .input.join_home form p { font-size:16px; }
    .gyeonggi_platform .input.join form input[type="radio"] + label strong { font-size:20px;margin-top:3px; }
    .gyeonggi_platform .join_home form br { display:block; }
    .gyeonggi_platform .join_home form span { font-size:16px; }
    .gyeonggi_platform .input.join_home form { margin-top:0; }
    .gyeonggi_platform .join .title p { margin-bottom:30px; }
    .gyeonggi_platform main .input.join p { margin-top:22px;line-height:22px; }
    .gyeonggi_platform .input.join form input[type="radio"] + label:before { margin-bottom:0; }
    .gyeonggi_platform .join form .flex_2_button input { margin-right:13px; }
    .gyeonggi_platform .input button.depth { height:56px; }

    .gyeonggi_platform .join form .check_content { padding:20px; }
    .gyeonggi_platform .joinStep1 input[type="checkbox"] + label { font-size:15px;padding-left:30px; }
    .gyeonggi_platform form .time_box .time { right:15px; }
    .gyeonggi_platform form .time_box div { margin-right:12px;}
    .gyeonggi_platform form .flex_2_button input { margin-right:12px; }



    /* joinStep4 */
    .gyeonggi_platform .join .table { display:block;flex-wrap:wrap;justify-content: space-between; }
    .gyeonggi_platform .join .table div { display:inline-block;padding:30px;border-radius:16px;margin-bottom:20px;width:100%;padding:0;background:transparent;  }
    .gyeonggi_platform .join .table div dl dt:not(.gyeonggi_platform .join .table div:first-child dl dt) { display:block; }
    .gyeonggi_platform main .join section .table div dl { display:flex;width:100% !important;justify-content: space-between;margin-bottom:22px;align-items:center; }
    .gyeonggi_platform .join .table div dl dt { font-weight:400;font-size:16px;color:#A4A4A4;border:none;background:transparent;height:initial;line-height:initial; }
    .gyeonggi_platform .join .table div dl dd { height:initial;line-height:initial;border:none;font-weight:500; }
    .gyeonggi_platform .join .table div::after { content:"";width:100%;height:1px;background:#EEEEEE;display:block;margin:50px 0 30px 0; }
    .gyeonggi_platform .join .table div:last-child::after { display:none; }
    .gyeonggi_platform .join.joinStep4 form span , .gyeonggi_platform .join.joinStep5 form span { margin:60px 0 20px 0; }
    .gyeonggi_platform .join.joinStep4 form section:nth-of-type(2)::after { display:none; }
    .gyeonggi_platform main .join div.card_select_popup .button_box button { font-size:16px; }
    .gyeonggi_platform .card_select_popup .text_content { height:300px; }


    /* joinStep5 */
    .gyeonggi_platform .join.joinStep5 .common_select { margin-right:0;}
    .gyeonggi_platform .join.joinStep5 section::after { display:none; }

    /* joinStep6 */
    .gyeonggi_platform .join.joinStep6 > img { width:190px;margin:25px 0 0 0 ; }
    /* 아이디 찾기 */
    .gyeonggi_platform .join.id_search .identification p { letter-spacing:initial;}
    
}

.gyeonggi_platform input.focus, .gyeonggi_platform input.focus[type="radio"] { display:initial; position: absolute; width: 0; }
.gyeonggi_platform input[type="checkbox"], .gyeonggi_platform .input.join_home form input[type="radio"] { display:initial; }
.gyeonggi_platform input[type="checkbox"]:focus-visible + label::before, .gyeonggi_platform input[type="radio"]:focus-visible + label::before {outline:5px solid #ff6c3e;}
.gyeonggi_platform.intro input { display:block;position:initial; }
/* 웹접근성 추가 */
.gyeonggi_platform .page_number span { color: #707070;border: 1px solid #707070; }

.input.error{ padding:70px 0 100px 0; }
.input.error section.inner { max-width:478px;margin:0 auto; }
.input.error section { text-align: center;}
.input.error section img { width:146px; }
.input.error section h2 { margin:30px 0 15px 0;font-size:32px;font-weight:600; }
.input.error section > p { font-size:16px;color:#1a1a1a;line-height:24px; }
.input.error section > div { margin-top:50px;background:#ffffff;border-radius:25px;display:flex;height:173px;justify-content: space-between;align-items: center;text-align:left;padding:0 33px; }
.input.error section h3 { margin:8px 0 0 0;font-size:32px;font-weight:800; }
.input.error section > div strong {display:block;font-size:16px; }
.input.error section > div p { font-size:14px;margin-top:8px;color:#6C6C6C; }
.input.error section > div > div:first-child { width:50%; }
.input.error section > div > div:first-child span { font-size:16px;display:inline-block;line-height:24px; }
.input.error button { background:#0666E5;color:#fff;font-size:18px;height:70px;border-radius:12px;margin-top:30px; }
@media screen and (max-width: 640px) {
    .input.error{ padding:70px 20px 80px 20px; }
    .input.error section > div {padding:35px 10px;height:initial;margin-top:40px; }
    .input.error section > div > div:last-child { width:50%;margin-left:10px; }
    .input.error section h3 { font-size:23px; }
    .input.error section > p { font-size:14px; }
    .input.error section > p br { display:none; }
    .input.error section h2 { font-size:20px; }
    .input.error section > div > div:first-child span { font-size:14px;line-height:20px; }
    .input.error button { height:60px; }