@charset "utf-8";



#full_navi {z-index:99; position:fixed; left:80px; top:0%; height:100%;}
#full_navi .line {width:1px; height:100%; background:rgba(255,255,255,0.3);  position:absolute; left:10px; top:0px;  z-index:0;}
#full_navi ul { position:relative;  z-index:1; padding-top:350px; width:140px; }
#full_navi ul li {position:relative; padding:0px 0px; height:25px; line-height:16px; margin:25px 0px; overflow:hidden; transition: all 0.3s;}
#full_navi ul li .dot {position:absolute; left:7px; top:3px;width:7px; height:7px; border-radius:7px; background:rgba(255,255,255,0.6);   vertical-align:middle; transition: all 0.3s;}
#full_navi ul li .text {display:inline-block; margin-left:25px;; vertical-align:middle;font-size:15px; position:relative; transition: all 0.3s; color:#fff; opacity:0.8}
#full_navi ul li.active  {margin:12px 0px;}
#full_navi ul li.active .dot {width:12px; height:12px; border-radius:12px;  left:5px; background:#fff;}
#full_navi ul li.active .text{color:#fff; opacity:1;  font-weight:bold;}
/*#full_navi ul li:hover .dot{width:12px; height:12px; border-radius:12px;  left:5px; background:#fff;}
#full_navi ul li:hover .text{color:#fff;  opacity:1}*/


#full_navi.on ul li a{color:#999;}
#full_navi.on ul li.active a{color:#fff;}
#full_navi.on .line {background:rgba(0,0,0,0.1);}

#full_navi.on ul li .dot { background:rgba(0,0,0,0.3); }
#full_navi.on ul li.active .dot { background:#000; }
#full_navi.on ul li .text{color:#a4a4a4; }
#full_navi.on ul li.active .text{color:#000;}



.quick_jimyung { display:block !important;}






.main_visual_title {position:absolute; left:0px; top:45%; width:100%; z-index:9; }
.main_visual_title .main_visual_title_box {padding-left:160px; }
.main_visual_title .t1{font-size:60px; color:#fff; font-weight:bold; line-height:60px;}
.main_visual_title .btns{margin-top:40px; position:relative;}
.main_visual_title .btns a{display:inline-block; position:relative; font-size:17px; color:#fff;}
.main_visual_title .btns a .cycle {display:inline-block; margin-left:40px; }
.main_visual_title .btns a .cycle .arrow{display:inline-block; width:30px; height:30px; line-height:30px; background:#5c7e26; border-radius:30px; vertical-align:middle; position:relative; left:-37px; z-index:0;}
.main_visual_title .btns a .cycle .fonti{font-size:16px;  z-index:1;position:relative;}


.main_visual_title .btns_etc{margin-top:40px; position:relative;display:none;}
.main_visual_title .btns_etc a{display:inline-block; position:relative; font-size:17px; color:#fff; border-radius:40px; border:3px #fff solid; padding:0 30px; line-height:45px;}
.main_visual_title .btns_etc a .fonti {padding-left:20px;}



#section01 { background:url(../images/main/section01_new.jpg?1) center top no-repeat; background-size:cover;  }

#section02 { background:url(../images/main/section02.jpg) center top no-repeat; background-size:cover;  }

#section03 { background:url(../images/main/section03.jpg?1) center top no-repeat; background-size:cover;  }

#section04 { background:url(../images/main/section04.jpg?1) center top no-repeat; background-size:cover; }

#section05 { background:url(../images/main/section05_new.jpg?11) center top no-repeat; background-size:cover; }


.section_last {height: auto !important; background:#000;}
.section_last .fp-tableCell {height:auto !important;}



.section_last .fp-tableCell	 #footerGroup {position:relative; background:#222; padding-bottom:30px;  padding-top:30px; }

.section_last .fp-tableCell	 #footerGroup .f_util {overflow:hidden; position:relative; border-bottom:1px rgba(0,0,0,,0.1) solid;}
.section_last .fp-tableCell	 #footerGroup .f_util ul{overflow:hidden; text-align:center;}
.section_last .fp-tableCell	 #footerGroup .f_util li{display:inline-block; font-weight:normal;  font-size:15px; }
.section_last .fp-tableCell	 #footerGroup .f_util li a{margin-right:13px;  padding-right:13px; line-height:50px; display:block;color:#fff;  background:url(../images/common/f_util_dot.png) right 50% no-repeat;}
.section_last .fp-tableCell	 #footerGroup .f_util li.last a{background:none;}


.section_last .fp-tableCell	 #footerGroup .footer {margin-top:5px; padding-top:15px; text-align:center; font-size:13px; position:relative;   color:rgba(255,255,255,0.8); }
.section_last .fp-tableCell	 #footerGroup .footer span{display:inline-block; padding-right:8px;}







@media all and (max-width:1024px) {


#header.on_scroll {border-bottom:0px; background:none;}
#header.on_scroll p.all_menu_btn span,
#header.on_scroll_etc p.all_menu_btn span {background:#fff;}







#header h1#logo a.mobile_ver {display:none;}

#header.on_scroll h1#logo a.pc_ver {display:inline-block;}
#header.on_scroll h1#logo a.mobile_ver {display:none;}




#header.on_scroll_etc {background:none;}
#header.on_scroll_etc h1#logo a.pc_ver {display:inline-block;}
#header.on_scroll_etc h1#logo a.mobile_ver {display:none;}

#full_navi {display:none;}



.section {height: auto !important;}
.section .fp-tableCell {height:auto !important;}



.main_visual_title {position:absolute; left:0px; top:35%; width:100%; z-index:9; t }
.main_visual_title .main_visual_title_box {padding-left:0px; text-align:center; }
.main_visual_title .t1{font-size:30px; color:#fff; font-weight:bold; line-height:30px;}
.main_visual_title .btns {margin-top:10px;}
.main_visual_title .btns a{font-size:16px;}




/*메인비주얼*/






.main_common_box {height:500px !important;}


}



@media all and (min-width:1025px) and (max-width:1440px) {

#full_navi { left:10px;
#full_navi ul li {height:18px;}
#full_navi ul li .text {font-size:13px; line-height:18px;}
#full_navi ul li.active {margin:8px 0px;}


.main_visual_title .t1 {font-size:40px;}

}