@charset "utf-8";

:root {
    --dev-skin-ink: #101418;
    --dev-skin-muted: #5f6772;
    --dev-skin-line: #d6dee8;
    --dev-skin-soft-line: #edf1f6;
    --dev-skin-bg: #f5f7fb;
    --dev-skin-accent: #2563eb;
    --dev-skin-warm: #ff6b35;
}

.dev-container *,
.dev-aside * {
    letter-spacing: 0;
}

.dev-container .mbskin,
.dev-container .register,
.dev-container #register_form,
.dev-container #fregister,
.dev-container #fregisterform,
.dev-container #reg_result,
.dev-container #mb_login,
.dev-container #mb_confirm,
.dev-container #find_info,
.dev-container #pw_reset,
.dev-container #member_cert_refresh,
.dev-container #new_sch,
.dev-container #sch_res_detail,
.dev-container #sch_res_ov,
.dev-container #sch_res_board,
.dev-container .sch_res_list,
.dev-container #faq_wrap,
.dev-container #faq_sch,
.dev-container #current_connect,
.dev-container #bo_list,
.dev-container #bo_w,
.dev-container #bo_v,
.dev-container #bo_cate,
.dev-container #qna_list,
.dev-container .lat,
.dev-container .pic_lt,
.dev-container .pic_li_lt {
    color: var(--dev-skin-ink);
    font-family: "IBM Plex Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dev-container .mbskin,
.dev-container #mb_login,
.dev-container #mb_confirm,
.dev-container #find_info,
.dev-container #pw_reset {
    width: min(100%, 560px) !important;
    margin: 0 auto 48px !important;
    text-align: left !important;
}

.dev-container .register,
.dev-container #register_form,
.dev-container #reg_result,
.dev-container #fregisterform,
.dev-container #member_cert_refresh {
    width: min(100%, 900px);
    margin: 0 auto 48px !important;
}

.dev-container .mbskin .mbskin_box,
.dev-container #fregister section,
.dev-container #fregister_chkall,
.dev-container #member_cert_refresh section,
.dev-container #member_cert_refresh_chkall,
.dev-container .register_form_inner,
.dev-container #register_form,
.dev-container #reg_result,
.dev-container #mb_login_notmb,
.dev-container #mb_login_od_wr,
.dev-container #sns_register .login-sns,
.dev-container #mb_login #sns_login,
.dev-aside .ol,
.dev-container .lat,
.dev-container .pic_lt,
.dev-container .pic_li_lt,
.dev-container #faq_sch,
.dev-container #new_sch,
.dev-container #sch_res_detail,
.dev-container #sch_res_ov,
.dev-container #bo_v header,
.dev-container #bo_v_info,
.dev-container #bo_v_atc,
.dev-container .bo_sch,
.dev-container #autosave_pop {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dev-container .mbskin .mbskin_box,
.dev-container #register_form,
.dev-container .register_form_inner,
.dev-container #mb_login_notmb,
.dev-container #mb_login_od_wr,
.dev-container #sns_register .login-sns,
.dev-container #mb_login #sns_login {
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
}

.dev-container .mbskin h1,
.dev-container #register_form h2,
.dev-container #fregister h2,
.dev-container #member_cert_refresh h2,
.dev-container .sch_res_list h2,
.dev-container #faq_wrap li h3,
.dev-container .lat .lat_title,
.dev-container .pic_lt .lat_title,
.dev-container .pic_li_lt .lat_title {
    color: var(--dev-skin-ink) !important;
    font-weight: 800 !important;
}

.dev-container .mbskin h1 {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 22px !important;
    overflow: visible !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
}

.dev-container #mb_login h1 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.dev-container input[type="text"],
.dev-container input[type="password"],
.dev-container input[type="email"],
.dev-container input[type="search"],
.dev-container input[type="url"],
.dev-container input[type="tel"],
.dev-container input[type="number"],
.dev-container select,
.dev-container textarea,
.dev-aside input[type="text"],
.dev-aside input[type="password"],
.dev-aside select,
.dev-aside textarea,
.dev-container .frm_input,
.dev-container .required,
.dev-aside .frm_input {
    height: 44px;
    border: 1px solid var(--dev-skin-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--dev-skin-ink) !important;
    box-shadow: none !important;
    font-size: 14px;
}

