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

/* common */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin: 0; padding: 0; font-family: '나눔고딕', 'NanumGothic', Helvetica, sans-serif; -webkit-text-size-adjust: none;}
ul, li, dl {list-style: none;}
html, body {min-width:1100px;}
a {text-decoration:none;}
fieldset, img {border:0; margin:0; padding:0;}
img.map, map area {outline: none;}
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal;}
input, textarea, select{border:0; background:#fff; padding:5px; box-sizing:border-box;}
.margin_none{margin:0 !important;}

/* style */
#section01, #section02, #section03, #section04, #section-PE, #section05, #section06, #section07, #section08, #section09, #section10, #footer, #quick{width:100%; line-height:0; position:relative; text-align: center;}


#section01{padding-top:175px; background:url(../img/bg01.jpg) no-repeat center 175px; background-color:#a0001a;}
#section02{background:url(../img/bg02.jpg) no-repeat center 10px;}
#section03{background:url(../img/bg03.jpg) no-repeat center 10px; background-color:#ffffff;}
#section04{background:url(../img/bg04.jpg) no-repeat center 10px; }

#section-PE{background-color: #4b97dd;}

#section-PE .top{position:relative ;}


#section05{background-color: #2b2b2b;}
#section07{background-color: #7eb1eb;}

#section09 .map{width:1200px; margin:0 auto;}



#top{width:100%; height:155px; text-align:center; border-bottom:1px solid #e3e3e3; background:#ffffff; position:fixed; top:0; left:0; z-index:999;}
#top .top_in{width:1440px; margin:0 auto; position:relative;}
#top .top_in input, #top .top_in textarea, #top .top_in select{position:absolute; height:25px;}
#top .top_in input.name{border:1px solid #e5e5e5; width:200px; height:40px; top:34px; left:437px;}
#top .top_in input.hp{border:1px solid #e5e5e5; width:200px; height:40px; top:82px; left:437px;}
#top .top_in input.mail{border:1px solid #e5e5e5; width:200px; height:40px; top:34px; left:741px;}
#top .top_in select.subject{border:1px solid #e5e5e5; width:200px; height:40px; top:34px; left:1045px;}
#top .top_in textarea{border:1px solid #e5e5e5; width:200px; height:40px; top:82px; left:741px;}
#top .top_in input.agree_chk{padding:0;width:18px; height:18px; top:94px; left:977px; cursor:pointer;}
#top .top_in input.btn{width:152px; height:90px; top:34px; left:1287px; background:none; cursor:pointer;}

#agree_pop_wrap{width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; z-index:9999; display:none;}
.agree_pop{width:400px; height:550px; border:3px solid #dc004d; overflow:scroll; box-sizing: border-box; position:absolute; padding:40px 30px; background:#fff; top:25%; left:50%; margin-left:-200px; font-size:14px;}
.agree_pop .close{position:absolute; top:10px; right:10px; font-size:20px; color:#666; cursor:pointer;}

#covered_wrap{width:1200px; margin:0 auto;}
.covered{background:url(../img/img_11_on.jpg);}
.handle{width: 128px; height: 128px; background: url(../img/mouse.png) no-repeat; position: absolute; top: 350px; left: 619px; z-index: 90; margin-left: -66px; margin-top: 20px;}
.changeable{position: relative; height: 729px; background: url(../img/img_11.jpg);}




#footer{background:#e6e6e6;}

#quick{width:70px; position:fixed; z-index:999; bottom: 100px; right:0;}


.skin365_swiper {width:960px !important; margin:0 auto; overflow:hidden; position:relative !important;  padding-bottom:100px; /*margin-left: 494px;*/}
.swiper-container {/* width:100%;height:854px; */ box-sizing:border-box;padding-top:300px; /* padding-bottom:70px; */}
/* 	.swiper-wrapper {margin-left:-11.8%;} */
.swiper-slide {background-position:center;background-size:cover;transform:none !important;margin-top:65px;}
.swiper-slide-prev {vertical-align:middle;transform:none !important;width:65px !important;height:550px !important; background-position:left;}
.swiper-slide-next {vertical-align:middle;transform:none !important;width:65px !important;height:550px !important; background-position:right;}
.swiper-slide-active {width:830px !important;height:719px !important; margin-top:0;/* -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3); */}
.swiper-container {overflow:visible;}
.swiper-slide-active .swiper-slide-shadow-left {opacity:0 !important;}
.swiper-slide-active .swiper-slide-shadow-right {opacity:0 !important;}
.swiper-button-next {right:70px !important;top:620px;}
.swiper-button-prev {left:70px !important;top:620px;}

@-webkit-keyframes leftarrow {
  0% { -webkit-transform: translateX(0);}
  100% { -webkit-transform: translateX(-0.6em);}
}
@-webkit-keyframes rightarrow {
  0% { -webkit-transform: translateX(0);}
  100% { -webkit-transform: translateX(0.6em);}
}
.swiper-button-next {
		  -webkit-animation: leftarrow 0.6s infinite alternate ease-in-out;
}
.swiper-button-prev {
		  -webkit-animation: rightarrow 0.6s infinite alternate ease-in-out;
}

.swiper-slide-shadow-left{
  border-radius: 22px 0px 0px 22px;
}
.swiper-slide-shadow-right{
  border-radius: 0px 22px 22px 0px;
}


