@charset "euc-kr";

/* ?�업 */
.popup_wrap{position:absolute; top:123px; left:50%; margin-left:-550px; width:1100px; height:auto;}
.divpop{z-index:700;}
.divpopb{overflow:hidden; padding-top:5px; height:20px; background-color:#fff; border-top:1px solid #d9d9d9;}
.divpopb label{float:right; margin-right:15px;}
.divpopb input{vertical-align:top;}
.divpopc{position:absolute; top:15px; right:15px;}

.main_skip {display:none;}

/* container */
#container{background:#fafafa;}
#container h2{letter-spacing:-0.045em;}
.con_wrap{padding:30px 0; margin:0 auto; width:1100px;}

/* top */
.top{}
.top::after{display:block; content:""; clear:both;}

/* 비주??*/
.visual{float:left; position:relative; overflow:hidden; border:1px solid #ddd; background:#fff;}
.visual .slide{overflow:hidden;}
.visual .slide img{float:left; width:480px; border-right:1px solid #ddd;}
.visual .slide div{float:right; padding:20px; width:245px; box-sizing:border-box;}
.visual .slide div p{padding-bottom:15px; color:#333; font-size:20px; font-family:"NanumSquareB"; line-height:30px; letter-spacing:-0.045em;}
.visual .slide div span{display:block; padding-top:15px; border-top:1px solid #ddd; color:#555; font-size:14px; line-height:22px;}
.visual .bx-wrapper {}
.visual .bx-wrapper .bx-controls{display:block; overflow:hidden; position:absolute; bottom:25px; right:70px; z-index:600;} 
.visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display:block; float:right; position:static; text-align:right; padding-top:5px; margin-left:3px; width:38px; font-size:14px; font-weight:normal; font-family:"NanumBarunGothic"; letter-spacing:-0.045em;}
.visual .bx-wrapper .bx-controls-direction{float:left; position:static;}
.visual .bx-wrapper .bx-controls-direction a.bx-prev{display:inline-block; position:static; width:26px; height:26px; background:url(../../images/main/visual_prev.gif) no-repeat;}
.visual .bx-wrapper .bx-controls-direction a.bx-next{display:inline-block; position:static; margin-left:-1px; width:26px; height:26px; background:url(../../images/main/visual_next.gif) no-repeat;}
.visual .bx-wrapper .bx-controls-auto{float:left; position:static; width:auto !important;}
.visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item{margin-left:-1px;}
.visual .bx-wrapper .bx-controls-auto .bx-start{display:inline-block; position:static; margin:0; width:26px; height:26px; background:url(../../images/main/visual_start.gif) no-repeat;}
.visual .bx-wrapper .bx-controls-auto .bx-start:hover{background-position:initial;}
.visual .bx-wrapper .bx-controls-auto .bx-start.active{position:relative; z-index:1; background:url(../../images/main/visual_start_active.gif) no-repeat; background-position:initial;}
.visual .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block; position:static; margin:0; width:26px; height:26px; background:url(../../images/main/visual_stop.gif) no-repeat;}
.visual .bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:initial;}
.visual .bx-wrapper .bx-controls-auto .bx-stop.active{background:url(../../images/main/visual_stop_active.gif) no-repeat; background-position:initial;}
.visual .bx-wrapper .bx-viewport {width:726px;}
.visual .bx-wrapper .slide img.img_2{display:none;}

.top .right{float:right;}
.top .right .notice{position:relative; margin-bottom:5px; padding:18px 20px; width:356px; height:176px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.top .right .notice h2{padding-bottom:10px; border-bottom:1px solid #e5e5e5; font-size:18px;}
.top .right .notice ul{margin-top:15px;}
.top .right .notice ul li{position:relative; padding-left:10px; margin-bottom:1px;}
.top .right .notice ul li::after{content:""; position:absolute; top:5px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.top .right .notice ul li a{display:inline-block; overflow:hidden; margin-bottom:4px; color:#555; font-size:14px; text-overflow:ellipsis; white-space:nowrap;/* float:left;*/}
.top .right .notice ul li a.new{display:inline-block; position:relative; vertical-align:top; padding-right:20px; max-width:calc(100% - 20px);}
.top .right .notice ul li a.new::before{content:''; position:absolute; top:1px; right:0px; width:13px; height:13px; background:url(../../images/main/new.gif) no-repeat 0px 0px;}
.top .right .notice ul li span{float:right; color:#888; font-size:12px;}
.top .right .notice span.more{position:absolute; top:14px; right:20px;}
.top .right .notice span.more a{display:inline-block; padding:5px 12px 4px 12px; color:#fff; background:#888;}
.top .right .util{margin-top:10px;}
.top .right .util ul{}
.top .right .util ul li{float:left; margin-left:10px; width:112px;}
.top .right .util ul li:first-child{margin-left:0px;}
.top .right .util ul li a{display:block; text-align:center; padding:70px 0 22px 0; color:#fff; font-size:15px; border-radius:3px;}
.top .right .util ul li a.join{background:url(../../images/main/util_join.png) no-repeat center 28px #e67386;}
.top .right .util ul li a.charge{background:url(../../images/main/util_charge.png) no-repeat center 26px #83b324;}
.top .right .util ul li a.location{background:url(../../images/main/util_location.png) no-repeat center 24px #e69b50;}

/* bottom */
.bottom{margin-top:16px; height:260px;}
.bottom:after{display:block; content:""; clear:both;}
.bottom > div{float:left; margin-left:16px; width:356px; height:260px; box-sizing:border-box;}
.bottom .left{margin-left:0px;}
.bottom .left .operating_hours{padding:23px 0 23px 130px; background:url(../../images/main/operating_hours.png) no-repeat 20px 25px #fff; border:1px solid #ddd;}
.bottom .left .operating_hours > p{color:#333; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.bottom .left .operating_hours ul{margin-top:12px;}
.bottom .left .operating_hours ul li{position:relative; padding-left:10px; margin-top:10px; line-height:13px;}
.bottom .left .operating_hours ul li::before{content:''; position:absolute; top:4px; left:0px; width:4px; height:4px; background:#aaa; border-radius:2px;}
.bottom .left .operating_hours ul li:first-child{margin-top:0px;}
.bottom .left .operating_hours ul li p{display:inline; padding-right:10px; border-right:1px solid #ddd; color:#555; font-family:"NanumBarunGothicB";}
.bottom .left .operating_hours ul li span{margin-left:10px; color:#555;}
.bottom .left .tel{padding:20px 22px; margin-top:10px; background:url(../../images/main/tel_bg.png) no-repeat 93% center #4c86bf; border-radius:3px;}
.bottom .left .tel ul{padding:9px 0 9px 15px; border-left:2px solid rgba(255, 255, 255, 0.4);}
.bottom .left .tel ul li{margin-top:16px; color:#fff; font-size:18px; font-family:"NanumSquare"; letter-spacing:-0.045em; line-height:18px;}
.bottom .left .tel ul li:first-child{margin-top:0px;}
.bottom .left .tel ul li b{vertical-align:middle; margin-left:10px; font-size:22px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.bottom .center{position:relative; padding:18px 20px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.bottom .center h2{padding-bottom:15px; border-bottom:1px solid #e5e5e5; font-size:18px;}
.bottom .center .gallery{margin-top:20px;}
.bottom .center .gallery::after{content:''; display:block; clear:both;}
.bottom .center .gallery #galList{overflow:hidden; float:left; width:155px;}
.bottom .center .gallery #galList li{float:left; width:60px;}
.bottom .center .gallery #galList li::before{position:absolute; top:0px; left:0px; text-align:center; padding:13px 0 11px 0; width:32px; background:#42a6a6; color:#fff; font-size:13px; font-family:"NanumBarunGothicB"; line-height:14px;}
.bottom .center .gallery #galList li:first-child{display:none;}
.bottom .center .gallery #galList li:nth-child(2),#galList li:nth-child(4),#galList li:nth-child(6),#galList li:nth-child(8){position:relative; padding-left:32px;}
.bottom .center .gallery #galList li:nth-child(4),#galList li:nth-child(5),#galList li:nth-child(6),#galList li:nth-child(7){margin-top:6px;}
.bottom .center .gallery #galList li:nth-child(8),#galList li:nth-child(9){margin-top:-1px;}
.bottom .center .gallery #galList li:nth-child(2)::before{content:'2F';}
.bottom .center .gallery #galList li:nth-child(4)::before{content:'1F';}
.bottom .center .gallery #galList li:nth-child(6)::before{content:'B2F'; padding:32px 0 29px 0;}
.bottom .center .gallery #galList li a{display:block; text-align:center; padding:11px 0; width:60px; background:#fafafa; border:1px solid #ddd; color:#777; font-size:12px;}
.bottom .center .gallery #galList li.on a{color:#001111; font-family:"NanumBarunGothicB"; text-decoration:underline;}
.bottom .center .gallery .gal_content{float:right;}
.bottom .center .gallery .gal_content div img{border:1px solid #e5e5e5;}
.bottom .center .gallery .gal_content div:first-child img{border:none;}
.bottom .center span.more{position:absolute; top:14px; right:20px;}
.bottom .center span.more a{display:inline-block; padding:5px 12px 4px 12px; color:#fff; background:#888;}
.bottom .right{position:relative; padding:18px 20px; background:#fff; border:1px solid #ddd;}
.bottom .right #tabList{overflow:hidden;}
.bottom .right #tabList li{float:left; width:50%;}
.bottom .right #tabList li a{display:block; text-align:center; padding-bottom:12px; color:#aaa; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.bottom .right #tabList li.on a{padding-bottom:8px; border-bottom:4px solid #3993bf; color:#3993bf;}
.bottom .right .tab_content{border-top:1px solid #e5e5e5;}

/* 180906 변�?�??�정 */
.bottom .right .utilzation_time{margin-top:20px;}
.bottom .right .utilzation_time table{table-layout:fixed; width:100%; border-top:1px solid #d9d9d9; }
.bottom .right .utilzation_time table th{background:#e6e6e6; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; color:#555; font-size:15px; font-weight:normal; font-family:"NanumBarunGothicB";}
.bottom .right .utilzation_time table td{padding:10px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.bottom .right .utilzation_time > p{color:#333; font-size:18px; font-family:"NanumSquareB"; letter-spacing:-0.045em;}
.bottom .right .utilzation_time ul{}
.bottom .right .utilzation_time ul li{position:relative; padding-left:10px; margin-top:8px; line-height:13px;}
.bottom .right .utilzation_time ul li::before{content:''; position:absolute; top:4px; left:0px; width:4px; height:4px; background:#aaa; border-radius:2px;}
.bottom .right .utilzation_time ul li:first-child{margin-top:0px;}
.bottom .right .utilzation_time ul li p{float:left; padding-right:10px; width:55px; border-right:1px solid #ddd; color:#555; font-family:"NanumBarunGothicB";}
.bottom .right .utilzation_time ul li p.lts{letter-spacing:0.06em;}
.bottom .right .utilzation_time ul li.color p{color:#3993bf;}
.bottom .right .utilzation_time ul li span{margin-left:10px; color:#555;}
.bottom .right .utilzation_time ul li.color span{color:#3993bf;}
.bottom .right a.more{display:block; text-align:center; padding:8px 0; margin-top:6px; background:#888; color:#fff; font-size:12px; font-family:"NanumBarunGothicB";}
/* 180906 ??*/

.bottom .right .water_quality{padding-top:25px;}
.bottom .right .water_quality ul{}
.bottom .right .water_quality ul li{padding:7px 0; border-top:1px dashed #ccc; font-family:'NanumBarunGothicB'; line-height:20px;}
.bottom .right .water_quality ul li:first-child{padding-top:0px; border-top:none;}
.bottom .right .water_quality ul li p{float:right; font-family:'NanumBarunGothic'; line-height:20px;}
.bottom .right .water_quality ul li p span{text-align:center; display:inline-block; margin-left:8px; width:40px; background:#1f9970; color:#fff; font-size:12px; border-radius:10px;}
.bottom .right .water_quality > p{padding-left:25px; margin-top:8px; background:url(../../images/main/water_quality.png) no-repeat 0px 0px; color:#888; font-size:12px; line-height:20px;}

.banner_zone{padding:16px 0; border-top:1px solid #e5e5e5; background:#fff; box-sizing:border-box;}
.b_wrap{overflow:hidden; position:relative; margin:0 auto; width:1100px;}
.site_link{position:relative; overflow:hidden;}
.site_link ul li a img{display:inline-block; width:198px; height:48px; border:1px solid #dfdede;}
.site_link .bx-viewport{float:right; width:1010px;}
.site_link .bx-controls{position:absolute; top:13px;}
.site_link .bx-wrapper .bx-prev{display:inline-block; position:static; width:26px; height:26px; background:url(../../images/main/visual_prev.gif) no-repeat;}
.site_link .bx-wrapper .bx-next{display:inline-block; position:static; margin-left:-1px; width:26px; height:26px; background:url(../../images/main/visual_next.gif) no-repeat;}


/* �����201910 start */
.db_wrap{width:1100px; margin:30px auto 0 auto;}
.direct{margin-bottom:30px;box-sizing:border-box;border:1px solid #ccc;}
.direct:after{display:block; content:""; clear:both;}
.direct .tit{float:left;  padding:25px; width:220px; height:177px;background:url(/images/main/main_tt_bg01.png) no-repeat 0 0 ; box-sizing:border-box; word-break:keep-all;}
.direct .tit p{color:#fff; font-size:25px; font-family:"NanumSquareB"; line-height:32px; letter-spacing:-0.045em;}
.direct .tit span{display:block; margin-top:5px; color:#fff; line-height:18px;}
.direct .tit span b{background:#fff;color:#03004c;padding:2px 10px;box-sizing:border-box;border-radius:50px;}
.direct ul{float:left;}
.direct ul::after{display:block; content:""; clear:both;}
.direct ul li{float:none; text-align:center;}
.direct ul li.dw1{border-bottom:1px solid #ccc;}
.direct ul li ul{overflow:hidden; float:none;}
.direct ul li ul li{float:left;border-right:1px solid #ccc;}
.direct ul li ul li a{display:table-cell; vertical-align:middle; background:#fff; padding:0 20px; width:182px; height:88px; color:#333; font-size:16px; font-family:"NanumBarunGothicB"; line-height:24px; box-sizing:border-box;}
.direct ul li ul li a{text-align:left;}
.direct ul li.dw1 ul li a:hover{color:#fff;}
.direct ul li.dw2 li a{padding-left:80px;}
.direct ul li ul li span{font-size:14px;}
.direct ul li ul li a p{margin-top:14px;}

.direct ul li ul li .ico1{ background:#fff url(/images/main/center01_ico1_01.png) 95% center no-repeat;}
.direct ul li ul li .ico2{ background:#fff url(/images/main/center01_ico1_02.png) 95% center no-repeat;}
.direct ul li ul li .ico3{ background:#fff url(/images/main/center01_ico1_03.png) 95% center no-repeat;}
.direct ul li ul li .ico4{ background:#fff url(/images/main/center01_ico1_04.png) 95% center no-repeat;}
.direct ul li ul li .ico5{ background:#fff url(/images/main/center01_ico1_05.png) 8% center no-repeat;}
.direct ul li ul li .ico6{ background:#fff url(/images/main/center01_ico1_06.png) 8% center no-repeat;}
.direct ul li ul li .ico7{ background:#fff url(/images/main/center01_ico1_07.png) 8% center no-repeat;}
.direct ul li ul li .ico8{ background:#fff url(/images/main/center01_ico1_08.png) 8% center no-repeat;}

.direct ul li.dw1 ul li a:hover.ico1{ background:#6786da url(/images/main/center01_ico1_01.png) 95% center no-repeat;}
.direct ul li.dw1 ul li a:hover.ico2{ background:#6786da url(/images/main/center01_ico1_02.png) 95% center no-repeat;}
.direct ul li.dw1 ul li a:hover.ico3{ background:#6786da url(/images/main/center01_ico1_03.png) 95% center no-repeat;}
.direct ul li.dw1 ul li a:hover.ico4{ background:#6786da url(/images/main/center01_ico1_04.png) 95% center no-repeat;}
.direct ul li.dw2 ul li a:hover.ico5{ background:#f1f1f1 url(/images/main/center01_ico1_05.png) 8% center no-repeat;}
.direct ul li.dw2 ul li a:hover.ico6{ background:#f1f1f1 url(/images/main/center01_ico1_06.png) 8% center no-repeat;}
.direct ul li.dw2 ul li a:hover.ico7{ background:#f1f1f1 url(/images/main/center01_ico1_07.png) 8% center no-repeat;}
.direct ul li.dw2 ul li a:hover.ico8{ background:#f1f1f1 url(/images/main/center01_ico1_08.png) 8% center no-repeat;}

.direct .lecture a{display:table-cell; text-align:center; vertical-align:middle; width:152px; height:177px; background:#f25c6d; }
.direct .lecture a span{display:block; margin-top:15px; color:#fff; font-size:18px; font-family:"NanumBarunGothicB";}
.direct .lecture a:hover{ background:#556fb5;}

.direct1{margin-bottom:30px;box-sizing:border-box;border:1px solid #ccc;}
.direct1:after{display:block; content:""; clear:both;}
.direct1 .tit{float:left;  padding:25px; width:220px; height:177px;background:url(/images/main/main_tt_bg02.png) no-repeat 0 0 ; box-sizing:border-box; word-break:keep-all;}
.direct1 .tit p{color:#fff; font-size:25px; font-family:"NanumSquareB"; line-height:32px; letter-spacing:-0.045em;}
.direct1 .tit span{display:block; margin-top:5px; color:#fff; line-height:18px;}
.direct1 .tit span b{background:#fff;color:#03004c;padding:2px 10px;box-sizing:border-box;border-radius:50px;}

.direct1 ul{float:left;}
.direct1 ul::after{display:block; content:""; clear:both;}
.direct1 ul li{float:none; text-align:center;}
.direct1 ul li.dw1{border-bottom:1px solid #ccc;}
.direct1 ul li ul{overflow:hidden; float:none;}
.direct1 ul li ul li{float:left;border-right:1px solid #ccc;}
.direct1 ul li ul li a{display:table-cell; vertical-align:middle; background:#fff; padding:0 20px; width:182px; height:88px; color:#333; font-size:16px; font-family:"NanumBarunGothicB"; line-height:24px; box-sizing:border-box;}
.direct1 ul li ul li a{text-align:left;}
.direct1 ul li.dw1 ul li a:hover{color:#fff;}
.direct1 ul li.dw2 li a{padding-left:80px;}
.direct1 ul li ul li span{font-size:14px;}
.direct1 ul li ul li a p{margin-top:14px;}
.direct1 ul li ul li .ico1{ background:#fff url(/images/main/center01_ico2_01.png) 95% center no-repeat;}
.direct1 ul li ul li .ico2{ background:#fff url(/images/main/center01_ico2_02.png) 95% center no-repeat;}
.direct1 ul li ul li .ico3{ background:#fff url(/images/main/center01_ico2_03.png) 95% center no-repeat;}
.direct1 ul li ul li .ico4{ background:#fff url(/images/main/center01_ico2_04.png) 95% center no-repeat;}
.direct1 ul li ul li .ico5{ background:#fff url(/images/main/center01_ico2_05.png) 8% center no-repeat;}
.direct1 ul li ul li .ico6{ background:#fff url(/images/main/center01_ico2_06.png) 8% center no-repeat;}
.direct1 ul li ul li .ico7{ background:#fff url(/images/main/center01_ico2_07.png) 8% center no-repeat;}
.direct1 ul li ul li .ico8{ background:#fff url(/images/main/center01_ico2_08.png) 8% center no-repeat;}
.direct1 ul li ul li .ico9{ background:#fff url(/images/main/center01_ico1_06.png) 8% center no-repeat;}
.direct1 ul li ul li .ico10{ background:#fff url(/images/main/center01_ico1_08.png) 8% center no-repeat;}

.direct1 ul li.dw1 ul li a:hover.ico1{ background:#56b4e7 url(/images/main/center01_ico2_01.png) 95% center no-repeat;}
.direct1 ul li.dw1 ul li a:hover.ico2{ background:#56b4e7 url(/images/main/center01_ico2_02.png) 95% center no-repeat;}
.direct1 ul li.dw1 ul li a:hover.ico3{ background:#56b4e7 url(/images/main/center01_ico2_03.png) 95% center no-repeat;}
.direct1 ul li.dw1 ul li a:hover.ico4{ background:#56b4e7 url(/images/main/center01_ico2_04.png) 95% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico5{ background:#f1f1f1 url(/images/main/center01_ico2_05.png) 8% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico6{ background:#f1f1f1 url(/images/main/center01_ico2_06.png) 8% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico7{ background:#f1f1f1 url(/images/main/center01_ico2_07.png) 8% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico8{ background:#f1f1f1 url(/images/main/center01_ico2_08.png) 8% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico9{ background:#f1f1f1 url(/images/main/center01_ico1_06.png) 8% center no-repeat;}
.direct1 ul li.dw2 ul li a:hover.ico10{ background:#f1f1f1 url(/images/main/center01_ico1_08.png) 8% center no-repeat;}

.direct1 .lecture a{display:table-cell; text-align:center; vertical-align:middle; width:152px; height:177px; background:#f25c6d; }
.direct1 .lecture a span{display:block; margin-top:15px; color:#fff; font-size:18px; font-family:"NanumBarunGothicB";}
.direct1 .lecture a:hover{ background:#556fb5;}


/* .direct .bx-viewport{margin:0 auto; width:88%;}
.direct .bx-wrapper .bx-prev{top:0; left:0; width:39px; height:114px; background:url(/images/main/direct_prev.gif) 0 0 no-repeat;}
.direct .bx-wrapper .bx-next{top:0; right:0; width:39px; height:114px; background:url(/images/main/direct_next.gif) 0 0 no-repeat;} */

/* db_middle */
.db_middle{position:relative; margin-bottom:16px;}
.db_middle:after{display:block; content:""; clear:both;}



@media only screen and (max-width:1100px) {
	
	.con_wrap{width:750px;}
		
	.visual{overflow:visible; float:none; width:748px; height:auto; background-color:#fff;}
	.visual .bx-wrapper{position:relative; width:748px; height:auto;}
	.visual .bx-wrapper .bx-viewport{width:748px; margin:0 auto; min-width:inherit;}
	.visual .bx-wrapper .bx-controls{bottom:165px; right:25px;}
	.visual .bx-wrapper .slide{height:auto;}
	.visual .bx-wrapper .slide img{float:none; width:100%;height:100%; border-right:none;}
	.visual .bx-wrapper .slide div{float:none; width:100%;}
	.visual .bx-wrapper .slide div p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.visual .bx-wrapper .slide div span{overflow:hidden; height:44px;}
	
	.top .right{float:none; width:100%;}
	.top .right .notice{float:none; margin-top:12px; width:auto}
	.top .right .util{margin-top:20px;}
	.top .right .util ul li{width:calc(100%/3 - 20px/3);}
	.top .right .util ul li a{padding:25px 25px 25px 60px;}
	.top .right .util ul li a.join{background:url(../../images/main/util_join.png) no-repeat 25% center #e67386;}
	.top .right .util ul li a.charge{background:url(../../images/main/util_charge.png) no-repeat 25% center #83b324;}
	.top .right .util ul li a.location{background:url(../../images/main/util_location.png) no-repeat 25% center #e69b50;}

	.bottom{margin-top:20px; height:auto;}
	.bottom > div{height:auto;}
	.bottom .left{overflow:hidden; float:none; width:100%;}
	.bottom .left > div{float:left; margin-left:16px; width:calc(50% - 8px); box-sizing:border-box;}
	.bottom .left .operating_hours{margin-left:0px;}
	.bottom .left .tel{padding:35px 22px; margin-top:0px;}
	.bottom .center{float:none; margin-top:20px; margin-left:0px; width:100%;}
	.bottom .center .gallery #galList{width:calc(100% - 160px);}
	.bottom .center .gallery #galList li{width:calc(100%/3);}
	.bottom .center .gallery #galList li:nth-child(2), #galList li:nth-child(4), #galList li:nth-child(6), #galList li:nth-child(8){padding-left:calc(100%/3);}
	.bottom .center .gallery #galList li:nth-child(2n+1){margin-left:-1px;}
	.bottom .center .gallery #galList li::before{width:50%;}
	.bottom .center .gallery #galList li a{width:100%; box-sizing:border-box;}
	.bottom .right{float:none; margin-top:20px; margin-left:0px; width:100%;}

	.banner_zone{height:auto;}
	.b_wrap{width:750px;}
	.site_link{width:auto;}
	.site_link .bx-viewport{width:590px;}


	.db_wrap{margin:25px auto 0 auto; width:750px;}

	.direct{position:relative; margin-bottom:25px;border:none;}
	.direct .tit{padding:14px 0; width:auto; height:auto; background:none;}
	.direct .tit p{color:#333; font-size:18px; line-height:initial;}
	.direct .tit span{display:none;}
	.direct .direct_wrap{margin-top:14px;}
	.direct ul li ul li{margin-right:14px;border-right:none;}
	.direct ul li ul li:last-child{margin-right:0;}
	.direct ul li ul li a{width:177px; font-size:15px; border-radius:5px; line-height:22px;border:1px solid #ccc;background:#fff;}
	.direct .lecture{position:absolute; right:0; top:0;}
	.direct .lecture a{width:177px; height:50px; border-radius:5px;}
	.direct .lecture a img{display:none;}
	.direct .lecture a span{margin-top:0; font-size:15px;}

	.direct1{position:relative; margin-bottom:25px;border:none;}
	.direct1 .tit{padding:14px 0; width:auto; height:auto; background:none;}
	.direct1 .tit p{color:#333; font-size:18px; line-height:initial;}
	.direct1 .tit span{display:none;}
	.direct1 .direct_wrap{margin-top:14px;}
	.direct1 ul li ul li{margin-right:14px;border-right:none;}
	.direct1 ul li ul li:last-child{margin-right:0;}
	.direct1 ul li ul li a{width:177px; font-size:15px; border-radius:5px; line-height:22px;border:1px solid #ccc;background:#fff;}
	.direct1 .lecture{position:absolute; right:0; top:0;}
	.direct1 .lecture a{width:177px; height:50px; border-radius:5px;}
	.direct1 .lecture a img{display:none;}
	.direct1 .lecture a span{margin-top:0; font-size:15px;}
	
	.direct ul li.dw1,
	.direct1 ul li.dw1{border-bottom:none;margin-bottom:15px;}

}	


@media only screen and (max-width:768px) {
		
	.con_wrap{padding:10px 2%; width:96%;}
	
	.visual{width:auto;}
	.visual .bx-wrapper{width:100%;}
	.visual .bx-wrapper .bx-viewport{width:100%;}
	.visual .bx-wrapper .slide{}
	.visual .bx-wrapper .slide img{float:none; width:100%;}
	.visual .bx-wrapper .slide div{float:none; width:auto;}
	.visual .bx-wrapper .bx-controls{}
	
	.top .right .util{margin-top:10px;}
	.top .right .util ul li a{padding:70px 0 22px 0;}
	.top .right .util ul li a.join{background:url(../../images/main/util_join.png) no-repeat center 28px #e67386;}
	.top .right .util ul li a.charge{background:url(../../images/main/util_charge.png) no-repeat center 26px #83b324;}
	.top .right .util ul li a.location{background:url(../../images/main/util_location.png) no-repeat center 24px #e69b50;}

	.bottom{margin-top:10px;}
	.bottom .left .operating_hours{float:none; width:100%;}
	.bottom .left .tel{float:none; margin-top:10px; margin-left:0px; width:100%;}
	.bottom .center{margin-top:10px;}
	.bottom .right{margin-top:10px;}

	.banner_zone{display:none;}

	.db_wrap{padding:0 2%; width:auto;}
	.direct{margin-bottom:15px;border:none;}
	.direct ul li.dw1{margin-bottom:0;}
	.direct ul li ul li{display:table; margin:0 3% 3% 0; width:48.5%;border-right:none;}
	.direct ul li ul li:nth-child(2n){margin-right:0;}
	.direct ul li ul li a{width:100%;border:1px solid #ccc;background:#fff}
	.direct .lecture{width:48.5%;}
	.direct .lecture a{display:block; padding:15px 0; width:100%; height:initial;height:28px;}

	.direct1{margin-bottom:15px;border:none;}
	.direct1 ul li.dw1{margin-bottom:0;}
	.direct1 ul li ul li{display:table; margin:0 3% 3% 0; width:48.5%;border-right:none;}
	.direct1 ul li ul li:nth-child(2n){margin-right:0;}
	.direct1 ul li ul li a{width:100%;border:1px solid #ccc;background:#fff}
	.direct1 .lecture{width:48.5%;}
	.direct1 .lecture a{display:block; padding:15px 0; width:100%; height:initial;height:28px;}

	.direct ul li.dw1,
	.direct1 ul li.dw1{border-bottom:none;}
}
/* //�����201910 end */

@media only screen and (max-width:620px) {
	
	
}


@media only screen and (max-width:480px) {
	

}

@media only screen and (max-width:420px) {

	
}


@media only screen and (max-width:320px) {

}