.dev-container textarea,
.dev-container .wr_content textarea,
.dev-container #guest_privacy {
    min-height: 132px;
    height: auto;
    padding: 14px !important;
    line-height: 1.65;
}

.dev-container input:focus,
.dev-container select:focus,
.dev-container textarea:focus,
.dev-aside input:focus,
.dev-aside select:focus,
.dev-aside textarea:focus {
    border-color: var(--dev-skin-accent) !important;
    outline: 2px solid rgba(37, 99, 235, 0.12);
    outline-offset: 0;
}

.dev-container .btn_submit,
.dev-container .btn_b01,
.dev-container .btn_b02,
.dev-container .btn_b03,
.dev-container .btn_b04,
.dev-container .btn_b05,
.dev-container .btn_admin,
.dev-container .reg_btn_submit,
.dev-container button[type="submit"],
.dev-aside .btn_submit,
.dev-aside .btn_admin,
.dev-aside button[type="submit"],
.dev-container #sch_res_detail .btn_submit,
.dev-container #new_sch .btn_submit,
.dev-container #faq_sch .btn_submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px !important;
    border: 1px solid var(--dev-skin-ink) !important;
    border-radius: 0 !important;
    background: var(--dev-skin-ink) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.dev-container #new_sch .btn_submit,
.dev-container #sch_res_detail .btn_submit,
.dev-container #faq_sch .btn_submit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    min-width: 88px;
    font-size: 14px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    white-space: nowrap;
}

.dev-container #new_sch .btn_submit,
.dev-container #sch_res_detail .btn_submit,
.dev-container #faq_sch .btn_submit {
    color: transparent !important;
    font-size: 0 !important;
}

.dev-container #new_sch .btn_submit i,
.dev-container #sch_res_detail .btn_submit i,
.dev-container #faq_sch .btn_submit i {
    display: none !important;
}

.dev-container #new_sch .btn_submit:after,
.dev-container #sch_res_detail .btn_submit:after,
.dev-container #faq_sch .btn_submit:after {
    content: "검색";
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.dev-container .btn_cancel,
.dev-container .btn_close,
.dev-container .btn_b01,
.dev-container .btn_b03,
.dev-container .btn_bo_adm input,
.dev-container .bo_v_com a,
.dev-container .bo_v_com button,
.dev-aside #ol_svc a,
.dev-aside #ol_after_info {
    border: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
    color: var(--dev-skin-ink) !important;
}

.dev-container .btn_submit:hover,
.dev-container .reg_btn_submit:hover,
.dev-container button[type="submit"]:hover,
.dev-aside .btn_submit:hover {
    background: var(--dev-skin-accent) !important;
    border-color: var(--dev-skin-accent) !important;
}

.dev-container .tbl_head01 table,
.dev-container .tbl_frm01 table,
.dev-container .form_01,
.dev-container .form_01 ul,
.dev-container #fnewlist,
.dev-container #bo_list table {
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    background: transparent !important;
}

.dev-container .tbl_head01 thead th,
.dev-container .tbl_frm01 th,
.dev-container #bo_list thead th,
.dev-container .form_01 h2 {
    border: 0 !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
    color: var(--dev-skin-ink) !important;
    font-weight: 800 !important;
}

.dev-container .tbl_head01 td,
.dev-container .tbl_frm01 td,
.dev-container #bo_list td,
.dev-container .form_01 li,
.dev-container .form_01 div {
    border-color: var(--dev-skin-soft-line) !important;
    background: transparent !important;
}

.dev-container #new_sch,
.dev-container #sch_res_detail,
.dev-container #faq_sch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 26px !important;
    padding: 18px 0 !important;
    border-top: 2px solid var(--dev-skin-ink);
    border-bottom: 1px solid var(--dev-skin-line);
    background: transparent !important;
}

.dev-container #new_sch p {
    flex-basis: 100%;
    color: var(--dev-skin-muted);
    letter-spacing: 0 !important;
}

