/* 메인비주얼 */
.area_visual{position:relative; width:100%; padding-top:115px; }
.area_visual,
.area_visual .list{height:780px;}
.area_visual .list li{z-index:1 !important; width:100% !important; height:100%; background-repeat:no-repeat; background-position:70% 50%; background-size:cover;}
.area_visual .txt{z-index:99; position:absolute; top:210px; left:0; right:0; width:1200px; margin:0 auto; -webkit-animation:fade-in-bottom 1s ease-in-out; animation:fade-in-bottom 1s ease-in-out ; }
.area_visual .txt > span{display:block; padding:0 0 9px; font-size:65px; font-weight:bold; color:#ed1b24; letter-spacing:-0.5;}
.area_visual .txt p{margin-bottom:60px; font-size:35px; color:#fff; font-weight:600; word-break:keep-all; line-height:1.3em;}
.area_visual .txt p span{display:block;}
.area_visual .txt a{display:inline-block; padding:20px 75px; border:2px solid #fff; color:#fff;}

.area_visual .bx-controls.bx-has-controls-direction.bx-has-pager{position:absolute; top:50%; z-index:70; width: 100%; margin-top:52px;}
.area_visual a.bx-prev{left:50px; width:80px; height:80px; background:url(../images/main/btn_slide_left.png) no-repeat center;border:1px solid #ccc; font-size:0; transition:0.7s;}
.area_visual a.bx-next{right:50px; width:80px; height:80px; background:url(../images/main/btn_slide_right.png) no-repeat center;border:1px solid #ccc; font-size:0; transition:0.7s;}
.area_visual .bx-controls-direction > a {display:inline-block; position:absolute; bottom:0; text-indent:-9999px;}
.area_visual .bx-pager.bx-default-pager{display:none;}

.fade-in-bottom{-webkit-animation:fade-in-bottom 1s ease-in-out 1.5s;animation:fade-in-bottom 1s ease-in-out 1.5s;}
.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}


/* service */
.area_service{overflow:hidden; padding:80px 100px;}
.area_service .text{position:relative; float:left; width:25%; margin-right:5%; padding-top:30px;}
.area_service .text img{margin-bottom:30px;}
.area_service .text p{margin-bottom:40px; font-size:18px; line-height:1.5;}
.area_service .text a{display:inline-block; padding:15px 60px; background:#ed1c24; color:#fff;}
.area_service .img{float:right; width:70%;}
.area_service ul li{position:relative; /* float:left; width:-webkit-calc(33.3% - 10px); width:calc(33.3% - 10px); margin-left:15px; */}
.area_service ul li figure{overflow:hidden; position:relative; height:460px;}
.area_service ul li img{position:absolute; top:50%; left:50%; width:100%; -webkit-transform:scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%); transform-origin:0 0; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.area_service ul li:hover img{-webkit-transform: scale(1.2) translate(-50%,-50%); transform: scale(1.2) translate(-50%,-50%);}
.area_service ul li:first-child{margin-left:0;}
.area_service ul li:nth-child(2) {animation-delay: 0.6s;}
.area_service ul li:nth-child(3) {animation-delay: 0.8s;}
.area_service ul li:hover div{opacity:1;}
.area_service ul li div{position:absolute; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); text-align:center; opacity:0; color:#fff; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.area_service ul li div p{box-sizing:border-box; position:absolute; top:0; width:100%; height:100%; line-height:1.5; padding:0 25px; font-size:25px; font-weight:bold; letter-spacing:0.5px;} 
/*.area_service ul li div p span{display:block; font-weight:500; font-size:18px;}*/
.area_service ul li div p span{display:inline-block; vertical-align:middle;}
.area_service ul li div p:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.area_service ul li:nth-child(2) div p{top:33%;}
.area_service ul li:nth-child(3) div p{top:35%;}
.area_service ul li div ul{position:absolute; top:44%;}
.area_service ul li div ul li{box-sizing:border-box; float:none; width:100%; padding:0 10px; margin-left:0; text-align:left; font-size:18px;}
.area_service .icon_bullet{position:absolute; right:20px; bottom:50px;}
.area_service .icon_bullet img{margin-bottom:0; width:100px;}

/* contact us */
.area_contact{box-sizing:border-box; clear:both; padding:110px 10px; background:url(../images/main/img_contact.jpg) no-repeat 50% 20% fixed; text-align:center; color:#fff;}
.area_contact h2{font-size:40px; font-weight:bold;}
.area_contact p{margin-top:30px; font-size:22px;}
.area_contact a{display:inline-block; margin-top:50px; padding:20px 75px; border:2px solid #fff; color:#fff; transition:0.5s}
.area_contact a:hover{background:#fff; color:#000;}

/* business */
.area_business{overflow:hidden; padding:75px 0; background:#ed1b23; color:#fff;}
.area_business h2{font-size:40px;}
.area_business h2 span{display:block;}
.area_business .text{float:left;}
.area_business .image{float:right; width:65%;}
.area_business .image ul li{float:left; width:49%; margin-left:2%;}
.area_business .image ul li:first-child{margin-left:0;}
.area_business .image ul li img{width:100%;}

.area_business .text ul{margin:30px 0;}
.area_business .text ul li{line-height:1.8; font-size:18px; }
.area_business .text a{display:inline-block; margin-top:20px; padding:20px 75px; background:#222; color:#fff;}



@media all and (max-width:1600px){
	.area_service{padding:80px 50px;}

	.area_visual .bx-controls.bx-has-controls-direction.bx-has-pager{top:95%; margin-top:0px;}
	.area_visual a.bx-prev{right:131px; left:auto;}
}

@media all and (max-width:1400px){
	.area_service{padding:80px 50px;}
	.area_service .icon_bullet img{width:100px;}
	.area_service .text p{font-size:16px;}
	.area_service .text h3 img{width:200px;}
}


@media all and (max-width:1366px){
	.area_service ul li div p{font-size:17px;}
}

@media all and (max-width:1280px){
	.area_visual .txt, .wrapper{width:100%;}
	.area_visual .txt{left:20px; top:150px;}
	.area_visual .txt p{font-size:40px;}
	.area_service{padding:80px 30px;}
	.area_service .text{float:left; width:23%; margin-right:2%; padding-top:30px;}
	.area_service .img{width:75%;}
	.area_service .text p{font-size:15px;}
	
	.wrapper{box-sizing: border-box; padding:0 10px;}

	.area_visual, .area_visual .list{height:630px;}
	

}

@media all and (max-width:1100px){
	.area_service .text, .area_service .img{width:100%; text-align:center;}
	.area_service .text{margin-bottom:30px;}
	.area_service .icon_bullet img{width:100px;}
	.area_service ul li div p{font-size:17px;}
	.area_service ul li:nth-child(2) p{top:30%;}
	.area_service ul li:nth-child(3) p{top:30%;}
	.area_service ul li div ul{font-size:14px;}
	/* .area_service ul li div ul li, .area_service ul li div p span{font-size:14px;}*/
}

@media all and (max-width:960px){
	.area_contact h2, .area_business h2{font-size:30px;}
	.area_business .text ul li{font-size:16px;}
	.area_business .text a{margin-top:0;}


}

@media all and (max-width:800px){
	.area_service ul li img{width:auto; height:100%;}
	/* .area_service ul li div p{font-size:16px;} */
	.area_service ul li:nth-child(3) div p{top:21%}
	.area_service ul li div{opacity:1;}
}

@media all and (max-width:780px){
	.area_visual .txt p{font-size:30px;}
	.area_visual a.bx-prev, .area_visual a.bx-next{width:50px; height:50px; background-size:15px;}
	.area_visual a.bx-prev{right:71px;}
	.area_visual a.bx-next{right:20px;}

	.area_service ul li div p br{display:none;}

	.area_business .text, .area_business .image{width:100%; text-align:center;}
	.area_business .text{margin-bottom:30px;}
	.area_business h2 span{display:inline-block;}
	.area_service{padding:50px 10px;}
	
	.area_contact{background: url(../images/main/img_contact.jpg) no-repeat 50%;}

}


@media all and (max-width:620px){
	.area_visual .txt p{font-size:18px;}
	.area_visual .txt > span{font-size:23px;}
	.area_visual .txt{box-sizing:border-box; width:100%; padding:0 10px;left:0;}
	.area_visual, .area_visual .list{height:500px;}

	.area_service .img > ul > li{float:none; margin-left:auto !important; margin-right:auto; margin-bottom:30px;}
	.area_service ul li figure{height:300px;}
	.area_service ul li figure img{height:100%; width:auto;}

	.area_contact h2, .area_business h2{font-size:22px;}
	.area_contact p, .footer_top span{font-size:15px;}
	.area_contact a{padding:18px 65px; font-size:14px;}	
}


@media all and (max-width:480px){	
	.area_visual .txt a{padding:15px 55px; background:#ed1b23; border:0;}
	.area_service ul li:nth-child(3) div p{top:40%;}
	#header{z-index:99; position:fixed; height:115px; width:100%; background:#fff;}
	.area_visual{padding-top:100px;}
	
}