@charset "euc-kr";

/* 
 * ÆÄÀÏ : slideBg_aniTxt_v01
 * Á¾·ù : ¸ÞÀÎ ¹è°æ½½¶óÀÌµå 
 * ºí·° : #main_carousel
 * ¼³¸í : ¸ÞÀÎ¸ÞÅ¸Æ÷
*/

.pc_vidio{max-width: 100% !important;}
video{width: 100% !important;}


#main_carousel.carousel { }

#main_carousel .carousel-inner { }

#main_carousel .carousel-inner .item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#main_carousel .carousel-inner .metapo_num01 { background-image: url(../../../images/main_metapo01.jpg); }

#main_carousel .carousel-inner .metapo_num02 { background-image: url(../../../img/main_metapo06.jpg); }

#main_carousel .carousel-inner .metapo_num03 { background-image: url(../../../images/main_metapo08.jpg); }

#main_carousel .carousel-inner .metapo_num04 { background-image: url(../../../images/main_metapo09.jpg); }

#main_carousel .carousel-inner .metapo_num05 { background-image: url(../../../images/main_metapo07.jpg); }



/**/
#main_carousel .carousel-caption {text-shadow: none;

}

/* Animation delays */
#main_carousel .carousel-caption div:first-child {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#main_carousel .carousel-caption div:nth-child(2) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

#main_carousel .carousel-caption div:nth-child(3) {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

#main_carousel .carousel-caption div:nth-child(4) {
	-webkit-animation-delay: 2.1s;
	animation-delay: 2.1s;
}

#main_carousel .carousel-caption div:nth-child(5) {
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
}

#main_carousel .carousel-caption div:nth-child(6) {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

#main_carousel .carousel-caption div:nth-child(7) {
	-webkit-animation-delay: 4.2s;
	animation-delay: 4.2s;
}

#main_carousel .carousel-caption div:nth-child(8) {
	-webkit-animation-delay: 4.9s;
	animation-delay: 4.9s;
}

/* ¸ÞÅ¸Æ÷ ³ôÀÌ Á¦¾î */
#main_carousel .carousel-inner .item { height: 85vh; }

/* ÅØ½ºÆ® Á¦¾î */
#main_carousel .mtext01 {
	font-weight: 500;
	font-size: 6vmin;
	letter-spacing: -2px;
	color: #FFFFFF;
	display: inline-block;
	padding-right: 55px;
	padding-left: 55px;
	padding-bottom:35px;
	position :relative;
}
#main_carousel .mtext02:after {
	content:"";
	position:absolute;
	left:0;
	bottom:10px;
	width:60%;
	height:3px;
	margin-left:50%;
	transform:translateX(-50%);
	background-color:#fff;
	z-index:19;
}

#main_carousel .mtext02 {
	font-size: 8vmin;
	letter-spacing: -2px;
	margin-bottom: 15px;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.20) 24.35%,rgba(255,255,255,0.20) 79.27%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.20) 24.35%,rgba(255,255,255,0.20) 79.27%,rgba(255,255,255,0.00) 100%);
	text-transform: uppercase;
	padding: 25px 0;
	font-weight: 100;
}

#main_carousel .mtext03 {
	font-size: 3vmin;
	letter-spacing: -1px;
	margin-bottom: 10%;
}





/*-------------------------------½½¶óÀÌµå1----------------------------------*/

.carousel-caption{
    top: 80px;
}

.slide_count{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28px;
    font-weight: 300;
    padding-left: 120px;
}

.mainslide_footer{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 28px;
    font-weight: 300;
}

.slide_single_title{
    padding-top: 220px !important;
}


.mainslide_strongtext{
    font-size: 40px;
    font-weight: 500;
    text-shadow: 2px 5px 5px rgba(0,0,0, .7);
}

.mainslide_strongtext2{
    font-size: 36px;
    font-weight: 500;
    text-shadow: 2px 5px 5px rgba(0,0,0, .7);
}

.after_bar{position: relative;}

.after_bar::after{
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #fff;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.mainslide_text02{
    font-size: 28px;
    font-weight: 300;
    padding-top: 40px;
}

.mainslide_text03{
    font-size: 28px;
    font-weight: 300;
    padding-top: 20px;
}


