@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;
	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;margin-top: 20px;}
#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{
	float: left;
	width: 33%;
	min-height:220px;
}
#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;
	position: relative;
	overflow: inherit;
}
#album-container .list-warp ul.gallery li dl:after{content:"";position:absolute;top:0;bottom:0;left: -20px;width:1px;background:#ddd}
#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{display: none;}
#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%;
	width: 33%;
}

#album-container .list-warp ul.list{border-top:2px solid #6c6c6c;display: flex;flex-wrap: wrap;}
#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;font-weight: bold;max-width: 100px;}
#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;
	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%}
#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: flex;flex-wrap: wrap;}
#album-container .list-warp ul.gallery li.info-weight{padding: 0;line-height: 2;position: relative;}
#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;
	display: none;
}



/******************************************************
	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{}
._obj ._fnctWrap .view-con .view-img{display:inline-block;width:50%;max-height: 500px;min-height: 400px;background: url(../images/no-img.jpg)no-repeat center;}
._obj ._fnctWrap .view-con .view-wrap{display: inline-block;width: calc(50% - 40px);float: right;}
._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;}

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

/* Search */
.board-search {display: none;width: 1400px;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;}

@media all and (max-width: 1024px) {
#album-container .list-warp ul.gallery > li{width: 48%;}
#album-container .list-warp ul.gallery li.info-weight{font-size: 20px;}	
}

@media all and (max-width:1000px) {
	
._obj ._fnctWrap .view-con .view-img{display:block;width:100%;text-align:center}
._obj ._fnctWrap .view-con .view-wrap{float:unset;display:block;margin-top:40px;width:100%}	
._obj ._fnctWrap .view-con .view-cont{padding:40px 0}	
}

@media all and (max-width: 900px) {
	#album-container .list-warp ul.list li div.thumb{float: unset;min-width: 100%;}
	#album-container .list-warp ul.list li dl{width:100%;margin-top: 20px;}
    ._paging {padding: 60px 0 30px 0;}
}

@media all and (max-width:860px) {
  
}

@media all and (max-width: 750px) {
    ._paging {padding:  40px 0 20px 0;}
    ._paging > ._inner > ul {display: none;}
    ._paging ._inner ._pageState {display: block;}
	#album-container .list-warp ul.gallery > li{{width:100%}
}


@media all and (max-width:640px) {
	.board-search{width:100%}
    .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-sel {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .board-search .box-sel select {min-width: auto; width: 100%;}
    .board-search .box-search {display: table-cell;}
	#album-container {width: 100%}
	#album-container .list-warp ul.gallery li.info-weight strong{min-width: 38px;}
	#album-container .list-warp ul.gallery > li{width:100%}
	#album-container .list-warp ul.gallery > li dl{font-size:14px}
	#album-container .list-warp ul.gallery > li dl:after{display:none}
	#album-container .list-warp ul.gallery li dl dt, #album-container .list-warp ul.list li dl dt{line-height: 1;}

    .board-date .line {display: block;}
    .view-navi {display: none;}
}