@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* layout */
.wrap {position:relative; padding:0; width:100%; min-width:1200px; }
.common {margin:0 auto; padding:0 0 100px; width:100%;}


/* Home Page Carousel */
#myCarousel.carousel {
	height: 50%;
}

#myCarousel.carousel .item,
#myCarousel.carousel .item.active,
#myCarousel.carousel .carousel-inner {
	height: 100%;
}

#myCarousel.carousel .fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}


/*메인 컨텐츠 바로 이동 아이콘*/
#myCarousel .scroll_down {position:absolute; right:48.42%; margin-top:-12px; cursor:pointer; z-index:2;}


/*메인컨텐츠 박스 */
.main_con_w {width:100%; background:#f8f8f8;}
.main_con {position:relative; width:1200px; height:1300px; margin:0 auto; padding-top:80px; padding-bottom:50px;}

.con_title{position:relative; width:1200px; margin:0 auto; padding-top:30px;}
.con_title ul{margin:0 auto; text-align:center;}
.con_title ul li img{width:auto; position:relative; padding-bottom:30px;}

.main_con .con01 {position:relative; margin-bottom:30px; height:300px;}
.main_con .con01 ul {overflow:hidden;}
.main_con .con01 ul li {float:left; width:600px; height:300px;}
.main_con .con01 ul li:last-of-type {margin-right:0;}

.main_con .con01 ul li img {position:absolute; transition:all .3s ease-in-out;}
.main_con .con01 li .On {opacity:0;}
.main_con .con01 li a:hover .Off {opacity:0;}
.main_con .con01 li a:hover .On {opacity:1;}



.parallax { 
    /* The image used */
    background:url('../img/main/1.png') no-repeat center top;

    /* Set a specific height */
    height: 360px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.parallax ul{margin:0 auto; text-align:center;}
.parallax ul li img{width:auto; position:relative; padding-bottom:30px;}