.mainSlide_box{
    width: 100%;
    height:100vh; /* 100vh 풀화면 */
    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;
}




/* 이미지 */

@media (min-width:768px) {
.list01{ background-image: url(../images/mainslide_01.jpg); }
.list02{ background-image: url(../images/mainslide_02.jpg); }
.list03{ background-image: url(../images/mainslide_03.jpg); }
.list04{ background-image: url(../images/mainslide_04.jpg); }
.list05{ background-image: url(../images/mainslide_05.jpg); }
}

@media (max-width:767px){
.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);}
.list05{background-image: url(../images/mainslide_05_mob.jpg);}
}


/* 텍스트 */
@media (min-width:768px) {
.title_headline {
    position: absolute; width:90%; max-width:1500px;
    left:50%; top:50%; transform:translate(-50%) translateY(-50%) scale(1.0) !important;
	text-align:left;
    z-index:8;
   /* transform: scale(1.0) !important; */
}

.title_headline h1{ display:inline-block; font-size:4.5em; font-weight:; color:#fff; line-height:1.0em; letter-spacing:0; text-align:left;
    /*-webkit-animation: explainUp 1.5s 1 ease-in-out normal;
    -moz-animation: explainUp 1.5s 1 ease-in-out normal;
    -ms-animation: titleUp 1.5s 1 ease-in-out normal;
    animation: explainUp 1.5s 1 ease-in-out normal;*/
}

.title_headline h1 span { display:block; color:#0069ff; }

.title_headline h2{ display:block; margin:20px 0 0; font-family: 'GmarketSansBold'; font-size:2.0em; font-weight:100; color:#ffea36; line-height:1.2em; letter-spacing:-1.0px; text-align:left; text-shadow:3px 3px 5px #111;
    /*-webkit-animation: explainUp 1.5s 1 ease-in-out normal;
    -moz-animation: explainUp 1.5s 1 ease-in-out normal;
    -ms-animation: titleUp 1.5s 1 ease-in-out normal;
    animation: explainUp 1.5s 1 ease-in-out normal;*/
}

.title_headline h3{ font-family: 'GmarketSansBold'; font-size:4.0em; font-weight:100; color:#ffea36; line-height:1.2em; letter-spacing:-1.0px; text-align:left; text-shadow:3px 3px 5px #111;
    /*-webkit-animation: explainUp 1.5s 1 ease-in-out normal;
    -moz-animation: explainUp 1.5s 1 ease-in-out normal;
    -ms-animation: titleUp 1.5s 1 ease-in-out normal;
    animation: explainUp 1.5s 1 ease-in-out normal;*/
}

.title_headline p{ display:block; margin:20px 0 0; font-size:1.5em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:left;
	/*-webkit-animation: explainUp 1.5s 1 ease-in-out normal;
    -moz-animation: explainUp 1.5s 1 ease-in-out normal;
    -ms-animation: titleUp 1.5s 1 ease-in-out normal;
    animation: explainUp 1.5s 1 ease-in-out normal;*/
}
}

@media (max-width:767px){
	
.mainSlide_box{
    width: 100%;
    height:500px; /* 100vh 풀화면 */
    position:relative; /* relative 뻬면 높이 100% 조절 가능 */
    overflow: hidden;
	z-index:5;
}	
	
.title_headline{
    position: absolute; width:85%;
    left:50%; top:72%; transform:translate(-50%) translateY(-50%) scale(1.0) !important;
	text-align:center;
    z-index:8;
   /* transform: scale(1.0) !important; */
}

.title_headline h1{ display:inline-block; font-size:2.2em; font-weight:800; color:#fff; line-height:1.2em; letter-spacing:1.0px;}
.title_headline h1 span { display:block; color:#0069ff; }
.title_headline h2{ display:block; margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.4em; font-weight:100; color:#ffea36; line-height:1.2em; letter-spacing:-1.0px; text-align:center; text-shadow:3px 3px 5px #111;}
.title_headline h3{ font-family: 'GmarketSansBold'; font-size:2.0em; font-weight:100; color:#ffea36; line-height:1.2em; letter-spacing:-1.0px; text-align:center; text-shadow:3px 3px 5px #111;}
.title_headline p{ display:block; margin:10px 0 0; font-size:1.0em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:center;}
}











/***************
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:5%;
    left:50%;
    z-index: 11;
    margin-left:-80px;
    width: 208px;
    height: 8px;
}
.mainSlide_btn_tab ul{
	float : left;
}
.mainSlide_btn_tab_list{
	opacity:; /* 하단 버튼 안보이게 */
    height:8px;
    cursor: pointer;
	width : 100%;
}
.mainSlide_btn_tab_list li{
    float:left;
    margin-left: 4px;
    margin-bottom: 20px;
    width: 50px;
    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: #0069ff;
}

.mainSlide_btn_perv{
    cursor: pointer;
    position: absolute;
    z-index:3;
    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:3;
    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;
	}
}
*/