.mainslide1_text01_first{
    padding-top: 120px;
}


.mainslide_count1::after, .mainslide_count2::after, .mainslide_count3::after, .mainslide_count4::after, .mainslide_count5::after{
    position: absolute;
    top: 0;
    left: -1px;
    font-size: 100px;
   font-weight: bold;
    color: #9d9c9b;
    content: "02";
    letter-spacing: -1px;
}
.mainslide_count1::after{
    content: "01";
}

.mainslide_count2::after{
    content: "02";
}

.mainslide_count3::after{
    content: "03";
}

.mainslide_count4::after{
    content: "04";
}

.mainslide_count5::after{
    content: "05";
}





.slide2_imgs{
    margin-right: 98px;
    margin-top: 16px;
}

.slide2_imgs:last-child{
    margin-right: 0;
}

.slide2_img_hidden{display: none;}


.slide3_imgs{
    margin-right: 30px;
    margin-top: 6px;
}

.slide3_imgs:last-child{
    margin-right: 0;
}




@media (max-width:767px) {

#main_carousel .carousel-inner .item { height: 60vh; }

#main_carousel .mtext01 {
	font-size: 3.5vmin;
	letter-spacing: -1px;
}

#main_carousel .mtext02 {
	font-size: 6vmin;
	letter-spacing: -1px;
}

#main_carousel .mtext03 {
	font-size: 3.6vmin;
	letter-spacing: -1px;
	margin-bottom: 10%;
}
}

@media (max-width:425px) {

#main_carousel .carousel-inner .item { height: 60vh; }

#main_carousel .mtext01 {
	font-size: 4.5vmin;
	letter-spacing: -1px;
}

#main_carousel .mtext02 {
	font-size: 6vmin;
	letter-spacing: -1px;
}

#main_carousel .mtext03 {
	font-size: 3vmin;
	letter-spacing: -1px;
	margin-bottom: 10%;
}
}

@media (min-width:426px) and (max-width:991px) {

#main_carousel .carousel-inner .item { height: 60vh; }

#main_carousel .mtext01 {
	font-size: 5vmin;
	letter-spacing: -2px;
}

#main_carousel .mtext02 {
	font-size: 6vmin;
	letter-spacing: -1px;
}

#main_carousel .mtext03 {
	font-size: 2.6vmin;
	letter-spacing: -1px;
	margin-bottom: 60px;
}
}


/**/
@media(max-width:1350px){
    .mainslide1_text01_first {
    padding-top: 100px;
    line-height: 50px;
}
    
    .slide_count, .mainslide_footer{
        font-size: 24px;
    }
    
    .mainslide_count1::after, .mainslide_count2::after, .mainslide_count3::after, .mainslide_count4::after, .mainslide_count5::after{
    position: absolute;
    top: 0;
    left: -1px;
    font-size: 80px;
    font-weight: bold;
    color: #9d9c9b;
}
    .slide_count{padding-left: 100px;}
    
    .slide2_imgs {
    margin-right: 40px;
}
    
}/*1350*/



@media(max-width:1150px){
    .slide_single_title {
    padding-top: 170px !important;
}
    
    
}/*1150*/


@media(max-width:992px){
    .slide_count {
        top: -50px;
        padding-left: 80px;
    }
    
    .mainslide_footer {
        bottom: 10px;

    }
    
    .slide_count, .mainslide_footer{
        font-size: 20px;
    }
    
    .mainslide_count1::after, .mainslide_count2::after, .mainslide_count3::after, .mainslide_count4::after, .mainslide_count5::after{
    position: absolute;
    top: 0;
    left: -1px;
    font-size: 60px;
    font-weight: bold;
    color: #9d9c9b;
}

    .mainslide1_text01_first{padding-top: 20px;}
    
    .mainslide_strongtext {
        font-size: 32px;
        line-height: 40px;
    }
    
    .mainslide_strongtext2{
        font-size: 28px;
    }
    
    .mainslide_text02, .mainslide_text03 {
        font-size: 22px;
        line-height: 28px
    }
    
    .mainslide_text02{
        padding-top: 32px;
    }
    
    .mainslide_text03{
        padding-top: 10px;
    }
    
    .slide2_imgs{
        margin-right: 24px;
        margin-top: 12px;
        width: 15%;
    }
    .slide3_imgs{
        margin-right: 30px;
        margin-top: 3px;
        width: 20%;
    }
    
    
    .slide_single_title {
        padding-top: 90px !important;
    }
    
    
    
}/*992*/

