@charset "utf-8";


*, :after, :before { -webkit-box-sizing: unset; -moz-box-sizing: unset;  box-sizing: unset; }


	


#full_navi {z-index:99; position:fixed; left:20px; top:40%; }
#full_navi .line {width:1px; height:100%; background:rgba(255,255,255,0.2);  position:absolute; left:20px; top:0px;  z-index:0;}
#full_navi ul { position:relative;  z-index:1;}
#full_navi ul li {position:relative; padding:5px 0px;}
#full_navi ul li span {position:absolute; left:18px; top:14px; width:5px; height:5px; background:rgba(255,255,255,0.4); border-radius:5px;}
#full_navi ul li a{display:inline-block; padding-left:40px; color:rgba(255,255,255,0.5); font-size:13px;}
#full_navi ul li.active a{color:rgba(255,255,255,1);}
#full_navi ul li.active span{left:10px; top:6px; width:10px; height:10px; border:5px #597163 solid; background:#fff; border-radius:10px;}

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

#full_navi.on ul li span {background:rgba(0,0,0,0.4); border-radius:5px;}
#full_navi.on ul li.active span{ background:#fff; border-radius:10px;}




/*메인베너*/

#main_visual {position:relative; height: 100vh; overflow:hidden; background:#597163;}
#main_visual li{position:relative; width:100%; height: 100vh;   background-position:center top; background-repeat:no-repeat;  background-size:cover; transition: all 10s }




#main_visual .bg {background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; width:100%; height:1200px; z-index:9998;}
#main_visual .control {position:absolute; top:205px;left:0px; width:100%; z-index:9999;}
#main_visual .control a{float:left; width:24px; height:53px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
#main_visual .control .main_prev{float:left; margin-left:20px;}
#main_visual .control .main_next{float:right;background-position:-24px top; margin-right:20px;}

#main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
#main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:15px; margin:0 3px; border-radius:15px; background-color:#ddd; }
#main_visual .main_pager .cycle-pager-active{background:#222;  border-color:#222;}

#main_visual .btns {position:absolute; width:100%; left:0; top:280px;z-index:999999999;;overflow:hidden; display:none;}
#main_visual .btns a{float:left; width:51px;  height:99px;margin:0 40px; background:url(../../../img/common/main_visual_btn.png) left 50% no-repeat; }
#main_visual .btns a.main_next{float:right; background-position:right 50%; }


#main_visual .visual_text {text-align:center; position:absolute; left:0px; top:380px; width:100%; z-index:9999; color:#fff;  font-family: 'GyeonggiBatang'; }
#main_visual .visual_text .t1{ font-size:80px; font-weight:bold; }
#main_visual .visual_text .t2{ font-size:18px; margin-top:20px;}





#main_visual .scroll_down {position:absolute; left:0px;  bottom:50px; width:100%; text-align:center; z-index:9999999 !important; }
#main_visual .scroll_down .scroll_positoin {
	position: relative;
    display: inline-block;
    width: 33px;
	height: 60px;
    border: 3px solid #fff;
    border-radius: 40px;
}
#main_visual .scroll_down .scroll_positoin:after {
    content: "";
    position: absolute;
	top: 8px;
    left: 14px;
	width: 4px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
   
    -webkit-animation: mouse 0.9s linear infinite;
    -moz-animation: mouse 0.9s linear infinite;
    -ms-animation: mouse 0.9s linear infinite;
    -o-animation: mouse 0.9s linear infinite;
    animation: mouse 0.9s linear infinite;
}

@keyframes mouse {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}


#about02_wrap {background:#f7fffb;; }
.main_story {padding:280px 0px 0px;}
.main_story .default_layout {}
.main_story .main_story_col{display:table; width:100%; table-layout:fixed;}
.main_story .main_story_col .col {display:table-cell; vertical-align:middle; }
.main_story .main_story_col .col.photo {overflow:hidden;  text-align:center;  vertical-align:top;}
.main_story .main_story_col .col.photo img {max-width:100%;}

