.video-container {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    z-index: 999 !important;
}

.table_area {
    width: 100%;
    height: auto;
    background-color: #fff;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

.table_contents {
    width: 1000px;
    height: auto;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    padding: 40px 0;
}
.table_contents.mytableCont{
    width:1000px !important;
    background: #fff;
}
.table_area.project {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
}
.project .contents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
}
.footer .contents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
}
.tableInfo .contents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-top: 25px;
}

/* header */
.heaeder {
    width: 100%;
    border-bottom: 5px solid #f585a2;
    position: relative;
    padding-bottom: 25px;
}
.heaeder .headerWelcome {
    display: none;
}
.headerMenu {
    float: right;
    text-align: right;
}
.headerMenu .headerTop {
    font-size: 14px;
    color: #999999;
}
.headerMenu .headerTop.mobile {
    display: none;
}
.headerMenu .headerTop .nav {
    display: none;
}
.headerMenu .headerTop .headerSns {
    margin-left: 3px;
}
.headerMenu .headerTop .headerSns.first {
    margin-left: 25px;
}
.headerMenu .headerTop a {
    font-size: 15px;
    color: #999999;
}
.headerMenu .headerTop a.mybtn {
    color: #f585a2;
    font-family: "Nanum Gothic";
}
.headerMenu .headerBottom {
    margin-top: 30px;
    display: block !important;
}
.headerMenu .headerBottom .navLogo {
    display: none;
}
.headerMenu .headerBottom a {
    font-size: 15px;
    color: #999999;
    text-align: right;
    margin-left: 60px;
}
.headerMenu .headerBottom a.on {
    color: #f585a2;
}
.headerMenu .headerBottom a:hover {
    color: #f585a2;
}
.headerMenu .headerBottom a span {
    font-size: 12px;
}
.spanBar {
    width: 1px;
    height: 11px;
    background: url("/_asset/img/project/spanBar.jpg") no-repeat;
    display: inline-block;
    margin: 0 18px 0 15px;
}

/* headerNew */
.headerNew {
    padding-top: 32px;
    padding-bottom: 19px;
    background-color: #fff;
    width: 100%;
    position: relative;
}
.headerNew .contents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.headerNew .rightMenu {
    float: right;
}
.headerNew .rightMenu .align {
    float: left;
    margin-top: 3px;
    padding-top: 1px;
}
.headerNew .rightMenu p {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
}
.headerNew .rightMenu p img {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
}
.headerNew .rightMenu a.myTable {
    font-size: 15px;
    color: #f585a2;
    margin: 0 27px 0 22px;
}
.headerNew .rightMenu a.log {
    font-size: 12px;
    color: #333333;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    background-color: #ffffff;
    display: block;
    margin-right: 18px;
    margin-left: 10px;
}
.headerNew .rightMenu a.homeBtn {
    margin-right: 10px;
}

/* footer */
.fixedTop {
    position: fixed;
    bottom: 10px;
    right: 30px;
}
.fixedTop img {
    opacity: 0.8;
}
.fixedTop span {
    display: block;
    font-size: 16px;
    color: #666666;
    font-family: "Nanum Gothic";
    margin-top: 5px;
    text-align: center;
}

.tableInfo:after {
    display: block;
    content: "";
    clear: both;
}
.tableInfo {
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    background-color: #ffffff;
    margin-top: 50px;
}
.tableInfo .tableBtn {
    text-align: center;
    border-left: 1px solid #c6c6c6;
    width: 162px;
    height: 37px;
    line-height: 37px;
    float: left;
    font-size: 14px;
    color: #999999;
    font-family: "Nanum Gothic";
}
.tableInfo .contents {
    margin-top: 0;
}

.selectFamily.select {
    float: right;
    width: auto;
}
.selectFamily.select p.optionDefault {
    border: 0 !important;
    border-left: 1px solid #c6c6c6 !important;
    border-right: 1px solid #c6c6c6 !important;
    font-size: 14px;
    color: #313333;
    font-family: "Nanum Gothic";
    text-align: right;
    width: 303px;
    height: 37px;
    line-height: 37px;
}
.selectFamily.select p.optionDefault.on {
    border: 0 !important;
    border-left: 1px solid #c6c6c6 !important;
    border-right: 1px solid #c6c6c6 !important;
}
.selectFamily.select p.optionDefault img {
    margin-left: 22px;
    margin-top: 11px;
    width: 19px;
}
.selectFamily.select div.optionData {
    top: 38px;
    left: 150px;
    width: 55%;
}
.selectFamily.select ul.optionList li {
    text-align: right;
    font-size: 15px;
    padding: 0 31% 0 9%;
}

.footer {
    padding-top: 20px;
    padding-bottom: 90px;
    background-color: #fffff;
}
.footer .footerLogo {
    float: left;
    padding-right: 36px;
    border-right: 1px solid #c6c6c6;
    margin-right: 31px;
}
.footer .footerLogo img {
    width: 127px !important;
}
.footer .address {
    float: left;
}
.footer .address address {
    font-size: 14px;
    color: #999999;
    text-align: left;
    margin-bottom: 20px;
}
.footer .address .copyRight {
    font-size: 14px;
    color: #999999;
    text-align: left;
}
.footer .accessterms {
    float: right;
    margin-top: -21px;
}
.footer .accessterms a {
    font-size: 14px;
    width: 133px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
    background-color: #c6c6c6;
    margin-left: 13px;
    float: left;
}
.footer .accessterms a.policy {
    background-color: #333333;
}

.footer .act_br {
    display: none;
}
.footer .mct_br {
    display: none;
}

/* 풋터 이메일링 신청 */
.email-apply {
    margin-top: 30px;
}
.email-apply:after {
    clear: both;
    content: "";
    display: block;
}
.email-apply input {
    float: left;
    padding-left: 56px;
    width: 547px;
    height: 43px;
    line-height: 43px;
    color: #999;
    font-size: 14px;
    outline: none;
    background: #ffffff;
    border: none;
}
.email-apply input.inputFocus.on {
    background: #ffffff url(/_asset/img/main/ico_mail01.png) 20px center no-repeat !important;
}
.email-apply .bt_email {
    display: block;
    float: left;
    width: 144px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #313333;
    padding-left: 0 !important;
}

