@charset "UTF-8";

#album-container {
	
}
/******************************************************
	common
******************************************************/
/******************************************************
	List
******************************************************/

#album-container .list-warp ul.gallery,
#album-container .list-warp ul.list{
	overflow: hidden;
	_position: relative;
	_width: 100%;
}
#album-container .list-warp ul.gallery{
}
#album-container .list-warp ul.gallery > li,
#album-container .list-warp ul.list > li{
	padding: 26px 0;
	margin:0 auto;
	border-bottom:1px solid #ddd
}	
#album-container .list-warp ul.gallery li div.thumb
#album-container .list-warp ul.list li div.thumb{
	overflow: hidden;
}
#album-container .list-warp ul.gallery li div.thumb a{
	display: block;
	width: 100%;
	margin: auto;
	height: 130px;
	overflow: hidden;
}

#album-container .list-warp ul.list li div.thumb a{
	display: block;
	width: 100%;
	margin: auto;
	overflow: hidden;
}
#album-container .list-warp ul.gallery li div.thumb a img{
	width: 100%;
	height: 100%;
}
#album-container .list-warp ul.list li div.thumb a img{
	width: 100%;
}
#album-container .list-warp ul.gallery li dl,
#album-container .list-warp ul.list li dl{
	overflow: hidden;
}
#album-container .list-warp ul.gallery li dl dt,
#album-container .list-warp ul.list li dl dt{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	letter-spacing: -0.6px;
	margin-bottom: 5px;
	font-size: 30px;
}
#album-container .list-warp ul.gallery li dl dt strong{font-weight:800;}
#album-container .list-warp ul.gallery li dl dt a{
	vertical-align:middle;
}
#album-container .list-warp ul.gallery li dl .contents{display:none}
#album-container .list-warp ul.gallery li dl .weekFarm > ul{overflow: hidden;}
#album-container .list-warp ul.list li dl dt{
	font-size:32px;
	line-height: .9;
	margin-bottom: 20px;
}
#album-container .list-warp ul.gallery li.no_result,
#album-container .list-warp ul.list li.no_result{
	width: 100%;
	text-align: center;
	padding: 50px 0;
}
#album-container .list-warp ul.gallery li.no_result{
	min-height:auto;
}

#album-container .list-warp ul.gallery > li{
}
#album-container .list-warp ul.gallery li .galleryList{
	margin:10px;
	border:1px solid #d8d8d8;
}
#album-container .list-warp ul.gallery li div.thumb,
#album-container .list-warp ul.gallery li dl{
	margin: 0 auto;
	display: block;
	min-height:250px;
}
#album-container .list-warp ul.gallery li dl{
	margin:10px;
}
#album-container .list-warp ul.gallery li dl dt a{
	width:180px;
	overflow:hidden;
	display:inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#album-container .list-warp ul.gallery li div.thumb{
	margin-bottom: 7px;
}
#album-container .list-warp ul.gallery li div.thumb a{
}
#album-container .list-warp ul.gallery li dl dd.name{
	float: left;
}
#album-container .list-warp ul.gallery li dl dd.date{
	font-size: 12px;
	font-family: verdana;
	letter-spacing: -0.6px;
}

#album-container .list-warp ul.list li{
	display: block;
	overflow: hidden;
	_position: relative;
	_width: 100%;
}

#album-container .list-warp ul.list{border-top:2px solid #6c6c6c}
#album-container .list-warp ul.list li.info-weight{padding:0;line-height: 2;}
#album-container .list-warp ul.list li.info-weight strong{display:inline-block;min-width:60px;margin-right:10px}
#album-container .list-warp .weekFarmBtn{display:inline-block;margin-top:10px}
#album-container .list-warp .weekFarmBtn span{}
#album-container .list-warp .weekFarmBtn span input{font-size:15px;padding:5px 20px;border-radius:20px;}

#album-container .list-warp ul.list li div.thumb{
	float: left;
	max-width: 500px;
	margin: 0 60px 0 0;
	overflow:hidden;
	width: 50%;
	border: 1px solid #dddddd;
	min-height:250px;
	max-height:330px;
	background: url(../images/no-img.jpg)no-repeat center;
}
#album-container .list-warp ul.list li div.thumb img{
	width:100%;
}
#album-container .list-warp ul.list li div.thumb a{	
}
#album-container .list-warp ul.list li dl{
	margin-right: 10px;
	overflow: hidden;
	_position: relative;
}
#album-container .list-warp ul.list li:hover{
	background-color:#fcfcfe;
}
#album-container .list-warp ul.list li dl dd.name,
#album-container .list-warp ul.list li dl dd.date,	
#album-container .list-warp ul.list li dl dd.hit{
	float: left;
	font-size: 12px;
	letter-spacing: -0.6px;
	margin:10px 15px 10px 0;
	height: 20px;
}
#album-container .list-warp ul.list li dl dd.name{
	_clear: right;
}
#album-container .list-warp ul.list li dl dd.contents{
	clear: both;
	font-size:18px;
	margin-top: 10px;
	__height: 50px;
	overflow: hidden;
	line-height: 160%;
	_position: absolute;
	_top: 40px;
	_left: 0;
	_margin: 0;
	_clear: none;
	margin: 0 0 10px 0;
}

