@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap');

.mb-30 { margin-bottom: 30px; }
#ljf_header .head_cnt,
#ljf_container .contents,
#ljf_footer .fnb,
#ljf_footer .foot_cnt {
    padding-right: 110px;
}

#ljf_header .head_cnt .util,
#ljf_header .head_cnt .search_area {
    right: 110px;
}

/***********************************
0. common
***********************************/
.contents {
    width: 1105px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
}

.contents .sub_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 40px;
}

.contents .sub_top h3 {
    font-size: 30px;
    letter-spacing: -0.055em;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    font-weight: 400;
    color: #292929;
}

.contents .sub_top .location {
    font-family: Gulim, '굴림', Helvetica, sans-serif;
    font-size: 11px;
    color: #696969;
    text-align: right;
}

.contents .sub_top .location span {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(../img/sub/icon_location_arrow.jpg);
    padding-left: 10px;
    margin-left: 6px;
}

.contents h4 {
    font-size: 25px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    margin-bottom: 20px;
    font-weight: 400;
}

/* notes_box */
.contents .notes_box {
    padding: 38px 0 0 0;
    height: 90px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/sub/pattern_dot_diagonal_line.gif);
    margin-bottom: 35px;
    text-align: center;
}

.contents .notes_box p {
    display: inline-block;
    font-size: 25px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(../img/sub/icon_login.png);
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 73px;
}

/* cwbox */
.contents .cwbox {
    border: 1px solid #d2d2d2;
    min-height: 540px;
    height: auto !important;
    height: 540px;
}

/* selectbox */
.selectbox {
    position: relative;
    border: 1px solid #d3d3d3;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../img/sub/select_arrow.jpg);
}

.selectbox label {
    position: absolute;
    font-size: 15px;
    color: #343434;
    top: 8px;
    left: 12px;
    line-height: 1.35em;
    color: #a5a5a5;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.selectbox select {
    width: 100%;
    height: 38px;
    min-height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    color: #343434;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/* filebox */
.filebox {}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.filebox label {
    display: inline-block;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #7d7f71;
    color: #fff;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    margin-left: 20px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: 10px;
    /* label의 패딩값과 일치 */
    v font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    border: 1px solid #d2d2d2;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    width: 355px;
    height: 18px;
    line-height: 18px;
    color: #a5a5a5;
    background-color: #fff;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}



/***********************************
1. 박람회소개
***********************************/
#summary_cnt {}

.cover_jobfair {
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    background-repeat: no-repeat;
    background-position: left 20px;
    background-image: url(../img/sub/img_jobfair.jpg);
    padding: 80px 0 0 390px;
    line-height: 42.25px;
    font-size: 15px;
    color: #6a6a6a;
    margin-bottom: 95px;
    min-height: 240px;
}

.event_summary {
    width: 100%;
    overflow: hidden;
}

.event_summary .poster_img {
    float: left;
    border: 1px solid #d2d2d2;
}

.event_summary .info {
    position: relative;
    margin-left: 406px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../img/sub/box_tail.jpg);
}

.event_summary .inwrap {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../img/sub/box_top.jpg);
    padding: 60px 95px;
    min-height: 367px;
    height: auto !important;
    height: 367px;
    font-size: 15px;
    color: #6a6a6a;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

/** 행사장 배치도 **/
.layout_tabs {
    border: 1px solid #d3d3d3;
    border-top: 3px solid #5b5b5b;
    margin-bottom: 26px;
}

.layout_tabs ul {
    width: 100%;
    overflow: hidden;
}

.layout_tabs li {
    float: left;
    width: 50%;
    text-align: center;
}

.layout_tabs li span {
    display: block;
    height: 48px;
    line-height: 48px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    font-size: 16px;
    cursor: pointer;
    color: #111;
}

.layout_tabs li#current {
    background-color: #b8d8f5;
}

.layout_tabs .le_con {
    min-height: 692px;
    height: auto !important;
    height: auto;
}

.tab_in01,
.tab_in02 {
    margin-bottom: 42px;
    border: 1px solid #d3d3d3;
    border-right: 0;
}

.tab_in01 ul,
.tab_in02 ul {
    width: 100%;
    overflow: hidden;
}

.tab_in01 ul li,
.tab_in02 ul li {
    float: left;
    width: 20%;
}

.tab_in01 ul li span,
.tab_in02 ul li span {
    display: block;
    cursor: pointer;
    border-right: 1px solid #d3d3d3;
    color: #6a6a6a;
    font-size: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    border-right: 1px solid #d3d3d3;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.tab_in01 ul li#current2,
.tab_in02 ul li#current3 {
    background-color: #e3e3e3;
}




/***********************************
2. 참가안내
***********************************/
.info_head {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.info_head .logo {
    float: left;
    border: 1px solid #d3d3d3;
    width: 293px;
    height: 230px;
    overflow: hidden;
}

.info_head .logo img {
    max-width: 100%;
    height: auto;
    margin-top: 0px;
}

.info_head .biz_info {
    margin-left: 343px;
    position: relative;
    /* height:205px; */
}

.info_head .biz_info p {
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.info_head .biz_info .biz_name {
    font-size: 23px;
    font-weight: 700;
    color: #292929;
    margin-bottom: 10px;
}

.info_head .biz_info .biz_type {
    font-size: 13px;
    color: #292929;
    margin-bottom: 5px;
}

.info_head .biz_info .biz_type span {
    font-weight: 700;
    color: #e00;
    font-size: 15px;
}

.info_head .biz_info .address {
    font-size: 13px;
    color: #6a6a6a;
    margin-bottom: 5px;
}

.info_head .biz_info .url {
    font-size: 13px;
    color: #6a6a6a;
}

.info_head .biz_info .url a {
    text-decoration: none;
    color: #6a6a6a;
}

.info_head .etc_info {
    position: absolute;
    width: 760px;
    left: 0;
    bottom: 0;
    background-color: #f4f4f4;
    border: 1px solid #d3d3d3;
    overflow: hidden;
}

.info_head .etc_info dl {
    float: left;
    width: 170px;
    height: 42px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../img/sub/line_div.jpg);
    padding: 18px 0;
}

.info_head .etc_info dt,
.info_head .etc_info dd {
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.info_head .etc_info dt {
    font-size: 15px;
    color: #6a6a6a;
    margin-bottom: 4px;
}

.info_head .etc_info dd {
    font-size: 15px;
    color: #292929;
    font-weight: 700;
}

.info_head .etc_info dl.y02 {
    width: 300px;
}

.info_head .etc_info dl.y03 {
    width: 115px;
}

.info_head .etc_info dl.y04 {
    background: none;
}

.info_head .table_t02 {
    border-top: 3px solid #5b5b5b;
    border-left: 1px solid #d3d3d3;
    margin-top: 15px;
    margin-bottom: 15px;
}

.info_head .table_t02 table {
    table-layout: fixed;
    width: 100%;
}

.info_head .table_t02 th,
.info_head .table_t02 td {
    font-size: 13px;
    line-height: 16px;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: left;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
}

.info_head .table_t02 th {
    background-color: #efefef;
    padding: 12px 0;
    width: 15%;
    text-align: center;
    color: #292929;
}

.info_head .table_t02 td {
    color: #6a6a6a;
    padding: 5px 15px;
}


/***********************************
3. 채용관
***********************************/
#jobinfo_cnt {}

#jobinfo_cnt .text_box {
    padding: 38px 0 0 0;
    height: 90px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/sub/pattern_dot_diagonal_line.gif);
    margin-bottom: 35px;
    text-align: center;
}

#jobinfo_cnt .text_box p {
    display: inline-block;
    font-size: 22px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
    ;
    line-height: 55px;
    padding: 0 0 0 73px;
}

#jobinfo_cnt .text_line2 {
    padding-top: 35px;
}

#jobinfo_cnt .text_line2 p {
    line-height: 1.35em;
}

.tabmenu_wrap {
    border: 1px solid #d3d3d3;
    border-top: 3px solid #5b5b5b;
    margin-bottom: 42px;
}

.tabmenu_wrap ul {
    width: 100%;
    overflow: hidden;
}

.tabmenu_wrap ul li {
    float: left;
    width: 50%;
}

.tabmenu_wrap ul li span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #292929;
    height: 48px;
    line-height: 48px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    cursor: pointer;
}

.tabmenu_wrap ul li#current {
    background-color: #b8d8f5;
}

/** search_biz **/
.search_biz {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.search_biz dt {
    float: left;
    font-size: 22px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    font-weight: 700;
    width: 144px;
}

.search_biz dt p {
    padding: 25px 0 0 0;
}

.search_biz dd {
    float: left;
    width: 960px;
}

.search_biz dd .table {
    border-left: 1px solid #d2d2d2;
}

.search_biz dd .table .tr {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #d2d2d2;
}

.search_biz dd .table .tr:last-child {
    border-bottom: 0;
}

.search_biz dd .table .th2 {
    float: left;
    width: 110px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    font-weight: 700;
}

.search_biz dd .table .td {
    float: left;
    padding: 15px 0 15px 20px;
    border-left: 1px solid #d2d2d2;
    width: 828px;
    height: 42px;
}

.search_biz dd .table .td:last-child {
    border-bottom: 0;
}

.search_biz dd .table .td input[type="checkbox"] {
    display: none;
}

.search_biz dd .table .td input[type="checkbox"] + label {
    display: inline-block;
    border: 0;
    float: left;
    font-size: 16px;
    color: #6a6a6a;
    text-align: center;
    border: 1px solid #d2d2d2;
    width: 118px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
    margin-left: 15px;
}

.search_biz dd .table .td input[type="checkbox"]:checked + label {
    background-color: #7d7f71;
    color: #fff;
    border: 1px solid #7d7f71;
}

.search_biz dd .table .td .first {
    width: 146px !important;
    margin-left: 0 !important;
}

.search_biz dd .table .td input[type="radio"] {
    display: none;
}

.search_biz dd .table .td input[type="radio"] + label {
    display: inline-block;
    border: 0;
    float: left;
    font-size: 16px;
    color: #6a6a6a;
    text-align: center;
    border: 1px solid #d2d2d2;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    cursor: pointer;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
    margin-right: 15px;
}

.search_biz dd .table .td input[type="radio"]:checked + label {
    background-color: #7d7f71;
    color: #fff;
    border: 1px solid #7d7f71;
}

.search_biz dd .table .td .first {
    width: 146px !important;
    margin-left: 0 !important;
}

.search_biz dd .select_box {
    position: relative;
    float: left;
    width: 298px;
    height: 38px;
    border: 1px solid #d2d2d2;
    margin-right: 15px;
    background: #fff url(../img/sub/select_arrow.jpg) right center no-repeat;
}

.search_biz dd .select_box label {
    position: absolute;
    font-size: 15px;
    color: #a5a5a5;
    top: 10px;
    left: 14px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.search_biz dd .select_box #job {
    width: 100%;
    height: 38px;
    min-height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #a5a5a5;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    line-height: 1.5em;
    box-sizing: border-box;
}

.search_biz dd .input_text {
    float: left;
}

.search_biz dd .input_text input {
    font-size: 15px;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #d2d2d2;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    color: #a5a5a5;
}

.search_biz dd .btn {
    float: right;
}

.search_biz dd .btn a {
    display: block;
    width: 71px;
    height: 40px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../img/sub/btn_search.jpg);
    color: transparent;
    text-align: center;
}

/** content **/
.content_area {}

.content_area .notes {
    color: #696969;
    font-size: 12px;
    font-family: Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
    text-align: right;
    margin-bottom: 15px;
    font-weight: 700;
}

.content_area .biz_list {
    width: 100%;
    overflow: hidden;
}

.content_area .biz_list dl {
    float: left;
    border: 1px solid #d3d3d3;
    width: 338px;
    height: 218px;
    margin-right: 40px;
    margin-bottom: 39px;
}

.content_area .biz_list dl.nth3n,
.content_area .biz_list dl:nth-child(3n) {
    margin-right: 0;
}

.content_area .biz_list dt {
    width: 338px;
    height: 128px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../img/sub/line_bar.jpg);
    padding-bottom: 1px;
    overflow: hidden;
    margin-bottom: 15px;
}

.content_area .biz_list dt img {
    max-width: 100%;
    height: auto;
}

.content_area .biz_list dd {
    position: relative;
    padding: 0 15px;
}

.content_area .biz_list dd p {
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 24px;
}

.content_area .biz_list dd p.biz_name {
    color: #292929;
    font-weight: 700;
}

.content_area .biz_list dd p.biz_type {}

.content_area .biz_list dd p.num {}

.content_area .biz_list dd a.btn_detail_view {
    position: absolute;
    right: 15px;
    top: 25px
}

.content_area .page_area {
    text-align: center;
    /*border:1px solid #d3d3d3;*/
    padding: 21px 0;
}

.content_area .page_area a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #d3d3d3;
    text-decoration: none;
    margin: 0 5px;
    color: #6a6a6a;
}

.content_area .page_area span.now_page {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #d3d3d3;
    text-decoration: none;
    margin: 0 5px;
    color: #fff;
    background-color: #444;
}

.content_area .page_area a img {
    vertical-align: top;
}

.content_area .page_area a.btn {
    width: 63px;
}

.content_area .page_area a.on,
.content_area .page_area a:hover {
    background-color: #7d7f71;
    color: #fff;
    border: 1px solid #7d7f71;
}

/* info_detail */
.info_detail {}

.info_detail h4 {
    font-size: 22px;
    color: #292929;
    margin-bottom: 10px;
}