.dev-container #sch_res_ov {
    height: auto !important;
    min-height: 52px;
    margin: 0 0 18px !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.dev-container #sch_res_ov h2 {
    color: var(--dev-skin-ink) !important;
    font-weight: 800 !important;
}

.dev-container #sch_res_ov h2 strong,
.dev-container .bo_current,
.dev-container #reg_result h2 strong,
.dev-container .sch_more,
.dev-container #fregisterform .cert_desc {
    color: var(--dev-skin-accent) !important;
}

.dev-container #sch_res_board {
    margin: 0 0 28px !important;
}

.dev-container #sch_res_board a,
.dev-container #bo_cate a {
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--dev-skin-muted) !important;
    font-weight: 700;
}

.dev-container #sch_res_board a:hover,
.dev-container #sch_res_board .sch_on,
.dev-container #bo_cate a:hover,
.dev-container #bo_cate #bo_cate_on {
    border-bottom-color: var(--dev-skin-accent) !important;
    color: var(--dev-skin-ink) !important;
    box-shadow: none !important;
}

.dev-container .sch_res_list ul,
.dev-container .lat ul,
.dev-container .pic_lt ul,
.dev-container .pic_li_lt ul,
.dev-container #faq_wrap ol,
.dev-container #current_connect ul {
    border-top: 1px solid var(--dev-skin-line) !important;
    list-style: none;
}

.dev-container .sch_res_list li,
.dev-container .lat li,
.dev-container .pic_lt li,
.dev-container .pic_li_lt li,
.dev-container #faq_wrap li,
.dev-container #current_connect li,
.dev-aside #ol_after_private li {
    border-color: var(--dev-skin-soft-line) !important;
    background: transparent !important;
}

.dev-container .sch_res_title,
.dev-container .lat li a,
.dev-container .pic_lt li a,
.dev-container .pic_li_lt li a,
.dev-container #faq_wrap li h3 a,
.dev-container #current_connect .sv_member {
    color: var(--dev-skin-ink) !important;
    font-weight: 800 !important;
}

.dev-container .sch_res_list p,
.dev-container .sch_res_list .sch_info,
.dev-container .lt_info,
.dev-container #faq_con .con_inner,
.dev-container #current_connect .crt_lct,
.dev-container #current_connect .crt_lct a {
    color: var(--dev-skin-muted) !important;
}

.dev-container #fregister p,
.dev-container #member_cert_refresh p {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 13px 16px !important;
    border-radius: 0 !important;
    background: var(--dev-skin-ink) !important;
    color: #fff !important;
    line-height: 1.45 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
}

.dev-container #fregister p:before,
.dev-container #member_cert_refresh p:before {
    display: none !important;
}

.dev-container #fregister section,
.dev-container #member_cert_refresh section {
    margin: 0 0 18px !important;
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
}

.dev-container #fregister h2,
.dev-container #member_cert_refresh h2,
.dev-container #register_form h2 {
    padding: 18px 0 !important;
    border-bottom-color: var(--dev-skin-line) !important;
}

.dev-container #fregister textarea,
.dev-container #member_cert_refresh textarea,
.dev-container .fregister_terms div,
.dev-container #member_cert_refresh_private div,
.dev-container .register_form_inner ul {
    padding: 18px 0 !important;
    background: transparent !important;
}

.dev-container .fregister_terms div,
.dev-container #member_cert_refresh_private div {
    overflow-x: auto;
}

.dev-container .fregister_terms table,
.dev-container #member_cert_refresh_private table {
    min-width: 620px;
}

.dev-container .fregister_agree input[type="checkbox"] + label span,
.dev-container .member_cert_refresh_agree input[type="checkbox"] + label span,
.dev-container .chk_box input[type="checkbox"] + label span {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dev-container #reg_result {
    padding: 34px 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
    text-align: left !important;
}

.dev-container #reg_result #result_email {
    padding: 14px 0 !important;
    border-color: var(--dev-skin-line) !important;
    background: transparent !important;
}

.dev-container #login_fs,
.dev-container #mb_login #sns_login,
.dev-container #mb_login_notmb,
.dev-container #mb_login_od_wr {
    padding: 22px 0 !important;
}

