@charset "utf-8"; /*폰트*/
.mt80 {
    margin-top: 80px;
}
.mt20 {
    margin-top: 20px;
}
.r {
    text-align: right;
}
div.s_cont {
    width: 1200px;
    position: relative;
    z-index: 3;
    min-height: 400px;
    margin: 70px auto 0 auto;
    padding: 70px 50px 100px 50px;
    box-sizing: border-box;
    background: #fff;
}
div.ngv_bg {
    background: url(../images/cont/ngv_bg.png) no-repeat 100px 40px;
}

h3 {
    font: 600 34px/40px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

h3 span {
    font: 400 24px/40px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

h3.sub {
    text-align: left;
    font: 600 34px/40px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

h4 {
    font: 400 24px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

h4 span {
    letter-spacing: -1px;
    display: inline-block;
    padding-bottom: 1px;
    font: 400 26px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    border-bottom: 1px solid #e7a023
}

h5 {
    font: 600 20px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_tit {
    padding-left: 30px;
    font: 600 30px/40px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/s_tit_bg.png')no-repeat 0 8px
}

.s_tit01 {
    font: 600 30px/40px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_tit02 {
    font: 600 27px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_text {
    margin-top: 10px;
    font: 400 19px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_text01 {
    font: 400 18px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

.s_text02 {
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

.s_text03 {
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_text04 {
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_text05 {
    font: 600 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.s_text06 {
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

.s_text07 {
    font: 400 15px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

/* 181210추가*/
span.han {
    font-weight: normal;
    font-family: "malgun Gothic", 굴림, Dotum, Arial
}

.dot_text {
    padding-left: 12px;
    font: 400 15px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px
}

.r_text {
    margin-top: -40px;
    text-align: right;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

.star {
    color: #e7a023
}

.orange {
    color: #e7a023
}

.fn_666 {
    font-weight: 400 !important;
    color: #666
}

.bold {
    font-weight: 600
}

.g_tit span {
    display: inline-block;
    border-radius: 30px;
    min-width: 200px;
    padding: 9px 30px;
    box-sizing: border-box;
    background: #eaeaea;
    font: 600 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

.in_b {
    display: inline-block
}

.lo_tit {
    font: 600 24px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.lo_tit .sm_t {
    padding-left: 5px;
    font: 400 18px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    border: none;
}

.ko_f15 {
    font-size: 15px;
    font-family: "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

.hanja {
    font-family: "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.info_top {
    text-align: center
}

div.info_top .s_text {
    margin-top: 20px;
    font: 400 19px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.content {
    margin-top: 100px
}

div.content02 {
    margin-top: 40px
}

div.bg_wline {
    border: 1px solid #ccc;
    padding: 40px 50px;
    box-sizing: border-box;
    word-break: keep-all
}

div.bg_line {
    border: 1px solid #ddd;
    padding: 40px 50px;
    box-sizing: border-box;
    background: #f9f9f9
}

div.bg_line p {
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

div.bg_line02 {
    border: 1px solid #ddd;
    border-top: none !important;
    padding: 15px 50px;
    box-sizing: border-box;
    overflow: hidden
}

div.bg_line02 .text {
    float: left;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

div.bg_line02 .checks {
    float: right
}

div.bg_line03 {
    border: 1px solid #ddd;
    padding: 30px 50px;
    box-sizing: border-box;
    overflow: hidden
}

div.bg_line03 .s_text {
    margin: 15px 0 0 30px;
}

div.bg_line03 .t01 {
    font: 400 20px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

div.bg_line04 {
    border: 1px solid #ddd;
    text-align: center;
    padding: 60px 50px;
    box-sizing: border-box;
    overflow: hidden
}

div.bg_line05 {
    border: 1px solid #ddd;
    padding: 30px 50px;
    box-sizing: border-box;
    background: #f9f9f9
}

div.bg_line06 {
    border: 1px solid #ddd;
    padding: 30px 50px;
    box-sizing: border-box;
}

div.bg_gray {
    padding: 30px 50px;
    box-sizing: border-box;
    background: #f9f9f9
}

.bd_line {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.bd_dash {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 50px;
    margin-bottom: 50px
}

/*버튼*/
.btn_black {
    display: inline-block;
    text-align: center;
    width: 180px;
    padding: 15px 0;
    border: 1px solid #333;
    background: #333;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_black:hover {
    background: #fff;
    color: #333;
    border: 1px solid #333
}

.btn_orange {
    display: inline-block;
    text-align: center;
    width: 180px;
    padding: 15px 0;
    border: 1px solid #e7a023;
    background: #e7a023;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_orange:hover {
    background: #fff;
    color: #e7a023;
    border: 1px solid #e7a023
}

.btn_orange01 {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 8px 50px 8px 15px;
    border: 1px solid #e7a023;
    background: #e7a023 url('../../_img/cont/btn_arrow03.png')no-repeat 85% 50% ;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_orange01:hover {
    background: #fff url('../../_img/cont/btn_arrow02.png')no-repeat 85% 50%;
    color: #e7a023;
    border: 1px solid #e7a023
}

.btn_orange02 {
    float: right;
    vertical-align: top;
    text-align: center;
    padding: 15px 100px 14px 22px;
    border: 1px solid #e7a023;
    background: #fff url('../../_img/cont/btn_arrow02.png')no-repeat 85% 50% ;
    font: 400 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_orange02:hover {
    background: #e7a023 url('../../_img/cont/btn_arrow03.png')no-repeat 85% 50%;
    color: #fff;
    border: 1px solid #e7a023
}

.btn_email {
    display: inline-block;
    text-align: center;
    padding: 15px 55px 15px 85px;
    border: 1px solid #e7a023;
    background: #fff url('../../_img/bbs/btn_email02.png')no-repeat 50px 50% ;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_email:hover {
    background: #e7a023 url('../../_img/bbs/btn_email.png')no-repeat 50px 50% ;
    color: #fff;
    border: 1px solid #e7a023
}

.btn_adjust {
    display: inline-block;
    text-align: center;
    width: 95px;
    padding: 8px 0 8px 25px;
    border-radius: 3px;
    border: 1px solid #e7a023;
    color: #fff;
    background: #e7a023 url('../../_img/cont/btn_adjust02.png')no-repeat 20px 50%;
    font: 400 15px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_adjust:hover {
    background: #fff url('../../_img/cont/btn_adjust.png')no-repeat 20px 50%;
    color: #e7a023;
}

.btn_delete {
    display: inline-block;
    text-align: center;
    width: 90px;
    padding: 8px 0 8px 30px;
    border-radius: 3px;
    border: 1px solid #666;
    background: #666 url('../../_img/cont/btn_delete.png')no-repeat 20px 50%;
    font: 400 15px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_delete:hover {
    background: #fff url('../../_img/cont/btn_delete02.png')no-repeat 20px 50%;
    color: #666;
    border: 1px solid #666;
}

.btn_down01 {
    display: inline-block;
    text-align: center;
    padding: 15px 30px 15px 50px;
    border: 1px solid #e7a023;
    background: #e7a023 url('../images/cont/btn_down02.png')no-repeat 30px 50%;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_down01:hover {
    background: #fff url('../images/cont/btn_down.png')no-repeat 30px 50%;
    color: #e7a023 !important;
    border: 1px solid #e7a023
}

.btn_down02 {
    display: inline-block;
    text-align: center;
    padding: 15px 40px 15px 55px;
    border: 1px solid #333;
    background: #333 url('../images/cont/btn_down02.png')no-repeat 35px 50%;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.btn_down02:hover {
    background: #fff url('../images/cont/btn_down03.png')no-repeat 35px 50%;
    color: #333 !important;
    border: 1px solid #333
}

/* h5아래 좌이미지&우콘텐츠 - 배경클래스/이미지명은 [ 폴더명(길경우 압축)_페이지명+순서 ex)/hrd/sub02.html의 첫번째 배경일 경우 -> .hrd_sub0201 ]로 통일시켜주세요 */
div.h5_box {
    border: 1px solid #ddd;
    padding: 30px 50px 30px 170px;
    box-sizing: border-box;
    overflow: hidden;
}

div.h5_box p.tit {
    font: 600 18px/22px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e79f27;
}

div.h5_box p.sub {
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

div.h5_box.hrd_sub0201 {
    background: url('../../_img/cont/hrd_sub0201.png')no-repeat 45px 45%;
}

div.h5_box.hrd_sub0202 {
    background: url('../../_img/cont/hrd_sub0202.png')no-repeat 30px 50%;
}

/* h5아래 좌콘텐츠&우이미지 - 배경클래스/이미지명은 [ 폴더명(길경우 압축)_페이지명+순서 ex)/hrd/sub02.html의 첫번째 배경일 경우 -> .hrd_sub0201 ]로 통일시켜주세요 */
div.h5_box02 {
    border: 1px solid #ddd;
    padding: 32px 200px 32px 30px;
    box-sizing: border-box;
    overflow: hidden;
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

div.h5_box02.hrd_sub0301 {
    background: url('../../_img/cont/hrd_sub0301.png')no-repeat 95% 45%;
}

div.h5_box02.hrd_sub0302 {
    background: url('../../_img/cont/hrd_sub0302.png')#f9f9f9 no-repeat 95% 50%;
}

div.h5_box02.hrd_sub0303 {
    background: url('../../_img/cont/hrd_sub0303.png')no-repeat 95% 50%;
}

/*채용절차*/
p.recruitment {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

/*탭*/
ul.s_tab {
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
}

ul.s_tab li {
    float: left;
    width: 33.3%;
    text-align: center;
}

ul.s_tab .bd {
    border-right: 1px solid #ddd
}

ul.s_tab li a {
    width: 100%;
    height: 69px;
    padding: 22px 10px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font: 400 19px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #333 !important
}

ul.s_tab li a.on {
    background: #fff;
    border: 2px solid #333;
    color: #333;
    font-weight: 600;
    border-bottom: none !important
}

ul.s_tab li a.on::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    height: 71px;
    width: 1px;
    -border-right: 1px solid #e7a023;
    z-index: 1
}

ul.s_tab li:last-child a {
    border-right: 1px solid #ddd
}

ul.s_tab li:last-child a.on {
    border-right: 2px solid #333 !important
}

/*ul.s_tab li:nth-child(n+4) a  {border-top:none}
ul.s_tab li:nth-child(3n) a {border-right:1px solid #ddd}
ul.s_tab li:last-child          {width:33.4%}
ul.s_tab li:last-child a        {border-right:1px solid #ddd;}
ul.s_tab li:last-child a.on {border-right:1px solid #e7a023 !important}
ul.s_tab li:last-child a::after {left:-3px !important}*/
ul.s_tab02 {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

ul.s_tab02 li {
    float: left;
    width: 25%;
    text-align: center;
}

ul.s_tab02 .bd {
    border-right: 1px solid #ddd
}

ul.s_tab02 li a {
    width: 100%;
    height: 64px;
    padding: 18px 10px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font: 400 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-right: none
}

ul.s_tab02 li a.on {
    background: #e7a023;
    border: 1px solid #e7a023;
    color: #fff;
}

ul.s_tab02 li a.on::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    height: 64px;
    width: 1px;
    border-right: 1px solid #e7a023;
    z-index: 1
}

ul.s_tab02 li:nth-child(n+5) a {
    border-top: none
}

ul.s_tab02 li:nth-child(4n) a {
    border-right: 1px solid #ddd
}

ul.s_tab02 li:last-child {
    width: 25.1%
}

ul.s_tab02 li:last-child a {
    border-right: 1px solid #ddd;
}

ul.s_tab02 li:last-child a.on {
    border-right: 1px solid #e7a023 !important
}

ul.s_tab02 li:last-child a::after {
    left: -2px !important
}

/*ul*/
ul.dot_ul {
    border: 1px solid #ddd;
    padding: 40px 50px;
    box-sizing: border-box;
    overflow: hidden
}

ul.dot_ul > li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-top: 10px;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px
}

ul.dot_ul > li span {
    font-weight: 600;
}

ul.dot_ul > li a.link {
    color: #666
}

ul.dot_ul > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.dot_ul02 {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 50px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f9f9f9
}

ul.dot_ul02 > li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-top: 10px;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/dot_bg02.png')no-repeat 0 10px
}

ul.dot_ul02 > li span {
    font-weight: 600;
}

ul.dot_ul02 > li a.link {
    color: #666
}

ul.dot_ul02 > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul02 > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul02 > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.dot_ul03 {
}

ul.dot_ul03 > li {
    margin-top: 10px;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px
}

ul.dot_ul03 > li.mt_none {
    margin-top: 0 !important;
}

ul.dot_ul03 > li.ft22 {
    font: 400 16px/22px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica !important;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 6px;
}

ul.dot_ul03 > li span {
    font-weight: 600;
}

ul.dot_ul03 > li span.sub_cont {
    font: 400 15px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica !important;
    color: #999;
}

ul.dot_ul03 > li a.link {
    color: #666
}

ul.dot_ul03 > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul03 > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul03 > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.dot_ul04 {
    margin-top: -5px;
}

ul.dot_ul04 > li {
    margin-top: 5px;
    padding-left: 12px;
    font: 400 15px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg02.png')no-repeat 0 10px
}

ul.dot_ul04 > li span {
    font-weight: 600;
}

ul.dot_ul04 > li span.blacked {
    color: #333 !important;
    font-weight: 400 !important;
}

ul.dot_ul04 > li a.link {
    color: #666
}

ul.dot_ul04 > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul04 > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul04 > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.dot_ul04 .bd_line {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px
}

ul.dot_ul05 {
}

ul.dot_ul05 > li {
    margin-top: 5px;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg02.png')no-repeat 0 10px
}

ul.dot_ul05 > li span {
    font-weight: 600;
}

ul.dot_ul05 > li a.link {
    color: #666
}

ul.dot_ul05 > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul05 > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul05 > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.dot_ul05 .bd_line {
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px
}

ul.dot_ul06 {
    border: 1px solid #ddd;
    padding: 35px 50px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    word-break: keep-all;
    word-wrap: break-word;
}

ul.dot_ul06 > li {
    width: 50%;
    box-sizing: border-box;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/dot_bg02.png')no-repeat 0 10px
}

ul.dot_ul06 > li.per100 {
    width: 100% !important;
}

ul.dot_ul06 > li span {
    font-weight: 600;
}

ul.dot_ul07 {
    border: 1px solid #ddd;
    padding: 30px 50px 30px 170px;
    box-sizing: border-box;
    overflow: hidden;
}

ul.dot_ul07 > li {
    font: 400 18px/22px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e79f27;
}

ul.dot_ul07.bg01 {
    background: url('../../_img/cont/techcoop02_02.jpg')no-repeat 30px 50%;
}

ul.dot_ul07.bg02 {
    background: url('../../_img/cont/techcoop02_03.jpg')no-repeat 30px 50%;
}

ul.dot_ul07.bg03 {
    background: url('../../_img/cont/techcoop02_04.jpg')no-repeat 30px 50%;
}

ul.dot_ul07.bg04 {
    background: url('../../_img/cont/techcoop02_05.jpg')no-repeat 30px 50%;
}

ul.dot_ul08 {
    padding: 15px 0 15px 120px;
    box-sizing: border-box;
    background: url('../../_img/cont/techcoop05_02.jpg')no-repeat 0 50%
}

ul.dot_ul08 > li {
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg02.png')no-repeat 0 10px
}

li.dot_ul09 {
    padding-left: 10px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica !important;
    color: #999 !important;
    position: relative;
}

li.dot_ul09::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #aaa;
    top: 10px;
    left: 2px;
}

ul.dot_ul03 {
}

ul.dot_ul03 > li {
    margin-top: 10px;
    padding-left: 12px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px
}

ul.dot_ul03 > li.mt_none {
    margin-top: 0 !important;
}

ul.dot_ul03 > li.ft22 {
    font: 400 16px/22px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica !important;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 6px;
}

ul.dot_ul03 > li span {
    font-weight: 600;
}

ul.dot_ul03 > li span.sub_cont {
    font: 400 15px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica !important;
    color: #999;
}

ul.dot_ul03 > li a.link {
    color: #666
}

ul.dot_ul03 > li a.link:hover {
    text-decoration: underline
}

ul.dot_ul03 > li a.btn {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #e7a023;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023
}

ul.dot_ul03 > li a.btn:hover {
    background: #e7a023;
    color: #fff
}

ul.hiphen_ul01 {
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

ul.hiphen_ul01 li.hiphen {
    position: relative;
    padding-left: 12px;
}

ul.hiphen_ul01 li.hiphen::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 1px;
    background: #a3a3a3;
    top: 11px;
    left: 2px;
}

ul.hiphen_ul02 {
    font: 400 14px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

ul.hiphen_ul02 li {
    position: relative;
    padding-left: 12px;
}

ul.hiphen_ul02 li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 1px;
    background: #bbb;
    top: 11px;
    left: 2px;
}

ul.hiphen_ul02 li.none {
    padding: 0px;
}

ul.hiphen_ul02 li.none:before {
    display: none;
}

ul.list_ul01 {
    border: 1px solid #ddd;
    padding: 50px 85px ;
    box-sizing: border-box;
    background: #f9f9f9;
    overflow: hidden;
    width: 100%;
}

ul.list_ul01 li {
    width: 13.9%;
    margin-right: 3.3%;
    float: left;
    cursor: pointer;
}

ul.list_ul01 li:last-child {
    margin-right: 0;
}

ul.list_ul01 li p.list_ul_tit {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    font: 500 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

/** 회사소개 **/
/*사이버감사실*/
.au_state {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: top;
    cursor: default;
}

.au_state span {
    display: inline-block;
    float: left;
    width: 120px;
    padding: 7px 0;
    text-align: center;
    background: #f5f5f5;
    color: #999
}

.au_state span.on {
    background: #e7a023;
    color: #fff;
    position: relative;
}

.au_state span.on::after {
    content: url('../../_img/cont/au_state.png');
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin: 0 0 0 -7px
}

/* 입사지원  - Benefits */
.section_benefits {
    position: relative;
}

.section_benefits .tit_top {
    overflow: hidden;
    margin-bottom: 50px;
}

.section_benefits .tit_top .s_tit01 {
    font-size: 36px;
    float: left;
}

.section_benefits .tit_top .s_tit {
    float: left;
}

.section_benefits .tt {
    float: right;
    width: 32%;
    font: 600 26px/36px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.section_benefits .tt span {
    color: #e7a023
}

.section_benefits .img_rotation_wrap {
    position: relative;
    width: 1100px;
}

.section_benefits .img_rotation {
    overflow: hidden;
    position: relative;
    padding-bottom: 50%;
}

.section_benefits .img_item {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    padding-bottom: 50%;
}

.section_benefits .img_item.effect {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.65, 0.2, 0.64, 0.71);
    animation-timing-function: cubic-bezier(0.65, 0.2, 0.64, 0.71);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section_benefits .img_item:nth-child(1) {
    z-index: 10;
}

.section_benefits .img_item:nth-child(1).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(2) {
    z-index: 9;
}

.section_benefits .img_item:nth-child(2).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(3) {
    z-index: 8;
}

.section_benefits .img_item:nth-child(3).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(4) {
    z-index: 7;
}

.section_benefits .img_item:nth-child(4).effect {
    -webkit-animation-name: imgSlideUp;
    animation-name: imgSlideUp;
}

.section_benefits .img_item:nth-child(5) {
    z-index: 6;
}

.section_benefits .img_item:nth-child(5).effect {
    -webkit-animation-name: imgSlideUp;
    animation-name: imgSlideUp;
}

.section_benefits .img_item:nth-child(6) {
    z-index: 5;
}

.section_benefits .img_item:nth-child(6).effect {
    -webkit-animation-name: imgSlideUp;
    animation-name: imgSlideUp;
}

.section_benefits .img_item:nth-child(7) {
    z-index: 4;
}

.section_benefits .img_item:nth-child(7).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(8) {
    z-index: 3;
}

.section_benefits .img_item:nth-child(8).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(9) {
    z-index: 2;
}

.section_benefits .img_item:nth-child(9).effect {
    -webkit-animation-name: imgSlideLeft;
    animation-name: imgSlideLeft;
}

.section_benefits .img_item:nth-child(10) {
    z-index: 1;
}

.section_benefits .img_item:nth-child(10).effect {
    -webkit-animation-name: imgSlideUp;
    animation-name: imgSlideUp;
}

.section_benefits .img_item .img_unit {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.section_benefits .benefit_info {
    overflow: hidden;
    margin-top: 60px;
    word-break: keep-all;
}

.section_benefits .benefit_info > div {
    float: left;
}

.section_benefits .benefit_info > div.left {
    width: 50%;
    padding-right: 30px;
}

.section_benefits .benefit_info > div.right {
    width: 50%;
    padding-top: 50px;
}

.benefit_info ul.be_list > li {
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

.benefit_info ul.be_list > li {
    font-weight: 600;
    color: #333;
}

.benefit_info ul.be_list > li + li {
    margin-top: 12px;
}

/*사이버감사실 답변*/
div.reply_wrap {
    margin-top: 50px;
}

div.reply_wrap .rep_tit {
    font: 400 26px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

div.reply_wrap .rep_tit span {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    padding: 4px 1px;
    min-width: 25px;
    background: #e7a023;
    font: 300 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

ul.reply_box {
    border-top: 1px solid #333;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

ul.reply_box li {
    display: table;
    width: 100%;
    padding: 30px 50px;
    box-sizing: border-box;
    border-bottom: 1px dashed #ddd;
}

ul.reply_box li.re {
    padding: 30px 50px 30px 100px;
    background: url('../../_img/cont/reply_bg.png')no-repeat 50px 50px
}

ul.reply_box li:last-child {
    border-bottom: none
}

ul.reply_box li .img {
    display: table-cell;
    width: 80px;
    vertical-align: top
}

ul.reply_box li .text_box {
    display: table-cell;
    padding-top: 5px;
}

ul.reply_box li .text_box .name {
    font: 400 17px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

ul.reply_box li .text_box .date {
    margin-left: 5px;
    font: 300 16px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

ul.reply_box li .text_box .name a {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #777;
}

ul.reply_box li .text_box .name a:hover {
    background: #999;
    border: 1px solid #999;
    color: #fff
}

ul.reply_box li .text_box .text {
    font: 400 16px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

ul.reply_box li .text_box .file {
    background: #f5f5f5;
    padding: 0 10px;
    margin-top: 5px;
    box-sizing: border-box;
}

ul.reply_box li .text_box .file a {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px 0 0 30px;
    font: 400 15px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
    background: url('../../_img/bbs/v_file.png')no-repeat 5px 11px
}

ul.reply_box li .text_box .file a:hover {
    text-decoration: underline
}

div.reply_comment {
    padding: 30px 50px;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

div.reply_comment .rep_tit {
    font: 400 20px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

div.comm_box {
    display: table;
    margin-top: 20px;
    width: 100%;
}

div.comm_box .img {
    display: table-cell;
    width: 80px;
    vertical-align: top;
    overflow: hidden
}

div.comm_box .text_filed {
    display: table-cell;
    margin-top: 5px
}

div.comm_box .text_filed input {
    float: left;
    width: 383px;
    padding-left: 10px;
    height: 40px;
    border: solid 1px #bbb;
    color: #666;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.comm_box .text_filed input:focus {
    border: 1px solid #e7a023;
    outline: 0;
}

div.comm_box .text_filed textarea {
    float: left;
    width: 88%;
    max-width: 800px;
    min-height: 92px;
    box-sizing: border-box;
    border: 1px solid #bbb;
    color: #666;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.comm_box .text_filed textarea:focus {
    border: 1px solid #e7a023;
    outline: 0;
}

div.comm_box .text_filed textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999;
}

div.comm_box .text_filed textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

div.comm_box .text_filed textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999
}

div.reply_comment .btn_write {
    float: left;
    display: inline-block;
    padding: 33px 0;
    text-align: Center;
    width: 12%;
    box-sizing: border-box;
    vertical-align: top;
    background: #e7a023;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

div.reply_comment .btn_write:hover {
    background: #666
}

div.reply_comment div.file_wrap {
    overflow: hidden;
    border-top: 1px dashed #ddd;
    padding-top: 20px;
    margin-top: 20px;
    box-sizing: border-box
}

div.reply_comment div.file_wrap .file_tit {
    float: left;
    margin-top: 5px;
    width: 13%;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

div.reply_comment div.file_wrap .filebox {
    float: left;
    width: 86%;
    box-sizing: border-box;
}

div.reply_comment div.file_wrap .filebox .multy_file {
    width: 742px
}

div.no_reply {
    text-align: center;
    padding: 30px 50px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font: 400 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

/*사이버감사실 제보 접수완료*/
div.aud_end {
    border: 1px solid #ddd;
    padding: 50px;
    box-sizing: border-box;
    text-align: Center;
    background: #f9f9f9
}

p.aud_tit {
    margin-top: 25px;
    font: 600 40px/50px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

p.aud_tit span {
    color: #e7a024
}

div.aud_end .aud_t01 {
    margin-top: 15px;
    padding-bottom: 30px;
    font: 400 18px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/auditing_bar.png')no-repeat 48% 100%
}

div.aud_end .aud_t02 {
    margin-top: 20px;
    font: 400 16px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

/*사이버감사실 처리진행현황 확인*/
div.au_login {
    padding: 25px 0;
    border: 1px solid #ddd;
    border-bottom: none !important;
    background: #f5f5f5;
    text-align: center
}

div.au_login .tit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 3px 30px 0 25px;
    font: 400 17px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.au_login .tit::after {
    content: url('../../_img/cont/au_password.png');
    position: absolute;
    top: 0;
    left: 0;
}

div.au_login .tit span {
    font: 600 17px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.au_login .password {
    display: inline-block;
    vertical-align: middle;
}

div.au_login .password input {
    height: 46px;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    width: 250px;
    padding-left: 10px;
    box-sizing: border-box;
    font: normal 16px/25px "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.au_login .password input[type="password"] {
    color: #333
}

div.au_login .password input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.au_login .password input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.au_login .password input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.au_login .password input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

div.au_login .password input:focus {
    border: 1px solid #e7a024
}

div.au_login .password a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 160px;
    padding: 10px 0;
    border: 1px solid #e7a023;
    background: #e7a023;
    font: 300 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

div.au_login .password a:hover {
    background: #fff;
    color: #e7a023;
    border: 1px solid #e7a023
}

/*CI*/
ul.ci_color {
    overflow: hidden
}

ul.ci_color > li {
    float: left;
    width: 50%;
    overflow: hidden
}

ul.ci_color li .bg {
    width: 160px;
    height: 125px;
    position: relative;
    float: left;
}

ul.ci_color li .bg span {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font: 400 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

ul.ci_color li.blue .bg {
    background: #003068
}

ul.ci_color li.blue span {
    color: #8ba6c7;
}

ul.ci_color li.orange .bg {
    background: #f39a00
}

ul.ci_color li.orange span {
    color: #ffe4b4;
}

ul.ci_color li div.text {
    float: left;
    width: 390px;
    padding-left: 20px;
    box-sizing: border-box;
}

ul.ci_color li div.text .t01 {
    font: 600 22px/32px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

ul.ci_color li div.text .t02 {
    font: 400 15px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

ul.ci_color li.blue .t01 {
    color: #013b84;
}

ul.ci_color li.orange .t01 {
    color: #e7a024;
}

ul.ci_color li ul.dot {
    width: 100%;
    margin-top: 10px;
}

ul.ci_color li ul.dot li {
    padding-left: 12px;
    font: 400 15px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px
}

/*오시는길 사업장 */
div.img_area {
    margin-top: 25px;
    overflow: hidden;
}

div.img_area .big_img {
    float: left;
    width: 860px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box
}

div.img_area .big_img img {
    width: 100%
}

div.img_area .img_right {
    float: right;
    width: 240px;
    border-left: none !important;
    border: 1px solid #ccc;
    box-sizing: border-box
}

div.img_area .img_right p.thumb_top a {
    display: block;
    width: 100%;
    height: 37px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    background: #fff url('../../_img/bbs/img_arrow_t.png')no-repeat 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div.img_area .img_right p.thumb_top a:hover {
    background: #e7a024 url('../../_img/bbs/img_arrow_t02.png')no-repeat 50% 50%
}

div.img_area .img_right p.thumb_bottom a {
    display: block;
    width: 100%;
    height: 37px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background: #fff url('../../_img/bbs/img_arrow_b.png')no-repeat 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

div.img_area .img_right p.thumb_bottom a:hover {
    background: #e7a024 url('../../_img/bbs/img_arrow_b02.png')no-repeat 50% 50%
}

div.img_area .img_right p.thumb_top a.no {
    background: #fff url('../../_img/bbs/img_arrow_t.png')no-repeat 50% 50%;
}

div.img_area .img_right p.thumb_bottom a.no {
    background: #fff url('../../_img/bbs/img_arrow_b.png')no-repeat 50% 50%;
}

div.img_area ul.thumb_list {
    height: 385px;
    box-sizing: border-box;
    background: #f5f5f5;
}

div.img_area ul.thumb_list li {
    background: #fff;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #eee
}

div.img_area ul.thumb_list li a {
    display: block;
    height: 100%;
    width: 100%
}

div.img_area ul.thumb_list li.on::after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    box-sizing: border-box;
    width: 101%;
    height: 130px;
    border: 5px solid #e7a024
}

div.img_area ul.thumb_list li.on img {
    opacity: 1
}

div.img_area ul.thumb_list li img {
    width: 100%;
    opacity: 0.4
}

/* 오시는길 */
div.location {
    overflow: hidden;
    margin-top: 15px
}

div.location dl.left {
    float: left;
    width: 400px;
    height: 418px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right: none
}

div.location dl.left dd {
    box-sizing: border-box;
    padding: 30px
}

div.location dl.left dd p.tit {
    padding-left: 26px;
    font: 600 20px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/lo_tit.png')no-repeat 0 3px
}

div.location dl.left dd p.text {
    margin-top: 10px;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.location div.right {
    float: right;
    width: 700px;
    height: 418px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f5f5f5
}

div.transportation {
    margin-top: 30px;
}

div.transportation ul.trans {
    margin-top: 5px;
}

div.transportation ul.trans li {
    overflow: hidden
}

div.transportation ul.trans p:last-child {
    background: none
}

div.transportation ul.trans p {
    float: left;
    margin-right: 25px;
    padding-right: 50px;
    background: url('../../_img/cont/lo_arrow.png')no-repeat 100% 50%;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

div.transportation ul.trans p.subway::before {
    display: inline-block;
    content: url('../../_img/cont/lo_trans01.png');
    margin: 12px 12px 0 0;
    vertical-align: middle
}

div.transportation ul.trans p.bus::before {
    display: inline-block;
    content: url('../../_img/cont/lo_trans02.png');
    margin: 12px 12px 0 0;
    vertical-align: middle
}

div.transportation ul.trans p.working::before {
    display: inline-block;
    content: url('../../_img/cont/lo_trans03.png');
    margin: 12px 12px 0 0;
    vertical-align: middle
}

div.transportation ul.trans p.car::before {
    display: inline-block;
    content: url('../../_img/cont/lo_trans04.png');
    margin: 12px 12px 0 0;
    vertical-align: middle
}

div.transportation ul.trans p.subway span.col01 {
    display: inline-block;
    background: #34b331;
    padding: 1px 6px;
    margin: 0 2px;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

div.transportation ul.trans p.subway span.col02 {
    display: inline-block;
    background: #e7a024;
    padding: 2px 3px;
    width: 18px;
    margin: 0 2px;
    text-align: center;
    border-radius: 100%;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

div.transportation ul.trans p.subway span.col03 {
    display: inline-block;
    background: #ff7504;
    padding: 1px 6px;
    margin: 0 2px;
    border-radius: 3px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

div.transportation ul.trans p.bus span.col01 {
    color: #34b331
}

div.transportation ul.trans p.bus span.col02 {
    color: #e7a024
}

div.transportation ul.trans p.car span {
    font-weight: 600
}

/*핵심가치 181210 수정*/
table.core_wrap {
    border: 1px solid #ddd;
}

table.core_wrap td {
    padding: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

table.core_wrap td .bg {
    position: relative;
    width: 100%;
}

table.core_wrap tr:nth-child(1) td:nth-child(1) {
    background: #f8f8f8
}

table.core_wrap tr:nth-child(2) td:nth-child(2) {
    background: #f8f8f8
}

table.core_wrap tr:nth-child(1) td:nth-child(1) .bg::after {
    content: url('../images/cont/core_i01.png');
    position: absolute;
    top: -20px;
    right: 0
}

table.core_wrap tr:nth-child(1) td:nth-child(2) .bg::after {
    content: url('../images/cont/core_i02.png');
    position: absolute;
    top: -20px;
    right: 0
}

table.core_wrap tr:nth-child(2) td:nth-child(1) .bg::after {
    content: url('../images/cont/core_i03.png');
    position: absolute;
    top: -20px;
    right: 0
}

table.core_wrap tr:nth-child(2) td:nth-child(2) .bg::after {
    content: url('../images/cont/core_i04.png');
    position: absolute;
    top: -20px;
    right: 0
}

table.core_wrap tr:nth-child(3) td:nth-child(1) .bg::after {
    content: url('../images/cont/core_i05.png');
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -80px
}

table.core_wrap td:nth-child(odd) {
    border-right: 1px solid #ddd
}

table.core_wrap td:last-child {
    border-right: none
}

table.core_wrap .t01 {
    font: 600 22px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

table.core_wrap .t01 span {
    color: #bbb
}

table.core_wrap .t02 {
    margin-top: 8px;
    font: 400 17px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

table.core_wrap .t03 {
    margin-top: 30px
}

table.core_wrap .t03 span {
    display: inline-block;
    padding: 2px 15px;
    border-radius: 20px;
    background: #999;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.core_wrap .t04 {
    margin-top: 20px
}

table.core_wrap .t04 span {
    display: inline-block;
    padding: 2px 15px;
    border-radius: 20px;
    background: #e49711;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.core_wrap td.last {
    overflow: hidden
}

table.core_wrap td.last .l {
    width: 500px;
    float: left;
    margin-top: 80px;
    padding-left: 200px;
    box-sizing: border-box;
}

table.core_wrap td.last .r {
    width: 450px;
    float: left;
    padding-left: 50px;
    text-align: left;
    border-left: 1px dashed #ddd;
    box-sizing: border-box;
}

table.core_wrap td.last .r .t03 {
    margin-top: 0 !important
}

ul.co_list {
    margin-top: 10px
}

ul.co_list > li {
    padding-left: 12px;
    margin-top: 3px;
    word-break: keep-all;
    font: 400 15px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 9px
}

ul.co_list > li span {
    font-weight: 600;
}

ul.co_list > li a.link {
    color: #777
}

ul.co_list > li a.link:hover {
    text-decoration: underline
}

/*연혁*/
div.history_wrap {
    overflow: hidden
}

div.history_img {
    float: left;
    width: 350px;
    margin-bottom: 80px
}

div.history_img p {
    margin-top: 10px
}
div.history_img p img{width:100%;}
div.history_text {
    float: right;
    width: 720px;
    padding: 0 0 80px 100px;
    box-sizing: border-box;
    position: relative;
}

ul.history li:last-child div.history_text {
    padding: 0 0 0 100px !important
}

ul.history li:last-child div.history_img {
    margin-bottom: 0 !important
}

.history_text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 100px;
    height: 12px;
    background: url('../images/cont/history_bg.png')no-repeat 0 0;
}

.history_top {
    text-align: center;
    margin-top: 80px;
    position: relative;
}

ul.history {
    overflow: hidden;
    margin-top: 80px;border:0;padding:0;
    position: relative;width:100%;
}

ul.history::after {
    z-index: -1;
    content: '';
    border-left: 1px solid #eee;
    width: 1px ;
    height: 100%;
    position: absolute;
    top: 8px;
    left: 385px;
}

ul.history li {
    overflow: hidden;
}

ul.history li .year {
    font: 600 30px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e69f28;border:0;
}

ul.history li .year span {
    font: 300 22px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

ul.history dl {
    margin-top: 20px;
    position: relative;
}

ul.history dl::before {
    content: '';
    position: absolute;
    left: -98px;
    top: 15px;
    width: 56px;
    height: 12px;
    background: url('../images/cont/history_bg02.png')no-repeat 0 0;
}

ul.history dt {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    padding: 1px 10px;
    background: #e5e5e5;
    border-radius: 20px;
    font: 600 15px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

ul.history dd {
    display: block;
    vertical-align: top;
    margin-top: 10px;
    padding-left: 10px;
    box-sizing: border-box
}

ul.history dd p {
    padding-left: 10px;
    margin-top: 5px;
    word-break: keep-all;
    font: 400 15px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../images/cont/dot_bg03.png')no-repeat 0 9px
}

ul.history dd p:first-child {
    margin-top: 0
}

ul.history dd p span {
    font-size: 14px;
    color: #e69f28
}

/** ///회사소개끝// **/
/*개인정보처리방침*/
ul.privacy_ul {
    margin: 10px 0 0 0;
}

ul.privacy_ul li {
    margin-top: 3px;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #888
}

ul.privacy_ul li span {
    display: inline-block;
    margin-right: 3px;
    background: #aaa;
    border-radius: 100%;
    width: 25px;
    text-align: center;
    padding: 2px 2px;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

/* 갤러리 */
.gallery_list{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:30px;}
.gallery_list li{width:calc((100% - 60px ) / 3 );border:1px solid #EAEAEA;border-radius:20px;overflow:hidden;}
.gallery_list li .img{display: flex;align-items: center;justify-content: center;height: 220px;overflow: hidden;}
.gallery_list li .img img{width:100%;}
.gallery_list li .text_box{padding: 20px 30px;background-color: #F9F9F9;}
.gallery_list li .text_box .title{display:block;margin-bottom:20px;font-weight:700;font-size:17px;line-height:25px;}
.gallery_list li .text_box .title:hover{text-decoration:underline;}
.gallery_list li .text_box .date_line{display:flex;justify-content:space-between;color:#666;font-size:15px;}
.gallery_list li .text_box .date_line span{display:inline-block;color:#666;}

.gallery_list .nodata {
    background: #ffffff url(/html_v2/images/common/no_course.png) 50% 40px no-repeat;
    margin: 20px 10px;
    padding: 120px 0 50px 0;
    border: none;
    min-height: 47px;
    border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-radius:0;
    font-size: 18px;
    width: 100%;
   }

.gallery_list li .text_box .date_line .good {
    vertical-align: middle;
    display: inline-block;width:20px;height:20px;
    background: url('../images/cont/li_heart.png')no-repeat 0 50%;
}

.gallery_list li .text_box .date_line .good.on {
    background: url('../images/cont/li_heart_on.png')no-repeat 0 50%;
}
.gallery_list li .text_box .date_line .view {
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    background: url('../images/cont/li_view.png')no-repeat 0 50%;
    padding-left: 22px;
}

.view_top {
	background-color: #f6f6f6;font-weight: bold;color: #000;border-top: 1px solid #676767;
    font-size: 16px;
    padding: 12px 20px;
}
.view_top .view_hd{
    display: flex;gap:10px;margin-top:15px;
font-weight:400;
}
.view_top .view_hd li{
	display: flex;gap:5px;
}
.view_top .view_btn{
display:flex;justify-content:space-between;
}
.view_top .view_btn .share {
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    background: url('../images/cont/li_share.png')no-repeat 50% 50%;
    width: 20px;height:20px;
}
.view_top .view_btn .good {
    vertical-align: middle;
    display: inline-block;padding-left: 24px;
    background: url('../images/cont/li_heart.png')no-repeat 0 50%;
}

.view_top .view_btn .good.on {
    background: url('../images/cont/li_heart_on.png')no-repeat 0 50%;
}
.sns {
    display: none;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
    text-align: center;
    width: 350px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

.sns .tit {
    position: relative;
}

.sns .tit span {
    display: block;
    width: 100%;
    padding: 18px 0;
    background: #213c5f;
    font: 400 17px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

.sns .tit img {
    width: 16px;
    position: absolute;
    top: 22px;
    right: 15px;
}

.sns .snsbtn {
    padding: 25px 0;
}

.sns .snsbtn a {
    display: inline-block;
    margin: 0 10px;
    width: 60px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

.sns .snsbtn a img {
    width: 50px;
}

.sns .snsbtn a:hover {
    color: #e7a023
}
.view_read{padding:18px 10px; }

div.top_ov {
    overflow: hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;    color: #000;
}
div.top_ov .data_text span{color:#f99b1d;}

div.search {
    text-align: right;
    margin-top: 10px;
    overflow: hidden;
    height: 41px
}

/**레이어팝업**/
div.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

div.layer02 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

div.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

div.layer02 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.pop-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1030px;
    background-color: #fff;
    z-index: 10;
}

div.layer03 div.pop-layer {
    margin-left: -270px;
    margin-top: -259px;
    overflow: hidden;
}

.pop_l {
    width: 210px;
    height: 780px;
    padding: 30px 30px 0 30px;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    background: #223c5f;
    vertical-align: top;
}

.pop_l .pop_tit {
    margin-top: 20px;
    font: 400 30px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

.pop_l .pop_tit span {
    display: block;
    padding-top: 10px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #59779d;
}

.pop-layer p.close {
    position: absolute;
    top: -55px;
    right: 0;
}

.pop-layer p.close img {
    margin-top: 6px;
}

.pop_r {
    width: 820px;
    float: right;
    padding: 30px 50px 40px 40px;
    box-sizing: border-box;
    position: relative
}

.pop_r .in_wrap {
    width: 100%;
    height: 700px;
    padding-right: 10px;
}

.pop_r .essential_t {
    text-align: right;
    padding-bottom: 10px;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e49811;
}

.pop_r .essential_t span {
    width: 10px;
    display: inline-block;
    background: url('../../_img/cont/essential.png')no-repeat 0 50% / 8px;
}

.reason_top {
    width: 100%;
    text-align: right;
    padding: 12px 30px;
    box-sizing: border-box;
    background: #e7a023;
}

.pop_w {
    padding: 40px 30px;
    box-sizing: border-box;
}

.pop_w textarea.reason {
    width: 100%;
    min-height: 150px;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #bbb;
    color: #666;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

.pop_w textarea.reason:focus {
    border: 1px solid #e7a023;
    outline: 0;
}

.pop_w .reason_tit {
    text-align: center;
    color: #555;
    font: 400 20px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

.pop_w .reason_text {
    text-align: center;
    color: #777;
    font: 400 15px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

/*사업문의*/
table.inquiry {
    width: 100%;
    overflow: hidden;
    text-align: left;
}

table.inquiry tr {
}

table.inquiry th {
    padding-bottom: 5px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    font: 600 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

table.inquiry th span {
    width: 10px;
    margin-left: 10px;
    display: inline-block;
    background: url('../../_img/cont/essential.png')no-repeat 0 50% / 8px;
}

table.inquiry th span.pw_cont {
    color: #999;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

table.inquiry td {
    vertical-align: middle;
    padding-bottom: 5px;
    overflow: hidden;
}

table.inquiry td input {
    width: 100%;
    height: 40px;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
    background: #f8f8f8;
    border: solid 1px #ddd;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

table.inquiry td input.password {
    width: 100%;
    height: 40px;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
    background: #f8f8f8;
    border: solid 1px #ddd;
    font: 400 14px/25px "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

table.inquiry td textarea {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    background: #f8f8f8;
    border: solid 1px #ddd;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

table.inquiry td textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999;
}

table.inquiry td textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

table.inquiry td textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999
}

table.inquiry td textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

table.inquiry td img {
    float: left;
}

table.inquiry td .file {
    width: 100%;
    height: 35px;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #f5f5f5;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

table.inquiry td .sel {
    width: 100%;
}

table.inquiry td .sel select {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: solid 1px #ddd;
    font: 400 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    background: #fff url('../../_img/cont/sel_a.png')no-repeat 98% 50% / 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

table.inquiry td .check_wrap {
    overflow: hidden;
}

table.inquiry td .check_wrap .check {
    float: left;
    width: 140px;
    display: inline-block;
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

table.inquiry td .check_wrap .check input {
    position: absolute;
    display: block;
    height: 1px;
    padding-right: 10px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

table.inquiry td .check_wrap .check input + label {
    cursor: pointer;
    display: inline-block;
    height: auto;
    padding: 3px 0 0 27px;
    background: url('../../_img/cont/check.png') no-repeat 0 5px;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

table.inquiry td .check_wrap .check input:checked + label {
    cursor: pointer;
    display: inline-block;
    height: auto;
    background: url('../../_img/cont/check_on.png')no-repeat 0 5px;
    font: 400 14px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023;
}

table.inquiry td > ul {
    padding: 20px;
    border: solid 1px #eee;
}

table.inquiry td > ul li {
    padding: 0 0 5px 10px;
    font: 300 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/list_dot.png')no-repeat 0 35% / 5px;
}

table.inquiry td > ul li:last-child {
    padding-bottom: 0;
}

table.inquiry td .info_box {
    background: #f8f8f8;
    border: solid 1px #ddd;
    overflow: hidden;
}

table.inquiry td .info_box p.line {
    float: left;
    display: inline-block;
    padding-top: 8px;
    font: 400 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

table.inquiry td .info_box input {
    width: 30%;
    border: none;
    float: left;
}

table.inquiry td .info_box select {
    width: 30%;
    height: 40px;
    padding-left: 10px;
    border: none;
    float: left;
    background: #f8f8f8 url('../../_img/cont/sel_a.png')no-repeat 98% 54% / 14px;
    font: 300 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

table.inquiry td ul.inq_check {
    width: 100%;
    overflow: hidden;
}

table.inquiry td ul.inq_check > li {
    float: left;
    width: 20%;
}

table.inquiry td ul.inq_check > li p.check {
    width: 100%;
    display: block;
    float: inherit
}

table.inquiry td ul.inq_check > li ul {
    padding: 0 0 0 28px;
    float: inherit
}

table.inquiry td ul.inq_check > li ul li {
    position: relative;
    margin-top: 3px;
    padding: 0 0 0 8px;
    font: 400 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

table.inquiry td ul.inq_check > li ul li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #999;
    border-radius: 10px;
    display: block;
}

table.inquiry td .number_box {
    width: 435px;
    float: right;
    padding-top: 10px;
    overflow: hidden;
}

table.inquiry td .number_box input {
    float: left;
    width: 77%;
}

table.inquiry td .number_box a {
    float: left;
}

table.inquiry td .btn_gray {
    display: inline-block;
    background: #999;
    padding: 9px 18px;
    border-radius: 3px;
    font: 400 14px/22px "Noto Sans KR","Malgun Gothic", "돋움", sans-serif, Arial;
    color: #fff;
}

table.inquiry td .btn_gray:hover {
    background: #414141;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

table.inquiry td .btn_line {
    background: #fff;
    display: inline-block;
    border: solid 1px #555;
    padding: 9px 18px;
    border-radius: 3px;
    box-sizing: border-box;
    font: 400 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

table.inquiry td .btn_line:hover {
    background: #666;
    color: #fff;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

table.inquiry .comment {
    font: 400 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    letter-spacing: -0.8px
}

.btn_box {
    text-align: center;
}

.btn_box .btn_round {
    padding: 15px 75px 15px 23px;
    font: 400 17px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    border-radius: 100px;
    background: #e49811 url('../../_img/cont/btn_in.png')no-repeat 87% 50% / 9px;
    box-sizing: border-box;
}

.btn_box .btn_round:hover {
    padding: 15px 75px 15px 23px;
    color: #e49811;
    border: solid 1px #e49811;
    background: #fff url('../../_img/cont/btn_in_on.png')no-repeat 87% 50% / 9px;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

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

table.inquiry td .filebox label {
    float: right;
    display: inline-block;
    padding: 9px 18px;
    cursor: pointer;
    color: #555;
    border: solid 1px #555;
    vertical-align: middle;
    background: #fff;
    border-radius: 3px;
    font: 300 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

table.inquiry td .filebox label:hover {
    background: #666;
    color: #fff;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

table.inquiry td .filebox label.black {
    width: auto;
    margin-right: 10px;
    float: right;
    padding: 10px 18px;
    background: #999;
    color: #fff;
    border: none;
}

table.inquiry td .filebox label.black:hover {
    background: #414141;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}

table.inquiry td .filebox .upload-name {
    width: 77%;
    display: inline-block;
    vertical-align: middle;
    background: #f8f8f8;
    border: none;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

div.agree {
    height: 90px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    padding: 20px 20px;
    box-sizing: border-box;
}

div.agree p {
    font: 300 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

div.agree02 {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 12px 20px;
    box-sizing: border-box;
    border-top: none;
}

div.agree02 .checks input[type="checkbox"] + label {
    font: 400 14px/18px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica
}

/*사이트맵*/
ul.site_list {
    display: flex;
}

ul.site_list > li {
    width: 25%;
    padding: 0 20px;
    border-right: 1px solid #ddd;
}

ul.site_list > li:nth-child(4n) {
    padding-right: 0;
    margin-right: 0;
    border: none
}

ul.site_list > li a.s_depth_01 {
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    text-align: center;
    box-sizing: border-box;
    background: #213c5f;
    border: 1px solid #213c5f;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

ul.site_list > li a.s_depth_01:hover {
    color: #213c5f;
    background: #fff
}

ul.site_list > li ul.s_depth_02 li {
    padding-top: 10px;
    padding-left: 10px;
}

ul.site_list > li ul.s_depth_02 a {
    font: 400 15px/18px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

ul.site_list > li ul.s_depth_02 a:hover {
    text-decoration: underline;
    color: #e7a023;
}

ul.site_list > li a.youtv {
    margin-top: 60px;
}

ul.site_list > li a.youtv img {
    background: url('../../_img/comn/you_tv_w.png') no-repeat 50% 50%/100%;
    width: 165px
}

ul.site_list > li a.youtv:hover img {
    background: url('../../_img/comn/you_tv.png') no-repeat 50% 50%/100%;
}

ul.site_list > li a.link {
    margin-top: 60px;
    padding-right: 25px
}

ul.site_list > li a.link img {
    background: url('../../_img/comn/link_w.png') no-repeat 50% 50%/100%;
}

ul.site_list > li a.link:hover img {
    background: url('../../_img/comn/link.png') no-repeat 50% 50%/100%;
}

/*valueChain*/
.value_chain {
    position: relative
}

.value_chain p.v01 {
    position: absolute;
    top: 136px;
    left: 447px;
}

.value_chain p.v02 {
    position: absolute;
    top: 350px;
    left: 50px;
}

.value_chain p.v03 {
    position: absolute;
    top: 350px;
    right: 50px;
}

.value_chain p.v04 {
    position: absolute;
    bottom: 50px;
    left: 447px;
}

.value_chain > div {
    cursor: pointer;
    position: absolute;
}

.value_chain > div:after {
    position: absolute;
    transition: 0.5s
}

.value_chain .tt {
    font: 600 20px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

.value_chain .tt span {
    display: block;
    font: 600 18px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

.value_chain .sb {
    margin-top: 8px;
    font: 500 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    letter-spacing: -0.5px
}

.value_chain .vc01 {
    top: 80px;
    left: 70px;
    width: 250px;
    padding-top: 130px;
}

.value_chain .vc01:after {
    content: url('../../_img/cont/vc01.png');
    width: 174px;
    height: 149px;
    top: 0;
    right: 0;
}

.value_chain .vc01 .tt {
    color: #00437f
}

.value_chain .vc02 {
    top: 80px;
    right: 70px;
    width: 260px;
    padding: 170px 0 0 25px;
}

.value_chain .vc02:after {
    content: url('../../_img/cont/vc02.png');
    width: 174px;
    height: 149px;
    top: 0;
    left: 0;
}

.value_chain .vc02 .tt {
    color: #f5a100
}

.value_chain .vc03 {
    top: 440px;
    left: 140px;
    width: 270px;
    padding-top: 140px;
}

.value_chain .vc03:after {
    content: url('../../_img/cont/vc03.png');
    width: 174px;
    height: 149px;
    top: 0;
    right: 0;
}

.value_chain .vc03 .tt {
    color: #345764
}

.value_chain .vc04 {
    top: 440px;
    right: 190px;
    width: 305px;
    padding-top: 140px;
}

.value_chain .vc04:after {
    content: url('../../_img/cont/vc04.png');
    width: 174px;
    height: 149px;
    top: 0;
    left: 100px;
}

.value_chain .vc04 .tt {
    color: #be8c1d
}

.value_chain .vc01:hover:after {
    animation : vcani01 2.2s ease-in infinite
}

.value_chain .vc02:hover:after {
    animation : vcani02 2.2s ease-in infinite
}

.value_chain .vc03:hover:after {
    animation : vcani03 2.2s ease-in infinite
}

.value_chain .vc04:hover:after {
    animation : vcani04 2.2s ease-in infinite
}

@keyframes vcani01 {
    0% {
        transform: translate(0px, 0px)
    }

    25% {
        transform: translate(10px, 15px)
    }

    50% {
        transform: translate(0px, 0px)
    }

    75% {
        transform: translate(10px, 15px)
    }

    100% {
        transform: translate(0px, 0px)
    }
}

@keyframes vcani02 {
    0% {
        transform: translate(0px, 0px)
    }

    25% {
        transform: translate(-10px, 15px)
    }

    50% {
        transform: translate(0px, 0px)
    }

    75% {
        transform: translate(-10px, 15px)
    }

    100% {
        transform: translate(0px, 0px)
    }
}

@keyframes vcani03 {
    0% {
        transform: translate(0px, 0px)
    }

    25% {
        transform: translate(10px, -15px)
    }

    50% {
        transform: translate(0px, 0px)
    }

    75% {
        transform: translate(10px, -15px)
    }

    100% {
        transform: translate(0px, 0px)
    }
}

@keyframes vcani04 {
    0% {
        transform: translate(0px, 0px)
    }

    25% {
        transform: translate(-10px, -15px)
    }

    50% {
        transform: translate(0px, 0px)
    }

    75% {
        transform: translate(-10px, -15px)
    }

    100% {
        transform: translate(0px, 0px)
    }
}

/*Ceo 인사말*/
div.ceo {
    padding-top: 20px;
    background: url('../images/cont/ceo_bg.jpg')no-repeat 100% 0
}

div.ceo .ceo_t01 {
    display: inline-block;
    padding: 5px 15px;
    background: #e7a023;
    border-radius: 20px;
    font: 300 17px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

div.ceo .ceo_t02 {
    margin: 30px 0 0 10px;
    font: 600 36px/46px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

div.ceo .ceo_t02 span {
    color: #e7a023
}

div.ceo .ceo_t03 {
    margin: 10px 0 0 10px;
    font: 600 22px/32px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

div.ceo .ceo_t03 span {
    color: #e7a023
}

div.ceo .ceo_text {
    margin-left: 10px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

div.ceo .ceo_text span {
    color: #e7a023
}

div.ceo .ceo_name {
    text-align: right;
    margin-top: 35px;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

div.ceo .ceo_name span {
    margin-left: 10px;
    font: 600 28px/38px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

ul.ethic_list {
    width: 100%;
    border-top: 1px solid #555;
    margin-top: 20px;
}

ul.ethic_list > li {
    border-bottom: 1px solid #ddd;
}

ul.ethic_list > li .tit {
    overflow: hidden;
    padding: 20px 25px;
    cursor: pointer;
    font: 600 16px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: #fff url('../../_img/cont/faq_plus.png') no-repeat 97% 50%;
}

ul.ethic_list > li .tit span.t01 {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    padding: 4px 1px;
    margin-right: 5px;
    width: 25px;
    background: #e7a023;
    font: 300 14px/20px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
}

ul.ethic_list > li .tit span.t02 {
    color: #e7a023
}

ul.ethic_list > li .tit:hover {
    background: #f5f5f5 url('../../_img/cont/faq_plus.png') no-repeat 97% 50%;
}

ul.ethic_list > li.open .tit {
    background: #f5f5f5 url('../../_img/cont/faq_minus.png') no-repeat 97% 50%;
}

ul.ethic_list > li.open .tit:hover {
    background: #f5f5f5 url('../../_img/cont/faq_minus.png') no-repeat 97% 50%;
}

ul.ethic_list > li.open .cont {
    display: block !important
}

ul.ethic_list > li .cont {
    box-sizing: border-box;
    padding: 20px 40px;
}

ul.ethic_list > li pre {
    word-break: keep-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

ul.ethic_list > li pre b {
    font-weight: 600
}

ul.s_main {
    overflow: hidden
}

ul.s_main li:nth-child(n+1):nth-child(-n+3) {
    margin-top: 0
}

ul.s_main li {
    float: left;
    width: 350px;
    box-sizing: border-box;
    margin-top: 25px;
    margin-right: 25px;
    position: relative;
    overflow: hidden;
}

ul.s_main li:nth-child(3n) {
    margin-right: 0
}

ul.s_main li .after {
    display: none
}

ul.s_main li:hover .after {
    display: block
}

ul.s_main li:hover .before {
    display: none
}

ul.s_main li .before {
    border: 1px solid #ddd;
    width: 100%;
    height: 370px;
    box-sizing: border-box;
    overflow: hidden;
}

ul.s_main li .before .img {
    height: 210px;
    box-sizing: border-box;
    background: #000
}

ul.s_main li .before .text_box {
    display: table;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    height: 158px;
    vertical-align: middle;
    background: #fff;
    :}

ul.s_main li .before .text_box .text {
    display: table-cell;
    vertical-align: middle;
}

ul.s_main li .before .busi_tit {
    font: 400 20px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

ul.s_main li .before .btn {
    margin-top: 10px
}

ul.s_main li .before .btn a {
    display: inline-block;
    background: #bbb;
    border-radius: 20px;
    padding: 5px 40px;
    font: 300 16px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

ul.s_main li .after {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 370px;
    padding: 50px 30px;
    background: rgba(230,153,16,0.85);
    text-align: center;
    box-sizing: border-box;
    color: #fff
}

ul.s_main li .after .sm_tit {
    font: 300 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

ul.s_main li .after .busi_tit {
    margin-top: 5px;
    padding-bottom: 20px;
    word-break: keep-all;
    font: 400 32px/38px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    background: url('../../_img/cont/busi_tit.png')no-repeat 50% 100%;
}

ul.s_main li .after .text {
    margin-top: 10px;
    word-break: keep-all;
}

ul.s_main li .after .btn {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    text-align: center
}

ul.s_main li .after .btn a {
    display: inline-block;
    background: #fff url('../../_img/cont/busi_btn.png')no-repeat 85% 50%;
    border-radius: 30px;
    padding: 8px 80px 8px 25px;
    font: 400 18px/30px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #d28b0c
}

ul.busi01 li:nth-child(1):hover {
    background: url('../../_img/cont/busi01_i01_on.jpg')no-repeat 50% 50%;
}

ul.busi01 li:nth-child(2):hover {
    background: url('../../_img/cont/busi01_i02_on.jpg')no-repeat 50% 50%;
}

ul.busi01 li:nth-child(3):hover {
    background: url('../../_img/cont/busi01_i03_on.jpg')no-repeat 50% 50%;
}

ul.busi02 li:nth-child(1):hover {
    background: url('../../_img/cont/busi02_i01_on.jpg')no-repeat 50% 50%;
}

ul.busi02 li:nth-child(2):hover {
    background: url('../../_img/cont/busi02_i02_on.jpg')no-repeat 50% 50%;
}

ul.busi02 li:nth-child(3):hover {
    background: url('../../_img/cont/busi02_i03_on.jpg')no-repeat 50% 50%;
}

ul.busi02 li:nth-child(4):hover {
    background: url('../../_img/cont/busi02_i04_on.jpg')no-repeat 50% 50%;
}

ul.busi02 li:nth-child(5):hover {
    background: url('../../_img/cont/busi02_i05_on.jpg')no-repeat 50% 50%;
}

ul.busi03 li:nth-child(1):hover {
    background: url('../../_img/cont/busi03_i01_on.jpg')no-repeat 50% 50%;
}

ul.busi03 li:nth-child(2):hover {
    background: url('../../_img/cont/busi03_i02_on.jpg')no-repeat 50% 50%;
}

ul.busi03 li:nth-child(3):hover {
    background: url('../../_img/cont/busi03_i03_on.jpg')no-repeat 50% 50%;
}

ul.busi04 li:nth-child(1):hover {
    background: url('../../_img/cont/busi04_i01_on.jpg')no-repeat 50% 50%;
}

ul.busi04 li:nth-child(2):hover {
    background: url('../../_img/cont/busi04_i02_on.jpg')no-repeat 50% 50%;
}

ul.busi04 li:nth-child(3):hover {
    background: url('../../_img/cont/busi04_i03_on.jpg')no-repeat 50% 50%;
}

table.busi_list {
    width: 100%;
    border: 1px solid #ddd;
}

table.busi_list tr td {
    padding: 40px 40px 40px 180px;
    vertical-align: middle;
    box-sizing: border-box;
}

table.busi_list tr td p {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 20px 4px 20px;
    border-radius: 20px;
    background: #e69f28;
    font: 400 16px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.busi_list tr td p.g {
    background: #999
}

table.busi_list tr td.e01 {
    background: #f8f8f8 url('../../_img/cont/busi_l01.png')no-repeat 30px 50%;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}

table.busi_list tr td.e02 {
    background: url('../../_img/cont/busi_l02.png')no-repeat 30px 50%;
    border-bottom: 1px dashed #ddd;
}

table.busi_list tr td.e03 {
    background: url('../../_img/cont/busi_l03.png')no-repeat 30px 50%;
    border-right: 1px dashed #ddd;
}

table.busi_list tr td.e04 {
    background: #f8f8f8 url('../../_img/cont/busi_l04.png')no-repeat 30px 50%;
}

table.busi_list tr td ul li {
    font-size: 15px;
    margin: 0;
}

table.busi_list tr td ul li a {
    font-size: 15px;
    color: #666
}

table.busi_list tr td ul li a:hover, table.busi_list tr td ul li a:focus {
    color: #e69f28
}

/*기술정보*/
div.tech_contact {
    width: 100%;
    height: 150px;
    background: url('../../_img/cont/contact_patten.png');
    padding: 15px;
    box-sizing: border-box;
}

div.tech_contact div {
    width: 100%;
    height: 120px;
    background: #fff;
    padding: 35px;
    box-sizing: border-box;
    overflow: hidden;
}

div.tech_contact div p {
    float: left;
    display: inline-block;
    width: 210px;
    text-align: right;
    font: 600 20px/55px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/tech_contact_bg.png')no-repeat 50px 0px;
}

div.tech_contact div > ul {
    float: left;
    padding-left: 80px;
    position: relative;
}

div.tech_contact div > ul::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    left: 40px;
    background: #eee;
}

div.tech_contact div > ul > li {
    font: 400 18px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.tech_contact div > ul > li span.sub_t {
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

div.tech_contact div > ul > li ul {
    overflow: hidden;
}

div.tech_contact div > ul > li ul li {
    float: left;
    padding-left: 15px;
    margin-right: 30px;
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    position: relative;
}

div.tech_contact div > ul > li ul li::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #bbb;
    top: 12px;
    left: 5px;
}

div.tech_contact div > ul > li ul li span {
    font: 600 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

ul.obtained {
    overflow: hidden;
    margin-top: 20px;
}

ul.obtained li {
    float: left;
    width: 178px;
    height: 75px;
    margin-right: 10px;
    border: 1px solid #ddd;
}

ul.obtained li.obtained_1 {
    background: url('../../_img/cont/techinfo02_03.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_2 {
    background: url('../../_img/cont/techinfo02_04.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_3 {
    background: url('../../_img/cont/techinfo02_05.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_4 {
    background: url('../../_img/cont/techinfo02_06.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_5 {
    background: url('../../_img/cont/techinfo02_07.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_6 {
    background: url('../../_img/cont/techinfo02_08.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_7 {
    background: url('../../_img/cont/techinfo02_09.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_8 {
    background: url('../../_img/cont/techinfo02_10.jpg')no-repeat 50% 50%;
}

ul.obtained li.obtained_9 {
    background: url('../../_img/cont/techinfo02_11.jpg')no-repeat 50% 50%;
}

/*자율주행자동차*/
div.vehicle {
    width: 100%;
    padding: 30px 45px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin-top: 30px;
}

div.vehicle ul.img_ul {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 60px;
}

div.vehicle ul.img_ul::before {
    content: "";
    position: absolute;
    width: 98%;
    height: 1px;
    background: url('../../_img/cont/vehicle_patten.jpg')repeat;
    left: 50%;
    margin-left: -49%;
    top: 27px;
}

div.vehicle ul.img_ul li {
    width: 49.5%;
    float: left;
}

div.vehicle ul.img_ul li:first-child {
    margin-right: 1%;
}

/*미래인재*/
ul.future_talent {
    width: 100%;
    background: url('../../_img/cont/future01_01b.jpg')no-repeat 50% 0;
    overflow: hidden;
    margin-top: 20px;
}

ul.future_talent li {
    width: 25%;
    float: left;
}

ul.future_talent li p {
    text-align: center;
}

ul.future_talent li p.number {
    font: 600 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    margin-top: 13px;
}

ul.future_talent li p.number span {
    font: 400 14px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #f3dfbc;
}

ul.future_talent li p.content {
    padding-right: 20px;
    font: 400 14px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    margin-top: 20px;
}

div.select_target {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 40px;
    border: 1px solid #ddd;
}

div.select_target table {
    width: 100%;
}

div.select_target table tr td.line {
    background: url('../../_img/cont/vehicle_patten.jpg')repeat;
    padding: 0 !important;
    height: 1px;
}

div.select_target table tr th {
    font: 600 17px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    padding: 20px 0 20px 20px;
    text-align: left;
    box-sizing: border-box;
    position: relative;
}

div.select_target table tr th::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #e7a023;
    left: 8px;
    top: 28px;
}

div.select_target table tr td {
    font: 400 15px/27px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    padding: 20px 0;
    position: relative;
}

.hrd {
    background: url('../../_img/cont/hrd_tbg.png')no-repeat 100% 30px
}

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

ul.hrd_list > li {
    float: left;
    width: 50%;
    padding: 0 0 0 15px;
    box-sizing: border-box;
}

ul.hrd_list > li:nth-child(2n+1) {
    padding: 0 15px 0 0
}

ul.hrd_list > li div.box {
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff
}

ul.hrd_list > li div.box.bg {
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #f9f9f9
}

ul.hrd_list > li div.box p.img {
    border-bottom: 1px solid #ddd;
}

ul.hrd_list > li div.box ul {
    box-sizing: border-box;
    padding: 25px 30px 25px 30px;
}

ul.hrd_list > li div.box ul > li {
    margin-top: 3px !important;
}

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

ul.hrd_list02 > li {
    float: left;
    width: 360px;
    box-sizing: border-box;
    margin-right: 10px;
    text-align: center;
    font: 400 16px/22px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

ul.hrd_list02 > li:last-child {
    margin: 0 auto;
}

ul.hrd_list02 > li img {
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

ul.hrd_list02 > li a {
    display: block;
    color: #999;
}

ul.hrd_list02 > li a:hover {
    text-decoration: underline;
}

/*기술교육*/
.edu_system {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 30px;
    text-align: center;
}

.edu_system img {
    vertical-align: middle
}

.edu_system span {
    display: inline-block;
    width: 340px;
    padding: 15px 0;
    border-radius: 7px;
    margin: 0 40px;
    font: 400 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    vertical-align: middle;
}

.edu_system span.g_box {
    border: 1px solid #ddd;
    background: #f2f2f2;
    color: #555
}

.edu_system span.b_box {
    border: 1px solid #666;
    background: #666;
    color: #fff
}

table.edu_sys {
    width: 100%;
    margin-top: 20px;
}

table.edu_sys tr td {
    height: 200px;
    vertical-align: middle;
    box-sizing: border-box;
}

table.edu_sys tr td p {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 20px 4px 20px;
    border-radius: 20px;
    background: #e69f28;
    font: 400 16px/23px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.edu_sys tr td p.g {
    background: #999
}

table.edu_sys tr td.e01 {
    background: url('../../_img/cont/edu_s01.png')no-repeat 5px 50%;
    padding: 0 0 0 150px;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}

table.edu_sys tr td.e02 {
    background: url('../../_img/cont/edu_s02.png')no-repeat 30px 50%;
    padding: 0 0 0 180px;
    border-bottom: 1px dashed #ddd;
}

table.edu_sys tr td.e03 {
    background: url('../../_img/cont/edu_s04.png')no-repeat 5px 50%;
    padding: 0 0 0 150px;
    border-right: 1px dashed #ddd;
}

table.edu_sys tr td.e04 {
    background: url('../../_img/cont/edu_s03.png')no-repeat 30px 50%;
    padding: 0 0 0 180px;
}

table.edu_sys tr td ul li {
    font-size: 15px;
    margin: 0;
}

.edu_sysimg {
    text-align: center;
}

.edu_sysimg p {
    display: inline-block;
    margin: 8px 30px 0 30px;
}

.edu_sysimg p img {
    display: block;
    margin-bottom: 8px;
    font: 400 15px/18px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

table.bpo {
    width: 100%;
    border: 1px solid #ddd;
}

table.bpo tr td {
    height: 200px;
    vertical-align: middle;
    box-sizing: border-box;
}

table.bpo tr td.b01 {
    background: url('../../_img/cont/bpo_01.png')no-repeat 30px 50%;
    padding: 0 0 0 200px;
    border-bottom: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
}

table.bpo tr td.b02 {
    background: url('../../_img/cont/bpo_02.png')#f9f9f9 no-repeat 30px 50%;
    padding: 0 0 0 200px;
    border-bottom: 1px dashed #ddd;
}

table.bpo tr td.b03 {
    background: url('../../_img/cont/bpo_03.png')#f9f9f9 no-repeat 30px 50%;
    padding: 0 0 0 200px;
    border-right: 1px dashed #ddd;
}

table.bpo tr td.b04 {
    background: url('../../_img/cont/bpo_04.png')no-repeat 30px 50%;
    padding: 0 0 0 200px;
}

table.bpo tr td ul li {
    font-size: 15px;
    margin: 0;
}

.bpo_logo {
    text-align: center;
}

.bpo_logo div {
    display: inline-block;
    margin: 0 5px;
    padding: 15px 0
}

.bpo_logo div p.tit {
    display: inline-block;
    padding: 8px 0 5px 0;
    width: 133px;
    text-align: center;
    border-radius: 20px;
    background: #e7e7e7;
    font: 400 15px/18px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

.bpo_logo div ul {
    margin-top: 15px;
}

.bpo_logo div ul li {
    display: inline-block;
    width: 128px;
    height: 70px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle
}

.bpo_logo div ul li.text {
    display: inline-block;
    width: 128px;
    height: auto;
    border: none;
    margin: 0 2px;
    vertical-align: middle;
    font: 400 14px/18px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

.bpo_logo div ul li.text p {
    display: block;
    width: 128px;
    height: 70px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

table.edu_tech {
    width: 100%;
    border: 1px solid #ddd;
}

table.edu_tech tr {
    border-bottom: 1px dashed #ddd;
}

table.edu_tech tr:last-child {
    border-bottom: none;
}

table.edu_tech tr td {
    box-sizing: border-box;
    padding: 30px 25px;
    border-right: 1px dashed #ddd;
}

table.edu_tech tr td:last-child {
    border-right: none;
}

table.edu_tech tr td.g {
    background: #f9f9f9
}

table.edu_tech tr td p {
    font: 400 14px/16px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

table.edu_tech tr td p span {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 15px;
    border-radius: 20px;
    background: #e69f28;
    font: 400 16px/16px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.edu_tech tr td.g p span {
    background: #555;
}

table.edu_tech tr td ul {
    overflow: hidden;
    margin-left: 5px;
}

table.edu_tech tr td ul li {
    float: left;
    width: 50%;
    font-size: 15px;
    margin: 0;
    box-sizing: border-box;
}

table.edu_tech tr td ul.thr {
    overflow: hidden;
}

table.edu_tech tr td ul.thr li {
    float: left;
    width: 33%;
    font-size: 15px;
    margin: 0;
}

table.sw_table {
    width: 100%;
}

table.sw_table thead tr th {
    background: #555;
    border-right: 1px solid #686868;
    padding: 12px 10px 10px 10px;
    text-align: center;
    font: 400 18px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff
}

table.sw_table thead tr th:last-child {
    border-right: none;
}

table.sw_table tbody tr th {
    border-right: 1px solid #ddd;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333
}

table.sw_table tbody tr td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
}

table.sw_table tbody tr td:last-child {
    border-right: none;
}

table.sw_table tbody tr td div {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    width: 130px;
    height: 70px;
    border-radius: 5px;
    vertical-align: middle;
}

table.sw_table tbody tr td div p {
    display: table;
    width: 100%;
    height: 70px;
    vertical-align: middle;
}

table.sw_table tbody tr td div span {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font: 400 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

table.sw_table tbody tr td div span.g {
    display: block;
    font: 400 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999
}

table.sw_table tbody tr td div span.dot {
    padding-top: 25px;
    vertical-align: baseline;
    font: 600 15px/15px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

table.sw_table tbody tr td div.none {
    border: 1px solid #fff !important;
    background: none !important
}

table.sw_table tbody tr.sw01 th {
    background: #f5e3c4;
    border-bottom: 1px solid #d6c6ab
}

table.sw_table tbody tr.sw01 td div {
    background: #fbf3e4;
    border: 1px solid #e6dac7;
}

table.sw_table tbody tr.sw01 td div span.dot {
    color: #d3c09d
}

table.sw_table tbody tr.sw02 th {
    background: #d5e4f5;
    border-bottom: 1px solid #b8c6d4
}

table.sw_table tbody tr.sw02 td div {
    background: #e8eff7;
    border: 1px solid #c3c9d0;
}

table.sw_table tbody tr.sw02 td div span.dot {
    color: #abbacb
}

table.sw_table tbody tr.sw03 th {
    background: #bde1eb;
    border-bottom: 1px solid #a5c4cd
}

table.sw_table tbody tr.sw03 td div {
    background: #e2f1f4;
    border: 1px solid #cfdadc;
}

table.sw_table tbody tr.sw03 td div span.dot {
    color: #a9c0c5
}

table.sw_table tbody tr.sw04 th {
    background: #c0e8de;
    border-bottom: 1px solid #a5cbc1
}

table.sw_table tbody tr.sw04 td div {
    width: 170px;
    background: #dcf4ee;
    border: 1px solid #c7e2db;
}

table.sw_table tbody tr.sw04 td div span.dot {
    color: #aec1bc
}

ul.edu_online {
    width: 100%;
    display: table;
    overflow: hidden;
    border: 1px solid #ddd;
    word-break: keep-all
}

ul.edu_online > li {
    display: table-cell;
    width: 33%;
    box-sizing: border-box;
    padding: 35px 30px 10px 30px;
}

ul.edu_online > li:nth-child(2) {
    width: 34%;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

ul.edu_online > li .top {
    width: 100%;
    height: 320px;
    border-bottom: 1px dashed #ddd;
    text-align: center;
}

ul.edu_online > li.g {
    background: #f9f9f9
}

ul.edu_online > li p.sub {
    margin-top: 30px;
    font: 600 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

ul.edu_online > li > ul {
    border-bottom: 1px dashed #ddd;
    padding: 20px 0 20px 80px;
}

ul.edu_online > li > ul:last-child {
    border-bottom: 0;
}

ul.edu_online > li > ul.online01_01 {
    background: url('../../_img/cont/online01_01.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online01_02 {
    background: url('../../_img/cont/online01_02.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online01_03 {
    background: url('../../_img/cont/online01_03.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online02_01 {
    background: url('../../_img/cont/online02_01.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online02_02 {
    background: url('../../_img/cont/online02_02.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online03_01 {
    background: url('../../_img/cont/online03_01.png') no-repeat 0% 30px;
}

ul.edu_online > li > ul.online03_02 {
    background: url('../../_img/cont/online03_02.png') no-repeat 0% 30px;
}

div.hrd_bpo {
    padding: 50px;
}

div.hrd_bpo .img01 {
}

div.hrd_bpo .hrd_list {
    overflow: hidden;
    margin: -4px 0 40px 0;
    padding-bottom: 40px;
    border-bottom: dashed 1px #ddd;
    word-break: keep-all;
}

div.hrd_bpo .hrd_list .list {
    width: 237px;
    float: left;
    border: solid 1px #ddd;
    min-height: 320px;
    padding: 25px;
    margin-right: 16px;
}

div.hrd_bpo .hrd_list .list:last-child {
    margin-right: 0;
}

div.hrd_bpo .hrd_list .list:nth-child(2n) {
    background: #f9f9f9
}

div.hrd_bpo .hrd_list .tit {
    text-align: center;
    font: 600 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    margin-bottom: 20px;
    padding-right: 10px;
}

div.softeer {
    border: solid 1px #ddd;
    width: 100%;
    overflow: hidden;
    display: table;
}

div.softeer .box {
    padding: 40px 20px 35px 20px;
    width: 25%;
    border-right: solid 1px #ddd;
    display: table-cell;
    position: relative;
}

div.softeer .box:nth-child(even) {
    background: #f9f9f9
}

div.softeer .box:last-child {
    border: 0;
}

div.softeer .box .tit {
    font: 700 25px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #043c79;
    margin-bottom: 10px;
    padding-right: 10px;
}

div.softeer .box .tit span {
    display: block;
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    letter-spacing: -0.3px;
}

div.softeer .box .sub {
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    word-break: keep-all;
}

div.softeer .box ul.list {
    margin-top: 20px;
}

div.softeer .box ul.list li {
    margin-bottom: 12px;
}

div.softeer .box ul.list li:last-child {
    margin-bottom: 0;
}

div.softeer .box ul.list li .t {
    font: 600 17px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #222;
    position: relative;
    padding-left: 10px;
}

div.softeer .box ul.list li .t span {
    margin-left: 5px;
    font: 400 13px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023;
}

div.softeer .box ul.list li .t:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0px;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 12px;
    background: #e7a023;
}

div.softeer .box ul.list li .s {
    padding-left: 10px;
    font: 400 15px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #888;
}

div.softeer .box.soft01:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 66px;
    height: 31px;
    opacity: 0.4;
    background: url('../../_img/cont/softeer01.png') no-repeat 50% 50%;
}

div.softeer .box.soft02:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 54px;
    height: 32px;
    opacity: 0.4;
    background: url('../../_img/cont/softeer02.png') no-repeat 50% 50%;
}

div.softeer .box.soft03:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 44px;
    height: 33px;
    opacity: 0.4;
    background: url('../../_img/cont/softeer03.png') no-repeat 50% 50%;
}

div.softeer .box.soft04:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 13px;
    height: 39px;
    opacity: 0.4;
    background: url('../../_img/cont/softeer04.png') no-repeat 50% 50%;
}

/*
div.softeer .box.soft02 {background:#f9f9f9 url('../../_img/cont/softeer02.png') no-repeat 90% 10%;}
div.softeer .box.soft03 {background:url('../../_img/cont/softeer03.png') no-repeat 90% 10%;}
div.softeer .box.soft04 {background:#f9f9f9 url('../../_img/cont/softeer04.png') no-repeat 90% 10%;}
*/
.hm_bg {
    position: absolute;
    right: 100px;
    margin-top: -50px;
}

ul.hm_recruit {
    width: 100%;
    display: table;
    overflow: hidden;
    border: 1px solid #ddd;
    word-break: keep-all
}

ul.hm_recruit > li {
    display: table-cell;
    width: calc(100% /4);
    box-sizing: border-box;
    padding: 40px 30px;
}

ul.hm_recruit > li:nth-child(2) {
    /* width:34%; */
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

ul.hm_recruit > li:nth-child(3) {
    border-right: 1px solid #ddd;
}

ul.hm_recruit > li.g {
    background: #f9f9f9
}

ul.hm_recruit > li .top {
    width: 100%;
    height: 235px;
    text-align: center;
}

ul.hm_recruit > li p.tit {
    background: #427383;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto;
    font: 500 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    padding-top: 25px;
    margin-bottom: 50px;
    position: relative;
}

ul.hm_recruit > li p.tit img {
    display: block;
    margin: 0 auto 10px auto;
}

ul.hm_recruit > li:nth-child(2) p.tit {
    background: #304c71;
}

ul.hm_recruit > li:nth-child(3) p.tit {
    background: #437d6f;
}

ul.hm_recruit > li p.tit::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 40px;
    right: 50%;
    top: 100%;
    border-right: dashed 1px #427383;
}

ul.hm_recruit > li p.tit::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    right: 50%;
    margin-right: -3px;
    bottom: -40px;
    background: #427383;
}

ul.hm_recruit > li:nth-child(2) p.tit::before {
    border-color: #304c71;
}

ul.hm_recruit > li:nth-child(2) p.tit::after {
    background: #304c71;
}

ul.hm_recruit > li:nth-child(3) p.tit::before {
    border-color: #437d6f;
}

ul.hm_recruit > li:nth-child(3) p.tit::after {
    background: #437d6f;
}

ul.hm_recruit > li:nth-child(4) p.tit {
    background: #577A72;
}

ul.hm_recruit > li:nth-child(4) p.tit::before {
    border-right: dashed 1px #427383;
}

ul.hm_recruit > li:nth-child(4) p.tit::after {
    background: #577A72;
}

ul.hm_recruit > li p.sub {
    margin-top: 30px;
    font: 600 18px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666
}

/*link*/
.gray_bg {
    background: #f9f9f9;
}

.gray_bg02 {
    background: #eee !important;
}

div.link {
    width: 100%;
    border: solid 1px #ddd;
}

div.link .link_cont {
    width: 100%;
    overflow: hidden;
    padding: 35px;
    box-sizing: border-box;
    border-bottom: dashed 1px #ddd;
    overflow: hidden;
}

div.link .link_cont:last-child {
    border: none;
    ;}

div.link .link_cont p.cont_tit01 {
    width: 160px;
    margin-right: 60px;
    float: left;
    text-align: center;
    height: 160px;
    border-radius: 100px;
    background: #f2f2f2 url('../../_img/cont/link01.png')no-repeat 48% 31% / 86px;
}

div.link .link_cont p.cont_tit02 {
    width: 160px;
    margin-right: 60px;
    float: left;
    text-align: center;
    height: 160px;
    border-radius: 100px;
    background: #fff url('../../_img/cont/link02.png')no-repeat 55% 31% / 78px;
}

div.link .link_cont p.cont_tit03 {
    width: 160px;
    margin-right: 60px;
    float: left;
    text-align: center;
    height: 160px;
    border-radius: 100px;
    background: #f2f2f2 url('../../_img/cont/link03.png')no-repeat 42% 31% / 73px;
}

div.link .link_cont p span {
    display: inline-block;
    padding-top: 100px;
    font: 600 18px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

div.link .link_cont ul.cont_list {
    width: 520px;
    margin-top: 15px;
    float: left;
    overflow: hidden;
}

div.link .link_cont ul.cont_list li {
    float: left;
    margin-right: 25px;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

div.link .link_cont ul.cont_list li.top {
    width: 100%;
    margin-bottom: 15px;
}

div.link .link_cont ul.cont_list li.top p {
    display: inline-block;
    background: #f2f2f2;
    border-radius: 100px;
    padding: 3px 10px 4px 10px;
    font: 600 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

div.link .link_cont ul.cont_list li p {
    padding: 0 0 10px 10px;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    background: url('../../_img/cont/dot_bg01.png')no-repeat 0 10px;
}

div.link .link_cont ul.cont_list li p:last-child {
    padding-bottom: 0;
}

div.link .link_cont ul.cont_list li p span {
    padding: 0 !important;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

div.link .link_cont p.cont_img {
    float: right;
    margin-top: 8px;
}

/*문의&후기*/
table.list {
    width: 100%;
    border-top: 1px solid #333;
    table-layout: fixed
}

table.list thead th {
    background: #f9f9f9;
    padding: 15px 0;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

table.list thead tr {
    cursor: default;
}

table.list tbody td {
    padding: 20px 0;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #ddd;
    font: 300 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    box-sizing: border-box;
}

table.list tbody td.tit {
    text-align: left;
    padding: 0 10px;
    ;}

table.list tbody td.tit a {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

table.list tbody td.tit a:hover {
    text-decoration: underline;
    color: #70847b
}

table.list tbody tr:last-child td {
    border-bottom: 1px solid #bbb
}

table.list tbody tr {
    cursor: pointer
}

table.list .no_cont {
    text-align: center;
    background: #fff !important;
    cursor: default;
    font: 400 16px/26px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

table.list tr.not {
    background: #f4faf9 !important;
}

table.list tr.not img {
    vertical-align: middle
}

table.list tr:hover {
    background: #f9f9f9
}

/*후기댓글*/
div.write_wrap {
    width: 100%;
    border-top: solid 1px #333;
    border-bottom: solid 1px #ddd;
    padding: 30px 0;
}

div.comment_write {
    width: 100%;
    overflow: hidden;
    background: #f9f9f9;
    padding: 30px 35px;
    box-sizing: border-box;
}

div.comment_write textarea {
    width: 879px;
    float: left;
    min-height: 50px;
    border: solid 1px #ddd;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
}

div.comment_write textarea:focus {
    border: soild 1px #e7a023;
}

div.comment_write p {
    float: left;
}

div.comment_write p a {
    display: inline-block;
    background: #e7a023;
    padding: 25px 30px 22px 30px;
    font: 300 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

div.comment_write p a:hover {
    background: #333;
}

ul.comment {
    width: 100%;
}

ul.comment li {
    padding: 25px 10px;
    box-sizing: border-box;
    border-bottom: solid 1px #ddd;
}

ul.comment li:last-child {
    border-bottom: none;
}

ul.comment li .co_top {
    overflow: hidden;
}

ul.comment li .co_top .name {
    float: left;
    padding-left: 20px;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/rp_name.png')no-repeat 0% 50%;
}

ul.comment li .co_top .date {
    float: left;
    margin-left: 15px;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

ul.comment li .co_top .reple {
    float: right;
    position: relative;
    margin-top: 2px;
    padding-left: 23px;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
    background: url('../../_img/cont/rp_talk.png')no-repeat 0% 50%;
}

ul.comment li .co_top .reple a {
    display: inline-block;
    margin-left: 17px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

ul.comment li .co_top .reple a:hover {
    text-decoration: underline;
}

ul.comment li .co_top .reple::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 85px;
    width: 1px;
    height: 15px;
    background: #ccc;
}

ul.comment li .co_top .del_btn {
    float: right;
    margin-left: 20px;
}

ul.comment li .co_top .del_btn a {
    display: inline-block;
    border: solid 1px #e7a023;
    padding: 3px 8px 2px 8px;
    font: 300 13px/21px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #e7a023;
}

ul.comment li .co_top .del_btn a:hover {
    border: solid 1px #e7a023;
    background: #e7a023;
    color: #fff;
}

ul.comment li ul.re_co {
    width: 100%;
}

ul.comment li ul.re_co li {
    border-bottom: none !important;
    padding: 20px 0 0 40px !important;
    background: url('../../_img/cont/rp_arrow.png')no-repeat 2% 38%;
}

ul.comment li .co_text {
    margin-top: 5px;
    padding-left: 20px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

div.answer {
    width: 100%;
    border-top: solid 1px #eee;
    padding: 30px 35px;
    box-sizing: border-box;
    background: #f9f9f9;
}

div.answer .an_top {
    overflow: hidden;
}

div.answer .an_top .an_name {
    float: left;
    padding-left: 20px;
    font: 400 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../../_img/cont/rp_name02.png')no-repeat 0% 50%;
}

div.answer .an_top .an_date {
    float: left;
    margin-left: 15px;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

div.answer .an_text {
    margin-top: 5px;
    padding-left: 20px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

div.review_w {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    border: solid 1px #bbb;
}

div.review_w ul {
    overflow: hidden;
}

div.review_w ul li {
    float: left;
    width: 325px;
    margin-right: 30px;
}

div.review_w ul li:last-child {
    margin-right: 0;
}

div.review_w ul li:hover .re_tit {
    text-decoration: underline;
}

div.review_w ul li:hover .re_text {
    text-decoration: underline;
}

div.review_w ul li .re_tit {
    width: 100%;
    cursor: pointer;
    margin-bottom: 5px;
    font: 400 17px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.review_w ul li .re_text {
    width: 100%;
    cursor: pointer;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis
}

div.review_w ul li .writer {
    margin-top: 20px;
    padding-left: 17px;
    font: 400 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    background: url('../../_img/cont/rp_name02.png')no-repeat 0% 50%;
}

div.review_w ul li .writer span {
    display: inline-block;
    margin-left: 15px;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

/*롤링 뉴스*/
div.lol_w {
    width: 100%;
    border-bottom: solid 1px #ddd;
}

div.lol_w .lol_news {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

div.lol_w .lol_news .l_news {
    width: 50%;
    height: 66px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7px 25px 10px 0;
    float: left;
    border-right: solid 1px #ddd;
    overflow: hidden;
    background: url('../../_img/cont/lol_dot.png')no-repeat 16% 50%;
}

div.lol_w .lol_news .r_news {
    width: 50%;
    height: 66px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 7px 0 7px 25px;
    float: left;
    overflow: hidden;
    background: url('../../_img/cont/lol_dot.png')no-repeat 20% 50%;
}

ul.lol_n {
    width: 394px;
    float: left;
}

p.ln_t02 {
    float: left;
    padding-top: 16px;
    width: 100px;
    font: 500 18px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

p.ln_t {
    width: 375px;
    float: left;
    margin: 14px 15px 0 0;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

p.ln_t a {
    width: 100%;
    display: inline-block;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

p.ln_t a:hover {
    text-decoration: underline;
}

p.ln_d {
    float: left;
    margin: 13px 15px 0 0;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

p.ln_btn {
    float: left;
    width: 15px;
    margin-top: 2px;
}

p.l_news .ln_btn .lol_up {
    display: inline-block;
    padding: 3px 7px;
    background: url('../../_img/cont/lol_up.png')no-repeat 0 0;
}

p.l_news .ln_btn .lol_down {
    display: inline-block;
    padding: 3px 7px;
    background: url('../../_img/cont/lol_down.png')no-repeat 0 0;
}

ul.lol_n2 {
    width: 410px;
    float: left;
}

p.ln_t {
    width: 375px;
    float: left;
    margin: 14px 15px 0 0;
}

p.ln_t a {
    width: 100%;
    display: inline-block;
    font: 400 16px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

p.ln_t a:hover {
    text-decoration: underline;
}

p.ln_d {
    float: left;
    margin: 13px 15px 0 0;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #999;
}

p.ln_btn {
    float: left;
    width: 15px;
    margin-top: 2px;
}

p.l_news .ln_btn .lol_up {
    display: inline-block;
    padding: 3px 7px;
    background: url('../../_img/cont/lol_up.png')no-repeat 0 0;
}

p.l_news .ln_btn .lol_down {
    display: inline-block;
    padding: 3px 7px;
    background: url('../../_img/cont/lol_down.png')no-repeat 0 0;
}

/*레이어팝업*/
div.layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

div.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.pop-layer02 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

p.close {
    overflow: hidden;
}

p.close a {
    float: right;
}

div.pw_pop {
    width: 500px;
    background: #fff;
    padding: 35px;
    box-sizing: border-box;
}

div.pw_pop .pp_tit {
    text-align: center;
    padding: 13px 0;
    font: 400 18px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
    background: url('../images/cont/pop_pw.png')no-repeat 18% 50%;
}

div.pw_pop .pp_pw {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

div.pw_pop .pp_pw input {
    float: left;margin:0;
    width: 80%;
    box-sizing: border-box;
    padding-left: 10px;
    height: 45px;
    border-right: solid 1px #e7a023;
    border-bottom: solid 1px #bbb;
    border-left: solid 1px #bbb;
    border-top: solid 1px #bbb;
    background: #f9f9f9;
    font: 300 15px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #555;
}

div.pw_pop .pp_pw input::placeholder {
    font-family: "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica
}

div.pw_pop .pp_pw input[type=password] {
    font-family: 'Malgun gothic', dotum, sans-serif;
}

div.pw_pop .pp_pw .pw_btn {
    float: left;
    height: 45px;
    width: 20%;
    text-align: center;
}

div.pw_pop .pp_pw .pw_btn a {
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    height: 100%;
    background: #e7a023;
    color: #fff;
    font: 300 16px/25px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

div.pw_pop .pp_pw .pw_btn:hover a {
    background: #2d496e;
    color: #fff;
}

.webtoon_popup.tech_popup .pop-layer {
    width: 800px!important;
    height: 750px
}

.tech_popup #layer_cont {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

.tech_popup #layer_cont img {
    max-width: 750px
}

.tech_popup #layer_cont img.auto {
}

.tech_popup div.tech_cont {
    height: 750px;
    overflow-y: scroll;
    box-sizing: border-box;
}

/*20210311 요청사항 반영*/
ul.edu_tech {
    overflow: hidden;
    margin-top: 30px;
    background: url('../../_img/cont/edu_tech_bg.png')no-repeat 50% 50%;
}

ul.edu_tech > li {
    border: 1px solid #ddd;
    float: left;
    height: 260px;
    width: calc(50% - 30px);
    margin-right: 60px;
    padding: 35px 40px;
    box-sizing: border-box
}

ul.edu_tech > li:nth-child(1) {
    background: #fff url('../../_img/cont/edu_tech01.png')no-repeat 90% 85%;
}

ul.edu_tech > li:nth-child(2) {
    background: #fff url('../../_img/cont/edu_tech02.png')no-repeat 90% 85%;
}

ul.edu_tech > li:nth-child(3) {
    background: #fff url('../../_img/cont/edu_tech03.png')no-repeat 90% 85%;
    margin-top: 94px;
}

ul.edu_tech > li:nth-child(4) {
    background: #fff url('../../_img/cont/edu_tech04.png')no-repeat 90% 85%;
    margin-top: 94px;
}

ul.edu_tech > li:nth-child(2n) {
    margin-right: 0;
}

ul.edu_tech > li p {
    font: 700 20px/24px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #333;
}

ul.edu_tech > li a.more {
    display: inline-block;
    font: 400 14px/15px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
    color: #fff;
    padding: 7px 24px 5px 12px;
    border-radius: 15px;
    margin-left: 10px;
    background: #000 url('../../_img/cont/edu_tech_arr.png') no-repeat 90% 50%;
}

ul.edu_tech > li ul.edu_list {
    overflow: hidden;
}

ul.edu_tech > li ul.edu_list li {
    overflow: hidden;
    float: left;
    width: 40%;
    margin: 0;
    margin-bottom: 5px;
    box-sizing: border-box;
}

ul.edu_tech > li ul.edu_list li:nth-child(2n) {
    width: 60%
}

ul.edu_tech > li ul.edu_list.w100 li {
    width: 100%
}

ul.edu_online li span>img {
    margin-left: 4px;
    vertical-align: top;
    padding-top: 3px;
}

ul.edu_online li>ul.dot_ul03 li {
    font: 400 16px/28px "NanumSquare", "Malgun Gothic", Dotum, Arial, verdana, Helvetica;
}

.s_cont ul.list_ul01 li p.thum {
    max-height: 186px;
    overflow: hidden
}

/** 직무소개팝업  **/
.jobInfo {
    width: 1300px;
    height: 89vh;
    overflow-y: auto;
    padding: 50px;
    background: #fff;
    border-radius: 5px;
}

.jobInfo .job_tit {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font: 600 32px/42px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #222;
}

.jobInfo .job_tit span {
    display: block;
    font-size: 26px;
    font-weight: 400
}

.jobInfo .job_stit {
    width: 100%;
    padding: 60px 0 12px 0;
    border-bottom: 3px solid #e7a023;
    font: 600 26px/32px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #222;
}

.jobInfo .job_stit.top {
    padding-top: 0px;
}

.jobInfo .job_cont {
    margin-top: 20px;
    word-break: keep-all;
}

.jobInfo .txt {
    font: 400 16px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #222
}

.jobInfo .txt span {
    display: block;
    margin-bottom: 10px;
    font: 600 18px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #e7a023
}

.jobInfo ul.list {
    width: 100%;
}

.jobInfo .job_box ul.list li {
    margin-top: 30px;
    font: 400 16px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #555
}

.jobInfo .job_box ul.list li > span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 7px 10px;
    background: #333;
    border-radius: 3px;
    font: 400 15px/21px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #fff
}

.jobInfo .job_box ul.list02 {
    width: 100%;
}

.jobInfo .job_box ul.list02 li {
    margin-top: 8px;
    font: 400 16px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #555
}

/*.jobTalk                        {width:1300px; height:89vh; overflow-y:auto; padding:50px; background:#fff; border-radius:5px;}*/
.jobTalk {
    width: 100%;
}

.jobTalk .talk_thumb {
    width: 100%;
    margin-top: 100px;
    border-radius: 5px;
    height: 350px;
    background: #e7a023;
    overflow: hidden;
}

.jobTalk .talk_thumb .img {
    width: calc(50% + 70px);
    overflow: hidden;
    float: left;
    display: flex;
    height: 350px;
    align-items: center;
}

.jobTalk .talk_thumb .img img {
    width: 100%;
}

.jobTalk .talk_thumb .txt {
    width: calc(50% - 70px);
    position: relative;
    height: 100%;
    background: #e7a023;
    padding-left: 30px;
    float: right;
    display: flex;
    align-items: center;
}

.jobTalk .talk_thumb .txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -70px;
    border-bottom: 0px solid #e7a023;
    border-top: 350px solid transparent;
    border-left: 0px solid transparent;
    border-right: 70px solid #e7a023;
}

.jobTalk .talk_thumb .txt > p {
    padding: 40px 20px 0 20px;
    background: url('../../_img/cont/talk01.png')no-repeat 0 0;
    font: italic 300 32px/45px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #fff
}

.jobTalk .talk_thumb .txt > p span {
    position: relative;
    display: block;
    margin-top: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    color: #714800
}

.jobTalk > div:first-child .talk_thumb {
    margin-top: 0px;
}

.jobTalk > div:nth-child(even) .talk_thumb {
    background: #333
}

.jobTalk > div:nth-child(even) .talk_thumb .img {
    float: right
}

.jobTalk > div:nth-child(even) .talk_thumb .txt {
    background: #333;
    float: left;
    padding-left: 70px;
}

.jobTalk > div:nth-child(even) .talk_thumb .txt:after {
    left: auto;
    right: -70px;
    border-bottom: 0px solid #333;
    border-top: 350px solid transparent;
    border-left: 70px solid #333;
    border-right: 0px solid transparent;
}

.jobTalk > div:nth-child(even) .talk_thumb .txt > p {
    background: url('../../_img/cont/talk02.png')no-repeat 0 0;
}

.jobTalk > div:nth-child(even) .talk_thumb .txt > p span {
    color: #999
}

.jobTalk .txt {
    font: 400 17px/32px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #222
}

.jobTalk ul.list {
    width: 100%;
}

.jobTalk ul.list li {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}

.jobTalk ul.list li .Q {
    margin-bottom: 18px;
    font: 600 20px/26px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #e7a023
}

.jobTalk ul.list li .A {
    font: 400 16px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #555
}

.jobTalk ul.list li .A span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
}

.jobTalk ul.list li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.jobTalk ul.list li div.a_img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.jobTalk ul.list li div.a_img .A {
    width: calc(100% - 270px);
    padding-right: 50px;
}

.jobTalk ul.list li div.a_img .img {
    width: 270px;
}

.jobTalk ul.list02 li {
    margin-top: 40px;
    overflow: hidden;
}

.jobTalk ul.list02 li .cont {
    float: left;
    word-break: keep-all;
    width: calc(100% - 460px);
    font: 400 16px/28px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #555;
}

.jobTalk ul.list02 li .cont p.time {
    position: relative;
    padding-left: 10px;
    font: 600 18px/26px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #222;
}

.jobTalk ul.list02 li .cont p.time:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 16px;
    background: #222;
    border-radius: 5px;
}

.jobTalk ul.list02 li .img {
    float: right;
    width: 430px;
    display: flex;
    justify-content: space-between;
}

.jobTalk ul.list02 li .img span {
    width: 210px;
}

.jobTalk ul.list02 li .img span img {
    width: 100%;
}

.jobTalk.type02 .talk_thumb {
    height: auto;
}

.jobTalk.type02 .talk_thumb .txt {
    width: 100%;
    padding-left: 30px !important;
    background: url('../../_img/cont/logo_bg.png')no-repeat 95% 55%/40%
}

.jobTalk.type02 > div:nth-child(even) .talk_thumb .txt {
    background: url('../../_img/cont/logo_bg02.png')no-repeat 95% 55%/40%
}

.jobTalk .talk_thumb .txt > p {
    background: url('../../_img/cont/talk01.png')no-repeat 0 10px/40px;
    padding-bottom: 35px;
    font-size: 28px;
}

/* 맴버톡 */
ul.memb_talk {
    display: flex;
    flex-wrap: wrap;
    border: solid 1px #ddd;
    overflow: hidden;
}

ul.memb_talk li a {
    display: flex;
    flex-direction: column;
    transition: .2s;
    color: #333;
}

ul.memb_talk .or a {
    color: #fff;
}

ul.memb_talk li .img {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

ul.memb_talk li .img::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    width: 101%;
    height: 100%;
    background: url('../../_img/cont/mem_mask.png') no-repeat 50% 50%/cover;
    ;}

ul.memb_talk li a:hover .img::after, ul.memb_talk li a:focus .img::after {
    opacity: 0.9;
}

ul.memb_talk .or .img::after {
    background: url('../../_img/cont/mem_mask_w.png') no-repeat 50% 50%/cover;
}

ul.memb_talk li .txt {
    position: relative;
    text-align: center;
    background: #fff;
    min-height: 140px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 0 15px;
    word-break: keep-all;
}

ul.memb_talk .or .txt {
    background: #e7a023;
}

ul.memb_talk li .txt::before {
    content: url('../../_img/cont/talk_bk.png');
    width: 100%;
    transition: .2s;
}

ul.memb_talk .or .txt::before {
    content: url('../../_img/cont/talk_o.png');
}

ul.memb_talk li a:hover .txt::before, ul.memb_talk li a:focus .txt::before, ul.memb_talk .or a:hover .txt::before, ul.memb_talk .or a:focus .txt::before {
    content: url('../../_img/cont/talk_b.png');
}

ul.memb_talk li .txt::after {
    position: absolute;
    z-index: 1;
    content: '';
    width: 25px;
    height: 25px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    top: -3px;
    transition: .2s;
}

ul.memb_talk li .txt.af_r::after {
    top: 50%;
    left: auto;
    left: calc(100% - 3px);
}

ul.memb_talk li .txt.af_l::after {
    top: 50%;
    left: -3px;
}

ul.memb_talk li .txt.af_b::after {
    top: calc(100% - 4px)
}

ul.memb_talk .or .txt::after {
    background: #e7a023
}

ul.memb_talk li span * {
    display: block;
}

ul.memb_talk li a:focus strong, ul.memb_talk li a:hover strong {
    color: #003b83
}

ul.memb_talk li span strong {
    font-size: 19px;
    font-weight: 600;
    width: 100%;
    display: block;
}

ul.memb_talk a:hover span em, ul.memb_talk a:focus span em, ul.memb_talk li span em {
    color: #003b83;
    font-weight: 400;
    line-height: 22px;
    font-size: 16px;
    font-style: normal;
    margin-top: 6px;
}

ul.memb_talk .or span em {
    color: #714800;
}

ul.memb_talk .img_float div {
    float: left;
    position: relative;
}

ul.memb_talk .img_float a {
    flex-direction: row;
}

ul.memb_talk .img_float .w2 .img, ul.memb_talk .img_float .w2 .txt {
    float: left;
}

/* ul.memb_talk .img_float .w2 .img,
ul.memb_talk .img_float .w2 .txt{float:left; width:50%} */
/* 직무소개 - 미래인재 */
/*#tab03 ul.memb_talk .img_float .w2 .txt{height:200px;position:absolute; top:0; right:0;}
#tab03 ul.memb_talk .img_float .w1 .txt{height:200px; width:100%; position:absolute; bottom:0; left:-100%;} */
#tab03 ul.memb_talk .img_float .or a:hover .img::after, #tab03 ul.memb_talk .img_float .or a:focus .img::after, #tab03 ul.memb_talk .img_float .img::after {
    background: url('../../_img/cont/mem_mask02_w.png') no-repeat 50% 50%/cover;
}

#tab03 ul.memb_talk .img_float a:hover .img::after, #tab03 ul.memb_talk .img_float a:focus .img::after, #tab03 ul.memb_talk .img_float .or .img::after {
    background: url('../../_img/cont/mem_mask02.png') no-repeat 50% 50%/cover;
}

/* 직무소개 - 기술정보 & 기술교육 */
#tab04 ul.memb_talk li .txt {
    min-height: 160px;
}

#tab01 ul.memb_talk .img_float .w2 .img, #tab04 ul.memb_talk .img_float .w2 .img {
    width: 350px
}

#tab01 ul.memb_talk .img_float .w2 .txt, #tab04 ul.memb_talk .img_float .w2 .txt {
    width: calc(100% - 350px)
}

#tab04 ul.memb_talk li .img::after {
    background: url('../../_img/cont/mem_mask01.png') no-repeat 50% 50%/cover;
}

#tab04 ul.memb_talk .or .img::after {
    background: url('../../_img/cont/mem_mask01_w.png') no-repeat 50% 50%/cover;
}

/* #tab04 ul.memb_talk li:nth-child(2) .img::after    {background:url('../../_img/cont/mem_mask03_w.png') no-repeat 50% 50%/cover;} */
/* 직무소개 - 산학연 */
ul.memb_talk .img_float .w100 {
    width: 100%;
}

ul.memb_talk .img_float .w100 .img {
    width: 510px
}

ul.memb_talk .img_float .w100 .txt {
    width: calc(100% - 510px)
}

#tab02 ul.memb_talk li:first-child .img::after {
    background: url('../../_img/cont/mem_mask04_w.png') no-repeat 0% 0%/cover;
}

#tab02 ul.memb_talk li:first-child .img:last-of-type::after {
    transform: scaleX(-1);
    left: 0;
    top: 0;
}

#tab01 ul.memb_talk li .img::after {
    background: url('../../_img/cont/mem_mask02.png') no-repeat 50% 30%/cover
}

#tab01 ul.memb_talk .or .img::after {
    background: url('../../_img/cont/mem_mask02_w.png') no-repeat 50% 30%/cover
}

#tab02 ul.memb_talk li:last-child .img::after {
    background: url('../../_img/cont/mem_mask05.png') no-repeat 50% 50%/cover;
}

/* 맴버톡 팝업 */
div#layer_mem .bg {
    opacity: .3;
}

div#layer_mem .jobInfo {
    width: 1200px
}

#pop_mem .talk_box * {
    word-break: keep-all;
}

#pop_mem .talk_box .talk_thumb {
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 5px;
    height: 350px;
    background: #e6b00a;
    overflow: hidden;
}

#pop_mem .talk_box .talk_thumb .img {
    float: right;
    width: 620px;
    overflow: hidden;
    display: flex;
}

#pop_mem .talk_thumb .img img {
    width: 100%;
}

#pop_mem .talk_box .talk_thumb .txt {
    float: left;
    width: calc(100% - 620px);
    position: relative;
    height: 100%;
    background: #e6b00a;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

#pop_mem .talk_box .talk_thumb .txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -70px;
    border-top: 0px solid #e6b00a;
    border-bottom: 350px solid transparent;
    border-left: 70px solid #e6b00a;
    border-right: 0px solid transparent;
}

#pop_mem .talk_box .talk_thumb.rev .img {
    float: left;
}

#pop_mem .talk_box .talk_thumb.rev .txt {
    background: #e7a023
}

#pop_mem .talk_box .talk_thumb.rev .txt:after {
    left: -70px;
    right: auto;
    border-bottom: 0px solid #e7a023;
    border-top: 350px solid transparent;
    border-right: 70px solid #e7a023;
    border-left: 0px solid transparent;
}

#pop_mem .talk_box .talk_thumb.bk .txt {
    background: #333
}

#pop_mem .talk_box .talk_thumb.bk .txt:after {
    left: auto;
    right: -70px;
    border-bottom: 0px solid #333;
    border-top: 350px solid transparent;
    border-left: 70px solid #333;
    border-right: 0px solid transparent;
}

#pop_mem .talk_box .talk_thumb.bk .txt > p {
    background: url('../../_img/cont/talk02.png')no-repeat 0 0;
}

#pop_mem .talk_box .talk_thumb.bk .txt > p span {
    color: #999
}

#pop_mem .talk_box .talk_thumb .txt > p {
    padding: 40px 20px 0 20px;
    background: url('../../_img/cont/talk01.png')no-repeat 0 0;
    font: italic 300 32px/45px 'NanumSquare' , "Malgun Gothic" , "Dotum" , "Arial" , "verdana" , "Helvetica";
    color: #fff
}

#pop_mem .talk_box .talk_thumb .txt > p span {
    position: relative;
    display: block;
    margin-top: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    color: #714800
}

.talk14 .jobTalk ul.list02 li .img {
    width: 210px;
}

.talk14 .jobTalk ul.list02 li .cont {
    width: calc(100% - 250px);
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

@-webkit-keyframes imgSlideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes imgSlideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes imgSlideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes imgSlideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes imgSlideRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes imgSlideRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes imgSlideLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes imgSlideLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}