.join-end{display: inline-block;color: #fff;background-color: #bbb;width: 30px;height: 20px;text-align: center;line-height: 20px;border-radius:6px;margin-right: 4px;font-size: 12px;font-style: normal;}
        .join-ing{display: inline-block;color: #fff;background-color: #187D6C;width:30px;height: 20px;text-align: center;line-height: 20px;border-radius:6px;margin-right: 4px;font-size: 12px;font-style: normal;}


		#gnb_wrap{z-index:1; width:1200px; margin:0 auto; position:relative; top:15px;  background:#fff; opacity:0.7;}
		#util_wrap {width: 100%;}
		#util{position:absolute; right:5%; top:20px; font-size:12px;}
		h1{position:absolute; left:5%; top:15px; text-align:center; z-index:9999;}

		.main_contents > ul{width: 100%;height: auto;margin-bottom: 10px;display: flex;flex-wrap:wrap;}
		.main_contents > ul > li{flex:1;}
		#miniCalendar{margin: 0 6px;}
		
		.main_noti, .main_join{border: 1px solid #ddd;border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

		.title_box{width: 100%;height: 39px;font-weight: bold;font-size: 18px;line-height: 40px;text-indent: 15px;position: relative;}
		.weather_main{width: 100%;height: 210px;text-align: center;}
		.weather_main img{width: 100px;}
		.weather_main > li{width: 50%;float: left;}
		.weather_tomorrow{width: 100%;height: 210px;}
		.weather_tomorrow img{width: 70px ;}
		.weather_tomorrow > li{width: 100%;height:105px ;}

		.txt_today{padding-top: 24px;font-size: 18px;font-weight: bold;}
		.btn_more{width: 60px;height: 40px;position: absolute;right: 0;top: 0;font-size: 12px;text-indent: 0;}
		
		.list_notice{width: 100%;height: 204px;margin-top: 6px;}
		.list_notice > li{height: 33px;line-height: 33px;background:url('/images/common/dot2.png?ver=1.1') 10px 50% no-repeat;position: relative;}
		.list_notice > li > a{padding-left: 20px;padding-right:80px; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
		.list_notice > li > span{width: 80px;height: 33px;position: absolute;right: 0px;top: 0;}
		
		.list_join{width: 100%;height: 204px;margin-top: 6px;}
		.list_join > li{height: 33px;line-height: 33px;position: relative;}
		.list_join > li > a{padding-left: 10px;padding-right:80px; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
		.list_join > li > span{width: 80px;height: 33px;position: absolute;right: 0px;top: 0;}


		html, body, #wrap{width: 100%;height: 100%;}
		#containermain{width:100%;position: relative; top: 0;}
		#containermain:after{content:"";display:block;clear:both;}

		.main_con{width:1200px;height: 98px;position: absolute;left: 50%;top: -110px;margin-left: -600px; z-index:11;display: flex;}
		.main_con > li{flex:1; margin-right:1px; background-color:#000; opacity:0.6; font-weight:600;}
		.main_con > li > a{display:block; height:98px; background:url(' ../images/main/quick_icon_01.png?ver=1.1') 17% 50% no-repeat;}
		.main_con > li > a:hover{background-color:#3f4450; }
		.main_con > li:nth-child(2) > a{background-image:url('../images/main/quick_icon_02.png?ver=1.1');}
		.main_con > li:nth-child(3) > a{background-image:url('../images/main/quick_icon_06.png?ver=1.1');}
		.main_con > li:nth-child(4) > a{background-image:url('../images/main/quick_icon_03.png?ver=1.1');}
		.main_con > li:nth-child(5) > a{background-image:url('../images/main/quick_icon_04.png?ver=1.1');}
		.main_con > li:nth-child(6) > a{background-image:url('../images/main/quick_icon_05.png?ver=1.1');}
		.main_con span{font-size:18px; line-height:98px; padding-left:90px; color:#fff;}

		#visual {width:100%; height:620px; overflow:hidden; osition:relative; background-color:#fff;}
		#visual img{display:none;}

		#wrap.main{width:100%; height: 100%;overflow:auto;}
		#wrap.main:after{display: block;content: '';clear: both;}

		.bx-wrapper .bx-pager {top: -44px;right: 0px;}



/* main */

	#visual {width:100%; height:620px; overflow:hidden; osition:relative; background-color:#fff;}
	#visual img{display:none;}
	#text{position:absolute;left:50%;bottom:620px;margin-left:-209px;z-index:2;}
	
	



	.main_con2{float:left; width:100%; margin:0 auto; margin-top:10px;}
	.main_con2 > li{float:left; display:block; width:19.3%; height:255px; margin-right:0px; background-color:#fff; border:1px solid #ddd; margin-left:10px;}
	


	.main_con2 > li:last-child{2} img{width:100%; height:100%;}
	.main_con2 > li .mainbanner{width:100%; height:100%;}


/* notice */
ul.main_notice{/*width:340px;*/ width:100%;}
ul.main_notice > li{float:left;position:relative; background-color:#fff; width:100%;}
ul.main_notice > li > dl{/*width:340px;*/ width:100%; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.main_notice > li dt{text-indent:15px; font-weight:bold; font-size:18px; padding-bottom:6px; /* background:url('../images/main/title_line.png') left bottom no-repeat;*/ margin-bottom:10px; border-bottom:1px solid #ddd; height:40px; line-height:40px;}
ul.main_notice > li dt span{float:right; font-size:12px; font-weight:normal; margin-right:10px;}

/* banner */
#mainContents{width:380px;height:245px;position:relative;}
.mainIcon{width:90px;height:574px;background:url('/images/main/mainIcon_bg.png') 0 0 repeat;float:left;margin-right:3px;}
.mainIcon a{display:block; height:100%; text-align:center; color:#fff; padding-top:24px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mainIcon a:hover{background-color:#133450;}
.mainIcon span{display:block;padding-top:10px;}
.mainIcon > li{height:20%;border-top:1px solid #39596B;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.mainIcon > li:first-child{border-top:0px none;}

.wrap{width:380px; /*height:245px;*/}
.wrap > li{float:left;}
.wrap > li img{width:100%; height:165px;}
ul.slider{height:245px;}

.wrap2{width:380px; height:245px;}
.wrap2 > li{float:left;}
.wrap2 > li img{width:340px; height:165px;}
ul.slider{height:245px;}


/* news */
#news{padding-top:0px;}
#news dt{font-size:13px;position:relative;padding:10px 0;}
#news dt a{position:absolute;right:0;top:0;}
#news dd{padding:4px 0;position:relative; border-bottom:1px solid #eaecee; line-height:25px; font-size:13px;}
#news dd a:hover{text-decoration:none; color:#d8ab5d; font-size:13px;}
#news dd span{position:absolute;right:0;top:4px;font-size:13px; color:#777;}



button.btn{background-color:#dedede; color:#777; border-radius:0px; padding:3px 6px 2px; position:absolute; right:0px; top:5px; font-size:12px;}


#time{padding-right:0;background:url("../images/main/banner_05.jpg") 0 0 no-repeat;width:230px;height:130px;padding-top:210px;}
#time ul{height:114px;}
#time li{padding:1px 10px;width:170px;}
#time li.bg{background-color:#eee;}
#time span{display:inline-block;width:35px;color:#ff6600;font-weight:bold;text-align:right;}
#time button{position:absolute;right:10px;top:180px;background-color:#FFF;}
#time .contact_p{margin-top:2px; margin-left:25px; font-size:12px;color:#879A58;}
#time .contact_p strong{color:#ff6633;font-weight:bold;}
#playBtn{display:none;}



/***** 2019.05.21 추가 *****/
.main_con2_new{position:relative; max-width:1200px; margin:0 auto; top:100px; left:-100px; }
.main_con2_new > li{float:left; display:block; width:20.9%; height:245px; margin-right:1%; background-color:#fff; padding:10px 20px;}
.main_con2_new > li:last-child{margin-right:0px;}
/*.main_con2_new > li:nth-child(2), .main_con2_new > li:nth-child(3){width:245px; height:205px; background-color:#fff; padding:20px;}*/



/* notice_new */
ul.main_notice_new{width:100%;}
ul.main_notice_new > li{float:left;position:relative; background-color:#fff;}
ul.main_notice_new > li > dl{width:100%; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
ul.main_notice_new > li dt{text-indent:15px; font-weight:bold; font-size:18px; padding-bottom:6px; /* background:url('../images/main/title_line.png') left bottom no-repeat;*/ border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:40px; line-height:40px;}


.wrap_new4{width:100%; height:245px;}
.wrap_new4 > li{float:left;}
.wrap_new4 > li img{width:100%; height:110px;}
ul.slider2{height:245px;}

.wrap2_new{width:100%; height:245px;}
.wrap2_new > li{float:left;}
.wrap2_new > li img{width:100%; height:210px;}
ul.slide2{height:245px;}

.wrap3_new{width:100%; height:245px;}
.wrap3_new > li{float:left;}
.wrap3_new > li img{width:100%; height:188px;}
ul.slider2{height:245px;}


/* 미니달력_new */
#miniCal_new{width:100%; height:245px; position:relative;}
#miniCal_new .month{height:50px; text-align:center; line-height:50px; font-family:'dinbol'; font-size:30px; color:#000;}
.preMonth > a{display:inline-block; width:30px; height:30px; text-align:center; position:absolute; left:60px; top:11px;}
.nextMonth > a{display:inline-block; width:30px; height:30px; text-align:center; position:absolute; right:60px; top:11px;}
.nextMonth > a:hover,.preMonth > a:hover{background-color:#eee;}
.preMonth i, .nextMonth i{line-height:30px;}

#miniCal_new>table{width:100%; margin:0 auto;}
#miniCal_new thead th{font-size:11px; line-height:18px; font-weight:normal; background-color:#fff; text-align:center; color:#000; border:1px solid #ddd; background:#e7ebee;}
#miniCal_new thead th:first-child{/*background-color:#D26A75;*/}
#miniCal_new thead th:last-child{/*background-color:#34495E; border-right:1px solid #34495E;*/}
#miniCal_new tbody td{height:26px; border:1px solid #dbdbdb; background-color:#fff;}
#miniCal_new tbody td > div{font-size:12px; padding:2px; text-align:center;}
#miniCal_new tbody td > p{text-align:center; font-size:12px;}
#miniCal_new tbody td:first-child>div:first-child{color:#E60012; text-align:center;}
#miniCal_new tbody td:last-child>div:first-child{color:#3879D9;}
#miniCal_new tbody td.today{background-color:#22741C;color:#fff;}
#miniCal_new tbody td.book{cursor:pointer;background-color:#00D8FF; color:#fff; font-weight:bold;}

#miniCal_new tbody td.end{cursor:pointer;background-color:#ff0000; color:#fff;}
#miniCal_new tbody td.hold{background-color:#FFA648;}
#miniCal_new tbody td.open{background-color:#FFB2F5;}

#calGuide{position:absolute; left:0px; top:10px; font-size:11px;}
#calGuide>p{height:18px; padding-left:5px;}
#calGuide span{display:inline-block; width:8px;height:8px; margin-right:3px;}
#calGuide span.Gtoday{background-color:#22741C; border:1px solid #dbdbdb;}
#calGuide span.Ghold{background-color:#FFA648; border:1px solid #dbdbdb;}
#calGuide span.Gopen{background-color:#FFB2F5; border:1px solid #FFB2F5;}

#calGuide2{position:absolute; right:0px; top:10px; font-size:11px;}
#calGuide2>p{height:18px; padding-right:5px;}
#calGuide2 span{display:inline-block; width:8px;height:8px; margin-right:3px;}
#calGuide2 span.Gbook{background-color:#00D8FF; border:1px solid #dbdbdb;}
#calGuide2 span.Ghold{background-color:#FFA648; border:1px solid #dbdbdb;}
#calGuide2 span.Gopen{background-color:#FFB2F5; border:1px solid #FFB2F5;}

.red a{color:#ff3737;}
.blue a{color:#0062bb;}


@media (max-width:1620px){
	.nextMonth,	.preMonth{display: none;}
}


@media (max-width:1500px){
		#gnb_wrap{z-index:1; width:1200px; margin:0 auto; position:relative; top:54px; background:#fff; opacity:0.7;}
		#util_wrap {width: 1200px;margin: 0 auto;}
		#util{position:absolute; right:0; top:-20px; font-size:12px;}
		h1{position:absolute; left:0; top:-20px; text-align:center; z-index:9999;}
		h1 a{width: 100px;display: inline-block;}
		h1 img{width: 100%;}
		.main_contents > ul{width: 1200px; margin: 0 auto;}
		.main_contents > ul > li{flex:auto}
		.main_contents > ul > li:nth-child(1){width: 50%;order:4;margin-top: 20px;margin-bottom: 20px;}
		.main_contents > ul > li:nth-child(5){width: 50%;order:5;margin-top: 20px;margin-bottom: 20px;}
		.main_contents > ul > li:nth-child(2),
		.main_contents > ul > li:nth-child(3),
		.main_contents > ul > li:nth-child(4){width: 400px;}
		.nextMonth, .preMonth{display: block;}
		
		.main_join{margin-left: 10px;}
		.main_noti{margin-right: 10px;}
		.title_box{border-bottom: 1px solid #ddd;}
	
}