.dev-container #login_password_lost,
.dev-aside #ol_svc a,
.dev-aside #ol_after_info {
    border-radius: 0 !important;
    color: var(--dev-skin-accent) !important;
}

.dev-aside .ol {
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--dev-skin-line) !important;
    border-bottom: 1px solid var(--dev-skin-line) !important;
    background: transparent !important;
}

.dev-aside .ol h2,
.dev-aside .ol .join {
    width: 50% !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--dev-skin-line);
    background: transparent !important;
    color: var(--dev-skin-ink) !important;
    font-weight: 800;
}

.dev-aside .ol form {
    padding: 16px 0 !important;
}

.dev-aside #ol_id,
.dev-aside #ol_pw,
.dev-aside #ol_submit {
    height: 40px !important;
    margin-bottom: 8px !important;
}

.dev-aside #ol_before .ol_wr,
.dev-aside #ol_auto {
    margin-bottom: 8px !important;
}

.dev-aside #ol_after_hd {
    min-height: 78px;
    height: auto !important;
    padding: 14px 0 14px 72px !important;
    border-bottom: 1px solid var(--dev-skin-soft-line);
}

.dev-aside #ol_after_hd .profile_img {
    left: 0 !important;
}

.dev-aside #ol_after_logout {
    border-top-color: var(--dev-skin-line) !important;
    color: var(--dev-skin-muted) !important;
}

.dev-container #bo_list,
.dev-container #bo_w,
.dev-container #bo_v,
.dev-container #bo_cate {
    margin-top: 0;
}

.dev-container #bo_list tbody .even td,
.dev-container .bo_notice td,
.dev-container #bo_v header,
.dev-container #bo_v_info,
.dev-container #bo_v_atc,
.dev-container #bo_v_file,
.dev-container #bo_v_link li,
.dev-container #bo_v_contact dt,
.dev-container #bo_v_contact dd,
.dev-container .bo_v_nb li:hover {
    background: transparent !important;
}

.dev-container #bo_v header,
.dev-container #bo_v_info,
.dev-container #bo_v_atc {
    border-left: 0 !important;
    border-right: 0 !important;
}

.dev-container #bo_v header {
    border-top: 2px solid var(--dev-skin-ink) !important;
}

.dev-container #bo_v_title {
    padding: 20px 0 12px !important;
}

.dev-container #bo_v_title .bo_v_tit {
    font-size: clamp(28px, 4vw, 46px) !important;
    line-height: 1.08 !important;
}

.dev-container #bo_v_info,
.dev-container #bo_v_atc {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dev-container #bo_v_file li,
.dev-container #bo_v_link li,
.dev-container #bo_v_contact dt,
.dev-container #bo_v_contact dd,
.dev-container #bo_vc article,
.dev-container .bo_vc_w,
.dev-container #bo_w .bo_w_flie .file_wr,
.dev-container #autosave_pop {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dev-container #bo_v_title .bo_v_cate,
.dev-container .bo_cate_link,
.dev-container .cnt_cmt,
.dev-container .lat .lt_cmt,
.dev-container .pic_lt .lt_cmt,
.dev-container .pic_li_lt .lt_cmt,
.dev-container .sch_res_list .pop_a,
.dev-container #bo_list .new_icon,
.dev-container #bo_list .hot_icon {
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--dev-skin-accent) !important;
    font-weight: 800 !important;
}

.dev-container .bo_sch_wrap {
    background: rgba(16, 20, 24, 0.28);
}

.dev-container .bo_sch {
    border: 0 !important;
    border-top: 2px solid var(--dev-skin-ink) !important;
    background: #fff !important;
}

.dev-container .bo_sch h3,
.dev-container .bo_sch form {
    border-bottom-color: var(--dev-skin-line) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.dev-container .bo_sch .bo_sch_cls,
.dev-container #faq_wrap li h3 .tit_btn,
.dev-container #faq_con .con_inner .closer_btn {
    background: transparent !important;
    color: var(--dev-skin-ink) !important;
}

