@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* base */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0; }
body, div, p, th, td, input, textarea					{
	margin:0px;
	color:#666;
	font-size:12px;
	font-family: "나눔 고딕",Nanum Gothic,NanumGothic, Arial, Helvetica;
	font-weight:normal;
	line-height:20px;
	letter-spacing:0em;
	padding: 0px;
}

table {border-spacing:0}
fieldset, img {border:0}
img {vertical-align:top}
ul, ol {list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:normal; /*font-size:0*/}
caption, legend {display:none}
textarea {resize: none} /* 크롬,사파리 */
body {
	width:100%;
}
a:link, a:visited {text-decoration:none}
a:active, a:hover {text-decoration:underline}
html {
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#f0f0f0;
	scrollbar-track-color:#f0f0f0;
	scrollbar-arrow-color:#8a8889;
}

html, body{
	height:100%;
	overflow-x:hidden;
}

.wrap{
	width:100%;
	position:relative;
}

.w100{
	width:100%;
}

.container{
	position:relative;
	display:block;
}

.clear{
	clear:both;
}

.container.full{
	height:100%;
}

.container.page1{
	background:url('img/bda/page1_bg.jpg') no-repeat;
	background-position:center center;
	background-size:100% 100%;
}

.page1 *{
	transition:1s;
}

.p1img{
	position:absolute;
	width:32%;
	top:15%;
	opacity:0;
	transform:rotate(300deg);
}

.p1img.on{
	opacity:1;
	transform:rotate(0deg);
}

.p1_img_1{
	left:10%;
}

.p1_img_2{
	right:10%;
}

.p1_img_3{
	position:absolute;
	left:50%;
	bottom:0px;
	width:32%;
	margin-left:-16%;
	opacity:0;
}

.p1_img_3.on{
	transition:0.5s;
	bottom:10%;
	opacity:1;
}

.page2{
	background:url('img/bda/page2_bg.jpg') no-repeat;
	background-position:center center;
	background-size:100% 100%;
}

.p2_img1{
	position:absolute;
	top:28%;
	width:32%;
	right:50%;
}

.p2_img2{
	position:absolute;
	top:28%;
	width:32%;
	left:55%;
	opacity:0;
	transition:0.5s;
}

.p2_img2.on{
	left:50%;
	opacity:1;
}

.p2img.txt{
	position:relative;
	left:51%;
	top:34%;
	width:7%;
	z-index:10;
	opacity:0;
	transition:0.2s;
}

.p2img.txt.on{
	opacity:1;
	width:5%;
}

.p2_img8{
	position:absolute;
	left:50%;
	width:30%;
	top:50%;
	opacity:0;
	transition:1s;
}

.p2_img8.on{
	opacity:1;
	top:44%;
}

.p2_img9{
	position: absolute;
    left: 50%;
    width: 50%;
    bottom: 0%;
    margin-left: -25%;
	opacity:0;
	transition:1s;
}

.p2_img9.on{
	opacity:1;
	bottom:5%;
}

.container.page3{
	background:url('img/bda/page3_bg.jpg') #70e5ef repeat-y;
	background-size:contain;
	background-position:top center;
	padding-bottom:60px;
}

.page3_box{
	width:60%;
	min-width:1200px;
	margin:0 auto;
	box-shadow:10px 10px 10px rgba(0,0,0,0.2);
	position:relative;
}

.page3_txt{
	width: 100%;
    padding: 1em 0px 1em 0px;
    font-size: 2em;
    color: #161f3e;
    text-align: center;
    font-weight: bold;
    font-family: "나눔 고딕";
    line-height: 1.5em;
	background:#6fd0d8;
}

.pfloat{
    position: absolute;
    left: -11%;
    bottom: 0px;
    width: 14%;
}

.page4{
	background:url('img/bda/p4_bg.jpg') #161f3e repeat-y;
	padding-bottom:100px;
}

.p4_slide_box{
	width:60%;
	min-width:1200px;
	border-radius:20px;
	border:5px solid #ffea34;
	margin:0 auto;
	overflow-x:hidden;
}

.p4s_btn{
	position:absolute;
	top:50%;
	z-index:10;
	margin-top: -29px;
	cursor:pointer;
}

.p4s_btn.left{
	left:10px;
}

.p4s_btn.right{
	right:10px;
}

.p4_slide_box .swiper-pagination>.swiper-pagination-bullet{
	width:7px;
	height:7px;
	border:3px solid #fff682;
	background:transparent;
	opacity:1;
}

.p4_slide_box .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:7px;
	height:7px;
	background:red;
	border:3px solid red;
}

.page5{
	background:#161f3e;
}

.p5_txt{
	text-align:center;
	padding-bottom:20px;
	font-size:2em;
	color:white;
	font-weight:bold;
	line-height:2em;
}

.p5_txt span{
	display:inline-block;
	background:#fff682;
	color:#f10f44;
	padding-left:10px;
	padding-right:10px;
}

.page7{
	background:url('img/bda/p7_bg.jpg') #70e5ef no-repeat;
	padding-top:266px;
    background-size: cover;
    background-position: top;
}

.p7_t{
	float:right;
	margin-right:60px;
}

.p7_t td{
	vertical-align:top;
}

.p7_txt{
	font-size:25px;
	line-height:32px;
	color:#373737;
}

.page9{
	background:url('img/bda/p9_img.jpg') no-repeat;
	background-position:top center;
	background-size:cover;
	height:1078px;
}

.p9_txt{
	position:absolute;
	width:765px;
	top:275px;
	left:348px;
}

.p9_inner{
	color:#e5e5e5;
	font-size:25px;
	line-height:50px;
	text-align:center;
}

.p10_s_box{
	width:100%;
	background:black;
	overflow:hidden;
}

.p10_s_box .swiper-container {
	width: 100%;
	height: 300px;
	margin: 20px auto;
}
.p10_s_box .swiper-slide {
	text-align: center;
	width: 60%;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.p10_s_box .swiper-slide:nth-child(2n) {
	width: 40%;
}
.p10_s_box .swiper-slide:nth-child(3n) {
	width: 20%;
}

.p10_s_box .swiper-slide img{
	width:100%;
}

.p10_s_box .swiper-pagination>.swiper-pagination-bullet{
	width:7px;
	height:7px;
	border:3px solid #fff682;
	background:transparent;
	opacity:1;
}

.p10_s_box .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:7px;
	height:7px;
	background:red;
	border:3px solid red;
}

.p10_s_box .swiper-slide img{
	transition:0.5s;
}

.p10_s_box .swiper-slide img{
	opacity:0.3;
}

.p10_s_box .swiper-slide.swiper-slide-active img{
	opacity:1;
}

.p0s_btn{
	position:absolute;
	top:50%;
	z-index:10;
	margin-top:145px;
	cursor:pointer;
}

.p0s_btn.left{
	left:26%;
}

.p0s_btn.right{
	right:26%;
}

.calf{
	text-align:center;
}

.footer{
	padding-bottom:50px;
}

.sub_common01_wrap{
	height:auto;
}