@charset "UTF-8";

/* List Webzine A */
.board-webzine .list-webzine {display: flex; width: 100%; border-top: 2px solid #006276; border-bottom: 1px solid #000000; padding: 30px 0 20px; flex-wrap: wrap;}
.board-webzine .list-webzine > li { padding: 20px 20px 13px; float: left; width: 25%;}
.board-webzine .list-webzine > li:hover {background: #f3f3f3;}
.board-webzine .list-webzine .no-data {float: none !important; width: 100% !important; padding: 83px 0; text-align: center;}
.board-webzine .box {position: relative;}
.board-webzine .box > a {display: table; width: 100%; table-layout: fixed;}
.board-webzine .shadow > a {display: table; width: 100%;}
.board-webzine .thumb, .board-webzine .no-image {width: 100%; height:350px; max-width: 310px; margin: 0 auto;}
.board-webzine .no-image{border: 1px solid #e0e0e0; padding: 15px; background-color: white;}
.board-webzine .no-image-box{background: #f7f7f7 url(../images/no-image.png) no-repeat center center; width: 100%; height: 100%;}
.board-webzine .list-type-box{margin-top: 20px; overflow: hidden;}
.board-webzine .list-type-box span{display: inline-block; width: 75px; height: 35px; line-height: 35px; color: white; font-family: "Noto Regular"; font-size: 14px; text-align: center; border-radius: 3px;}
/* .board-webzine .list-type-box span{display: block; width: 49%; height: 35px; line-height: 35px; color: white; font-family: "Noto Regular"; font-size: 14px; text-align: center; border-radius: 3px; float: left; margin-right: 2%;} */
.board-webzine .list-type-box span:last-child{margin-right: 0;}
.board-webzine .list-type-box .cate_1{background-color: #0066a2;}
.board-webzine .list-type-box .cate_2{background-color: #999999;}
.board-webzine .list-type-box .cate_3{background-color: #013452;}
/* 웹접근성으로 인해 변경 */
/* .board-webzine .list-type-box .type_1{background-color: #bd8e41;} */
.board-webzine .list-type-box .type_1{background-color: #bb8937;}
.board-webzine .list-type-box .type_2{background-color: #015152;}
.board-webzine .list-type-box .type_3{background-color: #584a7b;}
.board-webzine .list-type-box .type_4{background-color: #013452;}
.board-webzine .title strong{color: #000000; font-family: "Noto Regular"; font-size: 20px; line-height: 30px; display: block; margin-top: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.board-webzine .info{margin-top: 8px; padding-right: 15px;}
.board-webzine .info li::after{content:""; display: table; clear: both;}
.board-webzine .info .info-title{display: block; float: left; width: 50px; font-family: "Noto Regular"; font-size: 16px; color: #333333;}
.board-webzine .info li p{font-family: "Noto Light"; font-size: 16px; line-height: 20px; float: left; width: calc(100% - 50px); margin-top: 2px; color: #666666;}
.board-webzine .info .new{display: none;}
.board-webzine .box > a:hover .title strong{color: #015152;}

@media all and (max-width: 1300px) {
    .board-webzine .list-webzine > li{width: 33.3333%; padding: 10px;}
    .board-webzine .thumb, .board-webzine .no-image{height: 300px;}
    .board-webzine .list-type-box span{width: 59px;}
}

@media all and (max-width: 900px) {
    .board-webzine .list-webzine > li{width: 50%;}
}

@media all and (max-width: 768px) {
    .board-cate li{width: 25%;}
    .board-webzine .list-webzine > li{width: 100%; float: none;}
    .board-webzine .box > a > .info{padding-left: 20px;}
    .board-webzine .thumb, .board-webzine .no-image{max-width: 310px; margin: 0 auto;}
}

/* Category */
.board-cate{margin-bottom: 70px;}
.board-cate .mobile-tab{display: none;}
.board-cate ul::after{content:""; display: table; clear: both;}
.board-cate li{float: left; margin-right: 10px; position: relative;}
.board-cate li::before{content:""; display: block; position: absolute; width: 3px; height: 9px; background-color: #c8c8c8; left: 0; bottom: 0;}
.board-cate li::after{content:""; display: block; position: absolute; width: 3px; height: 9px; background-color: #c8c8c8; right: 0; bottom: 0;}
.board-cate li:last-child{margin-right: 0;}
.board-cate li a{padding: 0 30px; font-family: "Noto Medium"; font-size: 18px; color: #1b1b1b; display: block; line-height: 50px; position: relative;}
.board-cate li a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #c8c8c8;}
.board-cate li .on{background-color: #015152; color: white;}
.board-cate li.on,
.board-cate li:hover{background-color: #015152;}
.board-cate li.on::before,
.board-cate li:hover::before,
.board-cate li.on a::after,
.board-cate li:hover a::after,
.board-cate li:hover::after,
.board-cate li.on::after{display: none;}
.board-cate li.on a,
.board-cate li:hover a{color: white;}

@media all and (max-width: 1023px) {
    .board-cate li a{padding: 0 18px;}
}

@media all and (max-width: 768px) {
    .board-cate{position: relative; margin-bottom: 50px;}
    .board-cate .mobile-tab{display: block; width: 100%; background: #015152 url(../images/mobile_tab_arrow.png) no-repeat right 30px center; padding: 14px 30px; text-align: left; font-size: 18px; font-family: "Noto Medium"; color: white; }
    .board-cate .cate-now{max-height: 0; overflow: hidden; transition: all .3s; position: absolute; left: 0; top: 100%; width: 100%; z-index: 10;}
    .board-cate .cate-now.on{max-height: 999px;}
    .board-cate li{width: 100%; float: none; border: 1px solid #ccc; border-top: 0; background-color: white;}
    .board-cate li a{font-size: 16px; line-height: 40px;}
    .board-cate li.on{background-color: white;}
    .board-cate li.on a{color: #1b1b1b;}
    .board-cate li::before,
    .board-cate li::after,
    .board-cate li a::after{display: none;}
    .board-cate li:hover{border: 1px solid #015152; border-top: 0;}
    .board-cate li.on:hover{background-color: #015152; border: 1px solid #015152; border-top: 0;}
    .board-cate li.on a:hover{color: white;}
}

/* Tab */
.board-tab {display: none;}
.board-tab ul {display: inline-block; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.board-tab ul li {float: left; margin-right: 10px;}
.board-tab ul li a {position: relative; top: 1px; display: block; padding: 10px 15px; border: 1px solid #d1d1d1;}
.board-tab ul li a.on {background: #18327c; color: #fff;}

/* Date Search */
.board-date {text-align: center; background: #f2f2f2; border: 1px solid #d1d1d1; padding: 20px; margin-bottom: 30px;}
.board-date label {font-family: 'Noto Regular'; color: #666; margin: 0 15px; padding-left: 30px; background: url('../images/icon-cal.png') no-repeat left center;}
.board-date input {background: #fff;}
.board-date .line {display: inline-block;}
.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button,
.ui-datepicker .ui-datepicker-title select,
.ui-datepicker table {font-size: 13px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 5px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}

@media all and (max-width:620px) {
    .board-date .line {display: block;}
}


/* Search */
.board-search {display: inline-block; width: 100%; margin-bottom: 41px;}
.board-search .form-search {background: #f5f6f8; padding:20px;}
.board-search .tbl-search {text-align: center;}
.board-search .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Noto Regular'; font-size:18px; margin-right: 20px; padding: 2px 0 2px 55px; color: #004d5d; position: relative; top: 3px;}
.board-search .box-sel {position: relative; top: 0px; display: inline-block; margin-right: 2px; vertical-align: middle;}
.board-search .box-sel select {background: #fff url('../images/arrow-search.png') no-repeat right center; font-size: 16px; font-family: 'Noto Light'; color: #878787; border:1px solid #ccd0d7; height: 55px; min-width: 130px; padding-left: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board-search .box-search {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 55px; line-height: 55px; border:1px solid #ccd0d7; min-width: 400px;}
.board-search .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent; border: 0; font-family: 'Noto Light'; font-size: 16px; text-indent: 10px; color: #878787; padding: 0 45px 0 5px}
.board-search .box-search input::placeholder {color: #878787;}
.board-search .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 55px; background: url('../images/ico-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.board-search .util-search {margin-bottom: 20px; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.board-search .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.board-search .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}
.board-search .deep-search-btn{display: inline-block; width: 122px; height: 50px; cursor: pointer; background-color: #18327c; vertical-align: top; margin: 2.5px 0 0 7px;}
.board-search .deep-search-btn span{text-align: center; color: white; font-family: "Noto Regular"; font-size: 16px; line-height: 50px; display: block;}

.board-search .form-classify{margin-top: 10px; background-color: #f5f6f8; text-align: center;max-height: 0; overflow: hidden; transition: all .3s; visibility: hidden;} /*웹접근성 visibility: hidden; 추가*/
.board-search .form-classify fieldset{ padding: 32px 0 30px; }
.board-search .form-classify.on{max-height: 1000px; visibility: visible;} /*웹접근성 visibility: visible; 추가*/
.board-search .form-classify ul{display: inline-block; border-bottom: 1px solid #a7a7a7; margin-bottom: 20px; padding: 0 50px 21px 12px;}
.board-search .classify-box::after{content:""; display: table; clear: both;}
.board-search .form-classify li{margin-bottom: 17px;}
.board-search .form-classify li:first-child{margin-bottom: 15px;}
.board-search .form-classify li:last-child{margin-bottom: 0;}
.board-search .classify-title{width: 138px; float: left; text-align: left;}
.board-search .classify-title label{font-family: "Noto Regular"; color: #1b1b1b; font-size: 16px; padding-left: 20px; position: relative;}
.board-search .classify-title label::before{content:""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #679698; left: 0; top: 10px;}
.board-search .classify-content{text-align: left; width: 620px; float: left;}
.board-search .classify-content::after{content:""; display: table; clear: both;}
.board-search .classify-content label{font-size: 14px; color: #666666; width: 100px; display: inline-block;}
.board-search .classify-content span{display: inline-block; width: 24px; text-align: center; font-family: "Noto Light"; font-size: 18px; color: #333333;}
.board-search .classify-content input{border: 1px solid #d9e0e7; background-color: white; border-radius: 3px; font-family: "Noto Light"; font-size: 14px; /*color: #999999;*/color: #333333; padding: 3.5px 10px;}
.board-search .classify-content input[type=text],
.board-search .classify-content input[type=date]{ height: 35px; line-height: 35px;}
.board-search .classify-content .classPerson{float: left; width: 300px;}
.board-search .classify-content .class-text{display: block; font-size: 14px; font-family: "Noto Light"; color: #666666; line-height: 30px; margin-left: 8px; float: left;}
.board-search .form-classify .long-button{width: 260px; display: block; margin: 0 auto; margin-bottom: 20px;}
.board-search .form-classify .long-button:last-child{margin-bottom: 0;}
.board-search .classify-content.check-input .check-input-box{float: left; position: relative; margin-right: 17px;}
.board-search .classify-content.check-input .check-input-box:last-child{margin-right: 0;}
.board-search .classify-content.check-input label{width: auto;}
/* .board-search .classify-content .check-input-box input{display: none;}
.board-search .classify-content .check-input-box span{display: inline-block; width: 15px; height: 15px; position: absolute; left : 0; top: 8.5px; background: url(../images/checkbox_off.png) no-repeat center center;}
.board-search .classify-content .check-input-box input:checked + span{background: url(../images/checkbox_on.png) no-repeat center center} */

@media all and (max-width: 1023px) {
    .board-search .box-search{min-width: 348px;}
    .board-search .deep-search-btn{display: block; margin: 0 auto; margin-top: 20px;}
    .board-search .form-classify fieldset{padding: 32px 20px 30px;}
    .board-search .classify-content{width: calc(100% - 138px);}
}

@media all and (max-width:780px) {
    .board-search .box-title {display: none;}
    .board-search .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .board-search .util-search {display: none;}
    .board-search .box-title {width:35%; margin-right: 0; float: left;}
    .board-search .box-search {width: 100%; float: none; min-width: auto; margin-bottom: 20px;}
    .board-search .deep-search-btn{clear: both;}
    .board-search .form-classify ul{padding: 0 20px 21px;}
    .board-search .form-classify li{margin-bottom: 25px;}
    .board-search .form-classify li:first-child{margin-bottom: 20px;}
    .board-search .classify-title,
    .board-search .classify-content{float: none; width: 100%;}
    .board-search .classify-title{margin-bottom: 10px;}
    .board-search .classify-content .firstDate,
    .board-search .classify-content .lastDate{width: calc(50% - 15px)}
    .board-search .classify-content .classPerson{width: 100%;}
}

/* RSS */
.board-rss {display: inline-block; width: 100%; margin-bottom: 20px;}
.board-rss .util-search {font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.board-rss .util-search a {display: inline-block; width: 25px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; background-size: contain; margin-right:10px; vertical-align: middle;}
.board-rss .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}
.board-rss .util-search .count-txt {position: relative; top: -1px; display: inline-block; vertical-align: middle; font-size: 16px; letter-spacing: -0.5px; color: #333333; font-family: "Noto Light";}
.board-rss .util-search .count-txt strong {font-family: "Noto Light"; font-weight: 300;}
.board-rss .util-search .count-txt .current {color: #1e5ba8; font-family: "Noto Medium";}

/* View */
.board-view-info {border-top: 2px solid #000000; padding: 50px 30px 71px; border-bottom: 1px solid #cccccc;}
.board-view-info::after{content:""; display: table; clear: both;}
.board-view-image{float: left; width: 30.6%;}
.board-view-main-image{position: relative;}
.board-view-big{position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: #013452 url(../images/more_btn.png) no-repeat center center; text-indent: -9999px;}
.board-view-info .view-image-box{width: 30.6%; height: 480px; float: left; position: relative;}
.board-view-info .image-box{width: 100%; height: 100%;}
.board-view-info .image-box,
.board-view-info .no-image{max-width: none;}
.board-view-info .no-image{border: 1px solid #e0e0e0; padding: 15px; background-color: white; width: 100%; height: 100%;}
.board-view-info .no-image-box{background: #f7f7f7 url(../images/no-image.png) no-repeat center center; width: 100%; height: 100%;}
.board-view-sub-image{position: relative; margin-top: 25px;}
.board-view-sub-image button{position: absolute; width: 15px; height: 25px; top: 50%; margin-top: -12.5px; display: block; text-indent: -9999px; z-index: 2;}
.board-view-sub-image button.board-image-prev{background: url(../images/slider_prev.png); left: 10px;}
.board-view-sub-image button.board-image-next{background: url(../images/slider_next.png); right: 10px;}
.board-view-sub-image ul{margin: 0 -12.5px; padding: 0 46px;}
.board-view-sub-image li{width: 100%; height: 90px; margin: 0 12.5px; position: relative;}
.board-view-sub-image li::before{content:""; display: block; position: absolute; width: 100%; height: 100%; border: 1px solid #bbbbbb; left: 0; top: 0;}
.board-view-sub-image li.slick-current::before{border: 5px solid #015152;}

.view-info {float: right; width: 69.4%; padding-left: 7.463%;}
.view-category-box{margin-bottom: 34px;}
.view-category-box span{display: inline-block; font-family: "Noto Regular"; font-size: 14px; color: white; text-align: center; width: 78px; height: 35px; border-radius: 3px; line-height: 35px; margin-right: 3px;}
.view-category-box .cate_1{background-color: #0066a2;}
.view-category-box .cate_2{background-color: #999999;}
.view-category-box .cate_3{background-color: #013452;}
/* 웹접근성으로 인해 변경 */
/* .view-category-box .type_1{background-color: #bd8e41;} */
.view-category-box .type_1{background-color: #bb8937;}
.view-category-box .type_2{background-color: #015152;}
.view-category-box .type_3{background-color: #584a7b;}
.view-category-box .type_4{background-color: #013452;}
.view-info-content{margin-top: 31px;}
.view-info-content dl{border-bottom: 1px solid #d6d6d6; padding: 9px 0;}
.view-info-content dl::after{content:""; display: table; clear: both;}
.view-info-content dt{width: 12.773%; font-family: "Noto Medium"; font-size: 18px; color: #333333; float: left; padding-left: 15px; position: relative;}
.view-info-content dt::before{content:""; display: block; position: absolute; width: 5px; height: 5px; background-color: #999999; left: 0; top: 15px;}
.view-info-content dd{width: 87.227%; float: left; font-family: "Noto Light"; font-size: 18px; color: #666666; line-height: 30px; margin-top: 3px;}
.view-info .view-num {display: none;}
.view-info .view-title {font-family: "Noto Medium" !important; color: #000; font-size: 30px; line-height: 40px;}
.view-detail {display: inline-block; width: 100%; border-bottom: 1px solid #e2e2e2; padding: 10px 0 10px 20px; text-align: right; display: none;}
.view-detail .view-util {display: inline-block; margin-right: 20px; font-size: 16px; color: #9b9b9b; font-family: 'Noto Light';}
.view-detail .view-util dl {display: inline-block; padding-left: 15px; margin-left: 15px; position: relative;}
.view-detail .view-util dl:after {content: ''; position: absolute; left: 0; top: 12px; width: 1px; height: 11px; background: #c3c3c3;}
.view-detail .view-util dl:first-child:after {display: none;}
.view-detail .view-util dl.cate {display: none;}
.view-detail .view-util dt,
.view-detail .view-util dd {display: inline-block;}
.view-detail .view-util dt {padding-right: 1px; color: #666;}
.view-detail .view-util dd {color: #888;}
.view-detail .view-util .modify {display: none;}
.view-detail .view-util .writer:after {display: none;}
.view-detail .view-share {display: inline-block; margin-right: 20px;}
.view-detail .view-share .sns {display: inline-block;}
.view-detail .view-share .util {display: inline-block;}

.view-file {margin-bottom: 40px; display: none;}
.view-file .row {display: table; width: 100%; border-top: 1px solid #e2e2e2; border-bottom: 2px solid #000000;}
.view-file .row .title {width: 200px; display: table-cell; display: none; vertical-align: middle; padding: 25px 0; background: #f5f5f5; text-align: center; font-family: 'Noto Regular'; color: #444;}
.view-file .row .insert {display: table-cell; vertical-align: middle; padding: 16px 20px; display: none;}
.view-file .row .insert a {display: inline-block; margin-top: 3px; margin-bottom: 3px; font-size: 14px; color: #333;}
.view-file .row .insert .prev {display: inline-block; background: url('../images/btn-file-prev.png') no-repeat 10px center; margin-left: 12px; padding: 1px 15px 2px 30px; border: 1px solid #ccc; font-family: 'Noto Regular'; font-size: 14px; color: #5b6a77;}
.view-file .row .insert li {padding-left: 25px; background: url('../images/ico-add.png') no-repeat left 7px; font-family: 'Noto Light'; font-size: 14px; }
.view-file .no-file {color: #888;}

.view-info-button-box{margin-top: 70px; text-align: right;}
.view-info-button{display: inline-block;}
.view-info-button > button{margin-right: 17px;}
.view-info-button > button:last-child{margin-right: 0;}

@media all and (max-width: 1250px) {
    .board-view-sub-image ul{padding: 0 40px;}
}

@media all and (max-width: 1023px) {
    .board-view-info{padding: 50px 30px;}
    .board-view-info .view-image-box{width: 100%; float: none; height: 430px; max-width: 410px; margin: 0 auto;}
    .view-info{padding-left: 0; width: 100%; float: none; margin-top: 50px;}
    .board-view-main-image{max-width: 410px; margin: 0 auto;}
    .view-info-button-box{margin-top: 50px;}
}

@media all and (max-width:1000px) {
    .view-detail .view-util {width: 100%; float: none;}
    .view-detail .view-share {width: 100%; float: none;}
}

@media all and (max-width: 768px) {
    .board-view-info{padding: 30px 30px 10px; border-bottom: 0;}
    .view-info{margin-top: 30px;}
    .view-info-content dt{width: 40%;}
    .view-info-content dd{width: 60%;}
    .long-button{display: block; margin-bottom: 20px;}
    .board-view-info .view-image-box{height: 380px;}
    .view-info-button-box{margin-top: 30px;}
    .view-info .view-title{font-size: 22px;}
}

@media all and (max-width:700px) {
    .view-file .row {display: block;}
    .view-file .row .title {display: block; width: 100%; text-align: left; padding:15px 0 15px 30px;}
    .view-file .row .insert {display: block; width: 100%;}
    .view-detail .view-util dl {display: none;}
    .view-detail .view-util dl.writer,
    .view-detail .view-util dl.write {display: inline-block;}
    .view-info-button > button{margin: 0; display: block; margin-bottom: 10px;}
    .view-info-button > button:last-child{margin-bottom: 0;}
}

@media all and (max-width: 470px) {
    .view-info-content dt{float: none; width: 100%;}
    .view-info-content dd{float: none; width: 100%;}
}

/* Contents */
.view-con {padding: 44px 30px; font-size: 18px; font-family: 'Noto Light'; color: #666; line-height: 30px;}
.view-img {margin-bottom: 30px;}

@media all and (max-width: 580px) {
    .view-con {padding: 30px; }
}

/* Paging */
._paging {padding: 60px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2; font-family: "Noto Medium";}
._paging > ._inner > a {width: 35px;height: 35px; line-height:35px;background-image: url('../images/arrow-page.png') !important;background-repeat: no-repeat;background-color: transparent;border: 0;font-family: "Noto Regular";}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}
._paging ._inner ._pageState span{font-family: "Noto Regular";}

@media all and (max-width: 900px) {
    ._paging {padding: 60px 0 30px 0;}
}
@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
}

/* Prev Next */
.view-navi {position: relative; padding: 3px; margin-bottom: 30px; background: #e3e3e3;}
.view-navi .view-white {background: #fff; padding: 0 27px;}
.view-navi .navi-info {display: none;}
.view-navi .row {display: table; width: 100%;}
.view-navi .row.prev {padding: 11px 0; border-bottom: 1px solid #ccc;}
.view-navi .row.next {padding: 11px 0;}
.view-navi .row .title {position: relative; display: table-cell; vertical-align: middle; width: 80px; padding-left: 19px; font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.view-navi .row .title:after {content: ''; position: absolute; left: 0; top: 12px; width: 10px; height: 10px; background: url('../images/dot-view-navi.png'); border-radius: 100%;}
.view-navi .row .insert {display: table-cell; vertical-align: middle; font-family: 'Noto Light'; font-size: 16px; color: #666;}

@media all and (max-width:675px) {
    .view-navi {display: none;}
}

/* Button */
.board-button {text-align: center;display: inline-block;width: 100%;border-top: 1px solid #ccc;padding-top: 50px;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; min-width: 88px; cursor: pointer; font-size: 16px; height: 55px; line-height: 50px; text-align: center; margin: 0 1px; font-family: 'Noto Regular'; background-color: white; transition: all .3s;}
.board-button.view {margin-bottom: 40px;text-align: right;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}
.board-button.answer-button {text-align: right; margin-top: 30px;}


a.samll-btn, input.samll-btn {color: #fff;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto Light';}
.small-btn-box.no-margin .samll-btn {margin: 0;}
.small-btn-box .samll-btn.color1 {background: #006276; color: #fff; border: 1px solid #006276;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 25px; line-height: 20px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight';}
.tiny-btn.color1 {background: #0c837f; border: 1px solid #0c837f; color: #fff;}
.tiny-btn.color2 {background: #ce2856; border: 1px solid #ce2856; color: #fff;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 35px; padding-right: 20px; cursor: pointer;}
.file-btn.add {background: #ececec url('../images/ico-file-add.png') no-repeat 10px center; margin-right: 5px;}
.file-btn.del {background: #ececec url('../images/ico-file-del.png') no-repeat 14px center;}

.del-btn {position: relative; top: -1px; display: inline-block; width: 15px; height: 15px; background: #6a6a6a url('../images/btn-del.png') no-repeat center center; cursor: pointer; text-indent: -9999px; margin-left: 5px; vertical-align: middle;}

@media all and (max-width: 420px) {
    .board-button .btn-mine,
    .board-button.view .btn-mine {width: 100%;}
    .board-button .btn-control,
    .board-button.view .btn-control {width: 100%;}
    .board-button .btn-deco {display: block; width: 100%; margin: 0 0 10px 0;}
}

.no-data { text-align: center; }

/** 달력영역 **/
.box_iC button{font-size:18px;}

.calendarWrap{margin-top:30px;}

.calendar-tr-1{width: auto;}
.calendar-tr-2{width: 14.2%;}
.calendar-tr-3{width: 14.2%;}
.calendar-tr-4{width: 14.2%;}
.calendar-tr-5{width: 14.2%;}
.calendar-tr-6{width: 14.2%;}
.calendar-tr-7{width: 14.2%;}

.calendar_control{display:flex;align-items:center;justify-content:center;line-height:1;}
.calendar_control strong{font-size:25px;padding:0 20px;}
.calendar_control a{font-size:0;width:40px;height:40px;background:url(../images/arrow_5_b.png) no-repeat center;}
.calendar_control a.next{}

.calendar_area{margin-top:30px;}
.calendar_area table{}
.calendar_area table th{border-left:1px solid #FFF;padding:12px 15px;background:#EEE;}
.calendar_area table td{border:1px solid #EEE;padding:15px;position:relative;height:150px;}
.calendar_area table td .calendar-header::after{content:""; display: table; clear: both;}
.calendar_area table td span{/*position:absolute;left:15px;top:15px;*/font-size:18px;font-family:'Noto Medium'; /*text-decoration:underline;*/}
.calendar_area table td span.calendar-time{font-size: 14px; line-height: 20px; display: block; float: left; color: #666 !important;}
.calendar_area table th.sat span,
.calendar_area table td.sat span a{color:#3082d6;}
.calendar_area table th.sun span,
.calendar_area table td.sun span a{color:#cb2026;}
.calendar_area table th.sat{color:#3082d6;}
.calendar_area table th.sun{color:#cb2026;}
.calendar_area table td.notReserv{background:#f5f5f5;}
.calendar_area table td.notReserv span{text-decoration:none;}
.calendar_area table td i{position:absolute;bottom:8px;right:8px;font-size:20px;color:#111;}

.reserv_area{}
.reserv_area h3{padding:25px 0;font-family:'Noto Medium';font-size:22px;text-align:center;}
.reserv_area div{display:flex;justify-content:space-between;}
.reserv_area dl{border:1px solid #DDD;padding:20px;width:100%;}
.reserv_area dl dt{font-family:'Noto Medium';padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DDD;}
.reserv_area dl dd{display:flex;justify-content:space-between;padding:5px 0;}
.reserv_area dl dd span{font-family:'Noto Regular';}
.reserv_area dl dd button{display:inline-block;padding:3px 10px;background:#666;color:#FFF;margin-left:10px;font-size:14px;border-radius:30px;}
.reserv_area dl:nth-child(2){margin:0 20px;}

.eqpmnWrap{}
.eqpmnWrap .form_wrap{border-top:2px solid #222;padding-top:15px;}
.eqpmnWrap .form_wrap dl{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EEE;padding-bottom:15px;margin-bottom:15px;}
.eqpmnWrap .form_wrap dl:last-child{border-bottom:2px solid #222;}
.eqpmnWrap .form_wrap dt{width:200px;font-family:'Noto Medium';}
.eqpmnWrap .form_wrap dd{width:calc(100% - 200px);}
.eqpmnWrap .form_wrap dd input[type=text],
.eqpmnWrap .form_wrap dd select{display:inline-block;height:40px;font-size:18px;}
.eqpmnWrap .form_wrap dd input[type=text]{padding:0 5px;}
.eqpmnWrap .form_wrap dd input[type=radio]{margin-right:5px;vertical-align:1px;}
.center.mt30 input,
.eqpmnWrap .center input{font-size:18px;cursor:pointer;}

.wF{width:100%;margin-bottom:5px;height:80px !important;padding:5px;}

@media all and (max-width:768px){
	.reserv_area div{display:block;}
	.reserv_area dl:nth-child(2){margin:20px 0;}
	.eqpmnWrap .form_wrap dl{display:block;}
	.eqpmnWrap .form_wrap dt,
	.eqpmnWrap .form_wrap dd{width:100%;}
	.eqpmnWrap .form_wrap dt{margin-bottom:10px;}
}


/* 문화행사 안내 달력 */
.calendar_control{text-align: center;}
.calendar_control-box{display: inline-block;}
.calendar_control-box a{display: inline-block; text-indent: -9999px; width: 40px; height: 40px; vertical-align: top;}
.calendar_control-box a.prev{background: url(../images/calendar_prev.png) no-repeat center center;}
.calendar_control-box a.prev:hover{background: url(../images/calendar_prev_on.png) no-repeat center center;}
.calendar_control-box a.next{background: url(../images/calendar_next.png) no-repeat center center;}
.calendar_control-box a.next:hover{background: url(../images/calendar_next_on.png) no-repeat center center;}
.calendar_control-box strong{font-family: "Noto Medium"; font-size: 30px; color: #000000; line-height: 40px; display: inline-block; margin: 0 28px;}
.calendar_area{margin-top: 40px;}
.calendar_area table{position: relative; border: 1px solid #c9c9c9;}
.calendar_area table::before{content:""; display: block; position: absolute; width: 100%; height: 2px; background-color: black; left: 0; top: -1px;}
.calendar_area thead th{background-color: #eef5fa; font-family: "Noto Regular"; color: #333333; border-bottom: 1px solid #c9c9c9; padding: 14px 0 10px; border-left: 1px solid #c9c9c9;}
.calendar_area thead th:first-child{border-left: 0;}
.calendar_area thead th.sun{color: #ff0000;}
.calendar_area thead th.sat{color: #003dea;}
.calendar_area tbody td{text-align: left; font-family: "Noto Regular"; color: #666666; font-size: 16px; border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; vertical-align: top; height: 160px; padding: 20px;}
.calendar_area tbody td a{color: #666666;}
.calendar_area tbody td.sun,
.calendar_area tbody td.sun a{color: #ff0000}
.calendar_area tbody td.sat,
.calendar_area tbody td.sat a{color: #003dea}
.calendar_area tbody td a{position: relative; margin-bottom: 18px; display: block;}
.calendar_area tbody td a:last-child{margin-bottom: 0;}
.calendar_area tbody td .calendar-type{display: block; width: 45px; height: 20px; border-radius: 20px; text-align: center; color: white; font-family: "Noto Medium"; font-size: 13px; line-height: 20px; float: left; margin-right: 10px; float: left;}
.calendar_area tbody td .calendar-type.typ1{background-color: #ff9600;}
.calendar_area tbody td .calendar-type.typ2{background-color: #ea5450;}
.calendar_area tbody td .calendar-type.typ3{background-color: #1ac597;}
.calendar_area tbody td .calendar-type.typ4{background-color: #6a62eb;}
.calendar_area tbody td .calendar-type.typ5{background-color: #333333;}
.calendar_area tbody td .calendar-name{font-size: 15px; line-height: 20px; color: #333333; display: block; font-family: "Noto Light"; margin-top: 5px;}

@media all and (max-width: 1023px) {
    .calendar_area tbody td{padding: 10px;}
    .calendar_area tbody td .calendar-type{float: none; margin-bottom: 5px;} 
}

/* 이미지 크게 보기 **/
.bigPictureWrapper {
	position: fixed;
	display: none;
	justify-content: center;
	align-items: center;
	top:0;
    left: 0;
	width:100%;
	height:100%;
	background-color: gray; 
	z-index: 100;
	background:rgba(0,0,0,0.5);
}
.bigPictureBox{position: relative;}
.bigPicture {
	position: relative;
	display:flex;
	justify-content: center;
	align-items: center;
    padding: 0 20px;
}

.bigPicture.longWidth img{max-width: 800px;}
.bigPicture.longHeight img{max-height: 800px;}

.bigPicClose{position: absolute; right: 20px; top: -40px; width: 32px; height: 32px; text-indent: -9999px; background: url(../images/white_close.png);}