@charset "utf-8";


.content_wrap.main_wrap{max-width: 1029px;}
.content_wrap.main_wrap{ padding:35px 20px 10px 20px; }
.main_bottom_dom{ padding:10px 20px 35px 20px;}
.main_dom{ margin-left: 0; }
.main_con .main_bottom{ float: none; overflow: hidden; max-width: 689px; margin:0 auto; }

.noto_font_l{font-family: "Noto Sans CJK KR Light";}
.noto_font_r{font-family: "Noto Sans CJK KR Regular";}
.opacity_5{opacity: 0.5;}


.company_main .main_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; background:url("../img/main_bg_img01.png")no-repeat center top; background-size: cover;}
.designer_main .main_bg{ position: absolute; top:0; left:0; width: 100%; height: 100%; background:url("../img/main_bg_img00.png")no-repeat center top;background-size: cover;}
.main_con .left_dom { padding-right: 0px; max-width: 689px; float: none; margin:0 auto; overflow: hidden; }
.main_con .right_dom{ padding:10px 0;padding-left:0px; max-width: 689px; float: none; margin:0 auto; overflow: hidden;}
.designer_main .left_dom .designer_intro_con {
    font-size: 48px;
    padding: 19px 22px 137px 22px;
    background-color: #555555;
    color: #fff;
    background-image: url("../img/main_designer_intro_bg00.png");
    background-repeat: no-repeat;
    background-position: right 32px bottom 33px;
    letter-spacing: -1px;
    line-height: 51px;
    overflow: hidden;
    max-width: 689px;
}
.company_main .left_dom .designer_intro_con {
    font-size: 48px;
    padding: 19px 22px 137px 22px;
    background-color: #464646;
    color: #fff;
    background-image: url("../img/main_designer_intro_bg01.png");
    background-repeat: no-repeat;
    background-position: right 32px bottom 33px;
    letter-spacing: -1px;
    line-height: 51px;
    overflow: hidden;
    max-width: 689px;
}
.left_dom .designer_intro_con .main_line_grey{ height: 2px; max-width:256px; background-color: #858280; margin-top: 7px;}

.main_dom .new_application_con{ padding-right: 10px; height: 173px; max-width:234px; width:33.33%;}
.main_dom .right_dom .new_application_con{ height:163px;}
.designer_main .new_application{background-color: #eb5f00; padding: 17px 9px 5px 14px; height: 100%;}
.company_main .new_application{background-color: #f2a953; padding: 17px 9px 5px 14px; height: 100%;}
.left_dom .new_application{padding: 17px 5px 5px 18px;}
.new_application > *:first-child { color: #fff; font-size: 22px; font-weight: bold; font-family: "Noto Sans CJK KR Light"; line-height: 28px;}
.new_application > *:last-child { color: #482c22; font-size: 13px; line-height: 14px; font-weight: 400; font-family: "Myriad Web Pro"}
.main_dom .career_management_con{ height: 173px; max-width:460px;}
.main_dom .right_dom .career_management_con{ height: 163px;}
.career_management{background-color: #fff; padding: 17px 13px 20px 15px; height: 100%;}

.left_dom .career_management{padding: 22px 7px 15px 21px;}

.company_main .career_management.black{background-color: #464646;}
.designer_main .career_management.black{background-color: #555555;}
.career_management.black> *:first-child{color: #fff;}
.career_management > *:first-child { color: #000; font-size: 24px; font-weight: bold;font-family: "Noto Sans CJK KR Light";}
.right_dom .career_management > *:last-child { color: #acacac;}
.career_management > *:last-child { color: #9a9a9a; font-size: 13px; font-weight: 400;}
.left_dom .career_management > *:last-child { font-size: 15px;}


.main_con .design_comp_report_con{ padding-top: 10px; padding-right: 10px; max-width: 234px; width:33.33%; }
.design_comp_report{ padding:12px; background-color: #FFFFFF;}
.designer_main .in_design_comp_report{ background-color: #e2d6c4; background-image: url("../img/design_comp_report_bg00.png"); background-repeat: no-repeat; background-position: center bottom 60px; height: 312px; padding-top: 37px;}
.company_main .in_design_comp_report{ background-color: #d7d7d7; background-image: url("../img/design_comp_report_bg01.png"); background-repeat: no-repeat; background-position: center bottom 60px; height: 312px; padding-top: 37px;}

.in_design_comp_report .top{font-size:32px; color: #73615b;font-weight: bold;margin-bottom: 1px;text-align: center; letter-spacing: -0.7px;}
.in_design_comp_report .bottom{ font-size:23px; color: #73615b; font-weight: 400;text-align: center; letter-spacing: -0.7px;}

.company_main .in_design_comp_report .bottom{ font-size:23px; color: #73615b; font-weight: 400;text-align: center; letter-spacing: -0.7px; padding: 0 9px; overflow: hidden;}

.main_con .design_comp_con{ padding-top: 10px;  max-width:460px;}
.company_main .design_comp{ padding: 25px 22px; background-color: #464646; height: 336px;}
.designer_main .design_comp{ padding: 25px 22px; background-color: #555555; height: 336px;}
.design_comp .top{ font-size: 26px; font-weight: bold; color: #fff; line-height: 35px;}
.design_comp .mid{ font-size: 26px; color: #fff; line-height: 35px;}
.design_comp .bottom{ font-size: 26px;color: #fff; line-height: 35px;}
.design_comp_line{ margin-top: 110px; background-color: #b3b3b3; height:2px; max-width:160px; margin-bottom: 20px; }
.design_comp_exp_text{ font-size: 13px; color: #cccccc; font-weight: 400; line-height: 20px;}

.design_sos_con{padding-right: 5px;}
.design_sos{ padding: 20px 0 19px 0; text-align: center; background-color: #FFFFFF;}

.right_dom .certificate_issued_con{ padding-top: 10px; padding-right: 10px; max-width: 460px;}
.certificate_issued{background-color: #FFFFFF; padding: 12px 17px 22px 15px;}
.certificate_issued .top{ font-size: 48px; color: #9e5942; font-weight: bold;}
.certificate_issued .mid{ font-size: 48px; color: #9e5942;}
.certificate_issued .bottom{ font-size: 16px; color: #959595; font-weight: 300; font-family: "Myriad Pro"}
.certificate_issued .certificate_issued_line{ margin-top: 123px; background-color: #e7e7e7; height:2px; max-width:100%; margin-bottom: 18px; }
.certificate_issued .certificate_issued_exp_text{font-size:14px; color: #959595; text-align: right; font-weight: 400;}

.right_dom .certificate_issued_check_con{ padding-top: 10px; max-width: 234px; width:33.33%; }
.certificate_issued_check{ background-color: #FFFFFF; padding: 20px 20px 26px 18px; height: 336px;}
.certificate_issued_check .top{ font-size: 26px; color: #252525; font-weight: bold; margin-bottom: 15px; }
.certificate_issued_check .bottom{ font-size: 16px; color: #9a9a9a; font-weight: 400; font-family: "Myriad Pro"}
.certificate_issued_check .bottom.color_9a9a9a{ color: #9a9a9a; opacity: 0.6;}

.notice_con{ padding-top: 10px; padding-right: 0px; }
.notice{ padding:25px 40px 50px 36px; background-color: #FFFFFF; }
.notice h4{color: #444;}
.notice .notice_line{ margin-bottom: 31px; margin-top: 17px; background-color: #e7e7e7; height:2px; max-width: calc( 100% - 2px );}
.notice_list_con .title {
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #444444;
    font-size: 14px;
    padding: 7px 0;
    font-weight: 400;
    font-family: "Noto Sans CJK KR Light";
}
.notice_list_con .reg_date{ color: #848587; font-size: 14px;margin: 7px 0; text-align: right;font-weight: 400; }
.notice_more_btn{
    position: absolute;
    padding: 5px 6px 5px 8px;
    display: inline-block;
    line-height: 1em;
    font-size: 0;
    background-color: #c2c2c2;
    border-radius: 100%;
    right: 0;
    top: 50%;
    margin-top: -14px }

.design_leader_con{ padding-left: 0px;}
.design_leader{ background-color: #FFFFFF; padding:9px 0 5px 0; text-align: center;}

.designer_main .main_bottom_dom{ background-color: #d55600; }
.company_main .main_bottom_dom{ background-color: #db994b; }

@media all and (min-width: 768px) {
    .main_dom .career_management_con, .main_con .design_comp_con, .right_dom .certificate_issued_con{max-width:455px;}
    .right_dom .certificate_issued_check_con{width:100%; }
    .main_con .design_comp_report_con{ width:100%}
    .main_dom .new_application_con{width:100%}
}
@media all and (min-width: 992px) {
    .right_dom .certificate_issued_check_con{max-width:163px; width:33.33%; }
    .right_dom .certificate_issued_con{max-width:346px;}
    .main_con .design_comp_con{max-width:336px;}
    .main_con .design_comp_report_con{max-width:173px; width:33.33%}
    .main_dom .career_management_con{max-width:336px;}
    .main_dom .new_application_con{max-width:173px; width:33.33%}
    .company_main .left_dom .designer_intro_con{max-width:509px;}
    .designer_main .left_dom .designer_intro_con{max-width: 509px;}


    .main_dom{ padding: 0 20px; }
    .design_leader_con{ padding-left: 5px;}
    .notice_con{ padding-right: 0; }

    .main_con .main_bottom_dom{ padding:10px 0px 35px 0px; }
    .main_con .main_bottom{  max-width: 1029px; margin: 0 auto; overflow: hidden; float: none; padding:0 20px;box-sizing: border-box;}
    .content_wrap.main_wrap{ padding:34px 0 0 0; }

    .main_con .right_dom{padding-left:5px; float: left; margin:0; padding-top: 0; max-width: 514px;}
    .main_con .left_dom{ padding-right: 5px; float: left; margin:0; padding-top: 0; max-width: 514px;}

}
@media all and (min-width: 1024px) {
    .main_con .right_dom{padding-left:5px; float: left; margin:0; padding-top: 0; max-width: 514px;}
    .main_con .left_dom{ padding-right: 5px; float: left; margin:0; padding-top: 0; max-width: 514px;}
}
@media all and (min-width: 1200px) {
    .main_dom .new_application_con{width: 100%;}
    .main_con .design_comp_report_con{width: 100%;}
    .right_dom .certificate_issued_check_con{width: 100%;}
    .main_con .main_bottom{padding:0;}
    .main_con .main_bottom_dom{ padding:10px 0px 35px 0px; }
    .main_dom{ padding: 0px; }
}