@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

#fullpage{
	font-family:'NanumSquare', sans-serif;
	/*animation: fadein 2s;
    -moz-animation: fadein 2s; 
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;*/
}

section{min-width:1280px;}
#section0{
	background:url('img/visual_back.jpg') no-repeat top center;
	background-size:cover;
}
#section0 div.contents{
	width:100%;
	max-width:1020px;
	min-width:900px;
	margin:8% auto 0;
}
#section1{
	background:url('img/diary_back.jpg') no-repeat top center;
	background-size:cover;
}
#section1 div.contents{
	position:relative;
	width:100%;
}

#section1.diary_slider{position:absolute;bottom:0;height:100%;}
div.d_slide img{width:100%;max-width:1920px;min-width:1400px}

#bx-pager{position:absolute;bottom:17%;left:22%;margin:0 auto;padding:20px;list-style:none;}
#bx-pager li{margin:0 54px 0 0;padding:0;float:left;text-align:center;}
#bx-pager li a{
	display:block;
	border-radius:50px;
	width:8px;
	height:8px;
	background:#000;
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	text-decoration:none
}
#bx-pager li a span{margin-left:-14px;}
#bx-pager li a.active {
	background:#b47c35;
	color:#b47c35;
}
#bx-pager li a span{display:block;padding-top:20px;}

#section2{
	background:url('img/inbody_back.jpg') no-repeat top center;
	background-size:cover;
}

#section2 div.contents{
	position:relative;
	width:100%;
	height:100%
}
.inbody_doc{
	position:absolute;
	width:100%;
	max-width:840px;
	bottom:0;
	left:50%;
	margin-left:-420px;
	z-index:11
}
.inbody_graph{
	position:absolute;
	width:100%;
	height:380px;
	bottom:0;
	background:linear-gradient(45deg, #d8b383, #f7e7bf, #b9a66c );
	z-index:10
}
.inbody_result{
	position:absolute;
	width:1280px;
	bottom:120px;
	left:50%;
	margin-left:-640px;
	z-index:12
}
.inbody_copy{
	position:absolute;
	width:100%;
	max-width:1280px;
	height:297px;
	top:10%;
	left:50%;
	margin-left:-640px;
	z-index:13;
}
.inbody_tit{position:absolute;max-width:448px;left:0;bottom:0}
.doc_box{position:absolute;right:0}
.doc_box span{position:absolute;right:0}
.doc_box a{position:absolute;right:250px;top:240px;}

#section3{
	background:url('img/pt_back.jpg') no-repeat top center;
	background-size:cover;
}

#section3 div.contents{
	position:relative;
	max-width:1280px;
	margin:-5% auto 0;
}

#section3 .tit{width:810px;margin-top:50px}
#section3 p{font-size:16px;margin:30px 0}
#section3 .doc_video{margin-top:90px;width:500px;}

#section3 ul.pt_list{width:100%;max-width:1000px;margin:0;padding:0;list-style:none;}
#section3 ul.pt_list li{width:13%;;margin-right:1.8%;padding:0;float:left}
#section3 ul.pt_list li:last-child{margin-right:0}


#section4{}
#section4 div.contents{
	position:relative;
	max-width:1280px;
	margin:-5% auto 0;
	text-align:center;
}
#section4 .tit{width:300px;margin:50px auto 0;}
#section4 p{font-size:16px;margin:20px 0}

#section4 .bna_slider{}
#section4 .bna_nav{position:absolute;top:50%;width:1100px;left:50%; margin-left:-550px}
#section4 .bna_nav .bna_pre{float:left;}
#section4 .bna_nav .bna_pre a{cursor:pointer}
#section4 .bna_nav .bna_next{float:right;}
#section4 .bna_nav .bna_next a{cursor:pointer}


#section5{}
#section5 div.contents{
	position:relative;
	max-width:1280px;
	margin:-5% auto 0;
	text-align:center;
}
#section5 .tit{width:221x; margin:50px auto 0;}
#section5 p{font-size:16px;margin:10px 0 20px;}


#section6{}
#section6 div.contents{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}

#section6 .tit{width:454px;margin:50px auto 0; text-align:center;}
#section6 p{font-size:16px;margin:10px 0 10px;}
#section6 ul.pr_list{width:1140px;height:500px;margin:0 auto;padding:0;list-style:none;}
#section6 ul.pr_list li{width:570px; margin:0;padding:30px;float:left;}


#section7{}
.tab_btn{position:absolute;top:100px;left:50%;margin-left:-180px;}
.tabs a.tab {display:block;float:left;width:180px;height:60px;font-size:20px;text-align:center;line-height:60px; background:#f9f9f9; border:1px solid #ccc;box-sizing:border-box; }
.tabs a.tab.on {color:#fff; background:#121212; border:none; font-weight:bold;transition:.5s}
.tabs .contlist {margin-top:120px; left:0;}


#section8{}
#section8 div.contents{
	position:relative;
	max-width:1280px;
	margin:-5% auto 0;
	text-align:center;
}
#section8 .tit{width:230px;margin:50px auto 0;}
#section8 p{font-size:16px;margin:20px 0 10px;}
#section8 text{margin:20px 0;}






@media only screen and (max-width : 1600px) {
	#bx-pager{left:20%;}
}
@media only screen and (max-width : 1440px) {
	#bx-pager{left:19%;}
}
@media only screen and (max-width : 1400px) {
	#bx-pager{left:250px;}
}





@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}