.footerNew .tableInfo {
    background: none;
}
.footerNew .selectFamily.select p.optionDefault {
    background: none;
}
.footerNew .contents {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

/* page tab */
.table_contents .table_title {
    height: 45px;
    position: relative;
}
.table_title.myTable::after {
    content: " ";
    width: 100%;
    min-width: 1920px;
    height: 1px;
    position: absolute;
    background: #eee;
    bottom: 10px;
    left: -460px;
}
.table_contents .table_title a {
    float: left;
    background: #e5e5e5;
    display: block;
    width: 320px;
    position: relative;
    height: 45px;
    line-height: 45px;
}
.table_contents .table_title a img {
    display: block;
    margin: 16px auto;
}
.table_contents .table_title a span {
    background: url("/_asset/img/user/tableArea_title_off.png") no-repeat top right;
    width: 26px;
    height: 46px;
    position: absolute;
    top: -1px;
    right: -26px;
    z-index: 1;
}
.table_contents .table_title a.on {
    float: left;
    background: #ffffff;
}
.table_contents .table_title a.on span {
    background: url("/_asset/img/user/tableArea_title_on.png") no-repeat top right;
}

/* .contents.login {
    background-color: #ffffff;
    padding: 60px 243px 80px 243px;
    position: relative;
    margin-bottom: 100px;
} */
.contents.find {
    background-color: #ffffff;
    padding: 60px 163px 80px 163px;
    position: relative;
    margin-bottom: 100px;
}
/* .contents.join {
    background-color: #ffffff;
    padding: 60px 65px 80px 65px;
    position: relative;
    margin-bottom: 100px;
    width: 870px;
} */
.contents.resume {
    background-color: #ffffff;
    padding-bottom: 80px;
    position: relative;
    margin-bottom: 100px;
    width: 870px;
}
.contents.resume.payment {
    padding-bottom: 0;
}

.contents .contents_logo {
    display: block;
    margin: 0 auto;
}
.contents .contents_title {
    margin-top: 55px;
    position: relative;
}
.contents .contents_title.resume {
    margin-top: 10px;
}
/*.contents .contents_title h1 {
    margin-left: 24px;
    font-size: 28px;
    color: #333333;
    text-align: center;
}*/
.contents .contents_title h1 span {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}
.contents .contents_title h2 {
    margin-left: 24px;
    font-size: 28px;
    color: #333333;
    text-align: left;
}
.contents .contents_title h2 span {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}

/*필요없을시 삭제*/
/*.contents .contents_title.resume h3 {
        font-weight: normal;
    }*/

.contents .contents_title h3 {
    width: 92%;
    font-size: 22px;
    color: #333333;
    text-align: left;
}
.contents .contents_title h3 em {
    font-size: 18px;
    color: #999999;
}
.contents .contents_title h3 strong {
    color: #e9819b;
}
.contents .contents_title h3 span {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    letter-spacing: 0.025em;
}
.contents .contents_title h3 span b {
    color: #313333;
    font-weight: normal;
}
.contents .contents_title.signOut h3 {
    width: 100%;
    margin-bottom: 20px;
}
.contents .contents_title.signOut span {
    display: block;
    line-height: 28px;
}
.contents .contents_title.signOut span.span01 {
    margin-top: 10px;
}

/*필요없을 시 삭제*/
/*.contents .contents_title a.signOut {
        width: 175px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        color: #666666;
        font-size: 17px;
        border: 1px solid #c6c6c6;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }*/

.contents .contents_titleSub {
    margin-top: 40px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}
.contents .contents_titleSub h3 {
    padding-left: 26px;
    font-size: 18px;
    color: #333333;
    text-align: left;
    font-weight: normal;
}
.contents .contents_titleSub h3 span {
    color: #999999;
}

/* .fullBtn {
    width: 100%;
    height: 79px;
    line-height: 79px;
    text-align: center;
    font-size: 20px;
    color: #fffefe;
    font-weight: bold;
    margin: 28px auto;
    display: block;
    background-color: #f585a2;
    border-radius: 10px;
    float: left;
}

.br_input {
    display: none;
}
.br_text {
    display: none;
}
.br_text02 {
    display: none;
} */

/* 이용약관 */
.project .contents.acess {
    margin-top: 70px;
    margin-bottom: 300px;
}
.acess_title {
    margin-bottom: 60px;
}
.acess_title h1 {
    font-size: 18px;
    color: #999999;
    text-align: left;
    font-weight: normal;
    float: left;
    border-bottom: 1px solid #999999;
    padding-bottom: 12px;
}
.acess_title h1 span {
    font-size: 30px;
    color: #313333;
    border-bottom: 5px solid #313333;
    padding-bottom: 9px;
}
.acess_title p {
    font-size: 14px;
    color: #999999;
    text-align: left;
    margin-left: 37px;
    float: left;
    margin-top: 13px;
}
.project .contents.acess textarea {
    width: 90%;
    border: 1px solid #cccccc;
    height: 350px;
    padding: 5%;
    outline: none;
}
.popupAcess {
    border: 3px solid #353737;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    z-index: 10000;
    transform: translate(-50%, -50%);
}
.popupAcess .joinClose {
    position: absolute;
    top: 27px;
    right: 27px;
}
.popupAcess h1 {
    font-size: 24px;
    color: #313333;
    text-align: left;
    font-weight: normal;
    padding-bottom: 19px;
    border-bottom: 1px solid #c6c6c6;
    width: 90%;
    margin: 0 auto;
    margin-top: 36px;
}
.popupAcess h1 span {
    font-size: 18px;
    color: #999999;
}
.popupAcess .joinTextarea {
    width: 90%;
    margin: 30px auto;
    display: block;
    height: 400px;
    border: none;
    overflow-x: hidden;
}
.popupAcess .joinTextarea.terms-body{padding:0; line-height: 1.5; font-size:14px;}
.popupAcess .joinTextarea.terms-body h1{font-size:18px;width:100%;border:0;padding:0;padding-top:1em;}
.popupAcess .joinTextarea.terms-body h2{font-size:16px;font-weight:500}
.popupDate li,
.popupDate p{
    line-height: 1.5;
}
.popupDate .terms-list,
.popupAgreements .terms-list{
    padding: 10px 0;
    height: 100%;
    max-height: 500px;
}
.popupDate .terms-list li,
.popupAgreements .terms-list li{
    font-size: 14px;
    padding-left: 5px;
}
.popupDate .terms-list li > p,
.popupAgreements .terms-list li > p{
    padding-left: 5px;
}
.popupDate .terms-list li .terms-tit,
.popupAgreements .terms-list li .terms-tit{
    font-weight: 600;
    padding: 10px 0 5px;
}
.popupDate .terms-list li ul.sub-terms{
    padding: 5px 10px;
}
.popupDate .terms-list li ul.sub-terms li{
    padding: 5px 0;
}
.popupDate .terms-list li ul.sub-terms p{
    padding-left: 5px;
}
.popupDate .terms-list li ul.sub-terms .sub-terms-tit{
    font-weight: 600;
    padding: 5px 0;
}

.popupDate,
.popupAgreements {
    /* border: 3px solid #353737; */
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    z-index: 10000;
    transform: translate(-50%, -50%);
}
.popupDate .joinClose,
.popupAgreements .joinClose {
    position: absolute;
    top: 27px;
    right: 27px;
}
.popupDate h1,
.popupAgreements h1 {
    font-size: 24px;
    color: #313333;
    text-align: left;
    font-weight: normal;
    padding-bottom: 19px;
    border-bottom: 1px solid #c6c6c6;
    width: 90%;
    margin: 0 auto;
    margin-top: 36px;
}
.popupDate h1 span {
    font-size: 18px;
    color: #999999;
}
.popupDate .joinTextarea,
.popupAgreements .joinTextarea {
    width: 90%;
    margin: 30px auto;
    display: block;
    height: 400px;
    border: none;
    overflow-x: hidden;
}

.projectDetail.upload {
    padding-top: 0;
}
.uploadContent01_img160812 {
    width: 100%;
}
.uploadBtn01_160812_w {
    display: block;
    margin-top: 30px;
}
.uploadBtn01_160812_w img {
    display: block;
    margin: 0 auto;
}
.uploadContent_img160812_w {
    width: 100%;
}
.uploadBtn2 {
    width: 100%;
    margin-bottom: 140px;
}
.uploadBtn2 a {
    width: 50%;
    float: left;
}
.uploadBtn2 a img {
    width: 100%;
}
.uploadContent_img160812_m {
    display: none;
}
.uploadBtn2_m {
    display: none;
}
.uploadContent01_img160812_m {
    display: none;
}
.uploadBtn01_160812_m {
    display: none;
}
.arrowBtn img {
    width: 17px;
}

.pinkTit {
    font-size: 22px;
    color: #333333;
    font-weight: 400;
    text-align: left;
    margin: 0 20px 10px 10px;
}
.pinkTit strong {
    color: #f585a2;
    margin-left: -10px;
    margin-right: 5px;
}
.pinkTxt {
    font-size: 14px;
    color: #999999;
    margin-bottom: 40px;
    margin-left: 15px;
}
.award {
    display: block;
}

@media all and (max-width: 1400px) {
    .project .contents {
        margin-top: 0;
        /*padding: 10px 10px 80px 10px;*/
    }
}

@media all and (min-width: 640px) and (max-width: 1024px) {
    .table_contents {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
        padding: 40px 0;
    }
    .table_contents.mytableCont{
        width:100% !important;
    }
    .table_area.project {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
        background-color: #ffffff;
    }
    .project .contents {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .tableInfo .contents {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .table_title.myTable::after {
        bottom: 0;
    }

    /* header */
    .heaeder {
        width: 100%;
        border-bottom: 5px solid #f585a2;
        position: relative;
        padding-top: 10px;
        padding-bottom: 9px;
    }

    .heaeder .headerLogo {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .heaeder .headerLogo img {
        display: block;
        margin: 0 auto;
        width: 90px;
    }
    .headerMenu .headerTop:after {
        display: block;
        content: "";
        clear: both;
    }
    .headerMenu .headerTop {
        font-size: 14px;
        color: #999999;
    }
    .headerMenu .headerTop .nav {
        background: url("/_asset/img/common/icon_menu.png") no-repeat;
        background-size: 100% auto;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        width: 26px;
        height: 20px;
        display: block;
        position: absolute;
        left: 2%;
        top: 10px;
    }

    .heaeder .headerWelcome,
    .headerMenu .headerTop.pc,
    .headerMenu .header_right .mybtn,
    .headerMenu .header_right .spanBar {
        display: none;
    }

    .headerMenu .headerTop a.log {
        position: absolute;
        top: 7px;
        right: 2%;
        font-size: 14px;
        color: #ffffff;
        width: 75px;
        height: 29px;
        line-height: 29px;
    }
    .headerMenu .headerTop a.login {
        background: url("/_asset/img/common/icon_login_gray.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .headerMenu .headerTop a.logout {
        background: url("/_asset/img/common/icon_logout_gray.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .headerMenu .headerTop.mobile b {
        display: none;
    }
    .headerMenu .headerBottom {
        width: 96%;
        margin: 0 2%;
        display: none;
    }
    .headerMenu .headerBottom a {
        font-size: 15px;
        color: #333333;
        text-align: left;
        display: block;
        border-top: 1px solid #c6c6c6;
        padding: 21px 0 16px 0;
    }
    .headerMenu .headerBottom a.on {
        color: #e9819b;
    }
    .headerMenu .headerBottom a:hover {
        color: #e9819b;
    }
    .headerMenu .headerBottom a span {
        font-size: 10px;
        color: #999999;
    }
    .headerMenu .headerBottom a.navLogo {
        display: none;
    }

    .heaeder.gnbShow {
        padding-top: 1px;
    }
    .heaeder.gnbShow .headerLogo {
        display: none;
    }
    .heaeder.gnbShow .headerWelcome {
        font-size: 14px;
        color: #ffffff;
        position: absolute;
        top: 23px;
        left: 52px;
        display: block;
        font-weight: bold;
    }
    .heaeder.gnbShow .nav.open {
        background: url("/_asset/img/common/icon_navClose.png") no-repeat;
        background-size: 100% auto;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        width: 21px;
        height: 20px;
    }
    .heaeder.gnbShow .headerTop {
        width: 100%;
        height: 61px;
        background-color: #000000;
    }
    .heaeder.gnbShow .headerTop .nav {
        top: 20px;
    }
    .heaeder.gnbShow .headerTop a.log {
        position: relative;
        right: 0;
        top: 0;
        float: left;
        padding-right: 7px;
    }
    .heaeder.gnbShow .headerTop a.login {
        background: url("/_asset/img/common/icon_login_white.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .heaeder.gnbShow .headerTop a.logout {
        background: url("/_asset/img/common/icon_logout_white.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .heaeder.gnbShow .headerTop b {
        display: block;
    }
    .heaeder.gnbShow .header_right {
        position: absolute;
        right: 2%;
        top: 18px;
    }
    .heaeder.gnbShow .header_right .mybtn {
        display: block;
        float: left;
        line-height: 29px;
        font-size: 14px;
        color: #e9819b;
        font-weight: bold;
    }
    .heaeder.gnbShow .header_right .spanBar {
        display: block;
        float: left;
        margin-top: 9px;
    }
    .heaeder.gnbShow .headerBottom {
        margin: 0;
        padding: 0 2%;
        background-color: #ffffff;
    }
    .heaeder.gnbShow .headerBottom a.navLogo {
        display: block;
        padding: 12px 0 9px 0;
        border-top: 0;
    }
    .heaeder.gnbShow .headerBottom a.navLogo img {
        display: block;
        margin: 0 auto;
        width: 90px;
    }

    .spanBar {
        width: 1px;
        height: 11px;
        background: url("/_asset/img/project/spanBar.jpg") no-repeat;
        display: inline-block;
        margin: 0 18px 0 15px;
    }

    /* headerNew */
    .headerNew {
        padding-top: 30px;
        padding-bottom: 19px;
        background-color: #333333;
        width: 100%;
        position: relative;
    }
    .headerNew .contents {
        width: 96%;
        margin: 0 auto;
        position: relative;
    }

    .headerNew .rightMenu {
        float: right;
    }
    .headerNew .rightMenu .align {
        float: left;
        margin-top: 3px;
        padding-top: 1px;
    }
    .headerNew .rightMenu p {
        font-size: 15px;
        color: #ffffff;
        font-weight: bold;
    }
    .headerNew .rightMenu p img {
        margin-right: 5px;
        float: left;
        margin-top: 2px;
    }
    .headerNew .rightMenu a.myTable {
        font-size: 15px;
        color: #e9819b;
        margin: 4px 27px 0 22px;
    }

    .headerNew .rightMenu a.log {
        font-size: 12px;
        color: #333333;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        background-color: #ffffff;
        display: block;
        margin-left: 10px;
    }
    .headerNew .rightMenu a.homeBtn {
        margin-right: 10px;
    }

    /* top배너 */
    .fixedTop {
        position: fixed;
        bottom: 10px;
        right: 30px;
    }
    .fixedTop img {
        opacity: 0.8;
    }
    .fixedTop span {
        display: block;
        font-size: 16px;
        color: #666666;
        font-family: "Nanum Gothic";
        margin-top: 5px;
        text-align: center;
    }

    /* footer */
    .tableInfo:after {
        display: block;
        content: "";
        clear: both;
    }
    .tableInfo {
        border-top: 1px solid #c6c6c6;
        border-bottom: 1px solid #c6c6c6;
        margin-top: 50px;
    }
    .tableInfo .tableBtn {
        text-align: center;
        border-right: 1px solid #c6c6c6;
        width: 15%;
        height: 37px;
        line-height: 37px;
        float: left;
        font-size: 14px;
        color: #999999;
        font-family: "Nanum Gothic";
    }

    .selectFamily.select {
        float: right;
        width: 39%;
    }
    .selectFamily.select p.optionDefault {
        border: 0 !important;
        font-size: 14px;
        padding-left: 0;
        color: #313333;
        font-family: "Nanum Gothic";
        text-align: right;
        height: 37px;
        line-height: 37px;
    }
    .selectFamily.select p.optionDefault.on {
        border: 0 !important;
    }
    .selectFamily.select p.optionDefault img {
        margin-left: 22px;
        margin-top: 11px;
    }
    .selectFamily.select div.optionData {
        top: 38px;
        left: 39%;
        width: 55%;
    }
    .selectFamily.select ul.optionList li {
        text-align: right;
        font-size: 15px;
        padding: 0 31% 0 9%;
    }

    .footer {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .footer .footerLogo {
        display: block;
    }
    .footer .footerLogo img {
        display: block;
        margin: 0 auto;
    }
    .footer .address {
        margin: 20px auto 0 auto;
        text-align: center;
    }
    .footer .address address {
        font-size: 14px;
        color: #999999;
        text-align: center;
        margin-bottom: 10px;
    }
    .footer .address .copyRight {
        font-size: 14px;
        color: #999999;
        text-align: center;
        line-height: 20px;
    }
    .footer .accessterms {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .footer .accessterms a {
        font-size: 14px;
        width: 133px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #ffffff;
        background-color: #c6c6c6;
        margin-left: 13px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .footer .accessterms a.policy {
        background-color: #333333;
    }

    .footer .act_br {
        display: none;
    }
    .footer .mct_br {
        display: none;
    }
    /* 풋터 이메일링 신청 */
    .email-apply {
        margin-top: 30px;
    }
    .email-apply:after {
        clear: both;
        content: "";
        display: block;
    }
    .email-apply input {
        float: left;
        padding-left: 40px;
        width: 80%;
        height: 45px;
        line-height: 43px;
        color: #999;
        font-size: 14px;
        border: 0;
        background: #ffffff;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .email-apply input.inputFocus.on {
        background: #ffffff url(/_asset/img/main/ico_mail01.png) 10px center no-repeat !important;
    }
    .email-apply .bt_email {
        display: block;
        float: right;
        width: 20%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        background: #313333;
        padding-left: 0 !important;
    }
    .footerNew .tableInfo {
        background: none;
    }
    .footerNew .selectFamily.select p.optionDefault {
        background: none;
    }

    .table_area {
        width: 100%;
        height: auto;
        /*background-color: #f2f2f2;*/
        position: relative;
    }
    .table_contents .table_title {
        height: 45px;
        position: relative;
    }

    .table_contents .table_title a {
        float: left;
        background: #e5e5e5;
        display: block;
        width: 210px;
        position: relative;
        height: 45px;
        line-height: 45px;
    }
    .table_contents .table_title a img {
        display: block;
        margin: 16px auto;
    }
    .table_contents .table_title a span {
        background: url("/_asset/img/user/tableArea_title_off.png") no-repeat top right;
        width: 26px;
        height: 46px;
        position: absolute;
        top: -1px;
        right: -26px;
        z-index: 1;
    }
    .table_contents .table_title a.on {
        float: left;
        background: #ffffff;
    }
    .table_contents .table_title a.on span {
        background: url("/_asset/img/user/tableArea_title_on.png") no-repeat top right;
    }

    .contents.login {
        background-color: #ffffff;
        padding: 60px 30px 80px 30px;
        position: relative;
    }
    .contents.find {
        background-color: #ffffff;
        padding: 60px 30px 80px 30px;
        position: relative;
    }
    .contents.join {
        background-color: #ffffff;
        /* padding: 60px 30px 80px 30px; */
        position: relative;
    }
    .contents.resume {
        background-color: #ffffff;
        padding: 20px 30px 80px 30px;
        position: relative;
    }
    .contents .contents_logo {
        display: block;
        margin: 0 auto;
    }
    .contents .contents_title {
        margin-top: 55px;
        position: relative;
    }
    .contents .contents_title h1 span {
        font-size: 14px;
        color: #999999;
        font-weight: normal;
    }
    .contents .contents_title h2 {
        margin-left: 24px;
        font-size: 28px;
        color: #333333;
        text-align: left;
        line-height: 16px;
    }
    .contents .contents_title h2 span {
        font-size: 14px;
        color: #999999;
        font-weight: normal;
    }

    .contents .contents_title.resume {
        margin-top: 10px;
    }
    .contents .contents_title.resume h3 {
        font-weight: normal;
    }
    .contents .contents_title h3 {
        width: 92%;
        font-size: 22px;
        color: #333333;
        text-align: left;
    }
    .contents .contents_title h3 em {
        font-size: 18px;
        color: #999999;
    }
    .contents .contents_title h3 strong {
        color: #e9819b;
    }
    .contents .contents_title h3 span {
        font-size: 14px;
        color: #999999;
        font-weight: normal;
        letter-spacing: 0.025em;
    }

    .contents .contents_title.signOut h3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .contents .contents_title.signOut span {
        display: block;
        line-height: 28px;
    }
    .contents .contents_title.signOut span.span01 {
        margin-top: 10px;
    }
    .contents .contents_title a.signOut {
        width: 110px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        color: #666666;
        font-size: 17px;
        border: 1px solid #c6c6c6;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .contents .contents_titleSub {
        margin-top: 40px;
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    .contents .contents_titleSub h3 {
        padding-left: 26px;
        font-size: 18px;
        color: #333333;
        text-align: left;
        font-weight: normal;
    }
    .contents .contents_titleSub h3 span {
        color: #999999;
    }

    .fullBtn {
        width: 100%;
        height: 79px;
        line-height: 79px;
        text-align: center;
        font-size: 26px;
        color: #fffefe;
        font-weight: bold;
        margin: 28px auto;
        display: block;
        background-color: #f585a2;
        border-radius: 10px;
        float: left;
    }
    .br_input {
        display: none;
    }
    .br_text {
        display: none;
    }
    .br_text02 {
        display: none;
    }

    /* 이용약관 */
    .project .contents.acess {
        margin-top: 70px;
        margin-bottom: 300px;
        width: 94%;
    }
    .acess_title {
        margin-bottom: 60px;
    }
    .acess_title h1 {
        font-size: 18px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        float: left;
        border-bottom: 1px solid #999999;
        padding-bottom: 12px;
    }
    .acess_title h1 span {
        font-size: 30px;
        color: #313333;
        border-bottom: 5px solid #313333;
        padding-bottom: 9px;
    }
    .acess_title p {
        font-size: 14px;
        color: #999999;
        text-align: left;
        margin-left: 37px;
        float: left;
        margin-top: 13px;
    }
    .project .contents.acess textarea {
        width: 90%;
        border: 1px solid #cccccc;
        height: 350px;
        padding: 5%;
        outline: none;
    }

    .popupAcess {
        border: 3px solid #353737;
        background-color: #ffffff;
    }
    .popupAcess .joinClose {
        position: absolute;
        top: 27px;
        right: 27px;
    }
    .popupAcess h1 {
        font-size: 24px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        padding-bottom: 19px;
        border-bottom: 1px solid #c6c6c6;
        width: 90%;
        margin: 0 auto;
        margin-top: 36px;
    }
    .popupAcess h1 span {
        font-size: 18px;
        color: #999999;
    }
    .popupAcess .joinTextarea {
        width: 90%;
        margin: 30px auto;
        display: block;
        height: 400px;
        border: none;
        overflow-x: hidden;
    }

    .popupDate {
        border: 3px solid #353737;
        background-color: #ffffff;
    }
    .popupDate .joinClose {
        position: absolute;
        top: 27px;
        right: 27px;
    }
    .popupDate h1 {
        font-size: 24px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        padding-bottom: 19px;
        border-bottom: 1px solid #c6c6c6;
        width: 90%;
        margin: 0 auto;
        margin-top: 36px;
    }
    .popupDate h1 span {
        font-size: 18px;
        color: #999999;
    }
    .popupDate .joinTextarea {
        width: 90%;
        margin: 30px auto;
        display: block;
        height: 400px;
        border: none;
        overflow-x: hidden;
    }

    .personal .acess_title h1 {
        font-size: 18px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        float: left;
        border-bottom: 1px solid #999999;
        padding-bottom: 12px;
        margin-bottom: 20px;
    }
    .personal .acess_title p {
        font-size: 14px;
        color: #999999;
        text-align: left;
        float: none;
        clear: both;
        margin-top: 13px;
        margin-left: 0;
    }
    .projectDetail.upload {
        padding-top: 0;
    }
    .uploadContent01_img160812 {
        width: 100%;
    }
    .uploadBtn01_160812_w {
        display: block;
        margin-top: 30px;
    }
    .uploadBtn01_160812_w img {
        display: block;
        margin: 0 auto;
    }
    .uploadContent_img160812_w {
        width: 100%;
    }
    .uploadBtn2 {
        width: 100%;
        margin-bottom: 140px;
    }
    .uploadBtn2 a {
        width: 50%;
        float: left;
    }
    .uploadBtn2 a img {
        width: 100%;
    }
    .uploadContent_img160812_m {
        display: none;
    }
    .uploadBtn2_m {
        display: none;
    }
    .uploadContent01_img160812_m {
        display: none;
    }
    .uploadBtn01_160812_m {
        display: none;
    }

    .arrowBtn img {
        width: 17px;
    }

    .pinkTit {
        font-size: 22px;
        color: #333333;
        font-weight: 400;
        margin: 0 20px 15px 20px;
        text-align: left;
    }
    .pinkTit strong {
        color: #f585a2;
        margin-left: -10px;
        margin-right: 5px;
    }
    .pinkTxt {
        font-size: 14px;
        color: #999999;
        margin-bottom: 50px;
        padding: 0 20px;
        line-height: 22px;
    }
    .award {
        display: none;
    }
}

@media (max-width: 820px) {
    .timeBox {
        float: left;
        margin-left: 12px;
        margin-top: 15px;
        width: 100%;
    }
    .award {
        display: block;
    }
}

@media (max-width: 639px) {
    .table_area.project {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
        background-color: #ffffff;
    }
    .project .contents {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .footer .contents {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    /* header */
    .heaeder {
        width: 100%;
        border-bottom: 5px solid #f585a2;
        position: relative;
        padding-top: 10px;
        padding-bottom: 9px;
    }
    .heaeder .headerLogo {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    .heaeder .headerLogo img {
        display: block;
        margin: 0 auto;
        width: 90px;
    }
    .headerMenu .headerTop:after {
        display: block;
        content: "";
        clear: both;
    }
    .headerMenu .headerTop {
        font-size: 14px;
        color: #999999;
    }
    .headerMenu .headerTop .nav {
        background: url("/_asset/img/common/icon_menu.png") no-repeat;
        background-size: 100% auto;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        width: 26px;
        height: 20px;
        display: block;
        position: absolute;
        left: 2%;
        top: 10px;
        margin-left: 10px;
    }
    .headerMenu .headerTop a.log {
        position: absolute;
        top: 7px;
        right: 2%;
        font-size: 14px;
        color: #ffffff;
        width: 75px;
        height: 29px;
        line-height: 29px;
        margin-right: 10px;
        padding-right: 6px;
    }
    .headerMenu .headerTop a.login {
        background: url("/_asset/img/common/icon_login_gray.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .headerMenu .headerTop a.logout {
        background: url("/_asset/img/common/icon_logout_gray.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .heaeder .headerWelcome,
    .headerMenu .headerTop.pc,
    .headerMenu .header_right .mybtn,
    .headerMenu .header_right .spanBar {
        display: none;
    }
    .headerMenu .headerBottom {
        width: 96%;
        margin: 0 2%;
        display: none;
    }
    .headerMenu .headerBottom a {
        font-size: 15px;
        color: #333333;
        text-align: left;
        display: block;
        border-top: 1px solid #c6c6c6;
        padding: 21px 0 16px 13px;
    }
    .headerMenu .headerBottom a.on {
        color: #e9819b;
    }
    .headerMenu .headerBottom a:hover {
        color: #e9819b;
    }
    .headerMenu .headerBottom a span {
        font-size: 10px;
        color: #999999;
    }
    .headerMenu .headerBottom a.navLogo {
        display: none;
    }

    .heaeder.gnbShow {
        padding-top: 1px;
    }
    .heaeder.gnbShow .headerLogo {
        display: none;
    }
    .heaeder.gnbShow .headerWelcome {
        font-size: 14px;
        color: #ffffff;
        position: absolute;
        top: 23px;
        left: 52px;
        display: block;
        font-weight: bold;
    }
    .heaeder.gnbShow .nav.open {
        background: url("/_asset/img/common/icon_navClose.png") no-repeat;
        background-size: 100% auto;
        behavior: url(/_asset/css/backgroundsize.min.htc);
        width: 21px;
        height: 20px;
    }
    .heaeder.gnbShow .headerTop {
        width: 100%;
        height: 61px;
        background-color: #000000;
    }
    .heaeder.gnbShow .headerTop .nav {
        top: 20px;
    }
    .heaeder.gnbShow .headerTop a.log {
        position: relative;
        right: 0;
        top: 0;
        float: left;
    }
    .heaeder.gnbShow .headerTop a.login {
        background: url("/_asset/img/common/icon_login_white.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .heaeder.gnbShow .headerTop a.logout {
        background: url("/_asset/img/common/icon_logout_white.png") no-repeat right center;
        background-size: 19px 29px;
        behavior: url(/_asset/css/backgroundsize.min.htc);
    }
    .heaeder.gnbShow .headerTop b {
        display: block;
    }
    .heaeder.gnbShow .header_right {
        position: absolute;
        right: 2%;
        top: 18px;
    }
    .heaeder.gnbShow .header_right .mybtn {
        display: block;
        float: left;
        line-height: 29px;
        font-size: 14px;
        color: #e9819b;
        font-weight: bold;
    }
    .heaeder.gnbShow .header_right .spanBar {
        display: block;
        float: left;
        margin-top: 9px;
    }
    .heaeder.gnbShow .headerBottom {
        margin: 0;
        padding: 0 2%;
        background-color: #ffffff;
    }
    .heaeder.gnbShow .headerBottom a.navLogo {
        display: block;
        padding: 12px 0 9px 0;
        border-top: 0;
    }
    .heaeder.gnbShow .headerBottom a.navLogo img {
        display: block;
        margin: 0 auto;
        width: 90px;
    }

    .spanBar {
        width: 1px;
        height: 11px;
        background: url("/_asset/img/project/spanBar.jpg") no-repeat;
        display: inline-block;
        margin: 0 18px 0 15px;
    }

    /* headerNew */
    .headerNew {
        padding-top: 30px;
        padding-bottom: 19px;
        background-color: #333333;
        width: 100%;
        position: relative;
    }
    .headerNew .contents {
        width: 96%;
        margin: 0 auto;
        position: relative;
    }
    .headerNew .contents a.logo {
        float: left;
    }
    .headerNew .contents a.logo img {
        margin-left: 2%;
        width: 150px;
    }
    .headerNew .rightMenu:after {
        display: block;
        content: "";
        clear: both;
    }
    .headerNew .rightMenu {
        float: right;
        display: block;
        margin-top: 2px;
    }
    .headerNew .rightMenu .align {
        float: left;
        padding-top: 1px;
    }
    .headerNew .rightMenu p {
        font-size: 15px;
        color: #ffffff;
        font-weight: bold;
    }
    .headerNew .rightMenu p img {
        margin-right: 5px;
        float: left;
        margin-top: 2px;
    }
    .headerNew .rightMenu a.myTable {
        font-size: 15px;
        color: #e9819b;
        margin: 0;
    }
    .headerNew .rightMenu a.log {
        font-size: 12px;
        color: #333333;
        padding: 0 10px;
        height: 20px;
        line-height: 20px;
        background-color: #ffffff;
        display: block;
        margin-left: 10px;
    }
    .headerNew .rightMenu a.homeBtn {
        margin-right: 10px;
    }

    /* top배너 */
    .fixedTop {
        position: fixed;
        bottom: 10px;
        right: 8px;
    }
    .fixedTop img {
        opacity: 0.8;
    }
    .fixedTop span {
        display: block;
        font-size: 16px;
        color: #666666;
        font-family: "Nanum Gothic";
        margin-top: 5px;
        text-align: center;
    }

    /* footer */
    .tableInfo:after {
        display: block;
        content: "";
        clear: both;
    }
    .tableInfo {
        border: 1px solid #c6c6c6;
        border-right: none;
        margin-top: 20px;
    }
    .tableInfo .tableBtn {
        text-align: center;
        border-right: 1px solid #c6c6c6;
        border-bottom: 1px solid #c6c6c6;
        width: calc(50% - 1px);
        height: 37px;
        line-height: 37px;
        float: left;
        font-size: 14px;
        color: #999999;
        font-family: "Nanum Gothic";
    }

    .selectFamily.select {
        float: right;
        width: calc(100% - 1px);
        border-right: 1px solid #c6c6c6;
        border-left: 1px solid #c6c6c6;
    }
    .selectFamily.select p.optionDefault {
        width: calc(100% - 1px);
        border: 0 !important;
        padding-left: 0;
        font-size: 14px;
        color: #313333;
        font-family: "Nanum Gothic";
        text-align: right;
        height: 37px;
        line-height: 37px;
    }
    .selectFamily.select p.optionDefault.on {
        border: 0 !important;
        border-right: 1px solid #c6c6c6;
    }
    .selectFamily.select p.optionDefault img {
        margin-left: 22px;
        margin-top: 11px;
    }
    .selectFamily.select div.optionData {
        top: 38px;
        left: 0;
        width: 100%;
    }
    .selectFamily.select ul.optionList li {
        text-align: right;
        font-size: 15px;
        padding: 0 15% 0 9%;
    }

    .footer {
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .footer .footerLogo {
        display: block;
    }
    .footer .footerLogo img {
        display: block;
        margin: 0 auto;
    }
    .footer .address {
        margin: 20px auto 0 auto;
        text-align: center;
        width: 90%;
    }
    .footer .address address {
        font-size: 12px;
        color: #999999;
        text-align: center;
        line-height: 17px;
    }
    .footer .address .copyRight {
        font-size: 12px;
        color: #999999;
        text-align: center;
        line-height: 17px;
    }
    .footer .accessterms {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .footer .accessterms a {
        font-size: 14px;
        width: 40%;
        max-width: 250px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #ffffff;
        background-color: #c6c6c6;
        margin: 0 2%;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    .footer .accessterms a.policy {
        background-color: #333333;
    }

    .footer .mct_br {
        display: none;
    }
    /* 풋터 이메일링 신청 */
    .email-apply {
        margin-top: 20px;
    }
    .email-apply:after {
        clear: both;
        content: "";
        display: block;
    }
    .email-apply input {
        padding: 22px 3%;
        text-align: center;
        width: 100%;
        color: #999;
        font-size: 14px;
        border: none;
        background: #ffffff;
        outline: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none;
    }
    .email-apply input.inputFocus.on {
        background: #ffffff;
    }
    .email-apply .bt_email {
        display: block;
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        background: #313333;
        padding: 0 !important;
    }

    .footerNew {
        background-color: #ffffff;
    }
    .footerNew .tableInfo {
        background: none;
    }
    .footerNew .selectFamily.select p.optionDefault {
        background: none;
    }

    .table_area {
        width: 100%;
        height: auto;
        position: relative;
    }
    .table_contents {
        width: 100%;
        height: auto;
        position: relative;
        margin: 0 auto;
    }
    .table_contents.mytableCont{
        width:100% !important;
        padding: 20px 0;
    }
    .table_contents .table_title {
        height: 45px;
        position: relative;
    }
    .table_contents .table_title a {
        float: left;
        background: #e5e5e5;
        display: block;
        width: 50%;
        position: relative;
        height: 45px;
        line-height: 45px;
    }
    .table_contents .table_title a img {
        display: block;
        margin: 16px auto;
    }
    .table_contents .table_title a span {
        background: url("/_asset/img/user/tableArea_title_off.png") no-repeat top right;
        width: 26px;
        height: 46px;
        position: absolute;
        top: -1px;
        right: -26px;
        z-index: 1;
    }
    .table_contents .table_title a.on {
        float: none;
    }
    .table_contents .table_title a.on span {
        background: url("/_asset/img/user/tableArea_title_on.png") no-repeat top right;
    }
    .title_span {
        display: none;
    }

    .contents.login {
        background-color: #ffffff;
        padding: 30px 30px 25px 30px;
        position: relative;
    }
    .contents.find {
        background-color: #ffffff;
        padding: 30px 30px 25px 30px;
        position: relative;
    }
    .contents.join {
        background-color: #ffffff;
        padding: 30px 30px 30px 30px;
        position: relative;
    }
    .contents.resume {
        background-color: #ffffff;
        padding: 20px 20px 30px 20px;
        position: relative;
    }
    .contents .contents_logo {
        display: block;
        margin: 0 auto;
    }
    .contents .contents_title {
        position: relative;
    }
    .contents .contents_title h1 {
        font-size: 24px;
        color: #333333;
        text-align: center;
        line-height: 35px;
        margin-left: 10px;
    }
    .contents .contents_title h1 span {
        font-size: 14px;
        color: #999999;
        font-weight: normal;
    }
    .contents .contents_title h2 {
        font-size: 24px;
        color: #333333;
        text-align: left;
        line-height: 16px;
    }
    .contents .contents_title h2 span {
        font-size: 14px;
        color: #999999;
        font-weight: normal;
    }
    .contents .contents_title.resume {
        margin-top: 10px;
    }
    .contents .contents_title.resume h3 {
        font-weight: normal;
    }
    .contents .contents_title h3 {
        width: 97%;
        font-size: 20px;
        color: #333333;
        text-align: left;
    }
    .contents .contents_title h3 em {
        font-size: 18px;
        color: #999999;
        font-weight: normal;
    }
    .contents .contents_title h3 strong {
        color: #e9819b;
    }
    .contents .contents_title h3 span {
        font-size: 13px;
        color: #999999;
        font-weight: normal;
        letter-spacing: 0.025em;
        line-height: 21px;
        display: block;
        margin-top: 10px;
    }
    .contents .contents_title.signOut h3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .contents .contents_title.signOut span {
        display: block;
        line-height: 28px;
    }
    .contents .contents_title.signOut span.span01 {
        margin-top: 10px;
    }
    .contents .contents_title a.signOut {
        width: 110px;
        height: 37px;
        line-height: 37px;
        text-align: center;
        color: #666666;
        font-size: 17px;
        border: 1px solid #c6c6c6;
        display: block;
        position: absolute;
        right: 0;
        top: -20px;
    }
    .contents .contents_titleSub {
        margin-top: 40px;
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    .contents .contents_titleSub h3 {
        font-size: 18px;
        color: #333333;
        text-align: left;
        font-weight: normal;
    }
    .contents .contents_titleSub h3 span {
        color: #999999;
    }

    .fullBtn {
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 18px;
        color: #fffefe;
        font-weight: bold;
        margin: 28px auto;
        display: block;
        background-color: #f585a2;
        border-radius: 10px;
        float: left;
    }
    .br_text {
        display: none;
    }

    /* 이용약관 */
    .project .contents.acess {
        margin-top: 70px;
        margin-bottom: 300px;
        width: 94%;
    }
    .acess_title {
        margin-bottom: 60px;
    }
    .acess_title h1 {
        font-size: 18px;
        color: #999999;
        text-align: left;
        font-weight: normal;
        float: left;
        border-bottom: 1px solid #999999;
        padding-bottom: 13px;
        margin-bottom: 20px;
    }
    .acess_title h1 span {
        font-size: 30px;
        color: #313333;
        border-bottom: 5px solid #313333;
        padding-bottom: 9px;
    }
    .acess_title p {
        font-size: 14px;
        color: #999999;
        text-align: left;
        float: none;
        clear: both;
        margin-top: 13px;
    }
    .project .contents.acess textarea {
        width: 90%;
        border: 1px solid #cccccc;
        height: 350px;
        padding: 5%;
        outline: none;
    }

    .popupAcess {
        border: 3px solid #353737;
        width: calc(90% - 6px);
        background-color: #ffffff;
    }
    .popupAcess .joinClose {
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .popupAcess h1 {
        font-size: 18px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        padding-bottom: 19px;
        border-bottom: 1px solid #c6c6c6;
        width: 90%;
        margin: 0 auto;
        margin-top: 36px;
    }
    .popupAcess h1 span {
        font-size: 13px;
        color: #999999;
    }
    .popupAcess .joinTextarea {
        width: 90%;
        margin: 30px auto;
        display: block;
        height: 250px;
        border: none;
        overflow-x: hidden;
        /* color: #999999; */
    }

    .popupDate {
        border: 3px solid #353737;
        background-color: #ffffff;
        width: calc(90% - 6px);
    }
    .popupDate .joinClose {
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .popupDate h1 {
        font-size: 18px;
        color: #313333;
        text-align: left;
        font-weight: normal;
        padding-bottom: 19px;
        border-bottom: 1px solid #c6c6c6;
        width: 90%;
        margin: 0 auto;
        margin-top: 36px;
    }
    .popupDate h1 span {
        font-size: 13px;
        color: #999999;
    }
    .popupDate .joinTextarea {
        width: 90%;
        margin: 30px auto;
        display: block;
        height: 250px;
        border: none;
        overflow-x: hidden;
        /* color: #999999; */
    }

    .personal .acess_title h1 {
        font-size: 14px;
    }
    .personal .acess_title h1 span {
        font-size: 23px;
    }
    .personal .acess_title p {
        font-size: 14px;
    }
    .projectDetail.upload {
        padding-top: 0;
    }
    .uploadContent01_img160812_w {
        display: none;
    }
    .uploadBtn01_160812_w {
        display: none;
    }
    .uploadContent_img160812_w {
        display: none;
    }
    .uploadBtn2 {
        display: none;
    }
    .uploadContent_img160812_m {
        width: 100%;
    }
    .uploadBtn2_m a {
        width: 100%;
        display: block;
        margin-bottom: 17px;
    }
    .uploadBtn2_m a img {
        width: 100%;
        display: block;
    }
    .uploadContent01_img160812_m {
        width: 100%;
    }
    .uploadBtn01_160812_m {
        width: 100%;
        display: block;
        margin: 30px 0;
    }
    .uploadBtn01_160812_m img {
        width: 100%;
        display: block;
    }

    .arrowBtn img {
        width: 17px;
    }

    .pinkTit {
        font-size: 22px;
        color: #333333;
        font-weight: 400;
        margin: 0 20px 15px 20px;
        text-align: left;
    }
    .pinkTit strong {
        color: #f585a2;
        margin-left: -10px;
        margin-right: 5px;
    }
    .pinkTxt {
        font-size: 14px;
        color: #999999;
        margin-bottom: 50px;
        padding: 0 20px;
        line-height: 22px;
    }
    .award {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .areaList a {
        width: 45%;
    }
    .researchUpload_input {
        float: none;
        width: 92%;
        border: 1px solid #c6c6c6;
    }
    .researchUpload_div {
        width: 100%;
        border: 1px solid #313333;
    }
    .award {
        display: none;
    }
}

@media all and (max-width: 415px) {
    .moreView1 {
        margin: 12px 0 0 5px;
        width: 75px;
    }
    .missionList .acc01 .receiveList li {
        width: 50%;
    }
    .award {
        display: none;
    }
}

@media all and (max-width: 370px) {
    .checkNick {
        width: 100%;
        position: relative;
        color: #fe1652;
        text-align: left;
        font-size: 17px;
        float: left;
        margin: 0 10px 30px 10px;
    }
    .checkNick span {
        display: block;
        color: #999999;
        font-size: 15px;
        margin-bottom: 10px;
    }
    /* .resumeList_box .titleP a.remove{margin:15px 0;} */
    .mylist .searchClick .listBtn a {
        border-top: 1px solid #d9d9d9;
        width: 85%;
        display: block;
    }
    .mylist .searchClick .listBtn a:first-child {
        border-top: none;
    }
    .application .appBtn a {
        width: 100%;
        margin: 0;
    }
    .award {
        display: none;
    }
}

@media all and (max-width: 340px) {
    .agreeCheck input + label {
        padding: 4px 0 4px 30px;
    }
    .agreeCheck label {
        font-size: 13px;
    }
    .inquiry .arrow li a {
        padding: 0 3px;
    }
    .actib_list .thum img {
        width: 100%;
    }
    .award {
        display: none;
    }
}

@media all and (max-width: 320px) {
    .category {
        padding: 0;
        padding-bottom: 10px;
    }
    .contents.login {
        padding: 0px 15px 30px 15px;
    }
    .contents.join {
        padding: 60px 15px 30px 15px;
    }
    .contents.resume {
        padding: 60px 15px 30px 15px;
    }
    #payment.contents,
    #resume.contents {
        padding: 10px 15px 30px 15px;
    }
    .contents .contents_title h1 {
        text-align: left;
        margin-left: 0;
    }
    .loginCheck label.login_check01 {
        font-size: 14px;
    }

    .checkNick {
        width: 100%;
        position: relative;
        color: #fe1652;
        text-align: left;
        font-size: 17px;
        float: left;
        margin: 0 10px 30px 10px;
    }
    .checkNick span {
        color: #999999;
        font-size: 15px;
    }

    .selectYear .select {
        width: 47%;
    }

    .companySlider .slider .bx-controls {
        display: none;
    }
    .award {
        display: none;
    }
}