@charset "UTF-8";


/* 갤러리 리스트 */
.galleryList {border-top:2px solid #464646; border-bottom:1px solid #bfbfbf; clear:both; overflow:hidden; padding:1.5rem 0}
.galleryList ul li {float:left; width:31.25%; margin-right:3.126%; position:relative; overflow:hidden; top:0; transition:all .3s; overflow:hidden}
.galleryList ul li:nth-child(3n) {margin-right:0}
.galleryList ul li:nth-child(n+4) {margin-top:1.5rem}
.galleryList ul li a {border:1px solid #e4e4e4; color:#333; display:block; position:relative}
.galleryList ul li .thumb {background:#e6e6e6 url('/main/img/contents/no-image.png') no-repeat 130% 135%; display:block; overflow:hidden; width:100%; height:250px; margin:0 auto; text-align:center}
.galleryList.award ul li .thumb {height:420px}
.galleryList ul li .thumb img {display:block; width:100%; height:100%; text-indent:-9999px; font-size:0; color:transparent}
.galleryList ul li span.txt {display:block; font-size:0.8rem; height:auto; padding:1.25rem; position:relative}
.galleryList ul li span.txt strong {color:#000; display:block; font-size:1rem; font-weight:500; margin-bottom:5px; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .4s}
.galleryList ul li span b {color:transparent; font-size:0}
.galleryList ul li span.con > span:after {content:''; background-color:#bbb; width:1px; height:10px; display:inline-block; margin:0 0.5rem}
.galleryList ul li span.con > span:last-child:after {display:none}
/*새글 아이콘*/
.galleryList ul li span.txt strong i.new {background-color:#ed6c5f; display:inline-block; border-radius:100%; width:15px; height:15px; margin-right:5px; vertical-align:0; position:relative}
.galleryList ul li span.txt strong i.new:before {content:'N'; color:#fff; font-size:10px; position:absolute; width:100%; line-height:15px; text-align:center}
/*효과
.galleryList ul li a:hover .thumb img {transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); o-transform: scale(1.1, 1.1)}
*/
/*아이콘*/
.galleryList ul li a span.name:before {content:'\ea28'; font-size:14px; font-family:'fontIcon' !important; vertical-align:-1px; margin-right:5px} /*작성자*/
.galleryList ul li a span.date:before {content:'\e94b'; font-size:14px; font-family:'fontIcon' !important; vertical-align:-1px; margin-right:5px} /*작성일*/
.galleryList ul li a span.hit:before {content:'\e975'; font-size:14px; font-family:'fontIcon' !important; vertical-align:-1px; margin-right:5px} /*조회수*/

/* 웹진형 */
.webzineList ul li {border:1px solid #ddd; margin-bottom:25px; width:100%}
.webzineList ul li:last-child {margin-bottom:0}
.webzineList ul li a {clear:both; display:block; overflow:hidden}
.webzineList ul li a:hover .txtbox strong {text-decoration:underline}
.webzineList ul li .thumb {display:block; float:left; width:30.66%}
.webzineList ul li .thumb img {display:block; width:100%; height:200px; transition:all .3s}
.webzineList ul li .txtbox {border-top:0; display:block; float:left; padding:3%; width:69.34%}
.webzineList ul li .txtbox strong {color:#000; display:inline-block; font-size:18px; font-weight:500; position:relative; width:99.9%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
/*
.webzineList ul li .txtbox strong:before {content:'';  background:#000; width:0; height:1px; position:absolute; left:0; bottom:0; transition:all .3s}
.webzineList ul li a:hover .txtbox strong:before {width:100%}
*/
.webzineList ul li .txtbox .con-txt {display:block; height:50px; overflow:hidden; margin:15px 0}
.webzineList ul li .txtbox span {font-size:14px}


.content_body input {border: 1px solid #ddd; padding: .4rem .7rem}
.content_body input[type="file"] {border: none}/* 2019-04-24 SY,CHo */
.content_body input:focus, .content_body select:focus, .content_body textarea:focus {border-color: #555; outline: 0}
.content_body input::-moz-placeholder {color: #999; opacity: 1}
.content_body input:-ms-input-placeholder {color: #999}
.content_body input::-webkit-input-placeholder {color: #999}
.content_body input[disabled], .content_body input[readonly] {background-color: #eee; opacity: 1}
.content_body input[disabled] {cursor: not-allowed}

#ui-datepicker-div {width: 11.1rem; padding: 0; margin-top: .2em; border: 1px solid #333; background-color: #fff; z-index: 3}
#ui-datepicker-div.ui-datepicker table {width: 89.5%; margin: .8em}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {background-color: #000; color: #fff}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-title {margin: 0}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {color: #fff; top: 7px; text-align: center}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {content: '\e93d'; font-family: "fontIcon"}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next {color: #fff; top: 7px; text-align: center}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {content: '\e940'; font-family: "fontIcon"}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td {font-size: .6rem}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td a {text-align: center}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:first-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:first-child {color: #cb152b}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar th:last-child, #ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td:last-child {color: #116eb4}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {background-color: #eee; border-radius: 3px}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar .ui-state-active {background-color: #333; color: #fff; border-radius: 3px}

/*영상자료게시판 상세보기*/
.media_cont {text-align: center; position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 1rem}
.media_cont iframe {position: absolute; width: 100%; height: 100%; left: 0; background-color: #000}

.media_textarea {height: 15rem; overflow-y: auto; background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: 1.5rem 1rem}
.media_textarea::-webkit-scrollbar {width: 14px}
.media_textarea::-webkit-scrollbar-thumb {background-color: #d3d8dd; border: 3px solid #fff; border-radius: 6px}
.media_textarea::-webkit-scrollbar-track {background-color: #fff}

/*공공누리*/
.codeView01 {background-color: #f5f6fa; border: 1px solid #e1e6eb; padding: .8rem 1rem}
.codeView01 img {margin: 0 1rem 0 0; display: inline-block; vertical-align: middle}

div.tstyle_list > ul, div.tstyle_view > ul {margin: 0}
div.tstyle_list > ul > li::before, div.tstyle_view > ul > li::before {display: none}

.custom-input {position: relative; margin: 2rem 0}
.custom-input input[type="checkbox"], .custom-input input[type="radio"] {position: absolute; left: 0; top: 0; opacity: 0}
.custom-input input[type="checkbox"] + label, .custom-input input[type="radio"] + label {display: inline-block; position: relative; padding-left: 1.6rem; margin-right: 1rem}
.custom-input input[type="checkbox"] + label::before, .custom-input input[type="radio"] + label::before {content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 19px; border: 1px solid #c7c7c7; cursor: pointer}
.custom-input input[type="radio"] + label::before {border-radius: 50%}
.custom-input input[type="radio"] + label::after {content: ""; display: block; opacity: 0; width: 9px; height: 9px; background-color: #333; border-radius: 50%; position: absolute; left: 5px; top: 8px; z-index: 2}
.custom-input input[type="checkbox"] + label::after {content: "\e929"; width: 19px; height: 19px; text-align: center; background-color: #333; border: 1px solid #333; color: #fff; font: normal 16px "fontIcon"; position: absolute; left: 0; top: 3px; z-index: 2; cursor: pointer; opacity: 0}
.custom-input input[type="checkbox"]:focus + label::before, .custom-input input[type="radio"]:focus + label::before {border-color: #333}
.custom-input input[type="checkbox"]:checked + label::after, .custom-input input[type="radio"]:checked + label::after {opacity: 1}
.formLine.hasDatepicker {margin-bottom: .2rem}

.satisfy-choice li {display: inline-block}

/* 레이어 팝업 */
.popup_layer .popup_close {background-color: #333; color: #fff; padding: .5rem .75rem}
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::before, .popup_layer .popup_close .custom-input input[type="radio"] + label::before {border-color: #fff; background-color: #fff}
.popup_layer .popup_close .custom-input input[type="checkbox"] + label::after {background-color: #fff; border-color: #fff; color: #333}
.popup_layer .popup_close label {font-size: .75rem}
.popup_layer .popup_close a {float: right}
.popup_layer .popup_close a i {margin-right: .2rem}

@media screen and (max-width:999px) {
	.galleryList ul li {width:48%; margin-right:4%}
	.galleryList ul li:nth-child(3n) {margin-right:4%}
	.galleryList ul li:nth-child(2n) {margin-right:0}
	.galleryList ul li:nth-child(n+3) {margin-top:1.5rem}
}
@media screen and (max-width: 768px) {
	
	.basicTabWrap .depth4 li {display: block; width: 33.33%; white-space: nowrap; float: left}

	/*listDown 리스트 ex-수상내역 */
	.listDown .answer ul {column-count: 1; -webkit-column-count: 1; -moz-column-count: 1}
}

@media screen and (max-width:640px) {
	.galleryList ul li {width:100%}
	.galleryList ul li:nth-child(n+2) {margin-top:1.5rem}
}