@charset "utf-8";


/*메인베너*/

#main_visual {position:relative; margin-top:-20px; height:800px; overflow:hidden;}
#main_visual li{position:relative; width:100%; height:800px; background-position:center top; background-repeat:no-repeat; }
#main_visual li img {vertical-align:top; width:100%;}

#main_visual .bg {background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; width:100%; height:800px; 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;}
#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:190px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
#main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}


#main_visual .scroll_down {position:absolute;  bottom:80px; width:100%; text-align:center; z-index:9999999 !important;}
#main_visual .scroll_down:hover {opacity:0.6;}
#main_visual .scroll_down .move{position:relative; animation-duration: 0.3s;	animation-iteration-count: infinite;	animation-direction: alternate;bottom:10px; animation-name:point; animation-delay: 0.1s;} }
@keyframes move{from{bottom:10px;}to{bottom:200px;}}


/*소개*/
#main_about_wrap { height:450px;}
#main_about_wrap .default_layout{ position:relative; height:450px; position:relative; background:url(../../../img/common/main_about_wrap_bg.png) 90% bottom no-repeat;}
#main_about_wrap .box { position:absolute; left:0px; width:660px; height:450px;  text-align:left; }
#main_about_wrap .box_wrap {display:table; width:100%; height:450px;  }
#main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; padding:0px 40px}
#main_about_wrap .box_wrap_box h3 {padding:20px 0px 40px;}
#main_about_wrap .box_wrap_box dl dt {font-size:33px; line-height:33px;}
#main_about_wrap .box_wrap_box dl dd {font-size:14px; color:rgba(0,0,0,0.8); line-height:20px;margin-top:20px;}
#main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #ff9f00 solid;; color:#ff9f00; line-height:40px; padding:0 10px; transition: all 0.2s;}
#main_about_wrap .box_wrap_box a:hover {padding:0 20px; transition: all 0.3s; background:#ff9f00; color:#fff;}


/*귀농이야기*/
.main_story_wrap {position:relative;  overflow:hidden; margin-bottom:30px; }

.main_story_wrap .default_layout {position:relative;}
.main_story_wrap h3 {text-align:center; font-size:30px; color:#fff;}
.main_story_wrap h3 span{color:rgba(255,255,255,0.8); display:block; font-weight:normal; font-size:13px; padding-top:8px; }

.main_story_wrap ul{margin-top:30px; overflow:hidden;position:relative; z-index:1; margin:0 auto; width:100% !important;}
.main_story_wrap ul li{width:500px;; height:350px; overflow:hidden; position:relative; margin:0px; }
.main_story_wrap ul li .list_wrap {position:relative;}
.main_story_wrap ul li .photo {position:relative;}
.main_story_wrap ul li .photo img {vertical-align:top; width:100%;}
.main_story_wrap ul li .bg {background:rgba(0,0,0,0.5); width:100%; height:350px; position:absolute; left:0px;top:0px;}

.main_story_wrap ul li .text_box {position:absolute; left:0px; bottom:20px; width:100%; z-index:3;}
.main_story_wrap ul li .text_box_wrap {padding:20px;}
.main_story_wrap ul li .t1 {font-size:18px;color:#fff; font-weight:bold;; padding-left:10px;}
.main_story_wrap ul li .t2 {font-size:13px; padding-top:10px; color:#fff; line-height:16px;   white-space: normal;}
.main_story_wrap ul li .date {font-size:12px; color:#929292; margin-top:5px; }
.main_story_wrap ul li:hover .bg {background:rgba(0,0,0,0.1);}



.main_story_wrap .btns{position:absolute; width:100%; top:200px; left:0px; z-index:0;}
.main_story_wrap .btns a{float:left; width:50px; height:50px; line-height:50px; text-align:center; margin:0px -100px; border:1px #fff solid; border-radius:50px;}
.main_story_wrap .btns a#story_next{float:right;}
.main_story_wrap .btns a span{display:inline-block; vertical-align:middle; width:14px; height:27px; background:url(../../../img/common/main_story_btn.png) left 50% no-repeat; }
.main_story_wrap .btns a#story_next span{background-position:right 50%; }




/*하단정보*/
.main_info_wrap {overflow:hidden; margin-top:60px; padding-bottom:80px;}
.main_info_wrap .col {float:left; height:210px;  position:relative; overflow:hidden;}
.main_info_wrap .col h3{font-size:24px; color:#222222; background:url(../../../img/common/main_title_line.jpg) left bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}

.main_info_wrap .about {width:330px; border-right:1px #e4e4e4 solid;}
.main_info_wrap .about .text  {line-height:20px; padding-right:30px; font-size:14px; color:#666666;}
.main_info_wrap .about a {position:absolute; left:0px; bottom:0px;  border:1px #dddddd solid; padding:0 20px; line-height:30px; color:#222; font-size:12px; transition: all 0.2s;}
.main_info_wrap .about a:hover {background:#222; border-color:#222; color:#fff; padding:0 30px; transition: all 0.3s;}

.main_info_wrap .contact {width:370px; margin-left:60px;}
.main_info_wrap .contact .c_name  {line-height:20px; font-weight:bold; font-size:14px; color:#000000;}
.main_info_wrap .contact .c_info {margin-top:15px;}
.main_info_wrap .contact .c_info_list {display:inline-block; line-height:15px; margin-right:25px; font-size:20px; color:#333333; letter-spacing:-1px;}
.main_info_wrap .contact .c_info_list  span{display:inline-block; width:20px; height:20px;line-height:20px; background:#444; text-align:center; font-size:13px; vertical-align:middle;  color:#fff; font-weight:bold;margin-right:3px;}
.main_info_wrap .contact .btns {position:absolute; left:0px; bottom:0px; width:100%; }
.main_info_wrap .contact .btns_wrap {display:table; width:100%;  table-layout:fixed;}
.main_info_wrap .contact .btns_wrap a{display:table-cell; border:1px #dddddd solid;border-left:0px; text-align:center; line-height:30px; color:#222; font-size:12px; transition: all 0.2s; }
.main_info_wrap .contact .btns_wrap a.first{border-left:1px #dddddd solid;}
.main_info_wrap .contact .btns_wrap a:hover {background:#222; border-color:#222; color:#fff;  transition: all 0.3s;}


.main_info_wrap .location {width:380px;float:right; position:relative;}
/*.main_info_wrap .location #map_bg{position:absolute; left:0px; top:0px; width:100%; height:210px; background:rgba(0,0,0,0.3); z-index:99999999;}*/
.main_info_wrap .location .location_box {padding:10px; border:1px #ddd solid;}
.main_info_wrap .location .location_wrap {background:#eae5e3 url(../../../img/common/main_location_bg.png) 90% 50% no-repeat; height:138px; transition: all 0.2s;}
.main_info_wrap .location .location_wrap .box {padding:30px;}
.main_info_wrap .location .text  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;margin-top:5px;}
.main_info_wrap .location .add  {line-height:20px;  font-size:14px; color:#777777;margin-top:5px;}
.main_info_wrap .location .arrow  {font-size:18px; color:#333;margin-top:5px; transition: all 0.2s;}
.main_info_wrap .location:hover .location_wrap {background-color:#ddd; transition: all 0.3s;}
.main_info_wrap .location:hover .arrow{margin-left:10px; transition: all 0.3s;}



#sub_menu_list {display:none;}