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

body{font-family: 'Noto Sans KR' , sans-serif; color: #fff; letter-spacing: -1px;}
html, body{height: 100%; }
	
	.m_footer{display: none;}
	.warp{width: 100%; height:100%;}
   		
	/*.main_banner{width: 100%; clear: both; min-height: 49%; max-height: 76%; letter-spacing: normal; position: relative;}*/
	.main_banner{width: 100%; clear: both; letter-spacing: normal; position: relative;}
		.banner_image{position: relative; width: 100%; overflow: hidden; margin: 0 auto;}
			.slide_banner{position: absolute; width: 999999px; overflow: hidden;}
			.slide_banner > li { float: left; height: 770px; background: center; background-size: auto 120%;}
			/*.slide_banner > li img {width: 100%;}*/
				.slide_banner > li:nth-child(1){background-image: url(../image/default/main_banner_1.jpg);}
				.slide_banner > li:nth-child(2){background-image: url(../image/default/main_banner_2.jpg);}
				.slide_banner > li:nth-child(3){background-image: url(../image/default/main_banner_3.jpg);}
				.slide_banner > li:nth-child(4){background-image: url(../image/default/main_banner_4.jpg);}
				
            .slide_banner > li h2, h1,.btn {position: absolute; z-index: 99; text-align: left;}
			.slide_banner > li h1 {top:40%; left:15%; font-size: 2.6em; font-weight: bold;}
			.slide_banner > li h2 {top:46%; left:15%; font-size: 1.2em; font-weight:300; line-height: 1.4em; margin-top: 0.3%;}
			.slide_banner > li .btn {top:55%; left:15%; width: 160px; margin-top: 0.3%; height: 39px; border: 1px solid #fff; font-size: 1.2em; border-radius: 30px; background: url(../image/default/slider_btn_rollout.png) no-repeat; padding:10px 0px 0px 20px; color: #fff;}
			.slide_banner > li .btn:hover{background:url(../image/default/slider_btn_rollover.png); cursor: pointer;}
		
		.btn_area > .left_arrow, .right_arrow{width: 34px; height: 64px; background: url(../image/default/arrow.png); position: absolute; z-index: 99; cursor: pointer;}
		.btn_area > a:hover {opacity: 0.7;}
		.btn_area > .left_arrow{top: 50%; left: 60px;}
		.btn_area > .right_arrow{top: 50%; right: 60px; background-position: right;}
		
		.paging {text-align:center; overflow:hidden; position: absolute; z-index: 99; bottom: 20px; width: 100%;}
			.paging .btn_page {width:14px; height:14px; margin:4px; font-size:0px; line-height:0; text-indent:-9999px; border: 1px solid #fff; background-color: transparent; opacity: 0.5; cursor: pointer;
								border-radius:50px; -ms-border-radius: 50px;}
			.paging .btn_page.on { background:#fff; opacity: 0.8;}
    
.main_content{width: 100%; height: auto; position:relative; margin-top: -2px; clear: both;}
        .main_content > ul > li {width: 33.33%; float: left;  cursor: pointer; position:relative;}
			.main_content > ul > li a{color: #fff}
            .main_content > ul > li h1, h2, .bar{position: relative; z-index: 99; text-align: center;}    
                .main_content > ul > li h1{font-size: 1.5em; width: 100%; font-weight: bold; padding: 2% 0px;}
                .main_content > ul > li h2{font-size: 1.2em; width: 100%; font-weight:300; padding: 2% 0px 26% 0px;}
				.main_content > ul > li .bg_img{position: absolute; top: 0; width:100%; height: 100%;}
				
				.main_content > ul > li:nth-child(1) .bg_img {background: url(../image/default/content_1_1.jpg) no-repeat center; background-size:105%;}
				.main_content > ul > li:nth-child(2) .bg_img {background: url(../image/default/content_2_1.jpg) no-repeat center; background-size:105%;}
				.main_content > ul > li:nth-child(3) .bg_img {background: url(../image/default/content_3_1.jpg) no-repeat center; background-size:105%;}

				.main_content > ul > li .bar {width: 47px; height: 5px; margin: 20% auto; margin-bottom: 0px;  background: #fff; }
				.main_content .mouse_arrow{width: 37px; height: 13px; bottom:24%; left: 47%; background: url(../image/default/cont_arrow.png) no-repeat; z-index: 99;  position: absolute; display: none;}
			    
	 .footer{width: 800px; height: 110px; font-size: 0.8em; color: #646464; margin:0 auto; clear: both; position: relative;}
		.footer img {vertical-align: middle;}        
		.copyright_logo{width: 120px; margin-top:40px; margin-right: 15%; margin-left: 7%;float: left;}
		.copyright_logo_gray {display: none;}        

        .copyright {float: left; margin-top: 20px; font-family: 'Open Sans', sans-serif;}    
            .copyright > li{clear: both; height: 15px; line-height: 1.3em; margin: 6px 0px;}
            .copyright > li:nth-child(1){font-family: 'Noto Sans KR', sans-serif;}
        
        .contact{height: 76px; border-left: 1px solid #c9c9c9; margin: 20px 0px 0px 9%; padding-left: 2%; float: left;}
            .contact > li{height: 15px; margin: 6px 0px; background: url(../image/default/contact_icon.png) no-repeat; background-size:10%;  padding-left: 15px; line-height: 1.3em;}
            .contact > li:nth-child(2){ background-position: 0px -15px;}
            .contact > li:nth-child(1){ background-position: 0px 3px;}
    
        .family_site {width: 184px; height: 30px; border: 1px solid #d1d1d1; float: right; margin-top: 41px;}
		.footer_lag{display: none;}

		.top_btn{position: fixed; right: 15%; bottom: 2%; cursor: pointer; z-index: 999; display: none; opacity: 0.7;}
		

/* Tablet & Desktop Device */
@media screen and (max-width : 1024px){	 
		.btn_area > .left_arrow, .right_arrow{display: none;}
			
		.main_content{margin-top: 2%;}
			.main_content > ul > li {width:100%;}
			.main_content > ul > li h1{font-size: 3.75vw;}
			.main_content > ul > li h2{font-size: 3.15vw; padding: 0 0 24% 0;}
			.main_content > ul > li .bar {width: 8%; margin: 8% auto; margin-bottom: 0; background: #cf152d; }
		.main_content_wrap{ margin-bottom: -15%;}
			
	    .slide_banner > li {height: auto; background: center; background-size: cover; letter-spacing:-1px;}
			.slide_banner > li:nth-child(1){background-image: url(../image/m_default/index/m_index_bg_01.jpg);}
			.slide_banner > li:nth-child(2){background-image: url(../image/m_default/index/m_index_bg_02.jpg);}
			.slide_banner > li:nth-child(3){background-image: url(../image/m_default/index/m_index_bg_03.jpg);}
			.slide_banner > li:nth-child(4){background-image: url(../image/m_default/index/m_index_bg_04.jpg);}
			.slide_banner > li h2, h1,.btn {text-align: center;}
			.slide_banner > li h2, h1{position:static;}
			.slide_banner > li h1{font-size: 4.7vw;  padding-top: 77%; margin-bottom: 1%;}
			.slide_banner > li h2{font-size: 3.15vw; line-height: 4.3vw; padding-bottom: 23%;}
			.slide_banner > li .btn {text-align: left; font-size:3vw;  width: 40%; height: auto; top:83%; left:29.5%; background-size: cover; background-position: center; padding: 2.5% 0 2.5% 6.5%; box-sizing: border-box;}
			.slide_banner > li .btn:hover{background: url(../image/default/slider_btn_rollout.png) no-repeat center;  background-size: cover; }
			
		/* m_footer */
			.footer{display: none;}
			.division_line{display: none;}
			.m_footer{display: block; width:90%; height:auto; font-size: 3.4vw; color: #646464; margin:0 auto;}
			.copyright{margin-top: 3%;}
			.copyright a{color: #646464;}
				.copyright li{height: auto; margin: 2% 0;}
				.copyright li:last-child{padding-bottom: 8%;}
			.copyright_logo {margin-top:6%; margin-left: 0;}   
			.copyright_logo img{width: 18vw; height: auto;}		
			
		}