/* ******************  메인 비주얼 ********************** */
#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:35px; 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:46px;/*font-size:50px;*/} /* 200513modi */
.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:30px;}
#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_sec01 {position:relative;text-align:center;padding:60px 0;}
.main_sec01.bg {background:#e5f4ff;}
.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.first {margin:30px auto 30px;}
.main_sec01 .sub01_intro01 ul.first li {padding:20px 50px;line-height:1.3em;word-break: keep-all;width:27%;float:left;margin:1% 3%;font-size:1em;min-height:346px;background:url(../images/sub/intro_intro_img01.png) no-repeat center center;background-size: 100%;}

.main_sec01 .sub01_intro01 ul.first li p.tit {margin:50px auto 10px;padding-top:50px;color:#007bba;font-weight:600;font-size:1.3em;}

.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:28px;position:relative;z-index:10;background:#fff;letter-spacing:-0.5px;line-height:1.3em;}
.main_sec01.bg .sub01_intro01 .slogan-wrap span {background:#e5f4ff;color:#192857;font-size:32px;font-weight:600;}
.main_sec01.bg .sub01_intro01 .slogan-wrap {margin-top:0px;}

.main_sec01 .fl_l {width:30%;text-align:center;margin-top:80px;}
.main_sec01 .fl_r {width:70%;text-align:left;margin-top:80px;}
.main_sec01 .fl_r .subtitle {float:left;width:90px;margin-bottom:10px;color:#fff;font-weight:600;font-size:1.2em;display:block;background:#0789d5;padding:0;border-radius: 50%;text-align:center;margin-top:20px;line-height:90px;}
.main_sec01 .fl_r strong {color:#192857;margin-bottom:10px;font-weight:600;display:block;font-size:1.2em;}
.main_sec01 .fl_r p.txt {float:right;width:calc(100% - 110px);line-height:1.4em;margin-top:20px;font-size:0.9em;word-break: keep-all;font-family:'Noto Sans KR','NanumSquare',Dotum, Arial, sans-serif;}


.main_sec04 {position:relative;color:#fff;padding:60px 0;background:#38b4dc url(../images/main/main_sec04.png) no-repeat center center;}
.main_sec04 .title {float:left;width:72%;font-size:1.5em;line-height:1.5em;font-style:italic;border-right:2px solid rgba(255,255,255,0.3)}
.main_sec04 .title .big_f {font-size:3em;line-height:1.7em;font-weight:600;width:30%;}
.main_sec04 .title p {float:left;width:calc(100% - 32%)}
.main_sec04 .txt_box {float:right;width:25%;padding:20px 0;font-size:1.2em;line-height:1.3em;text-align:right;}
.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;}
.main_sec05 p {margin-bottom:15px;font-weight:600;color:#192857;font-size:1.1em;}



/* 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: 35px;}
	.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: 25px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2 {		font-size: 16px;}
	
	.main_sec01 .sub01_intro01 ul.first li {    width: 31%;    margin: 1%;padding: 10px 50px;min-height:302px;}
	.main_sec01 .sub01_intro01 ul.first li p.tit {    margin: 30px auto 10px;    padding-top: 40px;}
	.main_sec01 .sub01_intro01 .slogan-wrap:before {display:none;}
	.main_sec01 .sub01_intro01 .slogan-wrap:after {display:none;}
	.main_sec01 .fl_l img {width:90%;}
	
	.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){		
	.main_sec04 .title .big_f {margin-top:-20px;}
}

/* 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_sec01 .sub01_intro01 ul.first {width:95%;margin:30px auto 0;}
	.main_sec01 .sub01_intro01 ul.first li {background:url(../images/sub/intro_intro_img010.png) no-repeat 0 0;background-size:100%;background-position: 50% 50%;padding:20px 20px;min-height:215px;}
	.main_sec01 .sub01_intro01 ul.first li p.tit {    margin: 0px auto 10px;    padding-top: 40px;}
	
	.main_sec04 .title {float:none;width:100%;border-right:none;}
	.main_sec04 .title .big_f {margin-top:-20px;}
	.main_sec04 .txt_box {float:none;width:100%;text-align:center;padding:0;}
	.main_sec04 a {  margin-top: 0;}
}


/* mobie 640 */
@media screen and (max-width:640px){	
	
	.main_sec01 h3 {
    font-size: 28px;
    margin-bottom: 15px;
}
	.main_sec01 .sub01_intro01 .slogan-wrap {    margin-top: 0px;}
	.main_sec01.bg .sub01_intro01 .slogan-wrap span {font-size: 28px;}
	.main_sec01 .sub01_intro01 .slogan-wrap span {    font-size: 22px;}
	.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_sec01.bg .sub01_intro01 {padding:0;}
	.main_sec01 .fl_l {float:none;    width: 100%;    margin-top: 30px;}
	.main_sec01 .fl_l img {width:auto;}
	.main_sec01 .fl_r {float:none;    width: 100%;    margin-top: 30px;}

	
	
	.main_sec04 {    background-size:cover;text-align:center;padding:20px 0;}
	
	.main_sec04 .title .big_f {
    font-size: 2em;margin-top:0;
}
	.main_sec04 .title p {font-size: 0.8em;line-height: 1.3em;text-align:left;}
	.main_sec05 {padding: 30px 0;}
	.main_sec05 img {width:300px;height:auto;}
	.main_sec05 p {margin-bottom:10px;font-size:0.8em;}
	.main_sec04 .txt_box {margin-top:10px;}
}

/* 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 ul.first li {width:48%;background:#ecf7fb;background-image:none;padding:10px 10px 20px 10px;min-height:auto;border-radius:15px;border:1px solid #e0dcdc;}
	.main_sec01 .sub01_intro01 ul.first li:last-child {width:98%}
	.main_sec01 .sub01_intro01 ul.first li p.tit {    padding-top: 10px;}
}


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