@charset "utf-8";



.subCon {width:100%; position:relative; margin:120px auto 0; padding:0;}
.subCon .inner {width:100%; max-width:1630px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.subCon .titleArea {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.subCon .titleArea p {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; color:#000;}
.subCon .titleArea .t1 {font-size:5.0rem; line-height:6.0rem; font-weight:700;}
.subCon .titleArea .t1.xs {font-size:2.4rem; line-height:3.2rem; font-weight:600;}
.subCon .titleArea .t2 {font-size:1.9rem; line-height:2.9rem; font-weight:400; margin:40px auto 0;}
.subCon .titleArea .thin {font-weight:300;}

.subCon .titleArea .tabMenu {width:100%; position:relative; margin:30px auto 0; text-align:left;}
.subCon .titleArea .tabMenu:before,
.subCon .titleArea .tabMenu:after {display:block; content:''; width:1000%; height:1px; background:#d9d9d9; position:absolute; bottom:0; z-index:10;}
.subCon .titleArea .tabMenu:before {right:0;}
.subCon .titleArea .tabMenu:after {left:0;}
.subCon .titleArea .tabMenu ul {display:inline-block; position:relative; text-align:left; margin:0; padding:0; z-index:5;}
.subCon .titleArea .tabMenu ul li {display:inline-block; position:relative; vertical-align:top; margin:0 40px 0 0; padding:0;}
.subCon .titleArea .tabMenu ul li:last-child {margin:0;}
.subCon .titleArea .tabMenu ul li a {display:block; font-size:2.0rem; height:60px; line-height:60px; font-weight:600; color:#999; margin:0; padding:0;}
.subCon .titleArea .tabMenu ul li.selected a,
.subCon .titleArea .tabMenu ul li a.active {color:#000;}
.subCon .titleArea .tabMenu ul li.selected a:after,
.subCon .titleArea .tabMenu ul li a.active:after {display:block; content:''; width:100%; height:4px; background:#0050a7; position:absolute; bottom:0; left:0;}

.subCon .conImg {width:100%; position:relative; text-align:center;}
.subCon .conImg img {display:inline-block; max-width:100%; text-align:center; vertical-align:middle;}


@media screen and (max-width:1080px){
  .subCon {margin:80px auto 0;}
  .subCon .titleArea .t1 {font-size:4.2rem; line-height:5.0rem;}
  .subCon .titleArea .t2 {font-size:1.8rem; line-height:2.6rem; margin:30px auto 0;}
}

@media screen and (max-width:768px){
  .subCon {margin:60px auto 0;}
  .subCon .titleArea .t1 {font-size:3.6rem; line-height:4.2rem;}
  .subCon .titleArea .t2 {font-size:1.6rem; line-height:2.4rem; margin:25px auto 0;}

  .subCon .titleArea .tabMenu {margin:40px auto 0;}
  .subCon .titleArea .tabMenu ul {display:block; width:100%; overflow-x:auto; white-space:nowrap;}
  .subCon .titleArea .tabMenu ul li {margin:0 30px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:1.8rem; height:50px; line-height:6.0rem;}
}

@media screen and (max-width:640px){
  .subCon {margin:50px auto 0;}
  .subCon .titleArea .t1 {font-size:2.9rem; line-height:3.6rem;}
  .subCon .titleArea .t2 {font-size:1.5rem; line-height:2.2rem; margin:20px auto 0;}

  .subCon .titleArea .tabMenu {margin:30px auto 0;}
  .subCon .titleArea .tabMenu ul li {margin:0 20px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:1.6rem; height:40px; line-height:4.8rem;}
}

@media screen and (max-width:480px){
  .subCon .titleArea .tabMenu ul li {margin:0 15px 0 0;}
  .subCon .titleArea .tabMenu ul li:last-child {margin:0;}
  .subCon .titleArea .tabMenu ul li a {font-size:1.5rem; height:36px; line-height:4.2rem;}
}



/* 서브 최상단 배너 영역 :: S */
.subTopBannerWrap {margin:0 auto;}
.subTopBannerWrap .banner {width:100%; /* height:490px; */ height:700px; position:relative; background-size:cover !important; z-index:5;}
.subTopBannerWrap .typo {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
.subTopBannerWrap .typo .disT {}
.subTopBannerWrap .typo .disTC {text-align:center; vertical-align:middle;}
.subTopBannerWrap .typo p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.subTopBannerWrap .typo .t1 {font-size:4.8rem; line-height:6.0rem; font-weight:700;}
.subTopBannerWrap .typo .t2 {font-size:1.8rem; line-height:3.1rem; font-weight:300; margin:30px auto 0;}

.subTopBannerWrap.about .banner {background:url('/public/images/about/cm_sub_about_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBannerWrap.business .banner {}
.subTopBannerWrap.business._1 .banner {background:url('/public/images/business/cm_sub_business_top_banner_bg_1_2.jpg') center center no-repeat;}
.subTopBannerWrap.business._2 .banner {background:url('/public/images/business/cm_sub_business_top_banner_bg_2_1.jpg') center center no-repeat;}
.subTopBannerWrap.business._3 .banner {background:url('/public/images/business/cm_sub_business_top_banner_bg_3_1.jpg') center center no-repeat;}

.subTopBannerWrap.contact .banner {background:url('/public/images/contact/cm_sub_contact_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBannerWrap.cscenter .banner {background:url('/public/images/cscenter/cm_sub_cscenter_top_banner_bg_1.jpg') center center no-repeat;}


@media screen and (max-width:960px){
  .subTopBannerWrap .banner {height:500px;}
  .subTopBannerWrap .typo .t1 {font-size:34px; line-height:5.0rem;}
  .subTopBannerWrap .typo .t2 {font-size:1.6rem; line-height:2.9rem; margin:20px auto 0;}
}

@media screen and (max-width:768px){
  .subTopBannerWrap .banner {height:460px;}
  .subTopBannerWrap .typo .t1 {font-size:3.6rem; line-height:4.2rem;}
  .subTopBannerWrap .typo .t2 {margin:15px auto 0;}
}

@media screen and (max-width:640px){
  .subTopBannerWrap .banner {height:420px;}
  .subTopBannerWrap .typo .t1 {font-size:3.1rem; line-height:32px;}
  .subTopBannerWrap .typo .t2 {line-height:2.6rem;}
}

@media screen and (max-width:480px){
  .subTopBannerWrap .typo .t1 {font-size:2.9rem; line-height:3.6rem;}
  .subTopBannerWrap .typo .t2 {font-size:1.5rem; line-height:2.4rem;}
}
/* 서브 최상단 배너 영역 :: E */



/* 회사소개 인사말 영역 :: S */
.ceoIntroWrap {margin:0px auto 0; padding:60px 0 0 0;}

.ceoIntroWrap .titleArea {}
.ceoIntroWrap .titleArea .t1 {text-align:left;}

.ceoIntroWrap .ceoIntro {width:100%; position:relative;}
.ceoIntroWrap .ceoIntro p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#000;}
.ceoIntroWrap .ceoIntro .t1 {font-size:4.8rem; line-height:6.0rem; font-weight:600;}
.ceoIntroWrap .ceoIntro .t2 {font-size:1.8rem; line-height:3.1rem; font-weight:300; margin:30px auto 50px;}
.ceoIntroWrap .ceoIntro .t2 span {font-size:1.4rem; line-height:1.6rem; font-weight:400; color:#454545;}
.ceoIntroWrap .ceoIntro .img {text-align:center;}
.ceoIntroWrap .ceoIntro .img img {max-width:100%;}


.ceoIntroWrap .ceoGreeting {text-align:center;}
.ceoIntroWrap .ceoGreeting > div {display:inline-block; width:auto; height:auto; position:relative; vertical-align:top; text-align:left; margin:0; padding:0; box-sizing:border-box;}
.ceoIntroWrap .ceoGreeting > div img {width:100%; max-width:10000px; vertical-align:top;}
.ceoIntroWrap .ceoGreeting ._left {padding:0 80px 0 0;}
.ceoIntroWrap .ceoGreeting ._right {width:450px; width:315px; width:280px;}
.ceoIntroWrap .ceoGreeting .sign {}
.ceoIntroWrap .ceoGreeting .sign > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.ceoIntroWrap .ceoGreeting .sign span {}
.ceoIntroWrap .ceoGreeting .sign img {max-width:90px; margin:0 0 0 10px; transform:rotate(-5deg);}


@media screen and (max-width:1280px){
	.ceoIntroWrap .ceoGreeting {}
	.ceoIntroWrap .ceoGreeting > div {}
	.ceoIntroWrap .ceoGreeting ._left {padding:0 50px 0 0;}
	.ceoIntroWrap .ceoGreeting ._right {width:400px; width:280px; width:250px;}
}

@media screen and (max-width:1080px){
	.ceoIntroWrap .ceoGreeting {}
	.ceoIntroWrap .ceoGreeting > div {}
	.ceoIntroWrap .ceoGreeting ._left {padding:0 40px 0 0;}
	.ceoIntroWrap .ceoGreeting ._right {width:320px; width:225px; width:210px;}
}

@media screen and (max-width:960px){
	.ceoIntroWrap .ceoIntro .t1 {font-size:32px; line-height:4.8rem;}
	.ceoIntroWrap .ceoIntro .t2 {font-size:1.6rem; line-height:2.9rem; margin:20px auto 35px;}
	.ceoIntroWrap .ceoIntro .t3 {font-size:1.9rem;}
	.ceoIntroWrap .ceoIntro .t3 img {margin:0 0 0 15px;}

	.ceoIntroWrap .ceoGreeting {}
	.ceoIntroWrap .ceoGreeting > div {}
	.ceoIntroWrap .ceoGreeting ._left {padding:0 25px 0 0;}
	.ceoIntroWrap .ceoGreeting ._right {width:240px; width:180px; width:200px;}
}

@media screen and (max-width:768px){
	.ceoIntroWrap .ceoIntro {padding:0;}

	.ceoIntroWrap .ceoIntro .profile {width:100%; height:auto; position:relative; top:auto; right:auto; margin:0 auto 30px;}

	.ceoIntroWrap .ceoIntro p {text-align:center;}
	.ceoIntroWrap .ceoIntro .t1 {font-size:3.3rem; line-height:4.2rem;}
	.ceoIntroWrap .ceoIntro .t2 {line-height:2.6rem;}

	.ceoIntroWrap .ceoGreeting {}
	.ceoIntroWrap .ceoGreeting > div {}
	.ceoIntroWrap .ceoGreeting ._left {padding:0 15px 0 0;}
	.ceoIntroWrap .ceoGreeting ._right {width:180px; width:160px; width:170px;}
}

@media screen and (max-width:640px){
  .ceoIntroWrap .ceoIntro .t1 {font-size:2.9rem; line-height:32px;}
  .ceoIntroWrap .ceoIntro .t2 {font-size:1.5rem; line-height:2.4rem; margin:15px auto 25px;}
  .ceoIntroWrap .ceoIntro .t3 {font-size:1.8rem;}
}

@media screen and (max-width:480px){
	.ceoIntroWrap .ceoGreeting {}
	.ceoIntroWrap .ceoGreeting > div {display:block; text-align:center; margin:0 auto 30px;}
	.ceoIntroWrap .ceoGreeting ._left {padding:0;}
	.ceoIntroWrap .ceoGreeting ._right {width:100%; width:150px; width:160px; margin:0 auto !important;}
}
/* 회사소개 인사말 영역 :: E */



/* 회사소개 영상배너 영역 :: S */
.aboutMovWrap {}

.aboutMovWrap .banner {width:100%; height:700px; position:relative; background-size:cover !important; background:url('/public/images/about/cm_sub_about_mov_banner_bg_1_1.jpg') center center no-repeat;}
.aboutMovWrap .banner:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; /* background:rgba(0,0,0,0.3); */}
.aboutMovWrap .banner .play {display:block; width:88px; height:88px; position:absolute; top:50%; left:50%; margin:-44px 0 0 -44px;}
.aboutMovWrap .banner .play img {width:100%;}


@media screen and (max-width:1280px){
  .aboutMovWrap .banner {height:600px;}
}

@media screen and (max-width:1080px){
  .aboutMovWrap .banner {height:540px;}
}

@media screen and (max-width:960px){
  .aboutMovWrap .banner {height:500px;}
}

@media screen and (max-width:768px){
  .aboutMovWrap .banner {height:450px;}
}

@media screen and (max-width:640px){
  .aboutMovWrap .banner {height:400px;}
}
/* 회사소개 영상배너 영역 :: E */



/* 회사소개 개요 및 조직도 영역 :: S */
.organInfoWrap {background-size:cover !important; background:url('/public/images/about/cm_sub_about_mid_banner_bg_1.jpg') center center no-repeat;}
.organInfoWrap .inner {text-align:center;}

.organInfoWrap ._col {width:49.5%; height:700px; display:inline-block; position:relative; text-align:left;}
.organInfoWrap ._col .disT {}
.organInfoWrap ._col .disTC {text-align:left; vertical-align:middle;}
.organInfoWrap ._col dl {display:block; position:relative; overflow:hidden; margin:0 auto 0; padding:0;}
.organInfoWrap ._col dl dt,
.organInfoWrap ._col dl dd {display:block; float:left; position:relative; margin:0; padding:0; text-align:left; font-size:2.2rem; line-height:4.8rem; color:#fff;}
.organInfoWrap ._col dl dt {width:150px; font-weight:600;}
.organInfoWrap ._col dl dd {width:calc(100% - 150px); font-weight:400;}

.organInfoWrap ._col._left {}

.organInfoWrap ._col._right {}


@media screen and (max-width:960px){
  .organInfoWrap ._col {height:500px;}
  .organInfoWrap ._col dl dt,
  .organInfoWrap ._col dl dd {font-size:1.9rem; line-height:4.5rem;}
  .organInfoWrap ._col dl dt {width:100px;}
  .organInfoWrap ._col dl dd {width:calc(100% - 100px);}
}

@media screen and (max-width:768px){
  .organInfoWrap .inner {padding-top:60px; padding-bottom:60px;}
  .organInfoWrap ._col {display:block; width:100%; height:auto; margin:0 auto;}
}

@media screen and (max-width:640px){
  .organInfoWrap ._col dl dt,
  .organInfoWrap ._col dl dd {font-size:1.6rem; line-height:4.2rem;}
  .organInfoWrap ._col dl dt {width:80px;}
  .organInfoWrap ._col dl dd {width:calc(100% - 80px);}
}
/* 회사소개 개요 및 조직도 영역 :: E */



/* 회사소개 규모정보 영역 :: S */
.scaleInfoWrap {margin:30px auto 0; padding:90px 0 0 0;}

.scaleInfoWrap .countArea {width:100%; padding:50px 0; background:#f5f8fc; text-align:center;}
.scaleInfoWrap .countArea dl {display:inline-block; position:relative; margin:0 100px 0 0; padding:0; vertical-align:top;}
.scaleInfoWrap .countArea dl:last-child {margin:0;}
.scaleInfoWrap .countArea dl dt,
.scaleInfoWrap .countArea dl dd {display:block; text-align:center; position:relative; font-weight:700; margin:0; padding:0;}
.scaleInfoWrap .countArea dl dt {font-size:4.8rem; line-height:4.8rem; color:#0050a7; margin:0 auto 15px;}
.scaleInfoWrap .countArea dl dd {font-size:3.6rem; line-height:3.6rem; color:#000;}


@media screen and (max-width:960px){
  .scaleInfoWrap .countArea dl {margin:0 60px 0 0;}
  .scaleInfoWrap .countArea dl:last-child {margin:0;}
  .scaleInfoWrap .countArea dl dt {font-size:4.2rem; line-height:4.2rem;}
  .scaleInfoWrap .countArea dl dd {font-size:3.1rem; line-height:3.1rem;}
}

@media screen and (max-width:768px){
  .scaleInfoWrap .countArea dl {margin:0 40px 0 0;}
  .scaleInfoWrap .countArea dl:last-child {margin:0;}
  .scaleInfoWrap .countArea dl dt {font-size:3.6rem; line-height:3.6rem;}
  .scaleInfoWrap .countArea dl dd {font-size:2.4rem; line-height:2.4rem;}
}

@media screen and (max-width:640px){
  .scaleInfoWrap .countArea dl {margin:0 20px 0 0;}
  .scaleInfoWrap .countArea dl:last-child {margin:0;}
  .scaleInfoWrap .countArea dl dt {font-size:3.1rem; line-height:3.1rem;}
  .scaleInfoWrap .countArea dl dd {font-size:1.9rem; line-height:1.9rem;}
}
/* 회사소개 규모정보 영역 :: E */



/* 회사소개 수상내역 영역 :: S */
.aboutAwardsWrap {}

.aboutAwardsWrap .awardList {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.aboutAwardsWrap .awardList li {display:block; float:left; position:relative; width:calc(20% - 16px); margin:0 20px 0 0;}
.aboutAwardsWrap .awardList li:last-child {margin:0;}
.aboutAwardsWrap .awardList li .img {width:100%; padding:30px 0; box-sizing:border-box; text-align:center; background:#f8f8f8;}
.aboutAwardsWrap .awardList li .img img {max-width:100%;}
.aboutAwardsWrap .awardList li .t1 {display:block; text-align:center; position:relative; font-size:1.9rem; line-height:2.9rem; font-weight:400; color:#333; margin:20px auto 0;}


@media screen and (max-width:1280px){
  .aboutAwardsWrap .awardList li .t1 {font-size:1.6rem; line-height:2.6rem; margin:15px auto 0;}
}

@media screen and (max-width:960px){
  .aboutAwardsWrap .awardList li {width:calc(33.33333333333333% - 14px); margin:0 21px 21px 0;}
  .aboutAwardsWrap .awardList li:nth-of-type(3n+3) {margin:0 0 21px 0;}
}

@media screen and (max-width:640px){
  .aboutAwardsWrap .awardList li {width:calc(50% - 10px); margin:0 20px 20px 0;}
  .aboutAwardsWrap .awardList li:nth-of-type(3n+3) {margin:0 20px 20px 0;}
  .aboutAwardsWrap .awardList li:nth-of-type(2n+2) {margin:0 0 20px 0;}
  .aboutAwardsWrap .awardList li .t1 {font-size:1.5rem; line-height:2.4rem; margin:10px auto 0;}
}

@media screen and (max-width:400px){
  .aboutAwardsWrap .awardList li {width:100% !important; margin:0 auto 20px !important;}
  .aboutAwardsWrap .awardList li:last-child {margin:0 auto !important;}
}
/* 회사소개 수상내역 영역 :: E */



/* 회사소개 조직도 영역 :: S */
.aboutChartWrap {}

.aboutChartWrap .chart {width:100%; position:relative; text-align:center;}
.aboutChartWrap .chart img {max-width:100%; vertical-align:top;}
/* 회사소개 조직도 영역 :: E */



/* 회사소개 인증내역 영역 :: S */
.aboutCertiWrap {}

.aboutCertiWrap .certiList {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
/*
.aboutCertiWrap .certiList li {display:block; float:left; position:relative; width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0;}
.aboutCertiWrap .certiList li:nth-of-type(3n+3) {margin:0 0 30px 0;}
*/
.aboutCertiWrap .certiList li {display:inline-block; position:relative; vertical-align:top; width:calc(16.66666666666667% - 4px); margin:0; padding:10px; box-sizing:border-box;}
.aboutCertiWrap .certiList li .img {width:100%; padding:30px 30px; box-sizing:border-box; text-align:center; background:#f8f8f8;
padding:2.0rem;}
.aboutCertiWrap .certiList li .img img {max-width:100%;}
.aboutCertiWrap .certiList li .t1 {display:block; text-align:center; position:relative; font-size:1.9rem; line-height:2.9rem; font-weight:400; color:#333; margin:12px auto 0;}


@media screen and (max-width:1280px){
	.aboutCertiWrap .certiList li .t1 {font-size:1.6rem; line-height:2.6rem; margin:15px auto 0;}
}

@media screen and (max-width:960px){
	.aboutCertiWrap .certiList li {width:calc(33.33333333333333% - 4px); padding:8px;}
	.aboutCertiWrap .certiList li .img {padding:1.5rem;}
}

@media screen and (max-width:640px){
	/*
	.aboutCertiWrap .certiList li {width:calc(50% - 10px); margin:0 20px 20px 0;}
	.aboutCertiWrap .certiList li:nth-of-type(3n+3) {margin:0 20px 20px 0;}
	.aboutCertiWrap .certiList li:nth-of-type(2n+2) {margin:0 0 20px 0;}
	*/
	.aboutCertiWrap .certiList li {width:calc(50% - 4px); padding:5px;}
	.aboutCertiWrap .certiList li .img {padding:1.2rem;}
	.aboutCertiWrap .certiList li .t1 {font-size:1.5rem; line-height:2.4rem; margin:8px auto 0;}
}

@media screen and (max-width:400px){
	.aboutCertiWrap .certiList li {width:100% !important; margin:0 auto 15px !important;}
	.aboutCertiWrap .certiList li:last-child {margin:0 auto !important;}
	.aboutCertiWrap .certiList li .img {padding:1.0rem;}
}
/* 회사소개 인증내역 영역 :: E */



/* 회사소개 인증내역 영역 :: S */
.certiInfoWrap {}

.certiInfoWrap .certificationSlider {}
.certiInfoWrap .certificationSlider .swiper-slide {}
.certiInfoWrap .certificationSlider .swiper-slide a {display:block; position:relative; text-align:center; padding:20px 0; background:#f8f8f8;}
.certiInfoWrap .certificationSlider .swiper-slide a img {max-width:100%;}
.certiInfoWrap .certificationSlider .swiper-slide .t1 {display:block; text-align:center; position:relative; font-size:2.2rem; line-height:2.9rem; font-weight:600; color:#000; margin:30px auto 0; padding:0;}


@media screen and (max-width:786px){
  .certiInfoWrap .certificationSlider .swiper-slide .t1 {font-size:1.9rem; line-height:2.4rem; margin:15px auto 0;}
}
/* 회사소개 인증내역 영역 :: E */



/* 회사소개 오시는길 영역 :: S */
.locationInfoWrap {padding:0 50% 0 0; box-sizing:border-box;}

.locationInfoWrap .map {width:100%; position:relative;}
.locationInfoWrap .map > div {width:100%; height:0; position:relative; overflow:hidden; padding-bottom:100%;}
.locationInfoWrap .map iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0;}

.locationInfoWrap .info {width:50%; height:100%; position:absolute; top:0; right:0;}
.locationInfoWrap .info .disT {}
.locationInfoWrap .info .disTC {text-align:left; vertical-align:middle; padding:0 60px; box-sizing:border-box; background:#fff;}
.locationInfoWrap .info p {display:block; position:relative; text-align:left; margin:0; padding:0; color:#000;}
.locationInfoWrap .info .t1 {font-size:2.9rem; line-height:3.6rem; font-weight:600;}
.locationInfoWrap .info .t2 {font-size:1.8rem; line-height:2.9rem; font-weight:300; margin:10px auto 30px;}
.locationInfoWrap .info .t3 {font-size:2.2rem; line-height:3.6rem; font-weight:500;}
.locationInfoWrap .info .address {width:100%; position:relative; margin:50px auto 0; padding:50px 0 0 0; border-top:1px solid #d2d2d2;}
.locationInfoWrap .info .address,
.locationInfoWrap .info .address b {font-size:1.9rem; line-height:2.9rem; font-weight:300; color:#000;}


@media screen and (max-width:1280px){
  .locationInfoWrap .info .disTC {padding:0 30px;}

  .locationInfoWrap .info .t2 {margin:8px auto 12px;}
  .locationInfoWrap .info .address {margin:25px 0 0 0; padding:25px 0 0 0;}
}

@media screen and (max-width:1080px){
  .locationInfoWrap .info .t1 {font-size:2.4rem; line-height:3.1rem;}
  .locationInfoWrap .info .t2 {font-size:1.5rem; line-height:2.4rem;}
  .locationInfoWrap .info .t3 {font-size:1.8rem; line-height:2.9rem;}
  .locationInfoWrap .info .address {margin:15px 0 0 0; padding:15px 0 0 0;}
  .locationInfoWrap .info .address,
  .locationInfoWrap .info .address b {font-size:1.5rem; line-height:2.4rem;}
}

@media screen and (max-width:960px){
  .locationInfoWrap {padding:0;}

  .locationInfoWrap .map > div {padding-bottom:50%;}

  .locationInfoWrap .info {width:100%; position:relative; top:auto; right:auto;}
  .locationInfoWrap .info .disTC {padding:30px 15px;}
}
/* 회사소개 오시는길 영역 :: E */



/* 사업소개 상단 컨텐츠 영역 :: S */
.businessConWrap._1 {margin:60px auto 0;}

.businessConWrap .titleArea {}
.businessConWrap .titleArea p {text-align:left;}


.businessConWrap .imgArea {width:100%; position:relative; text-align:center; margin:0 auto 50px;}
.businessConWrap .imgArea img {width:100%; max-width:100%; vertical-align:top;}

.businessConWrap .conArea {padding:0 0 3% 0;}
.businessConWrap .conArea .imgs {width:61%; text-align:left; position:relative; z-index:10;}
.businessConWrap .conArea .imgs._full {width:100% !important; text-align:center !important;}
.businessConWrap .conArea .imgs img {max-width:100%;}
.businessConWrap .conArea .txts {width:43%; padding:80px 30px 80px 120px; background:#e8f2fb; box-sizing:border-box; position:absolute; bottom:0; right:0;}
.businessConWrap .conArea .txts p {display:block; text-align:left; position:relative; margin:0 auto 10px; padding:0; font-size:1.9rem; line-height:2.9rem; font-weight:400; color:#000; padding:0 0 0 10px; box-sizing:border-box;}
.businessConWrap .conArea .txts p:before {display:block; content:''; width:2px; height:2px; border-radius:50%; background:#000; position:absolute; top:11px; left:0;}
.businessConWrap .conArea .txts.non {}
.businessConWrap .conArea .txts.non p {padding:0 !important;}
.businessConWrap .conArea .txts.non p:before {display:none !important;}


.businessConWrap._2 {}

.businessConWrap._2 .titleArea {}
.businessConWrap._2 .titleArea p {text-align:center;}

.businessConWrap .itemList {display:block; max-width:1200px; position:relative; margin:0 auto; padding:0;}
.businessConWrap .itemList li {display:block; width:100%; position:relative; margin:0; padding:0 50% 0 0; box-sizing:border-box; border-bottom:1px solid #b8b8b8;}
.businessConWrap .itemList li.full {padding:0;}
.businessConWrap .itemList li:first-child {border-top:2px solid #000;}
.businessConWrap .itemList li .imgArea {width:100%; position:relative; padding:50px 0;}
.businessConWrap .itemList li .imgArea img {display:block; width:100%;}
.businessConWrap .itemList li .imgArea p {display:block; text-align:center; position:relative; font-size:1.8rem; line-height:2.4rem; font-weight:600; color:#555; margin:5px auto 0;}
.businessConWrap .itemList li .txtArea {width:50%; height:100%; position:absolute; top:0; right:0;}
.businessConWrap .itemList li .txtArea .disT {}
.businessConWrap .itemList li .txtArea .disTC {text-align:center; vertical-align:middle; padding:0 0 0 30px; box-sizing:border-box;}
.businessConWrap .itemList li .txtArea p {display:block; text-align:center; position:relative; color:#333; margin:0; padding:0;}
.businessConWrap .itemList li .txtArea .t1 {font-size:32px; line-height:4.8rem; font-weight:600;}
.businessConWrap .itemList li .txtArea .t1 span {font-size:2.4rem; line-height:2.9rem;}
.businessConWrap .itemList li .txtArea .t2 {font-size:1.9rem; line-height:2.9rem; font-weight:300; margin:30px auto 0;}


@media screen and (max-width:1280px){
  .businessConWrap .conArea .imgs {max-width:61%;}
  .businessConWrap .conArea .txts {width:40%; padding:60px 30px 60px 60px;}
}

@media screen and (max-width:1080px){
  .businessConWrap .conArea .txts p {font-size:1.8rem; line-height:2.6rem; margin:0 auto 6px;}
  .businessConWrap .conArea .txts p:last-child {margin:0 auto;}
}

@media screen and (max-width:960px){
  .businessConWrap .conArea .imgs {width:100%; max-width:100%;}
  .businessConWrap .conArea .txts {width:100%; position:relative; bottom:auto; right:auto; padding:30px;}
}

@media screen and (max-width:768px){
  .businessConWrap .itemList li {padding:0 60% 0 0;}
  .businessConWrap .itemList li .imgArea {padding:30px 0;}
  .businessConWrap .itemList li .txtArea {width:60%;}
  .businessConWrap .itemList li .txtArea .disTC {padding:0 0 0 15px;}
  .businessConWrap .itemList li .txtArea .t1 {font-size:2.9rem; line-height:3.6rem;}
  .businessConWrap .itemList li .txtArea .t1 span {font-size:2.2rem; line-height:2.4rem;}
  .businessConWrap .itemList li .txtArea .t2 {font-size:1.5rem; line-height:2.4rem; margin:15px auto 0;}
}

@media screen and (max-width:480px){
  .businessConWrap .itemList li {padding:0;}
  .businessConWrap .itemList li .imgArea {padding:0;}
  .businessConWrap .itemList li .txtArea {width:100%; position:relative; top:auto; right:auto; margin:0 auto 30px;}
  .businessConWrap .itemList li .txtArea .disTC {padding:0;}
  .businessConWrap .itemList li .txtArea p {text-align:center;}
  .businessConWrap .itemList li .txtArea .t1 {font-size:2.4rem; line-height:3.1rem;}
  .businessConWrap .itemList li .txtArea .t1 span {font-size:1.8rem; line-height:1.9rem;}
  .businessConWrap .itemList li .txtArea .t2 {margin:10px auto 0;}
}
/* 사업소개 상단 컨텐츠 영역 :: E */



/* 사업실적 탭링크 영역 :: S */
.performanceTabWrap {margin:30px auto 0; padding:90px 0 0 0;}

.performanceTabWrap .titleArea {}
.performanceTabWrap .titleArea p {text-align:left;}
/* 사업실적 탭링크 영역 :: E */



/* 회사소개 연혁 컨텐츠 영역 :: S */
.aboutHistoryWrap {}

.aboutHistoryWrap .historyTab {width:100%; position:relative; box-sizing:border-box; border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.aboutHistoryWrap .historyTab ul {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.aboutHistoryWrap .historyTab ul li {display:block; width:25%; float:left; position:relative; margin:0; padding:0; box-sizing:border-box; border-right:1px solid #e3e3e3;}
.aboutHistoryWrap .historyTab ul li a {display:block; width:100%; position:relative; text-align:center; border-right:1px solid #e3e3e3; font-size:2.0rem; line-height:60px; font-weight:400; color:#454545;}
.aboutHistoryWrap .historyTab ul li a.active {font-weight:700; color:#fff; background:#0072ce;}

.aboutHistoryWrap .historyCon {width:100%; position:relative; padding:80px 0; margin:100px auto 0;}
.aboutHistoryWrap .historyCon:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#c9c9c9; z-index:5;}
.aboutHistoryWrap .historyCon .historyItem {width:100%; position:relative; margin:0 auto 100px; padding:0; overflow:hidden; z-index:10;}
.aboutHistoryWrap .historyCon .historyItem:last-child {margin:0 auto;}

.aboutHistoryWrap .historyCon .historyItem .imgs {width:calc(50% - 50px); float:left; position:relative; overflow:hidden;}
/*
.aboutHistoryWrap .historyCon .historyItem .imgs img {display:block; float:left; width:calc(50% - 5px); margin:0 10px 10px 0;}
.aboutHistoryWrap .historyCon .historyItem .imgs img:nth-of-type(2n+2) {margin:0 0 10px 0;}
*/
.aboutHistoryWrap .historyCon .historyItem .imgs img {display:block; width:100%;}

.aboutHistoryWrap .historyCon .historyItem .cons {width:calc(50% - 50px); float:right; position:relative;}
.aboutHistoryWrap .historyCon .historyItem .cons > * {display:block; width:100%; position:relative; margin:0 auto; padding:0;}
.aboutHistoryWrap .historyCon .historyItem .cons p {font-size:4.2rem; line-height:4.8rem; font-weight:700; color:#0072ce; margin:0 auto 30px;}
.aboutHistoryWrap .historyCon .historyItem .cons p:before,
.aboutHistoryWrap .historyCon .historyItem .cons p:after {display:block; content:''; border-radius:50%; box-sizing:border-box; position:absolute;}
.aboutHistoryWrap .historyCon .historyItem .cons p:before {width:7px; height:7px; background:#0072ce; top:18px; left:-53px;}
.aboutHistoryWrap .historyCon .historyItem .cons p:after {width:25px; height:25px; border:1px solid #0072ce; top:9px; left:-62px;}
.aboutHistoryWrap .historyCon .historyItem .cons dl {display:block; position:relative; overflow:hidden; margin:0 auto 15px; padding:0;}
.aboutHistoryWrap .historyCon .historyItem .cons dl:last-child {margin:0 auto;}
.aboutHistoryWrap .historyCon .historyItem .cons dl dt,
.aboutHistoryWrap .historyCon .historyItem .cons dl dd {display:block; float:left; position:relative; margin:0; padding:0; font-size:1.9rem; line-height:2.9rem; color:#000;}
.aboutHistoryWrap .historyCon .historyItem .cons dl dt {width:60px; font-weight:600;}
.aboutHistoryWrap .historyCon .historyItem .cons dl dd {width:calc(100% - 60px); font-weight:400;}


@media screen and (max-width:960px){
  .aboutHistoryWrap .performanceList ul li .description ._row {margin:0 auto;}
  .aboutHistoryWrap .performanceList ul li .description dl {width:100%; float:none; margin:5px auto;}

  .aboutHistoryWrap .historyCon {padding:50px 0; margin:60px auto 0;}
  .aboutHistoryWrap .historyCon .historyItem {margin:0 auto 60px;}
  .aboutHistoryWrap .historyCon .historyItem:last-child {margin:0 auto;}

  .aboutHistoryWrap .historyCon .historyItem .imgs {width:calc(50% - 20px);}
  .aboutHistoryWrap .historyCon .historyItem .cons {width:calc(50% - 30px);}
  .aboutHistoryWrap .historyCon .historyItem .cons p {margin:0 auto 20px;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:before {left:-33px;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:after {left:-42px;}
}

@media screen and (max-width:768px){
  .aboutHistoryWrap .performanceList ul li {width:100% !important; margin:0 auto 30px !important;}
  .aboutHistoryWrap .performanceList ul li:last-child {margin:0 auto !important;}
}

@media screen and (max-width:640px){
  .aboutHistoryWrap .historyCon {padding:30px 0; margin:30px auto 0;}
  .aboutHistoryWrap .historyCon:before {left:173px;}
  .aboutHistoryWrap .historyCon .historyItem {margin:0 auto 40px;}
  .aboutHistoryWrap .historyCon .historyItem:last-child {margin:0 auto;}

  .aboutHistoryWrap .historyCon .historyItem .imgs {width:150px;}
  .aboutHistoryWrap .historyCon .historyItem .cons {width:calc(100% - 190px);}
  .aboutHistoryWrap .historyCon .historyItem .cons p {font-size:3.3rem; margin:0 auto 15px;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:before {left:-20px;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:after {left:-29px;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dt,
  .aboutHistoryWrap .historyCon .historyItem .cons dl dd {font-size:1.6rem; line-height:2.4rem;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dt {width:45px;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dd {width:calc(100% - 45px);}
}

@media screen and (max-width:480px){
  .aboutHistoryWrap .historyCon:before {left:133px;}
  .aboutHistoryWrap .historyCon .historyItem {margin:0 auto 30px;}
  .aboutHistoryWrap .historyCon .historyItem:last-child {margin:0 auto;}

  .aboutHistoryWrap .historyCon .historyItem .imgs {width:120px;}
  .aboutHistoryWrap .historyCon .historyItem .cons {width:calc(100% - 150px);}
  .aboutHistoryWrap .historyCon .historyItem .cons p {font-size:2.9rem; line-height:3.6rem;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:before {width:5px; height:5px; left:-19px; top:15px;}
  .aboutHistoryWrap .historyCon .historyItem .cons p:after {width:15px; height:15px; top:10px; left:-24px;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dt,
  .aboutHistoryWrap .historyCon .historyItem .cons dl dd {font-size:1.5rem;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dt {width:35px;}
  .aboutHistoryWrap .historyCon .historyItem .cons dl dd {width:calc(100% - 35px);}
}
/* 회사소개 연혁 컨텐츠 영역 :: E */



/* 회사소개 오시는 길 컨텐츠 영역 :: S */
.aboutLocationWrap {}

.aboutLocationWrap .mapArea {width:100%; position:relative;}
.aboutLocationWrap .mapArea .map {width:100%; height:0; padding-bottom:40%; position:relative; overflow:hidden;}
.aboutLocationWrap .mapArea .map iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0;}
.aboutLocationWrap .infoArea {width:100%; position:relative; margin:100px auto 0; overflow:hidden;}
.aboutLocationWrap .infoArea ._col {width:50%; float:left; position:relative; padding:0 30px 0 0; box-sizing:border-box;}
.aboutLocationWrap .infoArea ._col dl {display:block; width:100%; position:relative; margin:0 auto 50px; padding:0;}
.aboutLocationWrap .infoArea ._col dl:last-child {margin:0 auto;}
.aboutLocationWrap .infoArea ._col dl dt,
.aboutLocationWrap .infoArea ._col dl dd {display:block; width:100%; position:relative; margin:0; padding:0;}
.aboutLocationWrap .infoArea ._col dl dt,
.aboutLocationWrap .infoArea ._col dl dd,
.aboutLocationWrap .infoArea ._col dl dd * {color:#333;}
.aboutLocationWrap .infoArea ._col dl dt {font-size:3.3rem; line-height:34px; font-weight:600;}
.aboutLocationWrap .infoArea ._col dl dd {font-size:1.9rem; line-height:2.9rem; font-weight:400; margin:20px auto 0;}
.aboutLocationWrap .infoArea ._col dl dd p {display:block; position:relative; text-align:left; margin:0; padding:0;}
.aboutLocationWrap .infoArea ._col dl dd .t1 {font-size:2.4rem; line-height:2.9rem; font-weight:600; margin:30px auto 10px;}
.aboutLocationWrap .infoArea ._col dl dd .t1:first-child {margin:0 auto 10px;}
.aboutLocationWrap .infoArea ._col dl dd .t2 {font-size:1.6rem; line-height:2.4rem; font-weight:300; margin:10px auto 0; padding:0 0 0 56px;}
.aboutLocationWrap .infoArea ._col dl dd .t2 b {display:inline-block; width:56px; height:20px; line-height:2.4rem; vertical-align:middle; position:absolute; top:0; left:0;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span {display:inline-block; width:60px; height:2.4rem; line-height:2.4rem; text-align:center; vertical-align:middle; position:relative; padding:0; font-size:1.4rem; font-weight:300; color:#fff; border-radius:1.2rem;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._1 {background:#0e3e8c;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._2 {background:#64255c;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._3 {background:#0072ce;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._4 {background:#ec813c;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._5 {background:#ad3b3b;}
.aboutLocationWrap .infoArea ._col dl dd .t2 span._6 {background:#565656;}


@media screen and (max-width:960px){
  .aboutLocationWrap .infoArea {margin:60px auto 0;}
  .aboutLocationWrap .infoArea ._col {width:100%; float:none; padding:0; margin:0 auto 30px;}
  .aboutLocationWrap .infoArea ._col:last-child {margin:0 auto;}
  .aboutLocationWrap .infoArea ._col dl {margin:0 auto 30px;}
  .aboutLocationWrap .infoArea ._col dl dt {font-size:2.4rem; line-height:3.1rem;}
  .aboutLocationWrap .infoArea ._col dl dd {font-size:1.5rem; line-height:2.4rem; margin:10px auto 0;}
  .aboutLocationWrap .infoArea ._col dl dd .t1 {font-size:1.8rem; line-height:2.4rem; margin:20px auto 5px;}
  .aboutLocationWrap .infoArea ._col dl dd .t1:first-child {margin:0 auto 5px;}
}
/* 회사소개 오시는 길 컨텐츠 영역 :: E */



/* 고객센터 탭링크 영역 :: S */
.cscenterTabWrap {margin:30px auto 0; padding:90px 0 0 0;}

.cscenterTabWrap .titleArea {}
.cscenterTabWrap .titleArea p {text-align:left;}
/* 고객센터 탭링크 영역 :: E */



/* 게시판 리스트 영역 :: S */
.boardListWrap {width:100%; position:relative;}

.boardListWrap .boardList {display:block; width:100%; position:relative; margin:0; padding:0; /* text-align:center; */ overflow:hidden;}
/*
.boardListWrap .boardList li {display:block; float:left; width:calc(25% - 15px); margin:0 20px 50px 0; position:relative; padding:0;}
.boardListWrap .boardList li:nth-of-type(4n+4) {margin:0 0 50px 0;}
*/
.boardListWrap .boardList li {display:inline-block; position:relative; text-align:center; vertical-align:top; width:calc(25% - 20px - 4px); margin:0 10px 50px; padding:0; /* text-align:left; */}
.boardListWrap .boardList li.divName {width:100%; margin:30px auto 30px; text-align:left;}
.boardListWrap .boardList li.divName:first-child {margin-top:0;}
.boardListWrap .boardList li.divName:before {display:block; content:''; width:100%; height:2px; position:absolute; top:calc(50% - 1px); left:0; background:#c4c4c4; z-index:1;}
.boardListWrap .boardList li.divName p {display:inline-block; position:relative; margin:0; padding:0 15px 0 0; box-sizing:border-box; background:#fff; font-size:2.8rem; line-height:3.4rem; font-weight:600; color:#454545; z-index:5;}
.boardListWrap .boardList li .thumbnail {display:block; position:relative;}
.boardListWrap .boardList li .thumbnail img {width:100%;}
.boardListWrap .boardList li p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#000;}
.boardListWrap .boardList li .t1 {font-size:1.4rem; line-height:1.9rem; font-weight:600; color:#606060; margin:20px auto 10px;}
.boardListWrap .boardList li .t2 {font-size:2.2rem; line-height:2.9rem; font-weight:600;}
.boardListWrap .boardList li .desc {text-align:center; font-size:1.6rem; line-height:2.4rem; font-weight:600; color:#333; margin:15px auto 0;}

.boardListWrap .paging {display:block; width:100%; position:relative; text-align:center; position:relative; margin:20px auto 60px; padding:0;}
.boardListWrap .paging li {display:inline-block; width:auto; height:auto; vertical-align:middle; margin:0 5px; padding:0;}
.boardListWrap .paging li a {display:block; position:relative; height:20px; line-height:2.4rem; padding:0 5px; font-size:1.8rem; font-weight:500; color:#777;}
.boardListWrap .paging li a.active,
.boardListWrap .paging li a:hover {font-weight:600; color:#000;}


.boardListWrap.recruit .boardList li {margin:0 20px 20px 0;}
.boardListWrap.recruit .boardList li:nth-of-type(4n+4) {margin:0 0 20px 0;}
.boardListWrap.recruit .boardList li a {width:100%; height:0; position:relative; padding-bottom:70%; overflow:hidden; margin:0; border:5px solid #e8e8e8; box-sizing:border-box;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.boardListWrap.recruit .boardList li:nth-of-type(3n+1) a {border:5px solid #0000cc;}
.boardListWrap.recruit .boardList li:nth-of-type(3n+2) a {border:5px solid #cece00;}
.boardListWrap.recruit .boardList li:nth-of-type(3n+3) a {border:5px solid #00cc00;}
.boardListWrap.recruit .boardList li a ._in {width:100%; height:100%; position:absolute; top:0; left:0;}
.boardListWrap.recruit .boardList li a ._in .disT {}
.boardListWrap.recruit .boardList li a ._in .disTC {text-align:left; vertical-align:middle; padding:0 18px; box-sizing:border-box;}
.boardListWrap.recruit .boardList li a p {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.boardListWrap.recruit .boardList li a .t1 {margin:0 auto 15px;}
.boardListWrap.recruit .boardList li a:hover {background:#f8f8f8;}

.boardListWrap.recruit .btnArea {width:100%; position:relative; margin:30px auto 0; padding:30px 0 0 0; border-top:1px solid #ccc;}


@media screen and (max-width:960px){
	/*
  .boardListWrap .boardList li {width:calc(33.33333333333333% - 20px); margin:0 30px 40px 0;}
  .boardListWrap .boardList li:nth-of-type(4n+4) {margin:0 30px 40px 0;}
  .boardListWrap .boardList li:nth-of-type(3n+3) {margin:0 0 40px 0;}
  */
  .boardListWrap .boardList li {width:calc(33.33333333333333% - 20px - 4px); margin:0 10px 40px;}

  .boardListWrap.recruit .boardList li {width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0;}
  .boardListWrap.recruit .boardList li:nth-of-type(4n+4) {margin:0 30px 30px 0;}
  .boardListWrap.recruit .boardList li:nth-of-type(3n+3) {margin:0 0 30px 0;}
}

@media screen and (max-width:768px){
  .boardListWrap .boardList li .t1 {margin:15px auto 10px;}
  .boardListWrap .boardList li .t2 {font-size:1.9rem; line-height:2.6rem;}
}

@media screen and (max-width:640px){
	/*
  .boardListWrap .boardList li {width:calc(50% - 15px); margin:0 30px 40px 0;}
  .boardListWrap .boardList li:nth-of-type(4n+4) {margin:0 30px 40px 0;}
  .boardListWrap .boardList li:nth-of-type(3n+3) {margin:0 30px 40px 0;}
  .boardListWrap .boardList li:nth-of-type(2n+2) {margin:0 0 40px 0;}
  */
  .boardListWrap .boardList li {width:calc(50% - 15px - 4px); margin:0 7.5px 40px;}

  .boardListWrap.recruit .boardList li {width:calc(50% - 15px); margin:0 30px 30px 0;}
  .boardListWrap.recruit .boardList li:nth-of-type(4n+4) {margin:0 30px 30px 0;}
  .boardListWrap.recruit .boardList li:nth-of-type(3n+3) {margin:0 30px 30px 0;}
  .boardListWrap.recruit .boardList li:nth-of-type(2n+2) {margin:0 0 30px 0;}
}

@media screen and (max-width:480px){
  .boardListWrap .boardList li {width:100%; margin:0 auto 30px;}
  /*
  .boardListWrap .boardList li:last-child {margin:0 auto;}
  */

  .boardListWrap.recruit .boardList li {width:100%; margin:0 auto 30px !important;}
  .boardListWrap.recruit .boardList li:last-child {margin:0 auto !important;}
}
/* 게시판 리스트 영역 :: E */



/* 게시판 상세 영역 :: S */
.boardViewWrap {width:100%; position:relative; margin:120px auto;}

.boardViewWrap .boardView {width:100%; position:relative;}
.boardViewWrap .boardView > *:not(.con) {display:block; position:relative; text-align:center; color:#000; margin:0 auto; padding:0;}
.boardViewWrap .boardView .tit {font-size:5.0rem; line-height:6.0rem; font-weight:700;}
.boardViewWrap .boardView .date {text-align:right; font-size:1.4rem; line-height:1.9rem; font-weight:400; color:#555; margin:15px auto 30px; padding:0 0 30px 0; border-bottom:1px solid #ccc;}
/*
.boardViewWrap .boardView .con {font-size:1.5rem; line-height:2.9rem; font-weight:400;}
*/
.boardViewWrap .boardView .con img {width:auto !important; height:auto !important; max-width:100% !important;}
.boardViewWrap .boardView .con p {margin:0;}

.boardViewWrap .btnArea {width:100%; margin:30px auto 0; padding:30px 0 0 0; border-top:1px solid #ccc; text-align:right; position:relative;}
.boardViewWrap .btnArea a._1 {position:absolute; top:30px; left:50%; margin:0 0 0 -50px;}


@media screen and (max-width:960px){
  .boardViewWrap .boardView .tit {font-size:3.6rem; line-height:4.5rem;}
}

@media screen and (max-width:768px){
  .boardViewWrap .boardView .tit {font-size:3.3rem; line-height:4.2rem;}
}

@media screen and (max-width:640px){
  .boardViewWrap .boardView .tit {font-size:2.9rem; line-height:32px;}
}
/* 게시판 상세 영역 :: E */



/* 구직문의 정보입력 영역 :: S */
.contactFormWrap {width:100%; position:relative;}
.contactFormWrap.mainCon {}

.contactFormWrap .titleArea {}
.contactFormWrap .titleArea p {text-align:left;}

.contactFormWrap #contactForm {display:block; width:100%; position:relative; margin:0 auto; padding:60px 0 0 0; border-top:3px solid #000;}
.contactFormWrap #contactForm dl {display:block; width:100%; position:relative; margin:0 auto 25px; padding:0; overflow:hidden;}
.contactFormWrap #contactForm dl:last-child {margin:0 auto;}
.contactFormWrap #contactForm dl dt,
.contactFormWrap #contactForm dl dd {display:block; float:left; position:relative; margin:0; padding:0;}
.contactFormWrap #contactForm dl dt {width:200px;}
.contactFormWrap #contactForm dl dt label {display:block; width:100%; height:34px; line-height:34px; margin:0; padding:0; font-size:2.4rem; font-weight:700; color:#000; position:relative;}
.contactFormWrap #contactForm dl dt.req label:after {display:inline-block; content:'*'; color:#0160c8;}
.contactFormWrap #contactForm dl dd {width:calc(100% - 200px);}
.contactFormWrap #contactForm dl dd > * {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; font-size:1.4rem;}
.contactFormWrap #contactForm dl dd > *:last-child {margin:0;}
.contactFormWrap #contactForm dl dd #company {max-width:500px;}
.contactFormWrap #contactForm dl dd #name {max-width:500px;}
.contactFormWrap #contactForm dl dd #birth {max-width:500px;}
.contactFormWrap #contactForm dl dd #tel_1,
.contactFormWrap #contactForm dl dd #tel_2,
.contactFormWrap #contactForm dl dd #tel_3 {max-width:140px;}
.contactFormWrap #contactForm dl dd #email_1,
.contactFormWrap #contactForm dl dd #email_2 {max-width:225px;}
.contactFormWrap #contactForm dl dd #file {max-width:500px;}

.contactFormWrap #contactForm .agreeRect {width:100%; position:relative; margin:50px auto 0; padding:50px 0 0 0; border-top:1px solid #e0e0e0;}
.contactFormWrap #contactForm .agreeRect .t1 {display:block; text-align:left; position:relative; font-size:2.9rem; line-height:3.6rem; font-weight:700; color:#000;}
.contactFormWrap #contactForm .agreeRect .t1 span {font-size:1.9rem; font-weight:500; color:#0d66cc;}
.contactFormWrap #contactForm .agreeRect .form-rect {position:absolute; top:30px; right:0;}
.contactFormWrap #contactForm .agreeRect .agreements {width:100%; position:relative; padding:30px; box-sizing:border-box; background:#f9fafb;}
.contactFormWrap #contactForm .agreeRect .agreements p {display:block; text-align:left; position:relative; font-size:1.6rem; line-height:2.9rem; font-weight:400; color:#333; margin:0; padding:0;}
.contactFormWrap #contactForm .agreeRect .agreements p b {color:#0069cb;}
.contactFormWrap #contactForm .agreeRect .noti {display:block; position:relative; text-align:left; font-size:1.6rem; line-height:2.9rem; font-weight:400; color:#333; margin:15px auto 0; padding:0;}

.contactFormWrap #contactForm .btnArea {width:100%; position:relative; margin:50px auto 0; padding:50px 0 0 0; border-top:1px solid #e0e0e0; text-align:center;}
.contactFormWrap #contactForm .btnArea a {display:inline-block; position:relative; vertical-align:top; margin:0 15px 0 0; width:200px; height:60px; text-align:center; line-height:60px; font-size:2.2rem; font-weight:600; box-sizing:border-box; border-radius:5px;}
.contactFormWrap #contactForm .btnArea a:last-child {margin:0;}
.contactFormWrap #contactForm .btnArea a._n {border:1px solid #e0e0e0; color:#000;}
.contactFormWrap #contactForm .btnArea a._y {border:1px solid #0072ce; background:#0072ce; color:#fff;}


@media screen and (max-width:768px){
  .contactFormWrap #contactForm dl dt {width:100px;}
  .contactFormWrap #contactForm dl dt label {font-size:1.9rem;}
  .contactFormWrap #contactForm dl dd {width:calc(100% - 100px);}

  .contactFormWrap #contactForm dl dd > * {margin:0;}

  .contactFormWrap #contactForm dl dd #company {max-width:100%;}
  .contactFormWrap #contactForm dl dd #name {max-width:100%;}
  .contactFormWrap #contactForm dl dd #birth {max-width:100%;}
  .contactFormWrap #contactForm dl dd #tel_1,
  .contactFormWrap #contactForm dl dd #tel_2,
  .contactFormWrap #contactForm dl dd #tel_3 {max-width:calc(33.33333333333333% - 13px);}
  .contactFormWrap #contactForm dl dd #email_1,
  .contactFormWrap #contactForm dl dd #email_2 {max-width:calc(50% - 14px);}
  .contactFormWrap #contactForm dl dd #file {max-width:100%;}
}

@media screen and (max-width:640px){
  .contactFormWrap #contactForm dl dt {width:80px;}
  .contactFormWrap #contactForm dl dt label {font-size:1.6rem;}
  .contactFormWrap #contactForm dl dd {width:calc(100% - 80px);}

  .contactFormWrap #contactForm .agreeRect {margin:30px auto 0; padding:30px 0 0 0;}
  .contactFormWrap #contactForm .agreeRect .t1 {font-size:2.4rem; margin:0 auto 10px;}
  .contactFormWrap #contactForm .agreeRect .form-rect {top:30px;}
  .contactFormWrap #contactForm .agreeRect .agreements {padding:15px;}
  .contactFormWrap #contactForm .agreeRect .agreements p {font-size:1.5rem; line-height:2.6rem;}

  .contactFormWrap #contactForm .btnArea {margin:30px auto 0; padding:30px 0 0 0;}
  .contactFormWrap #contactForm .btnArea a {width:120px; height:42px; line-height:5.0rem; font-size:1.8rem; margin:0 10px 0 0;}
  .contactFormWrap #contactForm .btnArea a:last-child {margin:0;}
}

@media screen and (max-width:640px){
  .contactFormWrap #contactForm .agreeRect .form-rect {position:relative; top:auto; right:auto; margin:0 auto 10px;}
}
/* 구직문의 정보입력 영역 :: E */