#visual { width: 90%; max-width:1600px; margin:0 auto; padding:90px 0 0; }

.mainSlide_box{ 
    height:70vh; /* 100vh 풀화면 */ border-radius:10px;
    position:relative; /* relative 뻬면 높이 100% 조절 가능 */
    overflow: hidden;
	z-index:5;
}
.mainSlide_panel{
	position:relative;
    width: 100%;
    height:100%  ;
}
.mainSlide_panel li{
    display: none;
    position: absolute;
    width: 100%;
    height:100%  ;
    z-index: 7;
}
.mainSlide_panel li .background-scale{
    position: ;
    width: 100%;
    height:100% ;
    z-index: 8;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    -webkit-animation: mainScale 6s 1 ease-in-out normal; /* 6S 줌 되는 속도 조절 */
    -moz-animation: mainScale 6s 1 ease-in-out normal;
    -ms-animation: mainScale 6s 1 ease-in-out normal;
    animation: mainScale 6s 1 ease-in-out normal;
}

/***************
Animation
****************/
@keyframes mainScale {
    0%{
        transform:scale(1.5);
    }
    100%{
        transform:scale(1.0);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes mainScale {
    0%{
        transform:scale(1.5);
    }
    100%{
        transform:scale(1.0);
    }
}
/*Firefox*/
@-moz-keyframes mainScale {
    0%{
        transform:scale(1.5);
    }
    100%{
        transform:scale(1.0);
    }
}
/*ie*/
@-ms-keyframes mainScale {
    0%{
        transform:scale(1.5) rotate(.001deg);
    }
    100%{
        transform:scale(1.0) rotate(.001deg);
    }
}


/******************************
play/stop
********************************/
.play{
	color : red;
	cursor:pointer;
	display : none;
}
.stop{
	color : red;
	cursor:pointer;
	display : block;
}
.play_box{ display:none;
	margin-top: -10px;
	width: 15px;
}

.mainSlide_panel li:first-child{
    display: block;
}


/* 이미지 */
.list01 { background: url(../images/mainslide_01.jpg) }
.list02 { background: url(../images/mainslide_02.jpg); }
.list03 { background: url(../images/mainslide_03.jpg); }
.list04 { background: url(../images/mainslide_04.jpg); }
.list05 { background: url(../images/mainslide_05.jpg); }

.mainSlide_box .maintext { position:absolute; left:60%; top:40%; transform:translate(-50%) translateY(-50%); width:100%; max-width:; margin:0 auto; font-size:1.0em; color:#fff; text-align:left; z-index:9;}
.mainSlide_box .maintext h2 { display:inline-block; margin:0 0 20px; font-family: 'YeogiOttaeJalnan'; font-size:3.0rem; color:#fff; line-height:4.0rem; transition:3s; opacity:1; }
.mainSlide_box .maintext h2 span { display:block; margin:20px 0 0; font-size:5.0rem; }
.mainSlide_box .maintext p { display:block; margin:0; font-size:1.2rem; font-weight:600; color:#fff; line-height:1.8rem; letter-spacing:0; transition:3s; opacity:1; }

.mainSlide_box ul.btns { display:flex; position:absolute; left:60%; top:64%; transform:translate(-50%) translateY(-50%); width:100%; max-width:; margin:0 auto; font-size:1.0em; color:#fff; text-align:left; z-index:9;}
.mainSlide_box ul.btns li a { margin-right:10px; border-radius:6px; border:none; padding:10px 16px; font-size:0.9rem; font-weight:600; text-align:center; }
.mainSlide_box ul.btns li:nth-child(1) a { background:#429bff; color:#fff; }
.mainSlide_box ul.btns li:nth-child(2) a { background:#ffe63f; }
.mainSlide_box ul.btns li:nth-child(3) a { background:#57ca0a; color:#fff; }


@media (min-width:768px) and (max-width:1599px){
 .mainSlide_box{
    width: 100%; 
    height:60vh; /* 100vh 풀화면 */ 
    position:relative; /* relative 뻬면 높이 100% 조절 가능 */
    overflow: hidden;
	z-index:5;
}	
}

@media (max-width:767px){
#visual { width: 100%; margin:0 auto; padding:0 0 0; }

.mainSlide_box{
    width: 100%; border-radius:0;
    height:60vh; /* 100vh 풀화면 */
    position:relative; /* relative 뻬면 높이 100% 조절 가능 */
    overflow: hidden;
	z-index:5;
}
	
/* 이미지 */
.list01 { background-image: url(../images/mainslide_01_mob.jpg); }
.list02 { background-image: url(../images/mainslide_02_mob.jpg); }	
.list03 { background-image: url(../images/mainslide_03_mob.jpg); }
.list04 { background-image: url(../images/mainslide_04_mob.jpg); }
.list04 { background-image: url(../images/mainslide_05_mob.jpg); }

.mainSlide_box .maintext { position:absolute; left:50%; top:50%; transform:translate(-50%) translateY(-50%); width:90%; margin:0 auto; font-size:1.0em; color:#fff; text-align:center; z-index:9;}
.mainSlide_box .maintext h2 { display:inline-block; margin:0 0 10px; font-family: 'YeogiOttaeJalnan'; font-size:1.5rem; color:#fff; line-height:2.2rem; transition:3s; opacity:1; }
.mainSlide_box .maintext h2 span { display:block; margin:20px 0 0; font-size:5.0rem; }
.mainSlide_box .maintext p { display:block; margin:0; font-size:1.0rem; font-weight:600; color:#fff; line-height:1.4rem; letter-spacing:0; transition:3s; opacity:1; }
	
.mainSlide_box ul.btns { display:flex; justify-content:center; flex-wrap:wrap; position:absolute; left:50%; bottom:0; transform:translate(-50%) translateY(60%); width:100%; max-width:; margin:0 auto; font-size:1.0em; color:#fff; text-align:center; z-index:9;}
.mainSlide_box ul.btns li a { margin:0 5px; border-radius:6px; border:none; padding:10px; font-size:0.9rem; font-weight:600; text-align:center; }
.mainSlide_box ul.btns li:nth-child(1) a { background:#429bff; color:#fff; }
.mainSlide_box ul.btns li:nth-child(2) a { background:#ffe63f; }
.mainSlide_box ul.btns li:nth-child(3) a { background:#57ca0a; color:#fff; }

.mainSlide_btn_perv, .mainSlide_btn_next { display:none; }

}





/***************
Animation
****************/
@keyframes titleUp {
    0%{
        margin-top: 20px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes titleUp {
    0%{
        margin-top: 20px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*Firefox*/
@-moz-keyframes titleUp {
   0%{
        margin-top: 20px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*ie*/
@-ms-keyframes titleUp {
   0%{
        margin-top: 20px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/***************
Animation END
****************/





.headline_explain{
    margin-top: ;
    font-size:1.6em;
    color:#fff;
    -webkit-animation: explainUp 1.5s 1 ease-in-out normal;
    -moz-animation: explainUp 1.5s 1 ease-in-out normal;
    -ms-animation: explainUp 1.5s 1 ease-in-out normal;
    animation: explainUp 1.5s 1 ease-in-out normal;
}
/***************
Animation
****************/
@keyframes explainUp {
    0%{
        margin-top: -50px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*Sfari, Chrome*/
@-webkit-keyframes explainUp {
    0%{
        margin-top: -50px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*Firefox*/
@-moz-keyframes explainUp {
    0%{
        margin-top: -50px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/*ie*/
@-ms-keyframes explainUp {
    0%{
        margin-top: -50px;
        opacity: 0;
        filter:opacity(0);
    }
    100%{
        margin-top: 0px;
        opacity: 1;
        filter: opacity(100);
    }
}
/***************
Animation END
****************/





.mainSlide_btn_tab{ background:#;
    position: absolute;
    bottom:60px;
    left:50%;
    z-index: 11;
    margin-left:-100px;
    width: 200px;
    height: 8px;
}
.mainSlide_btn_tab ul{
	float : left;
}
.mainSlide_btn_tab_list{
	opacity:0; /* 하단 버튼 안보이게 */
    height:8px;
    cursor: pointer;
	width : 100%;
}
.mainSlide_btn_tab_list li{
    float:left;
    margin-left: 4px;
    margin-bottom: 20px;
    width: 30px;
    height: 8px;
    border-radius: 1.5px;
    background-color: #fff;
    
}
.mainSlide_btn_tab_list li:first-child{
    margin-left: 0;
}
.mainSlide_btn_tab_list li.on{
    background-color: #f52b49;
}

.mainSlide_btn_perv{
    cursor: pointer;
    position: absolute;
    z-index:9;
    top:45%;
    left:14px;
    width: 50px;
    height: 50px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url(../images/mainslide_left.png);
}
.mainSlide_btn_next{
    cursor: pointer;
    position: absolute;
    z-index:9;
    top:45%;
    right:14px;
    width: 50px;
    height: 50px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center center;
    background-image: url(../images/mainslide_right.png);
}



/*
@media (max-width: 1200px) {
	.mainSlide_box,
	.mainSlide_panel,
	.mainSlide_panel li {
		height: 500px;
	}
.	title_headline{
		top: 150px;
		left:20%;
	}
	.headline_title{
    font-size:2.2em;
	}
	.headline_explain{
    font-size:1.2em;
	}
}

@media (max-width: 1200px) {
	.mainSlide_box,
	.mainSlide_panel,
	.mainSlide_panel li {
		height: 500px;
	}
	.title_headline{
		top:150px;
	}
	.headline_title{
    font-size:2.2em;
	}
	.headline_explain{
    font-size:1.2em;
	}
}

@media (max-width: 991px) {
	.mainSlide_box,
	.mainSlide_panel,
	.mainSlide_panel li {
		height: 450px;
	}
	.title_headline{
		top:120px;
	}
}

@media only screen and (max-width: 768px) {
	.mainSlide_box,
	.mainSlide_panel,
	.mainSlide_panel li {
		height: 400px;
	}
	.title_headline{
		top:110px;
	}
}

@media only screen and (max-width: 768px) {
	.mainSlide_box,
	.mainSlide_panel,
	.mainSlide_panel li {
		height: 400px;
	}
	.title_headline{
		top:110px;
	}
    .mainSlide_btn_perv,
    .mainSlide_btn_next {
        display: none;
    }
}

@media only screen and (max-width: 550px) {
	.title_headline{
		left:15%;
	}
	.headline_title{
    font-size:1.6em;
	}
	.headline_explain{
    font-size:1.08em;
	}
	.mainSlide_btn_tab{
		margin-left: -52px;
        width: 140px;
	}
	.mainSlide_btn_tab_list li{
		width:50px;
	}
}
*/