@charset "UTF-8";


/* 서브페이지 공통 */

.subVisu {width: 100%; height: 349px; position: relative;}
.subVisu1 {background: url(../img/subVisu1.jpg)no-repeat center; background-size: cover;}
.subVisu2 {background: url(../img/subVisu2.jpg)no-repeat center; background-size: cover;}
.subVisu3 {background: url(../img/subVisu3.jpg)no-repeat center; background-size: cover;}
.subVisu4 {background: url(../img/subVisu4.jpg)no-repeat center; background-size: cover;}
.subVisu5 {background: url(../img/subVisu5.jpg)no-repeat center; background-size: cover;}

.subVisu .txt {text-align: center;display: block;width: 100%;height: auto;position: absolute;top: calc(50% - 66px);}
.subVisu .txt h3 {font-size: 44px;font-weight: 700;margin-bottom: 5px;color: #ffffff;}
.subVisu .txt p.subtit {font-size: 25px; color: #ffffff;}

.main_depth_container {width: 100%;height: 65px;border-bottom: 1px solid #dddddd;position: relative;z-index: 9000;}
.main_depth_container .depth_wrap {width: 1200px; height: 65px; margin: 0 auto; text-align: center;}
.main_depth {display: inline-block;width: auto;height: 100%;margin: 0 auto;}
.main_depth:after {content: ""; display: block; clear: both;}
.main_depth li {display: block;float: left;height: 100%;}
.main_depth li a {display: block;width: auto;height: 100%;padding: 20px 30px 0;font-size: 17px;text-align: center;position: relative;opacity: 0.7;min-width: 143px;}
.main_depth li.on a {font-weight: 600;opacity: 1;}
.main_depth li.on a:after {content: "";display: block;width: 100%;height: 3px;position: absolute;bottom: -1px;left: 0;background-color: #03347b;}
.main_depth li:hover a {font-weight: 600;opacity: 1;}
.main_depth li:hover a:after {content: "";display: block;width: 100%;height: 3px;position: absolute;bottom: -1px;left: 0;background-color: #03347b;}

.cont_container {width: 100%; height: auto; position: relative;}
.cont_container .titWrap {width: 1200px; height: auto; margin: 0 auto; position: relative; padding: 60px 0;}
.cont_container .titWrap h4.tit {font-weight: bold;font-size: 34px;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;text-align: center;}
.cont_container .titWrap .navigator {width: auto;height: auto;position: absolute;top: 71px;right: 20px; font-size: 15px;}
.cont_container .titWrap .navigator a img {margin-top: -3px;}
.cont_container .contWrap {width: 1200px;height: auto;margin: 0 auto;padding-bottom: 100px;}

/* 서브페이지 공통 mobile */
@media all and (max-width:800px) {
    .subVisu {height: 120px;}
    .subVisu .txt {top: calc(50% - 29px);}
    .subVisu .txt h3 {font-size: 24px;margin-bottom: 0;}
    .subVisu .txt p.subtit {font-size: 16px;}
    .main_depth_container_mb {width: 100%;height: 65px;padding: 10px;position: relative;z-index: 9000;/* border-bottom: 1px solid #dddddd; */}
    .depth_wrap_mb {width: 100%; height: auto; position: relative;}
    .depth_wrap_mb > a {display: block;width: 100%;height: 100%;border: 1px solid #34c2b9;color: #ffffff;font-size: 16px;padding: 10px 0 10px 30px;position: relative;z-index: 9001;background: #34c2b9;font-weight: 500;}
    .depth_wrap_mb > a span.arrow {display: block;width: 10px;height: 7px;background: url(../img/btn_mb_depthArrow.png)no-repeat center;position: absolute;right: 5%;top: calc(50% - 3px);}
    .depth_wrap_mb .depth_select {width: 100%;height: auto;position: absolute;top: 45px;left: 0;display: none;padding: 10px 0;background: #ffffff;border: 1px solid #cccccc;border-top: 0;}
    .depth_wrap_mb .depth_select li {display: block; width: 100%; height: auto;}
    .depth_wrap_mb .depth_select li a {padding: 6px 30px;font-size: 15px;display: block;width: 100%;height: auto;border-top: 0;}
    .cont_container {width: 100%; height: auto;}
    .cont_container .titWrap {width: 100%;padding: 30px 0 46px;}
    .cont_container .titWrap h4.tit {
    font-size: 27px;
}
    .cont_container .titWrap div.navigator {
    position: relative;
    width: 100%;
    text-align: center;
    top: 9px;
    right: 0;
}
    .cont_container .contWrap {width: 100%; padding-bottom: 60px;}
    .cont_container .contWrap img {width: 100%;}
}

/* 회사개요 */

.contWrap.comIngo {}
.info_topBox {width: 100%; height: 261px; background: url(../img/cominfo_top.png)no-repeat center; background-size: cover; position: relative;}
.info_topBox h5 {font-size: 43px;font-weight: bold;color: #ffffff;position: absolute;top: calc(50% - 22px);left: 150px;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;}
.info_topBox h5:after {content: "";display: block;width: 38px;height: 35px;background: url(../img/icon_quotes.png)no-repeat center;position: absolute;top: -7px;left: -25px;opacity: 0.15;}
.info_topBox h5:before {content: "";display: block;width: 38px;height: 35px;background: url(../img/icon_quotes.png)no-repeat center;transform: rotate(180deg);position: absolute;bottom: -6px;right: -32px;opacity: 0.15;}
.info_centerBox {width: 100%;height: auto;padding: 70px 0;font-size: 28px;text-align: center;font-weight: bold;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;}
.info_centerBox p {margin-bottom: 10px;}
.info_centerBox P:last-child {margin-bottom: 0;}
.info_centerBox b {font-weight: 800;color: #34c2b9;}
.info_centerBox span {padding: 0 5px;margin: 0 4px;color: #666666;background-color: #f4f4f4;}

.info_bottomBox {width: 100%; height: auto;}
.info_table {width: 100%;height: auto;position: relative;/* margin-bottom: 90px; */}
.info_table table {width: 100%;height: auto;border-top: 2px solid #666666;}
.info_table table tr th {padding: 20px;background-color: #f9f9f9;font-size: 17px;border-bottom: 1px solid #999999;font-weight: 500;}
.info_table table tr td {padding: 20px 30px;border-bottom: 1px solid #dddddd;font-size: 17px;background: #ffffff;}
.info_ceo {width: 100%;height: auto;background: #f4f4f4;padding: 65px 80px;border-radius: 15px;}
.info_ceo:after {content: ""; display: block; clear: both;}
.info_ceo .txtBox {width: calc(100% - 450px);height: auto;float: right;padding-left: 70px;padding-top: 28px;}
.info_ceo .imgBox {width: 450px;height: 620px;float: left;overflow: hidden;}
.info_ceo .imgBox img {width: 100%;}
.info_ceo .txtBox .name {font-size: 27px;margin-bottom: 30px;font-weight: bold;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;border-bottom: 1px solid #bbbbbb;padding-bottom: 19px;position: relative;padding-left: 142px;}
.info_ceo .txtBox .name span.name {font-size: 29px;color: #03347b;letter-spacing: 18px;border-bottom: 0;margin-bottom: 0;position: absolute;top: -4px;left: -142px;}
.info_ceo .txtBox .tit {font-size: 19px;margin-bottom: 5px;font-weight: 600;}
.info_ceo .txtBox .cont {font-size: 17px;margin-bottom: 35px;}
.info_ceo .txtBox .cont span.logo {width: 127px;display: inline-block;height: auto;}
.info_ceo .txtBox .cont span.logo img {width: auto;height: 26px;}
.info_ceo .txtBox .cont span.logo:first-child img {width: 47px;}
.info_ceo .txtBox .cont.broadcast {line-height: 41px}

/* 회사개요 Mobile */

@media all and (max-width:800px) {
    .info_topBox {height: 125px;}
    .info_topBox h5 {font-size: 29px; display: block; width: 100%; height: auto; left: 0; text-align: center; top: calc(50% - 15px);}
    
    .info_centerBox {width: 100%;padding: 21px 15px;}
    .info_centerBox p {font-size: 19px;margin-bottom: 5px;word-break: keep-all;}
    .info_ceo {width: calc(100% - 30px);padding: 0 15px;margin: 0 auto;}
    .info_ceo .imgBox {width: 100%; padding: 0; float: none; height: 300px; text-align: center; margin-bottom: 20px;}
    .info_ceo .imgBox img {width: auto; height: 100%; background-color: #f4f4f4;border: 1px solid #bbbbbb;}
    .info_ceo .txtBox {width: 100%;padding: 42px 15px;float: none;}
    .info_ceo .txtBox p {font-size: 15px;}
    .info_ceo .txtBox p.name {font-size: 23px;padding-left: 130px;}
    .info_ceo .txtBox p.tit {font-size: 18px;padding-bottom: 5px;margin-bottom: 5px; color: #03347b;}
    .info_ceo .txtBox p.cont {font-size: 15px;}
    .info_ceo .txtBox .cont span.logo img {height: 21px;}
    .info_ceo .txtBox .cont span.logo:first-child img {width: 42px; height: auto;}
    .info_ceo .txtBox .cont span.logo {width: 100px;}
    .info_ceo .txtBox .cont.broadcast {line-height: 27px;}
    
    .info_table {padding: 0 15px;margin-bottom: 50px;}
    .info_table.mb table tr th {padding: 10px;font-size: 15px;vertical-align: middle;}
    .info_table.mb table tr td {padding: 10px 12px;font-size: 14px;vertical-align: middle;}
}

/* 연혁 */

.contWrap.history {}
.history dl {display: block;width: 100%;height: auto;min-height: 380px;position: relative;}
.history dl.right {padding: 40px 0 40px 675px;}
.history dl.left {padding: 40px 675px 40px 0;}
.history dl.right:nth-child(1) {padding-top: 94px;}
.history dl dt.year {font-size: 43px;font-weight: 600;margin-bottom: 35px;color: #03347b;font-family: "Montserrat", "Noto Sans KR", "돋움", sans-serif; position: relative;}
.history dl dt.year.now {color: #03347b;}
.history dl.right dt.year:after {content: "";display: block;width: 18px;height: 18px;border-radius: 50%;background: #ffffff;border: 3px solid #03347b;top: 19px;left: -83px;position: absolute;z-index: 2;}
.history dl.left dt.year:after {content: "";display: block;width: 18px;height: 18px;border-radius: 50%;background: #ffffff;border: 3px solid #03347b;top: 19px;right: -85px;position: absolute;z-index: 2;}
.history dl.right dt.year:before {content: "";display: block;width: 57px;height: 1px;position: absolute;top: 27px;left: -74px;background: #03347b;z-index: 1;}
.history dl.left dt.year:before {content: "";display: block;width: 57px;height: 1px;position: absolute;top: 27px;right: -76px;background: #03347b;z-index: 1;}
.history dl dt.year.now:after {background: #ffffff; border: 3px solid #03347b;}
.history dl dt.year.now:before {background: #03347b;}
.history dl dd.cont p {font-size: 16px;margin-bottom: 18px;}
.history dl dd.cont p span.month {font-size: 18px;font-weight: 600;margin-right: 10px;display: inline-block;float: left;margin-top: 0;width: 35px;font-family: "Montserrat", "Noto Sans KR", "돋움", sans-serif;position: relative;}
.history dl dd.cont p b {color: #008ac7; font-weight: 500;}
.history dl.right dd.cont p span.month:after {content: "";display: block;width: 30px;height: 1px;background: #cccccc;position: absolute;top: 13px;left: 24px;}
.history dl.left dd.cont p span.month:after {content: "";display: block;width: 30px;height: 1px;background: #cccccc;position: absolute;top: 13px;right: 33px;}
.history dl.left dt.year {text-align: right;}
.history dl.left dd.cont p {text-align: right;}
.history dl.left dd.cont p span.month {float: right;margin-right: 0;margin-left: 10px;text-align: center;padding-left: 37px;width: 65px;}
.history dl:after {content: "";width: 1px;height: 100%;background: #cccccc;display: block;position: absolute;top: 0;left: 50%;}

.history dl.right:before {display: block;content: "";width: 450px;height: calc(100% - 60px); max-height: 460px;top: 30px;left: 75px; background-size: cover;position: absolute;}
.history dl.left:before {display: block;content: "";width: 450px;height: calc(100% - 60px);max-height: 460px;top: 30px;right: 75px;background-size: cover;position: absolute;}

.history dl:nth-child(1):before {background: url(../img/history_img1.png)no-repeat center;}
.history dl:nth-child(2):before {background: url(../img/history_img2.png)no-repeat center;top: 81px;}
.history dl:nth-child(3):before {background: url(../img/history_img3.png)no-repeat center;}



/* 연혁 Mobile */
@media all and (max-width:800px) {
    .contWrap.history {}
    .history dl {min-height: auto;}
    .history dl.right {padding: 5%;}
    .history dl.left {padding: 5%;}
    .history dl.right:nth-child(1) {padding-top: 20px;}
    .history dl:nth-child(1):before {display: none;}
    .history dl:nth-child(2):before {display: none;}
    .history dl:nth-child(3):before {display: none;}
    .history dl:after {display: none;}
    .history dl.left dt.year {text-align: left;}
    .history dl.left dd.cont p {text-align: left;}
    .history dl.left dd.cont p span.month {float: left;margin-right: 10px;display: inline-block;float: left;margin-top: 0;width: 40px;margin-left: 0;padding-left: 0;text-align: left;}
    .history dl dd.cont p span.month {width: 40px;}
    .history dl.left dd.cont p span.month:after {content: "";display: block;width: 6px;height: 6px;background: #cccccc;position: absolute;top: 10px;left: 33px;}
    .history dl.right dd.cont p span.month:after {content: "";display: block;width: 6px;height: 6px;background: #cccccc;position: absolute;top: 10px;left: 33px;}
    .history dl.right dt.year:before {display: none!important;}
    .history dl.left dt.year:before {display: none!important;}
    .history dl.left dt.year:after {display: none!important;}
    .history dl.right dt.year:after {display: none!important;}
    .history dl dd.cont p {word-break: keep-all;}
    .history dl dt.year {margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #dddddd;font-size: 35px;}
    
    
}

/* CEO인사말 */

.contWrap.greeting {}
.greeting_box {width: 100%; height: auto; padding: 80px; background: #f1f1f2 url(../img/greeting_bg.png) no-repeat right center;}
.greeting_box p.top1 {font-size: 32px; font-weight: 600; color: #03347b;}
.greeting_box p.top2 {font-size: 32px;font-weight: 300;margin-top: 2px;}
.greeting_box p.top2 span {font-weight: 700;}
.greeting_box p.cont {font-size: 16px;color: #555555;line-height: 29px;margin-top: 25px;}

/* CEO인사말 Mobile */

@media all and (max-width:800px) {
    
    .greeting_box {padding: 30px 25px;background: #f1f1f2;}
    .greeting_box p {word-break: keep-all;}
    .greeting_box p.top1 {font-size: 23px;}
    .greeting_box p.top2 {font-size: 21px;}
    .greeting_box p.cont {font-size: 15px;}
}

/* 미션과 비전 */

.contWrap.missionNvission {}
.mNv_top {width: 100%;height: 230px;background: url(../img/mNv_top.png)no-repeat center;background-size: cover;padding-top: 68px; margin-bottom: 60px;}
.mNv_top h5 {text-align: center;color: #ffffff;font-size: 26px;line-height: 41px;font-family: "NanumSqaure", "Noto Sans KR", "돋움", sans-serif; font-weight: normal;}
.mNv_top h5 span {font-weight: bold;font-size: 26px;}
.missionNvision div .tit {font-size: 24px;padding: 15px 0;text-align: center;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;font-weight: bold;display: block;width: 300px;margin: 0 auto;background: #f4f4f4;border-radius: 30px;border: 1px solid #eeeeee;margin-bottom: 25px;}
.mNv_center {margin-bottom: 95px;}
.mNv_center p.vision {text-align: center;font-size: 25px;position: relative;padding: 30px 0 90px 0;}
.mNv_center p.vision:after {content: "";display: block;position: absolute;width: 38px;height: 35px;background: url(../img/icon_quotes_b.png)no-repeat center;opacity: 0.2;top: 45px;left: calc(50% - 279px);}
.mNv_center p.vision:before {content: "";display: block;position: absolute;width: 38px;height: 35px;background: url(../img/icon_quotes_b.png)no-repeat center;transform: rotate(180deg);opacity: 0.2;top: 45px;right: calc(50% - 279px);}
.missionNvision .mNv_bottom .tit {margin-bottom: 30px;}
.mNv_center p.vision:before, .mNv_center p.vision:after {display: none!important;}



/* 미션과 비전 Mobile */

@media all and (max-width:800px) {
    .mNv_top {height: auto;padding: 40px 10px;margin-bottom: 40px;}
    .mNv_top h5 {font-size: 19px;font-weight: 500;line-height: 31px; word-break: keep-all;}
    .missionNvision div .tit {font-size: 20px;margin-bottom: 10px;}
    .mNv_center p.vision {font-size: 19px;padding: 25px 0 60px 0;}
    .missionNvision div img {width: 100%;}
    .mNv_center {margin-bottom: 60px;}
    
    
}

/* 주요고객사 */

.contWrap.customers {}
.customers>div {width: 100%; height: auto; padding: 20px; background: #f9f9f9;}
.customers>div:after {content: ""; display: block; clear: both; }
.customers figure {width: calc(25% - 15px); height: auto; margin-left: 20px; padding: 15px; float: left; background: #ffffff; border: 1px solid #cccccc; margin-bottom: 30px;}
.customers figure.longBox {min-height: 180px;padding-top: 27px;}
.customers figure:nth-child(4n-3) {margin-left: 0;}
.customers figure .imgBox {width: 100%; height: auto; text-align: center;}
.customers figure figcaption {text-align: center;font-size: 17px;font-weight: bold;padding: 10px 0;margin: 10px 0 0 0;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;line-height: 25px;border-top: 1px solid #dddddd;}
.customers figure figcaption p.name {font-size: 17px;font-weight: bold;padding: 10px 0;margin: 10px 0 0 0;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;line-height: 25px;border-top: 1px solid #dddddd;}
.customers figure figcaption p.link a {font-size: 15px;}
.customers figure:hover figcaption { color: #34c2b9; font-weight: 600;}




/* 주요고객사 Mobile */

@media all and (max-width:800px) {
    .customers figure {width: 100%;height: auto;margin: 0 0 20px 0;display: table;}
    .customers figure .imgBox {width: 50%;height: auto;text-align: left;display: table-cell;vertical-align: middle;border-right: 1px solid #dddddd;}
    .customers figure .imgBox img {height: auto;width: 90%;}
    .customers figure figcaption {width: 50%;border-top: 0;height: 100%;display: table-cell;text-align: center;vertical-align: middle;margin-top: 0;padding: 0;font-size: 14px;font-family: "Noto Sans KR", "돋움", sans-serif;}
    .customers figure.longBox {height: auto;min-height: auto;padding: 15px;}
    .customers figure.longBox figcaption {height: 66px;vertical-align: middle;}
}

/* 오시는 길 */

.contWrap.location {}
.map_wrap {width: 100%; height: auto;}
.map_wrap:after {content: ""; display: block; clear: both;}
.map_table {width: 100%;height: auto;;padding: 30px 20px;}
.map_table .name {font-size: 26px;font-weight: 700;color: #34c2b9;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #cccccc;}
.map_table .name2 {padding: 10px 0 20px;line-height: 29px;}
.map_table p {font-size: 17px;margin-bottom: 7px;padding-bottom: 7px;border-bottom: 1px solid #eeeeee;}
.map_table p span {display: inline-block;width: 33%;font-weight: bolder;}
.map_box {width: 100%; height: auto;}

/* 오시는 길 Mobile */
@media all and (max-width:1200px) {
    .map_box>div {width: 100% !important;}
}
@media all and (max-width:800px) {
    .map_table {width: 100%; float: none;}
    .map_box {width: 100%; float: none;}
    .map_table p.name {font-size: 22px;}
    .map_table p {font-size: 14px;word-break: keep-all;margin-bottom: 10px;padding-bottom: 10px;}
    .map_table p span {width: 100%;margin-bottom: 3px;}
    
}

/* 비즈니스 공통 */

.busi_top {width: 100%;height: 180px;position: relative;padding-top: 47px;}
.busi_top .name {font-size: 30px;font-weight: 500;color: #ffffff;text-align: center;margin-bottom: 5px;}
.busi_top .name2 {font-size: 20px;color: #ffffff;text-align: center;}
.busi_cont {width: 100%; height: auto; position: relative;}
.busi_cont:after {content: ""; display: block; clear: both;}
.busi_cont .txtWrap {width: 100%;height: auto;padding: 10px 50px;}
.busi_cont .txtWrap .tit {padding: 15px 0 35px 0;margin-top: 30px;position: relative;}
.busi_cont .txtWrap .tit h6 {font-size: 25px;font-weight: 800;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;margin-left: 40px;}
.busi_cont .txtWrap .tit h6:before {position: absolute;content: "";display: block;width: 29px;height: 25px;background: url(../img/icon_tit.png)no-repeat center;top: 17px;left: 0;}
.busi_cont .txtWrap .cont p {font-size: 17px;line-height: 34px;margin-bottom: 13px;padding: 20px 40px;background: #f9f9f9;border: 1px solid #dddddd;}
.busi_cont .txtWrap .cont p.project_name {font-size: 18px;background: #c6e3e1;color: #162e52;border: 0;border-radius: 15px;text-align: center;padding: 13px;font-weight: 500;border-bottom: 1px solid #227f79;}

.busi_cont .txtWrap .cont2 {width: 100%;height: auto;display: table;margin-bottom: 20px;}
.busi_cont .txtWrap .cont2 .iconBox {width: 25%;height: auto;display: table-cell;background: #ffffff;text-align: center;padding: 40px 0 33px;vertical-align: middle;border: 1px solid #cccccc;}
.busi_cont .txtWrap .cont2 .iconBox img {margin-bottom: 25px;width: 112px;}
.busi_cont .txtWrap .cont2 .iconBox h6 {color: #333333;font-size: 18px;display: block;width: 70%;margin: 0 auto;background: #eeeeee;padding: 10px 0;border-radius: 25px;font-weight: 500;border-bottom: 1px solid #999999;}
.busi_cont .txtWrap .cont2 .txtBox {height: auto;vertical-align: middle;display: table-cell;width: 75%;padding: 20px 50px;background: #f9f9f9;border: 1px solid #dddddd;border-left: 0;}
.busi_cont .txtWrap .cont2 .txtBox p {font-size: 17px;line-height: 33px;word-break: keep-all;}

.busi_cont .txtWrap.split2 {}
.busi_cont .txtWrap.split2 .splitBox {width: calc(50% - 15px);height: auto;float: left;margin-left: 30px;border-radius: 10px;overflow: hidden;}
.busi_cont .txtWrap.split2 .splitBox:first-child {margin-left: 0;}
.busi_cont .splitBox .iconBox {width: 100%; height: auto; background: #555555; padding: 30px; text-align: center;}
.busi_cont .splitBox .iconBox .icon {margin: 0 auto 30px;display: block;width: 110px;}
.busi_cont .splitBox .iconBox .icon img {width: 100%;}
.busi_cont .splitBox .iconBox h6 {font-size: 23px; color: #ffffff; font-weight: 500;}
.busi_cont .splitBox .cont p {font-size: 17px;padding: 30px;border-top: 0;background: #f4f4f4;}

/* 비즈니스 세부 */

.contWrap.busi_con {}
.busi_top.consulting {background: url(../img/busi1_top.png) no-repeat center; background-size: cover;}
.busi_top.research {background: url(../img/busi2_top.png) no-repeat center; background-size: cover;}
.busi_top.eduNcoaching {background: url(../img/busi3_top.png) no-repeat center; background-size: cover;}

/* 비즈니스 Mobile */

@media all and (max-width:800px) {
    .busi_cont .txtWrap .tit h6 {font-size: 21px;}
    .busi_cont .txtWrap .tit {padding-bottom: 15px;}
    .busi_cont .txtWrap .tit:first-child { margin-top: 0;}
    .busi_cont .txtWrap {padding: 10px;}
    .busi_cont .txtWrap .cont2 .iconBox {width: 100%;float: none;display: block;padding: 20px;}
    .busi_cont .txtWrap .cont2 .iconBox img {width: 25%;margin-bottom: 0;}
    .busi_cont .txtWrap .cont2 .txtBox {width: 100%;float: none;display: block;padding: 15px 25px;border: 1px solid #dddddd;border-top: 0;}
    .busi_cont .txtWrap .cont2 .txtBox p {font-size:14px;line-height: 24px;word-break: keep-all;}
    .busi_cont .txtWrap .cont p.project_name {font-size: 15px;line-height: 27px;padding: 15px 20px;word-break: keep-all;}
    
}

/* 직무소개*/

.contWrap.job {}
.contWrap.job .top_txt {width: 100%;height: auto;padding: 30px 0;margin-bottom: 30px;}
.contWrap.job .top_txt p {font-size: 27px;line-height: 39px;font-weight: 500;text-align: center;}
.contWrap.job .top_txt p span {font-weight: 600;color: #34c2b9;}
.job_article {width: 100%;}
.job_article article {width: 100%; height: auto; margin-bottom: 60px; display: table;}
.job_article article .imgBox {width: 520px;height: 230px;position: relative;display: table-cell;}
.job_article article .imgBox.img1 {background: url(../img/car1_img1.png)no-repeat center; background-size:cover;}
.job_article article .imgBox.img2 {background: url(../img/car1_img2.png)no-repeat center; background-size:cover;}
.job_article article .imgBox.img3 {background: url(../img/car1_img3.png)no-repeat center; background-size:cover;}
.job_article article .txtBox {width: 680px;height: 230px;display: table-cell;vertical-align: middle;background: #f4f4f4;padding: 0 60px;}
.job_article article .txtBox p.cont1 {font-size: 23px;font-weight: 600;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #dddddd;}
.job_article article .txtBox p.cont2 {font-size: 17px;}

/* 직무소개 Mobile */

@media all and (max-width:800px) {
    .contWrap.job .top_txt p {font-size: 19px;line-height: 28px;word-break: keep-all;}
    .contWrap.job .top_txt {margin-bottom: 0;}
    .job_article article .imgBox {width: 100%; height: 120px; display: block;}
    .job_article article .txtBox {width: 100%;height: auto;display: block;padding: 7% 10%;}
    .job_article article .txtBox p.cont1 {font-size: 21px;}
    .job_article article .txtBox p.cont2 {font-size: 14px;word-break: keep-all;}
}

/* 인재상*/

.contWrap.ideal {position: relative;margin-bottom: 100px;padding-bottom: 60px;}
.contWrap.ideal .graybg {position: absolute;width: 100vw;height: 365px;background: #f4f4f4;top: 0;left: calc(50% - 50vw);z-index: 1;}
.contWrap.ideal .top_txt {width: 100%;height: 365px;padding: 30px 0 60px 0;margin-bottom: 70px;position: relative;z-index: 2;background: url(../img/car2_top.png) no-repeat center;}
.contWrap.ideal .top_txt p {font-size: 27px;line-height: 39px;font-weight: 400;text-align: left;padding: 109px 0 0 93px;position: relative;}
.contWrap.ideal .top_txt p:after {content: "";display: block;width: 38px;height: 35px;position: absolute;top: 109px;left: 27px;opacity: 0.2;background: url(../img/icon_quotes_b.png)no-repeat center;}
.contWrap.ideal .top_txt p:before {content: "";display: block;width: 38px;height: 35px;position: absolute;top: 153px;right: 536px;opacity: 0.2;background: url(../img/icon_quotes_b.png)no-repeat center;transform: rotate(180deg);}
.contWrap.ideal .top_txt p span {font-weight: 600;color: #34c2b9;}
.contWrap.ideal .top_txt p em {font-weight: 600;}
.ideal_article {width: 100%;height: auto;position: relative;z-index: 2;}
.ideal_article:after {content: ""; display: block; clear: both;}
.ideal_article article {width: calc(25% - 15px); margin-left: 20px; float: left;}
.ideal_article article:first-child {margin-left: 0;}
.ideal_article article .iconBox {width: 100%;height: auto;background: #03347b;text-align: center;padding: 51px 0;min-height: 266px;}
.ideal_article article:nth-child(2n) .iconBox {background: #12589f;}
.ideal_article article .iconBox.oneline {padding-top: 62px;}
.ideal_article article .iconBox img {margin-bottom: 20px;}
.ideal_article article .iconBox .txt {font-size: 20px;color: #ffffff;}
.ideal_article article .txtBox {padding: 15px 20px 0;text-align: center;width: 100%;height: auto;background: #f9f9f9;min-height: 205px;border-bottom: 1px solid #cccccc;}
.ideal_article article .txtBox:after {content: ""; display: block; clear: both;}
.ideal_article article .txtBox p.cont1 {font-size: 22px;font-weight: 600;padding-bottom: 8px;margin-bottom: 10px;border-bottom: 1px solid #dddddd;}
.ideal_article article .txtBox p.cont2 {
    word-break: keep-all;
    font-size: 16px;
    line-height: 27px;
}

/* 인재상 Mobile */

@media all and (max-width:800px) {
    .contWrap.ideal {margin-bottom:0;}
    .contWrap.ideal .top_txt {background: #f4f4f4;padding: 25px 20px;height: auto;margin-bottom: 40px;}
    .contWrap.ideal .top_txt p {font-size: 19px;padding: 0;line-height: 30px;word-break: keep-all;}
    .contWrap.ideal .graybg {display: none;}
    .contWrap.ideal .top_txt p:before {display: none;}
    .contWrap.ideal .top_txt p:after {display: none;}
    .ideal_article article {width: 100%;margin-left: 0; margin-bottom:30px;}
    .ideal_article article .iconBox {width: 100%;min-height: auto;padding: 20px 0;}
    .ideal_article article .txtBox {width: 100%;min-height: auto;padding: 20px 30px;}
    .ideal_article article .iconBox img {width: 18%;margin-bottom: 10px;}
    .ideal_article article .iconBox.oneline {padding: 25px 0;}
    .ideal_article article .iconBox .txt {font-size: 16px;}
    .ideal_article {}
    .ideal_article article .txtBox p.cont1 {font-size:19px;}
    .ideal_article article .txtBox p.cont2 {font-size:15px;}
}

/* 채용절차 */

.contWrap.recruit {}
.contWrap.recruit .top_txt{width: 100%;height: auto;padding: 30px 0;margin-bottom: 30px;}
.contWrap.recruit .top_txt p {font-size: 25px;line-height: 35px;font-weight: 500;text-align: center;position: relative;}
.contWrap.recruit .top_txt p span {font-weight: 600;}
.recruit_new {margin-bottom: 100px;}
.recruit_career {width: 100%; height: auto; display: table;}
.recruit_career .imgBox {width: 500px;height: 300px;display: table-cell;background: url(../img/history_img2.png)no-repeat center;background-size: cover;}
.recruit_career .txtBox {width: 700px;height: 300px;display: table-cell;vertical-align: middle;padding: 0 65px;}
.recruit_career .txtBox p.tit {font-size: 27px;font-weight: 800;font-family: "NanumSquare", "Noto Sans KR", "돋움", sans-serif;margin-bottom: 5px;}
.recruit_career .txtBox p.tit2 {font-size: 21px;color: #777777;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
.recruit_career .txtBox p.txt {font-size: 16px;margin-bottom: 55px;}
.recruit_career .txtBox a.resume {font-size: 19px;color: #ffffff;background: #15aaa1;text-align: center;padding: 13px 30px;display: block;width: 290px;height: auto; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.recruit_career .txtBox a.resume:hover {background: #028981;}

/* 채용절차 Mobile */

@media all and (max-width:800px) {
    .contWrap.recruit .top_txt p {font-size: 19px; line-height: 29px; word-break: keep-all;}
    .contWrap.recruit .top_txt {margin-bottom: 0;}
    .recruit_career .imgBox {width: 100%;height: 120px;display: block;float: none;}
    .recruit_career .txtBox {width: 100%;height: auto;display: block;float: none;padding: 20px 25px;}
    .recruit_career {display:block;}
    .recruit_new {margin-bottom:50px;}
    .recruit_career .txtBox p.tit {font-size:19px;}
    .recruit_career .txtBox p.tit2 {font-size:17px;}
    .recruit_career .txtBox p.txt {font-size:14px; margin-bottom:35px;}
    .recruit_career .txtBox a.resume {font-size:15px; width: 75%; margin: 0 auto;}
}

/* Board */

.contWrap.board_wrap {font-size: 16px;}


/* Board Mobile */

@media all and (max-width:800px) {
    
    .contWrap.board_wrap {width: 95%; margin: 0 auto;}
    
}

/* 개인정보처리방침 */

.contWrap.privacy {font-size: 17px;padding: 0 50px;margin-bottom: 100px;}
.contWrap.privacy p {word-break: keep-all;}
.contWrap.privacy p.tit {font-size: 26px; color: #03347b; font-weight: 600; padding: 40px 0; margin-top: 40px; border-top: 1px solid #dddddd;}
.contWrap.privacy p.tit:first-child {border-top: 0;}
.contWrap.privacy p.subtit {font-size: 19px;color: #333333;margin-bottom: 30px;line-height: 30px;font-weight: 500;}
.contWrap.privacy p.cont {font-size: 17px;padding-bottom: 30px;color: #777777;font-weight: 300;padding-left: 30px;line-height: 29px;}


/* 개인정보처리방침 Mobile */

@media all and (max-width: 800px) {
    .contWrap.privacy {font-size: 14px; padding: 0 20px;}
    .contWrap.privacy p.tit {margin-top: 0;font-size: 18px;padding-bottom: 20px;}
    .contWrap.privacy p.subtit {font-size: 15px;margin-bottom: 20px;}
    .contWrap.privacy p.cont {font-size: 14px;padding: 0 0 7% 7%;}
}