@charset "utf-8";



/* 서브 상단 배너 영역 :: S */
.subTopBannerWrap {width:100%; height:367px; position:relative; background-size:cover !important;}
.subTopBannerWrap .txts {width:100%; text-align:center; position:absolute; bottom:0; left:0;}
.subTopBannerWrap .txts p {display:block; text-align:center; color:#fff; position:relative; margin:0;}
.subTopBannerWrap .txts .t1 {font-size:42px; line-height:42px; font-weight:500; padding:0 0 100px 0;}
.subTopBannerWrap .txts .t1:after {display:block; content:''; width:1px; height:60px; background:#fff; position:absolute; bottom:0; left:50%;}

.subLnbWrap {width:100%; position:relative;}
.subLnbWrap .lnb {width:100%; height:80px; max-width:1430px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #d6d6d6; text-align:center;}
.subLnbWrap .lnb a {display:inline-block; font-size:24px; line-height:79px; position:relative; padding:0 40px; vertical-align:middle; color:#999; box-sizing:border-box; border-bottom:1px solid #d6d6d6;}
.subLnbWrap .lnb a.active {color:#000;  border-bottom:1px solid #000;}

.subTopBannerWrap.about {background:url('/public/images/cm_sub_top_banner_img_about_1.jpg') center center no-repeat;}
.subTopBannerWrap.ceo {background:url('/public/images/cm_sub_top_banner_img_about_1.jpg') center center no-repeat;}
.subTopBannerWrap.history {background:url('/public/images/cm_sub_top_banner_img_history_1.jpg') center center no-repeat;}
.subTopBannerWrap.location {background:url('/public/images/cm_sub_top_banner_img_location_1.jpg') center center no-repeat;}
.subTopBannerWrap.business1 {background:url('/public/images/cm_sub_top_banner_img_business_1.jpg') center center no-repeat;}
.subTopBannerWrap.business2 {background:url('/public/images/cm_sub_top_banner_img_business_1.jpg') center center no-repeat;}
.subTopBannerWrap.business3 {background:url('/public/images/cm_sub_top_banner_img_business_1.jpg') center center no-repeat;}
.subTopBannerWrap.recruit {background:url('/public/images/cm_sub_top_banner_img_recruit_1.jpg') center center no-repeat;}
.subTopBannerWrap.notice {background:url('/public/images/cm_sub_top_banner_img_recruit_1.jpg') center center no-repeat;}
.subTopBannerWrap.contact {background:url('/public/images/cm_sub_top_banner_img_recruit_1.jpg') center center no-repeat;}


@media screen and (max-width:960px){
  .subLnbWrap {}
  .subLnbWrap .lnb {height:60px; padding:0 10px;}
  .subLnbWrap .lnb a {font-size:20px; line-height:59px; padding:0 20px;}
}

@media screen and (max-width:768px){
  .subLnbWrap .lnb {height:50px;}
  .subLnbWrap .lnb a {font-size:15px; line-height:49px;}

  .subTopBannerWrap {height:300px;}
  .subTopBannerWrap .txts .t1 {font-size:30px; line-height:30px; padding:0 0 60px 0;}
  .subTopBannerWrap .txts .t1:after {height:45px;}
}

@media screen and (max-width:500px){
  .subLnbWrap .lnb {height:40px;}
  .subLnbWrap .lnb a {font-size:12px; line-height:39px; padding:0 5px;}
}

@media screen and (max-width:480px){
  .subTopBannerWrap {height:240px;}
  .subTopBannerWrap .txts .t1 {font-size:20px; line-height:20px; padding:0 0 40px 0;}
  .subTopBannerWrap .txts .t1:after {height:30px;}
}
/* 서브 상단 배너 영역 :: E */



/* 서브 소형 배너 영역 :: S */
.subBannerWrap {width:100%; max-width:1200px; position:relative; margin:100px auto 0;}
.subBannerWrap img {width:100%;}


@media screen and (max-width:768px){
  .subBannerWrap {margin:60px auto 0;}
}
/* 서브 소형 배너 영역 :: E */



/* 컨텐츠 영역 - 회사소개 :: S */
.facilityWrap {width:100%; position:relative; margin:100px auto 0; background:#f9f9f9 !important;}
.facilityWrap.processWrap:after {display:none !important;}

.facilityWrap .conTit {margin:50px auto 0;}
.facilityWrap .conTit .category-tabs {display:block;}
.facilityWrap .conTit .category-tabs a {position:relative; font-size:18px; line-height:20px; padding:0 0 50px 0; margin:0 10px; font-weight:700; color:#777;}
.facilityWrap .conTit .category-tabs a.active {color:#000;}
.facilityWrap .conTit .category-tabs a.active:after {display:block; content:''; width:1px; height:36px; background:#000; position:absolute; bottom:0; left:50%;}

.facilityWrap .titArea {width:100%; max-width:1200px; position:relative; margin:0 auto 50px; padding:0 15px; box-sizing:border-box; overflow:hidden;}
.facilityWrap .titArea a {display:block; float:left; width:calc(50% - 15px); margin:0 30px 0 0; position:relative; box-sizing:border-box; padding:30px 0 0 0;}
.facilityWrap .titArea a:nth-of-type(2n+2) {margin:0;}
/*
.facilityWrap .titArea a:after {display:block; content:''; width:35px; height:44px; background:url('/public/images/cm_arrow_black_1_up.png') center center no-repeat; position:absolute; bottom:0; left:0;}
.facilityWrap .titArea a.active:after {background:url('/public/images/cm_arrow_black_1_bottom.png') center center no-repeat;}
*/
.facilityWrap .titArea a p {display:block; text-align:center; position:relative; margin:0;}
.facilityWrap .titArea a .t1 {font-size:20px; line-height:24px; font-weight:700; color:#000; text-align:left;}
.facilityWrap .titArea a .t1 span {display:inline-block; font-size:20px; line-height:24px; font-weight:700; color:#000; padding:0 20px 0 0; background:#f9f9f9; z-index:5; position:relative;}
.facilityWrap .titArea a .t1:before {display:block; content:''; width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; z-index:2;}
.facilityWrap .titArea a img {display:block; width:100%; margin:20px auto 30px;}
.facilityWrap .titArea a .p1 {font-size:16px; line-height:18px; font-weight:600; color:#000; margin:0 auto 10px;}
.facilityWrap .titArea a .p2 {font-size:15px; line-height:18px; font-weight:300; color:#454545; margin:3px auto 15px;}
.facilityWrap .titArea a .tel {font-size:20px; line-height:18px; font-weight:500; color:#1c9de1;}

.facilityWrap .category-cons {width:100%; position:relative; margin:0 auto 0;}
.facilityWrap .category-con {padding:0; background:#f9f9f9 !important;}
.facilityWrap .category-con .inner {width:100%; max-width:1200px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}
.facilityWrap .category-con .conTit {width:100%; display:block; text-align:center; font-size:36px; line-height:36px; color:#000; font-weight:700; position:absolute; top:-78px; left:0;}


@media screen and (max-width:768px){
  .facilityWrap .titArea a {}
  .facilityWrap .titArea a .t1 span {font-size:16px;}
  .facilityWrap .titArea a img {margin:10px auto 15px;}
  .facilityWrap .titArea a .p1 {font-size:13px; line-height:18px; margin:0 auto 3px;}
  .facilityWrap .titArea a .tel {font-size:12px; line-height:16px;}
}

@media screen and (max-width:560px){
  .processWrap.facilityWrap .inner {padding:30px 15px 0 15px;}

  .facilityWrap .titArea {padding:0;}
  .facilityWrap .titArea a {width:100% !important; margin:0 auto 30px !important; padding:0 !important;}
  .facilityWrap .titArea a:last-child {margin:0 auto !important;}
}
/* 컨텐츠 영역 - 회사소개 :: E */



/* 컨텐츠 영역 - CEO인사말 :: S */
.ceoMsgWrap {width:100%; position:relative; margin:80px auto 0;}
.ceoMsgWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; overflow:hidden; z-index:5;}

.ceoMsgWrap .profile {width:558px; float:left; position:relative;}
.ceoMsgWrap .profile img {width:100%;}

.ceoMsgWrap .msg {position:relative;}
.ceoMsgWrap .msg p {display:block; text-align:left; position:relative; margin:0;}
.ceoMsgWrap .msg .tit {font-size:24px; line-height:34px; font-weight:700; color:#000; margin:0 auto 40px;}
.ceoMsgWrap .msg .con {font-size:15px; line-height:24px; font-weight:400; color:#333;}
.ceoMsgWrap .msg .sign {font-size:14px; line-height:31px; font-weight:500; color:#000; margin:30px auto 0;}
.ceoMsgWrap .msg .sign img {display:inline-block; margin:0 0 0 20px;}
.ceoMsgWrap .msg .t1 {font-size:24px; line-height:30px; font-weight:700; color:#000; padding:0 0 20px 0; margin:0 auto 30px;}
.ceoMsgWrap .msg .t1:after {display:block; content:''; width:36px; height:3px; background:#015d8c; position:absolute; bottom:0; left:0;}

.ceoMsgWrap._1 {padding:0 0 60px 0;}
.ceoMsgWrap._1 .msg {width:calc(100% - 558px); float:right; padding:100px 0 0 80px; box-sizing:border-box;}
.ceoMsgWrap._1:before,
.ceoMsgWrap._1:after {display:block; content:''; background:#1c9de1; position:absolute; z-index:1;}
.ceoMsgWrap._1:before {width:45%; height:280px; bottom:0; left:0;}
.ceoMsgWrap._1:after {width:18.75%; height:150px; top:100px; right:0;}

.ceoMsgWrap._2 .msg {padding:0 0 0 150px; box-sizing:border-box;}


@media screen and (max-width:1200px){
  .ceoMsgWrap .profile {width:48%;}
  .ceoMsgWrap._1 .msg {width:52%; padding:8% 0 0 7%;}
}

@media screen and (max-width:960px){
  .ceoMsgWrap .profile {width:100%; float:none; text-align:center;}
  .ceoMsgWrap .profile img {width:auto; max-width:300px;}

  .ceoMsgWrap._1 .msg {width:100%; float:left; padding:0; margin:30px auto 0;}
  .ceoMsgWrap .msg p {text-align:center;}
  .ceoMsgWrap .msg .tit {font-size:20px; line-height:28px; margin:0 auto 15px;}
  .ceoMsgWrap .msg .con {font-size:12px; line-height:18px; font-weight:500;}
  .ceoMsgWrap .msg .sign {font-size:13px; margin:15px auto 0;}
  .ceoMsgWrap .msg .sign img {margin:0 0 0 10px;}

  .ceoMsgWrap._1:before {width:30%;}
  .ceoMsgWrap._1:after {width:20%;}

  .ceoMsgWrap._2 .msg {padding:0;}
  .ceoMsgWrap .msg .t1:after {left:50%; margin:0 0 0 -18px;}
}

@media screen and (max-width:768px){
  .ceoMsgWrap {margin:40px auto 0;}
}
/* 컨텐츠 영역 - CEO인사말 :: E */



/* 컨텐츠 영역 - 연혁 :: S */
.historyWrap {width:100%; position:relative; margin:100px auto 0;}
.historyWrap .inner {width:100%; max-width:1000px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}

.historyWrap .category-tabs {width:100%; position:relative; overflow:hidden;}
.historyWrap .category-tabs a {display:block; float:left; text-align:center; width:25%; position:relative; font-size:20px; line-height:70px; font-weight:700; color:#888; border-bottom:2px solid #888; margin:0; padding:0;}
.historyWrap .category-tabs a.active {color:#0174b3; border-bottom:2px solid #0174b3;}
.historyWrap .category-tabs a {width:100%;}

.historyWrap .category-cons {width:100%; position:relative; margin:60px auto 0;}
.historyWrap .category-con .historyInfo {width:100%; position:relative; padding:10px 0 50px 0; box-sizing:border-box;}
.historyWrap .category-con .historyInfo:before {display:block; content:''; width:3px; height:100%; background:#d7d7d7; position:absolute; top:0; left:50%; margin:0 0 0 -1.5px;}
.historyWrap .category-con .historyInfo .rect {width:100%; position:relative; padding:0 0 0 50%; box-sizing:border-box; margin:0 auto 50px;}
.historyWrap .category-con .historyInfo .rect:last-child {margin:0 auto;}
.historyWrap .category-con .historyInfo .rect p {display:block; text-align:left; position:relative; margin:0; padding:0 0 0 40px; box-sizing:border-box;}
.historyWrap .category-con .historyInfo .rect p:before {display:block; content:''; background:#fff; position:absolute; box-sizing:border-box; border-radius:50%;}
.historyWrap .category-con .historyInfo .rect .year {font-size:45px; line-height:45px; font-weight:700; color:#000; margin:0 auto 30px;}
.historyWrap .category-con .historyInfo .rect .year:before {width:27px; height:27px; border:3px solid #d7d7d7; top:14px; left:-14px;}
.historyWrap .category-con .historyInfo .rect .con {font-size:18px; line-height:24px; font-weight:400; color:#555; margin:0 auto 10px;}
.historyWrap .category-con .historyInfo .rect .con:before {width:13px; height:13px; border:3px solid #d7d7d7; top:6px; left:-7px;}
.historyWrap .category-con .historyInfo .rect .con:last-child {margin:0 auto;}

.historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) {padding:0 50% 0 0;}
.historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) p {text-align:right; padding:0 40px 0 0; box-sizing:border-box;}
.historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) .year:before {left:auto; right:-13px;}
.historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) .con:before {left:auto; right:-6px;}


@media screen and (max-width:768px){
  .historyWrap {margin:60px auto 0;}

  .historyWrap .category-tabs a {font-size:14px; line-height:46px;}

  .historyWrap .category-cons {margin:45px auto 0;}
  .historyWrap .category-con .historyInfo .rect p {padding:0 0 0 25px;}
  .historyWrap .category-con .historyInfo .rect .year {font-size:24px; line-height:24px; margin:0 auto 20px;}
  .historyWrap .category-con .historyInfo .rect .year:before {top:2px; left:-13px;}
  .historyWrap .category-con .historyInfo .rect .con {font-size:13px; line-height:18px; margin:0 auto 6px;}
  .historyWrap .category-con .historyInfo .rect .con:before {top:3px; left:-6px;}

  .historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) p {padding:0 25px 0 0;}
  .historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) .year:before {right:-14px;}
  .historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) .con:before {right:-7px;}
}

@media screen and (max-width:480px){
  .historyWrap .category-tabs a {font-size:12px; letter-spacing:-0.5px; line-height:30px;}

  .historyWrap .category-cons {margin:30px auto 0;}

  .historyWrap .category-con .historyInfo:before {width:2px; left:5px; margin:0 0 0 0;}

  .historyWrap .category-con .historyInfo .rect {padding:0 !important;}
  .historyWrap .category-con .historyInfo .rect p {padding:0 0 0 30px !important;}
  .historyWrap .category-con .historyInfo .rect:nth-of-type(2n+2) p {text-align:left;}
  .historyWrap .category-con .historyInfo .rect .year {font-size:20px !important; line-height:20px !important;}
  .historyWrap .category-con .historyInfo .rect .year:before {width:20px; height:20px; border:2px solid #d7d7d7; top:2px !important; left:-4px !important;}
  .historyWrap .category-con .historyInfo .rect .con {font-size:12px; line-height:18px;}
  .historyWrap .category-con .historyInfo .rect .con:before {width:10px; height:10px; border:2px solid #d7d7d7; top:3px !important; left:1px !important;}
}
/* 컨텐츠 영역 - 연혁 :: E */



/* 컨텐츠 영역 - 오시는 길 :: S */
.locationWrap {width:100%; position:relative; margin:100px auto 0;}
.locationWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.locationWrap .tit {display:block; text-align:center; font-size:34px; line-height:34px; font-weight:700; color:#000; position:relative; margin:0 auto 30px;}

.locationWrap .mapArea {width:100%; position:relative; margin:60px auto 0;}
.locationWrap .mapArea .t1 {display:block; font-size:20px; line-height:24px; font-weight:700; color:#000; text-align:left; position:relative; margin:0 auto 15px;}
.locationWrap .mapArea .t1 span {display:inline-block; font-size:20px; line-height:24px; font-weight:700; color:#000; padding:0 20px 0 0; background:#fff; z-index:5; position:relative;}
.locationWrap .mapArea .t1:before {display:block; content:''; width:100%; height:1px; background:#000; position:absolute; top:50%; left:0; z-index:2;}
.locationWrap .mapArea .map {width:100%; height:0; padding-bottom:40%; position:relative; overflow:hidden;}
.locationWrap .mapArea .map iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0;}
.locationWrap .mapArea dl {width:100%; position:relative; overflow:hidden; margin:10px auto 0; padding:0;}
.locationWrap .mapArea dl dt,
.locationWrap .mapArea dl dd {display:block; float:left; font-size:16px; line-height:26px; margin:0; padding:0;}
.locationWrap .mapArea dl dt {color:#000; font-weight:700; margin:0 20px 0 0;}
.locationWrap .mapArea dl dd {color:#777; font-weight:400;}


@media screen and (max-width:768px){
  .locationWrap .mapArea {margin:30px auto 0;}
  .locationWrap .mapArea .t1 {font-size:16px; line-height:20px; margin:0 auto 10px;}
  .locationWrap .mapArea dl {margin:6px auto 0;}
  .locationWrap .mapArea dl dt,
  .locationWrap .mapArea dl dd {font-size:12px; line-height:18px;}
  .locationWrap .mapArea dl dt {}
  .locationWrap .mapArea dl dd {}
}

@media screen and (max-width:640px){
  .locationWrap .mapArea .map {padding-bottom:50%;}
}

@media screen and (max-width:400px){
  .locationWrap .mapArea .map {padding-bottom:60%;}
}
/* 컨텐츠 영역 - 오시는 길 :: E */



/* 컨텐츠 영역 - 사업소개 :: S */
.businessWrap {width:100%; position:relative; margin:100px auto 0;}
.businessWrap .inner {width:100%; max-width:1080px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.businessWrap .titArea {width:100%; position:relative; text-align:center;}
.businessWrap .titArea p {display:block; text-align:center; position:relative; margin:0;}
.businessWrap .titArea .tit {font-size:34px; line-height:34px; font-weight:700; color:#000;}
.businessWrap .titArea .desc {font-size:15px; line-height:24px; font-weight:400; color:#555; margin:20px auto 50px;}

.businessWrap .photoArea {width:100%; position:relative; margin:120px auto 0;}
.businessWrap .photoArea .top {width:100%; position:relative; padding:0;}
.businessWrap .photoArea .top:after {display:block; content:''; width:100%; height:200px; background:#f2f7fb; position:absolute; top:-50px; left:90%; z-index:1;}
.businessWrap .photoArea .top p {display:block; text-align:left; font-weight:700; position:relative; margin:0; font-size:20px; line-height:26px; color:#000; z-index:3;}
.businessWrap .photoArea .top .right {font-size:30px; line-height:40px; width:160px; height:80px; position:absolute; top:0; right:0;}

.businessWrap .photoArea img {display:block; max-width:100%; margin:80px 0 40px 0;}

.businessWrap .photoArea dl {width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.businessWrap .photoArea dl dt,
.businessWrap .photoArea dl dd {display:block; float:left; position:relative; margin:0; padding:0;}
.businessWrap .photoArea dl dt {font-size:20px; line-height:30px; font-weight:700; color:#000; margin:0 60px 0 0;}
.businessWrap .photoArea dl dd {}
.businessWrap .photoArea dl dd p {display:block; font-size:14px; line-height:30px; color:#555; padding:0 0 0 10px; box-sizing:border-box; position:relative; margin:0;}
.businessWrap .photoArea dl dd p:before {display:block; content:''; width:3px; height:3px; background:#777; border-radius:50%; position:absolute; top:13px; left:0;}

.businessWrap .topArea {width:100%; position:relative; margin:60px auto 0;}
.businessWrap .topArea .img {width:100%; text-align:right;}
.businessWrap .topArea .img img {max-width:100%;}
.businessWrap .topArea .txt {width:100%; padding:30px; box-sizing:border-box; background:#004d94; margin:-60px auto 0;}
.businessWrap .topArea .txt p {display:block; text-align:left; position:relative; margin:0;}
.businessWrap .topArea .txt .t1 {max-width:200px; font-size:34px; line-height:40px; color:#01c0ff; font-weight:bold;}
.businessWrap .topArea .txt .t1 span {display:inline-block; font-size:34px; line-height:40px; color:#01c0ff; font-weight:bold; position:relative; padding:0 20px 0 0; box-sizing:border-box; background:#004d94; z-index:5;}
.businessWrap .topArea .txt .t1:before {display:block; content:''; background:#01c0ff; position:absolute; width:100%; height:1px; top:50%; left:0; z-index:2;}
.businessWrap .topArea .txt .t2 {color:#fff; font-size:13px; line-height:20px; margin:30px auto 0;}

.businessWrap .productArea {width:100%; position:relative; margin:80px auto 0;}
.businessWrap .productArea ul {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.businessWrap .productArea ul li {display:block; float:left; width:calc(50% - 10px); margin:0 20px 20px 0; position:relative; padding:0; overflow:hidden;}
.businessWrap .productArea ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}
.businessWrap .productArea ul li .img {width:100%; float:left; position:relative;}
.businessWrap .productArea ul li .img img {width:100%;}
.businessWrap .productArea ul li .info {width:calc(100% - 40px); float:right; margin:-40px 0 0 0; padding:30px; box-sizing:border-box; position:relative; z-index:3; background:#fff;}
.businessWrap .productArea ul li .info p {display:block; text-align:left; position:relative; margin:0;}
.businessWrap .productArea ul li .info .step {font-size:16px; line-height:20px; font-weight:600; color:#004d94;}
.businessWrap .productArea ul li .info .name {font-size:20px; line-height:26px; font-weight:700; color:#000; margin:15px auto 10px;}
.businessWrap .productArea ul li .info .desc {font-size:15px; line-height:22px; font-weight:400; color:#555;}


@media screen and (max-width:1024px){
  .businessWrap .topArea .txt {margin:-20px auto 0;}
}

@media screen and (max-width:768px){
  .businessWrap .topArea .txt {margin:0 auto;}
  .businessWrap .topArea .txt .t1 {font-size:20px; width:150px; line-height:20px;}
  .businessWrap .topArea .txt .t1 span {font-size:20px; line-height:20px;}
  .businessWrap .topArea .txt .t2 {font-size:12px; line-height:18px; margin:15px auto 0;}

  .businessWrap .productArea {margin:50px auto 0;}
  .businessWrap .productArea ul li {width:calc(50% - 5px); margin:0 10px 10px 0;}
  .businessWrap .productArea ul li:nth-of-type(2n+2) {margin:0 0 10px 0;}
  .businessWrap .productArea ul li .info {padding:15px;}
  .businessWrap .productArea ul li .info .step {font-size:13px; line-height:18px;}
  .businessWrap .productArea ul li .info .name {font-size:16px; line-height:20px; margin:10px auto 5px;}
  .businessWrap .productArea ul li .info .desc {font-size:12px; line-height:18px; font-weight:500;}
}

@media screen and (max-width:640px){
  .businessWrap .topArea .txt {padding:15px;}
}

@media screen and (max-width:560px){
  .businessWrap .productArea ul li {width:100% !important; margin:0 auto 10px !important;}
  .businessWrap .productArea ul li:last-child {margin:0 auto !important;}
}
/* 컨텐츠 영역 - 사업소개 :: E */



/* 컨텐츠 영역 - 직무소개 :: S */
.recruitIntroWrap {width:100%; position:relative; margin:100px auto 0;}
.recruitIntroWrap .inner {width:100%; max-width:1080px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.recruitIntroWrap .titArea {width:100%; position:relative;}
.recruitIntroWrap .titArea p {display:block; text-align:center; position:relative; margin:0;}
.recruitIntroWrap .titArea .tit {font-size:34px; line-height:34px; font-weight:700; color:#000;}
.recruitIntroWrap .titArea .desc {font-size:15px; line-height:24px; font-weight:400; color:#555; margin:20px auto 50px;}

.recruitIntroWrap .titArea .category-tabs {width:100%; position:relative; border-top:2px solid #555; border-bottom:1px solid #dcdcdc; text-align:center;}
.recruitIntroWrap .titArea .category-tabs a {display:inline-block; font-size:14px; line-height:50px; height:50px; color:#555; font-weight:400; padding:0 15px; margin:0 15px; box-sizing:border-box; position:relative;}
.recruitIntroWrap .titArea .category-tabs a.active {color:#0c4da1;}
.recruitIntroWrap .titArea .category-tabs a.active:after {display:block; content:''; width:100%; height:3px; background:#0c4da1; position:absolute; bottom:0; left:0;}

.recruitIntroWrap table.t {width:100%; position:relative; margin:40px auto 0; border-collapse:collapse;}

.recruitIntroWrap table.t thead tr th {font-size:16px; line-height:20px; padding:30px 0; text-align:center; background:#0c4ca3; color:#fff; font-weight:700; border-bottom:15px solid #fff; position:relative; border-right:1px solid #dcdcdc;}
.recruitIntroWrap table.t thead tr th:last-child {border-right:0;}
.recruitIntroWrap table.t thead tr th:after {display:block; content:''; width:100%; height:1px; background:#0b4da1; position:absolute; bottom:-8px; left:0;}

.recruitIntroWrap table.t tbody tr th,
.recruitIntroWrap table.t tbody tr td {border-bottom:15px solid #fff; position:relative;}
.recruitIntroWrap table.t tbody tr th:after,
.recruitIntroWrap table.t tbody tr td:after {display:block; content:''; width:100%; height:1px; background:#0b4da1; position:absolute; bottom:-8px; left:0;}
.recruitIntroWrap table.t tbody tr:last-child th,
.recruitIntroWrap table.t tbody tr:last-child td {border-bottom:0;}
.recruitIntroWrap table.t tbody th {font-size:20px; line-height:20px; padding:30px 0; text-align:center; background:#f6f9fe; color:#333; font-weight:700;}
.recruitIntroWrap table.t tbody td {font-size:16px; line-height:30px; padding:15px 10px; text-align:left; color:#777; font-weight:400; border-right:1px solid #dcdcdc;}
.recruitIntroWrap table.t tbody td:last-child {border-right:0;}


@media screen and (max-width:768px){
  .recruitIntroWrap {margin:60px auto 0;}
  .recruitIntroWrap .titArea .tit {font-size:20px; line-height:20px;}
  .recruitIntroWrap .titArea .desc {font-size:13px; line-height:18px; margin:10px auto 30px;}

  .recruitIntroWrap .titArea .category-tabs a {font-size:13px; height:40px; line-height:40px; padding:0 8px; margin:0 8px;}

  .recruitIntroWrap table.t thead tr th {font-size:13px; padding:20px 0;}
  .recruitIntroWrap table.t tbody th {font-size:13px; padding:20px 0;}
  .recruitIntroWrap table.t tbody td {font-size:12px; line-height:18px; padding:10px 5px;}
}

@media screen and (max-width:480px){
  .recruitIntroWrap .titArea .category-tabs a {font-size:12px; height:36px; line-height:36px; padding:0 8px; margin:0 8px;}

  .recruitIntroWrap table.t thead tr th {font-size:12px; padding:15px 0;}
  .recruitIntroWrap table.t tbody th {font-size:11px; padding:15px 0;}
  .recruitIntroWrap table.t tbody td {font-size:11px; line-height:16px; padding:10px 5px;}
}
/* 컨텐츠 영역 - 직무소개 :: E */



/* 컨텐츠 영역 - 신고필증 :: S */
.recruitReceiptWrap {width:100%; position:relative; margin:100px auto 0;}
.recruitReceiptWrap .inner {width:100%; max-width:1080px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.recruitReceiptWrap .imgs {width:100%; max-width:960px; margin:0 auto; text-align:center;}
.recruitReceiptWrap .imgs .img {display:inline-block; max-width:420px; margin:0 30px 0 0; position:relative; vertical-align:bottom;}
.recruitReceiptWrap .imgs .img._1 {margin-left:90px;}
.recruitReceiptWrap .imgs .img._2 {width:210px; padding:0 0 20px 0;}
.recruitReceiptWrap .imgs .img img {max-width:100%;}


@media screen and (max-width:1080px){
  .recruitReceiptWrap .imgs {max-width:800px;}
  .recruitReceiptWrap .imgs .img {width:300px;}
  .recruitReceiptWrap .imgs .img._2 {width:150px; padding:0 0 15px 0;}
}

@media screen and (max-width:768px){
  .recruitReceiptWrap .imgs .img {display:block; margin:0 auto 30px !important; padding:0 0 0 40px;}
  .recruitReceiptWrap .imgs .img:last-child {margin:0 auto !important;}
  .recruitReceiptWrap .imgs .img._2 {width:300px; padding:0 0 0 40px;}
}

@media screen and (max-width:400px){
  .recruitReceiptWrap .imgs .img {width:240px; padding:0 0 0 20px;}
  .recruitReceiptWrap .imgs .img._2 {width:240px; padding:0 0 0 20px;}
}
/* 컨텐츠 영역 - 신고필증 :: E */



/* 컨텐츠 영역 - 채용공고 리스트 :: S */
.recruitListWrap {width:100%; position:relative; margin:100px auto 0;}
.recruitListWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.recruitListWrap .list {display:block; width:100%; position:relative; margin:0; padding:0; border-top:1px solid #000;}
.recruitListWrap .list li {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:20px; box-sizing:border-box; border-bottom:1px dashed #888;}
.recruitListWrap .list li .col {display:block; float:left; position:relative; margin:0; padding:0;}
.recruitListWrap .list li .col p {display:block; text-align:left; position:relative; margin:0; box-sizing:border-box;}

.recruitListWrap .list li .col.category {width:80px;}
.recruitListWrap .list li .col.category p {width:80px; height:26px; line-height:24px; text-align:center; font-size:13px; border-radius:13px; font-weight:400;}
.recruitListWrap .list li .col.category p._1 {color:#005e8e; border:1px solid #005e8e;}
.recruitListWrap .list li .col.category p._2 {color:#999; border:1px solid #999;}

.recruitListWrap .list li .col.title {width:calc(100% - 260px);}
.recruitListWrap .list li .col.title a {display:block; width:100%; height:24px; font-size:14px; line-height:24px; padding:0 0 0 15px; box-sizing:border-box; position:relative; color:#555; overflow:hidden;}

.recruitListWrap .list li .col.kind {width:60px;}
.recruitListWrap .list li .col.kind p {text-align:center; font-size:14px; color:#333;}

.recruitListWrap .list li .col.hit {width:40px;}
.recruitListWrap .list li .col.hit p {text-align:center; font-size:13px; color:#777;}

.recruitListWrap .list li .col.date {width:80px;}
.recruitListWrap .list li .col.date p {text-align:center; font-size:13px; color:#999;}

.recruitListWrap .pagination {width:100%; margin:40px auto 0; text-align:center;}
.recruitListWrap .pagination > li {display:inline-block;}
.recruitListWrap .pagination > li.active a {background:#999 !important; border:1px solid #999 !important;}


@media screen and (max-width:640px){
  .recruitListWrap .list li {padding:10px;}

  .recruitListWrap .list li .col.category {width:50px;}
  .recruitListWrap .list li .col.category p {width:50px; height:20px; line-height:20px; font-size:11px; border-radius:10px;}

  .recruitListWrap .list li .col.title {width:calc(100% - 190px);}
  .recruitListWrap .list li .col.title a {font-size:12px; height:20px; line-height:20px; padding:0 0 0 10px;}

  .recruitListWrap .list li .col.kind {width:40px; font-size:12px;}

  .recruitListWrap .list li .col.hit {width:30px; font-size:12px;}

  .recruitListWrap .list li .col.date {width:70px; font-size:12px;}
}

@media screen and (max-width:480px){
  .recruitListWrap .list li .col.title {width:calc(100% - 50px);}
  .recruitListWrap .list li .col.title a {text-align:center;}

  .recruitListWrap .list li .col.kind,
  .recruitListWrap .list li .col.hit,
  .recruitListWrap .list li .col.date {width:33.33333333333333%; text-align:center; line-height:12px; margin:6px 0 0 0; padding:6px 0 0 0; border-top:1px solid #e8e8e8;}
}
/* 컨텐츠 영역 - 채용공고 리스트 :: E */



/* 컨텐츠 영역 - 채용공고 상세 :: S */
.recruitViewWrap {width:100%; position:relative; margin:100px auto 0;}
.recruitViewWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.recruitViewWrap .table {}
.recruitViewWrap .table thead th {background:#fff;}
.recruitViewWrap .table thead th h3 {display:block; font-size:24px; line-height:34px; font-weight:400; color:#000; position:relative; margin:0;}
.recruitViewWrap .table tbody td .date {display:block; width:100%; text-align:right; position:relative; margin:0; font-size:12px; line-height:20px;}
.recruitViewWrap .table tbody td .date .hit {display:inline-block; color:#000; margin:0 10px 0 0;}

.recruitViewWrap .btnArea {width:100%; position:relative; margin:30px auto 0; text-align:right;}


@media screen and (max-width:768px){
  .recruitViewWrap {margin:60px auto 0;}
  .recruitViewWrap .table thead th h3 {font-size:18px; line-height:24px;}
}
/* 컨텐츠 영역 - 채용공고 상세 :: E */



/* 컨텐츠 영역 - 공지사항 리스트 :: S */
.noticeListWrap {width:100%; position:relative; margin:100px auto 0;}
.noticeListWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.noticeListWrap .util {width:100%; position:relative; overflow:hidden;}
.noticeListWrap .util .cnt {display:block; float:left; font-size:15px; line-height:36px; color:#000; font-weight:400; margin:0;}
.noticeListWrap .util .searchArea {width:300px; height:36px; border-bottom:1px solid #000; float:right; position:relative; overflow:hidden;}
.noticeListWrap .util .searchArea input {display:block; width:calc(100% - 36px); float:left; border:0; padding:0 5px; height:36px; line-height:36px; font-size:15px; color:#555;}
.noticeListWrap .util .searchArea a {display:block; width:36px; height:36px; float:right; position:relative; padding:5px; box-sizing:border-box;}

.noticeListWrap .list {display:block; width:100%; position:relative; margin:30px auto 0; padding:0; border-top:1px solid #000;}
.noticeListWrap .list li {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:10px; box-sizing:border-box; border-bottom:1px dashed #888;}

.noticeListWrap .list li .thumb {width:200px; height:100%; position:relative; float:left;}
.noticeListWrap .list li .thumb a {display:block; position:relative;}
.noticeListWrap .list li .thumb img {display:block; width:100%;}

.noticeListWrap .list li .info {width:calc(100% - 230px); position:relative; float:right; box-sizing:border-box;}
.noticeListWrap .list li .info p,
.noticeListWrap .list li .info a {display:block; text-align:left; position:relative; margin:0;}

.noticeListWrap .list li .date {font-size:13px; line-height:18px; color:#999;}

.noticeListWrap .list li .title {font-size:20px; line-height:26px; font-weight:700; color:#000; margin:10px auto 20px !important;}

.noticeListWrap .list li .content {font-size:15px; line-height:18px; height:36px; overflow:hidden; color:#555;}
.noticeListWrap .list li .content,
.noticeListWrap .list li .content * {font-size:15px; line-height:18px; color:#555; text-align:left !important;}


@media screen and (max-width:768px){
  .noticeListWrap {margin:60px auto 0;}

  .noticeListWrap .list li .thumb {width:160px;}

  .noticeListWrap .list li .info {width:calc(100% - 180px); padding:5px 0;}
  .noticeListWrap .list li .date {font-size:12px; line-height:16px;}
  .noticeListWrap .list li .title {font-size:16px; line-height:20px; margin:5px auto 8px !important;}
  .noticeListWrap .list li .content {height:32px;}
  .noticeListWrap .list li .content,
  .noticeListWrap .list li .content * {font-size:12px; line-height:16px;}
}

@media screen and (max-width:400px){
  .noticeListWrap .util .searchArea {width:200px;}

  .noticeListWrap .list li {padding:5px 0;}

  .noticeListWrap .list li .thumb {width:120px; padding:8px 0;}

  .noticeListWrap .list li .info {width:calc(100% - 140px);}
  .noticeListWrap .list li .date {font-size:11px; line-height:14px;}
  .noticeListWrap .list li .title {font-size:14px; line-height:18px; margin:4px auto 6px !important;}
  .noticeListWrap .list li .content {height:30px;}
  .noticeListWrap .list li .content,
  .noticeListWrap .list li .content * {font-size:11px; line-height:15px;}
}
/* 컨텐츠 영역 - 공지사항 리스트 :: E */



/* 컨텐츠 영역 - 공지사항 상세 :: S */
.noticeViewWrap {width:100%; position:relative; margin:100px auto 0;}
.noticeViewWrap .inner {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.noticeViewWrap .table {}
.noticeViewWrap .table thead th {background:#fff;}
.noticeViewWrap .table thead th h3 {display:block; font-size:24px; line-height:34px; font-weight:400; color:#000; position:relative; margin:0;}
.noticeViewWrap .table tbody td .date {display:block; width:100%; text-align:right; position:relative; margin:0; font-size:12px; line-height:20px;}
.noticeViewWrap .table tbody td .date .hit {display:inline-block; color:#000; margin:0 10px 0 0;}

.noticeViewWrap .btnArea {width:100%; position:relative; margin:30px auto 0; text-align:right;}
/* 컨텐츠 영역 - 공지사항 상세 :: E */



/* 컨텐츠 영역 - 온라인 문의 :: S */
.contactInfoWrap {width:100%; position:relative; margin:100px auto 0;}
.contactInfoWrap .inner {width:100%; max-width:1230px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}

.contactInfoWrap .contactInfos {width:100%; position:relative; overflow:hidden;}
.contactInfoWrap .contactInfos .info {width:48%; float:left; position:relative;}
.contactInfoWrap .contactInfos .info._2 {float:right;}
.contactInfoWrap .contactInfos .info .tit {display:block; font-size:20px; line-height:20px; font-weight:700; color:#000; padding:0 0 10px 0; margin:0 auto 20px; border-bottom:1px solid #000;}
.contactInfoWrap .contactInfos .info dl {display:block; width:100%; position:relative; overflow:hidden; margin:0 auto 10px; padding:0;}
.contactInfoWrap .contactInfos .info dl:last-child {margin:0 auto;}
.contactInfoWrap .contactInfos .info dl dt,
.contactInfoWrap .contactInfos .info dl dd {display:block; float:left; position:relative; margin:0; padding:0;}
.contactInfoWrap .contactInfos .info dl dt {width:60px;}
.contactInfoWrap .contactInfos .info dl dt img {vertical-align:middle;}
.contactInfoWrap .contactInfos .info dl dd {width:calc(100% - 60px); position:relative; font-size:16px; line-height:27px; font-weight:400; color:#000;}

.contactInfoWrap .contactForm {display:block; width:100%; position:relative; margin:80px auto 0;}

.contactInfoWrap .contactForm .tit {display:block; font-size:20px; line-height:20px; font-weight:700; color:#000; padding:0 0 10px 0; margin:0 auto 20px; border-bottom:1px solid #000; position:relative;}
.contactInfoWrap .contactForm .tit span {display:block; font-size:12px; line-height:20px; color:#999; position:absolute; top:0; right:0;}

.contactInfoWrap .contactForm .inputs {width:100%; position:relative; overflow:hidden;}
.contactInfoWrap .contactForm .inputs .inp {display:block; width:100%; float:left; position:relative; height:36px; line-height:36px; padding:0 5px; box-sizing:border-box; font-size:14px; color:#555; margin:15px 0; border:0; border-bottom:1px solid #ccc; border-radius:0;}
.contactInfoWrap .contactForm .inputs .inp#tel {width:48%;}
.contactInfoWrap .contactForm .inputs .inp#email {width:48%; float:right;}
.contactInfoWrap .contactForm .inputs .inp#content {height:auto; min-height:180px; line-height:24px;}

.contactInfoWrap .contactForm .btnArea {width:100%; position:relative; margin:20px auto 0; text-align:right;}
.contactInfoWrap .contactForm .btnArea a {display:inline-block; width:150px; height:45px; line-height:45px; box-sizing:border-box; margin:0 15px 0 0; font-size:16px; text-align:center;}
.contactInfoWrap .contactForm .btnArea a.cancel {background:#fff; border:1px solid #ccc; color:#333;}
.contactInfoWrap .contactForm .btnArea a.submit {background:#051827; border:1px solid #051827; color:#fff;}
.contactInfoWrap .contactForm .btnArea a:last-child {margin:0;}


@media screen and (max-width:768px){
  .contactInfoWrap {margin:60px auto 0;}

  .contactInfoWrap .contactInfos .info .tit {font-size:16px; margin:0 auto 15px;}
  .contactInfoWrap .contactInfos .info dl {}
  .contactInfoWrap .contactInfos .info dl dt {width:40px;}
  .contactInfoWrap .contactInfos .info dl dd {width:calc(100% - 40px); font-size:13px;}

  .contactInfoWrap .contactForm {margin:50px auto 0;}
  .contactInfoWrap .contactForm .tit {font-size:16px;}
}

@media screen and (max-width:560px){
  .contactInfoWrap .contactInfos .info {width:100%; float:none; margin:0 auto 40px;}
  .contactInfoWrap .contactInfos .info:last-child {margin:0 auto;}
  .contactInfoWrap .contactInfos .info dl dd {font-size:12px; font-weight:500;}

  .contactInfoWrap .contactForm {margin:40px auto 0;}

  .contactInfoWrap .contactForm .btnArea {margin:15px auto 0;}
  .contactInfoWrap .contactForm .btnArea a {width:100px; height:36px; line-height:34px; margin:0 10px 0 0; font-size:13px;}
  .contactInfoWrap .contactForm .btnArea a:last-child {margin:0;}
}
/* 컨텐츠 영역 - 온라인 문의 :: E */