.info_detail .table_t01 {
    border-top: 3px solid #5b5b5b;
    margin-bottom: 70px;
}

.info_detail .table_t01 table {
    table-layout: fixed;
}

.info_detail .table_t01 th,
.info_detail .table_t01 td {
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    height: 40px;
    line-height: 28px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.info_detail .table_t01 th {
    background-color: #efefef;
    color: #292929;
    width: 14%;
    border-left: 1px solid #d3d3d3;
    font-size: 13px;
}

.info_detail .table_t01 td {
    color: #6a6a6a;
    font-size: 12px;
    line-height: 18px;

}

.info_detail .table_t01 thead td {
    font-size: 13px;
}

.info_detail h4.t02 {
    margin-bottom: 20px;
}

.info_detail .job_info_notice {
    margin-bottom: 75px;
}

.info_detail .job_info_notice .table_head {
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

.info_detail .job_info_notice .table_head .h5 {
    float: left;
    color: #6a6a6a;
    font-size: 20px;
}

.info_detail .table_t01 td.c01 {
    color: #26abdc;
}

.info_detail .table_t01 td.c02 {
    color: #df3e0d;
}

.info_detail .job_info_notice .table_head .btn_request {
    display: block;
    width: 215px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.info_detail .table_t02 {
    border-top: 3px solid #5b5b5b;
    border-left: 1px solid #d3d3d3;
    margin-bottom: 35px;
}

.info_detail .table_t02 table {
    table-layout: fixed;
}

.info_detail .table_t02 th,
.info_detail .table_t02 td {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: left;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
}

.info_detail .table_t02 th {
    background-color: #efefef;
    padding: 12px 0;
    width: 15%;
    text-align: center;
    color: #292929;
}

.info_detail .table_t02 td {
    color: #6a6a6a;
    padding: 5px 10px;
}

.info_detail .notes {
    font-size: 12px;
    color: #696969;
    font-family: Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
    font-weight: 700;
    padding-top: 7px;
    line-height: 1.5em;
    text-align: right;
}

.info_desc .table_t02 {
    border-top: 3px solid #5b5b5b;
    border-left: 1px solid #d3d3d3;
    margin-bottom: 35px;
}

.info_desc .table_t02 table {
    table-layout: fixed;
}

.info_desc .table_t02 td {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: left;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
}

#jobinfo_cnt .btn_area {
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
}

#jobinfo_cnt .btn_area .btn_request {
    display: inline-block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    margin: 0 30px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#jobinfo_cnt .btn_area .btn_back {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    margin: 0 0px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#jobinfo_cnt .btn_area .btn_list {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    margin-left: 10px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#summary_cnt .btn_area .btn_back {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: center;
    margin-top: 20px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#summary_cnt .btn_area .btn_list {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: center;
    margin-right: 10px;
    margin-top: 20px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#jobinfo_cnt select {
    line-height: 20px;
    padding: 4px;
}

/** 사전면접신청완료 **/
#recruithall_cnt {}

#recruithall_cnt h4 {
    margin-bottom: 13px;
}

#recruithall_cnt .cwbox {
    padding: 0 210px;
}

#recruithall_cnt .cwbox .form {
    margin-bottom: 33px;
}

#recruithall_cnt .cwbox dl {
    width: 100%;
    overflow: hidden;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../img/sub/line_dotted.jpg);
    padding: 22px 0 18px 0;
}

#recruithall_cnt .cwbox dt {
    float: left;
    font-size: 15px;
    width: 155px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    height: 40px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../img/sub/bul_dt_line.jpg);
}

#recruithall_cnt .cwbox dd {
    margin-left: 170px;
}

#recruithall_cnt .cwbox dd .input {}

#recruithall_cnt .cwbox dd .input input {
    height: 20px;
    line-height: 20px;
    padding: 10px;
    border: 0;
    font-size: 22px;
    color: #a5a5a5;
    width: 100%;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#recruithall_cnt .cwbox dd .selectbox {
    width: 380px;
}

#recruithall_cnt .cwbox dd .txt_e {
    font-size: 12px;
    color: #696969;
    font-weight: 700;
    line-height: 1.35em;
    letter-spacing: -0.005em;
    padding-top: 8px;
}

#recruithall_cnt .cwbox .button {}

#recruithall_cnt .cwbox .button a {
    display: block;
    text-align: center;
    background-color: #7d7f71;
    height: 65px;
    line-height: 65px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}




/***********************************
4. 부대행사 및 이벤트
***********************************/



/***********************************
5. 취업자료
***********************************/






/***********************************
10. 기타
***********************************/
#summary_cnt {}

.other_info {
    width: 100%;
    overflow: hidden;
}

.other_info .info {
    position: relative;
    line-height: 25px;
    font-size: 13px;
    color: #6a6a6a;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}



/***********************************
로그인
***********************************/
#login_cnt {}

#login_cnt .text_box {
    padding: 38px 0 0 0;
    height: 90px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/sub/pattern_dot_diagonal_line.gif);
    margin-bottom: 35px;
    text-align: center;
}

#login_cnt .text_box p {
    display: inline-block;
    font-size: 22px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(../img/sub/icon_login.png);
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 73px;
}

/* cntbox */
#login_cnt .cntbox {
    padding: 18px 210px 58px 210px;
    border: 1px solid #d2d2d2;
    min-height: 460px;
    height: auto !important;
    height: 460px;
}

#login_cnt .cntbox .form {
    margin-bottom: 18px;
}

#login_cnt .cntbox .form dl {
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../img/sub/line_dotted.jpg);
    padding: 26px 0 22px 0;
}

#login_cnt .cntbox .form dl:last-child {
    background: none;
}

#login_cnt .cntbox .form dt {
    float: left;
    font-size: 15px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    height: 40px;
    line-height: 40px;
}

#login_cnt .cntbox .form dd {
    margin-left: 120px;
}

#login_cnt .cntbox .form dd input {
    border: 1px solid #d2d2d2;
    height: 18px;
    line-height: 18px;
    padding: 10px;
    width: 540px;
    color: #a5a5a5;
    font-size: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#login_cnt .cntbox .btn_login {
    margin-bottom: 45px;
}

#login_cnt .cntbox .btn_login a {
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    background-color: #7d7f71;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
}

/* content_support */
#login_cnt .content_support {
    width: 100%;
    overflow: hidden;
}

#login_cnt .content_support .box {
    float: left;
    width: 140px;
    height: 154px;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/sub/line_tp01.gif);
    margin-right: 38px;
    padding-right: 50px;
}

#login_cnt .content_support .box p {
    height: 60px;
    padding-top: 20px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-align: center;
    font-size: 15px;
    line-height: 1.35em;
    letter-spacing: -0.05em;
    color: #6a6a6a;
}

#login_cnt .content_support .box a {
    display: block;
    background-color: #7d7f71;
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
    text-align: center;
    letter-spacing: -0.05em;
}

#login_cnt .content_support .first {
    padding-left: 35px;
}

#login_cnt .content_support .last {
    padding-right: 0;
    margin-right: 0;
    background: none;
}

/** 등록정보 없음 **/
#login_cnt .fail_msg_box {
    padding: 83px 210px 244px 210px;
    border: 1px solid #d2d2d2;
}

#login_cnt .fail_msg_box .notes {
    background-repeat: repeat-x;
    background-position: left top;
    background-image: url(../img/sub/line_dotted.jpg);
    margin-bottom: 53px;
}

#login_cnt .fail_msg_box .notes p {
    font-size: 15px;
    color: #6a6a6a;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../img/sub/line_dotted.jpg);
    height: 93px;
    line-height: 93px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
}

#login_cnt .fail_msg_box .button_area {
    width: 100%;
    overflow: hidden;
}

#login_cnt .fail_msg_box .button_area a {
    display: inline-block;
    background-color: #7d7f71;
    text-decoration: none;
    color: #fff;
    width: 300px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#login_cnt .fail_msg_box .button_area a.btn_join {
    float: left;
}

#login_cnt .fail_msg_box .button_area a.btn_cancel {
    float: right;
}


/***********************************
아이디찾기 & 비밀번호찾기
***********************************/
#login_cnt .cntbox .form dd.email_area {
    width: 563px;
    overflow: hidden;
}

#login_cnt .cntbox .form dd.email_area .input {
    float: left;
}

#login_cnt .cntbox .form dd.email_area .input input[type="text"] {
    font-size: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    width: 175px;
    border: 1px solid #d2d2d2;
    padding: 10px 10px;
    height: 18px;
    line-height: 18px;
}

#login_cnt .cntbox .form dd.email_area span {
    float: left;
    display: block;
    font-size: 15px;
    color: #6a6a6a;
    width: 28px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#login_cnt .cntbox .form dd.email_area .select {
    position: relative;
    border: 1px solid #d3d3d3;
    float: right;
    width: 125px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../img/sub/select_arrow.jpg);
}

#login_cnt .cntbox .form dd.email_area .select label {
    position: absolute;
    font-size: 15px;
    color: #343434;
    top: 8px;
    left: 12px;
    line-height: 1.35em;
    color: #a5a5a5;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#login_cnt .cntbox .form dd.email_area .select select {
    width: 100%;
    height: 38px;
    min-height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    color: #343434;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#login_cnt .cntbox .form dd.email_view {
    height: 40px;
    line-height: 40px;
}

#login_cnt .cntbox .form dd.email_view p {
    font-size: 20px;
    color: #292929;
}


/***********************************
회원가입
***********************************/
#register_cnt {
    padding-bottom: 150px;
}

#register_cnt .register_step {
    padding: 20px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 34px;
}

#register_cnt .temp_box {
    border: 1px solid #d2d2d2;
    padding: 43px;
    margin-bottom: 35px;
}

#register_cnt .temp_box dl {
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../img/sub/line_dotted.jpg);
    padding-bottom: 35px;
    margin-bottom: 45px;
}

#register_cnt .temp_box dt {
    font-size: 20px;
    height: 40px;
    font-weight: 700;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
}

#register_cnt .temp_box dd {}

#register_cnt .temp_box dd.textarea {
    border: 1px solid #d2d2d2;
    padding: 18px 25px;
    height: 200px;
    overflow-y: auto;
    font-size: 12px;
    color: #696969;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: -0.005em;
}

#register_cnt .temp_box dd.textarea .textbox {}

#register_cnt .temp_box dd.agree {
    text-align: right;
}

#register_cnt .temp_box dd.agree label {
    display: inline-block;
    font-size: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
    color: #292929;
    height: 35px;
    line-height: 35px;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/sub/img_checkbox.gif);
    padding-right: 55px;
    cursor: pointer;
}

#register_cnt .temp_box dd.agree input {
    display: none;
}

#register_cnt .temp_box dd.agree input:checked + label {
    background-image: url(../img/sub/img_checkbox_on.gif);
}

#register_cnt .temp_box dl.last {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#register_cnt .button_area {
    text-align: center;
}

#register_cnt .button_area div {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    background-color: #7d7f71;
    font-size: 18px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
    color: #fff;
}

#register_cnt .button_area div a {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    background-color: #7d7f71;
    font-size: 18px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
    color: #fff;
}

#register_cnt .button_area div.btn_register_ok {
    width: 260px;
}

/** formbox **/
#register_cnt .formbox {
    border: 1px solid #d2d2d2;
    padding: 29px 44px;
    margin-bottom: 40px;
}

/* 회원 탈퇴 추가 */
.out_area {
    text-align: center;
}

.out_area div {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    background-color: #7d7f71;
    font-size: 18px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
    color: #fff;
}

.out_area div a {
    display: inline-block;
    height: 65px;
    line-height: 65px;
    background-color: #7d7f71;
    font-size: 18px;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    text-decoration: none;
    color: #fff;
}

.out_area div.btn_ok {
    width: 260px;
}

#register_cnt .formbox dl {
    width: 100%;
    overflow: hidden;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-image: url(../img/sub/line_dotted.jpg);
    padding: 22px 0 18px 0;
}

#register_cnt .formbox dl.last {
    background: none;
}

#register_cnt .formbox dl dt,
#register_cnt .formbox dl dd {
    font-size: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#register_cnt .formbox dl dt {
    float: left;
    color: #292929;
    font-weight: 700;
    padding-top: 10px;
}

#register_cnt .formbox dl dd {
    position: relative;
    margin-left: 177px;
    color: #6a6a6a;
}

#register_cnt .formbox dl dd .notes {
    font-size: 12px;
    color: #696969;
    font-family: Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
    font-weight: 700;
    padding-top: 7px;
    line-height: 1.5em;
}

#register_cnt .formbox dl dd input[type="text"] {
    font-sizE: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    border: 1px solid #d2d2d2;
    width: 690px;
    padding: 10px 10px;
    height: 18px;
    line-height: 18px;
    color: #6a6a6a;
}

#register_cnt .formbox dl dd input[type="password"] {
    font-sizE: 15px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    border: 1px solid #d2d2d2;
    width: 690px;
    padding: 10px 10px;
    height: 18px;
    line-height: 18px;
}

#register_cnt .formbox dl dd input.w180px {
    width: 160px;
}

#register_cnt .formbox dl dd input.w200px {
    width: 180px;
}

#register_cnt .formbox dl dd input.w255px {
    width: 235px;
}

#register_cnt .formbox dl dd input.w260px {
    width: 240px;
}

#register_cnt .formbox dl dd input.w280px {
    width: 260px;
}

#register_cnt .formbox dl dd input.w435px {
    width: 415px;
}

#register_cnt .button_area a.btn_register_ok {
    width: 260px;
}

#register_cnt .formbox dl dd #id_check {
    position: absolute;
    right: 0;
    top: 0;
}

