@charset "utf-8";
/* *******************************************************
 * filename : layout.css 전체 레이아웃 CSS

******************************************************** */

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* layout */
body, table, th, td, button, select, input {
	font-family:'Noto Sans','Noto Sans KR','notokr-medium','NotoSansKR-Regular','NotoSansKR-Light', 'notokr-bold', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; } /* min-width 홈페이지 가로값에 맞게 변경 */

.font-noto {font-family: 'Noto Sans','Noto Sans KR','notokr-medium','notokr-bold','NotoSansKR-Regular','NotoSansKR-Light', 'Malgun Gothic', dotum, gulim, verdana, sans-serif;}

/* 공통css  */
.area{ max-width:1230px; margin:0px auto;} /* width 홈페이지 가로에 맞게 변경 */
.area-box{ max-width:1730px; margin:0px auto; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
      -ms-transform: scale(1.1) rotate(0.02deg);
	  -o-transform: scale(1.1) rotate(0.02deg);
	  -moz-transform: scale(1.1) rotate(0.02deg);
	  -webkit-transform: scale(1.1) rotate(0.02deg);
	  transform: scale(1.1) rotate(0.02deg);
}




#web {display:block ;  }
#mobile {display:none;}

@media all and (max-width:1620px){
	.area-box{padding:0 15px;}
}
@media all and (max-width:1220px){
	.area{padding:0 15px;}
}
/*  HEADER  */
#header{position:relative; height:104px; -webkit-transition:top 0.4s;-moz-transition:top 0.4s;-o-transition:top 0.4s;-ms-transition:top 0.4s;transition:top 0.4s}
#headerInnerWrap{position:absolute; top:0; left:0; height:104px; width:100%; z-index:99; background-color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#headerInner{position:relative; height:104px; max-width:1400px; margin:0px auto; padding:0 15px; }
#header .logo{position:relative; z-index:100; float:left; line-height: 104px;}		/* padding값 바꾸기 */
#header .logo a{display:block; }
#header .logo img{display:inline-block; vertical-align:middle;}



/* Header사이트맵(기본형 or 커스텀) */
.sitemap-line-btn{float:left; width:23px; height:42px; margin-left:20px}
.sitemap-line-btn .line{display:block; width:28px; height:3px; background-color:#333;  margin: 5px auto;}


/*  Header 메뉴 PC용 */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:97;}	/* gnb overlay BG */
#gnbBg{display:none; position:absolute; left:0; top:104px; width:100%; height:300px; background:#ff6100; border-bottom:1px solid #111; z-index:98}	/* gnb 2depth BG */
#gnb{position:absolute; text-align:center; top:0; left:130px; width:100%; z-index:99; }
#gnb > ul{display:inline-block; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; float:left; }
#gnb > ul > li > a{position:relative; z-index:100; display:block; height:104px; line-height:104px; width:175px; text-align:center; color:#333; font-size:20px; letter-spacing:-0.55px; font-weight:500; -webkit-transition:font-size 0.4s;-moz-transition:font-size 0.4s;-o-transition:font-size 0.4s;-ms-transition:font-size 0.4s;transition:font-size 0.4s;}
#gnb > ul > li:hover > a, #gnb > ul > li.on > a{color:#fff; background-color:rgba(0, 0, 0, 0.15);}
#gnb > ul > li:hover, #gnb > ul > li.on {background-color:rgba(0, 128, 255, 0.8); }
/* GNB 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	display:none;
	position:absolute; 
	top:104px; 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
	background-color:rgba(0, 128, 255, 0.8); 
}
#gnb > ul > li .gnb-2dep ul{padding:13px 0px;}
#gnb > ul > li .gnb-2dep ul li{position:relative; padding:10px;}
#gnb > ul > li .gnb-2dep ul li a{ display:block; text-align:center; color:#82c0ff; font-size:16px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
#gnb > ul > li .gnb-2dep ul li a:hover{text-decoration:underline; color:#fff;}



/* Header 메뉴 모바일용  */
.nav-open-btn{display:none;}
#gnbM{display:none}

/* -------- Header  스타일변경 -------- */
/* Header :: 헤더가 비주얼 배경위에 있는 스타일 */
#header.fixed-header {position:absolute; top:0; left:0; width:100%; z-index:99;}
#header.fixed-header #headerInnerWrap{background-color:transparent;  }
#header.fixed-header .header-search-open-btn{color:#fff; border-color:rgba(255,255,255,0.2);}
#header.fixed-header .header-lang {border-color:rgba(255,255,255,0.2); }
#header.fixed-header .header-lang .lang-open-btn{color:#fff;}
#header.fixed-header .header-lang > ul {border-color:rgba(255,255,255,0.6);}
#header.fixed-header .sitemap-line-btn .line{background-color:#fff}
#header.fixed-header .sitemap-custom-btn{color:#fff; border-color:rgba(255,255,255,0.2); }
#header.fixed-header #gnb{border-color:rgba(255,255,255,0.2);}
#header.fixed-header #gnb > ul > li > a{color:#fff;}

