@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */


/* ******************  메인 비주얼 ********************** */
#mainVisual{padding-left: 95px; width: calc(100% - 95px); height:760px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1; overflow:hidden;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	top:50%; margin-top: -20px; left:0px; 
	width:100%; text-align: right;
}
.main-visual-txt-inner{display: inline-block; width: 650px; padding-right: 95px; text-align: left;}
.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:59px; line-height:1.2; font-weight:600; letter-spacing:-0.25px; color:#fff;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:59px; line-height:1.2; font-weight:600; letter-spacing:-0.25px; color:#fff; margin-bottom:30px;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:30px; line-height: 1.2; font-weight: 300; letter-spacing:-0.25px; color:rgba(255,255,255,0.7);}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}

/* 메인 비주얼 :: 애니메이션 */
.main-visual-txt-con .title-line {
  display: block;
  padding-bottom: 0.1em;
  overflow-y: hidden;
}
.main-visual-txt-con .title-line span {
  position: relative;
  display: inline-block;
}
.active-item .main-visual-txt-con .title-line span {
  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay:0.1s;
}
.active-item .main-visual-txt-con .title-line.main-visual-txt2 span {
  animation-delay: 0.3s;
}
.active-item .main-visual-txt-con .title-line.main-visual-txt3 span {
  animation-delay: 0.6s;
}
@keyframes text-up {
  from {
    transform: translate3d(0, 150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

/* 메인 비주얼 :: 방패아이콘 */
.main-point-icon{position: absolute; top: 50%; right: 0; margin-top: -220px; width: 650px; padding-right: 95px; z-index: 11;}
.main-point-icon span{position: relative; margin-left: 250px; display: block; width: 121px; height: 121px; background: url("../images/main/main_visual_icon.png") center/cover no-repeat;}
.main-point-icon span:before{position: absolute; top: 50%; left: 50%; margin-top: -114px; margin-left: -114px; content: ''; width: 228px; height: 228px; background: url("../images/main/main_visual_line01.png") center/cover no-repeat;}
.main-point-icon span:after{position: absolute; top: 50%; left: 50%; margin-top: -89px; margin-left: -89px; content: ''; width: 178px; height: 178px; background: url("../images/main/main_visual_line02.png") center/cover no-repeat;}

.main-point-icon span:before{animation: spinL 15s infinite linear;}
.main-point-icon span:after{animation: spinR 15s infinite linear;}
@keyframes spinL {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@keyframes spinR {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; bottom:0; left:40px; z-index:9; animation: upDown 1.5s ease-in-out infinite;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

/* 메인 비주얼 :: Dots */
.main-visual-con .slick-dots-wrapper{position:absolute; left:0; bottom:120px; width:100%; text-align:center; z-index:11;}
.main-visual-con .slick-dots{display:inline-block; vertical-align:top; *display:inline;*zoom:1; font-size: 0;}
.main-visual-con .slick-dots li{display: inline-block; vertical-align: middle; margin: 0 5px;}
.main-visual-con .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; vertical-align:top; width:20px; height:4px; background-color:rgba(255,255,255,0.6); font-size:0; -webkit-transition: width 0.2s; transition: width 0.2s;}
.main-visual-con .slick-dots li.slick-active button{width: 95px; background-color:#d2040e;}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box{}
.main-tit-box.btn-display .area{position: relative; padding-right: 140px !important; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-tit-box .main-tit{font-size:32px; letter-spacing: -0.5px; color:#7d7d7d;}
.main-tit-box .main-sub-tit{margin-top:5px; font-size:52px; line-height:1.2; letter-spacing:-0.4px; font-weight:600; color:#222;}
.main-tit-box .main-tit-btn{position: absolute; top: 30px; right: 45px;}
.main-tit-box .main-tit-btn:before{position: absolute; top: 50%; margin-top: -50px; left: 27px; display: block; content: ''; width: 100px; height: 100px; border: 2px solid #d2d2d2; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-tit-box .main-tit-btn span{position: relative; z-index: 1; display: inline-block; font-size: 14.5px; line-height: 40px; font-weight: 700; letter-spacing: 1.5px; color: #666; background-color: #fff;}
.main-tit-box .main-tit-btn span i{position: relative; top: 4px; margin-left: 10px; font-size: 20px; letter-spacing: 0; color: #004597; -webkit-transition: all 0.2s; transition: all 0.2s;}
.main-tit-box .main-tit.splitting .char{
	opacity:0;
	transform:translateY(100%);
	transition:opacity 0.8s, transform 0.8s;
}
 /* transition일때 */ 
.aos-animate .main-tit.splitting .char{
	opacity:1.0;
	transform:translateY(0);
}

@media all and ( min-width: 801px ){
	.main-tit-box .main-tit-btn:hover span i{-webkit-transform: translateX(5px); transform: translateX(5px);}
}


/* -------- 메인 컨텐츠 :: 컨텐츠1(신용등급, 매출액, 임직원) -------- */
#mainCompanyCon{width: 100%; margin-top: -75px; position: relative; z-index: 1;}
.main-company-con{padding-left: 13.5%;}
.main-company-list{position: relative; width: 100%; height: 150px; display: flex; flex-wrap: wrap; align-items: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008cdd+0,008cdd+52,0032bf+100 */
background: #008cdd; /* Old browsers */
background: -moz-linear-gradient(left,  #008cdd 0%, #008cdd 25%, #0032bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #008cdd 0%,#008cdd 25%,#0032bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #008cdd 0%,#008cdd 25%,#0032bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cdd', endColorstr='#0032bf',GradientType=1 ); /* IE6-9 */}
.main-company-list:before{position: absolute; top: -65px; left: -117px; display: block; content: ''; width: 215px; height: 315px; background: url("../images/main/main_company_bg.png") 0 0 no-repeat;}
.main-company-item{position: relative; width: 33.33%; padding: 0 5.4%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-company-list .main-company-item:first-child{padding-left: 8.5%;}
.main-company-item:before{position: absolute; top: 50%; margin-top: -40px; left: 0; display: block; content: ''; width: 1px; height: 80px; background-color: rgba(255,255,255,0.3);}
.main-company-list .main-company-item:first-child:before{display: none;}
.main-company-item .tit{display: inline-block;}
.main-company-item .tit img{display: inline-block; height: 52px;}
.main-company-item .tit span{margin-left: 20px; font-size: 19px; color: #fff; display: inline-block; vertical-align: middle;}
.main-company-item .info{float: right; font-size: 28px; font-weight: 500; color: #fff; display: inline-block;}
.main-company-item .info b{font-size: 52px; font-weight: 600; line-height: 52px;}
.main-company-item .info strong{font-size: 40px; font-weight: 600; line-height: 52px; }
.main-company-item .info sup{font-size: 40px;}


/* -------- 메인 컨텐츠 :: 컨텐츠2(서비스) -------- */
#mainServiceCon{padding:130px 0 145px;}
#mainServiceCon .main-tit-box .area {padding-right: 160px !important;}
.main-service-con{margin-top: 160px;}
.main-service-list{margin: 0 -22px;}
.main-service-item{width: calc(25% - 44px); margin: 0 22px; float: left;}
.main-service-item a{position: relative; display: block; overflow: hidden; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
.main-service-img{position: relative; width: 100%; height: 0; padding-top: 100%;}
.main-service-img span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-service-txt{position: absolute; left: 0; right: 10%; bottom: -95px; height: 150px; background-color: #fff; -webkit-transition: bottom 0.3s; transition: bottom 0.3s;}
.main-service-txt .top{width: 100%; height: 55px; display: flex; flex-wrap: wrap; align-items: flex-end; padding: 0 7.5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-service-txt .top h5{width: 87px; font-size: 24px; font-weight: 600; letter-spacing: -0.5px; color: #111; display: inline-block; vertical-align: bottom;}
.main-service-txt .top span{width: calc(100% - 102px); margin-left: 15px; font-size: 16px; letter-spacing: -0.25px; font-weight: 400; color: #888; display: inline-block; vertical-align: bottom;}
.main-service-txt .bottom{margin-top: 25px; padding: 0 7.5%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-service-txt .bottom ul{margin: -7px -5px;}
.main-service-txt .bottom ul li{margin: 7px 5px; width: calc(50% - 10px); float: left;}
.main-service-txt .bottom ul li:nth-child(2n+1){clear: both;}
.main-service-txt .bottom ul li p{position: relative; padding-left: 20px; font-size: 16px; line-height: 1.4; font-weight: 300; letter-spacing: -0.5px; color: #333;}
.main-service-txt .bottom ul li p:before{position: absolute; top: 0; left: 0; content: '\e929';}

/* 02 */
.item02 .main-service-txt .bottom ul li{width: calc(45% - 10px);}
.item02 .main-service-txt .bottom ul li:nth-child(odd){width: calc(55% - 10px);}

/* 01,04 */
.item01 .main-service-txt,
.item04 .main-service-txt{bottom: -135px; height: 190px;}

@media all and ( min-width: 1880px ){
	/* 01,04*/
	.item01 .main-service-txt, .item04 .main-service-txt {bottom: -145px; height: 200px;}
}
@media all and ( min-width: 1121px ){
	.main-service-item:hover a{-webkit-transform: translateY(-50px); transform: translateY(-50px);}
	.main-service-item:hover a .main-service-txt{bottom: 0;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠3(PR Video) -------- */
#mainVideoCon{position: relative; padding-top: 210px;}
#mainVideoCon:before{position: absolute; top: 0; left: 0; content: ''; width: 80%; height: 70px; background-color: #eee; -webkit-transition: width 0.3s; transition: width 0.3s;}
#mainVideoCon:after{position: absolute; top: 0; left: 80%; content: ''; width: 70px; height: 100%; background-color: #eee; -webkit-transition: height 0.3s; transition: height 0.3s; transition-delay:0.3s;}
#mainVideoCon .main-tit-box {position: relative; z-index: 1;}
.main-video-con{margin-top: 140px; position: relative; z-index: 1;}
.main-video-txt{float: left; width: 30%; padding-bottom: 135px;}
.main-video-txt .tit01{font-size: 32px; letter-spacing: -0.25px; font-weight: 700; color: #004597;}
.main-video-txt .tit01 span{color: #d20710;}
.main-video-txt .tit02{margin-top: 20px; font-size: 65px; letter-spacing: -0.25px; font-weight: 700; color: #222;}
.main-video-txt .txt{margin-top: 35px; font-size: 26px; line-height: 1.4; letter-spacing: -.65px; color: #333;}
.main-video-thum{position: absolute; top: -45px; right: 0; width: 68%;}

/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:960px; margin:0px auto; overflow:hidden; -webkit-box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3); box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.3);}
.video-iframe-box{position:relative; padding-top:56.25%; height:0; background-color:#000;}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.3); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box .icon{position:absolute; top:0; left:0; width: 100%; height: 100%; background: url("../images/main/icon_play.png") center no-repeat; z-index:1;}

@media all and ( min-width: 801px ){
	.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);}
}


/* -------- 메인 컨텐츠 :: 컨텐츠4(파트너사) -------- */
#mainPartnerCon{padding: 270px 0 125px; background-color: #004597;}
#mainPartnerCon .main-tit-box .main-tit{color:#b3c8e0;}
#mainPartnerCon .main-tit-box .main-sub-tit{color:#fff;}
#mainPartnerCon .main-tit-box .main-tit-btn:before{border: 2px solid rgba(255,255,255,0.3);}
#mainPartnerCon .main-tit-box .main-tit-btn span{color: rgba(255,255,255,0.8); background-color: #004597;}
#mainPartnerCon .main-tit-box .main-tit-btn span i{color: rgba(255,255,255,0.8);}

.main-partner-tab-wrapper{margin-top: 80px; position:relative; height:75px;}
.main-partner-tab-list{padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.main-partner-tab-list ul{display:table; width:100%; height:100%; table-layout:fixed;}
.main-partner-tab-list ul:after{display:none}
.main-partner-tab-list ul li{display:table-cell; vertical-align:middle; position:relative; width:20%;}
.main-partner-tab-list ul li:before{position: absolute; bottom: -3px; left: 50%; margin-left: -3px; content: ''; width: 6px; height: 6px; background-color: #fff; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-partner-tab-list ul li a{display:table; height:74px; width:100%;}
.main-partner-tab-list ul li a em{display:table-cell; vertical-align:middle; color:rgba(255,255,255,0.7); font-size:20px; letter-spacing:-0.65px; text-align:center;}
.main-partner-tab-list ul li.selected{z-index:1;}
.main-partner-tab-list ul li.selected:before{width: 80px; margin-left: -40px;}
.main-partner-tab-list ul li.selected a{}
.main-partner-tab-list ul li.selected a em{color:#fff;}
.main-partner-tab-content{padding-top: 55px;}
.main-partner-tab-con{}
.main-partner-list{position:relative;}
.main-partner-list .partner-item{float:left;}
.main-partner-list .partner-item-inner{position:relative; height:110px; padding:0 6px;}
.main-partner-list .partner-item-inner span{display:block; position:relative; height:100%; width:100%; background-color: #fff;}
.main-partner-list .partner-item-inner span img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; max-width:100%; max-height:100%; margin:auto;}
.main-partner-list .slick-arrow{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; cursor:pointer; border:0; cursor:pointer; z-index:9; font-size:30px;}
.main-partner-list .slick-arrow i{line-height:40px; vertical-align:top}
.main-partner-list .slick-arrow.slick-prev{left:-50px;}
.main-partner-list .slick-arrow.slick-next{right:-50px;}
.main-partner-list i{color:rgba(255,255,255,0.4);}

@media all and ( min-width: 801px ){
	.main-partner-tab-list ul li:hover:before{width: 80px; margin-left: -40px;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠5(Customer) -------- */
#mainCustomerCon{padding: 110px 0 120px;}
#mainCustomerCon .main-tit-box .main-sub-tit {margin-top: 0; font-size: 47px; line-height: 1.34; letter-spacing: -0.65px; font-weight: 400; color: #1c1c1c;}
#mainCustomerCon .main-tit-box .main-sub-tit b{display: block; font-weight: 700;}

.main-customer-con{margin-top: 60px;}
/* 갤러리형 */
.main-gallery{width: 45.7%; float: left;}
.main-gallery-list{margin: 0 -3.5%;}
.main-gallery-item{float: left; width: 43%; margin: 0 3.5%;}
.main-gallery-item a{display: block;}
.main-gallery-img{position: relative; width: 100%; height: 0; padding-top: 73.22%; overflow: hidden;}
.main-gallery-img span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-gallery-txt{margin-top: 22px;}
.main-gallery-txt .tit{font-size: 24px; line-height: 1.5; height: 3em; color: #333;}
.main-gallery-txt .date{margin-top: 25px; position: relative; padding-left: 20px; height: 16px;}
.main-gallery-txt .date:before{position: absolute; top: 0; left: 0; content: '\ead8'; font-size: 15px; letter-spacing: -0.5px; color: #999;}

/* 게시판형 */
.main-board{width: 50%; float: right;}
.main-board-list{border-top: 1px solid #777;}
.main-board-item{border-bottom: 1px solid #e7e7e7;}
.main-board-item a{padding: 33px 0 30px; display: block; font-size: 0;}
.main-board-date{width: 130px; display: inline-block; vertical-align: middle; text-align: center; color: #555; -webkit-transition: all 0.2s; transition: all 0.2s;}
.main-board-date b{font-size: 21px; font-weight: 700; letter-spacing: -0.25px; display: block; width: 100%;}
.main-board-date span{margin-top: 10px; font-size: 15px; font-weight: 700; opacity: 0.6; display: block; width: 100%;}
.main-board-info{padding: 0 15px; width: calc(100% - 160px); display: inline-block; vertical-align: middle;}
.main-board-info .tit{font-size: 18.5px; line-height: 22px; letter-spacing: -0.5px; font-weight: 500; color: #333;}
.main-board-info .tit span{padding: 0 10px; font-size: 13px; line-height: 22px; letter-spacing: -0.5px; color: #fff; background-color: #004597; margin-right: 7px; display: inline-block;}
.main-board-info .txt{margin-top: 12px; font-size: 15px; line-height: 1.4; letter-spacing: -0.5px; color: #888;}

@media all and ( min-width: 801px ){
	.main-gallery-item a:hover .main-gallery-img span{-webkit-transform: scale(1.07); transform: scale(1.07);}
	.main-board-item a:hover .main-board-date{color: #004597;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠6(채용) -------- */
#mainRecruitCon{padding-top: 125px; background: #fff url("../images/main/main_recruit_bg.jpg") center top no-repeat;}

#mainRecruitCon .main-tit-box .main-tit{color:#b3c8e0;}
#mainRecruitCon .main-tit-box .main-sub-tit{margin-top: 0; font-size: 47px; line-height: 1.34; letter-spacing: -0.65px; font-weight: 400; color:#fff;}
#mainRecruitCon .main-tit-box .main-sub-tit b{display: block; font-weight: 700;}
#mainRecruitCon .main-tit-box .main-tit-btn:before{border: 0; background: url("../images/main/recruit_tit_bg.png") center/cover no-repeat;}
#mainRecruitCon .main-tit-box .main-tit-btn span{color: rgba(255,255,255,0.8); background-color: transparent;}
#mainRecruitCon .main-tit-box .main-tit-btn span i{color: rgba(255,255,255,0.8);}

.main-recruit-con{margin-top: 65px;}
.main-recruit-list{margin: 0 -1%;}
.main-recruit-item{width: 23%; margin: 0 1%; float: left;}
.main-recruit-item a{position: relative; padding: 24px 9%; width: 100%; height: 280px; display: block; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-recruit-item a:before{position: absolute; top: 0; left: 0; display: block; content: ''; width: 100%; height: 100%; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s; transition: all 0.1s;}
.main-recruit-top{}
.main-recruit-top .progress{float: left; display: block; width: 90px; height: 35px; font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #fff; text-align: center; line-height: 35px;}
.main-recruit-top .progress.deadline{background-color: #ba0911;}
.main-recruit-top .progress.ongoing{background-color: #004597;}
.main-recruit-top .progress.end{background-color: #999;}
.main-recruit-top .date{float: right; width: 95px; position: relative; padding-left: 20px; font-size: 16px; line-height: 30px; font-weight: 600; letter-spacing: -0.25px; color: #555; text-align: right;}
.main-recruit-top .date:before{position: absolute; top: -1px; left: 0; content: '\eac2'; font-size: 18px; font-weight: 400; letter-spacing: -0.5px; color: #777;}
.main-recruit-middle{padding: 25px 0 20px; border-bottom: 1px solid #d9d9d9;}
.main-recruit-middle .company{width: 60%; padding-right: 10px; float: left; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-recruit-middle .place{width: 40%; float: right; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #888; text-align: right;}
.main-recruit-bottom{padding-top: 25px;}
.main-recruit-bottom .txt01{font-size: 15px; line-height: 1.6; letter-spacing: -0.5px; height: 3.2em; color: #555;}
.main-recruit-bottom .txt02{margin-top: 20px; font-size: 15px; line-height: 1.6; letter-spacing: -0.5px; color: #999;}

@media all and ( min-width: 801px ){
	.main-recruit-item a:hover:before{border-width: 2px; border-color: #004597;}
}


/* -------- 메인 컨텐츠 :: 컨텐츠7(CONTACT US) -------- */
#mainContactCon{padding: 80px 0 95px;}
#mainContactCon .main-tit-box{width: 26%; padding-right: 20px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
#mainContactCon .main-tit-box .main-sub-tit {margin-top: 0; font-size: 45px; letter-spacing: -0.25px; color: #111;}

.main-contact-con{width: 74%; float: right; position: relative;}
.main-contact-con:before{position: absolute; top: 5px; left: 0; display: block; content: ''; width: 1px; height: 50px; background-color: #ddd;}
.main-contact-list{width: 100%;}
.main-contact-item{float: left; width: 24.33%; margin-left: 9%; font-size: 0;}
.main-contact-img{display: inline-block; vertical-align: middle;}
.main-contact-img img{height: 52px;}
.main-contact-txt{margin-left: 30px; width: calc(100% - 85px); display: inline-block; vertical-align: middle;}
.main-contact-txt h5{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; color: #111;}
.main-contact-txt p{margin-top: 10px; font-size: 22px; line-height: 1.3; letter-spacing: -0.25px; color: #555;}