@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;}

/* ==================================================
	공통사용
================================================== */
/* pagenation */
.pagenate {width:100%; clear:both; padding-top:10px;}
.pagenate {text-align:center; margin:20px auto 0;}
.pagenate li {display:inline-block;}
.pagenate li:first-child { margin-left:0px; }
.pagenate li a{display:inline-block; text-decoration:none; padding:0; width:30px; height:30px; line-height:30px;  box-sizing:border-box; margin-left:-1px; vertical-align:middle;}
.pagenate li a:hover{color:#fff; font-weight:bold; text-decoration:none !important;}
.pagenate li a.board { text-indent:-9999em; margin-left:4px; }
.pagenate li a.board.first {background: url('/img/ico_first.png') no-repeat center center;}
.pagenate li a.board.prev {margin-right:30px; background: url('/img/ico_prev.png') no-repeat center center;}
.pagenate li a.board.next {margin-left:30px; background: url('/img/ico_next.png') no-repeat center center;}
.pagenate li a.board.last {background: url('/img/ico_last.png') no-repeat center center;}
.pagenate li a.current {color:#ef4035; font-weight:bold; }

/* button */
.btnSet {position:relative;  overflow:hidden;padding-top: 5px;}
.btnSet .right {position:absolute; top:0; right:0;}
.btnSet .left {position:absolute; top:0; left:0;}
.btn1 {font-size: 15px;font-family:'PurenJeonnam'; text-decoration:none !important; white-space:nowrap; display:inline-block;  position:relative; cursor:pointer; padding:8px 14px; min-width:21%; border:2px solid #b5b2b2; color:#454545 !important; margin:0 4px; text-align:center; font-weight:bold;margin-top: 2px;}
.btn1:after{content:''; position:absolute; width:10px; height:2px; right:20px; top:50%; margin-top:-1px;}
.btnSet .btn:hover{background:#ef4035; border:2px solid #ef4035; color:#fff !important;  text-decoration:none !important;}
.btn1.point{border:3px solid #579408 !important; color:#579408 !important;}
.btn1.point:hover{background:#579408 !important;}
.big{font-size:16px !important; padding:10px 40px !important; border:3px solid #333;}

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

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

/* ==================================================
	member
================================================== */
/* 
.member .box{position:relative; margin:30px auto; width:500px;}
.member .box p{text-align:center;}
.member .box .tab{position:relative; margin:0 auto 20px; overflow:hidden;}
.member .box .tab li{border:1px solid #e1e1e1; width:50%; float:left; text-align:center; background:#f5f5f5;}
.member .box .tab li.on{border-top:2px solid #87b350; border-left:2px solid #87b350; border-right:2px solid #87b350; border-bottom:1px solid #fff; color:#87b350; font-weight:bold; background:#fff;}
.member .box .tab li:last-child.on{border-left:2px solid #87b350;}
.member .box .tab li:last-child {border-left:none;}
.member .box .tab li a{padding:10px 0; width:100%; display:block;}
.member .login_form{border-top:2px solid #cad0d1; border-bottom:1px solid #cad0d1; position:relative; margin:20px auto; padding:20px 0; width:100%;}
.member .login_form li{padding:5px 0; width:100%;}
.member .login_form input[type=text], .member .login_form input[type=password]{height:40px; width:70%;}
.member .login_form .login_btn{position:absolute; width:25%; height:90px;  right:0; top:25px;}
.member .login_form .login_btn input[type=submit]{background:#87b350; color:#fff; width:100%; height:100%; border:none; font-size:18px; font-weight:bold;}
.member .box .btn{width:48%; padding:10px 0 !important; margin:0; background:#a8a8aa !important; border:none; color:#fff !important;}
.member .login_form dl{}
.member .login_form dt{padding:5px 0; float:left; width:15%; line-height:40px; vertical-align:middle; font-weight:bold;}
.member .login_form dd{padding:5px 0; float:left; width:85%;}
.member .login_form dd input[type=text]{width:100%;}
.member .login_form dd .tx{display:inline-block;float:left;width:25px;line-height:32px;text-align:center;}
.member .login_form dd.email{position:relative;}
.member .login_form dd.email input[type=text]{float:left;width:30%;}
.member .login_form dd.email .selectric-dSelect{float:left;width:134px;margin:0 0 0 10px; height:40px;}
.member .login_form dd.email .selectric-dSelect .selectric{height:40px; line-height:40px;}
.member .login_form .search_btn input[type=submit]{background:#87b350; color:#fff; width:100%; border:none; font-size:18px; font-weight:bold; padding:10px 0; margin-top:20px;}

 */

/* ==================================================
	board
================================================== */
.bbs{position:relative; width:100%; height:100%; overflow:hidden; min-width:320px; clear:both; min-height:500px;}
.bbs a:hover{text-decoration:underline !important; color:#000;}

/* list */
.bbs .list{border-collapse:collapse; border-spacing:0; box-sizing:border-box; max-width:1200px; margin:30px auto;}  /* tr에 shadow_down 클래스 사용하는 경우 border-collapse:separate; 으로 변경*/
.bbs .list thead{ border-bottom:1px solid #ef4035;}
.bbs .list thead th{padding:15px 20px; font-size:16px; height:35px; line-height:14px; color:#ef4035;}
.bbs .list td{text-align:center; padding:20px 10px; border-bottom:1px solid #434547; font-size:16px; color:#fff;}
.bbs .list tbody tr:hover{background:#222426;} /*마우스오버 배경칼라지정*/
.bbs .list .notice{background:#f9f9f9; } /*탑공지  배경칼라지정*/
.bbs .list span.comment{color:#999; font-size:12px !important; font-weight:normal !important;} /*댓글수*/
.bbs .list .notice_ico{display:none;}
.bbs .list .image img{width:80px; height:auto;}
.bbs .list .title span{font-size:15px; font-weight:bold;}
/** tr에 shadow_down 클래스 사용하는 경우 -  테두리 박스에 그림자처리 **/
.bbs .list tr.shadow_down th{height:35px;  background:#fff; box-shadow:0 2px 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.08); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.08); border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; border-left:none; border-right:none; font-size:12px;}
.bbs .list tr.shadow_down th:first-child{border-left:1px solid #d4d4d4; box-shadow:0;}
.bbs .list tr.shadow_down th:last-child{border-right:1px solid #d4d4d4; box-shadow:0;}
/** tr에 bgColor 클래스 사용하는 경우 -  배경칼라처리 **/
.bbs .list thead.bgColor{border-top:none; border-bottom:none;}
.bbs .list thead.bgColor th{padding:10px 20px; font-size:13px; height:20px; line-height:14px; color:#fff; background:#404143;}


/* search */
.bbsSearch {min-height:32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; width:100% !important; margin:20px auto 15px !important; position:relative;} 
.bbsSearch input[type='text'] {height:35px; box-sizing:border-box; /* padding:5px 40px 5px 5px; */ border:0; width:30%; line-height:42px; background:#f1f1f1; border:1px solid #ccc; vertical-align:middle; color:#333;border-radius: 5px;}
.bbsSearch input[type='button'] {border:0; height:23px; width:25px; text-indent:-9999em; position:absolute; bottom:8px; right:5px; background:url('/img/btn_search.png') no-repeat center center ; display:inline-block;}
.bbsSearch .srchSelect .selectric-dSelect {float:left; width:148px; color:#666;}
.bbsSearch .searchWord {position:relative; width:100%; margin-left:5px;margin: 0 auto;}

/* view */
.bbs .view{}
.bbs .view{width:100%;  max-width:1200px; margin:30px auto;}
.bbs .view .title > dl{width:100%; padding:20px; border-bottom:1px solid #ef4035; text-align:center;}
.bbs .view .title > dl > dt{font-size:20px; color:#fff; font-weight:bold;}
.bbs .view .title > dl > dd{display:inline-block; font-size:14px; color:#999; margin-top:5px; }
.bbs .view .title > dl > dd.name:after{content:"|"; display:inline-block; margin:0 10px; font-size:14px; color:#e4e4e4;}
/*.bbs .view .title > dl > dd > span > em{display:inline-block; font-size:16px; color:#5c5d63;}
.bbs .view .title > dl > dt > span > em:after{content:"|"; display:inline-block; margin:0 10px; font-size:16px; color:#e4e4e4;}
.bbs .view .title > dl > dt > span > span.date{font-size:16px; color:#999;}
.bbs .view .title > dl > dd{ font-size:16px; color:#5c5d63; padding:40px 5%;}*/
.bbs .view .cont{padding:20px; min-height:300px;  border-bottom:1px solid #434547; color:#fff; word-break:break-all;}
.bbs .view .cont img{max-width:100%;}
.bbs .view .reply{}
.bbs .view .reply > dl{width:100%; background:#f4f4f4; padding:20px 5%;}
.bbs .view .reply > dl > dt{ padding:20px 0; font-size:22px; color:#000; position:relative;}
.bbs .view .reply > dl > dt > span{display:block; font-size:16px; color:#999;}
.bbs .view .reply > dl > dt:after {content:""; position:absolute; width:17px; height:1px; background-color:#000; bottom:0; left:3px;}
.bbs .view .reply > dl > dd{ font-size:16px; color:#5c5d63; padding:20px 0;}
.bbs .view .file{padding:10px 20px; overflow:hidden; border-bottom:1px solid #434547;}
.bbs .view .file dt{float:left; width:80px; color:#999;}
.bbs .view .file dd{float:left; text-decoration:underline !important; color:#ef4035; }

.viewNavi {border-top:1px solid #c7c8cc; border-bottom:1px solid #c7c8cc; margin-top:-1px;}
.viewNavi > li {position:relative; padding:8px 100px; border-top:1px solid #e4e4e4; font-size:14px;}
.viewNavi > li:first-child {border-top:0;}
.viewNavi > li span {position:absolute; left:15px; padding:0 20px; font-size:14px;}
.viewNavi > li span:before {content:""; width:0px; height:0px; border-style:solid; border-width:0 4.5px 5px 4.5px; border-color:transparent transparent #000 transparent; line-height:0px; position:absolute; top:7px; left:2px;}
.viewNavi > li + li span:before {content:""; border-width:5px 4.5px 0 4.5px; border-color:#000 transparent transparent transparent;}
.viewNavi > li p {color:#000;}
.viewNavi > li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; color:#5c5d63; font-size:14px;}

/* 리플 달기 */
.reply{position:relative; padding:20px; border-bottom:1px solid #c7c8cc; background:#fafafa;}
.reply .tit{margin:5px 0;}
.reply .tit .number{color:#000; font-weight:bold;}
.reply .reply_write{overflow:hidden;padding:20px 0 10px;background:#fafafa;}
.reply .reply_write .tit_area{position:relative;width:80%;margin:0 0 10px 0;}
.reply .reply_write .tit_area .tit{display:inline-block;margin:0;font-size:16px;line-height:18px; font-weight:bold;}
.reply .reply_write .tit_area .txt{display:inline-block;margin:0 0 0 5px;font-size:14px;line-height:16px;color:#999;}
/* 작성자가 빠지는 경우
.reply .reply_write .tit_area .limit{position:absolute;right:0;bottom:0px;color:#999;font-size:12px;line-height:14px;}*/
/* 작성자가 들어가는 경우 */
.reply .reply_write .tit_area .limit{position:absolute;right:0;bottom:-30px;color:#999;font-size:12px;line-height:14px;}
.reply .reply_write .write_area {clear:both;}
.reply .reply_write .write_area .input{padding:0 0 5px 0;}
.reply .reply_write .write_area .input input{border:1px solid #d1d1d1; height:36px; width:200px;}
.reply .reply_write .write_area .textarea{position:relative; float:left; width:80%;}
.reply .reply_write .write_area .textarea textarea{position:relative ;overflow-y:auto;box-sizing:border-box;width:100%;height:80px;padding:10px 10px;border:1px solid #d1d1d1;font-size:14px;line-height:18px;}
.reply .reply_write .write_area .bt_box{width:20%; float:left;}
.reply .reply_write .write_area .bt_box ul{width:100%;}
.reply .reply_write .write_area .bt_box li{width:100%;}
.reply .reply_write .write_area .bt_box li a{width:100%; display:block; height:80px;font-size:14px;padding:31px 0 0;border:1px solid #999;background:#999; text-align:center; color:#fff;}
.reply .reply_write .write_area .bt_box li a:hover{text-decoration:none !important;}
.reply .recommend{ }
.reply .recommend .re_list{border-top:1px solid #ebebeb;}
.reply .recommend .re_list {position:relative;}
.reply .recommend .re_list  li{padding:20px 0; border-bottom:1px solid #ebebeb;}
.reply .recommend .re_list  dl{position:relative;overflow:hidden;margin:0 0 8px 0;font-size:14px;line-height:20px;}
.reply .recommend .re_list  dl dt{position:relative; float:left; font-weight:bold; padding:0 12px 0 0; color:#999;}
.reply .recommend .re_list  dl dt span{font-weight:normal;}
.reply .recommend .re_list  dl dd{ clear:both; padding:0;}
.reply .recommend .re_list  dl dt span:before{content:"|"; display:inline-block; margin:0 10px; font-size:14px; color:#e4e4e4;}
.reply .recommend .re_list  dl dd .add_data{margin:0 8px 0 0;font-size:14px;line-height:16px;color:#333;}
.reply .recommend .re_list  p{width:100%;font-size:14px;line-height:22px;color:#666;word-break:break-all;}
.reply .recommend .re_list  .iptEmpty{padding:30px 0 !important;color:#555;}
.reply .recommend .re_list  .bt_delete{margin-left:10px; width:20px; height:20px;font-size:0;line-height:0;background:#999 url("/img/delete_btn.png") no-repeat center; background-size:contain;}
.reply .recommend .none_list{padding:50px 10px;border-bottom:1px solid #ebebeb;text-align:center}

/* write */
.bbs .write{border-top:1px solid #434547; border-bottom:1px solid #434547;}
.bbs .write thead th{text-align:center;}
.bbs .write th{padding:10px; background:#2e3032; color:#ef4035; border-bottom:1px solid #434547; }
.bbs .write th br{display:none;}
.bbs .write td{padding:10px; border-bottom:1px solid #333;}
.bbs .write td .tx{display:inline-block;float:left;width:25px;line-height:32px;text-align:center;}

.bbs .write td textarea{width:100%; height:200px; background:#000; border:1px solid #000 ;color:#fff;}
.bbs .write td input[type=text]{width:100%; background:#000; border:1px solid #000 ;color:#fff; }
.bbs .write .fileBox{display:table;width:100%;}
.bbs .write .fileBox .inputBox{float:none;display:table-cell;width:100%;}
.bbs .write .fileBox .inputBox input{width:100%;}
.bbs .write .fileBox .fileBtn{display:table-cell;width:125px;}
.bbs .write p.help{text-align:left;font-size:12px;line-height:26px;letter-spacing:-1px; color:#999;}
.bbs .write p.help:before{content:'※ ';}
.bbs .write tr:last-child th, .bbs .write tr:last-child td{border-bottom:1px solid #434547;}

.bbs .agree{margin:10px 0 20px;}
.bbs .agree_con{background:#000; overflow-y:scroll; width:100%; height:100px; border:1px solid #434547; padding:10px; color:#fff;}
.bbs .agree_con strong{color:#fff; font-size:16px;}
.bbs .agree_con dt{font-weight:bold; margin-top:10px;}
.bbs .agree p{margin-top:5px;}
.bbs .agree p.agreeCheck{margin:15px 0 0;text-align:right;font-size:14px;line-height:16px;color:#111;}
.bbs .agree p.agreeCheck label{color:#fff;}

@media screen and (max-width:768px)
{
/* pagenation */
.pagenate li a.board {margin-left:2px; }
.pagenate li a.board.prev {margin-right:0px;}
.pagenate li a.board.next {margin-left:0px;}
	
/* list */	
.bbs .list{clear:both; position:relative; width:100%; border-collapse:collapse;}
.bbs .list thead {display:none;}
.bbs .list tbody {border-top:1px solid #ef4035 !important;}
.bbs .list tbody tr{padding:10px 0; width:100%; float:left; display:block; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.bbs .list tbody td{width:100%; float:left; display:block; text-align:left; padding:0 10px; border-bottom:none;  font-size:16px; }
.bbs .list tbody td:nth-child(1){display:none;}
.bbs .list tbody td.name, .bbs .list tbody td.date{width:auto; display:inline-block; margin-top:5px; color:#999; font-size:14px;  }
.bbs .list tbody td.date{background:url(/img/line-h.gif) no-repeat left center;}
.bbs .list tbody td.hit{display:none;}
.bbs .list .title span.notice_ico{display:inline-block;}
.bbs .list tbody td.image{width:30%;}
.bbs .list tbody td.title{width:70%; font-size:16px;
	/* 한 줄 자르기 display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ 
	/* 여러 줄 자르기 추가 스타일white-space: normal; max-height: 6.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ 
}
.bbs .list .title span{margin:5px 0 2px; display:inline-block;}
.bbs .list .title span.comment{margin:0;}
.bbs .list .image img{width:100%; height:auto;}



/* view */
.viewNavi > li{padding:8px 40px; }
.viewNavi > li span{width:20px; height:30px; overflow:hidden; text-indent:-9999em; }

/* 리플 달기 */
.reply .reply_write .write_area{float:none}
.reply .reply_write .write_area .textarea{float:none;display:block;width:100%}
.reply .reply_write .write_area .textarea textarea{width:100%}
.reply .reply_write .write_area .textarea .limit{right:auto;left:0}
.reply .reply_write .write_area .bt_box{float:right;margin:10px 0 0 0; width:120px;}
.reply .reply_write .write_area .bt_box li a{padding:0;height:33px;box-sizing:border-box; line-height:33px;}
.reply .reply_write .tit_area{width:100%;}
.reply .reply_write .tit_area .txt{margin:5px 0 0; display:block;}
/* 작성자가 빠지는 경우
.reply .reply_write .tit_area .limit{position:absolute; left:0; top:340%; right:auto; bottom:auto;}*/
/* 작성자가 들어가는 경우 */
.reply .reply_write .tit_area .limit{position:absolute; left:0; top:450%; right:auto; bottom:auto;}

/* write */
.bbs .write th{display:inline-block; width:30%; float:left; min-height:54px;}
.bbs .write td{display:inline-block; width:70%; float:left; min-height:54px;}
.bbs .write .minH200{min-height:240px !important;}

}

@media screen and (max-width: 480px){

/* search */
.bbsSearch {width:90% !important; margin:10px 5% !important;} 
.bbsSearch .srchSelect .selectric-dSelect {width:100%; }
.bbsSearch .searchWord {width:100%; margin-left:0; margin-top:5px;}

/* write */


/* 리플 달기 */
.reply .reply_write .write_area .input input{width:100%;}
}
/* galley */
.bbs .gallery{width:100%; border-top:2px solid #333333; border-bottom:1px solid #999999;  padding:20px 0; position:relative;}
.bbs .gallery > ul{overflow:hidden;}
.bbs .gallery > ul > li:nth-child(3n+1){margin-left:0;}
.bbs .gallery > ul > li{border:1px solid #e7e7e7; width:32%; margin:0 0 10px 2%; float:left; padding:15px;}
.bbs .gallery > ul > li:last-child{margin-right:0;}
.bbs .gallery > ul > li > a{width:100%; height:100%; display:block;}
.bbs .gallery > ul > li > a dt{width:100%; height:180px; overflow:hidden;}
.bbs .gallery > ul > li > a dt img{width:100%; height:180px;}
.bbs .gallery > ul > li > a dd{width:100;}
.bbs .gallery > ul > li > a dd.date{color:#828282; padding:10px 0;}
.bbs .gallery > ul > li > a dd.title{font-size:16px; font-weight:700; min-height:60px;}

.bbs .list tbody .faqA{display:none; background:#f5f5f5;}
.bbs .list tbody .faqQ td.title, .bbs .list tbody .faqA td.title{padding:12px 24px; text-align:left;}
.bbs .list tbody .faqQ td.title{background:url('/img/consult_q.png') no-repeat left 12px; cursor:pointer;  font-weight:600; color:#333;}
.bbs .list tbody .faqA td.title{background:url('/img/consult_a.png') no-repeat left 12px;}
.bbs .list tbody .faqQ:hover td.title{background: url('/img/consult_q.png') no-repeat left 12px;}