.wrap{width:90%; max-width:1400px; margin:0 auto;}
.wrap2{width:90%; max-width:1200px; margin:0 auto;}
.wrap8{width:90%; max-width:1800px; margin:0 auto;}
.flex{display:flex; flex-wrap:wrap;}
.flex-ct{display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.flex-side{display:flex; flex-wrap:wrap; justify-content:space-between}
p{font-size:17px; font-weight:500; line-height:1.5; letter-spacing:-0.2px}

/*전체*/
.fp-section{background:#aaa}
.fp-tableCell { padding-top: 5%;}
footer .fp-tableCell{padding-top: 0 !important;}


/*스크롤시 header*/
#fp-nav ul li:last-child{display:none !important}
#fp-nav ul li .fp-tooltip{font-weight:900}
.fp-viewing-anchor1 header{background:transparent; -webkit-backdrop-filter: blur(0px);  backdrop-filter: blur(0px);}
.fp-viewing-anchor1 header a.logo .logo-w{display:none}
.fp-viewing-anchor1 header a.logo .logo-b{display:block}
.fp-viewing-anchor1 .sns-w{display:none}
.fp-viewing-anchor1 .sns-b{display:block}
.fp-viewing-anchor1 .burger_box .menu-icon_line {background: #000; }

/*header*/
header{width:100%; height:80px; position:fixed; top:0; left:0; z-index:99999; background:rgba(0,0,0,.35); -webkit-backdrop-filter: blur(30px);  backdrop-filter: blur(30px); transition:.3s;}
header .wrap8{height:100%; align-items:center}
header a.logo{width:190px;}
header a.logo .logo-w{display:block}
header a.logo .logo-b{display:none}
.sns li a{width:32px;}
.sns-w{display:block;}
.sns-b{display:none}
.sns li a:hover img {animation: edge 0.5s linear 1; filter: sepia(20%) saturate(747%) hue-rotate(174deg);}
@keyframes edge {
	0% {transform: rotate(0deg);}
	35% {transform: rotate(-10deg);}
	75% {transform: rotate(10deg);}
	100% {transform: rotate(0deg);}
}


/*모바일메뉴*/
.side_menu {display: block; background: #000;height: 100%; right: -260px; position: fixed; top: 0; width: 260px; z-index:99999999;-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.side_menu .container{position:absolute;height:100%;width:100%; padding:100px 35px;}
.burger_box {display: block; float: left; margin-top: 15px; margin-left:-60px}
.burger_box a.menu-icon {display: inline-block; float: none; height: 60px; padding: 0px; opacity: 1; width: 60px; z-index: 100;color:#000;font-size:13px;}
.burger_box .menu-icon_box {display: inline-block; height: 30px; position: relative; text-align: left; width: 30px;}
.burger_box .menu-icon_line {background: #fff; display: inline-block; height: 2px; position: absolute; left:0px; width: 100%;top:30px}
.burger_box .menu-icon_line--1 {top: 3px;}
.burger_box .menu-icon_line--2 {top: 13px;}
.burger_box .menu-icon_line--3 {top: 23px;}
.burger_box .menu-icon_line--1 {transition: top 200ms 250ms, transform 200ms;-webkit-transition: top 200ms 250ms, -webkit-transform 200ms;}
.burger_box .menu-icon_line--2 {transition: opacity 0ms 300ms; -webkit-transition: opacity 0ms 300ms;}
.burger_box .menu-icon_line--3 {transition: top 100ms 300ms, transform 200ms; -webkit-transition: top 100ms 300ms, -webkit-transform 200ms;}
.burger_box .menu-icon {width:30px; height: 30px; cursor:pointer; text-align: center;}
.burger_box .menu-icon.opened .menu-icon_box {transform: scale3d(0.9, 0.9, 0.9); -webkit-transform: scale3d(0.9, 0.9, 0.9);}
.burger_box .menu-icon.opened .menu-icon_line {top: 13px;}
.burger_box .menu-icon.opened .menu-icon_line--1 {transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transition: top 100ms, transform 200ms 250ms; -webkit-transition: top 100ms, -webkit-transform 200ms 250ms; background: #fff;}
.burger_box .menu-icon.opened .menu-icon_line--2 {opacity: 0; transition: opacity 200ms; -webkit-transition: opacity 200ms;}
.burger_box .menu-icon.opened .menu-icon_line--3 {transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transition: top 200ms, transform 200ms 250ms; -webkit-transition: top 200ms, -webkit-transform 200ms 250ms; background: #fff;}
.sd_menu > ul >  li a{font-weight:600; line-height:1; padding:15px 0; color:#fff; font-size:19px; width:100%;}
.sd_menu > ul >  li:hover a{color:#d2498a; font-weight:700}
.sideOpen .side_menu{right:0}
.sideOpen:before {display: block; content:''; position:fixed; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.4); width:100%; height: 100vh; z-index:99999999;}
.side_menu, .burger_box {display: none; }


/*footer*/
footer{width:100%; background:#fff33f !important; color:#d2498a}
footer .wrap8{display:flex; padding:40px 0}
.f-info h1{font-size:20px; font-weight:600; line-height:1;}
.f-info ul{margin-top:20px;}
.f-info li{display:flex; flex-wrap:wrap; font-size:17px; line-height:1.3; }
.f-info li span{display:inline-block; width:30px}
.f-info li:nth-child(n+2){margin-top:4px}
.copy{display:flex; flex-flow:column; align-items:flex-end; justify-content: flex-end;}
.copy p{font-size:16px; line-height:1.3}


/*공통*/
.title{font-size:30px; line-height:1.4;  font-weight:700; margin-bottom:60px}
.title b{font-size:20px; font-weight:500;}
.title.red{color:#d2498a}
.title.white{color:#fff}
.inner-title{display:inline-block; color:#000; font-size:26px; border-bottom:3px solid #d2498a; padding-bottom:8px; margin-bottom:30px; padding-right:30px}
.sec-bg{width:30%; height:100%; float:left; background:url('/data/image/left-bg-b.png') no-repeat center/100%; position:relative;  background-size: cover;}
.sec3 .sec-bg, .sec5 .sec-bg{width:30%; height:100%; float:left; background:url('/data/image/left-bg-w.png') no-repeat center/100%; background-size: cover;}
.sec-bg img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.sec-con{width:70%; padding:2% 6% 0 2%; float:right;position:relative;}
.sec-con::before { content: ''; position: absolute; left: 50%; top: 55%; transform:translate(-50%, -50%); width: 90%; bottom: 0; background: url('/data/image/logo.svg') no-repeat center top/100%; opacity:.1;}
.sec-con.yellow::before { background: url('/data/image/logo_yellow.svg') no-repeat center top/100%; opacity:.05}
.sec-con.bg-color::before{opacity:.2}


/*메인비쥬얼*/
.sec1{position:relative; background:#fff33f}
.title-p{font-size:19px;}
.sec01-tab{margin-top:100px; align-items:flex-start}
.sec01-tab > li{width:calc(100%/5 - 15px); height:240px; border:3px solid rgba(210,73,138,.7); background:rgba(255,255,255,.7); cursor:pointer; padding:20px; color:#555; transition:0.2s}
.sec01-tab > li:nth-child(2n){border:3px solid rgba(210,73,138,.4); background:rgba(255,255,255,.4);margin-top:80px}
.sec01-tab > li > h3{font-size:22px; line-height:1.3; font-weight:800; padding-bottom:15px; position:relative; width:100%;}
.sec01-tab > li > h3::before{content:''; display:block; width:80%; height:2px;  background:#d2498a; position:absolute; bottom:0; left:0;}
ul.inner{margin-top:15px;}
ul.inner li{padding-left:8px; word-break: break-word; font-weight:500; position:relative; font-size:16px; line-height:1.3;}
ul.inner li::before{content:''; display:block; width:3px; height:3px; border-radius:10px; position:absolute; top:8px; left:0; background:#555}
ul.inner li:nth-child(n+2){margin-top:5px}
.sec01-tab > li:hover{border:3px solid #d2498a; background:#fff; color:#000; border-radius:25px}


/*인사말*/
.sec2{position:relative; background:#fff}


/*단체소개*/
.sec3{background:#c4c4c4}
.introdu p span{font-weight:600}
.sec-con .introdu ul li{}
.sec-con .introdu ul li b{color:#d2498a; font-weight:700}
.sec-con .introdu ul li p span{font-weight:600; margin-left:10px; margin-right:3px; color:#000}
.sec-con .introdu ul li p span:first-of-type{margin-left:0 !important}


/*시설운영*/
.sec4{background:#fff;}
.facility li{width:calc(100%/3 - 30px)}
.facility li .fa-img{width:100%; height:230px; position:relative}
.facility li .fa-img a{align-items:center; line-height:1; font-weight:400; font-size:15px; position:absolute; font-family:'Pretendard', sans-serif !important; top:10px; right:10px; color:#fff; background:#000; border-radius:100px; padding:10px 15px; overflow:hidden; transform: translateZ(0); transition: color 0.5s ease; }
.facility li .fa-img a img{width:22px; padding-left:5px}
.facility li .fa-txt {margin-top:20px;}
.facility li .fa-txt h3{color:#d2498a; font-weight:600; line-height:1; margin-bottom:6px;}
.facility li .fa-txt p{word-break: break-word;}
.facility li .fa-img a:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #d2498a; border-radius: 5px; content: ''; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; z-index: -1;}
.facility li .fa-img a:hover:before, .facility li .fa-img a:focus:before, .facility li .fa-img a:active:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.fa-img.img01{background:url('/data/image/facilty01.jpg') no-repeat center 100%; background-size:cover;}
.fa-img.img02{background:url('/data/image/facilty02.jpg') no-repeat center 100%; background-size:cover;}
.fa-img.img03{background:url('/data/image/facilty03_1.jpg') no-repeat center 100%; background-size:cover;}


/*알림*/
.sec5{background:#bfc0c0}
.news-title{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content: space-between;}
.news-title a{margin-bottom:30px; color:#fff; line-height:1; background:#000; font-family: 'Pretendard', sans-serif !important; padding:12px 18px; font-weight:400; font-size:16px; border-radius:100px; overflow:hidden; transform: translateZ(0); transition: color 0.5s ease; }
.news-title  a:before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: #d2498a; border-radius: 5px; content: ''; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; z-index: -1;}
.news-title  a:hover:before, .news-title  a:focus:before, .news-title  a:active:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.news-con li{cursor:pointer; width:calc(100%/3 - 30px)}
.news-con li > a{display:block; width:100%; height:100%; }
.news-img{width:100%; height:230px; background:#000; overflow:hidden; position:relative}
.news-img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.news-info {padding:0 5px; padding-top:15px; height:210px; position:relative;}
.news-info > span{font-size: 16px; line-height:1; font-weight:600; color:#d2498a}
.news-info > h2{width: 100%; font-size:21px; font-weight:700; line-height:1; margin:7px 0 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-info > p{font-size:17px; line-height:1.3; letter-spacing:-0.1px; font-weight:400; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.more{display:flex; align-items:center; flex-wrap:wrap; font-weight: 600; position: absolute; left: 0; bottom: 0;}
.more img{height:12px; margin-left:8px;}
.news-con li:hover .news-info h2{color:#444;}
.news-con li:hover .news-info p{color:#000; font-weight:500}
.news-con li:hover .more img{margin-left:11px; transition:.2s}


/*알림 게시판 읽기 페이지*/
.news-view{padding:0 !important}
.news-view-data{width:100%; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.news-view-data > h2{font-size:20px; font-weight:700; line-height:1.3;}
.news-view-data > span{width:100%; font-size:15px; text-align:left; margin-top:7px; color:#444; letter-spacing:-0.2px}
.news-view-img{margin-bottom:10px;}
.news-list-btn {border-top:1px solid #eee; padding-top:20px; margin-top:20px; display:flex ; flex-wrap:wrap; align-items:center; justify-content:flex-end}
.news-list-btn a{font-size:15px; background:#000; color:#fff; padding:6px 15px; font-weight:400; font-family:'Pretendard', sans-serif !important }
.news-list-btn a:hover{background:#333; transition:.2s;}
.news-view-con p { font-size: initial;  font-weight: initial;}
.news-view-con{font-family:'Pretendard', sans-serif !important}

/*알림 게시판 리스트*/
.all-terms{display: flex; flex-wrap: wrap; justify-content: space-between;}
.list-info{display:flex; flex-flow:column; align-items:flex-start; width:48%;}
.list-thum{width:100%; height:220px;  overflow: hidden; position:relative}
.list-thum img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.list-title{margin-top:10px;}
.list-title h2{font-size:18px; font-weight:700; line-height:1.4; margin-bottom:3px; overflow: hidden; word-break: break-all; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; padding-right:2%}
.list-title span{font-size:14px; font-weight:500; color:#d2498a }
.list-info:nth-of-type(n+3){margin-top:30px; padding-top:30px; border-top:1px dashed #ddd;}


/*게시판 모달*/
.modal-btn{font-size:16px; font-weight:500; color:#fff !important; background: #000; padding:10px 30px; display: inline-block;}
.modal-btn:hover{background: #333;}
.board_wrap .title_tit {font-size:1.3em; padding: 15px 0; font-weight: 700; border-top: 2px solid #000; border-bottom: 1px solid #000; width:100%; text-align: center; margin-bottom: 40px;}
.board_wrap .view-title{font-size: 17px;  font-weight: 600;  margin-bottom: 15px;  background: #d2498a;  color: #fff;  display: inline-block;  padding: 6px 20px;  border-radius: 100px;}
.board_wrap {width:100% !important; height: 100%; padding-right:10px; overflow-y: auto; overflow-x: hidden; box-sizing:border-box;}
.modal {max-width:900px !important;width:100% !important; height: 90%; padding: 3% !important; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;}
.blocker {z-index:9999999999999 !important; background-color: rgba(0,0,0,0.4) !important;}
.board_wrap::-webkit-scrollbar { width: 7px;  }
.board_wrap::-webkit-scrollbar-thumb {  background-color: #eee;  border-radius: 10px;  background-clip: padding-box;  border: 0px solid transparent;  }
.board_wrap::-webkit-scrollbar-track { background-color: transparent;  border-radius: 0; }

/*리스트 페이지 번호*/
.page-btn{width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #ddd; padding-bottom:5px;}
.pagination {display:flex; flex-wrap:wrap; justify-content:center;}
.pagination li {display: inline-block; margin:0 3px; }
.pagination a {font-size:15px; padding: 3px 0; text-align:center; width:30px; border: 1px solid #ccc; background-color: #f9f9f9; 	color: #333; }
.pagination li.active a {background-color: #000; color: #fff; }


/*첨부파일*/
.file-box{background:#f5f5f5; border-radius:10px; padding:20px; margin-top:10px; font-size: 15px; line-height:1.5}
.file-box.flex-side{align-items: flex-start;}
.file-box b{width:65px; color:#000; font-weight:600; position:relative}
.file-box b::before{content:''; display:block; width:1px; height:12px; background:#555; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.file-name{width:calc(100% - 65px);  padding-left:10px;  }
.file-name a span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; text-decoration: underline; text-underline-position : under; color: #0062b2; letter-spacing:-.5px}
.file-name a:hover span{font-weight:600}
.file-name a span img{height:15px; float:left; margin:4px 4px 0 0 }


/*팝업 css 수정*/
#draggable{height:auto !important;}
.bt_link { height: 50px !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.bt_link a.close_popup, .bt_link a.not_open_day{float:initial !important; width:50% !important; line-height: 50px !important; background:#444 !important; box-sizing:border-box !important}
.bt_link a.close_popup{border-left:1px solid #eee !important}
.bt_link a.close_popup:hover, .bt_link a.not_open_day:hover{background:#222 !important}

/****************************반응형****************************/




@media (max-width: 1400px){
p{font-size:16px;}

/*전체*/
.fp-tableCell { padding-top: 3%;}

/*공통*/
.title{font-size:26px; margin-bottom:50px}
.title b{font-size:19px; }
.inner-title{ font-size:24px;padding-bottom:7px; margin-bottom:26px; padding-right:25px}
.sec-bg{width:25%; }
.sec3 .sec-bg, .sec5 .sec-bg{width:25%;}
.sec-con{width:75%; padding: 5% 7% 0 4%;}


/*메인비쥬얼*/
.title-p{font-size:17px;}
.sec01-tab > li{width:calc(100%/5 - 10px); height:220px; padding:18px; }
.sec01-tab > li:nth-child(2n){margin-top:70px}
.sec01-tab > li > h3{font-size:20px; padding-bottom:10px; }
ul.inner{margin-top:10px;}
ul.inner li{font-size:15px;}
ul.inner li:nth-child(n+2){margin-top:4px}
.sec01-tab > li:hover{border-radius:20px}


/*단체소개*/
.sec-con .introdu ul li{font-size:16px;}


/*시설운영*/
.facility li{width:calc(100%/3 - 10px)}
.facility li .fa-img{height:200px;}
.facility li .fa-img a{font-size:14px; top:8px; right:8px; padding:8px 13px; }
.facility li .fa-img a img{width:21px;}
.facility li .fa-txt {margin-top:20px;}
.facility li .fa-txt h3{margin-bottom:6px;}


/*알림*/
.news-title a{margin-bottom:26px; padding:12px 18px; font-size:15px;}
.news-con li{width:calc(100%/3 - 10px)}
.news-img{height:200px;}
.news-info {padding:0 5px; padding-top:15px; height:200px}
.news-info > span{font-size: 15px;}
.news-info > h2{font-size:19px; margin:4px 0 10px;}
.news-info > p{font-size:16px}
.more img{height:11px; margin-left:7px;}
.news-con li:hover .more img{margin-left:10px; }


/*footer*/
footer .wrap8{padding:35px 0}
.f-info h1{font-size:19px;}
.f-info ul{margin-top:18px;}
.f-info li{font-size:16px; }
.f-info li span{width:25px}
.copy p{font-size:15px;}
}






@media (max-width: 1230px){

/*header*/
header{height:70px;}
header a.logo{width:150px;}
.sns li a{width:30px;}

p{font-size:15px;}

/*공통*/
.title{font-size:24px; margin-bottom:40px}
.title b{font-size:17px; }
.inner-title{ font-size:22px;padding-bottom:5px; margin-bottom:20px; padding-right:20px}
.sec-bg{width:22%; }
.sec3 .sec-bg, .sec5 .sec-bg{width:22%;}
.sec-con{width:78%; padding: 5% 7% 0 4%;}
.sec-bg img{width:80%; }


/*메인비쥬얼*/
.title-p{font-size:16px;}
.sec01-tab > li{width:calc(100%/5 - 5px); height:200px; padding:15px; border: 2px solid rgba(210,73,138,.7);}
.sec01-tab > li:nth-child(2n){margin-top:50px;  border: 2px solid rgba(210,73,138,.4);}
.sec01-tab > li > h3{font-size:18px; padding-bottom:8px; }
ul.inner{margin-top:8px;}
ul.inner li{font-size:14px;     padding-left: 6px;}
ul.inner li::before {width: 2px; height: 2px;}
ul.inner li:nth-child(n+2){margin-top:3px}
.sec01-tab > li:hover{border-radius:15px; border:2px solid #d2498a;}


/*단체소개*/
.sec-con .introdu ul li{font-size:15px;}


/*시설운영*/
.facility li{width:calc(100%/3 - 5px)}
.facility li .fa-img{height:170px;}
.facility li .fa-img a{font-size:14px; top:8px; right:8px; padding:8px 13px; }
.facility li .fa-img a img{width:19px;}
.facility li .fa-txt {margin-top:16px;}
.facility li .fa-txt h3{margin-bottom:5px;}


/*알림*/
.news-title a{margin-bottom:20px; padding:10px 15px; font-size:14px;}
.news-con li{width:calc(100%/3 - 5px)}
.news-img{height:170px;}
.news-info {padding:0 3px; padding-top:10px; height:180px}
.news-info > span{font-size: 14px;}
.news-info > h2{font-size:17px;}
.news-info > p{font-size:15px}
.more{font-size:15px;}
.more img{height:10px; margin-left:7px;}
.news-con li:hover .more img{margin-left:10px; }


/*알림 게시판 리스트*/
.modal {padding:5% !important}
.list-info{width:49%;}
.list-thum{height:210px;}
.list-title{margin-top:10px;}
.list-title h2{font-size:17px; }
.list-info:nth-of-type(n+3){margin-top:25px; padding-top:25px;}
.board_wrap .title_tit { font-size: 20px; padding: 12px 0; margin-bottom: 30px;}


/*알림 게시판 읽기 페이지*/
.news-view-data > h2{font-size:19px;}


}



@media (max-width: 1024px){
p{font-size:16px;}

p{font-size:15px;}

/*공통*/
.fp-tableCell { padding-top: 0;}
.title{font-size:24px; margin-bottom:40px}
.title b{font-size:17px; }
.inner-title{ font-size:22px;padding-bottom:5px; margin-bottom:20px; padding-right:20px}
.sec-bg{display:none}
.sec-con{width:100%; padding: 80px 5%;}
.sec-bg img{width:80%; }


/*메인비쥬얼*/
.title-p{font-size:17px;}
.sec01-tab > li{width:calc(100%/5 - 10px); height:220px; padding:18px;}
.sec01-tab > li:nth-child(2n){margin-top:60px}
.sec01-tab > li > h3{font-size:19px; padding-bottom:10px; }
ul.inner{margin-top:8px;}
ul.inner li{font-size:15px; padding-left: 8px;}
ul.inner li::before {width: 3px; height: 3px;}
ul.inner li:nth-child(n+2){margin-top:5px}
.sec01-tab > li:hover{border-radius:20px;}


/*시설운영*/
.facility li{width:calc(100%/3 - 10px)}
.facility li .fa-img{height:200px;}
.facility li .fa-img a{font-size:14px; top:8px; right:8px; padding:8px 13px; }
.facility li .fa-img a img{width:21px;}
.facility li .fa-txt {margin-top:20px;}
.facility li .fa-txt h3{margin-bottom:6px;}


/*알림*/
.news-title a{margin-bottom:26px; padding:12px 18px; font-size:15px;}
.news-con li{width:calc(100%/3 - 10px)}
.news-img{height:200px;}
.news-info {padding:0 5px; padding-top:15px}

/*footer*/
footer .wrap8{padding:30px 0}
.f-info h1{font-size:18px;}
.f-info ul{margin-top:15px;}
.f-info li{font-size:15px; }
.f-info li span{width:20px}
.copy p{font-size:14px;}


/*알림 게시판 리스트*/
.modal {padding:7% !important}
.list-thum{height:200px;}
.list-title h2{font-size:16px; }
.list-info:nth-of-type(n+3){margin-top:22px; padding-top:22px;}
.board_wrap .title_tit { font-size: 18px; padding: 10px 0;}

/*알림 게시판 읽기 페이지*/
.board_wrap .view-title { font-size: 16px;  margin-bottom: 13px;  padding: 5px 17px;}
.news-view-data{padding-bottom:17px; margin-bottom:17px;}
.news-view-data > h2{font-size:18px;}
.news-view-data > span{font-size:14px; margin-top:5px;}
.news-list-btn {padding-top:17px; margin-top:17px; }
.news-list-btn a{font-size:14px; padding:5px 13px; }



/*리스트 페이지 번호*/
.page-btn{ margin-top:22px; padding-top:22px; }
.pagination a {font-size:14px; padding: 2px 0; width:27px; }


/*팝업*/
#draggable { width: 460px !important; padding: 0 !important}
#draggable .cont {height: 464px !important}
.bt_link {height: 45px !important;     margin-top: -6px !important}
.bt_link a.close_popup, .bt_link a.not_open_day {line-height: 45px !important; font-size:14px !important;}


}




@media (max-width: 860px){
p{font-size:15px;}


/*header*/
header{height:60px;}
header a.logo{width:135px;}
.sns li a{width:28px;}
header .sns{margin-right:40px; margin-top:3px;}

.side_menu, .burger_box {display: block; }
.sideOpen .burger_box{margin-left:-45px;}


/*공통*/
.title{font-size:22px; margin-bottom:30px}
.title b{font-size:16px; }
.inner-title{ font-size:20px; margin-bottom:15px; padding-right:15px}

/*메인비쥬얼*/
.title-p{font-size:16px;}
.sec01-tab { margin-top: 60px;}
.sec01-tab > li{width:calc(100%/5 - 5px); height:180px; padding:12px;}
.sec01-tab > li:nth-child(2n){margin-top:30px}
.sec01-tab > li > h3{font-size:16px; padding-bottom:8px; }
ul.inner{margin-top:8px;}
ul.inner li{font-size:14px; padding-left: 7px;}
ul.inner li::before {width: 2px; height: 2px;}
ul.inner li:nth-child(n+2){margin-top:3px}
.sec01-tab > li:hover{border-radius:15px;}


/*시설운영*/
.facility li{width:calc(100%/3 - 5px)}
.facility li .fa-img{height:160px;}
.facility li .fa-img a{font-size:13px; padding:8px 11px; }
.facility li .fa-img a img{width:19px;}
.facility li .fa-txt {margin-top:15px;}
.facility li .fa-txt h3{margin-bottom:6px; font-size:18px;}

/*알림*/
.news-title a{margin-bottom:15px; padding:10px 15px; font-size:14px;}
.news-con li{width:calc(100%/3 - 5px)}
.news-img{height:160px;}
.news-info {padding-top:12px; height:170px;}
.news-info > span {font-size: 13px;}
.news-info > h2 { font-size: 16px;}
.more { font-size: 15px;}
.more img { height: 9px; margin-left: 6px;}

/*알림 게시판 리스트*/
.modal {padding:5% !important}
.list-thum{height:200px;}
.list-title h2{font-size:15px; }
.list-info:nth-of-type(n+3){margin-top:20px; padding-top:20px;}
.board_wrap .title_tit { font-size: 17px; padding: 10px 0;}

/*알림 게시판 읽기 페이지*/
.board_wrap .view-title { font-size: 15px;  margin-bottom: 10px;  padding: 5px 15px;}
.news-view-data{padding-bottom:15px; margin-bottom:15px;}
.news-view-data > h2{font-size:17px;}
.news-list-btn {padding-top:15px; margin-top:15px; }

/*첨부파일*/
.file-box{border-radius:8px; padding:15px; margin-top:8px; font-size: 14px; line-height:1.4}
.file-box b{width:60px;}
.file-box b::before{height:10px;}
.file-name{width:calc(100% - 60px);}
.file-name a span img{height:14px;}
}




@media (max-width: 660px){
.title {font-size: 20px; margin-bottom: 20px;}
.title b{font-size:15px; }
.title-p {font-size: 15px;}
.inner-title { font-size: 19px; border-bottom:2px solid #d2498a;  margin-bottom: 12px;  padding-right: 12px;}
.sec-con::before{display:none}

/*메인비쥬얼*/
.sec01-tab { margin-top: 40px;}
.sec01-tab > li { width: 48%;  height: 160px;  padding: 20px;}

/*시설운영*/
.facility li{width:100%; display:flex; flex-wrap:wrap; }
.facility li .fa-img{width:260px; height:180px;}
.facility li:nth-child(n+2){padding-top:30px; margin-top:30px; border-top:1px dashed #ddd}
.facility li .fa-txt h3 { font-size: 17px;}
.facility li .fa-txt p { font-size: 14px;}

/*알림*/
.news-title a { margin-bottom: 12px; font-size: 13px;}
.news-con > ul.flex-side{flex-flow:column}
.news-con li {width: 100%;}
.news-con li:nth-child(n+2){padding-top:30px; margin-top:30px; border-top:1px dashed rgba(255,255,255,.5)}
.news-img{width:260px; height:180px;}
.news-info {height:auto;}
.news-info > span {font-size: 14px;}
.news-info > p {-webkit-line-clamp: 2;}
.more{position:initial; margin-top:20px;}

/*footer*/
footer .wrap8 { flex-flow: column; align-items: flex-start;}
.f-info h1{font-size:17px;}
.f-info ul{margin-top:13px;}
.f-info li{font-size:14px; }
.f-info li span{width:15px}
.copy{margin-top:15px;}
.copy p{font-size:13px;}


/*알림 게시판 리스트*/
.modal {padding: 7% !important;}
.list-info {flex-flow: row; width: 100%;}
.list-thum{width:200px; height:140px;}
.list-title{width:calc(100% - 200px); margin-top:0; padding:10px 0; padding-left:15px;}
.list-title h2{font-size:15px;  -webkit-line-clamp: 2;}
.list-info:nth-of-type(n+2){margin-top:20px; padding-top:20px; border-top: 1px dashed #ddd;}
.board_wrap .title_tit { font-size: 17px; padding: 10px 0;}



}






@media (max-width: 500px){

/*header*/
header a.logo{width:120px;}
.sns li a{width:26px;}

/*menu*/
.burger_box{margin-left:-48px; margin-top: 15px;}
.sd_menu > ul > li a {padding: 13px 0; font-size: 18px;;}
.burger_box .menu-icon_box { height: 26px; width: 26px;}
.side_menu .container {padding:80px 25px;}
.side_menu { right: -240px; width: 240px;}
.sideOpen .burger_box{margin-left:-40px;}

/*공통*/
.title {font-size: 18px; margin-bottom: 18px;}
.inner-title { font-size: 17px; margin-bottom: 10px;  padding-right: 10px;}

/*메인비쥬얼*/
.sec01-tab { margin-top: 30px;}
.sec01-tab > li { width: 100%;  height: auto;  padding: 18px;}
.sec01-tab > li:nth-child(2n) {margin-top: 0;}
.sec01-tab > li:nth-child(n+2) {margin-top: 12px;}

/*시설운영*/
.facility li .fa-img {width: 100%;  height: 220px;}
.facility li .fa-txt h3 { font-size: 16px;}
.facility li .fa-txt p { font-size: 14px;}
.facility li:nth-child(n+2) {padding-top: 20px; margin-top: 20px;}

/*알림*/
.news-con li:nth-child(n+2) { padding-top: 20px;  margin-top: 20px;}
.news-title a { margin-bottom: 10px;}
.news-img {width: 100%;  height: 220px;}
.more {font-size: 14px;}
.more img { height: 8px; margin-left: 5px;}


/*footer*/
.f-info h1{font-size:16px;}
.f-info ul{margin-top:10px;}
.f-info li{font-size:13px; }
.f-info li span{width:12px}
.copy{margin-top:12px;}
.copy p{font-size:12px;}


/*알림 게시판 리스트*/
.modal {padding: 7% !important;}
.list-info {flex-flow: column; width: 100%;}
.list-thum{width:100%; height:200px;}
.list-title{width:100%; margin-top:10px; padding: 0; }
.list-title h2{-webkit-line-clamp: 1}
.list-info:nth-of-type(n+2){margin-top:25px; padding-top:25px; }
.board_wrap .title_tit { font-size: 16px; padding: 8px 0;}
.list-title span {font-size: 13px; margin-bottom: 0;  line-height: 1.2;}


/*알림 게시판 읽기 페이지*/
.board_wrap .view-title { font-size: 14px;  margin-bottom: 8px;  padding:4px 15px;}
.news-view-data > h2{font-size:16px;}
.news-view-data > span{font-size:13px; }
.news-list-btn a{font-size:13px; padding:4px 10px; }


/*리스트 페이지 번호*/
.page-btn{ margin-top:20px; padding-top:20px; }
.pagination li {margin: 0 2px; }


/*첨부파일*/
.file-box{border-radius:5px; padding:12px; margin-top:5px; font-size: 13px; line-height:1.4}
.file-box b{width:56px;}
.file-box b::before{height:10px;}
.file-name{width:calc(100% - 56px);  padding-left:8px;  }
.file-name a span img{height:12px; margin:4px 4px 0 0 }


/*팝업*/
#draggable { width: 300px !important;  top: 60px !important}
#draggable .cont {height: 304px !important}
.bt_link {height: 36px !important; margin-top: -6px !important}
.bt_link a.close_popup, .bt_link a.not_open_day {line-height: 36px !important; font-size:13px !important;}
}




@media (max-width: 340px){
/*header*/
header{height:50px;}
header a.logo{width:105px;}
.sns li a{width:24px;}

.burger_box{margin-left:-48px; margin-top:9px;}
.sd_menu > ul > li a {padding: 12px 0; font-size: 17px; font-weight:700;}
.sd_menu > ul > li:hover a {font-weight: 700;}
.burger_box .menu-icon_box { height: 22px; width: 22px;}
.burger_box .menu-icon_line--1 { top: 4px;}
.burger_box .menu-icon_line--3 { top: 22px;}
.side_menu { right: -220px; width: 220px;}
.side_menu .container {padding:60px 20px;}
.sideOpen .burger_box{margin-left:-30px;}


/*시설운영*/
.facility li .fa-img {height: 170px;}

/*알림*/
.news-img {height: 170px;}


/*알림 게시판 리스트*/
.modal {padding: 8% !important;}
.list-thum{height:140px;}
.list-title h2{font-size:14px;}
.board_wrap .title_tit { font-size: 15px;}
.list-title span {font-size: 12px;}


/*알림 게시판 읽기 페이지*/
.news-view-data > h2{font-size:15px;}
.news-view-data > span{font-size:12px; }
}