/*================================
	main
================================*/

#vbg:after {
	content:"";
	clear:both;
	display:block;
}

#vbg {
	position: relative;
	overflow:hidden;
	z-index:-1
	width: 100%;
	height: 1000px;
	background: url(../images/v1.jpg)no-repeat center top;
}



/*----------------------------------------------------------------------*/
#vbox {
	position: relative;
	margin: 0 auto;
	top: 440px;
	width: 1200px;
}

#vbox #vbox1 ul {float: left; margin: 195px auto 0; width:660px;}
#vbox #vbox1 ul li {float: left; width:330px; height:265px;}
#vbox #vbox1 ul li:first-child {background: #fff;}
#vbox #vbox1 ul li:last-child {background: #e2f1f0;}
#vbox #vbox1 ul li .m_board {position:relative; overflow:hidden; padding:30px; height:265px;}
#vbox #vbox1 ul li .m_board .tit {font-size:14px; color:#888;}
#vbox #vbox1 ul li .m_board .subject {display:inline-block; overflow:hidden; padding:30px 0 0; max-height:90px; font-size:24px; font-weight:600;  line-height:120%;color:#222; letter-spacing:-1px;}
#vbox #vbox1 ul li .m_board .subject a:focus,
#vbox #vbox1 ul li .m_board .subject a:hover
{color:#2D5E59;}
#vbox #vbox1 ul li .m_board .data {margin-top:30px; font-size:14px; color:#888; text-align:right;}

#vbox #vbox1 ul li .m_board .view1 {position:absolute; left:0; bottom:0; width:100%;}
#vbox #vbox1 ul li .m_board .view1 a {position:relative; display:block; padding:15px 30px; font-size:12px; color:#FF9900; border-top:1px dashed #E7E7E7;}
#vbox #vbox1 ul li .m_board .view1 a:before {content:""; position:absolute; left:-100%; bottom:0; width:100%; height:100%; background:#FF9900; transition:all 0.3s ease-out;}
#vbox #vbox1 ul li .m_board .view1 span {position:relative;}
#vbox #vbox1 ul li .m_board .view1 a:focus,
#vbox #vbox1 ul li .m_board .view1 a:hover {color:#fff; outline:none;}
#vbox #vbox1 ul li .m_board .view1 a:focus:before,
#vbox #vbox1 ul li .m_board .view1 a:hover:before {left:0;}

#vbox #vbox1 ul li .m_board .view2 {position:absolute; left:0; bottom:0; width:100%;}
#vbox #vbox1 ul li .m_board .view2 a {position:relative; display:block; padding:15px 30px; font-size:12px; color:#FF9900; border-top:1px dashed #fff;}
#vbox #vbox1 ul li .m_board .view2 a:before {content:""; position:absolute; left:-100%; bottom:0; width:100%; height:100%; background:#FF9900; transition:all 0.3s ease-out;}
#vbox #vbox1 ul li .m_board .view2 span {position:relative;}
#vbox #vbox1 ul li .m_board .view2 a:focus,
#vbox #vbox1 ul li .m_board .view2 a:hover {color:#fff; outline:none;}
#vbox #vbox1 ul li .m_board .view2 a:focus:before,
#vbox #vbox1 ul li .m_board .view2 a:hover:before {left:0;}

#vbox #vbox2 ul {float: right; margin:0 auto; width:460px;}
#vbox #vbox2 ul li {float: left;}
#vbox #vbox2 ul li:first-child h3 {background: url(../images/quick_ico01.png) rgba(125,185,107,0.8)no-repeat center 25%;}
#vbox #vbox2 ul li:nth-child(2) a {margin-right: 0;}
#vbox #vbox2 ul li:nth-child(2) h3 {background: url(../images/quick_ico02.png) rgba(125,185,107,0.8)no-repeat center 25%;}
#vbox #vbox2 ul li:nth-child(3) h3 {background: url(../images/quick_ico03.png) rgba(125,185,107,0.8)no-repeat center 25%;}
#vbox #vbox2 ul li:last-child a {margin-right: 0;}
#vbox #vbox2 ul li:last-child h3 {background: url(../images/quick_ico04.png) rgba(125,185,107,0.8)no-repeat center 25%;}
#vbox #vbox2 ul li a {display: block; margin: 0 50px 50px 0; width: 205px; height: 205px; text-align: center;}
#vbox #vbox2 ul li a > h3 {position: relative; margin-bottom: 0; width: 205px; height: 205px; font-weight: 500; font-size: 18px; color: #fff;}
#vbox #vbox2 ul li a > h3 + div {margin-top: -90px;}
#vbox #vbox2 ul li:nth-child(3) a > h3 + div {margin-top: -70px;}
#vbox #vbox2 ul li:last-child a > h3 + div {margin-top: -70px;}
#vbox #vbox2 ul li a > h3 + div p {
	position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}
