@keyframes Top{
	  0% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);  }
	  100% {-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);  }
	}

 @keyframes fadeIn{
	  0% {opacity:0.3; }
	  100% {opacity:0.7; }
	}


.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

.text-color { color:#1D77BA !important;  }
.block { display:block;  }
.paging { clear:both;  }
.alert.alert-success.category { display:none;  }

/*기본게시판 썸네일 이미지 상세서 안보이게*/
.notice .notice .view-contents .file-img-wrap .file-img:first-child img { display:none !important;  }



@media (min-width: 992px) {

	
	.sub { }
	.sub .sub-bg  { position:absolute; top:40px; left:0px; z-index:-1; width:100%; height:366px; background-repeat: no-repeat; background-position:center top;    }
	.sub-top-title-wrap { height:216px; color:#000; padding-top:80px; color:#fff;   }
	.sub-top-title-wrap h3 { position:relative; font-size:36px;  font-weight:700; text-align:center;   }



	.sub-menu-wrap { width:100%; height:55px; background:#F2F2F2; }
	.sub-menu-wrap .container { position:relative; padding-left:50px; padding-right:50px;  }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:54px; border-left:1px solid #dbdbdb;   }
	.sub-menu-wrap .sub-menu li {border-right:1px solid #dbdbdb;  position:relative;z-index:90;  float:left;padding-top:10px;height:54px;  padding-left:25px; padding-right:25px;  width:305px; letter-spacing:-1.5px;  font-size:18px;  }
	.sub-menu-wrap .sub-menu li a { color:#666; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:15px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active { }
	.sub-menu-wrap .sub-menu li.active a {  }
	.sub-menu-wrap .sub-menu li.home {padding-left:20px; padding-right:20px; padding-top:10px;  width:auto; }
	.sub-menu-wrap .sub-menu li.home a {color:#666; }
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:11px; padding-bottom:5px;  position:absolute; top:54px; left:0px;  background:#fff; border:1px solid #333333;  width:305px;  }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:inline-block;   height:auto; background:none; margin-bottom:10px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#666; display:inline-block;padding:0px;    }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#666;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#666;  text-decoration:underline; }

	.sub-contents { }
	.sub-contents .top-contents { padding-top:50px;  padding-bottom:40px; position:relative;   }
	.sub-contents .top-contents .breadcrumb { display:none;    background: none;	padding:0px; 	font-size:15px;    margin-bottom:35px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#606060;   }
	.sub-contents .top-contents .breadcrumb li a { color:#606060; }
	.sub-contents .top-contents h1 { color:#000; font-size:36px; font-weight:600;   }

	.sub-contents .top-contents .contents-util { display:none; position:absolute; top:25px; right:0px;  }
	.sub-contents .top-contents .contents-util a { margin-left:10px;  }
	


    /* 4뎁스 */
    .sub-tab-menu {
    
        margin-bottom: 44px;
    }
	
	.sub-tab-menu:after { clear:both; display:table; content:'';  }

    .sub-tab-menu.tabs1 li {
        width: 100%;
    }

    .sub-tab-menu.tabs2 li {
        width: 49.75%;
    }

    .sub-tab-menu.tabs3 li, ul.sub-tab-menu.tabs5 li,  ul.sub-tab-menu.tabs6 li, ul.sub-tab-menu.tabs9 li {
        width: 33%;
    }

    .sub-tab-menu.tabs4 li, ul.sub-tab-menu.tabs7 li, ul.sub-tab-menu.tabs8 li, ul.sub-tab-menu.tabs11 li, ul.sub-tab-menu.tabs12 li {
        width: 24.625%;
    }

    .sub-tab-menu.tabs10 li {
        width: 19.6%;
    }

    .sub-tab-menu li + li {margin-left: 0.5%;}

    .sub-tab-menu li:nth-of-type(4n+1) {clear: both; margin-left: 0;}

    .sub-tab-menu li {
        float: left;
        margin-bottom: 6px;
    }

    .sub-tab-menu li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        padding: 15px 0;
        font-size: 16px;
        border: 1px solid #ccc;
    }

    /* .sub-tab-menu li:first-child a {border-left: 1px solid #ddd;} */
    .sub-tab-menu li:last-child a {}

    .sub-tab-menu li:hover a, .sub-tab-menu li.active a {
       background: #323a43; color: #fff; text-decoration: none;
    }








	.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:30px;   }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:22px; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:14px;  display:inline-block; margin:0 20px;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#1D77BA; font-weight:bold; }

	.sub-main-contents { padding-bottom:50px; font-size:16px; color:#333;   line-height:1.6; }
	.sub-main-contents h2 {font-size:20px; color:#1D77BA; padding-left:15px; position:relative;  padding-bottom:20px; font-weight:bold;  margin-top:40px; }
	.sub-main-contents h2:before {width:7px; height:7px; border-radius:100%; background:#1D77BA; content:''; display:inline-block; position:absolute; top:8px; left:0px; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:##000000; margin-bottom:10px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;   margin-bottom:5px; }
	.sub-main-contents ul.bul li:before { content:'-'; position:absolute;  top:0px; left:0px; color:#000; }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; }	
	.contents-table table { width:100%;  border-collapse:collapse;   border-left:1px solid #dbdbdb;    }	
	.contents-table table thead th {padding:10px 15px; color:#fff;  background:#2B728E;  border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#fff;	background:#2B728E;   border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#333;   border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;  }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn a { display:inline-block; padding:5px 25px; color:#000; border-radius:20px; border:1px solid #D6DFE4;   }
	.contents-btn a.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn a.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }
	.contents-btn button { display:inline-block; padding:5px 25px; color:#000; border-radius:20px; border:1px solid #D6DFE4;  background:#fff;  }
	.contents-btn button.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn button.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }


	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}


	.half-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {float:left; width:50%; padding-left:15px; padding-right:15px;  }

	.triple-wrap { margin-left:-15px;margin-right:-15px; margin-bottom:30px; }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {float:left; width:33.333%; padding-left:15px; padding-right:15px;  }


.form-box .text-input { height:38px; border:1px solid #8B8B8B; background:#fff; width:100%;  padding:8px 5px; }
	.form-box input[type="text"], .form-box input[type="password"], .form-box select { height:38px; border:1px solid #8B8B8B; background:#fff;  margin:2px 0 ;  }
	.form-box textarea { margin:2px 0 ;  padding:5px; }
	.form-box input[type="checkbox"] { margin-right:5px; width:16px; height:16px;  display:inline-block; margin-left:15px; }



/*인사말*/
	.greeting {}
	.greeting:after { clear:both; display:table; content:'';  }
	.greeting .img {float:left; width:329px; padding-top:30px; margin-right:60px;  }
	.greeting .text-wrap {float:left; width:calc(100% - 389px);}
	.greeting .text-wrap p  {margin-bottom:20px; color:#333; font-size:16px; }
	.greeting .text-wrap .title {color:#2B728E; font-weight:600; font-size:24px; }
	.greeting .text-wrap .name {font-weight:600; text-align:right;   }



/*조직도*/
.ogran {  }
.ogran:after { clear:both; display:table; content:'';    }
.ogran  .img { float:left;  text-align:center; padding:0 30px;  }
.ogran  .img1 { float:left; width:50%; }
.ogran  .img-wrap { float:left; width:50%;  padding-top:20px; }
.ogran  .img-wrap .img { width:50%;  } 


/*오시는길*/
.way-map {}
.way-map .map-wrap { margin-bottom:40px;  }
.way-map .map-wrap:after { clear:both; display:table; content:''; }
.way-map .map-wrap .map-img { float:left; width:50%; height:400px;  }
.way-map .map-wrap .map-img .root_daum_roughmap { width:100%;   }
.way-map .map-wrap .img { float:left; width:50%; height:400px;  }
.way-map .map-text-wrap {  }
.way-map .map-text-wrap:after { clear:both; display:table; content:''; }
.way-map .map-text-wrap .text { float:left; width:50%; position:relative; padding-right:50px;  }
.way-map .map-text-wrap .text:first-child:after { position:absolute; top:20px; right:0px;  height:50px; width:1px; background:#dbdbdb; content:''; display:inline-block;  }
.way-map .map-text-wrap .text2 { padding-left:50px;   }
.way-map .map-text-wrap .text h2 { padding-left:0px; font-size:20px; color:#2B728E; font-weight:600;  }
.way-map .map-text-wrap .text h2:before { display:none; }

/*준비중 페이지*/
.ready { text-align:center; padding:50px 0;  } 
/*연혁*/



.history {}
.history .years {  }
.history h2  { padding-bottom:15px;  }
.history .right { border:1px solid #D6DFE4; border-radius:28px; padding:15px 35px; margin-bottom:30px;  height:56px;  }
.history .right dl {}
.history .right dl:after { clear:both; display:table; content:'';  }
.history .right dl dt { float:left; color:#000000; font-size:16px;  padding-right:76px; position:relative; width:115px;  }
.history .right dl dt:after {position:absolute; top:10px; left:70px; width:30px; height:1px; background:#D6DFE4; content:''; display:inline-block; }
.history .right dl dd { float:left; width:calc(100% - 115px);   font-size:16px;  }
.history2  .right dl dt {  width:145px;  }
.history2 .right dl dt:after { left:100px; }
.history2 .right dl dd {  width:calc(100% - 145px);   }



/*커뮤니티 인트로*/

.community-wrap {  }
.community-wrap ul  {  margin:0 -32px;  }
.community-wrap ul li {padding:0 32px 52px; float:left; width:33.333%;   }
.community-wrap ul li a {display:block; border-radius:18px;  width:100%; height:140px; position:relative;   }
.community-wrap ul li a:hover {-webkit-animation-name:Top; animation-name:Top;  animation-fill-mode:both; animation-delay:0.05s;animation-duration:0.5s; box-shadow: 0px 15px 25px rgba(0,0,0,0.3);}
.community-wrap ul li a:after { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0.3; content:''; display:inline-block; border-radius:18px;   }
.community-wrap ul li a:hover:after { -webkit-animation-name:fadeIn; animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.6s;  }
.community-wrap ul li a span { }
.community-wrap ul li a span.img { display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;  border-radius:18px; }
.community-wrap ul li a span.text { position:absolute; top:25px; left:25px; color:#fff; font-size:20px; font-weight:bold; z-index:1 ; line-height:1.4;  }
.community-wrap ul li a span.icon { position:absolute; bottom:25px; right:25px; z-index:1;}
.community-wrap ul li a span.icon img { width:20px;  }





	/*프로그램 신청하기*/
	.top-search-box { display:flex;   background:#F2F2F2; border-radius:5px; padding: 30px 15px;   align-items: center;  justify-content: center; margin-bottom:40px; }
	.top-search-box:after { clear:both; display:table; content:'';  }
	.top-search-box .p-w-3 { width:30%;  display:flex;  padding-right:15px;  }
	.top-search-box .p-w-3 button { width:30%; margin:0 5px; height:40px; border:1px solid #dbdbdb; background:#fff; color:#333; border-radius:5px;   }
	.top-search-box .p-w-3 button.active  { border:none; background:#333; color:#fff;  }
	.top-search-box .p-w-7 { display:flex;  width:70%;  padding-left:15px;  border-left:1px solid #dbdbdb;  }
	.top-search-box .p-w-7 .radio-wrap {width:170px;  display:flex;   align-items: center;}
	.top-search-box .p-w-7 .radio-wrap p {margin-right:20px; }
	.top-search-box .p-w-7 .radio-wrap input {margin-top:0px; margin-right:5px;   }
	.top-search-box .p-w-7 .radio-wrap label {margin-bottom:0px; }
	.top-search-box .p-w-7 .input-text  {  width:calc(100% - 370px); border:1px solid #dbdbdb; background:#fff; margin-right:10px; height:40px; border-radius:5px; padding:5px;  }
	.top-search-box .p-w-7 .button-wrap  { width:190px;  display:flex;  }
	.top-search-box  .button-wrap a, .top-search-box  .button-wrap button { height:40px; border:none; display:inline-block;  line-height:40px;   border-radius:5px; color:#fff; padding:0 15px;  font-size:16px;  }
	.top-search-box .p-w-7 .button-wrap .search-btn { background:#2B728E; }
	.top-search-box .p-w-7 .button-wrap .reset-btn { background:#666666; margin-left:10px; }

	 .program-list { margin:-10px;  }
	.program-list  li { float:left; width:50%; padding:10px;  }
	.program-list  li a  {  border:1px solid #dbdbdb;   display:block; height:296px;  padding:20px; border-radius:10px; background:#fff; position:relative;  }
	.program-list  li a .program-label  {position:absolute; top:15px; left:15px; border-radius:10px; color:#fff; font-weight:600; padding:3px 8px; background:#666666;  }
	.program-list  li a .program-label.program-label1   { background:#2B728E;  }
	.program-list  li a .img { float:left; margin-right:15px;  }
	.program-list  li a .img img {border-radius:10px; width:175px; }
	.program-list  li a .text-wrap { float:left; width:calc(100% - 190px) ;  }
	.program-list  li a .text-wrap .kind { font-weight:600;  color:#2B728E; margin-bottom:10px; font-size:18px;  }
	.program-list  li a .text-wrap .title { font-weight:600;  color:#333; margin-bottom:15px; font-size:20px;  }
	.program-list  li a .text-wrap .text { color:#333; margin-bottom:10px; font-size:16px;  }



	/*프로그램 신청내역*/
	.top-search-box {} 
	.top-search-box.text-center {} 
	.top-search-box.text-center .input-wrap  { display:flex;   } 
	.top-search-box.text-center .input-wrap  label {margin-bottom:0px; }
	.top-search-box.text-center .input-wrap input[type="text"] {  margin:0 15px;  width:180px; border:1px solid #dbdbdb; background:#fff; margin-right:10px; height:40px; border-radius:5px; padding:5px;  }
	.top-search-box  .button-wrap .search-btn { background:#2B728E; }


}










/*강좌신청*/
.application {
 margin:0 -15px; 
}
.application:after { clear:both; display:table; content:'';  }

.application .app-list {
    float: left;
    width:25%;
    padding:0 15px; 
    position: relative;
    margin-bottom: 30px;
	/*height:400px; */
}




.application .app-list:nth-of-type(4n+1) {   clear:both; }
.application .app-list .al-img { border:1px solid #ddd;  }
.application .app-list .al-img img {
    width: 100%;
    height: 360px;
}

.application .app-list .al-label {
    position: absolute;
    top: 333px;
    left: 15px;
    display: inline-block;
    background: #1D77BA;
    width: 64px;
    height: 28px;
    padding-top: 3px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
.application .app-list .al-label.label_ready {background: #fabf3d;}
.application .app-list .al-label.label-end {
    background: #7c7f8a;
}

.application .app-list .al-tit {
    padding: 30px 0 15px;
}

.application .app-list .al-tit a {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #000;
    font-weight: 500;
  /*  display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
}

.application .app-list .al-txt li {
    font-size: 16px;
    color: #555;
    padding-bottom: 5px;
}

/* 강좌신청 뷰 */
.application_view {
    padding-top: 20px;
	border-top:2px solid #2B728E; 
}

.application_view .app_view {

    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
.application_view .app_view:after { clear:both; display:table; content:''; }

.application_view .app_view .tit {
    padding-bottom: 30px;
}

.application_view .app_view .tit .stat_btn {
    display: inline-block;
	margin-bottom:10px; 
    height: 35px;
    background: #2B728E;
	padding:0 15px; 
	border-radius:10px; 
    color: #fff;
    font-size: 18px;
    line-height: 35px;
   
}

.application_view .app_view .tit .stat_btn.label_ready {background: #fabf3d;}
.application_view .app_view .tit .stat_btn.label_end {background: #7c7f8a;}

.application_view .app_view .tit .title {
    font-size: 30px;
    font-weight: 500;
    color: #111;
	line-height:1.4; 
    display: block;
    vertical-align: top;
}

.application_view .app_view .img {
    width: 40%;
    float: left;
}

.application_view .app_view .img img {
    width: 100%;
	border-radius:10px; 
}

.application_view .app_view .right_view {
    position: relative;
    width: 60%;
    float: left;
    padding-left: 60px;
 /*   height: 380px;*/
}

.application_view .app_view .txt_wrap {margin-bottom:50px; }

.application_view .app_view .txt_wrap p {
	padding:13px 0 10px ; 
    width: 100%;
    border-bottom:1px dashed #dbdbdb; 
	font-weight:600; 

}

.application_view .app_view .txt_wrap p .tit {
	font-weight:400; 
    color: #2B728E;
    display: inline-block;
    width: 24%;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
	vertical-align: top;

}

.application_view .app_view .txt_wrap p .txt {
    display: inline-block;
    width: 76%;
    letter-spacing: 0.4px;

}

.application_view .app_view .app_view_btn {
    /* text-align: center; */

}

.application_view .app_view .app_view_btn p {
    display: inline-block;
	 font-size: 20px;
	 color:#fff; 
    width: 180px;
    height: 50px;
    background: #7c7f8a;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
	margin-right:5px; 
}

.application_view .app_view .app_view_btn p a {
	background:#2B728E; 
    color: #fff;
    width: 100%;
	  border-radius: 5px;
    height: 100%;
    display: block;
}
.application_view .app_view .app_view_btn p.list-btn a { background:#666666;  }


.application_view .app_view .app_view_btn p a:hover {
    text-decoration: none;
}

.application_view .app_view .app_view_btn p.end {

}


/*시설/장비안내*/
.facilreser {
    float: left;
    width: 100%;
}

.facilreser .app-list {
    float: left;
    width: 24.2%;
    margin-right: 1%;
    position: relative;
    margin-bottom: 30px;
}

.facilreser .app-list:nth-of-type(4),
.facilreser .app-list:nth-of-type(8),
.facilreser .app-list:nth-of-type(12) {
    margin-right: 0;
}

.facilreser .app-list .al-img {
    border: 1px solid #ccc;
    padding-bottom: 0;
}

.facilreser .app-list .al-img img {
    width: 100%;
    height: 200px;
}

.facilreser .app-list .al-label {
    position: absolute;
    top: 185px;
    left: 15px;
    display: inline-block;
    background: #ee780c;
    width: 64px;
    height: 28px;
    padding-top: 3px;
    text-align: center;
    color: #fff;
    font-size: 15px;
}

.facilreser .app-list .al-label.label-end {
    background: #7c7f8a;
}

.facilreser .app-list .al-tit {
    padding: 30px 0 15px;
}

.facilreser .app-list .al-tit a {
    display: block;
    width: 100%;
    font-size: 22px;
    color: #111;
    font-weight: 500;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.facilreser .app-list .al-txt li {
    font-size: 16px;
    color: #555;
    padding-bottom: 5px;
}

/* 시설/장비안내 뷰 */
.facilreser_view {
    padding-top: 20px;
}

.facilreser_view .reser_view_top {
    width: 100%;
    float: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}

.facilreser_view .reser_view_top .tit {
    border-bottom: 2px solid #111;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.facilreser_view .reser_view_top .tit .stat_btn {
    display: inline-block;
    width: 104px;
    height: 40px;
    background: #ee780c;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    margin-right: 25px;
    vertical-align: top;
}

.facilreser_view .reser_view_top .tit .stat_btn.label_end {}

.facilreser_view .reser_view_top .tit .title {
    font-size: 30px;
    font-weight: 400;
    color: #111;
    display: inline-block;
    vertical-align: top;
}

.facilreser_view .reser_view_top .img {
    width: 45%;
    float: left;
    position: relative;
}

.facilreser_view .reser_view_top .reser_view_img { position:relative;  }
.facilreser_view .reser_view_top .reser_view_img .reser_view-btn .roll-btn { position:absolute;  top:50%; margin-top:-20px;  }
.facilreser_view .reser_view_top .reser_view_img .reser_view-btn .roll-btn i { color:#000; font-size:50px;  }
.facilreser_view .reser_view_top .reser_view_img .reser_view-btn .reser-btn-prev {left:-10px;  }
.facilreser_view .reser_view_top .reser_view_img .reser_view-btn .reser-btn-next {right:-10px;  }

.facilreser_view .reser_view_top .reser_view_img .bx-viewport {
    z-index: -1;
}

.facilreser_view .reser_view_top .reser_view_img ul {
    height: 380px;
    overflow: hidden;
}

.facilreser_view .reser_view_top .reser_view_img ul li {
    height: 380px;
    /* width: 540px !important; */
}

.facilreser_view .reser_view_top .reser_view_img ul li img {
    height: 380px;
    border: 1px solid #ccc;
    width: 540px;
}

.facilreser_view .reser_view_top .reser_view_img .bx-pager.bx-default-pager {
    /* position: absolute; */
    /* bottom: 5px; */
    /* left: 50%; */
    /* margin-left: -33px; */
    text-align: center;
    margin-top: -26px;
    z-index: 1000;
    width: auto;
}

.facilreser_view .reser_view_top .reser_view_img .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    /* height: 16px; */
}

.facilreser_view .reser_view_top .reser_view_img .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #b1b7c8;
    padding: 4px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 5px;
}

.facilreser_view .reser_view_top .reser_view_img .bx-pager.bx-default-pager a.active {
    background: none;
    border: 4px solid #1D77BA;
    width: 16px;
    height: 16px;
    margin-top: -3px;
}

.facilreser_view .reser_view_top .img img {
    /* width: 100%; */
    /* height: 380px; */
}

.facilreser_view .reser_view_top .right_view {
    position: relative;
    width: 55%;
    float: left;
    padding-top: 5px;
    padding-left: 70px;
    height: 380px;
}

.facilreser_view .reser_view_top .txt_wrap {}

.facilreser_view .reser_view_top .txt_wrap p {
    width: 100%;
    padding-bottom: 20px;
}

.facilreser_view .reser_view_top .txt_wrap p .tit {
    font-weight: 700;
    color: #111;
    display: inline-block;
    width: 20%;

    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    vertical-align: top;
}

.facilreser_view .reser_view_top .txt_wrap p .txt {
    display: inline-block;
    width: 80%;

    color: #444;
    letter-spacing: 0.4px;
    vertical-align: top;
}

.facilreser_view .reser_view_top .reser_view_btn {
    /* text-align: center; */
    position: absolute;
    bottom: 0;
    left: 70px;
    margin-top: 15px;
}

.facilreser_view .reser_view_top .reser_view_btn p {
    display: inline-block;
    width: 256px;
    height: 50px;
    background: #1D77BA;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    vertical-align: top;
}

.facilreser_view .reser_view_top .reser_view_btn p a {
    font-size: 18px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.facilreser_view .reser_view_top .reser_view_btn p a:hover {
    text-decoration: none;
}

.facilreser_view .reser_view_top .reser_view_btn p.end {
    background: #fff;
    border: 2px solid #b1b7c8;
    font-size: 22px;
    color: #7c7f8a;
    margin-left: 8px;
}

/* 시설/장비안내 예약하기 */
.facilreser_view .top_boxtxt {
    clear: both;
    background: #ebebeb;
    padding: 28px 68px 23px;
    margin-bottom: 56px;
}

.facilreser_view .top_boxtxt p {
    font-size: 16px;
    padding-bottom: 5px;
    color: #111;
}

.facilreser_view .reser_view_con {
    float: left;
    width: 100%;
    clear: both;
}

.facilreser_view .reser_view_con:after { clear:both; display:table; content:'';  }



.facilreser_view .reser_view_con .reser_view_cal1 {
    float: left;
    width: 50.8%;
    position: relative;
}

.facilreser_view .reser_view_con .reser_view_cal1 h5 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-top: 2px solid #0B84CA;
    text-align: center;
    padding: 20px;
}

.facilreser_view .reser_view_con .reser_view_cal1 h5 a {
    padding: 0 15px;
}

.facilreser_view .reser_view_con .reser_view_cal1 p {
	text-align:right; 
	margin-bottom:5px; 
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 p span {
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px 3px 13px;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_ok {
    background: #fac03d;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_no {
    background: #cfd5e6;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_check {
    background: #61c1be;
}

.facilreser_view .reser_view_con .reser_view_cal1 table {
    width: 100%;
    border-left: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal1 table thead th {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 10px 0;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table {  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td { vertical-align:top; height:100px;  padding:15px 0 ; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap .advice-table { overflow-x:auto;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td div { font-size:16px; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td .type1 { text-align:left; padding-left:10px; padding-top:0px;  background:none;  height:auto; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a {color:#fff;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a div {background:#1D77BA ;display:block;  color:#fff; padding:10px;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td  div {background:red ;display:block;  color:#fff; padding:10px;  }
.facilreser_view .reser_view_con .reser_view_cal1 table tbody td {
    font-size: 14px;
    color: #000;
    position: relative;
    text-align: center;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td a {
    color: #000;
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td .type1 {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.thisDay {
    background: #61c1be;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.reserv_no {
    background: #cfd5e6;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.reserv_all {
    background: #fac03d;
}

.facilreser_view .reser_view_con .reser_view_cal2 {
    float: left;
    width: 44%;
    margin-left: 5.2%;
}

.facilreser_view .reser_view_con .reser_view_cal2 p {
	text-align:right; 
	margin-bottom:5px; 
   } 

.facilreser_view .reser_view_con .reser_view_cal2 table {
    width: 100%;
   
}

.facilreser_view .reser_view_con .reser_view_cal2 table thead th {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td {
    
    color: #000;
    text-align: center;
    padding: 8px 0 9px;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-top: 0;
}


.facilreser_view .reser_view_con .reser_view_cal2 table tbody td a {
    color: #000;
}

.facilreser_view .reser_view_con .reser_view_cal2 table thead th:last-child,
.facilreser_view .reser_view_con .reser_view_cal2 table tbody td:last-child {
    border-right: none;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td input {
    width: 14px;
    height: 14px;
    border: 1px solid #e3e3e3;
    background: #fff;
    margin-right: 10px;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td label {
    margin: 0;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td span.reserv-btn {
    display: inline-block;
    background: #1D77BA;
    border-radius: 20px;
    padding: 3px 10px;
    color: #fff;
    font-weight: normal;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td span {
    color: #1D77BA;
    background: none;
    font-weight: bold;
    font-size: 16px;
}

.facilreser_view .reser_view_con .table-responsive table td input[type=text] {
    width: 90%;
}

.facilreser_view .reser_view_con .table-responsive table td label {
    font-weight: bold;
}

.facilreser_view .reser_view_con .table-responsive table td select {
    width: 10%;
    background: #f4f5f6;
    border: 1px solid #E5E6E7;
    padding: 5px;
}

.facilreser_view .reser_view_con .table-responsive table td input.memo-txt {
    width: 30%;
}

.facilreser_view .darak-btn {
    text-align: center;
}

.facilreser_view .darak-btn input {
    text-align: center;
    border-radius: 20px;
    background: #4868a1;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
}










/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#E9E9E9; padding:20px 200px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:160px; height:45px; color:#333;  margin-right:5px; float:left; border:1px solid #E9E9E9; padding:0 5px;  }
	.board-search-wrap .board-search-text {width:calc(100% - 250px); color:#333; height:45px;  margin-right:5px; float:left; padding:0 5px;  border:1px solid #E9E9E9;  }
	.board-search-wrap .board-search-submit {width:80px; height:45px;  background:#1D77BA; color:#fff; border:0px; float:left; margin:0px;  }



/*new 페이징*/
.new-paging { text-align:center;  font-size:0px;  margin:40px  0;  }
.new-paging a {display:inline-block;  color:#808080; padding-top:5px;margin:0 5px;    font-size:15px;  text-align:center; }
.new-paging a img {height:14px;  }
.new-paging a.num { background:#F1F1F1;  border-radius:100%;  width:36px; height:36px;}
.new-paging a.active { color:#000;  }








@media (min-width: 992px) and (max-width: 1199px) {

	.contents-btn-wrap {}
	.contents-btn-wrap .contents-btn { min-width:280px;  height:50px; line-height:45px;  }
	.contents-btn-wrap .contents-btn span { font-size:14px;     }
	.contents-btn-wrap .contents-btn.full-btn {padding-right:25px; padding-left:25px;  }

	
	 .program-list  li a .text-wrap .kind { font-size:16px;  }
	.program-list  li a .text-wrap .title {  font-size:18px;  }
	.program-list  li a .text-wrap .text {  font-size:14px;  }


	
/*커뮤니티 인트로*/
.community-wrap ul li { width:50%;   }



   /* 강좌신청 */

.application .app-list { width:33.333%;}
.application .app-list:nth-of-type(4n+1) { clear:none;  }
.application .app-list:nth-of-type(3n+1) { clear:both;  }

 /*   .application .app-list .al-label {
        top: 146px;
    }
*/
    .application .app-list .al-tit a {
        font-size: 18px;
    }

    .application .app-list .al-txt li {
        font-size: 15px
    }

    /* 강좌신청 뷰 */
    .application_view .app_view .img img {
        height: 300px;
    }

    .application_view .app_view .txt_wrap p {
        padding-bottom: 10px;
    }

    .application_view .app_view .app_view_btn p {
        width: 150px;
        height: 46px;
        line-height: 46px;
    }

    .application_view .app_view .app_view_btn p a {
        font-size: 20px;
    }

    .application_view .app_view .app_view_btn p.end {
        font-size: 20px;
    }

    .application_view .app_view .right_view {
        height: 300px;
    }

  /* 시설/장비안내 */
    .facilreser .app-list .al-label {
        top: 146px;
    }

    .facilreser .app-list .al-tit a {
        font-size: 20px;
    }

    .facilreser .app-list .al-txt li {
        font-size: 15px
    }

    /* 시설/장비안내 뷰 */
    .facilreser_view .reser_view_top .img img {
        height: 300px;
    }

    .facilreser_view .reser_view_top .txt_wrap p {
        padding-bottom: 10px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p {
        width: 150px;
        height: 46px;
        line-height: 46px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p a {
        font-size: 20px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p.end {
        font-size: 20px;
        line-height: 44px;
    }

    .facilreser_view .reser_view_top .right_view {
        height: auto;
    }

    .facilreser_view .reser_view_top .reser_view_img ul {
        height: 300px;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li {
        height: 300px;
        width: 432px !important;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li img {
        height: 300px;
    }


}



@media (max-width: 991px) {


.img-responsive {  overflow-x:auto;  width:100%; } 
.img-responsive img { max-width:initial !important;  }

	.sub { padding:0 15px; }
	.sub .sub-bg  { position:absolute; top:33px; left:0px; z-index:-1; width:100%;height:217px;background-size:cover; background-repeat: no-repeat; background-position:center center;  background-image:url(../images/sub/subimg_m.jpg) ;   }
	.sub-top-title-wrap { height:150px; color:#fff; padding-top:35px;text-align:center;   }
	.sub-top-title-wrap h3 {  font-size:30px;  font-weight:600;  }



	.sub-contents .top-contents {position:relative;   }
	.sub-contents .top-contents .breadcrumb { margin-left:-15px; margin-right:-15px;    background: #f2f2f2; 	padding:0px; 	font-size:14px; padding:15px; margin-bottom:0px;   }  
	.sub-contents .top-contents .breadcrumb > li + li:before {    content: ">";    color:#666;    font-family: cursive;}
	.sub-contents .top-contents .breadcrumb li a { color:#666; }
	.sub-contents .top-contents .breadcrumb li:last-child a { color:#2B728E; }
	.sub-contents .top-contents h1 { color:#333; font-size:28px; font-weight:600;  margin-bottom:25px; margin-top:25px; letter-spacing:-1.5px;  }

	.sub-contents .top-contents .contents-util { display:none; }


	.sub-menu-wrap {display:none;  }
	.sub-menu-wrap .container { position:relative;   text-align:center; }
	.sub-menu-wrap .sub-menu {   height:50px; font-size:0px;  }
	.sub-menu-wrap .sub-menu li {  position:relative;z-index:90;  text-align:left;  display:inline-block; padding-top:10px;height:50px;  padding-left:25px; padding-right:25px;  width:calc(100% - 30px); letter-spacing:-1.5px;  font-size:14px;  }
	.sub-menu-wrap .sub-menu li.menu01 { display:none;  }
	.sub-menu-wrap .sub-menu li a { color:#000; display:block;  padding-bottom:5px; padding-top:5px;   }
	.sub-menu-wrap .sub-menu li a i.icon-down-open {position:absolute;   top:20px; right:20px;  }
	.sub-menu-wrap .sub-menu li a:hover {   }
	.sub-menu-wrap .sub-menu li.active {  }
	.sub-menu-wrap .sub-menu li.active a { font-weight:bold;   }
	.sub-menu-wrap .sub-menu li.home {padding-left:10px; padding-right:10px; padding-top:10px;  width:30px;   font-size:18px; }
	.sub-menu-wrap .sub-menu li.home a {color:#000; }
	.sub-menu-wrap .sub-menu li  ul {display:none;  padding:10px 0;  position:absolute; top:50px; left:0px; width:100%;   background:#fff; border:1px solid #333333;    }
	.sub-menu-wrap .sub-menu li  ul li {position:relative; border-right:0px; float:none; display:block;  width:auto;   height:auto; background:none;   font-size:14px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#000;   font-weight:normal;  display:block ;width:100%;  padding:0px ;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#000; font-weight:normal;   }
	.sub-menu-wrap .sub-menu li.active  ul li a {  font-weight:normal;  }
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#000;font-weight:normal; text-decoration:underline;  }




	.list-tab-menu { border:1px solid #ececec; background:#f6f6f6; text-align:center; padding:10px 0 ; margin-bottom:0.8rem;    }
	.list-tab-menu:after {clear:both; content:''; display:table;   }
	.list-tab-menu li {  display:inline-block;  }
	.list-tab-menu li a {  font-size:0.7rem; color:#888;  }
	.list-tab-menu li:before { content:'';  border-left:1px solid #888; height:0.5rem;   display:inline-block; margin:0 0.4rem;  }
	.list-tab-menu li:first-child:before { content:'';  margin:0px; border:0px;    }
	.list-tab-menu li.active a { color:#1D77BA; font-weight:bold; }



  .sub-tab-menu {
   
        margin-bottom: 44px;
    }
	.sub-tab-menu:after { clear:both; display:table; content:'';  }

    .sub-tab-menu li + li {margin-left: 0.5%;}

    .sub-tab-menu li:nth-of-type(4n+1) {clear: both; margin-left: 0;}

    .sub-tab-menu li {
        float: left;
        margin-bottom: 6px;
		width:32.333%; 
    }

    .sub-tab-menu li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #333;
        padding: 15px 0;
        font-size: 14px;
        border: 1px solid #ccc;
    }

    /* .sub-tab-menu li:first-child a {border-left: 1px solid #ddd;} */
    .sub-tab-menu li:last-child a {}

    .sub-tab-menu li:hover a, .sub-tab-menu li.active a {
       background: #323a43; color: #fff; text-decoration: none;
    }



	.sub-main-contents { font-size:16px; color:#333;  padding-bottom:30px;  }
	.sub-main-contents h2 {font-size:18px; color:#1D77BA; padding-left:15px; position:relative;  padding-bottom:15px; font-weight:bold;  margin-top:30px; }
	.sub-main-contents h2:before {width:7px; height:7px; border-radius:100%; background:#1D77BA; content:''; display:inline-block; position:absolute; top:6px; left:0px; }
	.sub-main-contents h2:first-child  { margin-top:0px;   }
	.sub-main-contents h3 { font-size:18px; font-weight:bold; color:##000000; margin-bottom:10px;  }
	.sub-main-contents ul.bul {}
	.sub-main-contents ul.bul li  { padding-left:10px; position:relative;   margin-bottom:5px; }
	.sub-main-contents ul.bul li:before { content:'-'; position:absolute;  top:0px; left:0px; color:#000; }
	.sub-main-contents ul.bul li ul  { margin-top:5px; }
	.sub-main-contents ul.bul li ul li  {padding-left:0px; background:none; color:#666; }
	.sub-main-contents .text-box { padding:20px 40px;  background:#f2f2f2; margin:20px 0px;  }
	.sub-main-contents .text-box:after ,.sub-main-contents .border-box:after { clear:both; display:table; content:'';  }
	.sub-main-contents .border-box { border:1px solid #e6e6e6; background:#fff;  padding:20px 40px;margin:20px 0px;  }
	
	.contents-table { width:100%; border:none;overflow-x:auto; }	
	.contents-table table { width:100%;  border-collapse:collapse; border-left:1px solid #dbdbdb; }	
	.contents-table table thead th {padding:10px 15px; color:#fff;  background:#2B728E ;  border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center; }
	.contents-table table tbody th {padding:10px 15px; color:#fff;	  background:#2B728E ;   border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   text-align:center; }
	.contents-table table tbody td {padding:10px 15px; color:#333;  border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;   }
	.contents-table.table-left table tbody th { text-align:left; }
	
	.contents-btn a { display:inline-block; padding:5px 25px; color:#000; border-radius:20px; border:1px solid #D6DFE4;   }
	.contents-btn a.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn a.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; }
	.contents-btn button { display:inline-block; padding:5px 25px; color:#000; border-radius:20px; border:1px solid #D6DFE4;  background:#fff;   }
	.contents-btn button.btn2 { background:#0b84ca; color:#fff; border:1px solid #0b84ca; }
	.contents-btn button.down-btn { padding-left:37px; background:url(../images/sub/feather-download.svg) no-repeat left 18px center ; background-size:12px 12px; background:#fff; }

	.sub-main-contents a.link-btn { text-decoration:underline; color:#000;  padding-right:15px; background:url(../images/sub/arrow.png) no-repeat right center;}

	.half-wrap {   }
	.half-wrap:after { clear:both; display:table; content:'';  }
	.half-wrap .half {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }


	.triple-wrap {  }
	.triple-wrap:after { clear:both; display:table; content:'';  }
	.triple-wrap .triple {width:100%; padding-left:15px; padding-right:15px;  padding-bottom:0.8rem; }



	.form-box .text-input { height:38px; border:1px solid #8B8B8B; background:#fff; width:100%;  padding:9px 5px; font-size:15px; }
	.form-box input[type="text"], .form-box input[type="password"], .form-box select { height:38px; border:1px solid #8B8B8B; background:#fff; margin:2px 0 ; }
	.form-box textarea { margin:2px 0 ;padding:5px;  }
	.form-box input[type="checkbox"] { margin-right:5px; width:16px; height:16px;  display:inline-block; margin-top:-3px; margin-left:10px; }


/*인사말*/
	.greeting {}

	.greeting .img {text-align:center; margin-bottom:20px;  }
	.greeting .text-wrap {;}
	.greeting .text-wrap p  {margin-bottom:15px; color:#333; font-size:16px; }
	.greeting .text-wrap .title {color:#2B728E; font-weight:600; font-size:20px; }
	.greeting .text-wrap .name {font-weight:600; text-align:right;   }


/*조직도*/
.ogran {  }
.ogran  .img {  text-align:center;  }
.ogran  .img1 { padding-bottom:40px;  }
.ogran  .img-wrap { margin:0 -10px;    }
.ogran  .img-wrap:after { clear:both; display:table; content:'';    }
.ogran  .img-wrap .img { width:50%;float:left; padding:0 10px;   } 



/*오시는길*/
.way-map {}
.way-map .map-wrap { margin-bottom:40px;  }
.way-map .map-wrap:after { clear:both; display:table; content:''; }
.way-map .map-wrap .root_daum_roughmap  { width:100%; height:300px;   }
.way-map .map-wrap .img {width:100%;   }
.way-map .map-text-wrap {  }
.way-map .map-text-wrap .text {position:relative; padding-bottom:30px;  }
.way-map .map-text-wrap .text:first-child{ border-bottom:1px solid #dbdbdb;  }
.way-map .map-text-wrap .text2 { padding-top:30px;   }
.way-map .map-text-wrap .text h2 { padding-left:0px; font-size:20px; color:#2B728E; font-weight:600;  }
.way-map .map-text-wrap .text h2:before { display:none; }

/*준비중 페이지*/
.ready { text-align:center; padding:50px 0 ;  }




/*연혁*/
.history {}
.history .years {  }
.history h2  { padding-bottom:10px;  }
.history .right { border:1px solid #D6DFE4; border-radius:28px; padding:15px 15px; margin-bottom:30px;   }
.history .right dl {}
.history .right dl:after { clear:both; display:table; content:'';  }
.history .right dl dt { float:left; color:#000000; font-size:16px;  padding-right:76px; position:relative; width:115px;  }
.history .right dl dt:after {position:absolute; top:10px; left:70px; width:30px; height:1px; background:#D6DFE4; content:''; display:inline-block; }
.history .right dl dd { float:left; width:calc(100% - 115px);   font-size:16px;  }
.history2  .right dl dt {  width:145px;  }
.history2 .right dl dt:after { left:100px; }
.history2 .right dl dd {  width:calc(100% - 145px);   }


/*커뮤니티 인트로*/

.community-wrap {  }
.community-wrap ul  {  margin:0 -12px;  }
.community-wrap ul li {padding:0 12px 24px; float:left; width:33.333%;   }
.community-wrap ul li a {display:block; border-radius:18px;  width:100%; height:140px; position:relative;   }
.community-wrap ul li a:hover {-webkit-animation-name:Top; animation-name:Top;  animation-fill-mode:both; animation-delay:0.05s;animation-duration:0.5s; box-shadow: 0px 15px 25px rgba(0,0,0,0.3);}
.community-wrap ul li a:after { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0.3; content:''; display:inline-block; border-radius:18px;   }
.community-wrap ul li a:hover:after { -webkit-animation-name:fadeIn; animation-name:fadeIn;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.6s;  }
.community-wrap ul li a span { }
.community-wrap ul li a span.img { display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:18px; }
.community-wrap ul li a span.text { position:absolute; top:25px; left:25px; color:#fff; font-size:20px; font-weight:bold; z-index:1; }
.community-wrap ul li a span.icon { position:absolute; bottom:25px; right:25px; z-index:1;}
.community-wrap ul li a span.icon img { width:20px;  }







    /*강좌신청*/
    .application .app-list {
        width: 100%;
        margin-right: 0;
    }

    .application .app-list .al-img {
		text-align:center; 
        height: 221px;
        margin: 0 auto;
    }

    .application .app-list .al-img img {
	width:auto; 
	max-width:100%; max-height:100%; 
        /*height: auto;*/

    }

    .application .app-list .al-label {
        left: 25px;
        top: 207px;
    }

    .application .app-list .al-tit {
        padding: 25px 0 15px;
    }

    .application .app-list .al-tit a {
        font-size: 0.80rem;
    }

    .application .app-list .al-txt li {
        font-size: 0.65rem;
    }

    /*강좌신청 뷰*/
    .application_view .app_view .tit {
        padding-bottom: 10px;
 
    }

    .application_view .app_view .tit .stat_btn {
        font-size: 16px;
        height: 35px;
        line-height: 35px;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .application_view .app_view .tit .title {
        font-size: 24px; ;
    }

    .application_view .app_view .img {
        width: 100%;
		margin-bottom:20px; 
    }

    .application_view .app_view .img img {
        height: auto;
    }

    .application_view .app_view .right_view {
        width: 100%;
        padding-left: 0;
        height: auto;
        margin-top: 10px;
    }

    .application_view .app_view .txt_wrap {}

    .application_view .app_view .txt_wrap p .tit {
		width:30%; 

    }

    .application_view .app_view .txt_wrap p .txt {
		width:70%; 
    }

    .application_view .app_view .app_view_btn {
        position: relative;
        left: 0;
        text-align: center;
    }

    .application_view .app_view .app_view_btn p {
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .application_view .app_view .app_view_btn p a {
        font-size: 16px;
    }

    .application_view .app_view .app_view_btn p.end {
        font-size: 16px;
    }


 /*시설/장비안내*/
    .facilreser .app-list {
        width: 100%;
        margin-right: 0;
    }

    .facilreser .app-list .al-img {
        width: 320px;
        height: 221px;
        margin: 0 auto;
    }

    .facilreser .app-list .al-img img {
        height: auto;
		max-height:100%; max-width:100%; 
    }

    .facilreser .app-list .al-label {
        left: 25px;
        top: 207px;
    }

    .facilreser .app-list .al-tit {
        padding: 25px 0 15px;
    }

    .facilreser .app-list .al-tit a {
        font-size: 0.85rem;
    }

    .facilreser .app-list .al-txt li {
        font-size: 0.65rem;
    }

    /*강좌신청 뷰*/
    .facilreser_view .reser_view_top .tit {
        padding-bottom: 10px;
        margin-bottom: 35px;
    }

    .facilreser_view .reser_view_top .tit .stat_btn {
        font-size: 0.65rem;
        width: 70px;
        height: 35px;
        line-height: 35px;
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .facilreser_view .reser_view_top .tit .title {
        font-size: 0.85rem;
    }

    .facilreser_view .reser_view_top .img {
        width: 100%;
        text-align: center;
    }

    .facilreser_view .reser_view_top .reser_view_img ul {
        height: 235px;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li {
        height: 235px;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li img {
        height: 235px;
    }

    .facilreser_view .reser_view_top .img img {
        /*         height: auto; */
    }

    .facilreser_view .reser_view_top .right_view {
        width: 100%;
        padding-left: 0;
        height: auto;
        margin-top: 10px;
    }

    .facilreser_view .reser_view_top .txt_wrap {}

    .facilreser_view .reser_view_top .txt_wrap p .tit {
        font-size: 0.64rem;
    }

    .facilreser_view .reser_view_top .txt_wrap p .txt {
        font-size: 0.64rem;
    }

    .facilreser_view .reser_view_top .reser_view_btn {
        position: relative;
        left: 0;
        text-align: center;
    }

    .facilreser_view .reser_view_top .reser_view_btn p {
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p a {
        font-size: 16px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p.end {
        font-size: 0.74rem;
        line-height: 43px;
    }

    .facilreser_view .top_boxtxt {
        padding: 28px 26px;
        margin-bottom: 30px;
    }

    .facilreser_view .top_boxtxt p {
        font-size: 0.6rem;
    }

    .facilreser_view .reser_view_con h4 {
        margin-bottom: 30px;
        font-size: 0.8rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 h5 {
        font-size: 0.78rem;
        padding: 15px 20px;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table thead th {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table tbody td {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table tbody td span {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 p {
        top: 25px;
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 {
        width: 100%;
        margin: 0;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table {
        margin: 0;
    }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table { min-width:550px;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td { vertical-align:top;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td div { font-size:14px; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a { font-size:14px; }



/*new 페이징*/

.new-paging a {margin:0 3px;  padding-top:5px;  font-size:12px;  }
.new-paging a img {height:12px;  }
.new-paging a.num {    width:30px; height:30px; }




/*게시판 검색*/
	.board-search-wrap {  padding:15px 15px; }
	.board-search-wrap .board-search-select {width:110px; height:45px; }
	.board-search-wrap .board-search-text {width:calc(100% - 180px); height:45px;   }
	.board-search-wrap .board-search-submit {width:60px; height:45px;  }




.col-xs-12 { margin:0.4rem 0 ;  }




	/*프로그램 신청하기*/
	.top-search-box {   background:#F2F2F2; border-radius:5px; padding: 15px;   margin-bottom:20px; }
	.top-search-box:after { clear:both; display:table; content:'';  }
	.top-search-box .p-w-3 {display:flex;  display:flex;   align-items: center; border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px;     }
	.top-search-box .p-w-3 button { width:30%; margin:0 5px; height:40px; border:1px solid #dbdbdb; background:#fff; color:#333; border-radius:5px;   }
	.top-search-box .p-w-3 button.active  { border:none; background:#333; color:#fff;  }
	.top-search-box .p-w-7 {    }
	.top-search-box .p-w-7 .radio-wrap { display:flex;   align-items: center; justify-content: center; margin-bottom:10px; }
	.top-search-box .p-w-7 .radio-wrap p {margin-right:20px; }
	.top-search-box .p-w-7 .radio-wrap input {margin-top:0px; margin-right:5px;   }
	.top-search-box .p-w-7 .radio-wrap label {margin-bottom:0px; }
	.top-search-box .p-w-7 .input-text  { margin-bottom:10px;  width:100% ; border:1px solid #dbdbdb; background:#fff; margin-right:10px; height:40px; border-radius:5px; padding:5px;  }
	.top-search-box .p-w-7 .button-wrap  {  display:flex; align-items: center; justify-content: center;   }
	.top-search-box  .button-wrap a, .top-search-box  .button-wrap button { text-align:center;  width:50%; height:40px; border:none; display:inline-block;  line-height:40px;   border-radius:5px; color:#fff; padding:0 15px;  }
	.top-search-box .p-w-7 .button-wrap .search-btn { background:#2B728E; }
	.top-search-box .p-w-7 .button-wrap .reset-btn { background:#666666; margin-left:10px; }

 .program-list { margin:-10px;  }
 .program-list  li { float:left;padding:10px;   width:50%;  }
 .program-list  li a  { display:block; border:1px solid #dbdbdb;   padding:20px; border-radius:10px; background:#fff; position:relative;  }
 .program-list  li a .program-label  {position:absolute; top:15px; left:15px; border-radius:10px; color:#fff; font-weight:600; padding:3px 8px; background:#666666;  }
 .program-list  li a .program-label.program-label1   { background:#2B728E;  }
 .program-list  li a .img { margin-bottom:15px; text-align:center;  }
 .program-list  li a .img img {border-radius:10px; max-height:404px;  }
 .program-list  li a .text-wrap {   }
 .program-list  li a .text-wrap .kind { font-weight:600;  color:#2B728E; margin-bottom:10px; font-size:18px;  }
 .program-list  li a .text-wrap .title { font-weight:600;  color:#333; margin-bottom:15px; font-size:20px;  }
 .program-list  li a .text-wrap .text { color:#333; margin-bottom:10px; font-size:16px;  }


	/*프로그램 신청내역*/
	.top-search-box {} 
	.top-search-box.text-center {} 
	.top-search-box.text-center .input-wrap  {   } 
	.top-search-box.text-center .input-wrap p { margin-bottom:10px;   } 
	.top-search-box.text-center .input-wrap  label {margin-bottom:0px; }
	.top-search-box.text-center .input-wrap input[type="text"] {  margin:0 15px;  width:180px; border:1px solid #dbdbdb; background:#fff; margin-right:10px; height:40px; border-radius:5px; padding:5px;  }
	.top-search-box  .button-wrap .search-btn { background:#2B728E; }



}


@media (max-width: 600px) {

	 .program-list { margin:-10px;  }
	.program-list  li { float:left;padding:10px;   width:100%;  }
}


@media (max-width: 600px) {
	/*커뮤니티 인트로*/
.community-wrap ul li { width:50%;   }
}


@media (max-width: 430px) {
	/*커뮤니티 인트로*/

.community-wrap {  }
.community-wrap ul  { margin:0px;   }
.community-wrap ul li { width:100%;   padding:0 0 10px; }
}



#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}