/* 이메일주소 */
#register_cnt .formbox dl dd.email_area {}

#register_cnt .formbox dl dd.email_area .inwrap {
    width: 100%;
    overflow: hidden;
}

#register_cnt .formbox dl dd.email_area .input {
    float: left;
}

#register_cnt .formbox dl dd.email_area span {
    float: left;
    display: block;
    width: 28px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#register_cnt .formbox dl dd .select {
    position: relative;
    border: 1px solid #d3d3d3;
    float: left;
    width: 182px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-image: url(../img/sub/select_arrow.jpg);
}

#register_cnt .formbox dl dd .select label {
    position: absolute;
    font-size: 15px;
    color: #343434;
    top: 8px;
    left: 12px;
    line-height: 1.35em;
    color: #a5a5a5;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

#register_cnt .formbox dl dd .select select {
    width: 100%;
    height: 38px;
    min-height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 14px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    color: #343434;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#register_cnt .formbox dl dd.email_area .select {
    margin-left: 15px;
}

#register_cnt .formbox dl dd.email_area .btn_check {
    float: right;
}

/* 주소 */
#register_cnt .formbox dl dd.address_area {
    position: relative;
}

#register_cnt .formbox dl dd.address_area .post1 {
    margin-bottom: 10px;
}

#register_cnt .formbox dl dd.address_area .add1 {
    margin-bottom: 10px;
}

#register_cnt .formbox dl dd.address_area .btn_post {
    position: absolute;
    right: 0;
    top: 0px;
}

/* 지역번호 */
#register_cnt .formbox dl dd.p_number_area {}

#register_cnt .formbox dl dd.p_number_area .area_code {
    position: relative;
    border: 1px solid #d3d3d3;
    float: left;
    margin-left: 15px;
    width: 182px;
    height: 38px;
    line-height: 38px;
}

#register_cnt .formbox dl dd.p_number_area .area_code .select {
    width: 198px;
}

#register_cnt .formbox dl dd.p_number_area span {
    float: left;
    display: block;
    width: 31px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#register_cnt .formbox dl dd.p_number_area .input {
    float: left;
}

/* 최종학력 */
#register_cnt .formbox dl dd.ac_area {}

#register_cnt .formbox dl dd.ac_area span {
    float: left;
    width: 57px;
    text-align: left;
    height: 40px;
    line-height: 40px;
}

#register_cnt .formbox dl dd.ac_area span.txt2 {
    width: 40px;
    margin-left: 30px;
}

#register_cnt .formbox dl dd.ac_area .input {
    float: left;
}

#register_cnt .formbox dl dd.ac_area .select {
    float: left;
    width: 142px;
}

#register_cnt .formbox dl dd.ac_area .info01,
#register_cnt .formbox dl dd.ac_area .info02,
#register_cnt .formbox dl dd.ac_area .info03 {
    width: 100%;
    overflow: hidden;
}

#register_cnt .formbox dl dd.ac_area .info01 {
    margin-bottom: 12px;
}

#register_cnt .formbox dl dd.ac_area .info02 {
    /*
	margin-bottom:18px;
	padding-bottom:18px;
	*/
    background-repeat: repeat-x;
    background-position: left bottom;
    /*
	background-image: url(../img/sub/line_dotted.jpg);
	*/
}

#register_cnt .formbox dl dd.ac_area .info02 input {
    display: none;
}

#register_cnt .formbox dl dd.ac_area .info02 label {
    float: left;
    display: inline-block;
    margin-right: 35px;
    margin-bottom: 10px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../img/sub/bul_checkbox.jpg);
    cursor: pointer;
}

#register_cnt .formbox dl dd.ac_area .info02 input:checked + label {
    background-image: url(../img/sub/bul_checkbox_checked.jpg);
}

#register_cnt .formbox dl dd.ac_area .info03 {}

#register_cnt .formbox dl dd.ac_area span.txt3 {
    width: 55px;
}

#register_cnt .formbox dl dd.ac_area .info03 .input {
    margin-right: 18px;
}

#register_cnt .formbox dl dd.ac_area .info03 .select {
    width: 140px;
}

#register_cnt .formbox dl dd.ac_area .info03 .txt_year {
    width: 60px;
    padding-left: 10px;
}

#register_cnt .formbox dl dd.ac_area .info03 .txt_month {
    padding-left: 10px;
}

/** complete_box **/
#register_cnt .complete_box {
    padding: 94px 43px 119px 43px;
    border: 1px solid #d2d2d2;
}

#register_cnt .complete_box .textbox {
    padding: 38px 0 0 0;
    height: 90px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/sub/pattern_dot_diagonal_line.gif);
    margin-bottom: 66px;
    text-align: center;
}

#register_cnt .complete_box .textbox p {
    display: inline-block;
    font-size: 25px;
    color: #292929;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    letter-spacing: -0.025em;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(../img/sub/icon_login.png);
    height: 55px;
    line-height: 55px;
    padding: 0 0 0 73px;
}

#register_cnt .complete_box .button_area {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

#register_cnt .complete_box a.btn_login_move,
#register_cnt .complete_box a.btn_main_move {
    display: inline-block;
    width: 420px;
    background-color: #7d7f71;
    height: 65px;
    line-height: 65px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    margin: 0 10px;
}

#register_cnt .complete_box a.btn_login_move {}

#register_cnt .button_area a.btn_main_move {}



/***********************************
마이페이지
***********************************/
#mypage_cnt {}

#mypage_cnt .notes {
    font-size: 14px;
    text-align: right;
    margin-bottom: 7px;
    color: #777;
}

#mypage_cnt .btn_bx {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}



/** table01 **/
.table01 {
    margin-bottom: 15px;
}

.table01 table {
    border-top: 2px solid #333;
}

.table01 th,
.table01 td {
    font-size: 14px;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    height: 30px;
    color: #6a6a6a;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    vertical-align: middle;
    text-align: center;
}

.table01 th {
    background-color: #fafafa;
    color: #333;
}

.table01 td {}

.table01 td .btn_user_left {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
}


.table04 {
    padding: 20px;
    border: solid 1px #e1e1e1;
    background-color: #f7f7f7;
    border-radius: 10px;
}

.table04 ul {
    display: flex;
    flex-wrap: wrap;
}

.table04 ul li {
    width: 50%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: flex;
    border-bottom: solid 1px#e1e1e1;
}

