@charset "utf-8";

body {max-height:3000px;}

#main-visual {overflow:hidden; position:relative; z-index:1; height:750px;}
#main-visual .slider-wrap {position:absolute; top:0; left:50%; width:2000px; height:750px; margin-left:-1000px;}
#main-visual .slider-wrap img {width:2000px; height:750px;}
#main-visual .bx-wrapper .bx-prev {top:50%; left:200px; margin-top:-42px; background: url('/images/main/btn_prev.png') no-repeat center;}
#main-visual .bx-wrapper .bx-next {top:50%; right:200px; margin-top:-42px; background:url('/images/main/btn_next.png') no-repeat center;}
#main-visual .bx-wrapper .bx-controls-direction a {width:70px;height: 81px;text-indent: -9999px;z-index: 9999;}
#main-visual .bx-wrapper .bx-pager {bottom:30px}
#main-visual .bx-wrapper .bx-pager.bx-default-pager a,#main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover {width:16px; height:16px; margin:5px 6px; border:2px solid #fff; -webkit-border-radius:50%; border-radius:50%; background:none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:50px; height:16px; margin-top:0; background:#fff; border-radius:10px; -webkit-border-radius:10px;;}

#main-contents {text-align:center;}
#main-cont01 {display:inline-block; padding-top:40px;}
#main-cont01 li {float:left;}
#main-cont01 li a {overflow:hidden; display:block; }
#main-cont01 li a img {-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#main-cont01 li a:hover img {margin-top:-15px;}
#main-cont01 li a.img01 {width:700; height:357px;}
#main-cont01 li a.img02 {width:500px; height:410px;}

#main-cont02 {width:1201px; margin:0 auto; text-align:center; padding-top:75px;}
#main-cont02 ul {display:inline-block; overflow:hidden; margin-top:20px;}
#main-cont02 ul li {position:relative; float:left; width:387px;}
#main-cont02 ul li.index-top {z-index:10;}
#main-cont02 ul li+li {margin-left:20px;}
#main-cont02 ul li:hover .text-box {opacity:0}
#main-cont02 .ovr {position:absolute; top:0; left:0; opacity:0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;}
#main-cont02 li:hover .ovr {opacity:1;}

#main-cont03 {overflow:hidden; position:relative; width:100%; height:500px; margin:80px auto 0; background:url('../images/main/main_bg01.jpg') no-repeat center center #fff;}
#main-cont03 .txt01 {position:absolute; top:125px; left:50%; margin-left:-50px;}
#main-cont03 .txt02 {position:absolute; top:270px; left:50%; margin-left:-269px;}
#main-cont03 .txt03 {position:absolute; top:330px; left:50%; margin-left:-208px;}




#main-cont04 {display:inline-block; padding:65px 0 74px; text-align:left;}
#main-cont04 div {position:relative; float:left; width:380px; height:395px;}
#main-cont04 div+div {margin-left:30px;}
#main-cont04 div h2 {padding-bottom:12px;font-size:21px; color:#282828;}
#main-cont04 ul {width:380px; height:335px; padding:195px 8px 0; background:url('/images/main/notice_img.jpg') no-repeat center top; border-bottom:1px solid #3f3f3f;}
#main-cont04 ul li {position:relative; padding-left:9px; font-size:15px; color:#848484;}
#main-cont04 ul li:after {position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#706c6a; content:'';}
#main-cont04 ul li .title {overflow:hidden; display:block; width:270px; white-space:nowrap; text-overflow:ellipsis; line-height:40px; }
#main-cont04 ul li .date {position:absolute; top:10px; right:5px;}
#main-cont04 ul li:hover a, #main-cont04 ul li:hover span {color:#634b40;}
#main-cont04 .btn-more {position:absolute; bottom:0; right:0; display:block; padding-right:7px; width:45px; height:18px; font-size:13px; color:#505050; background:url('/images/main/ico_arrow02.jpg') no-repeat right 7px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

#main-cont04 .btn-more:hover {color:#634b40;}
#main-cont04 #online ul {background-image:url('/images/main/online_img.jpg')}


#main-cont05 {padding:80px 0 ; text-align:center; background:#f6f2ed;}
#main-cont05 h2 {position:relative; padding-bottom:14px; font-size:25px; color:#262626; font-weight:700;} 
#main-cont05 h2:after {position:absolute; bottom:0; left:50%; width:50px; height:2px; margin-left:-25px; background:#191919; content:'';}
#main-cont05 ul {display:inline-block; padding-top:30px;}
#main-cont05 ul li {float:left;}
#main-cont05 ul li+li {margin-left:30px;}



