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




/* 이미지 */
.list01 { background-image: url(../images/mainslide_01.jpg); }
.list02 { background-image: url(../images/mainslide_02.jpg); }
.list03 { background-image: url(../images/mainslide_03.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; background:#f52b49; padding:5px 10px 0; margin:0 0 0 150px; font-family: 'GmarketSansMedium'; font-size:2.2em; font-weight:100; color:#fff; line-height:1.2em; letter-spacing:-1.0px; text-align:center;
    /*-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 h2{ display:block; margin:20px 0 0; font-family: 'GmarketSansBold'; font-size:2.0em; font-weight:100; color:#fff226; 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:#2f74ff; line-height:1.2em; letter-spacing:-1.0px; text-align:left; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    /*-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 span { display:block; margin:20px 0 0; font-family: 'GmarketSansMedium'; font-size:1.5em; color:#9cff00; line-height:1.4em; letter-spacing:0; text-align:left; }

.title_headline p{ display:block; font-family: 'GmarketSansMedium'; 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;*/
}

.title_headline img { width:100%; }

.title_headline2 {
    position: absolute; width:80%; max-width:1500px;
    left:100%; top:80%; transform:translate(-50%) translateY(-50%) scale(1.0) !important;
	text-align:left;
    z-index:8;
   /* transform: scale(1.0) !important; */
}
.title_headline2 h1{ display:inline-block; font-family: 'GmarketSansBold'; font-size:3.5em; font-weight:100; color:#ff3232; line-height:1.2em; letter-spacing:-1.0px; text-align:right; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }


}

@media (max-width:767px){
	
/* 이미지 */
.list01 { background-image: url(../images/mainslide_mob_01.jpg); }
.list02 { background-image: url(../images/mainslide_mob_02.jpg); }	
.list03 { background-image: url(../images/mainslide_mob_03.jpg); }
	
.title_headline{
    position: absolute; width:85%;
    left:50%; top:40%; 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; background:#f52b49; padding:5px 8px 0; font-family: 'GmarketSansMedium'; font-size:1.5em; font-weight:100; color:#fff; line-height:1.2em; letter-spacing:-1.0px;}
.title_headline h2{ display:block; margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.4em; font-weight:100; color:#fff226; line-height:1.2em; letter-spacing:-1.0px; text-align:center; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.title_headline h3{ font-family: 'GmarketSansBold'; font-size:2.0em; font-weight:100; color:#2f74ff; line-height:1.2em; letter-spacing:-1.0px; text-align:center; text-shadow:3px 3px 5px #111;}
.title_headline span { display:block; margin:10px 0 0; font-family: 'GmarketSansMedium'; font-size:1.0em; color:#9cff00; line-height:1.4em; letter-spacing:0; text-align:center; }
.title_headline p{ display:block;  font-family: 'GmarketSansMedium'; font-size:1.0em; color:#fff; line-height:1.4em; letter-spacing:0; text-align:center;}

.title_headline2 {
    position: absolute; width:85%;
    left:50%; top:60%; transform:translate(-50%) translateY(-50%) scale(1.0) !important;
	text-align:center;
    z-index:8;
   /* transform: scale(1.0) !important; */
}
.title_headline2 h1{ font-family: 'GmarketSansBold'; font-size:1.7em; font-weight:100; color:#f52b49; line-height:1.2em; letter-spacing:-1.0px; text-align:center; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}

}











/***************
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: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;
	}
}
*/