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

/* ****************** 메인 컨텐츠 :: 공통 ********************** */
#mainContainer { background-color:#fff; overflow:hidden; width:100%;}

@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}


/* ****************** 메인 컨텐츠 :: mainVisual ********************** */
#mainVisual {width:100%; overflow:hidden; position:relative; height:979px;}
.visual-img{width:100%; position:relative; overflow:hidden;}
.visual-img li.visual-container img{position:relative; left:50%; margin-left:-960px; 
	-ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2); 
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
	-webkit-transition:transform 3700ms  ease-in-out ;
	-moz-transition:transform 3700ms ease-in-out ;
	-o-transition:transform 3700ms ease-in-out ;
	-ms-transition:transform 3700ms ease-in-out ;
    transition:transform 3700ms ease-in-out ;
}
.visual-img li.visual-container{position:relative; overflow:hidden;}
.visual-txt-wrap{width:1500px; position:absolute; top:25%; left:50%; margin-left:-750px; z-index:9998;}
.visual-txt{width:100%;}
.visual-txt .slick-dots{position:absolute; left:70px; bottom:0px;}
.visual-txt .slick-dots li{display:inline-block; vertical-align:middle; width:10px; height:10px; border:3px solid #fff; border:3px solid rgba(255,255,255,0.53); text-indent:-9999px; font-size:0; cursor:pointer; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; margin-right:10px;}
.visual-txt .slick-dots li.slick-active{border-color:#fff;}
.visual-txt-inner{width:100%;}
.visual-txt-inner dt, .visual-txt-inner dd{float:left;}
.visual-txt-inner dt{width:44px;}
.visual-txt-inner dt > h4{font-size:18px; line-height:8px; height:44px; color:#fff; font-weight:500; letter-spacing:9px; z-index:2;
position:relative; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); 
opacity:0;filter:Alpha(opacity=0);
-moz-transition:all 0.7s, opacity 1.0s;
-ms-transition:all 0.7s, opacity 1.0s;
-webkit-transition:all 0.7s, opacity 1.0s;
-o-transition:all 0.7s, opacity 1.0s;
transition:all 0.7s, opacity 1.0s;	
}
.visual-txt-inner dt > h4 b{color:#1e5eff; margin-right:10px; font-weight:600; line-height:44px;}
.visual-txt-inner dd{padding-left:27px; position:relative; min-width:1400px;}
.visual-txt-inner dd:before{display:block; content:""; position:absolute; top:0; left:0; width:1px; height:0; background-color:#fff; z-index:2; background-color:rgba(255,255,255,0.3);
-moz-transition:height 0.7s, opacity 1.0s;
-ms-transition:height 0.7s, opacity 1.0s;
-webkit-transition:height 0.7s, opacity 1.0s;
-o-transition:height 0.7s, opacity 1.0s;
transition:height 0.7s, opacity 1.0s;
-moz-transition-delay:0.3s;
-ms-transition-delay:0.3s;
-webkit-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
}
.visual-txt-inner dd > h2, .visual-txt-inner dd > h3, .visual-txt-inner dd > p{position:relative; left:-10%; opacity:0;filter:Alpha(opacity=0); z-index:1;
-moz-transition:left 0.8s, opacity 1.0s;
-ms-transition:left 0.8s, opacity 1.0s;
-webkit-transition:left 0.8s, opacity 1.0s;
-o-transition:left 0.8s, opacity 1.0s;
transition:left 0.8s, opacity 1.0s;
font-weight:300;
line-height:40px;
}
.visual-txt-inner dd > h2{font-size:60px; color:#fff; font-weight:600; letter-spacing:-1px; margin-bottom:7%; 
-moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -webkit-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; text-shadow: 0 1px 1px rgba(0,0,0,.5); text-align:center;}
.visual-txt-inner dd > h2 em{color:rgba(255,255,255,0.8);}
.visual-txt-inner dd > h3{font-size:32px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:5%;
-moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -webkit-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s;text-shadow: 0 1px 1px rgba(0,0,0,.5); }
.visual-txt-inner dd > h3 span{display:block;}
.visual-txt-inner dd > p{font-size:17.5px; line-height:30px; color:#fff; color:rgba(255,255,255,0.8); letter-spacing:-0.75px; margin-bottom:40px; 
-moz-transition-delay:1.2s; -ms-transition-delay:1.2s; -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s; min-height:90px;text-shadow: 0 1px 1px rgba(0,0,0,.3); }
.visual-txt-inner dd > a{display:block; width:185px; height:43px; text-align:center; font-size:16px; line-height:45px; color:#fff; letter-spacing:-0.5px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); margin-bottom:60px;
position:relative; opacity:0;filter:Alpha(opacity=0);
-moz-transition:all 0.6s, opacity 1.0s;
-ms-transition:all 0.6s, opacity 1.0s;
-webkit-transition:all 0.6s, opacity 1.0s;
-o-transition:all 0.6s, opacity 1.0s;
transition:all 0.6s, opacity 1.0s;
-moz-transition-delay:1.5s; -ms-transition-delay:1.5s; -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;
}
.visual-title{position:absolute; right:-20px; bottom:0; font-size:200px; line-height:140px; z-index:98; font-style:italic;}
.visual-title span{letter-spacing:-2px; display:inline-block; font-weight:bold;}
.visual-title span.sam{color:#fff; color:rgba(255,255,255,0.1); }
.visual-title span.woo{color:#fff; color:rgba(255,255,255,0.17);}

/* 수정 :: 180129 
.visual-txt-inner dd > h4{font-size:32px; line-height:40px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:20px; text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.visual-txt-inner dd > h4 span{display:block;}
.visual-txt-inner dd > h4 strong, .visual-txt-inner dd > h4 b{float:left; position:relative; left:-10%; opacity:0;filter:Alpha(opacity=0);
-moz-transition:left 0.8s, opacity 1.0s;
-ms-transition:left 0.8s, opacity 1.0s;
-webkit-transition:left 0.8s, opacity 1.0s;
-o-transition:left 0.8s, opacity 1.0s;
transition:left 0.8s, opacity 1.0s;
}
.visual-txt-inner dd > h4 strong{-moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -webkit-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s;}
.visual-txt-inner dd > h4 b{margin-left:30px; font-size:40px; -moz-transition-delay:1.2s; -ms-transition-delay:1.2s; -webkit-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s;}*/


/* Active */
.visual-img li.visual-container.active img{ 
	-ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1); 
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.visual-txt-inner.active dt > h4,
.visual-txt-inner.active dd > a{opacity:1.0;filter:Alpha(opacity=100);}
.visual-txt-inner.active dd:before{height:100%;}
.visual-txt-inner.active dd > h2,
.visual-txt-inner.active dd > h3,
.visual-txt-inner.active dd > p{left:0; opacity:1.0;filter:Alpha(opacity=100);}
/*.visual-txt-inner.active dd > h4 strong, .visual-txt-inner.active dd > h4 b{left:0; opacity:1.0;filter:Alpha(opacity=100);}*/

@media all and (max-width:1500px){
	.visual-txt-wrap{width:94%; left:3%; margin-left:0;}
	.visual-txt-inner dd{min-width:calc(100% - 73px);}
}

@media all and (max-width:1220px){
	.visual-title{font-size:150px; right:0; line-height:110px;}
}

@media all and (max-width:800px){
	#mainVisual{padding-top:60px; height:auto;} 
	.visual-txt-wrap{top:35%;}
	.visual-txt-inner dt, .visual-txt-inner dd > p, .visual-txt-inner dd:before{display:none;}
	.visual-txt-inner dd{padding-left:0; min-width:auto;}
	.visual-txt-inner dd > h2{font-size:35px; margin-bottom:10%; text-align:left;}
	.visual-txt-inner dd > h3{font-size:18px; margin-bottom:4%;}
	.visual-txt-inner dd > h3 span{display:inline;}
	.visual-txt-inner dd > a{width:110px; height:35px; line-height:35px; font-size:14px; margin-bottom:0;}
	.visual-img li.visual-container img{max-width:100%; left:0; margin-left:0;}
	.visual-title{display:none;}
}

@media all and (max-width:480px){
	.visual-txt-wrap{top:34%;}
	.visual-txt-inner dd > h2{font-size:24px; line-height:28px; margin-bottom:5%; word-break:keep-all;}
	.visual-txt-inner dd > h3{font-size:14px; line-height:22px; margin-bottom:3%;}
	.visual-txt-inner dd > a{width:90px; height:32px;line-height:32px; font-size:13px;}
}


/* ****************** 메인 컨텐츠 :: mainContent :: 공통 ********************** */
#mainContent {width:100%; overflow:hidden; margin-bottom:-100px;}
.main-tit{font-size:35px; color:#00183a; font-weight:400; text-align:center; margin-bottom:2%; }
.main-tit > span{display:inline-block; position:relative; padding-left:36px;}
.main-tit > span:before{display:inline-block; content:""; position:absolute; top:-19px; left:0; width:60px; height:35px; background:url(/images/main/main_tit_bg.png) no-repeat;}
.main-subtit{font-size:18px; color:#333; letter-spacing:-0.75px; font-weight:300; text-align:center; margin-bottom:4%; opacity:0.8;filter:Alpha(opacity=80);}
.main-tit.type2{color:#fff;}
.main-subtit.type2{color:#fff; opacity:0.7;filter:Alpha(opacity=70);}


@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	.main-tit{font-size:30px; margin-bottom:3%;}
	.main-subtit{font-size:16px; line-height:22px; word-break:keep-all; padding:0 3%;}
}

@media all and (max-width:480px){
	#mainContent {margin-bottom:-190px;}
	.main-tit{font-size:24px;}
	.main-subtit{font-size:14px; line-height:20px;}
}


/* ****************** 메인 컨텐츠 :: mainContent :: mainBusiness ********************** */
#mainBusiness{/*margin:0 259px;*/ position:relative; padding:2%; height:800px; background:url(/img/hong/main_business_bg.jpg) no-repeat center bottom; background-size:cover;}


.main-subtit .txt {font-size: 28px; color: var(--main-color2);}
.main-subtit .txt strong{font-size: 20px; color: var(--main-color2); font-weight: 400; letter-spacing: -0.45px; margin-top: 150px;}
.main-subtit .txt h1{font-size: 35px; color: var(--main-color5); font-weight: 600; line-height: 1.2; letter-spacing: -0.45px; margin-top: 20px;}
.main-subtit .txt h1 span{font-size: 65px; color: var(--main-color2); font-weight: 800; }
.main-subtit .txt h1 strong{font-size: 45px; color: var(--main-color2); font-weight: 700}
.main-subtit .txt h2{font-size: 40px; font-weight: 600; }



.main-business-inner{max-width:1500px; margin:0px auto; height:400px;}
.business-list li {margin-bottom:20px;}
.business-list li > a{display:block;  margin:0 5px 10px 0; position:relative; overflow:hidden; max-height:400px;}
.business-img-thum{position:relative;}
.business-img-cover{position:absolute; top:0; left:0; bottom:0; right:0;  max-width:510px; background-color:rgba(0,0,0,0.5); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.business-txt{position:absolute; left:0; bottom:-60px; padding-bottom:25px; overflow:hidden; width:100%; max-width:510px; background-color:rgba(0,0,0,0.6); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.3);}
.business-txt > h2, .business-txt > strong, .business-txt > p{padding-left:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.business-txt > h2{font-size:24px; line-height:50px; color:#fff; font-weight:500; letter-spacing:-0.75px; padding-top:10px;}
.business-txt > strong{display:block; font-size:20px; line-height:28px; color:#fff; opacity:0.5;filter:Alpha(opacity=50); font-weight:400; margin-bottom:5px;}
.business-txt > p{font-size:16px; line-height:28px; color:#fff; color:rgba(255,255,255,0.5); letter-spacing:-0.75px; width:100%; min-width:610px; max-width:610px; opacity:0;filter:Alpha(opacity=00); font-weight:300;}
.business-txt > p span{display:block;}
.business-list li > a img {}
.business-list li:hover .business-img-cover{background:none;}
.business-list li:hover .business-txt{bottom:0; background-color:rgba(21,60,157,0.9);}
.business-list li:hover .business-txt > h2{font-size:28px;}
.business-list li:hover .business-txt > strong{font-size:26px; line-height:32px; font-weight:500; opacity:1.0;filter:Alpha(opacity=100);}
.business-list li:hover .business-txt > p{opacity:1.0;filter:Alpha(opacity=100);}
/* -------- 모바일 Business -------- */
.main-business-inner-mobile{display:none;}
.business-list-mobile{width:100%;}
.business-list-mobile > li{float:left; width:49%; margin-left:2%;}
.business-list-mobile > li:first-child, .business-list-mobile > li:nth-child(2){margin-bottom:2%;}
.business-list-mobile > li > a{display:block; position:relative;}
.business-list-mobile > li.mal0{margin-left:0;}
.business-list-img-thum{width:100%; position:relative; padding-top:97.5%;}
.business-list-img-thum > span{position:absolute; top:0; left:0; bottom:0; right:0;}
.business-list-img-thum > span img{max-width:100%; width:100%; height:100%;}
.business-list-txt-thum{position:absolute; left:0; bottom:0; padding:7% 5%; width:90%; background-color:#153c9d; background-color:rgba(21,60,157,0.9);}
.business-list-txt-thum > h3{font-size:20px; line-height:36px; color:#fff; font-weight:400; letter-spacing:-1px;}
.business-list-txt-thum > p{font-size:15px; line-height:20px; color:#fff; letter-spacing:-0.5px;}

@media all and (max-width:1500px){
	.main-business-inner{width:94%;}
}

@media all and (max-width:1220px){
	.business-txt > h2, .business-txt > strong, .business-txt > p{padding-left:5px;}
	.business-txt > h2{font-size:22px; line-height:44px;}
	.business-txt > strong{font-size:18px; line-height:24px; letter-spacing:-0.75px;}
	.business-txt > p{font-size:14px; line-height:24px; min-width:223px; max-width:223px; letter-spacing:-0.95px;}
	.business-txt > p span{display:inline;}
	.business-list li:hover .business-txt > h2{font-size:22px;}
	.business-list li:hover .business-txt > strong{font-size:18px; line-height:24px;}
}

@media all and (max-width:800px){
	.main-business-inner{display:none;}
	.main-business-inner-mobile{display:block;}
}

@media all and (max-width:480px){
	#mainBusiness{ height:960px; }
	.business-img-cover{ max-width:250px;}
	.business-txt > strong{font-size:13px;}
	.business-list-txt-thum > h3{font-size:16px; line-height:26px;}
	.business-list-txt-thum > p{font-size:13px; line-height:18px;}
}


/* ****************** 메인 컨텐츠 :: mainContent :: mainCompany ********************** */
#mainCompany{padding:9% 0; background:url(/images/main/main_company_bg.jpg) no-repeat center top; background-size:cover;}
.main-company-container{max-width:1500px; margin:0px auto; height:521px;}
.main-comapany-list .slick-prev, .main-comapany-list .slick-next{width:48px; height:48px; position:absolute; top:50%; margin-top:-24px; z-index:99; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -o-transition:all 0.35s; -ms-transition:all 0.35s; transition:all 0.35s; opacity:0.3;filter:Alpha(opacity=30);}
.main-comapany-list .slick-prev{left:-4%;}
.main-comapany-list .slick-next{right:-4%;}
.main-comapany-list .slick-prev:hover, .main-comapany-list .slick-next:hover{opacity:1.0;filter:Alpha(opacity=100);}
.main-comapany-list li{text-align:center;}
.main-company-img-thum{display:inline-block; overflow:hidden; max-width:357px; max-height:519px; position:relative;}
.main-company-img-thum img{max-width:100%; display:block; margin:0px auto; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; -ms-transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);}
.main-company-tit{position:absolute; bottom:3%; left:0; width:100%; font-size:24.5px; line-height:43.75px; color:#fff; letter-spacing:-0.75px; text-align:center; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -o-transition:all 0.35s; -ms-transition:all 0.35s; transition:all 0.35s;}
.main-company-cover{position:absolute; top:0; left:0; bottom:0; right:0; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -o-transition:all 0.35s; -ms-transition:all 0.35s; transition:all 0.35s; text-align:center; background:rgba(0,0,0,0.9);}
.main-company-cover-inner{position:relative; top:30%;}
.main-company-detail-tit, .main-company-txt, .main-company-detail-btn{position:relative;
	-ms-transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px);
   -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -o-transition:all 0.35s; -ms-transition:all 0.35s; transition:all 0.35s;
}
.main-company-detail-tit{font-size:24.5px; line-height:43.75px; color:#fff; letter-spacing:-0.75px; font-weight:400; margin-bottom:10px;}
.main-company-txt{font-size:18px; line-height:24px; max-width:94%; margin:0px auto; word-break:keep-all; color:#fff; color:rgba(255,255,255,0.5); letter-spacing:-0.75px; font-weight:300; margin-bottom:10%;}
.main-company-detail-btn{width:153px; height:46px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.5); color:#fff; font-size:16px; line-height:46px;}
.main-company-detail-btn i{vertical-align:middle;}

.main-comapany-list li:hover .main-company-img-thum img{-ms-transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.main-comapany-list li:hover .main-company-tit{opacity:0;filter:Alpha(opacity=0);}
.main-comapany-list li:hover .main-company-cover{opacity:1.0;filter:Alpha(opacity=100);}
.main-comapany-list li:hover .main-company-detail-tit, 
.main-comapany-list li:hover .main-company-txt, 
.main-comapany-list li:hover .main-company-detail-btn{-ms-transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}


@media all and (max-width:1500px){
	.main-company-container{width:94%;}
	.main-company-img-thum{max-width:94%;}
	.main-comapany-list .slick-prev{left:-3%}
	.main-comapany-list .slick-next{right:-3%;}
}

@media all and (max-width:1220px){
	.main-company-container{width:100%; height:auto;}
}

@media all and (max-width:800px){
	.main-company-img-thum{max-width:96%;}
	.main-company-cover{display:none;}
	.main-comapany-list li:hover .main-company-img-thum img{-ms-transform:scale(1.0); -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0);}
	.main-company-tit{font-size:20px; line-height:40px;}
	.main-comapany-list li:hover .main-company-tit{opacity:1.0;filter:Alpha(opacity=100);}
}

@media all and (max-width:480px){

}


/* ****************** 메인 컨텐츠 :: mainContent :: mainRecruit ********************** */
#mainRecruit{padding-top:3%; background-color:#fff;}
.main-recruit-top-container{width:100%; height:700px; background:url(/img/hong/main_recruit_bg.jpg) no-repeat center top;}
.main-recruit-top-inner{display:table; height:100%;}
.main-recruit-top-box{width:100%; display:table-cell; vertical-align:middle;}
.main-recruit-top-box dt, .main-recruit-top-box dd{float:left;}
.main-recruit-top-box dt{max-width:24px;}
.main-recruit-top-box dt h3{font-size:14px; line-height:24px; color:#fff; font-weight:600; letter-spacing:14px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.main-recruit-top-box dt h3 b{color:#1e5eff; font-weight:600;}
.main-recruit-top-box dd{padding-left:15px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.3);}
.main-recruit-top-box dd > h2{font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.25px; margin-bottom:30px;}
.main-recruit-top-box dd > strong{display:block; font-size:24px; color:#fff; letter-spacing:-0.75px; font-weight:400; margin-bottom:15px;}
.main-recruit-top-box dd > p{font-size:17.5px; line-height:32px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; margin-bottom:3%;}
.main-recruit-top-box dd > a{display:block; width:185px; height:43px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); font-size:16px; line-height:45px; color:#fff; letter-spacing:-0.5px; text-align:center;}
.main-recruit-list-wrap{margin-top:-74px;}
.main-recruit-list{width:100%; height:290px; position:relative;}
.main-recruit-list .slick-prev, .main-recruit-list .slick-next{position:absolute; top:50%; margin-top:-12px; z-index:9;}
.main-recruit-list .slick-prev{left:-120px;}
.main-recruit-list .slick-next{right:-110px;}
.main-recruit-list .slick-prev img, .main-recruit-list .slick-next img{opacity:0.5;filter:Alpha(opacity=50); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.main-recruit-list .slick-prev:hover img, .main-recruit-list .slick-next:hover img{opacity:1.0;filter:Alpha(opacity=100);}
.main-recruit-list li{height:100%;}
.main-recruit-list-inner{width:96%; height:288px; border:1px solid #ddd; background-color:#f7fdff;}
.main-recruit-list-inner > a{display:block; height:252px; padding:18px 20px;}
.recruit-tag{display:block; width:100px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#fff; letter-spacing:-0.75px; background-color:#1463d2; margin-bottom:25px;}
.main-recruit-list-inner > a h3{font-size:20px; line-height:30px; color:#222; font-weight:400; letter-spacing:-0.75px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.main-recruit-list-inner > a p{font-size:14px; line-height:26px; max-height:78px; height:78px; overflow:hidden; color:#999; letter-spacing:-0.75px; font-weight:300; margin-bottom:45px;}
.main-recruit-list-inner > a h4 span{float:left; font-size:14px; line-height:30px; color:#333; letter-spacing:-0.25px; font-weight:400;}
.main-recruit-list-inner > a h4 em{float:right; font-size:14px; line-height:30px; color:#999; font-weight:500; letter-spacing:-0.25px;}
.main-recruit-list-inner > a h4 em i{font-size:22px; vertical-align:middle;}
/* 채용 중인 공고 */
.main-recruit-list li.ing .main-recruit-list-inner{border-color:#1463d2; background-color:#1463d2;}
.main-recruit-list li.ing .recruit-tag{background-color:#fff; color:#1463d2;}
.main-recruit-list li.ing .main-recruit-list-inner > a h3{color:#fff;}
.main-recruit-list li.ing .main-recruit-list-inner > a p{color:#fff; color:rgba(255,255,255,0.7);}
.main-recruit-list li.ing .main-recruit-list-inner > a h4 span{color:#fff;}
.main-recruit-list li.ing .main-recruit-list-inner > a h4 em{color:#fff; color:rgba(255,255,255,0.6);}

@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	#mainRecruit{padding-bottom:7%;}
	.main-recruit-top-container{height:230px; background-size:cover; margin-bottom:3%;}
	.main-recruit-top-box dt, .main-recruit-top-box dd > strong, .main-recruit-top-box dd > p{display:none;}
	.main-recruit-top-box dd{padding-left:5px; border-left:0;}
	.main-recruit-list-wrap{width:97%; margin-left:3%; margin-top:0;}
	.main-recruit-list-inner{width:96%;}
	.main-recruit-list{overflow:hidden; height:auto;}
	.main-recruit-list > .slick-list{margin-left:-5%;}
	.main-recruit-list-inner{height:auto;}
	.main-recruit-list-inner > a{height:auto;}
	.recruit-tag{font-size:16px;}
	.main-recruit-list-inner > a h3{font-size:18px;}
	.main-recruit-list-inner > a p{line-height:22px; height:44px; min-height:44px; max-height:44px; overflow:hidden; margin-bottom:6%;}
	.main-recruit-top-box dd > h2{font-size:30px; margin-bottom:20px;}
	.main-recruit-top-box dd > a{width:150px; height:38px; line-height:38px;}
}

@media all and (max-width:480px){
	.main-recruit-top-container{ height:220px; margin-bottom: -15.10vw;; background:url(/img/hong/m_main_recruit_bg.jpg) no-repeat center top;}
	
	.main-recruit-top-box dd > h2{font-size:24px;}
	.main-recruit-top-box dd{padding-left:0;}
	.main-recruit-list > .slick-list{margin-left:0;}
	.main-recruit-list-inner > a{padding:4%;}
}




/* ****************** 메인 리뷰 :: mainContent :: mainRecruit ********************** */
#mainReview{padding-top:3%; background-color:#fff;}
.main-Review-top-container{width:100%; height:1400px; background:url(/img/hong/main_Review_bg.jpg) no-repeat center top;}
.main-Review-top-inner{display:table; height:650px;}
.main-Review-top-box{width:100%; display:table-cell; vertical-align:middle;}
.main-Review-top-box dt, .main-Review-top-box dd{float:left;}
.main-Review-top-box dt{max-width:24px;}
.main-Review-top-box dt h3{font-size:14px; line-height:24px; color:#fff; font-weight:600; letter-spacing:14px; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.main-Review-top-box dt h3 b{color:#1e5eff; font-weight:600;}
.main-Review-top-box dd{padding-left:15px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.3);}
.main-Review-top-box dd > h2{font-size:40px; color:#fff; font-weight:500; letter-spacing:-0.25px; margin-bottom:30px;}
.main-Review-top-box dd > strong{display:block; font-size:24px; color:#fff; letter-spacing:-0.75px; font-weight:400; margin-bottom:15px;}
.main-Review-top-box dd > p{font-size:17.5px; line-height:32px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; margin-bottom:3%;}
.main-Review-top-box dd > a{display:block; width:185px; height:43px; border:1px solid #fff; border:1px solid rgba(255,255,255,0.3); font-size:16px; line-height:45px; color:#fff; letter-spacing:-0.5px; text-align:center;}
.main-Review-list-wrap{margin-top:-74px;}
.main-Review-list{width:100%; height:290px; position:relative;}
.main-Review-list .slick-prev, .main-Review-list .slick-next{position:absolute; top:50%; margin-top:-12px; z-index:9;}
.main-Review-list .slick-prev{left:-120px;}
.main-Review-list .slick-next{right:-110px;}
.main-Review-list .slick-prev img, .main-Review-list .slick-next img{opacity:0.5;filter:Alpha(opacity=50); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.main-Review-list .slick-prev:hover img, .main-Review-list .slick-next:hover img{opacity:1.0;filter:Alpha(opacity=100);}
.main-Review-list li{height:100%;}
.main-Review-list-inner{width:96%; height:288px; border:1px solid #ddd; background-color:#f7fdff;}
.main-Review-list-inner > a{display:block; height:252px; padding:18px 20px;}
.Review-tag{display:block; width:100px; height:32px; line-height:32px; text-align:center; font-size:18px; color:#fff; letter-spacing:-0.75px; background-color:#1463d2; margin-bottom:25px;}
.main-Review-list-inner > a h3{font-size:20px; line-height:30px; color:#222; font-weight:400; letter-spacing:-0.75px; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.main-Review-list-inner > a p{font-size:14px; line-height:26px; max-height:78px; height:78px; overflow:hidden; color:#999; letter-spacing:-0.75px; font-weight:300; margin-bottom:45px;}
.main-Review-list-inner > a h4 span{float:left; font-size:14px; line-height:30px; color:#333; letter-spacing:-0.25px; font-weight:400;}
.main-Review-list-inner > a h4 em{float:right; font-size:14px; line-height:30px; color:#999; font-weight:500; letter-spacing:-0.25px;}
.main-Review-list-inner > a h4 em i{font-size:22px; vertical-align:middle;}
/* 리뷰 공고 */
.main-Review-list li.ing .main-Review-list-inner{border-color:#1463d2; background-color:#1463d2;}
.main-Review-list li.ing .Review-tag{background-color:#fff; color:#1463d2;}
.main-Review-list li.ing .main-Review-list-inner > a h3{color:#fff;}
.main-Review-list li.ing .main-Review-list-inner > a p{color:#fff; color:rgba(255,255,255,0.7);}
.main-Review-list li.ing .main-Review-list-inner > a h4 span{color:#fff;}
.main-Review-list li.ing .main-Review-list-inner > a h4 em{color:#fff; color:rgba(255,255,255,0.6);}

@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	#mainReview{padding-bottom:7%;}
	.main-Review-top-container{height:230px; background-size:cover; margin-bottom:3%;}
	.main-Review-top-box dt, .main-Review-top-box dd > strong, .main-Review-top-box dd > p{display:none;}
	.main-Review-top-box dd{padding-left:5px; border-left:0;}
	.main-Review-list-wrap{width:97%; margin-left:3%; margin-top:0;}
	.main-Review-list-inner{width:96%;}
	.main-Review-list{overflow:hidden; height:auto;}
	.main-Review-list > .slick-list{margin-left:-5%;}
	.main-Review-list-inner{height:auto;}
	.main-Review-list-inner > a{height:auto;}
	.Review-tag{font-size:16px;}
	.main-Review-list-inner > a h3{font-size:18px;}
	.main-Review-list-inner > a p{line-height:22px; height:44px; min-height:44px; max-height:44px; overflow:hidden; margin-bottom:6%;}
	.main-Review-top-box dd > h2{font-size:30px; margin-bottom:20px;}
	.main-Review-top-box dd > a{width:150px; height:38px; line-height:38px;}
}

@media all and (max-width:480px){
	#mainReview{padding-top:-15px;}
   .main-Review-top-container{ height:460px; width:100%; background:url(/img/hong/m_main_Review_bg.jpg);}
	.main-Review-top-inner{display:table; height:50px;}
	.main-Review-top-box dd > h2{font-size:24px;}
	.main-Review-top-box dd{padding-left:0;}
	.main-Review-list > .slick-list{margin-left:0;}
	.main-Review-list-inner > a{padding:4%;}
}


/* ****************** 메인 홍보 ::  ********************** */
#mainHong{padding-top:3%; background-color:#fff;}
.main-Hong-top-container{width:100%; height:980px; background:url(/img/hong/main_Hong_bg.jpg) no-repeat center top;}
.main-Hong-top-inner{display:table; height:100%;}
}

@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	#mainHong{padding-bottom:7%;}
	.main-Hong-top-container{height:230px; background-size:cover; margin-bottom:3%;}
	
}

@media all and (max-width:480px){
	.main-Hong-top-container{margin-top:-30px;margin-bottom:30px}
	
	
	.main-Hong-list > .slick-list{margin-left:0;}
	.main-Hong-list-inner > a{padding:4%;}
}





/* ****************** 메인 컨텐츠 :: MAIN :: RIGHTBAR ********************** */
#rightBar{position:fixed; top:50%; right:15px; z-index:99; margin-top:-72px; width:36px;}
#rightBar > ul{width:100%;}
#rightBar > ul li{width:36px; height:24px; position:relative; line-height:24px; text-align:center;}
#rightBar > ul li.on{height:36px; line-height:36px; margin:3px 0;}
#rightBar > ul li .bullet{display:inline-block; width:6px; height:6px; border:2px solid #999; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius: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;}
#rightBar > ul li .bullet i{display:none;}
#rightBar > ul li .rightbar-bullet-txt{position:absolute; right:10px; top:3px; display:inline-block; padding:0 0px 0 10px; background-color:#154ad3; font-size:12px; line-height:30px; color:#fff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px; opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#rightBar > ul li.on .bullet{width:32px; height:32px; border-color:#154ad3; line-height:32px;}
#rightBar > ul li.on .bullet-03{border:2px solid#fff;}
#rightBar > ul li.on .bullet i{display:block; font-size:20px; line-height:33px; color:#154ad3;}
#rightBar > ul li.on .rightbar-bullet-txt{right:40px; opacity:1.0;filter:Alpha(opacity=100); padding: 0 20px;}

@media all and (max-width:1220px){
	#rightBar{display:none;}
}

@media all and (max-width:800px){

}

@media all and (max-width:480px){

}