@charset "utf-8";



#container {position:relative;  }


 
html, body, #wrap, #container, .cbp-fbscroller, .cbp-fbscroller section {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;}

.main_parallax_nav nav.on_right_navi li span{border-color:#000;}
.main_parallax_nav nav.on_right_navi li a{color:#000;}
.main_parallax_nav nav.on_right_navi li.cbp-fbcurrent span{background:#71bf44;}


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




/*메인비주얼
.main_visual {text-align:center; position:relative; width:100%; height:300px;  overflow:hidden; z-index:1; padding:40px 0px; background:url(../images/main/main_visual_bg.png) right 50% no-repeat;}
.main_visual ul {height:300px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:right 50%; width:100%; height:300px}


.main_visual .main_visual_text {position:absolute; width:100%; height:300px; top:0px;  color:#fff; z-index:2;   }

.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:70px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:25px; color:#222 }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; letter-spacing:-6px;  color:#0054a5; font-weight:bold;}
.main_visual .main_visual_text .t3 {font-size:18px;color:#666 }
*/



/*첫번째*/

#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%; display:none;}
#cbp-fbscroller section.main_ver1 .title span{color:#fff; font-size:30px;; display:block; line-height:33px; margin-top:45px;}
#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_ver1 ul {height:100%; width:100% !important; position:relative; z-index:1;}
#cbp-fbscroller section.main_ver1 li {background-repeat:no-repeat; background-position:center top; width:100%; height:100%; background-size:cover;}
#cbp-fbscroller section.main_ver1 li a{display:block; height:100%;}


#cbp-fbscroller section.main_ver1 .main_visual_text {position:absolute; width:100%; height:100%; top:0px;  color:#fff; z-index:2;   }

#cbp-fbscroller section.main_ver1 .main_visual_text .text {position:relative; z-index:1;  padding-top:70px; color:#fff; text-align:left; }
#cbp-fbscroller section.main_ver1 .main_visual_text .t1 {font-size:25px; color:#222 }
#cbp-fbscroller section.main_ver1 .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; letter-spacing:-6px;  color:#0054a5; font-weight:bold;}
#cbp-fbscroller section.main_ver1 .main_visual_text .t3 {font-size:18px;color:#666 }


#cbp-fbscroller section.main_ver1 .btns {position:absolute; width:100%; left:0; top:300px;z-index:999999999;;overflow:hidden; }
#cbp-fbscroller section.main_ver1 .btns a{float:left; width:54px;  height:99px;margin:0 40px; background:url(../images/main/main_visual_btn.png) left 50% no-repeat; }
#cbp-fbscroller section.main_ver1 .btns a.main_next{float:right; background-position:right 50%; }






.common_main_bg {position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.4); z-index:0;}
.common_main_title {font-size:60px; line-height:40px; padding:140px 0px 60px;  z-index:2; position:relative; text-align:center; color:#fff;}




/*첫번째*/
#cbp-fbscroller section.main_ver2 {background-image:url(../images/main/main_visual02_bg.jpg);}
ul.product_list_wrap{text-align:center;  margin:0 auto; width:1000px; font-size:0px; z-index:2; position:relative; }
ul.product_list_wrap li{display:inline-block; width:290px; height:250px; margin:0 15px 30px; background:rgba(173,206,149,0.8); text-align:center; vertical-align:top;}
ul.product_list_wrap li:nth-last-child(odd){background:rgba(177,214,204,0.8); }
ul.product_list_wrap li.both{clear:both;}
ul.product_list_wrap li .icon {height:180px; line-height:180px;}
ul.product_list_wrap li .icon img {vertical-align:middle;}
ul.product_list_wrap li .info {padding:0px 20px 20px; color:#fff; font-size:22px; font-weight:bold;}


ul.product_list_wrap li:hover {background:rgba(111,191,66,0.8)}



/*두번째*/
#cbp-fbscroller section.main_ver3 {background:#e7f0c4;}
#cbp-fbscroller section.main_ver3 .common_main_title,
#cbp-fbscroller section.main_ver3 .common_main_title a {color:#000}
#cbp-fbscroller section.main_ver3 .common_main_title .color {/*color:#ffc105*/ color:#000;}

#cbp-fbscroller section.main_ver3 ul{text-align:center; width:1000px;  margin:0px auto 0px; overflow:hidden;  text-align:center;  }
#cbp-fbscroller section.main_ver3 ul li{display:inline-block; position:relative;  overflow:hidden; margin:0px 15px 30px;; vertical-align:top;}


#cbp-fbscroller section.main_ver3 ul li .photo {position:relative; z-index:0; }
#cbp-fbscroller section.main_ver3 ul li .photo img { vertical-align:top;}

#cbp-fbscroller section.main_ver3 ul li dl {text-align:left; background:#fff; padding:30px;}
#cbp-fbscroller section.main_ver3 ul li dl dt {color:#333; font-size:20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; padding-right:10px; margin-bottom:10px;  }
#cbp-fbscroller section.main_ver3 ul li dl dd {color:#666; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; padding-right:10px; }




/*세번째*/
#cbp-fbscroller section.main_ver4 {background:#e7f0c4; }
#cbp-fbscroller section.main_ver4 .default_layout{border-top:1px #000 solid; }
#cbp-fbscroller section.main_ver4 .common_main_title,
#cbp-fbscroller section.main_ver4 .common_main_title a{color:#000}
#cbp-fbscroller section.main_ver4 .common_main_title .color {color:#ffc105}

#cbp-fbscroller section.main_ver4 ul{text-align:center; width:1000px;  margin:0px auto 0px; overflow:hidden;  text-align:center;}
#cbp-fbscroller section.main_ver4 ul li{display:inline-block; position:relative;  overflow:hidden; margin:0px 15px 30px;; vertical-align:top; }


#cbp-fbscroller section.main_ver4 ul li .photo {position:relative; z-index:0; }
#cbp-fbscroller section.main_ver4 ul li .photo img { vertical-align:top;}

#cbp-fbscroller section.main_ver4 ul li .subject {position:absolute; left:0px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.4); }
#cbp-fbscroller section.main_ver4 ul li .subject .t1{color:#fff; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;  padding:25px 15px;  }





.first_top_go {position:fixed; bottom:80px; display:none;}
.first_top_go.on {display:block;}
.first_top_go a{display:inline-block; background:rgba(255,255,255,0.6); width:40px;height:40px; line-height:40px; text-align:center;border:2px #333 solid; font-size:18px;  vertical-align:middle; padding:0px;}
.first_top_go a .fonti{margin-left:6px; color:#000;}



#cbp-fbscroller section.main_ver5 {height:185px !important;}