#vbox #vbox2 ul li a > h3 + div p:after {}
#vbox #vbox2 ul li a:hover,
#vbox #vbox2 ul li a:focus { text-decoration: none; }
#vbox #vbox2 ul li a:hover h3,
#vbox #vbox2 ul li a:focus h3 { color: #fff; }
#vbox #vbox2 ul li a:hover h3 span,
#vbox #vbox2 ul li a:focus h3 span { z-index: 2;}
#vbox #vbox2 ul li a:hover h3:after,
#vbox #vbox2 ul li a:hover h3:focus,
#vbox #vbox2 ul li a:focus h3:after,
#vbox #vbox2 ul li a:focus h3:focus { content: ''; position: absolute; top: 0; left: 0; width: 205px; height: 205px; background:rgba(255,255,255,.1); }
#vbox #vbox2 ul li a:hover h3 + div p,
#vbox #vbox2 ul li a:focus h3 + div p { color: #333; font-weight: 600; }
#vbox #vbox2 ul li a:hover h3 + div p:after,
#vbox #vbox2 ul li a:focus h3 + div p:after { opacity: 1;}

#vbg #vbox .vbox2_txt {
	padding: 20px 0 0 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}


/*----------------------------------------------------------------------*/
#s1_tap {
	position: relative;
	width: 100%;
	z-index: 1;
	background: #f8f8f8;
}

#s1_tap #s1_list ul {
	margin:0 auto;
	padding: 100px 0;
	width:1200px;
}

#s1_tap #s1_list ul li {float: left;}

#s1_tap #s1_list ul li:first-child h3 {background: url(../images/b_img01.jpg)no-repeat center;}
#s1_tap #s1_list ul li:nth-child(2) h3 {background: url(../images/b_img02.jpg)no-repeat center;}
#s1_tap #s1_list ul li:last-child a {margin-right: 0;}
#s1_tap #s1_list ul li:last-child h3 {background: url(../images/b_img03.jpg)no-repeat center;}

#s1_tap #s1_list ul li a {display: block; margin-right: 45px; width: 370px; height: 240px; }
#s1_tap #s1_list ul li a > h3 {position: relative; margin-bottom: 0; width: 100%; height: 165px; font-weight: 500; font-size: 30px; color: #000;}
#s1_tap #s1_list ul li a > h3 span {position: absolute; top: 90px; left: 45px;}
#s1_tap #s1_list ul li a > h3 + div { padding-top: 28px; }
#s1_tap #s1_list ul li a > h3 + div p { position: relative; padding-left: 30px; color: #888; font-size: 18px;  font-weight: 300; }
#s1_tap #s1_list ul li a > h3 + div p:after { content: ''; position: absolute; top: 10px; right: 30px; width: 28px; height: 9px; background: url(../images/b_arrow.png) no-repeat; opacity: 0.7; }
#s1_tap #s1_list ul li a:hover,
#s1_tap #s1_list ul li a:focus { text-decoration: none; }
#s1_tap #s1_list ul li a:hover h3,
#s1_tap #s1_list ul li a:focus h3 { color: #fff; }
#s1_tap #s1_list ul li a:hover h3 span,
#s1_tap #s1_list ul li a:focus h3 span { z-index: 2;}
#s1_tap #s1_list ul li a:hover h3:after,
#s1_tap #s1_list ul li a:hover h3:focus,
#s1_tap #s1_list ul li a:focus h3:after,
#s1_tap #s1_list ul li a:focus h3:focus { content: ''; position: absolute; top: 0; left: 0; width: 370px; height: 165px; background: url(../images/bg-hover.png) repeat; }
#s1_tap #s1_list ul li a:hover h3 + div p,
#s1_tap #s1_list ul li a:focus h3 + div p { color: #333; }
#s1_tap #s1_list ul li a:hover h3 + div p:after,
#s1_tap #s1_list ul li a:focus h3 + div p:after { opacity: 1;}


/*----------------------------------------------------------------------*/
#s2_tap {
	position: relative;
	width: 100%;
	height: 555px;
	background: #499b30;
}

#s2_list{
	margin:0 auto;
	width:100%;
	height: 430px;
	background: url(../images/s2_img01.jpg)no-repeat center top;
	background-size: auto;
	text-align: center;
}

.s2_box {
	display: block;
	margin: 30px auto;
	width: 1200px;
	height: 125px;
	text-align: center;
}

.s2_txt1 {
	float: left;
	margin: 10px 100px 0 0;
	font-size: 28px;
	font-weight: 500;
	color: #fff;
}

.s2_txt2 {
	float: left;
	margin-top: 5px;
	padding-top: 10px;
	font-size: 24px;
	font-weight: 300;
	line-height:120%;
	color: #fff;
}

.s2_txt2 span {
	font-size: 24px;
	font-weight: 700;
}

.s2_bar{
	float: left;
	margin: 24px 25px;
	width: 1px;
	height: 14px;
	background: #fff;
}

.s2_tn {
	float: right;
	padding: 17px 0 19px 20px;
	width: 200px;
	height: 65px;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	border: 1px solid #fff;
}

.s2_tn img {
	margin-left: 40px;
}


/*ΊρΑΦΎσ*/

#visual{
}
.visual {
	position:relative;
	overflow:hidden;
	z-index:-1
}
#slider {float:left; position:relative; overflow:auto; width:245px; height:162px;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:245px; height:162px;}

.sliderbutton1 {position:absolute; width:16px; padding-top:134px; left:14px;}
.sliderbutton1 img {cursor:pointer}

.sliderbutton2 {position:absolute; width:16px; padding-top:134px; right:14px;}
.sliderbutton2 img {cursor:pointer}