@charset "utf-8";
/* CSS Document */

.program_menu{width:100%; position:relative; height:100%; overflow:hidden; background:#000; color:#fff;}
.program_menu h1{font-size:20px; font-weight:800; text-align:center; padding:10px;}
.program_menu h1 img{width:100%;}

.program_menu  .m { cursor: pointer; }/*마우스 모양*/
.program_menu  .s { display: none; }/*처음엔 보여주지 않기*/

.program_menu ul{width:100%;}
.program_menu > ul > li{width:100%; background:#333; color:#fff; padding:10px; text-indent:10px;  line-height:30px; border-bottom:1px solid #666;}
.program_menu > ul > li > ul > li{padding:1px 0; line-height:20px; border-bottom:none;}
.program_menu > ul > li > ul > li a{width:100%; background:#999;  padding:5px 5px; color:#333; display:block;}
.program_menu > ul > li > ul > li a:hover{background:#36e4e6; color:#333; font-weight:bold;}

.program{margin:30px; min-height:100%;}
.program h2.title{font-size:20px; padding:10px 0; min-width:320px;}

/* ==================================================
	공통사용
================================================== */

.clear {*zoom:1;}
.clear:after {clear:both; content:''; display:block;}

/* pagenation */
.pagenate {width:100%; clear:both;}
.pagenate {text-align:center;margin: 35px auto 35px;}
.pagenate li {display:inline-block; clear: both;}
.pagenate li:first-child { margin-left:0px; }
.pagenate li a{display:inline-block;text-decoration:none;padding:0;width: 35px;height:30px;font-size: 16px;line-height:30px;box-sizing:border-box;margin-left:-1px;vertical-align:middle;color: #777;font-weight: 300;}
/*.pagenate li a:hover{background:#f6f6f6; font-weight:bold; text-decoration:none !important;}*/
.pagenate li a.board {text-indent:-9999em;display: block;width: 27px;height: 27px;border: 1px solid #dadada;box-sizing: border-box;}
.pagenate li a.board.first {background:url('/img/ico_first.png') no-repeat center center;float: left;}
.pagenate li a.board.prev {background:url('/img/ico_prev.png') no-repeat center center;border-left: 0;float: left;margin-right: 25px;margin-left: -3px;}
.pagenate li a.board.next {background:url('/img/ico_next.png') no-repeat center center;float: right;margin-left: 20px;}
.pagenate li a.board.last {background: url('/img/ico_last.png') no-repeat center center;float: right;margin-left: -3px;border-left: 0;}
.pagenate li a.current {color: #000;font-weight: 600;text-decoration: underline;}

/* button */
.btnSet {position:relative; margin:20px 0; text-align:center; overflow:hidden;}
.btnSet .right {position:absolute; top:0; right:0;}
.btnSet .left {position:absolute; top:0; left:0;}
.btn {transition:all .2s ease-in-out; font-size: 16px;text-decoration:none !important;white-space:nowrap;display:inline-block;vertical-align:baseline;position:relative;cursor:pointer;/* padding: 9px 22px; */min-width: 230px;height: 55px;line-height: 55px;color: #000!important;margin:0 2px;border: 1px solid #000;border-radius: 30px;box-sizing: border-box;text-align:center;font-weight: 500;}
.btn:hover{background:#000; color:#fff !important;}
/*.btnSet .btn:hover{background:#579408; color:#fff !important;  text-decoration:none !important;}*/
.btn.point{border:3px solid #579408 !important; color:#579408 !important;}
.btn.point:hover{background:#579408 !important;}
.big{font-size:16px !important; padding:10px 40px !important; border:3px solid #333;}

.btn.bgGray{background:#a8a8aa !important; border:none !important; color:#fff !important;  text-decoration:none !important; height:32px;}
.btn.bgGray:hover{ text-decoration:none !important;}

.btn.bgGreen{background:#87b350 !important; border:none !important; color:#fff !important;  text-decoration:none !important; height:32px;}
.btn.bgGreen:hover{ text-decoration:none !important;}
.tdBtn .btn{display:block; margin-bottom:3px;}

/* grid */
.grid-gallery{border-bottom:1px solid #999;;border:0}
.grid-gallery .grid > li{padding:20px; box-sizing: border-box;}
.grid-gallery .grid > li figure{border:1px solid #dadada;border:0 }
.grid-gallery .grid figcaption {padding:0; background:none;}

.grid-gallery .grid figcaption .title {font-size:18px; color:#333; font-weight:600; height:25px; line-height:25px; overflow:hidden; display:block; -webkit-line-clamp:1; white-space:nowrap; text-overflow:ellipsis;  word-break:keep-all; max-width:100%; margin-top:5px;}
.grid-gallery .grid figcaption .contxt {font-size:14px; color:#777; height:40px; line-height:20px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; word-break:keep-all; max-width:100%; width:100%; position:relative; margin-bottom:10px; }
.grid-gallery .grid figcaption .info { box-sizing:border-box; font-size:14px; overflow:hidden; padding:5px 0; position:relative;}
.grid-gallery .grid figcaption .info:before{content:''; ;display:block; position:absolute; left:0; top:0px; width:100%; height:1px; background: #efefef;}
.grid-gallery .grid figcaption .info p{display:inline-block; line-height:24px; height:24px; vertical-align: middle; padding:0 5px; float:inherit; width:auto; color:#999;}
.grid-gallery .grid figcaption .info p:first-child {padding-left:0;}

.grid-gallery .grid figcaption .info p > span{padding-right:4px; color:#333; display: inline-block; text-indent: -99999px; line-height:24px; height:24px; vertical-align: middle;} /* 텍스트 표기시 text-indent, 아래 아이콘 이미지 스타일 주석처리 */
.grid-gallery .grid figcaption .info p > b{display:inline-block;  line-height:26px; height:26px; vertical-align: middle;  font-size:14px; font-weight:normal;}
.grid-gallery .grid figcaption .info p > span.name{background:url(/img/ico_name.png) no-repeat left center; width:15px; height:24px;}
.grid-gallery .grid figcaption .info p > span.date{background:url(/img/ico_date.png) no-repeat left center; width:13px; height:24px;}
.grid-gallery .grid figcaption .info p > span.hit{background:url(/img/ico_hit.png) no-repeat left center; width:18px; height:24px;}