@CHARSET "UTF-8";

/*.body{font-family:'Malgun Gothic', 'Dotum', 'arial', serif; font-weight:normal;}
a{font-family:'Malgun Gothic', 'Dotum', 'arial', serif; font-weight:normal;}*/

.display_n{display:none !important;}

.w_100{width:100% !important;}
.w_90{width:90% !important;}
.w_80{width:80% !important;}
.w_70{width:70% !important;}
.w_60{width:60% !important;}
.w_50{width:50% !important;}
.w_40{width:40% !important;}
.w_30{width:30% !important;}
.w_20{width:20% !important;}
.w_10{width:10% !important;}

.h_100{height: 100px !important;}
.h_150{height: 150px !important;}
.h_200{height: 250px !important;}
.h_250{height: 250px !important;}
.h_300{height: 300px !important;}
.h_350{height: 350px !important;}
.h_400{height: 400px !important;}
.h_450{height: 450px !important;}
.h_500{height: 500px !important;}
.h_550{height: 550px !important;}

.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}
.fr{float:right;}

body{background: #fff;}

/*Login*/
.loginLogo{display:block; width:100%; text-align:center; padding:20px;padding-bottom: 40px;}
.loginWrap{display:block;width:39.5%;margin:auto;border: 1px solid #cccccc;margin-top:0px;height:420px;padding:25px;padding-top: 60px;}
.loginWrap input, .btn.login{display:block;width:90%;margin:auto;margin-top: 10px;border: 1px solid #dddddd;line-height:30px;padding: 10px;}
.loginWrap input::placeholder {color: #999999;font-size:1.0em;}
.loginWrap .btn.login{background: #25bad6;color:white;text-align:center;border: none;border-radius: 5px;padding: 20px;font-size: 1.2em;font-weight: 300;margin-top: 39px;}
.loginWrap .btn.login:hover{transform: scale(1.02);transition: transform 0.15s cubic-bezier(0, 0.2, 0.5, 3) 0s;}
.loginWrap .notice{display:block;width: 90%;margin:auto;margin-top:50px;background:#e7e7e7;padding:10px;text-align: center;}

.loginBtnWrap{display: block; width:50%; margin:auto;}
.loginBtnWrap ul{display: flex; width:100%;}
.loginBtnWrap ul li{flex-grow: 1; width:30%;}

/*Banner*/
.popupCloseBtn{position: absolute; background: #d1d1d1; color: black; display: block; padding: 10px;
    width: 30px; line-height: 3px; z-index: 99999; right: 0px; text-align: right; font-weight: bold;}
.bx-wrapper{width:100%; height: 50px; margin:0px; padding:0px;}
.slider{width:100%; height: 50px; margin:0px; padding:0px;}
.slider img{width:100%; height: 50px;}
.bx-wrapper .bx-pager {bottom:10px; right:60px; text-align: right;}

/*H*/
header{display:block; width:100%; border-bottom:1px solid #f1f1f1; height:80px; line-height:80px; box-shadow: 0 0 5px #ccc;}
header .header_inner{width:65%;margin:auto;}
header .logo{display: block;width: 50%; line-height:80px; height:80px; float: left;}
header .logo a{height:70px; line-height:70px; vertical-align: top; border:1px solid #cbcbcb; padding:2px 5px;}
header .logo a:hover{background:#cbcbcb;}
header .menu{display:flex; width:40%;}
header .menu li{flex-grow:1;}
header .info{display: block; width:30%; line-height:80px;float: right; text-align: right;}
header .adminWrap{background:#525252; color:white; padding:10px;}

.nameWrap .nameStr{color:#b2d231;}
.btn.logout{color:gray;}


/*F*/
footer {display: block; width: 100%; border-top:1px solid #f1f1f1;height: 77px;background: #3c404c;}
footer .footer_inner{display:block; width:100%;text-align: center;padding-top: 25px;color: #7e858d;}
footer .footer_inner .copyright{}


/*Skeleton*/
.searchWrap{display:block; width:100%; text-align: right;}
.searchWrap select, .searchWrap input{height:44px; line-height:44px; border: 1px solid #cccccc;color: #999999; font-family: 'Noto Sans KR', sans-serif; vertical-align: bottom;}
.searchWrap select{background:#fff url(/images/icon/ico_bottom_arrow.png) center right 8px no-repeat; -webkit-appearance: none; padding: 0px 35px 0px 8px;}
.searchWrap img{height:44px;}

.pagingInfo{font-weight: normal; padding:10px 0; color:#333333;}
.pagingInfo span{font-weight: bold; color:#0a4773;}

.content{width:65%;min-height:750px;margin:auto;min-height: 92.7vh;flex-direction: column;padding-top:100px;}


/*Table - List*/
.tbl_type01{width:100%; margin-top:20px; margin:auto;}
.tbl_type01 tr:hover{background:#fcfcfc;}
.tbl_type01 th,td{text-align: center; word-break: break-all;}
.tbl_type01 th{border-top:2px solid #dcdcdc; border-bottom:1px solid #c2c2c2; line-height: 40px; padding:8px; color: #666666;}
.tbl_type01 td{border-bottom:1px solid #f1f1f1;padding: 16px;}
.tbl_type01 .left{text-align:left ;padding-left:20px}
.tbl_type01 td.on{background:#ffc4c4;}
.tbl_type01 tr.on{background:#ffd9d9;}
.tbl_type01 textarea{width:90%;}
.tbl_type01 .commentCnt{color:#f78f1d;}
.tbl_type01 .notice{background: #fd5959;border-radius: 12px;padding: 1px 10px 2px;color: #fff;font-size: 12px;vertical-align: 1px;}
.tbl_type01 .new{background: #999;border-radius: 12px;padding: 1px 10px 2px;color: #fff;font-size: 12px;vertical-align: 1px;}
.tbl_type01 video{display:block; width:100%;}

@keyframes flash { 0%, 20%, 40%, to { opacity: 1; } 10%, 30% { opacity: 0; } } 
.blink {animation: flash 3s infinite;}

/*Table - View & Write*/
.tbl_type01.view tr:hover, .tbl_type01.write tr:hover{background:none;}
.tbl_type01.write tbody th, .tbl_type01.view tbody th{background:#fafafa; border-top: none; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}
.tbl_type01.write tbody th:first-child, .tbl_type01.view tbody th:first-child{border-left: none;}
.tbl_type01.write tbody td, .tbl_type01.view tbody td{border-bottom:1px solid #c2c2c2;}
.tbl_type01.view .title{background:#fff; color:#0a4773; padding:10px; font-size:1.2em; border-top: 2px solid #314d6c;font-weight: 500;}
.tbl_type01.write tbody{border-top:2px solid #0a4773;}

.gallery_type01{width:100%; display:flex; flex-wrap: wrap;}
.gallery_type01 li{width:25%; text-align:center;}
.gallery_type01 li img{display:block; width:150px; height:150px; margin:auto;}
.gallery_type01 li .dataTitle{display:block; width:100%;}
.gallery_type01 li .registerDate{display:block; width:100%;}


/*Table View - Comment*/
.commentWrap {display:block; width:100%; margin-top:20px; margin-bottom:40px;}
.commentWrap .comment_tbl {width: 100%;}
.commentWrap .comment_tbl th,td{text-align: center; word-break: break-all;border-bottom: 1px solid #eee;padding: 16px;}
.commentWrap .comment_tbl tr:last-child td, .commentWrap .comment_tbl tr:last-child th{border-bottom: 1px solid #c2c2c2;}
.commentWrap .comment_tbl textarea{width: 90%; padding:14px;}
.commentWrap .comment_tbl span.name{color:#555; font-weight:500;}
.commentWrap .comment_tbl span.date{color:#999;font-size: 0.8em;/*padding-left:7px;*/text-decoration: underline;}
.commentWrap .comment_tbl span.date i.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;font-size: 1.0em;vertical-align: -2px;padding-right: 2px;}
.commentWrap .comment_tbl .control {display:inline-block; position:relative;}
.commentWrap .comment_tbl .control button {/*text-indent: -999em;*/}
.commentWrap .comment_tbl .control i.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;color: #b1b1b1; }
.commentWrap .comment_tbl .control .link {/*display: none;*/position: absolute;top: 0;left: -69px;width: 70px;text-align: center;}
.commentWrap .comment_tbl .control .link a {display: block;margin-top: -1px;border: 1px solid #e0e0e0;background-color: #fff;text-decoration: none;font-size: 0.875em;line-height: 1.5rem;color: #333;}
.commentWrap .comment_tbl .control .link a:focus, .commentWrap .comment_tbl .control .link a:hover {background-color: #fafafa;color: #222;}


/*Button*/
.btnArea{display:block; width:100%; text-align: right; margin: 5px 0 30px 0;}
.btnArea .btn{margin:auto; width:150px; line-height:30px;}
.btn.ins {background: #515151; padding: 17px 30px; color: white; display: inline-block; vertical-align: top; border-radius:6px;}
.btn.upt {background: #1ca948; padding: 5px 20px 5px 20px; color: white;}
.btn.del {background: #e34545; padding: 5px 20px 5px 20px; color: white;}
.btn.list {background: #585454; padding: 5px 20px 5px 20px; color: white;}

.dataStatus{display:block; /*width:50%; height:60%;*/ margin:auto;}
.btnW{color:#0a4773;}
.btnP{color:#df1f00;}
.btnY{color:#c5c5c5;}
.btnR{color:#61d561;}


/*Tab*/
.tabMenu{display:flex; width:70%; margin:auto; text-align: center;}
.tabMenu li{flex-grow: 1; background: #bbb8b8;}
.tabMenu li:hover{flex-grow: 1; background: #777373;}
.tabMenu li a{display:block; width:100%; height:100%; color:white; line-height:50px;}
.tabMenu li.on{display:block; background: #777373;}

/*Paging*/
.paging{ margin:auto; padding-top: 40px; /*padding: 20px;*/}
.paging ul{display:flex; justify-content: center;}
.paging li{/*flex-grow:1;*/ float:left; border: 1px solid #dcdcdc; text-align: center; margin:5px; width:26px; color:#999999; }
.paging li.on{background:#0a4773; color:#fff !important;}
.paging li:hover{background:#cecece;}
.paging li.prev{background: url(/images/icon/ico_prev.png) no-repeat center !important; text-indent:-9999px; box-shadow: 0px 3px 2px #d8d8d8;}
.paging li.next{background: url(/images/icon/ico_next.png) no-repeat center !important; text-indent:-9999px; box-shadow: 0px 3px 2px #d8d8d8;}
.paging li a{display:block; width:100%;}


.reserveComment{display: block; width:100%;}
.reserveComment ul{border:1px solid black; border-bottom: none; display: flex; width:100%;}
.reserveComment ul li{flex-grow: 1; text-align: center;}
.reserveComment ul li.registerDate{width:15%;}
.reserveComment ul li.userName{width:15%;}
.reserveComment ul li.voteType{width:10%;}
.reserveComment ul li.comment{width:40%;}
.reserveComment ul li.btns{width:20%;}


.modalWrap{position:fixed;width:100%;height: 100%;background: rgba(0, 0, 0, 0.6);display:block;margin:0px;padding:0px;top:0px;left:0px;z-index:99999;}
.modalWrap .modal{position:relative;width: 50%;padding:0px 10px 0px 10px;height:700px;display: block;margin:auto;background: white;top:100px;vertical-align: middle;border-radius: 15px;}
.modalWrap .modal .modalBar{width:100%;height: 64px;text-align: right;vertical-align:middle;margin:0px;padding:0px;padding-top: 10px;}
.modalWrap .modal .ContWrap{height: 90%;margin:0px;padding:0px;border:0px;overflow-y: scroll;margin-top: 5px;}
.modalWrap .modal .ContWrap caption{display:none;}
.modalWrap .modal .table_c{word-break:break-all;}
.modalWrap .modal .mo_scroll{display:none;}
.md_close{background: black; color:white !important; width: 47px;height: 47px;display: inline-block;font-size: 0;}
.md_close2{display: none;padding: 5px 64px;background-color: #183482;color: #fff;border-radius: 20px;}


/*보기전용*/
.viewOnly.dataTitle{display:block; width:100%; text-align: center; font-size:20px; border-bottom:1px solid gray; margin-bottom:50px; padding:20px;}

@media all and (max-width:768px) { 
	.content{width:100%; padding:0px;}
}