/******************************************************
	gallery
******************************************************/
#album-container .list-warp .gallery{}
#album-container .list-warp .gallery:after{content:"";display:block;clear:both}
#album-container .list-warp .gallery li{}
#album-container .list-warp .gallery li .thumb{

	max-width: 500px;
	margin: 0 60px 0 0;
	overflow:hidden;
	width: 100%;
	border: 1px solid #dddddd;
	height: 300px;
	background: url(../images/no-img.jpg)no-repeat center;
	
}
#album-container .list-warp .gallery li .thumb img{width:100%;height: 100%;}
#album-container .list-warp ul.gallery li dl dd.name,
#album-container .list-warp ul.gallery li dl dd.date,	
#album-container .list-warp ul.gallery li dl dd.hit{float: left;font-size: 12px;letter-spacing: -0.6px;
	margin:10px 15px 10px 0;
	height: 20px;
}
#album-container .list-warp ul.gallery{border-top:2px solid #6c6c6c;display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between}
#album-container .list-warp ul.gallery li.info-weight{padding:0;line-height: 2;}
#album-container .list-warp ul.gallery li.info-weight strong{display:inline-block;min-width:60px;margin-right:20px;font-weight:600;}


#album-container .list-warp ul.list li div.thumb{
	float: left;
	max-width: 500px;
	margin: 0 60px 0 0;
	overflow:hidden;
	width: 50%;
	border: 1px solid #dddddd;
	height: 330px;
	background: url(../images/no-img.jpg)no-repeat center;
}

@media all and (max-width:1024px) {
 #album-container .list-warp ul.gallery {
    grid-template-columns: 48% 48%;
}
}
@media all and (max-width:767px) {
 #album-container .list-warp ul.gallery {
    grid-template-columns: 100%;
}
	#album-container .list-warp ul.gallery li dl{
    min-height: auto;
}
#album-container .list-warp ul.gallery li div.thumb{height:300px;}
}

/******************************************************
	list + view / weekFarm(�ָ�����)
******************************************************/

._obj{}
._obj ._fnctWrap{font-size: 16px;}
._obj ._fnctWrap .board-view-info{}
._obj ._fnctWrap .board-view-info .view-detail{}
._obj ._fnctWrap .board-view-info .view-detail .view-util{margin-bottom:20px;border-bottom:2px solid #000}
._obj ._fnctWrap .board-view-info .view-detail .view-util:after{content:"";display:block;clear:both}
._obj ._fnctWrap .board-view-info .view-detail .view-util .write{float: left;}
._obj ._fnctWrap .board-view-info .view-detail .view-util .write dt{display:inline-block;font-weight:bold;margin-right:10px}
._obj ._fnctWrap .board-view-info .view-detail .view-util .write dd{display:inline-block}
._obj ._fnctWrap .board-view-info .view-detail .view-util .count{float: right;}
._obj ._fnctWrap .board-view-info .view-detail .view-util .count dt{display:inline-block}
._obj ._fnctWrap .board-view-info .view-detail .view-util .count dd{display:inline-block}

._obj ._fnctWrap .view-con{margin-left:20px}
._obj ._fnctWrap .view-con .view-img{display:inline-block;width:50%;max-width:500px;height:300px;background: url(../images/no-img.jpg)no-repeat center;}
._obj ._fnctWrap .view-con .view-wrap{display: inline-block;width: calc(60% - 40px);float: right; margin-left: 30px; padding-right: 30px;}
._obj ._fnctWrap .view-con .view-wrap .view-title{
    font-size: 30px;
    line-height: .9;
    margin-bottom: 20px;
}
._obj ._fnctWrap .view-con .view-wrap .summary{
    margin-bottom: 20px;
}
._obj ._fnctWrap .view-con .view-wrap p{
    line-height: 32px;
    font-size: 18px;
}
._obj ._fnctWrap .view-con .view-wrap p strong{font-weight:bold;margin-right:6px;display:inline-block}

._obj ._fnctWrap .view-con .view-cont{
    margin-top: 40px;
    padding: 40px;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #000;
}
._obj ._fnctWrap .board-button.view{}
._obj ._fnctWrap .board-button.view .btn-control{text-align:right;margin-top: 40px;}
._obj ._fnctWrap .board-button.view .btn-control input{color:#fff;background:#888;padding:5px 20px;font-size:15px;border-radius:20px;}







/* ���� table */
._obj ._fnctWrap .view-con .view-cont table{
	border-top-color: #7d7d7d ;
	border-top-style: solid ;
	border-top-width: 2px ;
	border-left-color: #ddd ;
	border-left-style: solid ;
	border-left-width: 0px ;
	background-color: #fff;
	border-right: 2px solid #fff;
	width: 100%;
	margin:10px 0;
}
._obj ._fnctWrap .view-con .view-cont  table .Hgray{
	background-color:#fdfdfd;
}
._obj ._fnctWrap .view-con .view-cont  table th,
._obj ._fnctWrap .view-con .view-cont table td{
	border-width: 0 1px 1px 0;
	border-color: #ddd;
	padding: 6px;
	text-align: center;
	font-size:13px;
}
._obj ._fnctWrap .view-con .view-cont  table th{
	background-color: #f3f3f3;
}      
/* //���� table */


#album-container .weekviewdata dt{
	color:#2675ab;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
#album-container .weekviewdata ul li{
	margin:10px 0;
	position:relative;
	padding-left:8px;
}
#album-container .weekviewdata ul li:before{
	content:'';
	position:absolute;
	display:block;
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background-color:#7e7e7e;
}
#album-container .weekView .contents{
	overflow:hidden;
	padding:20px;
	border-top:1px solid #ddd;
}
#album-container .weekView .contents .morec{
	font-weight:bold;
	color:#000;
	font-size:15px;
	margin:5px 0 15px;
}
#album-container .weekView #gtb_navi #gtbnIn{
	border:none;
	padding:0;
	height:60px;
}
#album-container .weekView #gtb_navi #gtbnIn #gt_sImg{
	margin-left:0;
	height:65px;
}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li{
	/*width:250px;
	height:150px;*/
	overflow:hidden;
}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li p img{
	width:100% !important;
}
#album-container .weekView #gtb_navi {
	margin-top:5px;
}
#album-container .weekView #gtb_navi #gtbnIn ul li{
	width:74px;
	height:50px;
}
#album-container .weekView #gtb_navi #gtbnIn ul li img{
	width:74px;
	height:50px;
}
#gellery_typeB .gallery_typeImgWrap #imgViewDiv li a img{
	max-width:100%;
}