.dev-container #faq_con .con_inner {
    padding: 5px 0 22px 50px !important;
}

.dev-container #faq_con .con_inner .tit_bg {
    border-radius: 0 !important;
    background: var(--dev-skin-ink) !important;
}

.dev-container .lat,
.dev-container .pic_lt,
.dev-container .pic_li_lt {
    margin-bottom: 28px !important;
    background: transparent !important;
}

.dev-container .lat .lat_title,
.dev-container .pic_lt .lat_title,
.dev-container .pic_li_lt .lat_title {
    line-height: 1.25 !important;
    padding: 0 0 14px;
    border-bottom: 2px solid var(--dev-skin-ink);
}

.dev-container .lat .lt_more,
.dev-container .pic_lt .lt_more,
.dev-container .pic_li_lt .lt_more {
    top: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    color: var(--dev-skin-accent) !important;
}

.dev-container .lat li,
.dev-container .pic_li_lt li {
    margin-bottom: 0 !important;
    padding: 12px 0 !important;
}

.dev-container .pic_lt li {
    padding-bottom: 16px !important;
}

.dev-container .pic_lt li .lt_img img,
.dev-container .pic_lt li .lt_img video,
.dev-container .pic_li_lt li .lt_img img,
.dev-container .pic_li_lt li .lt_img video {
    border-radius: 0 !important;
    border: 1px solid var(--dev-skin-soft-line);
}

.dev-container .empty_li,
.dev-container .dev-latest-empty,
.dev-container #current_connect li.empty_li {
    color: var(--dev-skin-muted) !important;
    background: transparent !important;
}

.dev-container .pg_wrap,
.dev-container .pg {
    float: none !important;
    text-align: center !important;
}

.dev-container .pg_page,
.dev-container .pg_current {
    min-width: 34px;
    height: 34px;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 32px;
}

.dev-container .pg_current {
    border-color: var(--dev-skin-ink) !important;
    background: var(--dev-skin-ink) !important;
    color: #fff !important;
}

.dev-container .tooltip,
.dev-container .more_opt,
.dev-container .bo_vc_act {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dev-container #popular,
.dev-container #visit,
.dev-container #poll,
.dev-aside #popular,
.dev-aside #visit,
.dev-aside #poll {
    border-top: 1px solid var(--dev-skin-line);
    background: transparent !important;
}

.dev-container #popular li a,
.dev-aside #popular li a,
.dev-container #visit dt,
.dev-aside #visit dt,
.dev-container #visit dd,
.dev-aside #visit dd {
    color: var(--dev-skin-muted) !important;
}

.dev-container #visit h2,
.dev-aside #visit h2 {
    color: var(--dev-skin-ink) !important;
}

@media (max-width: 760px) {
    .dev-container .mbskin,
    .dev-container #mb_login,
    .dev-container #mb_confirm,
    .dev-container #find_info,
    .dev-container #pw_reset,
    .dev-container .register,
    .dev-container #register_form,
    .dev-container #reg_result,
    .dev-container #fregisterform,
    .dev-container #member_cert_refresh {
        width: 100% !important;
        margin-bottom: 32px !important;
    }

    .dev-container,
    .dev-container #fregister,
    .dev-container #member_cert_refresh,
    .dev-container #register_form {
        max-width: 100vw !important;
        overflow-x: hidden;
    }

    .dev-container #fregister p,
    .dev-container #member_cert_refresh p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 12px 14px !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .dev-container #new_sch,
    .dev-container #sch_res_detail,
    .dev-container #faq_sch {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dev-container #new_sch select,
    .dev-container #new_sch .frm_input,
    .dev-container #new_sch .btn_submit,
    .dev-container #sch_res_detail select,
    .dev-container #sch_res_detail .frm_input,
    .dev-container #sch_res_detail .btn_submit,
    .dev-container #faq_sch .frm_input,
    .dev-container #faq_sch .btn_submit {
        width: 100% !important;
    }

    .dev-container #bo_v_title .bo_v_tit {
        font-size: 30px !important;
    }

    .dev-container .pic_lt li,
    .dev-container .pic_li_lt {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dev-top-button {
        display: none !important;
    }
}