/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:840px; position:relative;padding-top:89px;}/*2020-5-27 수정 */	
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;overflow:hidden; }
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;overflow:hidden; }
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1); 
    -moz-transform: scale(1.1,1.1); 
    -webkit-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1);
	-webkit-transition:transform 3500ms  ease-in-out ;
	-moz-transition:transform 3500ms ease-in-out ;
	-o-transition:transform 3500ms ease-in-out ;
	-ms-transition:transform 3500ms ease-in-out ;
    transition:transform 3500ms ease-in-out ;	
}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con .main-visual-txt1{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-20px); 
    -o-transform: translateX(-20px); 
    -moz-transform: translateX(-20px);
    -webkit-transform: translateX(-20px); 
     transform: translateX(-20px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con {position:absolute; width:100%; top:0%; left:0%;background:url(../images/main/mainvisual_txt_bg.png) no-repeat top center;padding:50px 0 }


.main-visual-item .main-visual-txt-con .main-visual-txt1{text-align:left;display:block; font-size:45px; font-weight:300; letter-spacing:-0.5px; color:#e9e9e9; margin-bottom:10px; text-shadow:1px 0 4px rgba(0, 0, 0, 0.13); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s; line-height:1.3em;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 strong {font-weight:700;color:#f7ba36;font-size:58px;}
.main-visual-item .main-visual-txt-con .main-visual-txt2{text-align:left;display:block; font-size:20px; font-weight:300; letter-spacing:-0.5px; color:#e9e9e9; margin-bottom:10px; text-shadow:1px 0 4px rgba(0, 0, 0, 0.13); -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s; line-height:1.3em;}
.main-visual-item .main-visual-txt-con .main-visual-txt2 strong {display:block;font-weight:700;color:#f7ba36;font-size:58px;margin-bottom:20px;}
/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.1deg);
    -o-transform: scale(1.0,1.0) rotate(0.1deg);
    -moz-transform: scale(1.0,1.0) rotate(0.1deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.1deg);
     transform: scale(1.0,1.0) rotate(0.1deg);
}
.main-visual-item.active-item .main-visual-txt1{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:330px;}
#mainVisual .slick-dots li{display:inline-block; margin:0 5px ; }
#mainVisual .slick-dots li button{border:2px solid #fff;background:rgba(255,255,255,0);
	cursor:pointer; margin:0px; padding:0px; font-size:0; width:12px; height:12px; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
#mainVisual .slick-dots li.slick-active button{background-color:#192857;border:2px solid #192857;}		

/* 메인 비주얼 :: 화살표 */
#mainVisual .slick-arrow{	position:absolute; width:104px; height:104px; top:50%; margin-top:-12px; cursor:pointer; border:0; z-index:9; font-size:0;}		/* 버튼이미지에 맞게 크기 수정 */
#mainVisual .slick-arrow p {font-size:0px; line-height: 104px;}
#mainVisual .slick-arrow img {margin-top: -52px;}
#mainVisual .slick-arrow.slick-prev{left:65px; }
#mainVisual .slick-arrow.slick-next{right:65px; }

.main-visual-content {position:absolute;z-index:10;bottom:60px;left:0;width:100%;}
.main-visual-content .visual_box {background:rgba(255,255,255,0.8);padding:20px;float:left;width:32.3333%;margin-left:1.5%;position:relative;min-height:182px;}
.main-visual-content .visual_box:first-child {margin-left:0;}
.main-visual-content .visual_box h4 {font-size:22px;color:#192857;font-weight:600;margin-bottom:10px;}
.main-visual-content .visual_box a.more {position:absolute;right:20px;top:20px;font-size:22px;color:#192857;font-weight:600;}
.main-visual-content .visual_box .notice li {padding:4px 0;font-size:0.9em;}
.main-visual-content .visual_box .notice li a {display:block;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%;
overflow:hidden;}
.main-visual-content .visual_box .recruitment li {position:relative;border-top:1px solid rgba(113,113,113,0.2);padding:6px 0 6px 10px;font-size:0.9em;line-height:1.4em;color:#333;}
.main-visual-content .visual_box .recruitment li:first-child {border-top:none;}
.main-visual-content .visual_box .recruitment li:before {
    position: absolute;
    top: 15px;
    left: 0px;
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #888;
}
.main-visual-content .visual_box .recruitment li a {position:absolute;right:0px;top:6px;font-size:0.8em;color:#192857;font-weight:600;}
.main-visual-content .visual_box .tel_con {background:url(../images/main/icon_tel.png) no-repeat 0 5px;padding-left:100px;min-height:64px;margin-top:30px;font-size:0.9em;line-height:1.4em;word-break: keep-all;}
.main-visual-content .visual_box .tel_con strong {font-size:1.2em;color:#0c65cc;margin-bottom:10px;display:block;}

.main_sec01 {position:relative;text-align:center;padding:60px 0;}
.main_sec01 h3 {font-size:32px;color:#192857;margin-bottom:15px;font-weight:600;}
.main_sec01 .sub01_intro01 {position:relative;text-align:center;padding:20px 0;}
.main_sec01 .sub01_intro01 .slogan-wrap {margin-top:40px;position:relative;}
.main_sec01 .sub01_intro01 ul {margin:30px auto 30px;}
.main_sec01 .sub01_intro01 li {padding:20px 50px;line-height:1.3em;word-break: keep-all;width:21%;float:left;margin:2%;font-size:1em;min-height:272px;background:url(../images/sub/intro_intro_img01.png) no-repeat center center;background-size: 100%;}

.main_sec01 .sub01_intro01 li img {margin:20px auto 10px;padding-top:30px;}

.main_sec01 .sub01_intro01 .slogan-wrap:before {background:url(../images/sub/intro_intro_line_left.png) no-repeat 0 50%;position:absolute;left:10%;top:50%;width:20%;height:35px;z-index:1;content:"";}
.main_sec01 .sub01_intro01 .slogan-wrap:after {background:url(../images/sub/intro_intro_line_right.png) no-repeat 100% 50%;position:absolute;right:10%;top:50%;width:20%;height:35px;z-index:1;content:"";}
.main_sec01 .sub01_intro01 .slogan-wrap span {display:inline-block;padding:0 10px;color:#088fd5;font-size:34px;position:relative;z-index:10;background:#fff;}


.main_sec02 {position:relative;color:#fff;padding:60px 0;background:#1c90da url(../images/main/mainbanner_bg.png) no-repeat center center;}
.main_sec02 p {font-style:italic;font-size:1.5em;line-height:1.6em;}
.main_sec02 a {position:absolute;right:10%;top:50%;margin-top:-15px;color:#fff;background:#47a4df;border:1px solid #fff;-webkit-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);border-radius:20px;padding:6px 18px;font-style:italic;font-size:0.9em;}
.main_sec02 a:hover {background:#fff;color:#192857;}

.main_sec03 {position:relative;text-align:center;padding:60px 0;}
.main_sec03 h3 {font-size:32px;color:#192857;margin-bottom:15px;font-weight:600;}
.main_sec03 h4 {font-size:26px;color:#192857;margin-top:110px;margin-bottom:15px;font-weight:600;}
.main_sec03 .img {margin:30px 0;background:url(../images/main/main_sec03.png) no-repeat center bottom;background-attachment: fixed;padding:100px 0;}
.main_sec03 .big {font-size:1.1em;text-align:center;line-height:1.6em;}
.main_sec03 .big .txt {font-family:Dotum, Arial, sans-serif;font-weight: 400;}
.main_sec03 .big .br {display:block;}
.main_sec03 .img_graph {padding:40px 0;}
.main_sec03 .img_graph img {max-width:100%;}
.main_sec03 .big_blue {color:#1ba1e6;font-size:1.6em;line-height:1.5em;word-break: keep-all;}

.main_sec04 {position:relative;color:#fff;padding:40px 0;background:#3577d6 url(../images/main/main_sec04.png) no-repeat center center;}
.main_sec04 .title {float:left;width:38%;font-size:1.2em;line-height:1.5em;font-style:italic;border-right:1px solid rgba(255,255,255,0.3)}
.main_sec04 .title .big_f {font-size:2.5em;line-height:1.7em;font-weight:600;text-align:center;}
.main_sec04 .txt_box {float:right;width:59%;padding:20px 0;font-size:1.1em;line-height:1.3em;word-break: keep-all;}
.main_sec04 a {display:inline-block;margin-top:25px;color:#fff;background:#192857;-webkit-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.3);border-radius:15px;padding:10px 35px;font-style:italic;font-size:1.1em;}
.main_sec04 a:hover {background:#fff;color:#192857;}

.main_sec05 {position:relative;text-align:center;padding:60px 0;}




/* desktop 1600*/
@media screen and (max-width:1600px){		

}

/* desktop 1366 */
@media screen and (max-width:1366px){		

}

/* desktop 1280 */
@media screen and (max-width:1280px){		

}

/* desktop 1200 */
@media screen and (max-width:1200px){		

}

/* desktop 1060 */
@media screen and (max-width:1065px){	
	#mainVisual {padding-top: 86px;}
	#mainVisual {    height: 800px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 strong {font-size: 48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 strong {    font-size: 48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 {		font-size: 35px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {		font-size: 16px;}
	.main-visual-content .visual_box h4 {font-size:20px;}
	.main-visual-content .visual_box a.more {font-size:20px;}
	.main-visual-content .visual_box .tel_con strong {font-size:25px;}
	.main_sec01 .sub01_intro01 li {    width: 23%;    margin: 1%;padding: 10px 50px;}
	.main_sec04 .title {    font-size: 1.2em;    line-height: 1.2em;}
	.main_sec04 .txt_box {    font-size: 1em;    line-height: 1.1em;}
	
}

/* desktop 1024 */
@media screen and (max-width:1024px){		
	
}

/* desktop 768 */
@media screen and (max-width:768px){
	
	.main-visual-item .main-visual-txt-con {
    width: 100%;
    top: 0%;
    left: 0%;
    background: url(../images/main/mainvisual_txt_bg.png) no-repeat 40% 0;
    padding: 20px 0;
}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 strong {font-size: 38px;line-height:48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 strong {    font-size: 38px;line-height:48px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 {		font-size: 32px;line-height:48px;}
	

	
	/* 메인 비주얼 :: 텍스트 */
	#mainVisual {    height: auto;}
	
	
	#mainVisual .main-visual-con {height:400px;}
	#mainVisual .slick-dots{ bottom:20px;}
	.main-visual-content {
    position:relative;
    bottom: auto;
    left: auto;
}
	.main-visual-content .visual_box {    padding: 20px 10px;}
	.main-visual-content .visual_box .notice li {    padding: 1px 0;}
	.main-visual-content .visual_box .tel_con {
    background-size:45px auto;
    padding-left: 50px;
}
	.main_sec01 .sub01_intro01 .slogan-wrap:before {display:none;}
	.main_sec01 .sub01_intro01 .slogan-wrap:after {display:none;}
	.main_sec01 .sub01_intro01 ul {width:75%;margin:30px auto 0;}
	.main_sec01 .sub01_intro01 li {width:48%;background:url(../images/sub/intro_intro_img010.png) no-repeat 0 0;background-size:100%;background-position: 50% 50%;padding:20px 30px;}
	.main_sec01 .sub01_intro01 li img {width:auto;height:auto;margin-bottom:5px}
	#header .logo img {height:45px;width:auto;}
}


/* mobie 640 */
@media screen and (max-width:640px){	
	.main-visual-content .visual_box {
    border:1px solid #ddd;
    float: none;
		padding:15px;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
    min-height: auto;
}
.main-visual-content .visual_box .tel_con {
    background: url(../images/main/icon_tel.png) no-repeat 0 0px;
    margin-top: 20px;
	background-size:50px auto;
	padding-left:60px;
	padding-top:5px;
}
	.main_sec01 h3 {
    font-size: 28px;
    margin-bottom: 15px;
}
.main_sec01 .sub01_intro01 .slogan-wrap span {    font-size: 24px;}
	.main_sec01 .sub01_intro01 { padding: 20px 0 0 0;}
	.main_sec01 {padding: 50px 0 30px 0;}
	.main_sec01 .sub01_intro01 li {
    min-height: 222px;
    padding: 0px 30px;
}
	.main_sec02 {    padding: 30px 0;}
	.main_sec02 a {
    position:relative;
    right: auto;
    top: auto;
		display:inline-block;
    margin-top: 20px;
}
	.main_sec03 {padding: 30px 0;}
	.main_sec03 h3 {
    font-size: 28px;
    margin-bottom: 10px;
}
	.main_sec03 h4 {
    font-size: 22px;
    margin-top: 60px;
    margin-bottom: 0px;
}
	.main_sec03 .big .br {    display: inline-block;}
	.main_sec04 {    background-size:cover;text-align:center;padding:20px 0;}
	.main_sec04 .title {
    float: none;
    width: 100%;
    border-right: 0px solid rgba(255,255,255,0.3);
}
	.main_sec04 .txt_box {
    float: none;
    width: 100%;
    padding: 20px 0;
		    line-height: 0.9em;
		line-height:1.2em;
}
	.main_sec05 {padding: 30px 0;}
	.main_sec05 img {width:300px;height:auto;}
}

/* mobie 414 */
@media screen and (max-width:425px){	
	.main-visual-item .main-visual-txt-con {
    background: url(../images/main/mainvisual_txt_bg.png) no-repeat 43% 0;
}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{ font-size:18px;line-height:20px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt1 strong {font-size:25px;margin-bottom:0px;line-height:32px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {    font-size: 13px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 strong {    font-size: 25px;  margin-bottom: 0px;  line-height: 32px;}
	
	.main_sec01 .sub01_intro01 .slogan-wrap span {    font-size: 20px;line-height:1.3em;}
	.main_sec01 .sub01_intro01 li {width:48%;background:#ecf7fb;background-image:none;padding:10px 10px 20px 10px;min-height:151px;border-radius:15px;border:1px solid #e0dcdc;}
	.main_sec01 .sub01_intro01 li img {width:50px;height:auto;margin-bottom:5px;margin-top:10px; padding-top: 0px;}

	.main-visual-content .visual_box .tel_con strong {line-height: 1.2em;}  /* 2021.02.02 강송희 모바일버전: 텍스트 줄간격 조절 */

}


@media screen and (max-width:320px){	
	
}