.htitle {position:relative; padding-bottom:35px; font-size:17px; letter-spacing:2px;}
.htitle:after {position:absolute; bottom:0; left:50%; width:50px; height:1px; margin-left:-25px; background:#a3a3a3; content:'';}
.htitle span {color:#655349;}
.htitle em {padding-left:12px; color:#ba9c8a;}










/*
#main-content {}
#main-cont01 {}
#main-cont01 ul {overflow:hidden; background:#000;}
#main-cont01 ul li {float:left; width:25%; height:300px; text-align:center; color:#000; background:url('') no-repeat center; background-size:cover;}
#main-cont01 ul li.s01 {background-image:url('../images/main/main_ban0101.jpg');}
#main-cont01 ul li.s02 {background-image:url('../images/main/main_ban0102.jpg'); color:#ffffff; }
#main-cont01 ul li.s03 {background-image:url('../images/main/main_ban0103.jpg');}
#main-cont01 ul li.s04 {background-image:url('../images/main/main_ban0104.jpg'); color:#ffffff; }
#main-cont01 ul li a {display:block; position:relative; height:300px;}
#main-cont01 ul li a:after {position:Absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; content:'';}
#main-cont01 ul li a:hover:after {opacity:1;}
#main-cont01 ul li span {display:block; position:relative; z-index:1; padding-top:47px; font-size:22px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#main-cont01 ul li em {display:block; position:relative; z-index:1; padding-top:4px; font-size:24px; font-weight:700; -webkit-transition: all 0.4s ease; transition: all 0.4s ease 0;}
#main-cont01 ul li a:hover span {padding-top:110px; color:#fff;}
#main-cont01 ul li a:hover em {color:#fff;}

#main-cont02 {overflow:hidden; position:relative; height:500px; background:url('../images/main/main_ban02_bg.jpg') no-repeat center center #e2e2e2;}
#main-cont02 img {position:absolute; top:0; left:50%; margin-left:-1000px;}

#main-cont03 {position:relative; z-index:5; width:1200px; margin:0 auto; text-align:center; }
#main-cont03 h2 {position:relative; display:block; width:1200px; margin:0 auto; padding:89px 0 65px; font-size:36px; color:#393939; font-weight:700; text-align:center;}
#main-cont03 h2:before {position:absolute; top:50%; left:0px; width:250px; height:1px; margin-top:15px; background:#393939; content:''; }
#main-cont03 h2:after {position:absolute; top:50%; right:0px; width:250px; height:1px; margin-top:15px; background:#393939; content:''; }
#main-cont03 .bx-wrapper .bx-prev {width:50px; height:50px; top:167px; left:-200px; background:url('../images/main/btn_prev.jpg');}
#main-cont03 .bx-wrapper .bx-next {width:50px; height:50px; top:167px; right:-200px; background:url('../images/main/btn_next.jpg');}
#main-cont03 .slider-wrap ul {} 
#main-cont03 .slider-wrap ul li {height:512px; }
#main-cont03 .slider-wrap ul li span {color:#000000; text-transform: uppercase;}
#main-cont03 .slider-wrap ul li img {width:270px; height:235px;}
#main-cont03 .slider-wrap .txt01 {display:block; overflow:hidden; width:270px; height:95px; padding-top:7px; font-size:13px; text-align:left; line-height:18px; font-weight:700; letter-spacing:-0.4px;}
#main-cont03 .slider-wrap .txt02 {display:block; padding-top:16px; text-align:left; font-size:17px; line-height:22px; font-weight:700; border-top:1px solid #bfbfbf;}


#main-cont04 {overflow:hidden; width:1200px; margin:0 auto; }
#main-cont04 > div {float:left; width:380px; height:145px; text-align:center; margin-left:30px; }
#main-cont04 > div:first-child {margin-left:0; }

.notice {border:11px solid #25272a; color:#25272a;}
.notice ul {padding:22px 27px; }
.notice ul li {position:relative; height:30px; font-size:14px; color:#25272a; text-align:left; }
.notice ul li:hover a, .notice ul li:hover span {color:#26baeb; border-bottom:1px solid #26baeb; }
.notice ul li a {display:inline-block; }
.notice ul li span {position:absolute; top:0; right:0; }



*/