@media(max-width:730px){
    .slide_count, .mainslide_footer{
        font-size: 16px;
    }
    
    .mainslide_footer {
        bottom: 10px;

    }
    
    .after_bar::after{
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background: #fff;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}
    
    .mainslide_count1::after, .mainslide_count2::after, .mainslide_count3::after, .mainslide_count4::after, .mainslide_count5::after{
    position: absolute;
    top: 0;
    left: -1px;
    font-size: 40px;
    font-weight: bold;
    color: #9d9c9b;
}
    
    .slide_count{
        top: -50px;
        padding-left: 50px;
    }
    

    .mainslide1_text01_first{padding-top: 20px;}
    
    .mainslide_strongtext {
        font-size: 24px;
        line-height: 30px;
    }
    
    .mainslide_strongtext2{
        font-size: 20px;
    }
    
    .mainslide_text02, .mainslide_text03 {
        font-size: 18px;
        line-height: 24px;
    }
    
    .mainslide_text02{
        padding-top: 32px;
    }
    
    .mainslide_text03{
        padding-top: 10px;
    }
    
    .slide2_imgs{
        margin-top: 12px;
        width: 18%;
    }
    .slide3_imgs{
        margin-right: 30px;
        margin-top: 3px;
        width: 20%;
    }
    
    
    .slide_single_title {
        padding-top: 90px !important;
    }
    
}/*730*/



@media(max-width:480px){
    #main_carousel .carousel-inner .item {
    height: 480px;
}
    item metapo_num03 .carousel-caption {
    top: 70px !important;
}

    .slide1_first{
        margin-top: -14px !important;
    }
    
    .slide2_first{
        margin-top: -8px ;
    }
    
    .slide3_first{
        margin-top: -40px !important;
    }
    
    .slide_single_title {
    padding-top: 60px !important;
}
    
    .slide_count, .mainslide_footer{
        font-size: 14px;
    }
    
    .mainslide_footer {
        bottom: 10px;

    }
    
    .after_bar::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background: #fff;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}
    
    .mainslide_count1::after, .mainslide_count2::after, .mainslide_count3::after, .mainslide_count4::after, .mainslide_count5::after{
    position: absolute;
    top: 0;
    left: -1px;
    font-size: 34px;
    font-weight: bold;
    color: #9d9c9b;
}
    
    .slide_count{
        top: -50px;
        padding-left: 40px;
    }
    
    
    .slide4_first{
        margin-top: -10px;
    }
    
    .slide5_first{
        margin-top: -20px;
    }
    

    .mainslide1_text01_first{padding-top: 20px;margin-top: 10px;}
    
    .mainslide_strongtext {
        font-size: 20px;
        line-height: 26px;
    }
    
    .mainslide_strongtext2{
        font-size: 18px;
    }
    
    .mainslide_text02, .mainslide_text03 {
        font-size: 16px;
        line-height: 20px;
    }
    
    .mainslide_text02{
        padding-top: 32px;
    }
    
    .mainslide_text03{
        padding-top: 10px;
    }
    
    .slide2_imgs{
        margin-top: 16px;
        width: 22%;
        margin-right: 0px;
    }

    .slide3_imgs{
        margin-right: 0px;
        margin-top: 3px;
        width: 27%;
    }
    
    .slide3_imgs{
        margin-right: 10px;
        margin-top: 6px;
    }

    .slide3_imgs:last-child{
        margin-right: 0;
    }

    .slide_single_title {
    padding-top: 54px !important;
}
    
}/*480*/

@media(max-width:380px){
    #main_carousel .carousel-inner .item {
    height: 480px;
}
    item metapo_num03 .carousel-caption {
    top: 70px !important;
}

    .slide1_first{
        margin-top: -14px;
    }
    
    .slide2_first{
        margin-top: -8px;
    }
    
    .slide3_first{
        margin-top: -44px;
    }
    
    
    
}/*360*/


