@media all and ( min-width: 1221px ){	
	/* -------- Header :: 스타일변경 -------- */	
	/* Header :: 마우스 OVER 스타일 (마우스 오버시 헤더의 배경색이 변경되는 경우에만 삽입) */
	#header.fixed-header.over #headerInnerWrap{background:#fff;}
	#header.fixed-header.over .header-search-open-btn{border-color:#ff6100; color:#ff6100;}
	#header.fixed-header.over .header-lang{border-color:#ff6100;}
	#header.fixed-header.over .header-lang .lang-open-btn{color:#ff6100}
	#header.fixed-header.over .sitemap-line-btn .line{background-color:#ff6100}
	#header.fixed-header.over .sitemap-custom-btn{color:#ff6100; border-color:#ff6100; }
	#header.fixed-header.over #gnb{border-color:rgba(0,0,0,0.2)}
	#header.fixed-header.over #gnb > ul > li > a{color:#333;}
	#header.fixed-header.over #gnb > ul > li > a:hover,#header.fixed-header.over  #gnb > ul > li.on > a{color:#fff;}
}
@media all and ( max-width: 1440px ){
	/* -------- Header GNB PC용 -------- */
	#gnb > ul > li > a{font-size:16px; width:125px;}
	#gnb > ul > li .gnb-2dep ul li a{font-size:13px;}
}
@media all and ( max-width: 1220px ){
	#header, #headerInnerWrap, #headerInner{height:80px;}
	#headerInnerWrap {position:fixed;}
	#header .logo{line-height: 80px;}	/* padding값 적절히 바꿔주세요 */
	#header.fixed #headerInnerWrap{box-shadow: 1px 1px 3px rgba(0, 0, 0, .1)}
	#header.fixed-header.fixed #headerInnerWrap{top:0; background-color:rgba(0, 128, 255, 0.8);}
	#header.fixed #gnb > ul > li > a{color:#fff;}

	.header-login {margin-left: 10px;}
	.header-login a.logout {margin-left: 10px;}
	
	/* -------- Header  UTIL BOX -------- */
	.header-util-box{padding-right:55px;}
	.header-search-box {margin-left: 10px;}
	/* Header :: 사이트맵 버튼 */
	.sitemap-line-btn, .sitemap-custom-btn{display:none;}

	/* -------- Header GNB PC용 -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}

	/* -------- Header GNB 모바일용 -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:101;}	
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#444; 
		z-index:999; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	#gnbM #navigation{margin-top:80px;}	/* Header 높이값 */
	/* GNB Mobile :: 1차 */
	#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#gnbM #navigation > li > a {position:relative; display:block; padding:15px; color:#fff; font-size:17px;  }
	#gnbM #navigation > li.active > a{color:#fff;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}
	#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;}
	#gnbM #navigation > li .gnb-icon i{font-size:24px;}
	/* GNB Mobile :: 2차가 있을시 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#2f2f2f; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#fff; font-size:14px; padding:10px 15px; opacity:0.7;filter:Alpha(opacity=70);}
	#gnbM #navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline;}
	/* GNB Mobile :: 3차가 있을시 */
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#aaa; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
	
	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:fixed; top:24px;  right:15px; z-index:9998; 
		height:30px;
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:28px; height:3px; background-color:#333; border-radius:5px; margin: 3px auto;
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active .line{background-color:#fff;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(6px) rotate(45deg);
		  -ms-transform: translateY(6px) rotate(45deg);
		  -o-transform: translateY(6px) rotate(45deg);
		  transform: translateY(6px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6px) rotate(-45deg);
		  -ms-transform: translateY(-6px) rotate(-45deg);
		  -o-transform: translateY(-6px) rotate(-45deg);
		  transform: translateY(-6px) rotate(-45deg);
	}
	
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}
@media all and ( max-width: 800px ){
	#header, #headerInnerWrap, #headerInner{height:60px;}
	#header .logo{line-height: 60px;}	/* padding값 적절히 바꾸기 */
	#header .logo img{height:30px;}

	.header-lang {padding:0 5px;}
	.header-login {margin-left: 5px;}
	.header-login a.logout {margin-left: 0px;}
	.header-search-open-btn, .header-search-close-btn, .header-search-btn {width:30px; height:30px; margin-top: 7px;}

	
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.nav-open-btn{top:15px; margin-top:0;}
	.nav-open-btn .line{width:20px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(5px) rotate(45deg);
		  -ms-transform: translateY(5px) rotate(45deg);
		  -o-transform: translateY(5px) rotate(45deg);
		  transform: translateY(5px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);
		  transform: translateY(-5px) rotate(-45deg);
	}
	/* Header :: GNB(Mobile) */
	#gnbM #navigation{margin-top:60px}	/* Header 높이값 */
	#gnbM #navigation > li > a {font-size:15px;}
	#gnbM #navigation > li .gnb-2dep > li > a{font-size:13px;}
	
	
#web {display:none;}
#mobile {display:block; width:100%}	

}

/* ****************** FOOTER ********************** */

#footer {background: #484747;padding-bottom: 50px; font-size: 0.875em; margin-top:0px; position: relative;color: #FFF; border-top:1px solid #484747;width: 100%;}
#footer .container {position: relative; width:1140px; margin:0 auto}

#footer address {display: block; margin: 40px 0px 0 0;line-height: 1.8;font-size:14px; letter-spacing:0px ;position:relative}/*font-family:'NotoSansKR-Light'; */
#footer address b {display: block;font-size: 1.286em;color: #111; padding-bottom:10px; }
#footer address .tel{
	
	top:4px;
	  margin-left:50px; width:250px; float:right
}


#footer .logo {position: absolute;top: 100px;right: 0;}
#footer small {line-height: 2; font-size: 1em; letter-spacing:0px}
#footer span:not(.logo) {color: #838181;font-size: 0.8em;vertical-align: 2px; padding: 0 1em}
#footer a#goTop {float: right; line-height: 70px;}
#footer a#goTop:before {content: "^";display: inline-block;vertical-align: middle;font-size: 0; padding-left: 15px;background: url(/images/arr_top.png) no-repeat 0 48%}
#footer ul {line-height: 70px;}
#footer li+li {margin-left: 1em;}

.topBtn{display:none; position:fixed; right:0; bottom:0; width:50px; height:50px;  font-size:14px; color:#fff; text-align:center; line-height:50px; background:#b6b7be; z-index:100;}/*font-family:'notokr-bold';*/

@media all and (max-width:1220px){
	.family-site-box {float:none; margin-right:0; width:100%; margin-bottom: 5px;}
	.footer-menu {float:none; width:100%;}
}

@media all and (max-width:800px){
	#footer {text-align: center;padding-bottom: 2em;}
    #footer address {margin-top: 2em;margin-right: 0; line-height: 1.5; padding:10px }
    #footer address b {margin-bottom: 5px;}
	#footer address .tel{
		margin-top:15px; width:100%; margin-left:0; padding-bottom:10px}
		#footer address .tel img{ width:50%}
	
	
   #footer .container {position: relative; width:100%; margin:0 auto}
    #footer span.logo {display: none;}
    #footer ul {line-height: 50px;}
    #footer li+li {margin-left: 0}
    #footer a#goTop {display: none}
    #footer .scroll-top {position:fixed; right:15px; bottom:0; background:#000; width:35px; height:35px; color:#fff; line-height:35px; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 3}
    #footer .scroll-top.is-showing {bottom:55px; opacity:0.3;}
/* top버튼 */
	.topBtn{width:40px; height:40px; font-size:10px; line-height:42px;}

}