/* Date Search */
.board-date {text-align: center; background: #f5f6f8; padding: 20px; margin-bottom: 30px;}
.board-date label {color: #333; font-size: 18px; margin: 0 15px; padding-left: 30px; background: url('../images/icon-cal.png') no-repeat left center;}
.board-date input {background: #fff; padding: 0 10px; font-family: 'Noto Light'; font-size: 16px; height: 40px; line-height: 40px; border: 1px solid #ccd0d7;}
.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;}



/* 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: #333;}
.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: #9d9d9d; 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: #9d9d9d;}
.board-search .box-search input::placeholder {color: #9d9d9d;}
.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;}


/* 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;}
._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;}
._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;}



/* 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;}



/*******************

artclView CSS
********************/
.view-img{width: 52.85%;position:relative;}
.view-img::after{content: '';display: block; clear: both;}
.view-img .slider-for{float: left; width: 81%;}
/* .view-img .slider-for img{width:100%;} */
.view-img .slider-for img{width:500px;height:300px;}
.view-img .slider-nav{float: right;width: 16.3%;position: relative;padding-bottom: 50px;margin-top:-10px;}
.view-img .slick-list{width:100%;}
.view-img .slick-vertical .slick-slide{margin: 10px 0; position: relative; cursor: pointer;}

.view-img .slick-vertical .slick-slide:hover::before{content: ''; width: 100%; height: 100%; border: 4px solid #7B50DA; position: absolute; top: 0; left: 0;}
.view-img .slider-nav button{text-indent: -999999px;  border: 1px solid #D7D7D7; }
.view-img .slider-nav .slick-prev{position: absolute; bottom: 0; right: 0; width: 50%; height: 40px; background: #fff; border: 1px solid #D7D7D7; background: url(../images/down-arrow-ic.png) no-repeat center center;}
.view-img .slider-nav .slick-next{position: absolute; bottom: 0; left: 0; width: 50%; height: 40px; background: #fff; border-right:none; background: url(../images/up-arrow-ic.png) no-repeat center center;}

.view-img .slick-slider .slick-arrow{display:none !important;width: 100%; position: absolute; top: 40%; }
.view-img .slick-slider button{text-indent: -99999px;}
.view-img .slick-slider .slick-prev{display:none; position: absolute;left: 0;background: rgba(0, 0, 0, 0.05) url(../images/prev-ic.png) no-repeat center center;width: 50px;height: 50px;border-radius: 50%;z-index: 1;background-size:60%;}
.view-img .slick-slider .slick-next{display:none; position: absolute;right: 0;background: rgba(0, 0, 0, 0.05) url(../images/next-ic.png) no-repeat center center;width: 50px;height: 50px;border-radius: 50%;background-size:60%;}
.view-img .slider-nav img{width:81px; height:60px;}
.slick-num { display : none; }