@charset "utf-8";
/* CSS Document */

#main {margin-top:0}

/* 메인 윗 메뉴 */
.section {position:relative; display:table; width:100%; text-align:center;}
.arrowBox {position:absolute; bottom:20px; left:50%; margin-left:-13px; cursor:pointer;}
.main_family {position:absolute; bottom:100px; text-align:center; width:100%; min-width:500px; z-index:999;}
.main_family li { display:inline-block; margin:0; width:24%; max-width:200px; vertical-align:top;}

.main_bottom {position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.6); padding:20px 0; text-align:left;}
.main_bottom img { float:left; margin:0 30px 0 0;}
.main_bottom_copy { font-size:13px; color:#333; margin-top:8px;}
.main_bar { width:80px; height:1px; background:#fff; margin:20px auto;}

/* 섹션_00 */
#section0 {background:url("/kor/img/main_section1.jpg") center center no-repeat; background-size:cover; position:relative; height:100%;}
.sec0_ConBox {text-align:center; position:relative; display:table-cell; vertical-align:middle;}

.sec0_ConBox h1 {opacity:0; font-size:65px; font-weight:300; color:#fff; line-height:1.2; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; text-transform:uppercase;}
.sec0_ConBox h1 span { font-size:65px; font-weight:700;}
.sec0_ConBox h2 {opacity:0; font-size:26px; font-weight:300; color:#fff; line-height:1.8; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; padding:0 10px;}
.sec0_ConBox h2 span { font-size:26px; font-weight:700;}
.sec0_ConBox .main_ul01 { opacity:0; margin:30px 0 180px 0; text-align:center;}
.sec0_ConBox .main_ul01 li { display:inline-block; margin:10px 40px; background:rgba(0,0,0,0.5); padding:20px; width:150px; height:150px; border-radius:50%;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.sec0_ConBox .main_ul01 li:hover { background:#eb2a2e;}
.sec0_ConBox .main_ul01 li .main_ul01_text { color:#fff;}
.sec0_ConBox .main_ul01 li img { padding:15px 0 10px 0;}

/* 섹션_01 */
#section1 {background:url("/kor/img/main_section2.jpg") center center no-repeat; background-size:cover; position:relative; height:100%; }
.sec1_ConBox {text-align:center; position:relative; display:table-cell; vertical-align:middle;}

.sec1_ConBox h1 {opacity:0; font-size:65px; font-weight:300; color:#fff; line-height:1.2; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; text-transform:uppercase;}
.sec1_ConBox h1 span { font-size:65px; font-weight:700;}
.sec1_ConBox h2 {opacity:0; font-size:26px; font-weight:300; color:#fff; line-height:1.8; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; padding:0 10px;}
.sec1_ConBox h2 span { font-size:26px; font-weight:700;}
.sec1_ConBox .main_ul01 { opacity:0; margin:30px 0 180px 0; text-align:center;}
.sec1_ConBox .main_ul01 li { display:inline-block; margin:10px 40px; background:rgba(0,0,0,0.5); padding:20px; width:150px; height:150px; border-radius:50%;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.sec1_ConBox .main_ul01 li:hover { background:#eb2a2e;}
.sec1_ConBox .main_ul01 li .main_ul01_text { color:#fff;}
.sec1_ConBox .main_ul01 li img { padding:15px 0 10px 0;}



/* 섹션_02 */
#section2 {background:url("/kor/img/main_section3.jpg") center center no-repeat; background-size:cover; position:relative; height:100%;}
.sec2_ConBox {text-align:center; position:relative; display:table-cell; vertical-align:middle;}

.sec2_ConBox h1 {opacity:0; font-size:65px; font-weight:300; color:#fff; line-height:1.2; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; text-transform:uppercase;}
.sec2_ConBox h1 span { font-size:65px; font-weight:700;}
.sec2_ConBox h2 {opacity:0; font-size:26px; font-weight:300; color:#fff; line-height:1.8; text-shadow:1px 2px 30px rgba(0,0,0,0.5); position:relative; padding:0 10px;}
.sec2_ConBox h2 span { font-size:26px; font-weight:700;}
.sec2_ConBox .main_ul01 { opacity:0; margin:30px 0 180px 0; text-align:center;}
.sec2_ConBox .main_ul01 li { display:inline-block; margin:10px 40px; background:rgba(0,0,0,0.5); padding:20px; width:150px; height:150px; border-radius:50%;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-ms-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.sec2_ConBox .main_ul01 li:hover { background:#eb2a2e;}
.sec2_ConBox .main_ul01 li .main_ul01_text { color:#fff;}
.sec2_ConBox .main_ul01 li img { padding:15px 0 10px 0;}


@media all and (max-width:1200px){	
	.sec1_ConBox .contents, .sec2_ConBox .contents {width:100%; }
}

@media screen and (max-width:991px){
	.sec0_ConBox h1, .sec1_ConBox h1, .sec2_ConBox h1 {font-size:36px;}
	.sec0_ConBox h1 span, .sec1_ConBox h1 span, .sec2_ConBox h1 span { font-size:36px;}
	.sec0_ConBox h2, .sec1_ConBox h2, .sec2_ConBox h2 { font-size:20px;}
	.sec0_ConBox h2 span, .sec1_ConBox h2 span, .sec2_ConBox h2 span { font-size:20px;}

	.sec0_ConBox .main_ul01 li, .sec1_ConBox .main_ul01 li, .sec1_ConBox .main_ul01 li { margin:5px; padding:15px; width:140px; height:140px; border-radius:50%;}
}

@media screen and (max-width:767px){
	.main_family {bottom:150px;}
	.main_family li { width:49%;}
	.main_bottom img { float:none; margin:0;}
	.sec0_ConBox h2, .sec1_ConBox h2, .sec2_ConBox h2 { display:none;}
}

.active_speed {opacity:0; transition:opacity 0.3s ease-in-out; transform: translate3d(-50px, 0px, 0px);}