@media all and (max-width:480px){
	#footer {text-align: center;padding-bottom: 2em;}
  
}

/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{width:100%; height:406px; background-size:cover !important;}
#visual .visual-txt-con{position:relative; text-align:center; height:100%; letter-spacing:-0.5px; color:#fff;}
#visual .visual-tit{font-weight:400; font-size:40px; padding-top:30px; position:relative; margin-bottom:15px}
#visual .visual-tit .line_img{ width:22px; height:1px; vertical-align:middle; margin:0px 10px 0 10px; background:#FFF; top:20px; left:49%; position:absolute; }

/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#sideMenuM, #productMenuM{display:none}
#sideMenu{float:left; width:19%; margin-top: -28px; padding-bottom: 50px;}

.side-menu-tit {padding:40px 0; text-align:center; background:url("/images/layout/sub_menu_bg.jpg") no-repeat; background-size:cover;}
.side-menu-tit h2 {font-size:30px; letter-spacing: 0.25px; color:#fff; font-weight: 400;}



/*  서브레이아웃 상단정보 공통사용 */
#contentInfoCon{position:relative; }
#contentInfoCon .content-tit{color:#383838; font-size:36px; font-weight:600; padding-bottom: 10px; border-bottom: 1px solid #383838; margin-bottom: 40px;}
#contentInfoCon .content-tit span {font-size:18px; line-height: 22px; color:#828282; font-weight: 500;}

/* 서브레이아웃 상단정보스타일03 */
.location{overflow:hidden; text-align:center; padding-top:155px;}
.location li{display:inline-block; vertical-align:middle; color:#fff; font-size:17px;  line-height: 21px; font-family:'NotoSansKR-Light'}/*letter-spacing:-0.5px;*/

.location li:first-child:before{display:none;}

/*   서브레이아웃 컨텐츠 레이아웃 */
#content{padding:60px 0;  width:100%;}
.stopTxtA{width:1140px; margin:0 auto}
.stopTxtA .txts{ font-size:16px; line-height:24px; position:relative }
.txts_btn{height:40px; line-height:25px; text-align: center; font-size:15px; padding:7px 10px; width:200px; color:#FFF; background:#fa5e5e; margin-bottom:15px;  border-radius:20px; position:absolute; right:5px; }

.stopTxtA .subTit{ font-weight:600; font-size:35px; color:#333; font-family:'notokr-bold' }
.stopTxtA .subTit span{ color:#1184cd}
.stopTxtA .subTit.type2{padding-top:100px;}
.stopTxtA .subTxt1{font-size:40px; line-height:50px; margin-top:30px; color:#666}
.stopTxtA .subTxt2{font-size:20px; line-height:50px; margin-top:30px; color:#333; font-weight:500; position:relative}

.midTit{ font-size:30px; color:#333; /*width:1184px;*/ margin:0 auto}
.list_total{ position:absolute; font-size:15px !important; margin-left:280px; top:20px; font-family:"NotoSansKR-Light"}


.sub_cont{ width:100%; background:#fff }/*서브페이지 내 배경색이 없을때*/
.sub_cont01{ width:100%; background:#f2f4f5 }/*서브페이지 내 배경색이 있을때*/
.sub_cont02{ width:100%; background:#ddebef}/*서브페이지 내 배경색이 있을때-하늘색*/
.sub_inner{width:1140px; margin:0 auto; height:100%}
.info_ba{ background:url(../images/sub/baimg01.jpg)center no-repeat; background-attachment:fixed; background-size:cover}

.tp table{width:100%!important;letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #c8c8c8;border-spacing:0;border-collapse:collapse; line-height:20px; text-align: center; background:#FFF}
.tp thead tr:first-child th{border-top:1;background:#e3e8f0; text-align:center ; vertical-align:middle}
.tp th{padding:13px 5px 13px 5px;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; font-size:17px;text-align: center; font-family:'notokr-bold' ;color:#fff; }
.tp td{padding:10px 5px 10px 5px;font-weight:400;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2; background:#FFF;font-size:17px;text-align: center; color:#515151}
.t_bac{ background:#787878; color:#FFFFFF; font-size:14px}
.ba_c01{ background:#faf9f3 !important}

/* listStyle */
.textList{margin:40px auto 0; width:1140px;}
.textList .listWrap{margin-top:40px;}
.textList .listWrap .list{display:block; position:relative; padding:30px 0 30px 70px; border-bottom:1px solid #ededed;}
.textList .listWrap .list:first-child{border-top:1px solid #ededed;}
.textList .listWrap .list .leftArea{font-family: Tahoma, Geneva, sans-serif; font-weight:500; color:#666; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.textList .listWrap .list .category{margin-bottom:16px; font-weight:600; color:#666; font-size:16px;}
.textList .listWrap .list .tit{color:#222; font-size:21px;}
.textList .listWrap .list .listDate{margin-top:14px;}
.textList .listWrap .list:hover .tit{font-weight:600;}
.textList .listWrap .list .confirmBtn{position:absolute; right:30px; top:50%; width:120px; height:50px; font-family:'notokr-bold'; color:#fff; font-size:17px; text-align:center; line-height:49px; background:#888; border-radius:25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.textList.accorDiv .listWrap .list{padding:0;}


/*공지*/
.s_ann{ width:90px; font-size:15px; line-height:30px;  padding:3px 10px 3px 10px; margin-right:10px;*-moz-border-radius:20px;-webkit-border-radius:20px; border:1px solid #0090ff;border-radius:20px;background:#fff; color:#0090ff;  text-align:center; font-weight:600; display:inline-block}
/*이벤트*/
.s_eve_c{ width:90px; font-size:15px; line-height:30px;  padding:3px 10px 3px 10px; *-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:20px;border:1px solid #fe5f7d;background:#fff; color:#fe5f7d;  text-align:center; font-weight:600; display:inline-block; margin-right:10px}


.pagination {display: table;border-collapse: collapse;table-layout: fixed;text-align:center;margin: 0 auto; margin-top:3%; margin-bottom:4%;border-radius:5px;font-size: 0;/*width: 540px;*/max-width: 540px;}
.pagination a {display:table-cell;vertical-align:middle;line-height:2.7em;font-size: 13px; width:40px;border-radius:50px}
.pagination a img {vertical-align: middle;position: relative;top: -2px;}
.pagination .active {color:#666;background:#fff; border:2px solid #666; position:relative;z-index:1; font-weight: bold;font-size: 14px;}

/*검색_*/
.board-search {max-width: 480px;overflow: hidden;float:right;margin-bottom: 7%;}
.board-search select.form-control {width: 134px;float: left;margin-right: 10px;}
.board-search .input-group {}
.board-search .input-group .form-control {color: #111;}
.board-search .input-group .btn {margin-left: 10px;width: 70px;}
.board-search.bottom {margin: 0 auto;margin-top: 2%;max-width: 540px;float: none;}
.board-search.bottom select.form-control {width: 160px;}
.board-search.bottom .form-control {font-size: 15px;height: 40px;}
.board-search.bottom .input-group .form-control {border-right: 0;}
.board-search.bottom .input-group .btn {font-size: 15px;width: 80px;height: 40px;margin-left: 0;}

/*게시판보기_*/
.viewPage .titArea{padding-bottom:30px; border-bottom:5px solid #eee;}
.viewPage .titArea .tit{font-weight:600; color:#000; font-size:30px;}
.viewPage .titArea > div{margin-top:38px;}
.viewPage .titArea > div:after{content:''; display:block; clear:both;}
.viewPage .titArea > div .date{float:left; font-weight:600; font-size:16px; width:100%}
.viewPage .titArea > div .date span{margin-left:10px; font-family::#666;}/*'NotoSansKR-Light'; */
.viewPage .titArea > div .srchSel{float:left; width:100%; font-weight:600; font-size:16px; margin-top:10px}
.viewPage .titArea > div .srchSel img{ margin-right:10px}
.viewPage .titArea > div .srchSel span{margin-left:10px; font-family: color:#666;}
.viewPage .titArea > div .srchSel > a{padding-right:20px; text-align:right; border-bottom:none;}
.viewPage .titArea > div .srchSel > div{top:58px;font-weight:600; font-size:16px;}
.viewPage .conArea{padding:80px 80px 40px; font-size:16px; line-height:30px; border-bottom:1px solid #eee;}
.viewPage .conArea .img{margin:50px 0; /* text-align:center; */}
.viewPage .conArea .img img{max-width:100%;}
.viewPage .conArea .img:first-child{margin-top:0}
.viewPage .conArea .conTxt .tit{margin-bottom:10px; color:#000; font-size:26px;}
.viewPage .conArea .conTxt img{ width:100%}
.viewPage .conArea .conTxt .subTxt{margin-bottom:32px; color:#555; font-size:20px;}
.viewPage .conArea .viewTag{margin-top:67px;}
.viewPage .conArea .viewAttach{}
.viewPage .conArea .viewAttach span{margin-right:20px; font-family:'notokr-bold';}
.viewPage .inputForm .list{padding-left:0;}
.viewPage .inputForm .list:first-child{padding:0 0 20px 0;}
.viewPage .inputForm .list:last-child{padding:20px 0 0 0; border-bottom:0;}


.pageMove{position:relative; margin-top:100px; margin-bottom:100px; text-align:center;}
.pageMove .prevList{display:block; position:absolute; left:0; top:0; padding-left:35px; line-height:60px; color:#222; font-size:16px; background:url(../images/sub/btn_prev_list.png) left center no-repeat;}
.pageMove .nextList{display:block; position:absolute; right:0; top:0; padding-right:35px; line-height:60px; color:#222; font-size:16px; background:url(../images/sub/btn_next_list.png) right center no-repeat;}
.roundBtn{ display:inline-block; height:60px; padding:0 60px; font-family:'notokr-bold'; color:#222; font-size:20px; line-height:58px; border-radius:30px; border:1px solid #222}
/*맵*/
.map-tbl-con{margin-bottom:2%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:10px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px; border-bottom:1px solid #0090ff; color:#0090ff; text-align:left; font-weight:600 }
.th_c{padding-left:0; width:110px; border-bottom:1px solid #176bc2; color:#176bc2; text-align: center !important; font-weight:600; }/*font-family:'notokr-bold';*/
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:20px;}
.map-tbl td a{color:inherit;}   
.dblue{ color:#000}

.sub_mt{ margin-top:50px}
.sub_mb{ margin-bottom:50px !important}

/*맵수정_new.20.11.*/
.board-list table.table {text-align: center; }
.board-list table.table tr.notice td:first-child {color: #ff0000}
.board-list table.table th {color: #111;/*border-right: 1px solid #999;border-bottom: 1px solid #999; */line-height:20px; text-align:left; font-size:18px; font-weight:600;}
.board-list table.table th:last-child {border-right: 0;}
.board-list table.table td {color: #666; font-weight: normal;/*border-right: 1px solid #ddd*/font-size:15px; border:none; line-height:25px}
.board-list table.table td img {margin: 0 3px;}
.board-list table.table td.state span {color: #fff;min-width: 65px;height: 24px;line-height: 24px;background: #adadad; text-align: center;display: inline-block;font-size: 12px;}
.board-list table.table td.state span.ok {background:#eb4626;}
.on_time {text-align: center; color: #222;/* text-indent:15px;*/ font-size:14px; border-radius:50px; padding:5px 7px; margin:5px 0; background:#f8f5e7 }/*시간*/
.board-list table.table td.title {text-align: left; color: #222;/* text-indent:15px;*/ font-size:17px;  font-family:"notokr-bold"; }
.board-list table.table td.title .small{ width:100%; font-size:15px; }
.board-list table.table td.reply .title {padding-left: 20px; font-size:18px;}
.board-list table.table td.date a {color: #059ec8; display: block;}
.board-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:16px;  }
.f-left{ text-align:left; padding-left:15px}
.board-list table.table td.file img{ vertical-align:middle; width:22%}
.board-list table.table td.order-no {color: #059ec8}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #059ec8;margin-left: 10px;}
.board-list table.table td.state .btn {background: none; border-bottom: 1px solid #ddd;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}
.board-list .btn-box {margin-top: -38px;float: right;}
.board-list .btn-box .btn {width: 70px;}

.board_st{ width:100%; padding:10px 15px;}

.th_rline{ border-right:1px solid #999 }
.td_rline{ border-right:1px solid #dddddd }

.board-list .btn-box1 {margin-top:-38px;}
.board-list .btn-box1 .btn {width: 70px; min-width: 130px;padding: 8px 12px;height: 50px;font-size: 1.125em}


.b_ba{ background:#fbfaf0}
.b_ba1{ background:#f8eaed}
.b_ba2{ background:#fdced8}
.b_ba3{ background:#fca8ba}
.b_ba4{ background:#fd7995}

.sibwau01{ padding:1px 5px; border-radius:8px; background:#ff8939; color:#FFFFFF; font-size:11px; border:none}
.sibwau02{ padding:1px 5px; border-radius:8px; background:#009900; color:#FFFFFF; font-size:11px; border:none}
.bus{ padding:2px; border-radius:2px; color:#fff; font-size:11px; border:none}
.bg_blue{ background:#3366FF}
.bg_oran{ background:#F33}
.bg_green{ background:#00CC99}


/*관리프로그램*/
.cont-area.intro {
  padding: 40px 0 40px;
}

.cont-area.intro .cont-top {
  overflow: hidden;
}

.cont-area.intro .cont-top .cont-txt {
 
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
 /* width: 50%; padding: 53px 0 0 123px; float: left;*/
  text-align:center;
  color:#01284d;

  
  
}

.cont-area.intro .cont-bottom .cont-dl { margin-top:-220px; padding-left:60px}

.cont-area.intro .cont-top .cont-txt .cont-tit {
  display: inline-block;
  position: relative;
  text-align:left
}

.cont_before {
  content: '';
 /* display: block;  width: 100%; background-color: #fbe3de; padding:0 15px 0 15px
  height: 50%;
*/
  height: 50%;
  bottom: 0;
  left: 0;
 
 
}

.cont-area.intro .cont-top .cont-txt .cont-tit p {
  position: relative;
  z-index: 1;
  font-size: 38px;
  font-weight: 300;
  line-height:60px;
  font-family:'notokr-bold'
}

.cont-area.intro .cont-top .cont-txt .cont-tit p strong {
  /*font-weight: 700;*/
}

.cont-area.intro .cont-top .cont-txt .cont-desc {
  margin-top: 32px;
  color: #404040;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.5;
}

.cont-area.intro .cont-top .intro-img {
  float: right;
 /* margin-right: 50px;*/
  
}

.pr{ position:relative}
.cont-area.intro .cont-top .intro-img img {
  max-width: 410px;
 /* width: 100%;*/
}

.cont-area.intro .cont-bottom .cont-dl {
 /* margin-top: 81px;*/
}

.cont-area.intro .cont-bottom .cont-dl dt {
  margin-bottom: 10px;
}

.cont-area.intro .cont-bottom .cont-dl dd {
  width: 80%;
  margin-bottom: 35px;
  color: #595959;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.555555555555556;
}

.cont-area.intro .cont-bottom .cont-dl dd ul {
  margin-top: 34px;
}

.cont-area.intro .cont-bottom .cont-dl dd ul li {
  display: inline-block;
  margin-right: 46px;
  text-align: center;
}

.cont-area.intro .cont-bottom .cont-dl dd ul li img {
  max-width: 210px;
  width: 100%;
}

.cont-area.intro .cont-bottom .cont-dl dd ul li p {
  margin-top: 17px;
  color: #404040;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.6;
}
.cont-dl {
 /* padding-left: 123px;*/
}

.cont-dl dt {
  position: relative;
  font-size: 25px;
 
  letter-spacing: -0.04em;
  line-height: 1.5625;
  color:#333333;
  font-family:'notokr-bold'
}

.cont-dl dt:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -80px;
  width:60px;
  height: 4px;
  margin-top: -2px;
  background-color:#56b5fe;
}
.tah{ font-family:Tahoma, Geneva, sans-serif; font-weight:600}



/*이용안내*/
.sub-tit01{font-weight:400; font-size:38px; padding-top:30px; position:relative; margin-bottom:15px; color:#01284d; text-align:center; font-family:'notokr-bold'}
.sub-tit01 .t_line{ width:70px; height:2px; vertical-align:middle; margin:0px 10px 0 10px; background:#56b5fe; bottom:-20px; left:46%; position:absolute; }
.sub-tit02 {width:1140px; margin:0 auto}
.sub-tit02 .sub-txt01{ font-size:20px; font-family:'notokr-bold'; text-align:center; color:#fff; background:#458cd4; /*border:2px solid #458cd4;*/ border-radius:50px; *-moz-border-radius:50px; -webkit-border-radius:50px; padding:12px 20px; width:140px; margin-top:50px; margin-left:44%; margin-bottom:50px }
.sub-tit02 .sub-txt02{ font-size:19px; font-family:'notokr-medium'; text-align:center; color:#333333; line-height:24px; margin-bottom:10px }
.col01{ color:#06a490}/*초록색*/

.sub-tit02 .sub-txt03{ font-size:19px; font-family:'notokr-medium'; text-align:left; color:#333333; line-height:28px; margin-bottom:10px; margin-left:120px; position:relative }
.time_img{
	position:absolute;
	left:-100px;
	top:-6px
}

.col02{ color:#f84343}/*분홍색*/

.inner{position:relative; margin:0 auto; width:1140px; height:100%;}
.inner:after{content:""; display:block; clear:both;}



.welfare2{margin-top:20px;}
.welfare2 .listD{margin-top:30px;}
.welfare2 .listD .list{float:left; width:279px; height:260px; padding:35px 40px; margin-right:8px; text-align:center; border:1px solid #e8e8e8;}
.welfare2 .listD .list:nth-child(4n){margin-right:0;}
.welfare2 .listD .list:nth-child(n+5){margin-top:8px;}
.welfare2 .listD .list .tit{margin:18px 0 20px; font-family:'notokr-medium'; color:#333; font-size:18px; line-height:25px}
.welfare2 .listD .list ul{}
.welfare2 .listD .list ul li{padding-left:6px; text-indent:-6px; line-height:22px; text-align:left; font-size:14px; color:#FFFFFF}


.stxtArea{position:relative;  padding:0px 0 30px; width:100%; /* height:335px; */}
.stxtArea .txt{ position:relative; left:200px; width:80% }
.stxtArea .txt li{font-size:18px; line-height:27px; color:#333;}
.stxtArea .icon_01{
	position:absolute;
	top:46px;
	left:50px;
}

.stxtArea .icon_02{
	position:absolute;
	top:-17px;
	left:50px;
}




/*시설안내 롤링*/
.bxslider_sub{width:1071px; height:570px;  margin-left:30px; margin-top:10px;border:2px solid #ccc}
.bxslider1 {margin: 0; padding: 0; }
ul.bxslider1 {
  list-style: none;
}
.bxslider1 ul li{ position:relative}
.bxslider1 li{ width:100%;}
.bxslider1 li img{ width:100%}

/*시설안내 내용*/
.sp_font{ position:absolute; background:url('../images/main/c_pc_img01.png') no-repeat; bottom:15px; left:15px; width:400px; height:80px; }
.sp_font h3{  font-size:24px; margin:28px 0 15px 0px; color:#FFF; text-align:center}
.sp_font p{ position:absolute; font-size:15px; line-height:20px; color:#FFFFFF; margin-left:30px}


/*시설안내용 좌우버튼*/
.bx_wrap1{ width:1080px; margin: auto; position:relative}
.bx_pr1{position: absolute; top: 300px; left:-40px;  z-index: 2;}
.bx_ne1{position: absolute; top: 300px; right:-30px; z-index: 2;}



@media all and (max-width:1220px){

	#content {float:none; width:100%; }
	
	
	/*   서브레이아웃 비주얼 */
	#visual{height:240px;}

	.location {padding-top: 80px;}

	/*  서브레이아웃 이전페이지,다음페이지 버튼 */
	.sub-page-controls-btn .sub-page-name{display:none}
	/*   서브레이아웃  서브메뉴(스타일1) */
	#sideMenu{display:none}
	#sideMenuM{display:block; position:relative; height:60px; background-color:#0080FF; top:-25px;}

	#sideMenuM .menu-location{position:relative; }

	#sideMenuM .menu-location > .cur-location{position:relative; display:block; height:60px; padding:0 4%; }
	#sideMenuM .menu-location > .cur-location::after {content:"+"; position:absolute; font-size:25px; font-weight: 400; color:#fff; right:4%; top:50%; margin-top: -12.5px;}

	#sideMenuM .menu-location.location1 > .cur-location{border-right:1px solid #ddd; }

	#sideMenuM .menu-location > .cur-location span{line-height:60px; color:#fff; font-weight:600; font-size:17px;}
	

	#sideMenuM .menu-location .location-menu-con{display:none; position:absolute; top:60px; left:-1px; width:calc(100% - 1px); border:1px solid #ddd; background-color:#fff; z-index:11; }
	#sideMenuM .menu-location .location-menu-con li a{display:block; padding:10px; font-size:13px;}
	#sideMenuM .menu-location .location-menu-con li.on{position:relative;}
	#sideMenuM .menu-location .location-menu-con li.on a{padding-left:25px; color:#ff6100; font-weight:500;}
	#sideMenuM .menu-location .location-menu-con li.on a:before{content:""; position:absolute; top:50%; left:10px; width:7px; height:3px; margin-top:-1px; background-color:#ff6100}


	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon .content-tit{font-size:24px}
	#contentInfoCon .content-sub-tit{font-size:13px; line-height:18px;}
	/*  SUB LAYOUT :: 상단정보(스타일02) */
	#contentInfoCon.content-info-style02 .content-tit{display:block; padding-bottom:15px;}
	#contentInfoCon.content-info-style02 .content-tit:after{position:static; display:block; margin:20px 0 0 0;}
	#contentInfoCon.content-info-style02 .content-sub-tit{display:block; margin-left:0}
	/*  SUB LAYOUT :: 상단정보(스타일03) */
	#contentInfoCon.content-info-style03 .content-tit{float:none; }
	#contentInfoCon.content-info-style03 .location{float:none; text-align:center; padding-top:23px;}
	
	/*이용안내*/
	.welfare2 .listD .list{width:32.8%; margin-right:0.8%;}
	.welfare2 .listD .list:nth-child(4n){margin-right:0.8%;}
	.welfare2 .listD .list:nth-child(3n){margin-right:0;}
	.welfare2 .listD .list:nth-child(n+4){margin-top:8px;}
	
	.inner{width:90%; margin:auto;}
	
	
}

@media all and (max-width:800px){
#content {padding:40px 0}

.sub_inner{  width:100%}
.stopTxtA{ margin:0 10px;}
.stopTxtA .txts{ font-size:16px; line-height:24px; position:relative }
.txts_btn{height:40px; line-height:25px; text-align: center; font-size:15px; padding:7px 10px; width:200px; color:#FFF; background:#fa5e5e; margin-bottom:15px;  border-radius:20px; position:absolute; right:5px; }

.stopTxtA .subTit{ font-weight:600; font-size:25px; color:#333; }
.stopTxtA .subTit span{ color:#1184cd}
.stopTxtA .subTit.type2{padding-top:100px;}
.stopTxtA .subTxt1{font-size:1.4em; line-height:50px; margin-top:30px; color:#666}
.midTit{ font-size:30px; color:#333; /*width:1184px;*/ margin:0 auto}

.list_total{ position:absolute; font-size:14px !important; margin-left:200px; top:5px;}
.stopTxtA .subTxt1{font-size:40px; line-height:50px; margin-top:30px; color:#666}


/* listStyle */
	.textList{width:auto; padding:0 5%;}
	.textList .listWrap{margin-top:40px;}
	.textList .listWrap .list{display:block; position:relative; padding:15px 0 15px 40px; border-bottom:1px solid #ededed;}
	.textList .listWrap .list:first-child{border-top:1px solid #ededed;}
	.textList .listWrap .list .leftArea{font-weight:600; color:#666; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.textList .listWrap .list .category{margin-bottom:16px; font-weight:600; color:#666; font-size:16px;}
	.textList .listWrap .list .tit{color:#222; font-size:17px; line-height:24px }
	.textList .listWrap .list .listDate{margin-top:14px;}
	.textList .listWrap .list:hover .tit{ font-weight:600;}
	.supportDiv .textList.accorDiv{}
	.textList .listWrap .list .confirmBtn{position:absolute; right:30px; top:50%; width:120px; height:50px; font-family:'notokr-bold'; color:#fff; font-size:17px; text-align:center; line-height:49px; background:#888; border-radius:25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
	.textList.accorDiv .listWrap .list{padding:0;}
/*공지*/
.s_ann{ width:80px; font-size:13px; line-height:13px;  padding:5px 7px 5px 7px; margin-right:8px;*-moz-border-radius:20px;-webkit-border-radius:20px; border:1px solid #0090ff;border-radius:20px;background:#fff; color:#0090ff;  text-align:center; font-weight:600; display:inline-block}
/*이벤트*/
.s_eve_c{ width:80px; font-size:13px; line-height:13px;  padding:5px 7px 5px 7px; *-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:20px;border:1px solid #fe5f7d;background:#fff; color:#fe5f7d;  text-align:center; font-weight:600; display:inline-block; margin-right:8px}
	
	.viewPage .titArea{padding-bottom:20px; border-bottom:4px solid #eee;}
	.viewPage .titArea .tit{font-size:22px; line-height:30px; font-family:'notokr-bold' }
	.viewPage .titArea > div{margin-top:19px;}
	.viewPage .titArea > div .date{font-size:15px; line-height:22px; font-family:"NotoSansKR-Light"}
	.viewPage .titArea > div .srchSel{/*width:170px;*/}
	.viewPage .titArea > div .srchSel > div{top:43px;}
	.viewPage .conArea{padding:40px 0 34px; font-size:15px; line-height:1.5;}
	.viewPage .conArea .img{margin:20px 0;}
	.viewPage .conArea .conTxt .tit{margin-bottom:10px; color:#000; font-size:26px;}
	.viewPage .conArea .conTxt img{ width:100%}
	.viewPage .conArea .viewTag{margin-top:40px;}

	
	
	.pagination {/*width: 100%;*/max-width:100%}
    .pagination a { width:35px;display:table-cell;vertical-align:middle;line-height:2.2em;font-size: 13px; border-radius:50px}
	.more_box{ width:100%; position:relative; height:auto; margin-top:10px; display:block}
    .more_box .more{ width:95%; border:1px solid #de2b38; text-align:center; padding:14px; font-size:13px; line-height:13px; font-weight:600; margin:0 auto; background:#fff; font-family:'NotoSansKR-Light'; display:block}
	
	.pageMove{margin-top:40px;}
	.pageMove .prevList{padding-left:10px; line-height:45px; text-indent:-9999px; background-size:auto 23px;}
	.pageMove .nextList{padding-right:10px; line-height:45px; text-indent:-9999px; background-size:auto 23px;}


	#visual {height:200px;}
	.location li {font-size:13px; line-height: 18px;}
	#visual .visual-tit {font-size:22px; padding-top: 15px;}
    #visual .visual-tit .line_img{ width:22px; height:1px; vertical-align:middle; margin:0px 10px 0 10px; background:#FFF; top:5px; left:45%; position:absolute; }
	

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
/*검색*/
  .board-search {float: none;margin-bottom: 15%; margin-top:10%}
    .board-search.bottom {margin-top: 5%;}
    .board-search select.form-control {width: 30% !important;background-size: 30px !important;}
    .board-search .form-control {font-size: 13px !important;height: 29px !important;}
    .board-search .input-group .btn {font-size: 13px !important;width: 60px !important;height: 29px !important;margin-left: 0;}
    .board-lock {}
    .board-lock .pw-confirm {padding: 35px 0;}
    .board-lock .pw-confirm span {margin-right: 5px;}
    .board-lock .form-control {min-width: 35%}
	
	.board-search1 {float: none;margin-bottom: 5%;}
    .board-search1.bottom {margin-top: 5%;}
    .board-search1 select.form-control {width: 100% !important;background-size: 30px !important;}
    
.ing_w1140{ width:100%; overflow:hidden; margin-top:10px} 


.smallRound{padding:0 11px; height:30px; border-radius:15px;}
.smallRound span{padding-right:15px; font-size:12px; line-height:28px;}
.smallRound.gray span{background-size:9px}



/*맵*/
.map-tbl-con{margin-bottom:7%;}
.map-tbl{width:100%;}
.map-tbl th, .map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:18px; font-weight:400;}
.map-tbl th{padding-left:0; width:110px;border-bottom:1px solid #0090ff; color:#0090ff; text-align:left; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; letter-spacing:-0.75px; line-height:22px; font-size:16px}
.map-tbl td a{color:inherit;}

/*맵수정*/
 .board-list table.table {text-align: left; width:100%}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {background: #ff0000;color: #fff;padding: 1px 5px;border-radius: 2px;}
    .board-list table.table tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
	.board-list table.table th {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 17px; color: #333; font-family:'notokr-bold';}
    .board-list table.table td {border: 0;padding: 0;display: inline-block;/* vertical-align: top; */font-size: 15px; color: #666; line-height:23px; padding:7px 0 7px 0}
    .board-list table.table td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;font-size: 11px;display: none}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date a {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {text-decoration: underline; position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.mileage:before {content: "P"; font-size: 10px; padding: 1px 5px; line-height: 1; margin-right: 3px; background: #00a1c8; color: #fff;border-radius: 2px;}
    .board-list table.table td.title {font-size:18px;line-height:18px; display: block;position: relative; height: auto;color: #222; font-family:'notokr-bold';}
	.board-list table.table td.title .small{ display:inline-block !important;font-size:15px; width:150px; }
	
    .board-list table.table td.img {float: left; width: 60px; height: 60px; margin-right: 10px;}
    .board-list table.table td.writer {}
	.board-list table.table td.file img{ width:47%}
    .board-list table.table td.reply {padding-left: 12px;}
    .board-list table.table td.reply .title {padding-left: 0;}
    .board-list table.table td.state {position: absolute;right: 0;bottom: 0;padding: 10px;}
    .board-list table.table td.state b {}
    .board-list table.table td.state .btn {padding: 2px 5px; border: 1px solid #ddd;font-size: 12px;}
    .b_ba{ background:#fbfaf0; width:100%; text-align:center; padding:10px}
	.b_ba1{ background:#f8eaed; width:100%; text-align:center; padding:10px}
   
   .board-list table.table td.l_txt{text-align: left; color: #666;/* text-indent:15px;*/ font-size:15px;  font-family:'NotoSansKR-Regular';  }

/*관리프로그램*/
 .cont-area.intro {
    padding: 25px 4.296875vw 50px;
  }
  .cont-area.intro .cont-top .cont-txt {
    float: none;
    width: 100%;
    padding: 0;
  }
  .cont-area.intro .cont-top .cont-txt .cont-tit p {
    font-size: 26px; line-height:37px; font-family:'notokr-bold';
  }
  .cont-area.intro .cont-top .cont-txt .cont-desc {
    margin-top: 6.901041666666667vw;
    font-size: 4.166666666666667vw;
  }
  .cont-area.intro .cont-top .intro-img {
    float: none;
    margin-top: 10px; margin-bottom:30px;
    margin-right: 0;
    text-align: center;
  }
  .cont-area.intro .cont-top .intro-img img {
    max-width: 91.27604166666667vw;
  }
  .cont-area.intro .cont-bottom .cont-dl {
  /*  margin-top: 19.53125vw;*/ margin-top:10px; padding-left:0
  }
  
  .cont-area.intro .cont-bottom .cont-dl dt {
    margin-bottom:10px; line-height:30px; font-size:20px; margin-top:30px
  }
 /* .cont-area.intro .cont-bottom .cont-dl dt:before {
    left: 0; 
  }*/
  .ra_line{  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left:1px;
  width: 87px;
  height: 4px;
  margin-top: -10px;
  background-color:#56b5fe;}
  .cont-area.intro .cont-bottom .cont-dl dd {
    width: 100%;
    margin-bottom: 5vw;
    font-size: 3.776041666666667vw;
    line-height: 1.551724137931034;
  }
  .cont-area.intro .cont-bottom .cont-dl dd ul {
    overflow: hidden;
  }
  .cont-area.intro .cont-bottom .cont-dl dd ul li {
    float: left;
    width: 50%;
    margin-top: 5.208333333333333vw;
    margin-right: 0;
  }

  .cont-area.intro .cont-bottom .cont-dl dd ul li img {
    max-width: 35.67708333333333vw;
  }
  .cont-area.intro .cont-bottom .cont-dl dd ul li p {
    margin-top: 3.90625vw;
    font-size: 3.385416666666667vw;
    line-height: 1.692307692307692;
  }

.cont-dl dt {
  position: relative;
  font-size: 20px; font-family:'notokr-bold';
  letter-spacing: -0.04em;
  line-height: 1.5625;
  color:#333333
}

.cont-dl dt:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -123px;
  width: 87px;
  height: 4px;
  margin-top: -25px;
  background-color: #202020;
}

.sub_mb{ margin-bottom:0px !important}


/* 사이트맵 */
.sitemap-wrapper{padding:30px;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; text-decoration:underline;}


/*이용안내*/
.sub-tit01{font-weight:400; font-size:26px; line-height:37px;  padding-top:30px; position:relative; margin-bottom:15px; color:#01284d; text-align:center; font-family:'notokr-bold'}
.sub-tit01 .t_line{ width:70px; height:2px; vertical-align:middle; margin:0px 10px 0 10px; background:#56b5fe; bottom:-20px; left:40%; position:absolute; }
.sub-tit02 {width:100%}
.sub-tit02 .sub-txt01{font-size:20px; font-family:'notokr-bold'; text-align:center; color:#fff; border:2px solid #458cd4;  border-radius:20px; *-moz-border-radius:20px; -webkit-border-radius:20px; padding:10px 20px; width:140px; margin-top:50px; margin-left:33%; margin-bottom:50px }

.sub-tit02 .sub-txt02{ font-size:16px; font-family:'notokr-medium'; text-align:center; color:#333333; line-height:24px; margin-bottom:10px }
.sub-tit02 .sub-txt03{ font-size:15px; font-family:'notokr-medium'; text-align:left; color:#333333; line-height:22px; margin-bottom:10px; margin-left:100px; position:relative }
.time_img{
	position:absolute;
	left:-90px;
	top:20px
}

.info_ba{ background:url(../images/sub/baimg01_m.jpg) center no-repeat; background-attachment:fixed; background-size:cover; }


.welfare2 .listD .list{width:100%; height:auto; padding:20px 10px; margin-right:0;}
.welfare2 .listD .list:nth-child(n+2){margin-top:10px;}
.welfare2 .listD .list ul li{word-break:keep-all;}

.welfare2 .listD .list img{ width:15%}

.stxtArea{position:relative;  padding:0px 0 30px; width:100%; /* height:335px; */ }
.stxtArea .txt{ position:relative; left:0px; width:100% }
.stxtArea .txt li{font-size:16px; line-height:24px; color:#333;}
.stxtArea .icon_01{
		width:100%;
	position: relative;
	top:0px;
	left:38%;
	 margin-bottom:20px
}

.stxtArea .icon_02{
	width:100%;
	position:relative;
		top:0px;
	left:40%;
	 margin-bottom:20px
}



/*시설안내*/

.bxslider_sub{width:100%; height:100%; margin-top:10px; margin-left:0px; }
/*.bx_wrap{position: relative; width: 30px; margin: auto;}*/

.bxslider1 ul li{ width:100%; min-width:410px}
.bxslider1 li{ z-index:0 !important}


/*시설안내 내용*/
.sp_font{ position:absolute; bottom:0px; height:50px; line-height:50px; left:0px; width:100%; background:rgba(0, 150, 300, 0.8);}
.sp_font h3{  font-size:18px; line-height:50px;  margin:0px 0 5px 0px; color:#FFF; font-family:'notokr-medium '}
.sp_font p{ /*position:absolute; font-size:15px; line-height:20px; color:#FFFFFF; margin-left:30px*/display:none }

/*시설안내용 좌우버튼*/
.bx_wrap1{ width:100%; margin: auto; position:relative}
.bx_pr1{position: absolute; top:80px; left:-10px; z-index: 2;}
.bx_pr1 img{ width:50%}
.bx_ne1{position: absolute; top:80px;right:-50px;  z-index: 2;}
.bx_ne1 img{  width:50%}


@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#777; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }





@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	/* 사이트맵  */
	.sitemap-wrapper{padding:15px}
}