body { color:#232323; }







/* 공통 */
#wrapper { width:100%;height:100%; }
#panel { width:100%;height:100%; }

/* PC */
@media screen and (min-width: 1240px) {

    body { background: #f8f8f8; }

    #wrapper { }
    .page1 { }

    #panel { min-height:900px;}
    #header { text-align: center;margin-bottom:80px;padding-top:80px; }

    #footer { position:relative;bottom:0;padding-top:100px;padding-bottom:30px;text-align: center;left:0;right:0; }

    #footer .footer_menu { margin-top:10px;margin-bottom:10px; }
    #footer .footer_menu span { font-family: notokr-medium;color:#707070;font-size:14px;line-height:20px; }
    #footer .footer_menu span.footer_line { color:#e5e5e5;margin-left:15px;margin-right:15px; }

    #footer .footer_contact { margin-top:10px;margin-bottom:10px;word-break: keep-all; }
    #footer .footer_contact span { font-family: notokr-medium;color:#707070;font-size:14px;line-height:20px;margin-left:10px;margin-right:10px; }

    #footer .footer_copyright { margin-top:10px;margin-bottom:10px;color:#aaaaaa;font-family: notokr-medium;font-size:12px; }

    #layer { position:absolute;top:0; }
    #layer img { position:absolute;left:100px;top:30px; }

    select { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:16px;color:#232323; }
    input { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:16px;color:#232323; }

    .button_black { width:100%;font-size:16px;color:#ffffff;height:50px;line-height:50px;border-radius: 5px;background: #2b364a;text-align: center;font-family: notokr-medium;cursor:pointer; }
    .button_gray { width:100%;font-size:16px;color:#2b364a;height:50px;line-height:50px;border-radius: 5px;background: #eeeeee;text-align: center;font-family: notokr-medium;cursor:pointer; }

    .page1 > div { height:100%; }
    .page_container { width: 700px;height: 600px;background: #ffffff; border:1px solid #e5e5e5;margin:0 auto; }
    .page_container table { width:100%;height:100%; }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {

    #panel { position:relative; }

    .page1 { margin-top:80px; }

    #header { top:0;padding-left:30px;padding-top:30px; }

    #footer { margin-top:50px;padding-top:30px;padding-bottom:30px;text-align: center; }

    #footer .footer_menu { margin-top:10px;margin-bottom:10px; }
    #footer .footer_menu span { font-family: notokr-medium;color:#707070;font-size:14px;line-height:20px; }
    #footer .footer_menu span.footer_line { color:#e5e5e5;margin-left:15px;margin-right:15px; }

    #footer .footer_contact { margin-top:10px;margin-bottom:10px;word-break: keep-all; }
    #footer .footer_contact span { font-family: notokr-medium;color:#707070;font-size:14px;line-height:20px;margin-left:10px;margin-right:10px; }

    #footer .footer_copyright { margin-top:10px;margin-bottom:10px;color:#aaaaaa;font-family: notokr-medium;font-size:12px; }

    #layer { display:none; }

    select { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:16px;color:#232323; }
    input { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:16px;color:#232323; }

    .button_black { width:100%;font-size:16px;color:#ffffff;height:50px;line-height:50px;border-radius: 5px;background: #2b364a;text-align: center;font-family: notokr-medium;cursor:pointer; }
    .button_gray { width:100%;font-size:16px;color:#2b364a;height:50px;line-height:50px;border-radius: 5px;background: #eeeeee;text-align: center;font-family: notokr-medium;cursor:pointer; }

    .page1 > div {  }
    .page_container { }
    .page_container table { width:100%; }

}

/* MOBILE */
@media screen and (max-width: 767px) {

    #panel { position:relative; }

    .page1 { margin-top:80px; }

    #header { position:relative;top:0;padding-left:15px;padding-top:15px; }
    #header img { height:25px; }

    #footer { position:relative;padding-top:30px;padding-bottom:30px;text-align: center; }

    #footer .footer_menu { margin-top:10px;margin-bottom:10px; }
    #footer .footer_menu span { font-family: notokr-medium;color:#707070;font-size:12px;line-height:20px; }
    #footer .footer_menu span.footer_line { color:#e5e5e5;margin-left:15px;margin-right:15px; }

    #footer .footer_contact { margin-top:10px;margin-bottom:10px;word-break: keep-all; }
    #footer .footer_contact span { font-family: notokr-medium;color:#707070;font-size:12px;line-height:20px;margin-left:10px;margin-right:10px; }

    #footer .footer_copyright { margin-top:10px;margin-bottom:10px;color:#aaaaaa;font-family: notokr-medium;font-size:10px; }

    #layer { display:none; }

    select { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:14px;color:#232323; }
    input { border-radius: 5px;box-sizing:border-box;font-family:notokr-regular;width:100%;padding-left:20px;padding-right:20px; border:1px solid #e5e5e5;height:48px;line-height:48px;font-size:14px;color:#232323; }

    .button_black { width:100%;font-size:14px;color:#ffffff;height:50px;line-height:50px;border-radius: 5px;background: #2b364a;text-align: center;font-family: notokr-medium;cursor:pointer; }
    .button_gray { width:100%;font-size:14px;color:#2b364a;height:50px;line-height:50px;border-radius: 5px;background: #eeeeee;text-align: center;font-family: notokr-medium;cursor:pointer; }

    .page1 > div {  }
    .page_container { }
    .page_container table { width:100%; }
}








/* 로그인 */

/* PC */
@media screen and (min-width: 767px) {

    .page_login .page_login_input { width:500px;margin:0 auto; }
    .page_login .page_login_input_title_panel { height:38px;margin-bottom:50px; }
    .page_login .page_login_input_title { text-align:center;font-family: notokr-medium;font-size:36px;line-height:38px;color:#232323; }
    .page_login .page_login_input_title_info { float:right;height:38px;line-height: 38px; vertical-align: middle; }
    .page_login .page_login_input_title_info img { width:24px;height:24px;vertical-align: middle;line-height: 38px; }
    .page_login .page_login_logo { max-height:50px; }

    .page_login .page_login_input_category { margin-bottom:10px; }
    .page_login .page_login_input_id { margin-bottom:10px; }
    .page_login .page_login_input_name { margin-bottom:10px; }
    .page_login .page_login_input_phone_number { margin-bottom:10px; }
    .page_login .page_login_input_pw { margin-bottom:40px; }

    .page_login .page_login_input_func { margin-top:20px; }
    .page_login .page_login_input_func_left { float:left;text-align: left;font-size: 14px;font-family: notokr-medium;color:#232323;line-height:20px;vertical-align: middle; }
    .page_login .page_login_input_func_left img { width:20px;height:20px;margin-right:5px;vertical-align: middle;}
    .page_login .page_login_input_func_right { float:right;font-size: 14px;font-family: notokr-medium;color:#232323;line-height:20px;vertical-align: middle; }
    .page_login .page_login_input_func_right_line { color:#e5e5e5;margin-left:10px;margin-right:10px; }
}

/*MOBILE */
@media screen and (max-width: 767px) {

    .page_login .page_login_input { width:100%;padding-left:15px;padding-right:15px;box-sizing: border-box; }
    .page_login .page_login_input_title_panel { height:30px;margin-bottom:50px; }
    .page_login .page_login_input_title { text-align:center;font-family: notokr-medium;font-size:28px;line-height:30px;color:#232323; }
    .page_login .page_login_input_title_info { float:right;height:38px;line-height: 38px; vertical-align: middle; }
    .page_login .page_login_input_title_info img { width:24px;height:24px;vertical-align: middle;line-height: 38px; }
    .page_login .page_login_logo { max-height:50px; }

    .page_login .page_login_input_category { margin-bottom:10px; }
    .page_login .page_login_input_id { margin-bottom:10px; }
    .page_login .page_login_input_name { margin-bottom:10px; }
    .page_login .page_login_input_phone_number { margin-bottom:10px; }
    .page_login .page_login_input_pw { margin-bottom:40px; }

    .page_login .page_login_input_func { margin-top:20px; }
    .page_login .page_login_input_func_left { float:left;text-align: left;font-size: 12px;font-family: notokr-medium;color:#232323;line-height:20px;vertical-align: middle; }
    .page_login .page_login_input_func_left img { width:20px;height:20px;margin-right:5px;vertical-align: middle;}
    .page_login .page_login_input_func_right { float:right;font-size: 12px;font-family: notokr-medium;color:#232323;line-height:20px;vertical-align: middle; }
    .page_login .page_login_input_func_right_line { color:#e5e5e5;margin-left:10px;margin-right:10px; }
}




















/* 끄기 켜기 */

/* PC */
@media screen and (min-width: 1240px) {

    .pc_hide { display: none; }

    .mobile_show { display: none; }

    .tablet_show { display: none; }

    .pc_show { }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {

    .tablet_hide { display: none; }

    .mobile_show { display: none; }

    .tablet_show { }

    .pc_show { display: none; }
}

/* MOBILE */
@media screen and (max-width: 767px) {

    .mobile_hide { display: none; }

    .mobile_show { }

    .tablet_show { display: none; }

    .pc_show { display: none; }
}