/*공통*/
input.w-col01{width:100%}

/*기본List*/
.basicList{border-top:3px solid #303030; margin-bottom:20px;}

.basicList ul li{overflow:hidden; position:relative; padding:20px 10px; overflow:hidden; color:#777777; border-bottom:1px solid #e6e6e6}
.basicList ul li span{display:block}
.basicList ul li a{color:#505050; display:block; overflow:hidden}
.basicList ul li:hover{display:block; width:100%; height:100%; background:rgba(0,0,0,0.03)}

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li span.select_btn{margin-bottom:10px;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  background:#982121; font-size:0.8em; font-weight:bold; padding:3px 12px; border-radius:100px; color:#ffffff}
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em;}
.basicList ul li span.img{width:30%; font-size:1em; margin-bottom:10px; color:#303030}
.basicList ul li span.img_title{width:70%; font-size:1em; margin-bottom:10px; color:#303030;}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:10px; color:#303030}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid .e6e6e6; padding-right:5%;}
.basicList ul li span.date{}

@media all and (min-width:768px) {
.basicList{margin-bottom:30px}
.basicList ul li {padding:20px 0px 20px 15px;}
.basicList ul li span{margin-right:2%;}
.basicList ul li span:last-child{margin-right:0%;}
.basicList ul li span.select_btn{margin:0;}
.basicList ul li span.cate{width:7%}
.basicList ul li span.num{display:block; text-align:center; width:7%;}
.basicList ul li span.notice{width:7%; text-align:center; margin-bottom:0px;}
.basicList ul li span.title{width:56%; margin-bottom:0px;}
.basicList ul li span.img_title{width:56%; margin-bottom:0px;}
.basicList ul li span.name{margin-right:2%; width:15%; padding-right:0%; text-align:center; border-right:0px; clear:none}
.basicList ul li span.date{width:11%; text-align:right;}
}

@media all and (min-width:1024px) {
.basicList ul li span.img{width:10%;}
.basicList ul li span.title{width:64%}
.basicList ul li span.img_title{width:55%}
.basicList ul li span.name{width:11%;}
.basicList ul li span.date{width:9%}
}


/*갤러리 list*/
.GalleryList{border-top:3px solid #303030; margin-bottom:20px;}
.GalleryList ul {overflow:hidden; padding-top:20px;}
.GalleryList ul li{border:1px solid #e6e6e6; margin-bottom:20px; position:relative;}
.GalleryList ul li span{display:block;}
.GalleryList ul li .Gimg{width:100%; height:200px; overflow:hidden; position:relative;}
.GalleryList ul li .Gimg img{display:inline-block; vertical-align:middle; min-height:200px; width:100%;position:absolute; left:0; right:0; bottom:0; top:0; margin: auto;}
.GalleryList ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.GalleryList ul li span.title{display:block; padding:10px 10px 0px; font-weight:bold; font-size:1.1em; }
.GalleryList ul li span.date{padding:10px; text-align:right}


@media all and (min-width:640px) {
.GalleryList ul li{width:47%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.GalleryList ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media all and (min-width:768px) {
.GalleryList{margin-bottom:30px}
.GalleryList ul {padding-top:30px;}
}

@media all and (min-width:1024px) {
.GalleryList ul li{width:30.33%;}

}

/*검색창*/
.searchTop{margin-bottom:10px; overflow:hidden; text-align:right}
.searchBox select, .searchBox input, .searchBox button {font-size:0.9em; font-family:inherit; border:1px solid #bbb; background-color:#fcfcfc; padding:.750em .786em;}
.searchBox input { height:40px; }
.searchBox select{padding:.648em .586em; height:40px;}
.searchBox button{background:#505050; border-color:#505050; color:#ffffff; padding:9px 15px;}

@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBox {width:50%; float:right;}
}

/*페이지*/
.pageList{text-align:center; vertical-align:top; margin-bottom:20px;}
.pageList a{display:inline-block; padding: 0 5px;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top}
.pageList span a.on{border-bottom:2px solid .982121; color:#982121}
.pageList span a:hover{color:#982121}
.pageList span a{padding:0 20px; line-height:30px; font-weight:bold}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
@media all and (min-width:768px) {
.pageList{margin-bottom:30px;}
.pageList a:first-child, 
.pageList a:last-child{display:inline-block;}
}

/*게시판 버튼*/
.boardButton{margin-bottom:20px;text-align:right;}
.boardButton span a{font-size:0.9em; padding:.548em .786em; display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#505050; }
.boardButton span:last-child{background:#982121}

@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;}
.boardButton span a {padding:10px 20px;}
}

/*뷰*/
.viewTop{border-top:3px solid #303030; padding:20px 10px; border-bottom:1px solid #c8c8c8}
.viewTop h4{font-size:1.2em; font-weight:700; margin-bottom:10px;}
.viewTop ul{overflow:hidden;}
.viewTop ul li{float:left; float:left; margin-right:3%; padding-right:3%; border-right:1px solid #e6e6e6; line-height:100%;}
.viewTop ul li:last-child{margin-right:0; padding-right:0; border-right:0}
.v_attem{padding:10px 10px; border-bottom:1px solid #c8c8c8}
.v_attem ul li span { display:inline-block; font-size:0.95em}
.v_attem ul li span img{width:13px; vertical-align:middle; margin-right:10px}
.v_attem ul li{line-height:20px; color:#808080}
.v_contents{padding:10px 10px; border-bottom:1px solid #c8c8c8; min-height:150px}
.v_bottom{border-bottom:1px solid #c8c8c8; margin-bottom:20px;}
.v_bottom li{border-bottom:1px solid #e6e6e6; padding:10px 0; font-size:0.9em; padding-left:30px; background:url(../img/board/bg_viewbefore.gif) no-repeat 10px center}
.v_bottom li span{font-weight:bold; margin-bottom:5px; display:inline-block}
.v_bottom li:last-child{border-bottom:0px; background:url(../img/board/bg_viewnext.gif) no-repeat 10px center}

@media all and (min-width:768px) {
.v_contents{padding:20px 20px}
.v_bottom{margin-bottom:30px; overflow:hidden;}
.v_attem{padding:15px 10px;}
.v_bottom li{float:left; width:50%; border-right:1px solid #e6e6e6;  background:url(../img/board/bg_viewbefore2.gif) no-repeat left center; padding:20px 10px 20px 30px; border-bottom:0px;}
.v_bottom li:last-child{border-right:0; text-align:right;  background:url(../img/board/bg_viewnext2.gif) no-repeat right center; padding:20px 30px 20px 10px}
}

/*라이트*/
#writeWrap{margin-bottom:20px;}
.writecom{border-top:3px solid #808080; border-bottom:1px solid #c8c8c8}
.writecom ul li{padding:10px 10px; overflow:hidden;}
.writecom ul li span{display:block; float:left; line-height:35px}
.writecom ul li span.w_txt{width:70px;}
.writecom ul li span.inputTxt{width: calc(100% - 70px); border:1px solid #bbb; background-color:#fcfcfc; text-decoration:none !important; box-sizing:border-box; padding:.150em .186em; vertical-align:middle; max-width:100%; border-radius:0px;}
.writeCon{padding:10px 10px; min-height:200px; border-bottom:1px solid #c8c8c8; background:#f5f5f5}
.writeCon iframe{width:100%}
.writeBottom{border-top:0px; margin-bottom:20px;}
.writeBottom ul li{padding:5px 10px !important}
.writeBottom .attem_btn{padding:0px; width:25px; height:25px; line-height:20px; border-color:#808080;  background:#808080; color:#ffffff; font-weight:bold; font-size:15px}
@media all and (min-width:768px) {
.writeBottom{margin-bottom:30px;}
#writeWrap{margin-bottom:30px;}
.writecom ul li{padding:15px 10px}
}


/*프로그램*/
.month_box{text-align:center; margin-bottom:20px}
.month_box .mon_b{position:relative; max-width:500px; margin: 0 auto;}
.month_box .mon_tit {font-size:40px; font-weight:normal}
.month_box .mon_btn:before{font-family:'FontAwesome'; content:'\f061'; display:inline-block; position:absolute; top:0; bottom:0; margin:auto 0; line-height:60px; right:10%}
.month_box .btn_mon_prev:before{content:'\f060'; right:auto; left:10%}
.month_box .mon_btn span{display:none}

.event_box .tit{display:none;}
.event_box .sel-chk{overflow:hidden; padding:10px 0.25em; background:#f5f5f5; margin-bottom:10px; font-size:0.85em}
.event_box .sel-chk span{display:inline-block; margin-right:5px; width:30%; margin-bottom:5px;}

@media all and (min-width:768px) {
.event_box .sel-chk{padding:20px; font-size:0.95em; margin-bottom:20px;}
}

@media all and (min-width:1200px) {
.event_box .sel-chk{text-align:center;}
.event_box .sel-chk span{width:auto; margin-right:15px;}
}

/*
.chk {position: relative}
.chk input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chk input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:30px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chk input[type="checkbox"] + label:before {content:'';position:absolute;left:0;top:50%;margin:-9px 0 0 0;width:18px;height:18px;text-align:center;background:#fff;border:1px solid #ccc;box-sizing:border-box;}
.chk input[type="checkbox"] + label:active:before,
.chk input[type="checkbox"]:checked + label:active:before {}
.chk input[type="checkbox"]:checked + label:before {background:#373737;border:1px solid #373737}
.chk input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;width:18px;height:18px;left:0;top:50%;margin:-9px 0 0 0;background:url(/_Img/Content/blt12.png) no-repeat center center}
.chk input[type="checkbox"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}
*/

.cal_table{width:100%; border-top:3px solid #808080}
.cal_table th, .cal_table td{padding:0.5em 0.25em; font-size:0.9em}
.cal_table th{padding:1em 0.25em; font-weight:400; border-bottom:1px solid #e6e6e6}
.cal_table td{border-bottom:1px solid #e6e6e6; vertical-align:top}

.cal_table th.cDay6{color:#2f99db}
.cal_table .cDay6 .num{color:#2f99db}
.cal_table th.cDay0{color:#ff0707}
.cal_table .cDay0 .num{color:#ff0707}
.no_pc{margin:20px 0px}
@media all and (min-width:768px) {
.cal_table th, .cal_table td{padding:15px 10px; }
.no_pc{display:none}
}


/*table cell내용*/

.dayCon {min-height:50px}
.on_sche .in_sche{display:none;}
.on_sche .on{display:block; width:15px; height:15px; background:#8b0029; border-radius:100px; margin:10px}
.on-btn{display:inline-block; width:10px; height:10px; background:#8b0029; border-radius:100px; margin-right:10px}
.s-data00 .on,
.s-data00 .in_sche h5 span:first-child,
.sub-data00 span.tits
{background:#345568 !important}
.s-data01 .on,
.s-data01 .in_sche h5 span:first-child,
.sub-data01 span.tits
{background:#ba6055 !important}
.s-data02 .on,
.s-data02 .in_sche h5 span:first-child,
.sub-data02 span.tits
{background:#f6ca4f !important}
.s-data03 .on,
.s-data03 .in_sche h5 span:first-child,
.sub-data03 span.tits
{background:#656565 !important}
.s-data04 .on,
.s-data04 .in_sche h5 span:first-child,
.sub-data04 span.tits
{background:#507991 !important}
.s-data05 .on,
.s-data05 .in_sche h5 span:first-child,
.sub-data05 span.tits
{background:#c0b2d1 !important}

@media all and (min-width:768px) {
.dayCon {min-height:100px}
.on_sche .on{display:none}
.on_sche .in_sche{display:block;}
.on_sche .in_sche h5{font-size:1em; margin-bottom:5px}
.on_sche .in_sche h5 span{display:inline-block}
.on_sche .in_sche h5 span:first-child{font-size:0.8em; display:inline-block; width:10px; height:10px; background:#8b0029; border-radius:100px; color:#ffffff; margin-right:3px}

}


.mcoverBox{border:1px solid #dcdcdc; padding:20px 25px; position:relative;}
.mcoverBox h3{font-size:0.9em; color:#8b0029; margin-bottom:10px}
.mcoverBox span.num{position:absolute; padding:10px; right:0; top:0; color:#b39e82; font-weight:600; font-size:2em;  line-height:100%;}
.mcoverBox h4{font-size:1.2em; font-weight:800;  color:#323232; margin-bottom:10px; word-break:keep-all;}
.mcoverBox span.num:after{content:''; left:0; bottom:0; position:absolute; border-left:45px solid #ffffff; border-top:25px solid rgba(0,0,0,0); }
.mcoverBox p.tit{font-size:1.1em; margin-bottom:10px; font-weight:bold; word-break:keep-all;}
.mcoverBox p.txt{margin-bottom:40px; word-break:keep-all;}
.mcoverBox a.btn_more{display:inline-block; padding:5px 15px; background:#746e70; color:#ffffff; font-weight:600; position:absolute; right:3%; bottom:20px; font-size:0.9em}


/* 게시판 댓글 */
.board_comment{clear:both; width:100%; overflow:hidden; background:#fff; padding:1rem;  border-top:1px solid #CCC;}
.comment_area{float:left; width:80%; height:50px; border:1px solid #999; margin:0 10px 0 5px; background:#fafafa;}
.comment_btn{float:left; width:7%; padding:1rem 0 1rem 0; text-align:center; font-weight:bold; display:block; 
background:#333333; color:#FFF; margin-bottom:5px;}

.commnet_tit{font-weight:bold; color:#900;}
.commnet_list{overflow:hidden; margin:0 0 1rem 0;}
.commnet_list dl{border-bottom:1px dotted #CCC; clear:both; overflow:hidden;}
.commnet_list dl dt{font-weight:bold; margin:0 0 5px 0;}
.commnet_list dl dt span{padding:0 0 0 1rem; font-size:0.8rem; font-weight:normal}

.commnet_list dl dd{overflow:hidden; padding:0.5rem 0 1rem 0; position:relative; width:97%;}
.commnet_list dl dd span{font-size:0.8rem; display:block; float:right; margin:1.5rem 0 0 0;}
.commnet_list dl dd span img{margin:0 5px 0 0;}
.commnet_list dl dd span a{margin:0 10px 0 0;}

.comment_re_form{overflow:hidden;background:url(/board/images/re_bg.jpg) no-repeat 0px 20px; padding:1rem 0 1rem 3rem; }
.comment_re_form dl{border:none}



/* 게시판 댓글 */
@media all and (max-width:767px) {
.board_comment{clear:both; width:100%; overflow:hidden; background:#fff url(/board/images/box_bg.png) no-repeat bottom right; background-size:80%; padding:1rem;}
.comment_area{float:none; width:90%; height:50px; border:1px solid #999; margin:0 0 10px 0}
.comment_btn{float:none; padding:1rem; width:50%; height:20px; text-align:center; font-weight:bold; display:block; background:#333333; color:#FFF; margin:0 auto;}
.commnet_list dl dd span{ clear:both; width:100%; padding:1rem 0}
}

/* 비밀글. 수정. 삭제 */
.bo_writ_01 {width: 100%; border-top:1px solid #f36f21; border-collapse:collapse; margin-bottom: 15px;}
.bo_writ_01 thead {display:none;}
.bo_writ_01 th { padding:9px 0; border-bottom:1px solid #e1e1e1; vertical-align: top; font-size:.9em; text-align: left; background:#f7f7f7;}
.bo_writ_01 th label {font-family: ngb; color:#292929; background:transparent url("../images/common/bg_dot_2px.jpg") 3px center no-repeat; padding-left: 12px; }
.bo_writ_01 th em {padding-left: 5px;}
.bo_writ_01 td {position: relative; height:auto; overflow:hidden; padding:9px 0 5px 10px; border-bottom:1px solid #e1e1e1; vertical-align: middle;}
.bo_writ_01 td a {position: absolute; top: 0; right:0; display: block; padding: 2px 10px 0; height: 20px; font-size: .9em; line-height: 1.4em; color: #fff; text-align: center; background-color: #646464; }
.bo_writ_01 td a:hover {background-color: #e98900;}
.bo_writ_01 td a.in_postN {left: 140px; }
.bo_writ_01 td a.in_attachN {left: 515px; }
        
.bo_writ_01 td.in_input_Db input {display: block;}
.bo_writ_01 td span {position: relative; border: 0px solid red;}
.bo_writ_01 td span.in_T01 {display: block; margin-bottom: 4px; height: auto; overflow: hidden;}

.bo_writ_01 td span.in_domain {}
.bo_writ_01 td span.in_domain label {position: absolute; left: 160px; top: 0;}
.bo_writ_01 td span.in_domain input {position: absolute; left: 140px; top: 1px; padding: 0; margin: 0;}

.bo_writ_01 td textarea {background-color: #f2f1ef; }

.bo_writ_01 td a.in_filedown {position: relative !important; float: left; left: 0; top: 0; display: block; padding: 4px 10px 0; height: 21px; font-size: .95em; line-height: 1.4em; color: #fff; text-align: center; background-color: #646464; border: 1px solid #464646; border-bottom: 1px solid #323232;}

.bo_btn_zone {width:100%; height:40px; }
.bo_btn_zone span {float: right; height: auto; width: auto; overflow: hidden;}
.bo_btn_zone span a {display: block; float: left; font-weight:bold; padding: 7px 8px 6px; font-size: 16.5px; line-height: 1.2em; white-space: nowrap; background-color: #f0f0f0; border: 1px solid #e1e1e1; border-bottom: 1px solid #cdcdcd; margin-left: 3px;}
.bo_btn_zone span a:hover {border: 1px solid #F76300; color: #fff; background-color: #737373; border: 1px solid #5a5a5a; border-bottom: 1px solid #464646;}
.bo_btn_zone span a.on {color:#fff; background-color: #5a5a5a; border: 1px solid #5a5a5a; border-bottom: 1px solid #464646;}
.bo_btn_zone input {display: block; float: left; font-weight:bold; padding: 7px 12px 6px; font-size: 1em; line-height: 1.2em; white-space: nowrap; background-color: #f0f0f0; border: 1px solid #e1e1e1; border-bottom: 1px solid #cdcdcd; margin-left: 3px;font-family:ngb;}


.screen_out {display:block; font-size:0; height:1px; left:-9999px; line-height:0; overflow:hidden; position:absolute; text-indent:-9999px; width:1px;}