.main_story .main_story_col .col.text {padding-left:80px;}
.main_story .main_story_col .col .t0{margin-top:0px; line-height:50px; font-size:25px;  color:#597163;   font-weight:700; letter-spacing:-1px; font-family: 'Pretendard';}
.main_story .main_story_col .col .t1{margin-top:0px; line-height:70px; font-size:50px;  color:#000;  font-weight:900; font-family: 'Pretendard';}
.main_story .main_story_col .col .t1 div{display:inline-block; position:relative; transition: all 0.5s; }
.main_story .main_story_col .col .t1 strong{position:relative;z-index:1;}
.main_story .main_story_col .col .t1 span{position:absolute; left:0px; bottom:5px; width:100%; height:27px; background:rgba(103,131,41,0.2); transition: all 0.5s; z-index:0;}


.main_story .main_story_col .col .t2{margin-top:20px; font-size:17px; line-height:25px; color:#000; font-family: 'ChosunNm';}
.main_story .main_story_col .col .t3{margin-top:40px;}
.main_story .main_story_col .col .t3 a{display:inline-block; padding:0 50px; color:#597163; font-size:15px; border:2px #597163 solid;;line-height:55px; border-radius:30px; transition: all 0.5s;}
.main_story .main_story_col .col .t3 a:hover{background:#597163; color:#fff;}




.bg_icon_wrap {position:absolute; left:0px; bottom:0px; width:100%; }
.bg_icon_wrap .bg_icon {float:left; vertical-align:bottom; }
.bg_icon_wrap .bg_icon.right {float:right;}
.bg_icon_wrap .bg_icon img {vertical-align:bottom;}


#sub_menu_list {display:none;}


.main_business { background:#596f63 url(../../../../img/main/main_business_bg.png) center bottom repeat-x; width:100%;  height: 100vh;  }
.main_business .main_business_list_box{padding-top:220px;}
.main_business .title{ padding-top:100px; }
.main_business .title .t1{ font-size:24px; line-height:20px; color:#fff;font-family: 'ChosunNm';}
.main_business .title .t2{ font-size:60px;font-weight:bold; margin-top:20px; line-height:60px; color:#fff; letter-spacing:-2px; margin-left:-5px;}
.main_business .title .t3{ font-size:14px;  margin-top:10px; line-height:20px; color:rgba(255,255,255,0.8); }
.main_business .main_business_list_box{position:relative;  overflow:hidden; width:100%; }
.main_business .main_business_list_box .col_box{float:left; width:60%;   position:relative;}
.main_business .main_business_list_box .col_box.col_first{width:40%;   position:relative;}
.main_business .main_business_list_box .col_box .col_left_box {margin-left:250px; vertical-align:middle;}

.main_business .main_business_list_box .slider_box { margin-top:0px;    }
.main_business .main_business_list_box .slider_box li {padding:20px 0px; margin-right:50px; width:450px; overflow:hidden; vertical-align:top;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; position:relative;}  
.main_business .main_business_list_box .slider_box li:hover { vertical-align:middle; margin-top:-20px;} 

.main_business .main_business_list_box .slider_box li .icon {overflow:hidden;}
.main_business .main_business_list_box .slider_box li .icon img{vertical-align:middle;   width:100%; border-radius:15px 15px 0px 0px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box {padding:30px; position:relative; z-index:1; background:#fff; min-height:100px; text-align:left; white-space: normal; border:1px #ededed solid; border-top:0px; border-radius:0px 0px 15px 15px; }
.main_business .main_business_list_box .slider_box li .box h3{color:#597163; font-size:25px; font-weight:bold; line-height:30px;   transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box h3 a{color:#597163; font-size:25px; font-weight:bold; line-height:30px;   transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box h3 div {display:inline-block; position:relative; transition: all 0.5s; }
.main_business .main_business_list_box .slider_box li .box h3 div strong {position:relative;z-index:1;}
.main_business .main_business_list_box .slider_box li .box h3 div span{position:absolute; left:0px; bottom:5px; width:0%; height:10px; background:rgba(200,62,0,0.2); transition: all 0.5s; z-index:0;}
.main_business .main_business_list_box .slider_box li .box .t1 {margin-top:5px; font-weight:normal; font-size:14px; color:#222;  line-height:18px;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; border-bottom:1px #ededed solid; padding-bottom:20px; margin-bottom:20px;}
.main_business .main_business_list_box .slider_box li .box .price {margin-top:15px; font-size:20px; color:#000;  font-family: 'Montserrat'; font-weight:700;}

.main_business .main_business_list_box .slider_box li .btn_st { position:absolute; right:30px; bottom:30px; line-height:18px; color:#597163; font-size:13px; }
.main_business .main_business_list_box .slider_box li .btn_st a {display:inline-block;; display:inline-block;bordeR:1px #597163 solid; padding:0 15px; line-height:30px; color:#597163;}


.main_business .main_business_list_box .slider_box li:hover .box{box-shadow: 0px 3px 10px rgb(169 151 124 / 20%);} 




.main_business .main_business_btns {margin-top:60px; z-index:999; display:none;}
.main_business .main_business_btns a{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; border:1px #fff solid; text-align:center; color:#fff;}
.main_business .main_business_btns a:hover{border-color:#fff;color:#fff;}






/*메인 카피라이트*/
.section_last {height: auto !important; background:#fff;}
.section_last .fp-tableCell {height:auto !important;}