@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative;  }


 
html, body, #wrap, #container, .cbp-fbscroller, .cbp-fbscroller section {height:100%; width:100%;  height:100%; }

#cbp-fbscroller {position:relative; height:100%; width:100%; }


.main_parallax_nav {position:fixed; right:30px; top:30%;  z-index:99999999;}
.main_parallax_nav nav {position:relative; }
.main_parallax_nav li {margin-bottom:0px;vertical-align:middle; height:22px; }
.main_parallax_nav li span{display:inline-block; width:10px; height:10px; border:1px #fff solid;; margin-right:5px; vertical-align:middle; }
.main_parallax_nav li a{color:#fff; font-size:11px;}
.main_parallax_nav li.cbp-fbcurrent span{background:#fff;}


#cbp-fbscroller section {
	position: relative;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


/*첫번째*/
#cbp-fbscroller section.main_ver1 {background:#222;}
#cbp-fbscroller section.main_ver1 .title{color:#fff; font-size:80px; text-align:center; line-height:66px; position:absolute; left:0px; top:40%; width:100%; }
#cbp-fbscroller section.main_ver1 .title span{color:#fff; font-size:20px;; display:block}
#main_video{width:100%; padding:0px; margin:0px;}
#cbp-fbscroller section.main_ver1 .down_arrow {position:absolute; bottom:60px; width:100%; z-index:99999;  text-align:center; font-size:60px; color:rgba(255,255,255,0.8);animation-duration: 0.3s;	animation-iteration-count: infinite;	animation-direction: alternate;}
#cbp-fbscroller section.main_ver1 .down_arrow a{color:rgba(255,255,255,0.6);}
#cbp-fbscroller section.main_ver1 .down_arrow a:hover{color:rgba(255,255,255,1);}
#cbp-fbscroller section.main_ver1 .down_arrow {animation-name:down_arrow; animation-delay: 0.1s;}
@keyframes down_arrow{from{bottom:60px;}to{bottom:50px;}}




/*첫번째*/
#cbp-fbscroller section.main_ver2 ul{text-align:center; padding-top:220px; margin:0 auto; width:1000px; font-size:0px;}
#cbp-fbscroller section.main_ver2 ul li{display:inline-block; width:300px; height:250px; margin:0 10px 20px; background:rgba(255,61,0,0.8); text-align:center; vertical-align:top;}
#cbp-fbscroller section.main_ver2 ul li.both{clear:both;}
#cbp-fbscroller section.main_ver2 ul li dl {padding:40px 20px 20px; color:#fff;}
#cbp-fbscroller section.main_ver2 ul li dl dt{font-size:22px; font-weight:bold;}
#cbp-fbscroller section.main_ver2 ul li dl dd{margin-top:20px; font-size:14px; line-height:20px; color:rgba(255,255,255,0.8)}
#cbp-fbscroller section.main_ver2 ul li:hover {background:rgba(0,0,0,0.8)}



/*첫번째*/
#cbp-fbscroller section.main_ver3 ul{text-align:center; font-size:0px; width:1130px !important; margin:0 auto; }
#cbp-fbscroller section.main_ver3 ul li{display:inline-block; position:relative; width:250px !important; height:250px !important; margin:330px 15px 0; overflow:hidden; border-radius:250px;}
#cbp-fbscroller section.main_ver3 ul li .box{position:relative; height:250px;overflow:hidden; border-radius:250px; }

#cbp-fbscroller section.main_ver3 ul li .img {width:250px; height:250px; position:relative; z-index:0; }
#cbp-fbscroller section.main_ver3 ul li .img img {width:100%; height:100%; vertical-align:top;}


#cbp-fbscroller section.main_ver3 ul li .bg{position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5);  width:250px; height:250px; z-index:1; border-radius:250px;}
#cbp-fbscroller section.main_ver3 ul li:hover .bg{background:rgba(0,0,0,0.1); }

#cbp-fbscroller section.main_ver3 ul li dl {position:absolute; left:0px; top:35%; width:100%; color:#fff; z-index:2; text-align:center;font-weight:bold; }
#cbp-fbscroller section.main_ver3 ul li dl dt{color:rgba(255,255,255,0.6); font-size:18px;}
#cbp-fbscroller section.main_ver3 ul li dl dd {font-size:26px; text-align:center; font-size:26px; padding-top:4px; }
#cbp-fbscroller section.main_ver3 ul li dl dd a{color:rgba(255,255,255,1); }


section.main_ver3 .control {position:absolute; left:0; top:45%;  width:100%; }
section.main_ver3 .control .box{margin:0 auto; width:1250px;}
section.main_ver3 .control a{float:left; width:34px; height:64px; background:url(../images/main/section3_btn.png) left top no-repeat; text-indent:-99999px;}
section.main_ver3 .control #next{float:right; background-position:right top; }




/*지도*/
section.main_ver4 { text-align:center;position:relative; }
section.main_ver4 #naver_map{}
section.main_ver4 .fbsection4_wrap{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:99999; display:none;}
section.main_ver4 dl {padding:180px 0 80px; color:#fff; }
section.main_ver4 dl dt{font-size:30px; font-weight:bold; margin-bottom:30px;}
section.main_ver4 dl dd{font-size:16px; }
section.main_ver4 #daum_map{margin:0 auto; width:95%; height:500px;}