@charset "utf-8";

#contents{ margin:0;}

.mvisual_wrap{ width:100%; padding:0 384px 0 0; display:inline-block; box-sizing:border-box; position:relative;}
.mvisual_wrap,
.mvisual_wrap .sliderBox,
.mvisual_wrap .sliderBox ul,
.mvisual_wrap .sliderBox ul li,
.mvisual_wrap .txt_wrap{ height:371px;}
.mvisual_wrap .sliderBox{ width:100%; display:inline-block; overflow:hidden; position:relative;}
.mvisual_wrap .sliderBox ul{ width:100%; display:inline-block;}
.mvisual_wrap .sliderBox ul li{ width:100%; padding:0; margin:0; display:inline-block; overflow:hidden; position:relative;}
.mvisual_wrap .sliderBox ul li img{ width:100%; max-width:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.mvisual_wrap .txt_wrap{ width:384px; background-color:#ededee; padding:50px 45px; display:inline-block; box-sizing:border-box; position:absolute; top:0; right:0; z-index:0;}
.mvisual_wrap .txt_wrap:before{ width:100%; height:44px; background:url(/images/village/main/main_ir.png) no-repeat -75px -69px; content:""; position:absolute; top:0; left:0;}
.mvisual_wrap .txt_wrap:after{ width:53px; height:82px; background:url(/images/village/main/main_ir.png) no-repeat -21px -69px; content:""; position:absolute; bottom:20px; right:30px; z-index:-1;}
.mvisual_wrap .txt_wrap .info{ background-color:#000; font-size:13px; color:#fff; line-height:28px; padding:0 0 0 5px; margin-bottom:25px; display:inline-block;}
.mvisual_wrap .txt_wrap .info span{ background-color:#1f59c1; font-weight:600; font-size:13px; color:#fff; line-height:28px; padding:0 5px; margin-left:5px; display:inline-block;}
.mvisual_wrap .txt_wrap strong{ width:100%; font-size:14px; color:#000; line-height:20px; margin-bottom:5px; display:inline-block;}
.mvisual_wrap .txt_wrap strong .txt_img{ width:100%; font-size:18px; color:#000; line-height:20px; padding:25px 0 0 0; margin-bottom:10px; display:inline-block; box-sizing:border-box; position:relative;}
.mvisual_wrap .txt_wrap strong .txt_img img{ width:auto; margin:-25px 5px 0 0;}
.mvisual_wrap .txt_wrap .txt{ width:100%; height:36px; font-size:13px; color:#828283; line-height:18px; display:inline-block; overflow:hidden;}
.mvisual_wrap .txt_wrap .btn_more{ width:20px; height:21px; background:url(/images/village/main/main_ir.png) no-repeat 0 -69px; font-size:0; text-indent:-99999px; position:absolute; bottom:100px; left:45px;}
.mvisual_wrap .btn_area{ width:294px; height:22px; position:absolute; bottom:60px; right:45px;}
.mvisual_wrap .btn_area .paging{ display:inline-block; float:left;}
.mvisual_wrap .btn_area .paging button{ width:22px; height:22px; background-color:transparent; font-size:0; text-indent:-9999px; padding:0; margin:0; display:inline-block; border-radius:11px; float:left; position:relative;}
.mvisual_wrap .btn_area .paging button:before{ width:6px; height:6px; background-color:#8e8e8f; content:""; margin:-3px 0 0 -3px; border-radius:3px; position:absolute; top:50%; left:50%;}
.mvisual_wrap .btn_area .paging button.on{ border:1px solid #8e8e8f; box-sizing:border-box;}
.mvisual_wrap .btn_area .btn_play,
.mvisual_wrap .btn_area .btn_stop{ width:22px; height:22px; background-color:#fff; font-size:0; text-indent:-9999px; margin-left:10px; display:inline-block; border-radius:11px; float:left; position:relative;}
.mvisual_wrap .btn_area .btn_stop:before{ width:2px; height:10px; background-color:#686868; content:""; margin:-5px 0 0 -3px; position:absolute; top:50%; left:50%;}
.mvisual_wrap .btn_area .btn_stop:after{ width:2px; height:10px; background-color:#686868; content:""; margin:-5px 0 0 1px; position:absolute; top:50%; left:50%;}
.mvisual_wrap .btn_area .btn_play:before{ background-color:transparent; content:""; margin:-5px 0 0 -3px; border-left:7px solid #686868; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; top:50%; left:50%;}
.mvisual_wrap .btn_area .pageCount{ font-size:15px; color:#979797; line-height:22px; margin:0 0 0 10px; display:inline-block;}
.mvisual_wrap .btn_area .pageCount .num{ line-height:18px; margin:2px 0; display:inline-block; border-bottom:1px solid #c5c5c6;}

hr{ width:100%; height:12px; background:url(/images/village/main/hr_bg.png) repeat-x left top; padding:0; margin:50px 0 30px 0; display:inline-block; border:0;}

.notice_wrap{ width:500px; display:inline-block; float:left; position:relative;}
.notice_wrap h3{ width:100%; font-size:20px; color:#000; line-height:28px; padding:0 28px 12px 0; margin:0 0 8px 0; display:inline-block; box-sizing:border-box; border-bottom:4px solid #646464; position:relative;}
.notice_wrap h3:before{ width:115px; height:4px; background-color:#3db9c2; content:""; position:absolute; bottom:-4px; left:0;}
.notice_wrap ul,
.notice_wrap ul li,
.notice_wrap ul li a{ width:100%; display:inline-block;}
.notice_wrap ul li{ float:left;}
.notice_wrap ul li a{ border-bottom:1px dashed #d3d3d3; float:left;}
.notice_wrap ul li a span{ font-size:14px; color:#666; line-height:24px; padding:10px 0;}
.notice_wrap ul li a .txt{ width:80%; font-size:14px; color:#666; text-align:left; line-height:24px; padding-left:28px; display:inline-block; box-sizing:border-box; float:left; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_wrap ul li a .txt:before{ width:2px; height:2px; background-color:#000; content:""; margin-top:-1px; border-radius:1px; position:absolute; top:50%; left:4px;}
.notice_wrap ul li.new a .txt:before{ width:21px; height:20px; background:url(/images/village/main/main_ir.png) repeat-x 0 -161px; margin-top:-10px; left:0;}
.notice_wrap ul li a .date{ width:20%; text-align:right; float:right;}
.notice_wrap .btn_more{ width:28px; height:28px; font-size:0; text-indent:-99999px; display:inline-block; position:absolute; top:0; right:0;}
.notice_wrap .btn_more:before{ width:14px; height:2px; background-color:#000; content:""; margin:-1px 0 0 -7px; position:absolute; top:50%; left:50%;}
.notice_wrap .btn_more:after{ width:2px; height:14px; background-color:#000; content:""; margin:-7px 0 0 -1px; position:absolute; top:50%; left:50%;}

.quick_wrap{ width:388px; height:275px; margin-bottom:45px; display:inline-block; float:right;}
.quick_wrap li{ width:130px; height:138px; padding:0; margin:0; display:inline-block; box-sizing:border-box; border:1px solid #e0e0e0; float:left; position:relative;}
.quick_wrap li:hover{ border:1px solid #4b79d7; z-index:1;}
.quick_wrap li.n2,
.quick_wrap li.n5{ margin:0 -1px;}
.quick_wrap li.n1,
.quick_wrap li.n2,
.quick_wrap li.n3{ margin-bottom:-1px;}
.quick_wrap li a{ width:100%; height:100%; font-size:14px; color:#474747; text-align:center; line-height:20px; padding:95px 10px 0 10px; display:inline-block; box-sizing:border-box; position:relative;}
.quick_wrap li a:before{ width:62px; height:60px; background:url(/images/village/main/main_ir.png) repeat-x; content:""; position:absolute; top:25px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.quick_wrap li.n1 a:before{ background-position:0 -191px;}
.quick_wrap li.n2 a:before{ width:60px; background-position:-63px -191px;}
.quick_wrap li.n3 a:before{ width:61px; height:61px; background-position:-124px -191px;}
.quick_wrap li.n4 a:before{ width:59px; background-position:-186px -191px;}
.quick_wrap li.n5 a:before{ width:60px; background-position:-246px -191px;}
.quick_wrap li.n6 a:before{ width:61px; height:61px; background-position:-307px -191px;}
.quick_wrap li.n1:hover a:before{ background-position:0 -252px;}
.quick_wrap li.n2:hover a:before{ background-position:-63px -252px;}
.quick_wrap li.n3:hover a:before{ background-position:-124px -253px;}
.quick_wrap li.n4:hover a:before{ background-position:-186px -252px;}
.quick_wrap li.n5:hover a:before{ background-position:-246px -252px;}
.quick_wrap li.n6:hover a:before{ background-position:-307px -253px;}

.info_wrap{ width:100%; height:59px; padding-top:22px; display:table; border-top:1px solid #d3d3d3;}
.info_wrap dt,
.info_wrap dd{ display:table-cell; box-sizing:border-box; vertical-align:middle; position:relative;}
.info_wrap dt{ width:290px; font-size:18px; color:#333; line-height:22px; padding:0 0 0 84px;}
.info_wrap dt:before,
.info_wrap dd:before{ background:url(/images/village/main/main_ir.png) repeat-x; content:""; position:absolute; top:50%; left:0;}
.info_wrap dt:before{ width:59px; height:59px; background-position:0 -322px; margin-top:-30px;}
.info_wrap .add{ width:215px; font-size:14px; color:#666; line-height:18px; padding:0 30px 0 40px;}
.info_wrap .add:before{ width:26px; height:37px; background-position:-60px -322px; margin-top:-18px;}
.info_wrap .time,
.info_wrap .tel{ width:220px; font-size:14px; color:#666; line-height:22px; padding-left:54px; position:relative;}
.info_wrap .time span,
.info_wrap .tel span{ color:#000; margin-right:5px; display:inline-block;}
.info_wrap .time strong,
.info_wrap .tel strong{ width:100%; font-size:16px; color:#2a4aa4; line-height:22px; display:inline-block;}
.info_wrap .time:before{ width:35px; height:34px; background-position:-87px -322px; margin-top:-17px;}
.info_wrap .tel:before{ width:32px; height:32px; background-position:-123px -322px; margin-top:-16px;}


@media(max-width:1279px){
	.mvisual_wrap{ padding-right:300px;}
	.mvisual_wrap .txt_wrap{ width:300px;}
	.mvisual_wrap .btn_area{ width:210px;}
	
	.notice_wrap{ width:48%;}
	.notice_wrap ul li a .txt{ width:70%;}
	.notice_wrap ul li a .date{ width:30%;}
	.quick_wrap{ width:48%;}
	.quick_wrap li{ width:33.33%;}
}
@media(max-width:1000px){
	#contents{ margin:0 10px;}
}
@media(max-width:767px){
	.mvisual_wrap{ height:auto; padding:0;}
	.mvisual_wrap .sliderBox,
	.mvisual_wrap .sliderBox ul,
	.mvisual_wrap .sliderBox ul li{ height:250px;}
	.mvisual_wrap .sliderBox,
	.mvisual_wrap .txt_wrap{ float:left;}
	.mvisual_wrap .txt_wrap{ width:100%; height:auto; padding:65px 25px 40px 25px; position:relative; top:auto; right:auto;}
	.mvisual_wrap .txt_wrap:before{ display:none;}
	.mvisual_wrap .txt_wrap .btn_more{ bottom:auto; left:auto; top:100px; right:45px;}
	.mvisual_wrap .btn_area{ width:100%; text-align:center; padding:0 45px; display:inline-block; box-sizing:border-box; right:0; bottom:250px;}
	.mvisual_wrap .btn_area .paging,
	.mvisual_wrap .btn_area .btn_play,
	.mvisual_wrap .btn_area .btn_stop{ float:none; vertical-align:top;}
	
	hr{ margin:20px 0;}
	
	.notice_wrap,
	.quick_wrap{ width:100%;}
	.quick_wrap{ margin-top:20px;}
	
	.info_wrap{ height:auto; padding-left:35%; box-sizing:border-box; position:relative;}
	.info_wrap dt{ width:35%; padding:18px 10px 18px 0; position:absolute; top:0; left:0;}
	.info_wrap dt:before{ display:none;}
	.info_wrap,
	.info_wrap dt,
	.info_wrap dd{ display:inline-block;}
	.info_wrap .add,
	.info_wrap .time,
	.info_wrap .tel{ width:100%; padding-right:0; margin-bottom:20px; float:left;}
	.info_wrap .tel{ margin-bottom:0;}
}