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


#container {position:relative; z-index:0; background:#ebedee; font-family: 'Nanum Square'; padding-bottom:60px;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:140px; 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 .bg{position:absolute; left:0px; top:0px; width:100%; height:550px; background:rgba(0,0,0,0.3);  z-index:1;}
.main_visual .main_pager {position:absolute;  top:330px; text-align:center; width:100%; text-align:center; z-index:2;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:17px; margin:0 3px; background:url(../images/main/main_pager_off.png) center top no-repeat;  }
.main_visual .main_pager .cycle-pager-active{background-image:url(../images/main/main_pager_on.png);}

/*메인컨텐츠 박스*/
#main_center_box {margin-top:-180px; position:relative; z-index:99; overflow:hidden; font-family:'Nanum Square';}


/*좌측*/
#main_center_box .left_box {float:left; width:554px; overflow:hidden; }
#main_center_box .left_box .box{padding:40px 30px; position:relative;}
#main_center_box .left_box .box h3{font-size:20px; color:#333333; transition: all .3s;}
#main_center_box .left_box .common_left_box:hover .box h3{ color:#fec21f;}
#main_center_box .left_box .box .info{font-size:14px; color:#555555; line-height:22px; margin-top:10px;}
#main_center_box .left_box .box .info span{display:block;}
#main_center_box .left_box .box .more {position:absolute; left:30px; top:173px; width:32px; height:32px; text-align:center;}
#main_center_box .left_box .box .more span{display:block; height:32px; line-height:32px; background-repeat:no-repeat; background-position:center top; border-radius:32px; background-color:#fff;  transition: all .2s;}
#main_center_box .left_box .box .more span img {vertical-align:middle;}
#main_center_box .left_box .common_left_box a {display:block; height:240px;}

#main_center_box .left_box .box .img {position:absolute; right:30px; top:156px;  transition: all .2s;}
#main_center_box .left_box .box:hover .img {margin:-10px 0 0; transition: all .3s;}

/*소개*/
#main_center_box .left_box .main_farm {float:left; width:277px; height:240px; background:#e8e8e8;}

/*문의*/
#main_center_box .left_box .main_inquiry {float:left; width:277px; height:240px; background:#fff;}
#main_center_box .left_box .main_inquiry .more span{background:#637989;}


/*체험*/
#main_center_box .left_box .main_experience {float:left; width:100%;  height:240px; background:#ceaeae; }
#main_center_box .left_box .main_experience .img{top:70px;}




#main_center_box .main_story {float:right; width:546px; height:480px; background:#fec21f;}
#main_center_box .main_story .box{padding:50px 0; width:546px; position:relative; overflow:hidden;}
#main_center_box .main_story h3{font-size:33px; margin-bottom:20px; text-align:center; background:url(../images/main/main_story_title.png) center top no-repeat;}
#main_center_box .main_story h3 a{color:#fff;}


#main_center_box .main_story ul {width:100%; }
#main_center_box .main_story ul li{ z-index:9; width:564px !important;; text-align:center;}

#main_center_box .main_story .photo{width:268px; height:268px; display:inline-block; text-align:center; clear:both;}
#main_center_box .main_story .photo img {width:268px; height:268px;  border-radius:268px; vertical-align:middle;}

#main_center_box .main_story dl {margin-top:25px;  padding:0 50px; overflow:hidden; white-space: normal; text-align:center;}
#main_center_box .main_story dl a{color:#4b3a30;}
#main_center_box .main_story dl dt{font-weight:bold; color:3; font-size:21px;}
#main_center_box .main_story dl dd{ font-size:14px;; line-height:20px; padding-top:10px;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}


#main_center_box .main_story .btn {position:absolute; width:100%; left:0px; top:42%;  z-index:6; }
#main_center_box .main_story .btn a{float:left; width:40px; height:40px; background:rgba(0,0,0,0.5) url(../images/main/main_story_btn.png) left top no-repeat;}
#main_center_box .main_story .btn a#main_story_next{float:right;background-position:right top;}


.main_cscenter {background:#4e4334; height:250px; font-family:'Nanum Square';}
.main_cscenter .box{padding:60px 30px; overflow:hidden;}
.main_cscenter .box h3{font-size:20px; color:#fff; margin-bottom:20px;}

.main_cscenter .cs_call {float:left; width:334px; border-right:1px rgba(255,255,255,0.2) solid; height:135px;}
.main_cscenter .cs_call .call{padding-left:60px; font-weight:bold; background:url(../images/main/mainc_cs_call.png) left top no-repeat; line-height:50px; color:#fea318; font-size:29px;  }
.main_cscenter .cs_call .info{padding-left:60px; font-size:13px; color:#fff; margin-top:10px;}

.main_cscenter .cs_bank {margin-left:30px;width:336px;}
.main_cscenter .cs_bank .call{background:url(../images/main/mainc_cs_bank.png) left top no-repeat; }


.main_cscenter .cs_quick {float:left; width:330px; text-align:center; margin-top:25px;}
.main_cscenter .cs_quick li{display:inline-block; margin:0 20px;}
.main_cscenter .cs_quick li .img{width:80px; height:80px; line-height:80px; text-align:center;  background:#fff;border-radius:80px;  }
.main_cscenter .cs_quick li .img img {vertical-align:middle; transform:rotateY(0deg); transition:transform 500ms;}
.main_cscenter .cs_quick li:hover .img img {transform:rotateY(180deg); }
.main_cscenter .cs_quick li .text {color:#fff; margin-top:10px; font-size:15px;}