.table04 ul li:nth-child(11),
.table04 ul li:nth-child(12) {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.table04 ul li .th-title {
    width: 120px;
    font-weight: 700;
    position: relative;
    z-index: 10;
	color: #121212;
}

.table04 ul li .td-text {}

/** bo_table **/
.bo_wrap {
    padding: 0 0px;
}

.bo_wrap .list {
    margin-bottom: 20px;
}

.bo_wrap .list table {}

.bo_wrap .list th,
.bo_wrap .list td {
    height: 25px;
    border-bottom: 1px solid #d3d3d3;
    font-size: 15px;
    color: #6a6a6a;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .list th {
    background-color: #efefef;
    border-top: 2px solid #5b5b5b;
}

.bo_wrap .list td {}

.bo_wrap .list td.subject {
    text-align: left;
}

.bo_wrap .list td a {
    text-decoration: none;
    color: #6a6a6a;
}

.bo_wrap .list td a:hover {
    text-decoration: underline;
}

.bo_wrap .page {
    text-align: center;
}

.bo_wrap .page a {
    font-size: 13px;
    text-decoration: none;
    margin: 0 3px;
}

.bo_wrap .page a:hover {
    text-decoration: underline;
}

.bo_wrap .td_empty {
    text-align: center;
    line-height: 80px;
}

.bo_wrap .view {
    margin-bottom: 20px;
}

.bo_wrap .view .subject {
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    border-top: 2px solid #5b5b5b;
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
    height: 50px;
    line-height: 50px;
}

.bo_wrap .view .bo_info {
    width: 100%;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

.bo_wrap .view .bo_info span,
.bo_wrap .view .bo_info em {
    display: block;
    float: left;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #555;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .view .bo_info span {
    font-weight: 700;
    color: #555;
    padding-left: 20px;
    margin-right: 5px;
}

.bo_wrap .view .bo_info em {
    margin-right: 20px;
}

.bo_wrap .view .bo_contents {
    padding: 20px;
    padding-bottom: 80px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    color: #555;
    font-size: 14px;
    line-height: 1.45em;
    border-bottom: 1px solid #5b5b5b;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

/* list button-0812 */
.bo_wrap .view .bo_contents. btn_area {
    display: inline-block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    margin: 0 30px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .view .bo_contents. btn_area. btn_request {
    display: inline-block;
    width: 270px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    margin: 0 30px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .view .bo_contents. btn_area. btn_back {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    margin: 0 0px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .view .bo_contents. btn_area. btn_list {
    display: inline-block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    margin-left: 10px;
    font-family: 'Nanum Gothic', 'AppleSDGothicNeo', sans-serif;
}

/* list button-0812 */


.bo_wrap .view .underline_dotted {
    border-bottom: 1px dotted #ddd;
}

/* bo_v_nb */
.bo_wrap .bo_v_nb {
    padding: 20px;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.bo_wrap .bo_v_nb ul {}

.bo_wrap .bo_v_nb ul li {
    width: 100%;
    overflow: hidden;
    padding: 3px 0;
}

.bo_wrap .bo_v_nb ul li span,
.bo_wrap .bo_v_nb ul li em {
    display: block;
    float: left;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #111;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.bo_wrap .bo_v_nb ul li span {
    font-weight: 700;
    margin-right: 15px;
}

.bo_wrap .bo_v_nb ul li em {}

.bo_wrap .bo_v_nb ul li em a {
    text-decoration: none;
    color: #555;
}

.bo_wrap .bo_v_nb ul li em a:hover {
    text-decoration: underline;
}

.btn_user_right {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: right;
    border-radius: 3px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.btn_user_left {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    float: left;
    border-radius: 3px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

.text_note {
    margin-bottom: 7px;
    font-size: 13px;
    color: #292929;
    text-align: right;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
}

/** bo_t02 **/
.bo_t02 {
    margin-bottom: 10px;
}

.bo_t02 table {
    border-top: 3px solid #5b5b5b;
}

.bo_t02 th,
.bo_t02 td {
    border-bottom: 1px solid #ccc;
    padding: 12px 20px;
    text-align: left;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    color: #292929;
    font-size: 15px;
}

.bo_t02 th {
    background-color: #fafafa;
}

.bo_t02 td {}

.bo_t02 td .btn_user_left {
    height: 32px;
    line-height: 32px;
}

.btn_bx {
    text-align: right;
    margin-bottom: 30px;
    height: 40px;
}

.btn_bx .button,
.table_t02 .button {
    display: inline-block;
    width: 215px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #7d7f71;
    /* border-radius: 3px; */
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    cursor: pointer;
}

.info_detail .summary {
    font-size: 13px;
    font-family: 'Nanum Gothic', AppleSDGothicNeo, sans-serif;
    margin-bottom: 20px;
}


/* write_form */
.write_form {
    margin-bottom: 50px;
}

.write_form dl {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

.write_form dl dt,
.write_form dl dd {
    font-size: 16px;
}

.write_form dl dt {
    float: left;
    font-weight: 700;
    line-height: 34px;
    padding-left: 10px;
}

.write_form dl dd {
    margin-left: 120px;
}

.write_form dl dd .fr_input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    line-height: 1.35em;
    height: 34px;
    border: 1px solid #ccc;
}

.write_form dl dd .ta {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    line-height: 1.35em;
    height: 300px;
    border: 1px solid #ccc;
    resize: none;
}

.button_area {
    text-align: center;
}

.button_area.right {
    text-align: right;
}

.button_area .btn {
    display: inline-block;
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
    margin-bottom: 0;
    color: #000;
    background-color: #fff;
}

.button_area .btn.save {
    background-color: #44485a;
    border: 1px solid #44485a;
    color: #fff;
}




/*=================================================================================

* Sub Common

=================================================================================*/
.sub-page {
    padding-bottom: 100px;
}

.sub-page .inner {
    max-width: 1280px;
    position: relative;
    margin: 0 auto;
    padding: 100px 0 50px;
}


.sub-visual {
    width: 100%;
    height: 480px;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub-visual .title-area {}

.sub-visual .title-area h2 {
    color: #fff;
    font-size: 42px;
    margin-bottom: 12px;
}

.sub-visual .title-area p {
    color: #fff;
    font-size: 19px
}

.sub-visual.visual01 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual02 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual03 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual04 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual05 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual06 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-visual.visual07 {
    width: 100%;
    background: #131313 url(../img/sub-visual.svg) center/cover no-repeat;
}

.sub-title02 {
    font-size: 27px;
    margin-bottom: 60px;
    color: #131313;
}

.sub-title03 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #131313;
}

/*=================================================================================

* Layout

=================================================================================*/
#Container {
    padding-bottom: 100px;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

/*=================================================================================

* Location

=================================================================================*/
.location {}

.location .inner {
    padding: 40px 0 0;
}

.location a.link-location {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
    color: #999;
}

.location a.link-location:after {
    display: block;
    clear: both;
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: #999;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.location a.link-location:last-of-type::after {
    display: none;
}

/*=================================================================================

* Tabs

=================================================================================*/
/*
.tabs {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    list-style: none;
    position: relative;
    border: 1px solid #ccc;
    background: #f1f1f1;
    border-bottom: 1px solid #3051C1;
}

.tabs .active-tab {
    border-top: 1px solid #3051C1;
    border-left: 1px solid #3051C1;
    border-right: 1px solid #3051C1;
    border-bottom: none;
    position: relative;
    color: #fff;
    background: #3051C1;
}

.tabs .active-tab:after {
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    bottom: -0.1em;
    left: 0;
}

.tabs li {
    cursor: pointer;
    flex: 1;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #999;
}

.tabs-content {
    padding: 30px 20px;
    list-style: none;
    min-height: 500px;
}

.tabs-content li {
    display: none;
}*/

/*=================================================================================

* 박람회 안내

=================================================================================*/
.fair-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.sub-title02.img-title {
    width: 50%;
    margin: 0 auto 30px;
}

.sub-title02.img-title span {
    display: block;
    width: 80%;
    margin: 16px auto 0;
}

.fair-info .box {
    background: #f8f8f8;
    padding: 80px 40px;
    width: calc(100% - 540px);
}

.fair-info .box dl {
    margin-bottom: 30px;
    font-size: 19px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.fair-info .box dt {
    width: 160px;
    height: 50px;
    font-weight: bold;
    text-align: center;
    background: #3051C1;
    color: #fff;
    border-radius: 50px;
    margin-right: 16px;
    line-height: 50px;
}

.fair-info .box dd {
    flex: 1;
    line-height: 50px;
}

.fair-info .box dd p {
    line-height: 1.4;
}

.fair-info .box dd a {
    text-decoration: underline;
}

.fair-info .box dd .ico-link {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(../img/ico-link.svg) center no-repeat;
}

.fair-info .box-poster {
    width: 540px;
    height: 690px;
    background: #fff;
    overflow: hidden;
}

.fair-info .box-poster img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*=================================================================================

* 오시는 길

=================================================================================*/
.fair-locations {}

.fair-locations .box {}

.fair-locations .box .map-box {
    width: 50%;
    float: left;
}

.fair-locations .box .map-box iframe {
    width: 100%;

}

.fair-locations .box .map-info {
    float: left;
    width: 50%;
    padding: 40px 60px;
    box-sizing: border-box;
}

.fair-locations .box .map-info .item {
    margin-bottom: 40px;
}

.fair-locations .box .map-info dt {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.fair-locations .box .map-info dd {
    margin-bottom: 10px;
}

.fair-locations .box .map-info dd p {
    margin-bottom: 8px;
    margin-left: 10px;
    font-size: 17px;
}

.fair-locations .box .map-info dd p.subway {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 20px;
    border-radius: 30px;
    background: #3051C1;
    color: #fff;
    font-size: 17px;
    margin-left: 0;
}
.fair-locations .box .map-info dd a {
	display: inline-block;
    flex: 1;
    margin: 0 8px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    background: #f1f1f1;
    transition: all ease 0.2s;
	width: 200px;
}

.fair-locations .box .map-info .ico-location {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px;
    height: 33px;
    background: url(../img/icon-location.svg) center no-repeat;
}

.fair-locations .box .button-wrap {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
}

.fair-locations .box .button-wrap a {
    display: block;
    flex: 1;
    margin: 0 8px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    background: #f1f1f1;
    transition: all ease 0.2s;
}

.fair-locations .box .button-wrap a:hover {
    background: #3051C1;
    color: #fff;
}

/*=================================================================================

* table

=================================================================================*/
/* ul table */
.table-wrap {
    margin-bottom: 50px;
}

.table-wrap .table-title {
    font-size: 16px;
    margin-bottom: 12px;
}

.table01,
.table02,
.table03 {
    width: 100%;
}

.table01 li {
    width: 100%;
    font-size: 14px;
    display: table;
    margin-top: -1px;
}

.table01 .li-th,
.table01 .li-td {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #f1f1f1;
    padding: 12px;
    border-collapse: collapse;
    line-height: 1.6;
}

.table01 .li-th {
    width: 200px;
    background: #F6F6F6;
    text-align: center;
}

.table01 .li-td {
    /*width: calc(100% - 200px);*/
    font-weight: 400;
}

.table01 .li-td span {
    display: block;
}

/* basic table */
.table02 {
    border-top: 1px solid #3051C1;
}

.table02 th,
.table02 td {
    font-size: 16px;
    padding: 16px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    line-height: 1.6;
    font-weight: 400;
}

.table02.all-line th,
.table02.all-line td {
    border: 1px solid #e1e1e1;
}

.table02 th {
    color: #3051C1;
}

.table02 .time {
    background: #DBE7F3;
}

.table02 .close {
    background: #EFEFEF;
    color: #666;
}

.table02 .info-mobile {
    display: none;
}

.table02 .info-mobile li {
    position: relative;
    font-size: 12px;
    float: left;
    margin-right: 8px;
    padding-right: 8px;
    color: #ccc;
    font-weight: 400;
}

.table02 .info-mobile li:last-child {
    border-right: 0;
}

.table02 .info-mobile li:after {
    display: block;
    clear: both;
    content: "";
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    top: 4px;
    right: 0;
}

.table02 .info-mobile li:last-child::after {
    display: none;
}

/* table 03 */
.table03 th,
.table03 td {
    padding: 12px;
    font-size: 14px;
    border: 1px solid #d2d2d2;
    line-height: 1.6;
    word-break: break-all;
}

.table03 th {
    width: 200px;
    background: #F6F6F6;
    text-align: center;
}

.table03 td {
    font-weight: 400;
}

.table03 td span {
    display: block;
}

.table03 td div {
    margin: 0;
}

.i-lock {
    display: none;
    vertical-align: text-bottom;
    margin-right: 4px;
    width: 16px;
    height: 22px;
    background: url(../img/i-lock.svg) center no-repeat;
}

.reply {
    display: inline-block;
    vertical-align: middle;
    background: #ccc;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
    margin: 0 8px 0 8px;
    font-size: 12px;
    color: #fff;
}

.text-left {
    text-align: left !important;
}

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media(max-width: 768px) {

    /* 768px 레이아웃 */
    .table02 th,
    .table02 td {
        font-size: 14px;
    }

    .table03 th,
    .table03 td {
        font-size: 12px;
    }

    .table03 th {
        width: 120px;
    }
}

@media(max-width: 767px) {

    /* 767px 이하  레이아웃 */
    .table-wrap.table-scroll {
        position: relative;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;

    }

    .scroll-icon {
        position: relative;
        margin-bottom: 50px;
        padding-bottom: 10px;
    }

    .scroll-icon:after {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        clear: both;
        content: "스크롤해주세요.";
        width: 100px;
        height: 40px;
        background: url(../img/ico_scrolling.png) 100% center no-repeat;
        background-size: 30px;
        opacity: .5;
        font-size: 11px;
    }

    .table-wrap.table-scroll table {
        width: 800px;
    }

    .table02.board colgroup,
    .table02.board thead,
    .table02.board td {
        display: none;
    }

    .table02.board .title {
        text-align: left;
        display: block;
        font-size: 14px;
    }

    .table02.board .title a {
        display: block;
        margin-bottom: 8px;
    }

    .table02.board .info-mobile {
        display: block;
    }

    .table02.board th,
    .table02.board td {
        max-width: 100%;
        min-width: 100%;
        font-size: 13px;
        padding: 8px;
    }

    .table03 th,
    .table03 td {
        padding: 4px;
        font-size: 12px;
    }
}

@media(max-width: 480px) {

    .table02 th,
    .table02 td {
        font-size: 12px;
    }

    .table03 th {
        width: 80px;
    }
}

/*=================================================================================

* search

=================================================================================*/
.search-window {
    margin-bottom: 16px;
    padding: 16px 0;
    background: #F4F7FC;
    text-align: center;
}

.search-window form {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-window input[type="search"],
.search-window select {
    float: left;
    height: 45px;
    line-height: 45px;
    margin-right: 4px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}

.search-window input[type="search"] {
    width: 300px;
    padding-left: 12px;
    font-size: 16px;
}

.search-window .select-wrap {
    float: left;
}

.search-window .select-wrap select {
    width: 180px;
    margin-right: 4px;
}

.search-window .btn {
    float: left;
    min-width: 60px;
    box-sizing: border-box;
    height: 45px;
    background: #3051C1;
    color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #2142B1;
}

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media(max-width: 768px) {
    /* 768px 레이아웃 */
}

@media(max-width: 767px) {

    /* 767px 이하  레이아웃 */
    .search-window form {
        flex-wrap: wrap;
    }

    .search-window .select-wrap {
        margin: 0 0 4px 0;
        padding: 0 4px;
    }

    .search-window .select-wrap select {
        width: 100px;
        font-size: 12px;
    }

    .search-window input[type="text"],
    .search-window select {
        width: 100px;
        height: 40px;
        line-height: 40px;
        float: left;
    }

    .search-window input[type="text"] {
        width: 140px;
        margin-right: 4px;
    }

    /*	.search-window .search-wrap input {
		flex: 1;
	}*/
    .search-window .btn {
        float: left;
        min-width: 50px;
    }

    .search-window input[type="search"],
    .search-window select {
        height: 40px;
        line-height: 40px;
    }
}

/*=================================================================================

* button

=================================================================================*/
.button-wrap {
    text-align: center;
    margin: 10px 0;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 22px;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    transition: all ease 0.2s;
    cursor: pointer;
    outline: none;
    border: 0;
    font-size: 21px;
}

.btn-small {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
}

.btn-logout {
    margin-left: 20px;
}

.btn-basic {
    background: #3051C1;
    color: #fff;
}

.btn-basic:hover {
    background: #2142B1;

}

.btn-secondary {
    background: #2E286F;
    color: #fff;
}

.btn-secondary:hover {
    background: #15123C;
}

.btn-purple {
    background: #4A477F;
    color: #fff;
}

.btn-gray {
    background: #e1e1e1;
}

.btn-end {
    background: #666 !important;
}

.i-download {
    display: inline-block;
    vertical-align: text-bottom;
    width: 25px;
    height: 30px;
    margin-left: 4px;
    background: url(../img/i-download.svg) center no-repeat;
}

.text-danger {
    color: #e23131;
}

.btn-download {}

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media(max-width: 768px) {
    /* 768px 레이아웃 */
}

@media(max-width: 767px) {

    /* 767px 이하  레이아웃 */
    .button-wrap {
        flex-direction: column;
    }

    .btn {
        display: block;
        max-width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 0 8px 0;
    }

    .btn-small {
        font-size: 12px;
        padding: 4px 8px;
    }
}

/*=======================================================================================

 ** Pagination

========================================================================================*/
#pagination {
    display: flex;
    justify-content: center;
    margin: 32px 0 12px;
}

.blocks {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #f1f1f1;
}

.blocks:not(:first-child) {
    margin-left: 4px;
}

.blocks:first-child img {
    transform: rotate(0deg);
}

.blocks:hover {
    background-color: #3051C1;
    color: #fff;
    border: 1px solid #2142B1;
}

#pagination a.active {
    background-color: #3051C1;
    color: #fff;
    border: 1px solid #2142B1;
}

.blocks.first:hover,
.blocks.last:hover {
    background-color: #fff;
}

@media screen and (max-width:768px) {
    .blocks {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 11px;
    }
}

/*=======================================================================================

 ** 온라인 채용관

========================================================================================*/
.online-recruit { }
.search-form { width: 100%; margin-bottom: 50px; border: solid 1px #e1e1e1; padding: 20px; }
.search-form form { display: flex; flex-wrap: wrap; }
.search-form form div:nth-child(1) { width: 34%; }
.search-form form div:nth-child(2) { width: 28%; }
.search-form form div:nth-child(3) { width: 17%; }
.search-form form div:nth-child(4) { width: 17%; }
.search-form form div:nth-child(5) { width: 100%; }
.search-form form div:nth-child(1) ul, .search-form form div:nth-child(2) ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.search-form form div:nth-child(1) ul li, .search-form form div:nth-child(2) ul li { width: 50%; }
.search-form form div ul .full { width: 100%!important; }
.search-form form div { border-right: solid 1px #e1e1e1; margin-right: 1%; }
.search-form form div:nth-child(4), .search-form form div:nth-child(5) { border-right: 0; margin-right: 0; }
.search-form form div ul li strong { color: #121212; }
.search-form form div ul li { padding: 5px 0; }
.search-form form div ul li a { display: block; width: 100%; height: 100%; padding: 5px 10px 3px; }
.search-form form div ul li a:hover { color: #3051C1; }
.search-form form div ul li a.active { background-color: #3051C1; color: #fff;}
.search-form form .search { width: 100%; border-top: solid 1px #e1e1e1; padding-top: 20px; text-align: right; position: relative; }
.search-form form .search .refresh { position: absolute; left: 0; top: 25px; }
.search-form form .search .refresh::before { content: ""; width: 24px; height: 24px; background: url("../img/icon_refresh.svg") no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -5px; }
.search-form form .search input[type="text"] { width: 30%; font-size: 16px; }
.search-form form .search .btn { height: 35px; line-height: 35px; font-size: 16px; }
.search-form form .mt-50 { margin-top: 50px; }

.table03 { border-top: solid 1px #e1e1e1; }
.table03 dl { display: flex; padding: 10px 0; align-items: center; border-bottom: solid 1px #e1e1e1;}
.table03 dl dt { text-align: center; font-weight: 700; color: #3051C1; }
.table03 dl dd:nth-child(1), .table03 dl dd:nth-child(3), .table03 dl dd:nth-child(4) { text-align: center; }
.table03 dl dt:nth-child(1), .table03 dl dd:nth-child(1) { width: 20%; }
.table03 dl dt:nth-child(2), .table03 dl dd:nth-child(2) { width: 50%; }
.table03 dl dt:nth-child(3), .table03 dl dd:nth-child(3) { width: 15%; }
.table03 dl dt:nth-child(4), .table03 dl dd:nth-child(4) { width: 15%; }
.table03 dl dd { padding: 10px 0; }
.table03 dl dd span { width: 100%; }
.table03 dl dd.name { }
.table03 dl dd.name .logo { width: 50%; margin-bottom: 10px; }
.table03 dl dd.name .logo-text { }
.table03 dl dd.content { }
.table03 dl dd.content .title { font-size: 18px; color: #121212; font-weight: 700; margin-bottom: 10px; }
.table03 dl dd.content .text { font-size: 14px; }
.table03 dl dd.support span:first-child { margin-bottom: 10px; }
.table03 dl dd.deadline span { color: #D7092F; }

.top-box { justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap;  margin-bottom: 50px; }
.comp-detail .logo-area { width: 45%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; text-align: center; margin-right: 5%; }
.gallery-wr { width: 100%; }
.gallery-wr .view-box { border: solid 1px#e1e1e1; margin-bottom: 10px; width: 500px; height: 270px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.gallery-wr .view-list { display: flex; }
.gallery-wr .view-list li { border: solid 1px#e1e1e1; width: 92px; height: 54px; overflow: hidden; margin-right: 10px; }
.gallery-wr .view-list li:last-child { margin-right: 0; }
.gallery-wr .view-list li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.gallery-wr .view-list li a img { max-height: 100%; }

.comp-detail-info { width: 50%; }
.comp-detail-info h4 { font-size: 21px; margin-bottom: 20px; color: #121212; }
.comp-detail-info .table-wrap ul li { margin-bottom: 10px; padding-bottom: 10px; display: flex; border-bottom: solid 1px#e1e1e1; }
.comp-detail-info .table-wrap ul li .th-title { width: 120px; font-weight: 700; position: relative; z-index: 10; color: #121212; }

@media screen and (max-width:768px) {
	.search-form { margin-bottom: 20px; }
	.search-form form div { display: none; }
	.search-form form div.search { display: flex; border-top: 0; padding-top: 0; text-align: left; justify-content: space-between; }
	.search-form form div.search input[type="text"] { width: 78%; }
	.search-form form div.search .btn { width: 20%; margin-bottom: 0; padding: 0;}
	.search-form form .search .refresh { display: none; }
	.table03 dl:first-child { display: none; }
	.table03 dl dd.name .logo { border: solid 1px #e1e1e1; padding: 10px; }
	.table03 dl { flex-wrap: wrap; justify-content: space-between; }
	.table03 dl dd.name { width: 100%; }
	.table03 dl dd.content { width: 100%; }
	.table03 dl dd.support { display: flex; width: 50%; text-align: left; }
	.table03 dl dd.support span { margin-bottom: 0!important; margin-right: 10px; }
	.table03 dl dd.deadline { width: 50%; text-align: right; }
	.comp-detail .logo-area { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.gallery-wr .view-box { width: 100%; height: inherit; padding: 20px 0; }
	.comp-detail-info { width: 100%; }
	.table-wrap, .top-box { margin-bottom: 20px; }
	.recruit-title h3 { font-size: 17px;}
	.table04 ul li { width: 100%; }

}

/*=======================================================================================

 ** 마이페이지

========================================================================================*/
.mypage-wrap {}

.mypage-title {
    width: 100%;
}

.mypage-title h2 {
    text-align: left;
    font-size: 21px;
    margin-bottom: 20px;
}

.mypage01 .mypage-navi .btn01 {
    width: 48%;
    margin: 1%;
    text-align: center;
    font-size: 19px;
    height: 60px;
    line-height: 60px;
    background: #CED3F4;
    transition: all ease 0.3s;
}

.mypage01 .mypage-navi .btn01:hover,
.mypage01 .mypage-navi .btn01.active {
    background: #3051C1;
    color: #fff;
}


.my-summary {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}

.my-summary .profile,
.my-summary .works {
    border: solid 1px #e1e1e1;
    border-radius: 3px;
}

.my-summary .profile {
    width: 23%;
    padding: 20px 20px 30px 20px;
    text-align: center;
}

.my-summary .profile p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.my-summary .profile p .logout {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    padding: 4px 12px;
    border-radius: 4px;
    background: #f1f1f1;
    color: #999;
}

.my-summary .profile .btn-basic {
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #3051C1;
    color: #fff;
    border-radius: 4px;
    margin: 0 auto;
}

.my-summary .profile .thumb {
    border-radius: 100%;
    margin: 0 auto 20px;
    width: 130px;
    height: 130px;
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

.my-summary .works {
    width: 75%;
    height: 276px;
    padding: 20px;
}

.my-summary .works ul {
    width: 100%;
    height: 100%;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.my-summary .works ul li {
    flex: 1;
    text-align: center;
}

.my-summary .works ul li .thumb {
    width: 130px;
    height: 130px;
    background-color: #f7f7f7;
    border-radius: 100%;
    margin: 0 auto 20px;
}

.my-summary .works ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.my-summary .works ul li a p {
    font-size: 18px;
    font-weight: 700;
}

.my-summary .works ul li a.active .thumb {
    border: 2px solid #3051C1;
    box-sizing: border-box;
}

.my-summary .works ul li a.active p {
    color: #3051C1;
}

.my-summary .works ul li a p span {
    display: block;
    font-weight: 400;
}

.my-summary .works ul li a:hover {
    color: #3051C1;
}

.milsystem {
    flex-wrap: wrap;
}

.milsystem p {
    width: 23%;
    margin: 0 16px 8px 0;
}

.milsystem p span {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 12px;
    background: #f1f1f1;
    border-radius: 4px;
}

.tip-area {
    margin: 10px 0;
}

.tip-area p {
    font-size: 14px;
    color: #ccc;
}

.space-between {
    justify-content: space-between;
}

.mypage-enter {}

.mypage-enter .table-wrap .table01 {
    border-top: 1px solid #131313;
}

.mypage-enter .custom-checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mypage-enter .custom-checkbox label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 20px;
    align-items: center;
    font-size: 19px;
}

.mypage-enter .custom-checkbox label span {
    margin-right: 8px;
}


/*=======================================================================================

* register-area

========================================================================================*/

.register-area {

    text-align: center;
    width: 100%;
    min-height: calc(100vh - 200px);
}

.register-area .inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.register-area .register-title {
    width: 100%;
    margin-bottom: 70px;
    padding-bottom: 0;
    border-bottom: 1px solid #e1e1e1;
}

.register-area h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.register-area h3 {
    margin-bottom: 30px;
}

.register-area .login-form {
    margin: 0 auto;
}

.register-area .login-form form {
    width: 100%;
    margin-bottom: 65px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.register-area .login-form .col-box {
    margin-right: 10px;
}

.register-area .input-box {
    margin-bottom: 10px;
}

.register-area .input-box:last-of-type {
    margin-bottom: 0;
}

.register-area .input-box label {
    width: 100px;
    float: left;
    line-height: 54px;
}

.register-area .input-box .check__item label {
    width: auto;
    line-height: 1.2;
    margin-right: 16px;
}

.register-area .input-box input[type="text"],
.register-area .input-box input[type="password"] {
    float: left;
    width: 460px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #e1e1e1;
    text-indent: 12px;
    font-size: 18px;
}

.register-area input[type="submit"] {
    width: 120px;
    height: 118px;
    border-radius: 4px;
    background: #3051C1;
    border: 0;
    outline: none;
    font-size: 21px;
    color: #fff;
    text-align: center;
    line-height: 118px;
    box-sizing: border-box;
}

.register-area .button-wrap a {
    font-size: 18px;

}

/* 회원가입 */
.join-form {
    width: 100%;
}

.join-form .process-tab ul {
    width: 100%;
    margin-bottom: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.join-form .process-tab .prc-item {
    width: 300px;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size: 27px;
    background: #ccc;
}

.join-form .process-tab .prc-item.active {
    background: #3051C1;
}

.join-form .process-tab .prc-item i {
    width: 50px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

.join-form .process-tab .prc-item .ico-term {
    background: url(../img/ico_term.svg) center no-repeat;


}

.join-form .process-tab .prc-item .ico-write {
    background: url(../img/ico_write.svg) center no-repeat;

}

.join-form .process-tab .prc-item .ico-certi {
    background: url(../img/ico_certi.svg) center no-repeat;
}

.join-form .process-tab .prc-item .ico-term::after,
.join-form .process-tab .prc-item .ico-write::after,
.join-form .process-tab .prc-item .ico-certi::after {
    display: none;
}

.join-form .terms-agree {}

.join-form .terms-title {
    margin-bottom: 20px;
    text-align: left;
}

.join-form .terms-box {
    width: 100%;
    height: 200px;
    margin-bottom: 8px;
    border: 1px solid #e1e1e1;
    background: #fff;
}

.join-form .check__item {
    margin-bottom: 70px;
    font-size: 18px;
    cursor: pointer;
}

.join-form .check__item2 {
    cursor: pointer;
}

.join-form .check__item2 label {
    display: flex;
    align-items: center;
    column-gap: 6px;
	margin-right: 10px; 
}

.join-form .default__check[type=checkbox]:not(.switchbox) ~ .custom__check,
.join-form .default__check[type=radio]:not(.switchbox) ~ .custom__check,
.join-form .default__check[type=checkbox] ~ .custom__check,
.join-form .default__check[type=radio] ~ .custom__check {
    width: 20px;
    height: 20px;
}

.join-form .terms-box > div {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 20px;
    overflow-y: scroll;
}

.join-form .terms-box strong {
    display: block;
}

.join-form .button-wrap a {
    margin: 0 12px;
    height: auto;
    padding: 15px 50px;
    font-size: 24px;
    line-height: 24px;
}

.join-form .form-wrap {
    width: 100%;
    margin-bottom: 50px;
    text-align: left;
}

.join-form .form-wrap h4 {
    font-size: 21px;
    margin-bottom: 12px;
}

.join-form .form-wrap h4 span {
    color: #0E3267;
}

.join-form .form-wrap ul {
    width: 100%;
    border-top: 1px solid #e1e1e1;
}

.join-form .form-wrap .form-item {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.join-form .form-wrap .form-item .title {

    width: 200px;
    padding-left: 20px;
}

.join-form .form-wrap .form-item .title span {
    color: #0071BB;
}

.join-form .form-wrap .input-box {
    flex: 1;
    text-align: left;
}

.join-form .form-wrap .input-box .tip {
    margin-top: 10px;
}

.join-form .form-wrap input[type="text"],
.join-form .form-wrap input[type="password"] {
    display: block;
    max-width: 370px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    margin-right: 10px;

}

.join-form .form-wrap select {
    height: 42px;
    line-height: 42px;
    border-radius: 3px;

}

.join-form .form-wrap input[type="password"] {
    float: none;
}

.join-form .form-wrap input[type="submit"] {
    width: auto;
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
    background: #232323;
    font-size: 16px;
}

.join-form .form-wrap .phone {
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
}

.join-form .form-wrap .phone .tip {
    color: #0071BB;
    margin: 8px 0;
    padding-left: 30px;
    background: url(../img/ico_caution.svg) 0 center no-repeat;
}

.join-form .form-wrap .phone .certify input[type="text"] {
    width: 270px;
}

.join-form .form-wrap .phone .certify input[type="submit"] {}

.join-form .form-wrap .input-box.gender .check__item {
    margin-bottom: 0;
    flex-direction: row;
}

.input-box.course .check__item {
    flex-wrap: wrap !important;
    flex-direction: inherit !important;
    margin-bottom: 0;
}

.input-box.course .check__item label {
    margin-bottom: 10px;
}

.join-form .form-wrap .input-box.address .post {
    width: 120px;
}

.join-form .form-wrap .input-box.address > div {
    margin-bottom: 4px;
}

.join-form .form-wrap .input-box.address > div:after {
    display: block;
    content: "";
    clear: both;
}

.join-form .form-wrap .input-box .email {
    display: flex;
    align-items: center;

}

.join-form .form-wrap .input-box .email span {
    margin-right: 8px;
}

.join-form .form-wrap .input-box .email input[type="text"] {
    width: 180px;
    float: none;
}

/* 아이디 비밀번호 찾기 */


.find-form form {}

.find-form .input-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.find-form .input-box input[type="text"] {
    width: 200px;
    margin: 0 12px;
}

.find-form .input-box select {
    height: 54px;
}

.find-form .button-wrap {
    margin-bottom: 20px;
}

.find-form .help-box a {
    font-size: 14px;
    color: #666;
    margin: 0 16px;
}


/*=======================================================================================

* input radio check switch

========================================================================================*/
.check__item {
    display: flex;
    flex-direction: column;
}

.check__item label {
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
}

.default__check[type=checkbox],
.default__check[type=radio] {
    display: none;
}

.default__check[type=checkbox] ~ .custom__check,
.default__check[type=radio] ~ .custom__check {
    display: flex;
    align-items: center;
    height: 16px;
    border: 1px solid #E1E1E1;
    position: relative;
    transition: all 0.4s ease;
    cursor: pointer;
}

.default__check[type=checkbox] ~ .custom__check:after,
.default__check[type=radio] ~ .custom__check:after {
    content: "";
    display: inline-block;
    position: absolute;
    transition: all 0.4s ease;
}

.default__check[type=checkbox]:not(.switchbox) ~ .custom__check,
.default__check[type=radio]:not(.switchbox) ~ .custom__check {
    justify-content: center;
    width: 16px;
}

.default__check[type=checkbox]:not(.switchbox) ~ .custom__check:after,
.default__check[type=radio]:not(.switchbox) ~ .custom__check:after {
    visibility: hidden;
}

.default__check[type=checkbox].switchbox + .custom__check,
.default__check[type=radio].switchbox + .custom__check {
    width: 32px;
}

.default__check[type=checkbox].switchbox + .custom__check:after,
.default__check[type=radio].switchbox + .custom__check:after {
    transform: scale(1.5);
    left: 4px;
}

.default__check[type=checkbox].switchbox:not(:checked) ~ .custom__check:after,
.default__check[type=radio].switchbox:not(:checked) ~ .custom__check:after {
    background-color: #000;
}

.default__check[type=checkbox].switchbox:checked ~ .custom__check:after,
.default__check[type=radio].switchbox:checked ~ .custom__check:after {
    left: 20px;
}

.default__check[type=checkbox]:disabled ~ .custom__check,
.default__check[type=radio]:disabled ~ .custom__check {
    opacity: 0.3;
    cursor: not-allowed;
}

.default__check[type=checkbox]:checked ~ .custom__check,
.default__check[type=radio]:checked ~ .custom__check {
    background-color: #000;
}

.default__check[type=checkbox]:checked ~ .custom__check:after,
.default__check[type=radio]:checked ~ .custom__check:after {
    visibility: visible;
}

.default__check[type=checkbox]:not(.switchbox) ~ .custom__check {
    border-radius: 0.375rem;
}

.default__check[type=checkbox]:not(.switchbox) ~ .custom__check:after {
    height: 7px;
    width: 3px;
    margin-top: -1px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

.default__check[type=radio] ~ .custom__check,
.default__check[type=checkbox].switchbox ~ .custom__check {
    border-radius: 50rem;
}

.default__check[type=radio] ~ .custom__check:after,
.default__check[type=checkbox].switchbox ~ .custom__check:after {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50rem;
}


.resume-form input[type="text"],
.resume-form select,
.resume-form textarea {
    border: solid 1px #ccc !important;
}

.default__check[type=checkbox] ~ .custom__check,
.default__check[type=radio] ~ .custom__check {
    border: solid 1px #ccc !important;
}

.resume-form {
    width: 100%;
    margin-bottom: 50px;
    text-align: left;
}

.resume-form .title-box {
    border: solid 2px #121212;
}

.resume-form .title-box input[type="text"] {
    border: 0;
    max-width: 100% !important;
    width: 100% !important;
    height: 54px !important;
    line-height: 54px !important;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border: 0 !important;
}

.resume-form .title-box input::placeholder {
    font-weight: bold;
    font-size: 18px;
    text-indent: 0;
    text-align: center;
}

.resume-form h3 {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700;
}

.resume-form h4 {
    font-size: 21px;
    margin: 50px 0 20px;
    border-bottom: solid 2px #121212;
}

.resume-form h4 label {
    margin: 0 0 0 10px;
    font-weight: normal;
}

.resume-form h4 span {
    font-size: 13px;
    color: #888;
    margin-left: 10px;
    font-weight: 400;
}

.resume-form ul {
    width: 100%;
    border-top: 1px solid #e1e1e1;
}

.resume-form ul li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.resume-form ul li .title {
    width: 200px;
    padding-left: 20px;
    font-weight: 500;
}

.resume-form .input-box {
    flex: 1;
    text-align: left;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}
#hope_area_list, #hope_jikjong_list {
	display: flex;
	align-items: center;
	margin-left: 20px;
}
#hope_area_list div, #hope_jikjong_list div { margin-right: 10px; }

.resume-form .input-box .btn-del {
    /* position: absolute;
    right: 0;
    top: 1px;*/
    background-color: #999;
}

.resume-form .input-box .btn-cancel {
    padding: 0 6px;
    background-color: #999;
    height: 21px;
    line-height: 18px;
    font-size: 14px;
    margin-left: 5px;
}

.resume-form .input-box .tip {
    margin-top: 10px;
}

.resume-form .input-box .multiplex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 15px;
}

.resume-form .input-box label.title {
    color: #121212;
    font-weight: 700;
    padding-left: 0;
    width: 100% !important;
}

.resume-form .input-box .area-group {}

.resume-form input[type="text"].w-small {
    width: 20% !important;
}

.resume-form input[type="text"].w-full {
    width: 100% !important;
    margin-right: 0;
}

.resume-form input[type="text"] {
    display: block;
    width: 300px !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 16px;
    margin-bottom: 8px;
}

.resume-form textarea.selftext {
    height: 500px;
}

.resume-form .auto input[type="text"] {
    width: inherit !important;
}

.resume-form em {
    float: left;
    line-height: 42px;
    margin-right: 10px;
}

.resume-form select,
.resume-form input[type="date"] {
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    margin-right: 10px;
    text-indent: 6px;
}

.resume-form select {
    padding: 0;
    min-width: 170px;
    float: left;
    margin-bottom: 8px;
}

.resume-form textarea {
    margin-bottom: 8px;
}

.resume-form input[type="date"] {
    border: solid 1px #e1e1e1;
    min-width: 160px;
}

.resume-form input[type="submit"] {
    width: auto;
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
    background: #232323;
    font-size: 16px;
}

.resume-form label {
    width: auto !important;
    margin-right: 20px;
    display: flex;
    align-items: center;
    line-height: 42px !important;
}

.resume-form label span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.resume-form button {
    height: 42px;
    line-height: 42px;
    background-color: #333;
    color: #fff;
    padding: 0 20px;
    border-radius: 3px;
}

.resume-form .sort {
    margin-right: 50px;
}

.resume-form .sort-b {
    margin-bottom: 10px;
}

.resume-form .photo {
    width: 27%;
}

.resume-form .photo .ph-box {
    border: solid 1px #e1e1e1;
    width: 200px;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: inherit;
}

.resume-form .photo .ph-box span {
    margin-top: 0;
}

.resume-form .photo .ph-box span img {
    width: inherit !important;
    max-width: 100%;
}

.resume-form .photo span {
    font-size: 13px;
    display: block;
    margin-top: 10px;
}

.resume-form .default {
    width: 100%;
}

.resume-form .list-box {
    margin-top: 20px;
}

.resume-form .tip {
    margin-bottom: 10px;
    color: #AF125F;
}

.resume-form .tip i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background: url("../img/tip_icon.svg") no-repeat;
    vertical-align: middle;
}

.resume-form .tip2 {
    margin: 10px 0 0;
    color: #AF125F;
}

.resume-form table {}

.resume-form table th {
    text-align: center;
    border: solid 1px #ccc;
    padding: 5px 0;
    background-color: #f7f7f7;
}

.resume-form table td {
    text-align: center;
    border: solid 1px #ccc;
    padding: 5px 10px;
}

.resume-form .btn-wrap {
    text-align: center;
    padding: 30px 0;
}

.resume-view {
    width: 100%;
    margin-bottom: 50px;
    text-align: left;
}

.resume-view .title-box {
    border: solid 2px #121212;
    text-align: center;
    font-size: 24px;
}

.resume-view .title-box {
    border: solid 2px #ccc;
    padding: 10px 0;
}

.resume-view .title-box input[type="text"] {
    border: 0;
    max-width: 100% !important;
    width: 100% !important;
    height: 54px !important;
    line-height: 54px !important;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.resume-view .title-box input::placeholder {
    font-weight: bold;
    font-size: 18px;
    text-indent: 0;
    text-align: center;
}

.resume-view h3 {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700;
}

.resume-view h4 {
    font-size: 21px;
    margin: 50px 0 0;
    border-bottom: solid 2px #121212;
}

.resume-view h4 span {
    font-size: 18px;
    color: #121212;
    margin-left: 10px;
    font-weight: 700;
}

.resume-view h4 span strong {
    color: #AF125F
}

.resume-view ul {
    width: 100%;
    border-top: 1px solid #e1e1e1;
}

.resume-view ul li {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.resume-view ul li .title {
    width: 200px;
    padding-left: 20px;
    padding: 10px;
}

.resume-view ul li .text-box {
    padding: 10px;
    width: 100%;
}

.resume-view ul li .text-box .tit-01 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
}

.resume-view ul li .text-box em {
    margin: 0 10px;
    color: #ccc;
}

.resume-view .photo {
    width: 27%;
}

.resume-view .photo .ph-box {
    border: solid 1px #e1e1e1;
    width: 200px;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: inherit;
}

.resume-view .photo .ph-box span {
    margin-top: 0;
}

.resume-view .photo .ph-box span img {
    width: inherit !important;
    max-width: 100%;
}

.resume-view .default {
    width: 100%;
}

.resume-view dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: dotted 1px #e1e1e1;
}

.resume-view dl dt {
    width: 10%;
}

.resume-view dl dd {}

.resume-view dl.col1 dt {
    width: 10%;
}

.resume-view dl.col1 dd {
    width: 90%;
}

.resume-view dl.col2 dt {
    width: 10%;
}

.resume-view dl.col2 dd {
    width: 40%;
}

.resume-view dl.col3 dt {
    width: 10%;
}

.resume-view dl.col3 dd {
    width: 23.3%;
}

.resume-view dl.col4 dt {
    width: 10%;
}

.resume-view dl.col4 dd {
    width: 15%;
}

.resume-view ul li .text-box h3 {
    font-size: 18px;
}

.resume-view .input-box {
    flex: 1;
    text-align: left;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 10px;
}

.bt-0 {
    border-top: none !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

@media (max-width: 767px) {
    .my-summary {
        flex-direction: column;
    }

    .my-summary .profile {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .my-summary .profile {
        margin-bottom: 20px;
    }

    .my-summary .works ul {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    .my-summary .works ul li {
        flex: 1;
        text-align: center;
    }

    .my-summary .profile a {
        margin-left: 0;
    }

    .my-summary .works {
        width: 100%;
    }

    .my-summary .works ul li .thumb {
        width: 64px;
        height: 64px;
    }

    .my-summary .works ul li a p {
        font-size: 14px;
    }

    .join-form .form-wrap .input-box .tip {
        font-size: 13px;
    }

    .join-form .input-box {
        margin-bottom: 0 !important;
    }

    .join-form .input-box .emailbox {
        width: 25% !important;
    }

    .join-form .input-box .post {
        width: 50% !important;
    }

    .join-form .input-box #postcode,
    .join-form .input-box #address1 {
        margin-bottom: 5px;
    }

    .resume-form ul li {
        flex-direction: column;
    }

    .resume-form ul li .title {
        width: 100%;
        padding-left: 0;
        font-size: 14px;
    }

    .resume-form .flex {
        flex-wrap: wrap;
    }

    .resume-form .flex .photo {
        width: 100%;
    }

    .resume-form .input-box {
        width: 100%;
        margin-bottom: 0 !important;
        font-size: 14px;
    }

    .resume-form ul li p,
    .resume-form select {
        font-size: 14px;
    }

    .resume-form select,
    .resume-form input[type="date"],
    .resume-form input[type="text"].w-small,
    .resume-form button,
    .resume-form input[type="text"].w-full {
        height: 34px !important;
        line-height: 34px !important;
    }

    .resume-form button {
        margin-left: 0 !important;
    }
}


/*=================================================================================

* Accordion Style

=================================================================================*/
.accordion { width: 100%; border-radius: 8px; overflow: hidden; /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */}
.accordion h3 { margin-bottom: 10px; color: #121212; font-size: 21px;  }
.accordion-item { border-bottom: 1px solid #fff; }
.accordion-item.item { border: 0; margin-bottom: 20px; }
.accordion-item.item .accordion-header { font-size: 24px; background-color: #fff; border-radius: 20px; border: solid 1px #e1e1e1; position: relative; }
.accordion-header { width: 100%; padding: 15px 20px; text-align: left; background-color: #f7f7f7; border: none; outline: none; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; font-size: 17px; display: flex; justify-content: space-between;
    align-items: center; font-weight: 700;}
.accordion-item.item .accordion-header .plus { position: absolute; left: 137px; top: 9px; }
.accordion-header::after { content: ''; width: 18px; height: 15px; background: url("../img/accordion-icon.svg") no-repeat; }
.accordion-header.active::after { transform: rotate(59deg); margin-right: 2px; /* Rotate to create an 'X' */ }
.accordion-header:hover { background-color: #F6C11C; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background-color: white; }
.accordion-content p { padding: 5px 0 5px 50px; margin: 0; line-height: 1.6; font-size: 18px; }
.accordion-content.show { max-height: 200px; /* Adjust based on content length */ }
.accordion-content .faq-list { padding: 30px; }
.accordion-content .faq-list ul { margin-left: 40px; }
.accordion-content .faq-list ul li { list-style: circle outside; margin: 10px 0; }
.accordion-content .faq-list ul li span { display: block; font-size: 14px; color: #747474; }
.accordion-content .item-view { padding: 30px 0; }
.accordion-item.item .accordion-header.item-01 { color: #DF6220; }
.accordion-item.item .accordion-header.item-02 { color: #4BA738; }
.accordion-item.item .accordion-header.item-03 { color: #CA366C; }
.accordion-item.item .accordion-header.item-04 { color: #28A9DA; }
.accordion-item.item .accordion-header.item-05 { color: #E69B27; }
.accordion-item.item .accordion-header.item-06 { color: #512E85; }
.accordion-item.item .accordion-header.item-07 { color: #1D853D; }
.accordion-item.item .accordion-header.item-08 { color: #223989; }
.accordion-item.item .accordion-header.item-09 { color: #208E75; }

.cont-ai-info { display: flex; justify-content: space-evenly; margin-bottom: 50px; }
.cont-ai-info li { width: 25%; display: flex; align-items: center; flex-direction: column; background-color: #F5F9FF; border-radius: 20px; padding: 20px; }
.cont-ai-info li div { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; background-color: #D8E5FC; border-radius: 100%; margin-bottom: 20px; }
.cont-ai-info li p { text-align: center; }
.cont-ai-info li strong { font-weight: 700; margin-bottom: 10px; display: block; }

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media(max-width: 768px) {

    /* 768px 레이아웃 */
	.cont-ai-info { flex-wrap: wrap; }
	.cont-ai-info li { width: 100%; margin-bottom: 10px; }
	
}

@media(max-width: 767px) {
    /* 767px 이하  레이아웃 */
}

/*================================================================================

*  LIVE 영상

=================================================================================*/
.cf:after {
    display: block;
    clear: both;
    content: '';
}

.vid_wrap {
    width: 100%;
    margin-bottom: 100px;
}

.vid_wrap .vid_item {
    width: 400px;
    height: 400px;
    float: left;
    border: 1px solid #e1e1e1;
    margin: 12px;
    padding: 16px;
}

.vid_wrap .vid_item .vid_op {
    width: 100%;
    height: 240px;
    margin-bottom: 12px;
    background: #333;
}

.vid_wrap .vid_item .vid_op iframe {
    width: 100%;
    height: 100%;
}

.vid_wrap .vid_item .text_area {}

.vid_wrap .vid_item .text_area p.text01 {
    font-size: 16px;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid #2D3D99;
    color: #2D3D99;
    margin-bottom: 6px;
}

.vid_wrap .vid_item .text_area p.text02 {
    padding: 4px 0 12px 8px;
}

.vid_wrap .vid_item .text_area a {
    text-decoration: underline;
    font-size: 19px;
}

.vid_wrap .vid_item .text_area p.text03 {
    text-decoration: none;
    font-size: 14px;
    text-align: right;
}

@media(max-width: 480px) {

    /* 480px 이하  레이아웃 */
    .vid_wrap .vid_item {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 0 12px 0;
    }

    .vid_wrap .vid_item .text_area p.text01,
    .vid_wrap .vid_item .text_area p.text03 a {
        font-size: 12px;
    }

    .vid_wrap .vid_item .text_area p.text02 a {
        font-size: 14px;
    }
}

/*================================================================================

*  카드뉴스

=================================================================================*/
.card_wrap {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
}

.card_wrap .card-item {
    margin: 10px;
}

.card_wrap .card-item a {
    display: block;
}

.card_wrap .card-item .thum-area {
    width: 300px;
    height: 300px;
    background: #f1f1f1;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.card_wrap .card-item .thum-area img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.card_wrap .card-item .title {
    width: 100%;
    font-size: 17px;
    font-weight: bold;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*=================================================================================

* 뷰페이지

=================================================================================*/
.view-area {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.view-area .view-title {
    width: 100%;
    border-top: 1px solid #232323;
}

.view-area .view-title h4 {
    line-height: 1.6;
    padding: 20px;
    font-size: 20px;
    color: #232323;
    margin-bottom: 0;
    word-wrap: break-word;
    font-weight: 500;
}

.view-area .view-title .view-info {
    border-top: 1px solid #f1f1f1;
    padding: 20px 0;
}

.view-area .view-title .view-info ul {
    display: inline-block;
    overflow: hidden;
}

.view-area .view-title .view-info ul li {
    float: left;
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.6;
}

.view-area .view-title .view-info ul li + li {
    border-left: 1px solid #ccc;
}

.view-area .view-title span {
    float: left;
    padding-right: 8px;
}

.view-area .view-title .text {
    color: #707070;
    float: left;
}

.view-area .view-title .text:before {
    content: ":";
    padding-right: 8px;
}

.view-area .view-cont {
    min-height: 350px;
    margin-bottom: 30px;
    padding: 20px 20px 40px;
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    word-wrap: break-word;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
}

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media (max-width: 768px) {
	.card_wrap { flex-direction: column; }
	.card_wrap .card-item .thum-area { width: 100%; height: inherit; }
	.card_wrap .card-item .thum-area img { width: 100%; }
	.resume-view .title-box { font-size: 18px; }
	.resume-view h4 { margin: 30px 0 0; }
	.resume-view .photo { width: 100%; }
	.resume-view .default { width: 100%; }
	.resume-view .photo .ph-box { width: 40%; padding: 3px; margin: 0 auto; }
	.resume-view ul li .title { width: 90px; }
	.milsystem p { width: 100%!important; }
	.resume-view dl.col2 dt { width: 40%; }
	.resume-view dl.col4 dt { width: 42%; }
	.resume-view dl.col4 dd { width: 20%; }
	.resume-view dl.col1 dt { width: 40%; }
	.resume-view dl.col3 dt { width: 40%; }
	.fair-locations .box .map-info dd a { width: 120px; }
	.accordion-header { font-size: 15px!important; }
	/* 로그인 회원가입 */
    .register-area h2 {
        font-size: 28px;
    }
    .register-area .register-title {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .register-area .login-form {}
    .register-area .login-form form {
        flex-direction: column;
    }
    .register-area .login-form .col-box {
        width: 100%;
        margin: 0;
    }
    .register-area .input-box label {
        text-align: left;
        line-height: 30px;
    }
    .register-area .input-box:last-of-type {
        margin-bottom: 20px;
    }
    .register-area .input-box input[type='text'], .register-area .input-box input[type='password'] {
        width: 100%;
    }
    .register-area input[type='submit'], .join-form .button-wrap a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        padding: 0;
    }
    .join-form .button-wrap a {
        margin: 0 0 8px 0;
    }
    .find-form .button-wrap .btn {
        width: 100%;
    }
    .join-form .process-tab .prc-item {
        width: auto;
        flex: 1;
        margin: 0 2px;
        padding: 12px 0;
        height: auto;
        line-height: 1.2;
        font-size: 14px;
    }
    .join-form .process-tab ul {
        margin-bottom: 50px;
    }
    .join-form .process-tab .prc-item i {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto 12px;
    }
    .join-form .process-tab .prc-item .ico-term, .join-form .process-tab .prc-item .ico-write, .join-form .process-tab .prc-item .ico-certi {
        background-size: contain;
    }
    .join-form .form-wrap .form-item {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .join-form .form-wrap .form-item .title {
        padding: 0;
        margin-bottom: 8px;
        font-size: 14px;
    }
    .join-form .form-wrap .input-box {
        width: 100%;
    }
    .join-form .form-wrap input[type='text'], .join-form .form-wrap input[type='password'], .join-form .form-wrap input[type='submit'], .join-form .form-wrap select {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
		width: 100%!important;
    }
    .join-form .form-wrap input[type='submit'] {
        padding: 0 12px;
        float: left;
    }
    .join-form .form-wrap .input-box input[type='text'] {
        width: 100%;
    }
    .register-area .input-box .check__item label, .join-form .form-wrap .input-box.gender .check__item {
        font-size: 14px;
    }
    .join-form .form-wrap .input-box.gender .check__item, .join-form .form-wrap .input-box.course .check__item {
        flex-direction: column;
    }
    .input-box.course .check__item {
        flex-wrap: wrap !important;
        flex-direction: inherit !important;
    }
    .register-area .input-box .check__item label {
        margin: 0 0 8px 0;
    }
    .join-form .form-wrap .input-box .email input[type='text'] {
        width: 30%;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 5px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 5px;
    }
}

@media (max-width: 767px) {
    .view-area .view-title h4 {
        font-size: 16px;
        padding: 16px 10px;
    }

    .view-area .view-title .view-info ul li {
        padding: 0 8px;
        font-size: 12px;
        line-height: 1.4;
    }
}
/*=================================================================================

* ai 자소서 코칭

=================================================================================*/
.coaching-wrap {}

.coaching-wrap .box {
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: #f7f7f7;
    margin-bottom: 50px;
    text-align: center;
}

.coaching-wrap .box p {
    font-size: 19px;
}

.coaching-wrap .box p strong {
    font-size: 21px;
    color: #2D3D99;
}

.coaching-wrap .video-area {
    width: 100%;
    height: 720px;
    margin-bottom: 50px;
}

.coaching-wrap .video-area iframe {
    width: 100%;
    height: 100%;
}

.coaching-wrap .button-wrap a {
    width: 240px;
}

/*=================================================================================

* 취업 tool

=================================================================================*/
.tool-wrap {}

.tool-wrap .item {
    float: left;
    width: 48%;
    margin: 0 1% 1% 0;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tool-wrap .item .thum {
    width: 100px;
    height: 100px;
    background: #f1f1f1;
    border-radius: 4px;
    margin-right: 20px;
}

.tool-wrap .item .thum img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tool-wrap .item .text-area {}

.tool-wrap .item .text-area .text01 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 12px;
}

.tool-wrap .item .text-area .link {
    position: relative;
    color: #264AC4;
}

.tool-wrap .item .text-area .link:before,
.tool-wrap .item .text-area .link:after {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    width: 1.5px;
    height: 6px;
    background: #264AC4;
}

.tool-wrap .item .text-area .link:before {
    top: 5px;
    right: -8px;
    transform: rotate(-45deg);
}

.tool-wrap .item .text-area .link:after {
    top: 9px;
    right: -8px;
    transform: rotate(45deg);
}

/*=================================================================================

* 개인정보처리방침

=================================================================================*/
.terms-wrap {}

.terms-area .text-area {
    margin-bottom: 50px;
    padding: 40px;
    border: 1px solid #f1f1f1;
    border-radius: 12px;
    font-size: 21px;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

.text-center {
    text-align: center !important;
}

.terms-area .terms-box {
    width: 100%;
    min-height: 260px;
    margin-bottom: 20px;
    padding: 40px;
    background: #f7f7f7;
    border-radius: 12px;
}

.terms-area .terms-box h3 {}

.terms-area .terms-box h4 {
    margin-bottom: 12px;
    font-size: 18px;
}

.terms-area .terms-box p {
    line-height: 1.6;
    margin-bottom: 8px;
}

.terms-area .custom-checkbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.terms-area .custom-checkbox label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}

.terms-area .custom-checkbox label .custom__check {
    margin-right: 8px;
}

/*=================================================================================

* 참가안내

=================================================================================*/
.fair-enter {}
.fair-enter .sub-title03 {
    text-align: center;
}
.fair-enter .caution-area {
    margin-top: 30px;
}
.fair-enter .caution-area p {
    color: #999;
    font-weight: 300;
    font-size: 14px;
}
.fair-enter .sub-title03:after {
    display: block;
    clear: both;
    content: '';
    width: 30px;
    height: 3px;
    background: #2D3D99;
    margin: 10px auto 0;
}

.fair-enter .step-area {
    margin-bottom: 80px;
}

.fair-enter .step-area ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.fair-enter .step-area .item {
    position: relative;
    float: left;
    width: 25%;
    height: 370px;
    padding: 25px;
    text-align: center;
}

.fair-enter .step-area .item:before {
    display: block;
    content: "";
    clear: both;
    width: 30px;
    height: 12px;
    background: url(../img/icon-longarrow-right.svg) center/contain no-repeat;
    position: absolute;
    top: 30%;
    left: -30px;
}

.fair-enter .step-area .item:first-child::before {
    display: none;
}

.fair-enter .step-area .item .img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 1.5px solid #2D3D99;
    margin: 0 auto 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fair-enter .step-area .item .img img {
    width: 80%;
    margin: 0 auto;
}
.fair-enter .step-area .item h3 {
    font-size: 19px;
    margin-bottom: 12px;
    color: #2D3D99;
}

.fair-enter .step-area .item .text01 {
    font-size: 15px;
    color: #444;
    font-weight: 400;
}

.fair-enter .step-area .item .btn-small {
    margin-top: 20px;
}

.fair-enter .product-area {}

.fair-enter .product-area .box {
    float: left;
    width: 48%;
    height: 230px;
    margin-right: 2%;
    background: #f8f8f8;
}

.fair-enter .product-area .box:last-of-type {
    margin: 0;
}

.fair-enter .product-area .box .item {

    padding: 30px;
}

.fair-enter .product-area .box .text01 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #2D3D99;
}

.fair-enter .product-area .box .text-area {
    padding: 0 0 0 40px;
}

.fair-enter .product-area .box .text02 {
    font-size: 17px;
    margin-bottom: 10px;
    position: relative;
}

.fair-enter .product-area .box .text02:after {
    position: absolute;
    top: 10px;
    left: -10px;
    display: block;
    clear: both;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #333;
}

/*=================================================================================

* 취업성공수기

=================================================================================*/
.success-wrap .box {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.success-wrap .box01 {
    padding: 80px 0;
    border-top: 10px solid #3051c2;
    border-bottom: 10px solid #3051c2;
    background: url(../img/contents01.png) 100% 100%/contain no-repeat;
}

.success-wrap .box01 .text01 {
    font-size: 42px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
}

.success-wrap .box01 .text02 {
    font-size: 21px;
    font-weight: 500;
}

.success-wrap .box .title {
    float: left;
    width: 300px;
}

.success-wrap .box .title .text01 {
    font-weight: bold;
    font-size: 32px;
    color: #3051c2;
    margin-bottom: 20px;
}

.success-wrap .box .title .text02 {
    font-size: 32px;
    font-weight: bold;
}

.success-wrap .box .text-area {
    float: left;
    width: calc(100% - 300px);
    padding: 0 0 0 40px;
}

.success-wrap .box .text-area p {
    font-size: 17px;
    text-indent: 10px;
    margin-bottom: 30px;
    word-break: break-all;
    word-wrap: normal;
}

.success-wrap .box .text-area p span {
    display: contents;
    word-break: break-all;
    word-wrap: normal;
    font-size: 19px;
    font-weight: bold;
}

/*=================================================================================

* Tab

=================================================================================*/
.tabs {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}

#tab-links {
    width: 100%;
    list-style-type: none;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.tabs .tab-link {
    flex: 1;
    text-align: center;
}

.tabs .tab-link a {
    display: block;
    height: 80px;
    line-height: 80px;
    text-decoration: none;
    background: #fff;
    transition: all 0.2s ease-in-out;
    border: 1px solid #e1e1e1;
    border-bottom-color: #3051C1;
}

.tabs .tab-link a.active {
    border-color: #3051C1;
    color: #3051C1;
    border-bottom: 0;
}

.tabs .tab-link a:hover:not(.active) {
    color: #232323;
}

.tabs .tab-link a span {
    line-height: 1.2;
    font-size: 20px;
}

.tabs section {
    width: 100%;
    min-height: 880px;
    background: #fff;
    padding: 40px 0;
    display: none;
}

.tabs section.active {
    display: block;
}

@media(max-width: 1200px) {
    /* 1200px 레이아웃 */
}

@media (max-width: 768px) {
    .tabs .tab-link a {
        height: 60px;
        line-height: 60px;
    }

    .tabs .tab-link a span {
        font-size: 15px;
    }
}

@media (max-width: 767px) {}

/*=================================================================================

* 체용관

=================================================================================*/

.part_wrap {
    width: 100%;
}

.part_wrap ul {
    flex-wrap: wrap;
    flex-direction: row !important;
}

.part_wrap .items {
    width: 25%;
    padding: 10px;
}

.part_wrap .items .in_box {
    background: #fff;
    padding: 16px;
    border: 1px solid #f1f1f1;
}

.part_wrap .items .logo_area {
    width: 100%;
    height: 80px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 12px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 45px;
}

.part_wrap .items .info_area {
    text-align: center;
}

.part_wrap .items .info_area h4 {
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 16px;
	height: 56px;
    font-weight: 600;
    border-bottom: 1px solid #e1e1e1;
}

.part_wrap .items .info_area a {
    width: 100%;
	font-size: 18px;
	margin-top: 10px;
}

.part_wrap .items .info_area p { text-align: left; font-size: 15px; }
.comp-detail {}

.comp-detail .recruit-title .sub-title02 {
    margin-bottom: 20px;
}

.comp-detail .box {
    margin-bottom: 50px;
}

.comp-detail .box .table04 li:nth-last-child(2),
.comp-detail .box .table04 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.comp-detail .box.detail-cont {
    width: 100%;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 40px 0;
}

@media(max-width: 1200px) {

    /* 1200px 레이아웃 */
    .part_wrap .items {
        width: 33%;
    }
}

@media(max-width: 768px) {
    /* 768px 레이아웃 */
	.coaching-wrap .box { padding: 20px 30px; }
	.coaching-wrap .box p, .coaching-wrap .box p strong { font-size: 14px; display: inline; }
	.coaching-wrap .video-area { height: 197px; }
	.coaching-wrap .button-wrap a { width: 100%; }
	.tool-wrap .item { width: 100%; }
	.tool-wrap .item .text-area .text01 { font-size: 18px; }

	.join-form .form-wrap .form-item .title { width: 100px; }
	.milsystem p { width: 80%; }
}

@media(max-width: 480px) {

    /* 480px 이하  레이아웃 */
    .part_wrap .items {
        width: 100%;
        padding: 12px;
    }

    .part_wrap .items .in_box {
        padding: 20px;
        height: auto;
    }
}

/*=================================================================================

* 취업컨설팅

=================================================================================*/
.consult-wrap {}

.consult-wrap .box {
    margin-bottom: 50px;
}

.consult-view .view-cont {
    margin-bottom: 0;
    border-bottom: 0;
}

.consult-view .answer-area {}

.consult-view .answer-area .view-title {
    background: #f8f8f8;
}

.consult-view .answer-area .view-cont {
    border-bottom: 1px solid #ccc;
}

.consult-write {}

.consult-write select {
    width: 100%;
}

.consult-write textarea {
    width: 100%;
    min-height: 260px;
}

/*=================================================================================

* 이용약관

=================================================================================*/
.agree-wrap {
    padding-top: 150px;
}

.agree-area {}

.agree-area .box {}

.agree-area .box .sub-title {
    font-size: 34px;
    margin-bottom: 60px;
    color: #131313;
}

.agree-area .box li {
    margin-bottom: 50px;
}

.agree-area .box h4 {
    margin-bottom: 20px;
    font-size: 21px;
}

.agree-area .box h5 {
    margin-bottom: 12px;
}

.agree-area .box p {
    margin-bottom: 8px;
}

.agree-area .box p.text02 {
    padding-left: 20px;
    color: #666;
}

/*=================================================================================

* 참여신청

=================================================================================*/
.fair-apply {
    padding-top: 120px;
}

.mypage-enter .caution-box {
    margin-bottom: 50px;
    padding: 40px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
}

.mypage-enter .caution-box h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.mypage-enter .caution-box .info {
    text-align: center;
}

.mypage-enter .caution-box dl {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.mypage-enter .caution-box dt {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    background: #2142B1;
    color: #fff;
    margin-right: 10px;
    width: 80px;
    text-align: center;
}

.mypage-enter .caution-box dd {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
}

/*=================================================================================

* 인성검사

=================================================================================*/
.onlineTest-wrap {}

.onlineTest-wrap .text-area {
    width: 100%;
    position: relative;
}

.onlineTest-wrap .text-area .txt_intro {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 23px
}

.onlineTest-wrap .text-area .button-wrap {
    margin: 40px 0 0;
    text-align: left;
}

.onlineTest-wrap .text-area img {
    position: absolute;
    top: -50%;
    right: 0;
	width: 49%;
}

/*=================================================================================

* 미디어쿼리

=================================================================================*/

@media (max-width: 1280px) {
    .sub-page .inner {
        padding: 80px 20px 50px;
    }

    .location .inner {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .fair-locations .box .map-box,
    .fair-locations .box .map-info {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .fair-locations .box .map-info {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .sub-page .inner {
        padding: 60px 20px 40px;
    }

    .location .inner {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .sub-visual {
        height: 280px;
    }

    .sub-visual .title-area {
        margin-top: 50px;
    }

    .sub-visual .title-area h2 {
        font-size: 32px;
        margin-bottom: 0;
    }

    .sub-visual .title-area p {
        font-size: 17px;
    }

    .sub-title02 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .fair-info {
        flex-direction: column;
    }

    .fair-info .box-poster {
        width: 100%;
        height: 480px;
    }

    .fair-info .box {
        width: 100%;
        padding: 40px 20px;
    }

    .fair-info .box dt {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .fair-info .box dd {
        font-size: 14px;
        line-height: 40px;
    }

    .fair-locations .box .button-wrap {
        flex-direction: row;
    }

    .fair-locations .box .button-wrap a {
        font-size: 13px;
        margin: 0 2px;
    }

    .sub-title02.img-title {
        width: 80%;
        max-width: 500px;
    }

    .sub-title02.img-title span {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .success-wrap .box {}

    .success-wrap .box01 {
        padding: 40px 0 80px;
        border-top: 5px solid #3051c2;
        border-bottom: 5px solid #3051c2;
        background: url(../img/contents01.png) 100% 100%/50% no-repeat;
    }

    .success-wrap .box01 .text01 {
        font-size: 32px;

    }

    .success-wrap .box01 .text02 {
        font-size: 17px;
    }

    .success-wrap .box .title {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .success-wrap .box .title .text01 {
        margin-bottom: 0;
        font-size: 21px;
    }

    .success-wrap .box .title .text02 {
        font-size: 25px;
        line-height: 1.2;
    }

    .success-wrap .box .text-area {
        float: none;
        width: 100%;
        padding: 0;
    }

    .success-wrap .box .text-area p {
        font-size: 14px;
    }

    .success-wrap .box .text-area p span {

        font-size: 16px;
    }

    .mypage-enter .caution-box {
        margin-bottom: 30px;
        padding: 25px;
    }

    .mypage-enter .caution-box h3 {
        width: 80%;
        margin: 0 auto 20px;
        font-size: 24px;
    }

    .mypage-enter .caution-box dl {
        display: block;
        margin: 10px 0;
        text-align: left;
    }

    .mypage-enter .caution-box dt {
        height: 30px;
        line-height: 30px;
        margin-right: 8px;
        width: 50px;
        font-size: 14px;
    }

    .mypage-enter .caution-box dd {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
    }
    .onlineTest-wrap .text-area  {
        padding-top: 300px;
    }
    .onlineTest-wrap .text-area img {
        top: 0;
		width: 100%;
    }
    .fair-enter .step-area {
        margin-bottom: 40px;
    }
    .sub-title03 {
        font-size: 19px;
    }
    .fair-enter .step-area ul {
        width: 100%;
        justify-content: space-between;
    }
    .fair-enter .step-area ul .item {
        width: 49%;
        float: none;
        padding: 0;
        height: 250px;
    }

    .fair-enter .step-area .item:before {
        display: none;
    }

    .fair-enter .step-area .item .img {
        width: 100px;
        height: 100px;
    }

    .fair-enter .step-area .item h3 {
        font-size: 16px;
    }

    .fair-enter .step-area .item .text01 {
        font-size: 12px;
    }
    .fair-enter .step-area .item .btn-small {
        width: 85%;
        margin: 10px auto 0;
        padding: 0;
        height: 35px;
        line-height: 35px;
    }
    .fair-enter .step-area:nth-of-type(2) .item:first-of-type {
        height: 320px;
    }
    .fair-enter .product-area .box {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
        height: auto;
    }
    .fair-enter .product-area .box .item {
        padding: 20px;
    }
    .fair-enter .product-area .box .text-area {
        padding: 0 ;
    }
    .fair-enter .product-area .box .text01 {
        font-size: 17px;
    }
    .fair-enter .product-area .box .text02 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .fair-enter .caution-area {
        margin-top: 15px;
    }
    .fair-enter .caution-area p {
        font-size: 11px;
        margin-bottom: 4px;
    }
}

/* contents */
.experience-01 { margin-bottom: 50px; }
.experience-01 h3, .experience-02 h3 { font-size: 21px; margin-bottom: 20px; }
.experience-01 ul { display: flex; flex-wrap: wrap; }
.experience-01 ul li { width: 23.5%; margin: 0 2% 2% 0; background-color: #f7f7f7; border-radius: 5px; padding: 15px; display: flex; justify-content: space-between; }
.experience-01 ul li:nth-of-type(4n) { margin-right: 0; }
.experience-01 ul li h4 { font-size: 18px; margin-bottom: 10px; }
.experience-01 ul li div:nth-child(1) { width: 28%; }
.experience-01 ul li div:nth-child(2) { width: 65%; }
.experience-02 .flex { }
.experience-02 .flex .info { width: 23.5%; margin-right: 2%; }
.experience-02 .flex .gift-thumb { width: 74.5%; }
.experience-02 .flex .gift-thumb ul { display: flex; }
.experience-02 .flex .gift-thumb ul li { width: 23.5%; margin-right: 2%; text-align: center; }
.experience-02 .flex .gift-thumb ul li:last-child { margin-right: 0; }
.experience-02 .flex .gift-thumb ul li div { margin-bottom: 10px; }
.experience-02 .flex .gift-thumb ul li span { display: block; }
.experience-02 .info strong { margin: 50px 0 10px; font-size: 21px; }
.experience-02 .info p span { font-weight: 700; }

/* main logo scroll */
.logoSwiper { position: relative; overflow: hidden; }
.logoSwiper .logo-box { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 70px; }
.logoSwiper .logo-box a { display: flex; align-items: center; justify-content: center; width: 18%!important; max-height: 80px; margin: 1%!important; border: solid 1px #e1e1e1; border-radius: 3px; text-align: center; padding: 20px 0; background-color: #fff;}
.logoSwiper .logo-box a img { width: 60%; }
.logoSwiper .swiper-button-next { background: url(../img/icn-next.svg) no-repeat center center; right: 0; width: 64px; height: 64px; transform: translateY(-43%); }
.logoSwiper .swiper-button-next::after { display: none; }
.logoSwiper .swiper-button-prev { background: url(../img/icn-prev.svg) no-repeat center center; left: 0; width: 64px; height: 64px; transform: translateY(-43%); }
.logoSwiper .swiper-button-prev::after { display: none; }
@media (max-width: 768px) {
	.logoSwiper .swiper-button-next { width: 24px; height: 24px;  background-size: 100%; }
	.logoSwiper .swiper-button-prev { width: 24px; height: 24px; background-size: 100%; }
	.logoSwiper .logo-box { padding: 0 15px; }
	.logoSwiper .logo-box a { width: 30%!important; padding: 10px 0 7px; }
	.experience-01 ul li { width: 100%; margin-right: 0; }
	.experience-02 .flex .info, .experience-02 .flex .gift-thumb { width: 100%; margin-right: 0; }
	.experience-02 .info { margin-bottom: 20px; }
	.experience-02 .info strong { display: none; }
	.experience-02 .flex .gift-thumb ul { flex-wrap: wrap; }
	.experience-02 .flex .gift-thumb ul li { width: 50%; margin-right: 0; }
}