@charset "utf-8";
/* pagination */
.paginate {gap: 1rem; margin: 8rem 0 0 0;}
.paginate > a {width: 4rem; height: 4rem; background-position: center !important; border: none; margin: 0;}
.paginate > a.pgFirst {background-image: url('/humanframe/theme/digitalgoods/assets/img/sub/board/board_first.png');}
.paginate > a.pgPrev {background-image: url('/humanframe/theme/digitalgoods/assets/img/sub/board/board_prev.png');}
.paginate > a.pgNext {background-image: url('/humanframe/theme/digitalgoods/assets/img/sub/board/board_next.png');}
.paginate > a.pgEnd {background-image: url('/humanframe/theme/digitalgoods/assets/img/sub/board/board_last.png');}
.paginate .number {margin: 0 2rem; gap: 2rem;}
.paginate .number a, .paginate .number strong {display: block; width: auto; height: auto; margin: 0; border: none; border-radius: 0; font-size: 1.8rem; color: #222222;}
.paginate .number strong {background-color: transparent; font-weight: 700; text-decoration: underline;}
.paginate a:hover, .paginate a:focus {background-color: transparent;}
/* pagination */

/* bdInfoWrap */
.bdInfoWrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.bdInfoWrap .bdTotal {font-size: 2rem; color: #222222;}
.bdInfoWrap .bdTotal span {font-weight: 700;}
.bdInfoWrap .sortBtn {display: flex; gap: 1rem;}
.bdInfoWrap .sortBtn button {width: 8rem; height: 4.2rem; border-radius: 2.1rem; border: 1px solid #dddddd; font-size: 1.8rem; color: #222222;}
.bdInfoWrap .sortBtn button.on {font-weight: 600; color: #016fed; border-color: #016fed;}

@media screen and (max-width: 768px) {
    .bdInfoWrap .bdTotal {font-size: 1.8rem;}
    .bdInfoWrap .sortBtn {gap: 0.7rem;}
    .bdInfoWrap .sortBtn button {width: 6.8rem; height: 3.5rem; font-size: 1.5rem;}
}
/* bdInfoWrap */

/* photoBdList */
.photoBdList {display: flex; flex-wrap: wrap; gap: 6rem 4rem;}
.photoBdList>li {width: calc(25% - 3rem);}
.photoBdList>li:hover {transform: translateY(-1rem);}
.photoBdList>li a {position: relative;}
.photoBdList>li a .imgBx {height: 24rem; border-radius: 1.5rem; overflow: hidden; background: #f8f8f8; margin-bottom: 2.2rem; text-align: center;}
.photoBdList>li a .imgBx .icon {position: absolute; top: 1rem; left: 1rem; z-index: 1;}
.photoBdList>li a .imgBx img:not(.icon img) {height: 100%; object-fit: cover;}
.photoBdList>li a .imgBx hover-video-player {height: 100%;}
.photoBdList>li a .imgBx video {display: block; height: 100%; object-fit: cover;}
.photoBdList>li a .textBx .tit {font-size: 2.4rem; font-weight: 700; color: #222222; margin-bottom: 2.1rem; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.photoBdList>li a .textBx .tagList {display: flex; flex-wrap: wrap; gap: 1rem;}
.photoBdList>li a .textBx .tagList li {padding: 0.8rem 1.4rem; border-radius: 1.8rem; background: #f3f3f3; font-size: 2rem; color: #666666;}

@media screen and (max-width: 1026px) {
    .photoBdList {gap: 5rem 3rem;}
    .photoBdList>li {width: calc(33.333% - 2rem);}
    .photoBdList>li a .imgBx {height: 20rem;}
    .photoBdList>li a .textBx .tit {font-size: 2.2rem;}
}

@media screen and (max-width: 768px) {
    .photoBdList {gap: 4rem 2rem;}
    .photoBdList>li {width: calc(50% - 1rem);}
    .photoBdList>li a .imgBx {height: 18rem;}
    .photoBdList>li a .textBx .tagList {gap: 0.6rem;}
    .photoBdList>li a .textBx .tagList li {font-size: 1.8rem; padding: 0.6rem 1.2rem;}
}

@media screen and (max-width: 480px) {
    .photoBdList {gap: 3rem;}
    .photoBdList>li {width: 100%;}
}
/* photoBdList */

/* photoBdView */
.photoBdView {display: flex; gap: 7rem;}
.photoBdView .photoSlideBx {width: 61%; overflow: hidden; flex-shrink: 0;}
.photoBdView .photoSlide1 {margin-bottom: 2rem;}
.photoBdView .photoSlide1 .zoomBtn {position: absolute; bottom: 1rem; left: 1rem; display: flex; align-items: center; justify-content: center; width: 3.8rem; height: 3.8rem; border-radius: 1rem; border: 1px solid #dddddd; background: #fff; z-index: 1;}
.photoBdView .photoSlide1 .badge {width: max-content; padding: 0.6rem 2rem; position: absolute; top: 1rem; left: 1rem; border-radius: 1.8rem; background: rgba(0,0,0,0.5); font-size: 1.8rem; color: #ffffff; z-index: 1;}
.photoBdView .photoSlide1 .swiper-slide {height: 62rem; border-radius: 2rem; overflow: hidden; background: #f8f8f8;}
.photoBdView .photoSlide1 .swiper-slide>img {display: block; height: 100%; object-fit: cover; margin: 0 auto;}
.photoBdView .photoSlide1 .swiper-slide hover-video-player,
.photoBdView .photoSlide2 .swiper-slide hover-video-player {display: flex; height: 100%;}
.photoBdView .photoSlide1 .swiper-slide video,
.photoBdView .photoSlide2 .swiper-slide video {height: 100%; background: transparent; display: block;}
.photoBdView .photoSlide1 .btn {position: absolute; top: 50%; transform: translateY(-50%);}
.photoBdView .photoSlide1 .btn.prev {left: 1rem;}
.photoBdView .photoSlide1 .btn.next {right: 1rem;}

.photoBdView .photoSlide2 .swiper-slide {height: 12.8rem; border-radius: 1rem; overflow: hidden; background: #f8f8f8; border: 3px solid transparent;}
.photoBdView .photoSlide2 .swiper-slide-thumb-active {border: 3px solid #016fed;}
.photoBdView .photoSlide2 .swiper-slide img {display: block; height: 100%; object-fit: cover; margin: 0 auto;}

.photoBdView .photoText {padding-top: 3rem;}
.photoBdView .photoText .photoTit {font-size: 4rem; font-weight: 700; color: #222222; margin-bottom: 4.1rem; line-height: normal;}
.photoBdView .photoText .photoType {border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.photoBdView .photoText .photoType div {display: flex; gap: 1.9rem; padding: 2.6rem 0; border-bottom: 1px solid #dddddd;}
.photoBdView .photoText .photoType div:last-child {border-bottom: none;}
.photoBdView .photoText .photoType dt {position: relative; width: 10rem; font-size: 2.2rem; font-weight: 700; color: #222222;}
.photoBdView .photoText .photoType dt::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 1.5rem; background: #dddddd;}
.photoBdView .photoText .photoType dd {font-size: 2.2rem; color: #222222;} 

.photoBdView .photoText .downList {display: flex; flex-wrap: wrap; gap: 1.5rem; padding: 4rem 0; border-bottom: 1px solid #dddddd; margin-bottom: 4rem;}
.photoBdView .photoText .downList a {display: block; width: calc(33.333% - 1rem); padding: 2.5rem 0; border-radius: 1rem; border: 1px solid #cccccc; font-size: 2.2rem; font-weight: 500; color: #222222; line-height: 2.8rem; text-align: center;}
.photoBdView .photoText .downList a:hover {color: #fff; border-color: #333333; background: #333333;}

.photoBdView .photoText .publicWrap {margin-bottom: 6rem;}
.photoBdView .photoText .publicWrap .publicTit {font-size: 2.4rem; font-weight: 700; color: #222222; line-height: 1; margin-bottom: 1.9rem;}
.photoBdView .photoText .publicWrap .publicBx {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3rem; padding: 3rem; border-radius: 1.5rem; border: 1px solid #dddddd; background: #f8f8f8;}
.photoBdView .photoText .publicWrap .publicBx.file {align-items: center; flex-wrap: wrap;}
.photoBdView .photoText .publicWrap .publicBx .tit {font-size: 2.2rem; color: #222222; line-height: 3.2rem; word-break: keep-all;}
.photoBdView .photoText .publicWrap .publicBx .tit span {font-weight: 700;}
.photoBdView .photoText .publicWrap .publicBx .imgBx {flex-shrink: 0;}
.photoBdView .photoText .publicWrap .publicBx .imgBx img {width: 20rem;}
.photoBdView .photoText .publicWrap .publicBx .fileInfo>div {display: flex; align-items: center;}
.photoBdView .photoText .publicWrap .publicBx .fileInfo>div:not(:last-child) {margin-bottom: 1.9rem;}
.photoBdView .photoText .publicWrap .publicBx dt {font-size: 2rem; font-weight: 700; color: #222222; flex-shrink: 0; position: relative; padding-right: 1.6rem; margin-right: 1.6rem;}
.photoBdView .photoText .publicWrap .publicBx dt::before {content: ''; position: absolute; top: 0.4rem; right: 0; width: 0.1rem; height: 1.5rem; background: #dddddd;}
.photoBdView .photoText .publicWrap .publicBx dd {font-size: 2rem; color: #222222; line-height: 2.8rem; word-break: keep-all;}

.photoBdView .photoText .btnBx {display: flex; gap: 1rem;}
.photoBdView .photoText .btnBx a {display: flex; align-items: center; justify-content: center; gap: 0.8rem; width: 17.3rem; height: 5.6rem; border-radius: 1rem; background: #333333;}
.photoBdView .photoText .btnBx a:hover {opacity: 0.9;}
.photoBdView .photoText .btnBx a span {font-size: 2rem; font-weight: 500; color: #fff;}

/* photoZoom */
.photoZoom {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; background: rgba(0, 0, 0, 0.8);}
.photoZoom.on {display: block;}
.photoZoom .photoBx {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.photoZoom .photoBx img {max-width: 85vw; max-height: 84vh;}
.photoZoom .zoomClose {position: absolute; top: 2rem; right: 2rem; display: flex; align-items: center; justify-content: center; width: 4.2rem; height: 4.2rem; border-radius: 50%; background: rgba(11,1,2,0.45);}



@media screen and (max-width: 1280px) {
    .photoBdView {gap: 5rem;}
    .photoBdView .photoSlide1 .swiper-slide {height: 50rem;}
}

@media screen and (max-width: 1026px) {
    .photoBdView {flex-wrap: wrap;}
    .photoBdView .photoSlideBx {width: 100%;}
    .photoBdView .photoText {width: 100%;}
    .photoBdView .photoText .photoType dt {font-size: 2rem;}
    .photoBdView .photoText .photoType dd {font-size: 2rem;}
    .photoBdView .photoText .publicWrap .publicBx .tit {font-size: 2rem;}
    .photoBdView .photoText .publicWrap .publicBx .fileInfo>div:not(:last-child) {margin-bottom: 1.2rem;}
    .photoBdView .photoText .publicWrap .publicBx dt {font-size: 1.8rem; padding-right: 1.2rem; margin-right: 1.2rem;}
    .photoBdView .photoText .publicWrap .publicBx dt::before {top: 0.2rem;}
    .photoBdView .photoText .publicWrap .publicBx dd {font-size: 1.8rem;}
    .photoBdView .photoText .downList a {font-size: 2rem;}

	.photoZoom .photoBx {width: 100%; text-align: center;}
	.photoZoom .photoBx img {max-width: calc(100% - 8rem);}
}

@media screen and (max-width: 768px) {
    .photoBdView {gap: 5rem;}
    .photoBdView .photoSlide1 .swiper-slide {height: 40rem;}
    .photoBdView .photoSlide2 .swiper-slide {height: 8rem;}
    .photoBdView .photoText {padding-top: 0;}
    .photoBdView .photoText .photoTit {font-size: 3rem; margin-bottom: 3rem;}
    .photoBdView .photoText .photoType div {padding: 2.2rem 0;}
    .photoBdView .photoText .photoType dt {font-size: 1.8rem;}
    .photoBdView .photoText .photoType dd {font-size: 1.8rem;}
    .photoBdView .photoText .publicWrap .publicBx {flex-wrap: wrap;}
    .photoBdView .photoText .publicWrap .publicBx .tit {font-size: 1.8rem; line-height: 2.8rem;}
    .photoBdView .photoText .downList a {font-size: 1.8rem;}
    .photoBdView .photoText .downList {padding: 3rem 0; margin-bottom: 3rem;}
    .photoBdView .photoText .downList a {padding: 2rem 0;}
    .photoBdView .photoText .btnBx a span {font-size: 1.8rem;}
    .photoBdView .photoText .publicWrap {margin-bottom: 4rem;}

	.photoZoom .photoBx img {max-width: calc(100% - 4rem);}
}

@media screen and (max-width: 480px) {
    .photoBdView {gap: 4rem;}
    .photoBdView .photoSlide1 {margin-bottom: 1rem;}
    .photoBdView .photoSlide1 .swiper-slide {height: 30rem;}
    .photoBdView .photoSlide2 .swiper-slide {height: 6rem;}
    .photoBdView .photoText .photoTit {font-size: 2.6rem; margin-bottom: 2rem;}
    .photoBdView .photoText .photoType div {padding: 2rem;}
    .photoBdView .photoText .downList {flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; padding: 2rem 0;}
    .photoBdView .photoText .downList a {width: calc(50% - 0.5rem); padding: 1rem 0;}
    .photoBdView .photoText .publicWrap .publicTit {margin-bottom: 1.3rem;}
    .photoBdView .photoText .publicWrap .publicBx {padding: 2rem; gap: 2rem;}
    .photoBdView .photoText .btnBx a span {font-size: 1.6rem;}
}
/* photoBdView */

/* stationWrap */
.stationWrap {width: 100%; height: 20rem; padding: 0 10rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-radius: 1.5rem; background: url('/humanframe/theme/digitalgoods/assets/img/sub/board/banner_bg.png') center no-repeat; background-size: cover; overflow: hidden; margin-bottom: 5.3rem;}
.stationWrap .tit {font-size: 3.6rem; color: #2b5b9a; font-weight: 700; margin-bottom: 2.7rem; line-height: 1;}
.stationWrap .txt {font-size: 2.2rem; font-weight: 500; color: #222222; word-break: keep-all; line-height: 3rem;}
.stationWrap .go_link {display: flex; align-items: center; justify-content: center; gap: 1.8rem; width: 19rem; height: 5.6rem; border-radius: 2.8rem; background: linear-gradient(to right, #00c0fa, #015eea); flex-shrink: 0;}
.stationWrap .go_link p {font-size: 2rem; font-weight: 600; color: #fff; letter-spacing: -0.025rem;}
.stationWrap .go_link:hover img {transform: translateX(0.5rem);}

@media screen and (max-width: 1280px) {
    .stationWrap {padding: 0 6rem;}
}

@media screen and (max-width: 1026px) {
    .stationWrap {padding: 0 4rem; height: 18rem;}
    .stationWrap .tit {font-size: 3.2rem; margin-bottom: 2rem;}
    .stationWrap .txt {font-size: 2rem;}
    .stationWrap .go_link {gap: 1.2rem; width: 17rem; height: 4.6rem;}
    .stationWrap .go_link p {font-size: 1.8rem;}
}

@media screen and (max-width: 768px) {
    .stationWrap {height: auto; padding: 4rem; flex-wrap: wrap;}
}

@media screen and (max-width: 480px) {
    .stationWrap {padding: 3rem;}
    .stationWrap .tit {font-size: 2.6rem;}
    .stationWrap .txt {font-size: 1.8rem; line-height: 2.5rem;}
}
/* stationWrap */

/* 검색 */
.boardTop { 
    padding: 20px 30px;
    background: #f7f7f7;
	margin-bottom: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width:100%;
}
.boardTop .boardInfo {
	line-height: 1em;
}
.boardTop .boardInfo i { font-weight:bold; color:#e33333}
.boardTop .boardSearch{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: stretch;
}
.boardTop .boardSearch input[type="text"] { 
	font-size : 1.8rem;
	line-height:1em;
	padding: 10px 20px 11px 19px;
	width:400px;
	border:1px solid #ddd;
}
.boardSearchForm .btnTypeM.btnIcoSearch,
.boardTop .boardSearch input[type="text"] + input[type="submit"],
.boardTop .boardSearch input[type="text"] + input[type="button"] {
	width:60px;
	height:50px;
	background-image: url(/humanframe/theme/busan815/assets/img/content/iconSearch.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
	background-color: #000 !important;
	text-indent: -9999px;
    border: 0;
    margin: 0;
}

.boardTop .boardSearchBox{ float: right; }
.boardTop .boardSearchBox .boardSearch{ float: left; margin-right: 0; margin-left: 10px; }
.boardTop .boardSearchBox .boardSearch.datetime div{ float: left; position: relative; }
.boardTop .boardSearchBox .boardSearch.datetime div input{ box-sizing: border-box; border-right: 1px solid #d3d6db; border-radius: 5px; }
.boardTop .boardSearchBox .boardSearch.datetime > div + div	{ padding-left: 20px; }
.boardTop .boardSearchBox .boardSearch.datetime > div + div:before{ content: "~"; position: absolute; left: 6px; line-height: 30px; }

.boardSearchForm.snsSearch{
	flex-direction: column;
	align-items: flex-start;
	gap:8px 0;
}
.boardSearchForm.snsSearch .rowTable{
	display:block;
	width:100%;
}
.boardSearchForm.snsSearch .rowTable .row .group{
	width:auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items:center;
	gap:0;
}
.boardSearchForm .cellInDvSearchCell.srchKeyword{
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
}
.boardSearchForm.snsSearch .rowTable .row{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
	width:100%;
}
.boardSearchForm.snsSearch .cellInDv{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	gap:0 8px;
}

@media all and (max-width: 1120px) {
	input.textForm {
		width: 160px !important;
	}
}

@media all and (max-width: 1024px) {
	#contents >	.tabStyle{
		display:none;
	}
}
@media all and (max-width: 980px) {
	.boardSearchForm .rowTable .cell{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 16px 0;
	}
	input.textForm {
		width: 200px !important;
	}
}
@media all and (max-width: 768px) {
	.searchOneItem .boardListTxt{font-size:1.5rem;}
	.boardSearchForm .rowTable .cell > .cellInDv{
		padding:0;
		width:100%;
	}
	.boardSearchForm .rowTable .cell{
		height:auto;
	}
	.boardSearchForm .rowTable .group > .cell{
		height:auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 8px 0;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption{
		width:auto;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell{
		padding:0;
		width:calc(100% - 100px);
	}
	.boardTop .boardSearch input[type="text"] {
		font-size:1.6rem;
		width:240px;
		padding: 6px 20px 4px 19px;
	}
	.boardTop .boardSearch input[type="text"] + input[type="submit"],
	.boardTop .boardSearch input[type="text"] + input[type="button"]{
		height:36px;
		background-size: auto 16px;
	}
	select.selectForm,
	.boardSearchForm .rowTable .cell input.date,
	input.textForm{
		font-size:2rem;
	}
	.ui-datepicker-trigger{
		width:47px; height:47px;
	}
	.boardSearchForm .rowTable .cell .hyphen{
		margin:0 8px;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell.srchOption select{
		width:100px !important; max-width:unset; font-size: 2rem;
	}
}
@media all and (max-width: 640px) {
	input.textForm{
		width:140px !important;
	}
}
@media all and (max-width: 560px) {
	.boardTop{
		flex-direction: column;
		gap: 16px 0;
		align-items:flex-start;
	}
	#searchFrm,
	.boardTop .boardSearch{
		width:100%;
	}
	.boardTop .boardSearch input[type="text"]{
		width:calc(100% - 60px);
	}
}
@media all and (max-width: 500px) {
	.boardSearchForm .rowTable .cell > .cellInDv{
		flex-wrap: wrap
	}
	.boardSearchForm .rowTable .cell input.date{
		width:calc(100% - 47px) !important;
		margin-bottom:8px;
	}
	.boardSearchForm .rowTable .cell .hyphen{
		display:none;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell{
		width:calc(100% - 80px);
	}
}

/* 검색 수정 */
.boardList, .boardListTxt {font-size: 2.2rem;}
.boardList th, .boardList td {padding: 20px 5px;}
.boardView {font-size: 2.2rem;}
.boardView .form-data-subject {font-size: 3rem;}
.boardSearchForm .rowTable .cellHeader.txtCenter {display: none;}
.boardSearchForm .rowTable .cellHeader .cellHeaderInTxt {font-size: 2.2rem;}

.boardSearchForm{
	padding:20px 30px; background:#f7f7f7; border:0;
}
.boardSearchForm .rowTable .row .group{
	display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; width:100% !important; gap:20px;
}
.boardSearchForm .rowTable .cellHeader{
	position:static !important; width:auto;
}
.boardSearchForm .rowTable .cell{
	display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0; width: 100%;
}
.boardSearchForm .rowTableTypeSearchBar .cellInDv + .cellInDv{
	display: flex; flex-direction:row; justify-content: flex-start; align-items: center;
}

.boardSearchForm .rowTable .cell > .cellInDv{
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center;
}
.boardSearchForm .rowTable .cell > .cellInDv.cellInDvSearch{
	justify-content: flex-end;
}
.boardSearchForm .rowTable .cell input{
	width: auto !important; font-size:2.2rem; line-height:1em; padding:11px 20px 12px 19px; height:auto; max-width:250px;
}
.ui-datepicker-trigger{
	background:#757575; height:51px;
}
button.ui-datepicker-trigger img{
	height:auto;
}
select.selectForm{
	height:51px; font-size:2.2rem; border-right:0;
}

@media all and (max-width: 1280px) {
	.boardSearchForm .rowTable .cell input{
		width:200px !important;
	}
}
@media all and (max-width: 1024px) {
	.boardSearchForm .rowTable .cell input{
		width:130px !important;
	}
}
@media all and (max-width: 768px) {
    .boardList, .boardListTxt {font-size: 2rem;}
    .boardView {font-size: 1.8rem;}
    .boardView .form-data-subject {font-size: 2.5rem;}
    .boardSearchForm .rowTable .cellHeader.txtCenter {display: none;}

    .boardSearchForm .rowTable .cellHeader.txtCenter

	.boardSearchForm .rowTable .row .group{
		flex-direction: column;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDv{
		 gap:8px 0;
	}
	.boardSearchForm .rowTable .cell input{
		font-size:2rem; padding:10px 20px 10px 19px; max-width: inherit;
	}
	.ui-datepicker-trigger,
	select.selectForm,
	.boardSearchForm .rowTable .cell .btnTypeM.btnIcoSearch{
		height:45.7px;
	}
	.boardSearchForm .rowTable .group > .cell{
		width:100%;
	}
	.boardSearchForm .rowTableTypeSearchBar .cellInDvSearch .cellInDvSearchCell + .cellInDvSearchCell{
		width:100%; flex:1 1 0;
	}
}
@media all and (max-width: 500px) {
	.boardSearchForm .rowTable .cell input.date{
		margin-bottom:0;
	}
}
@media all and (max-width: 480px) {
	.boardSearchForm{
		padding:20px;
	}
}

/* gallery board */
.boardTextGallery { margin-top:10px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.boardTextGallery > ul > li { border-top:1px dashed #bdbdbd; }
.boardTextGallery > ul > li:first-child { border-top:none;}
.boardTextGallery > ul > li:hover { background:#f9f9f9;}
.boardTextGallery a { text-decoration:none;}

.boardTextGallery > ul > li > a {
	padding:34px 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap:60px; width:100%; height: 100%; position: relative;}
.boardTextGallery > ul > li > a:focus{
	outline:2px solid #000;
}
.boardTextGallery > ul > li > .inkBtn { overflow:hidden; display:inline-block; padding:20px; float:right; }
.boardTextGallery .tgImg { 
	display:block; overflow:hidden; width:508px; min-width: 508px;}
.boardTextGallery .tgImg img {
	display: block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.boardTextGallery .tgCont { 
	display:flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width:100%; height: stretch; flex: 1 1 0; gap: 10px;
}
.boardTextGallery .bTitle {margin-bottom:10px;font-size:3rem;line-height:1.6; font-weight:700;color:#222222;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.boardTextGallery .tgCont .sTitle { font-weight:bold;  color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont span { display:inline-block; padding-left:10px; margin-right:10px; font-size:12px; background:url(/resource/img/common/board/d_line.gif) no-repeat 0 4px; }
.boardTextGallery .tgCont span.bName { padding:0; font-weight:bold; background:none}
.boardTextGallery .tgCont .tgTxt { margin:10px 0 5px; font-size: 18px; color: #222222; line-height: 30px;}
.boardTextGallery .tgCont .tgTxt .writer {margin-bottom: 10px; }
.boardTextGallery .jump { margin:0 10px 10px 0; }
.boardTextGallery .tgCont a:hover { text-decoration:underline; }
.boardTextGallery .tgCont .txtR_artist {display: flex; align-items: center; gap: 25px;}
.boardTextGallery .tgCont .txtR_artist .tit {flex-shrink: 0; font-size: 1.8rem; color: #222222; font-weight: 700; position: relative;}
.boardTextGallery .tgCont .txtR_artist .tit::before {content: ''; position: absolute; top: 3px; right: -1.4rem; width: 1px; height: 15px; background: #dddddd;}
.boardTextGallery .tgCont .txtR_artist .name {font-size: 18px; color: #222222;}
.boardTextGallery.seWrap .tgCont .tgTxt .writer {margin-bottom: 5px; line-height: 1.6; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}
.boardTextGallery.seWrap .tgCont .tgTxt .writer > span{
	font-size:1em; background:none; display: block; position: relative; padding-left:0; padding-right:10px;
}
.boardTextGallery.seWrap .tgCont .tgTxt .writer > span::after{
	display: block; content:''; width:1px; height:16px; background:#dbdbdb; position: absolute; top:50%; right:0; transform: translateY(-50%)
}
.boardTextGallery.seWrap .tgCont .tgTxt .writer > span:last-child::after{
	display: none;
}

@media screen and (max-width: 1026px) {
	.boardTextGallery > ul > li > a {gap: 40px;}
	.boardTextGallery .tgImg {width: 50%; min-width: 50%;}
}

@media all and (max-width: 768px) {
	.boardTextGallery.seWrap .tgCont .tgTxt .writer{
		flex-wrap: wrap;
	}
	.boardTextGallery.seWrap .tgCont .tgTxt .txtL.cont{
		overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

	.boardTextGallery > ul > li > a {gap: 30px;}
	.boardTextGallery .bTitle {font-size: 2.4rem;}
	.boardTextGallery .tgCont .tgTxt {line-height: 26px; font-size: 16px;}
	.boardTextGallery .tgCont .txtR_artist .tit {font-size: 16px;}
	.boardTextGallery .tgCont .txtR_artist .name {font-size: 16px;}
}
@media all and (max-width: 480px) {
	.boardTextGallery > ul > li > a{
		flex-direction: column;
		padding: 25px 0;
	}
	.boardTextGallery .tgImg{
		width:100%; min-width:inherit;
	}
}

/* 시즌컬렉션 */
.boardView .form-data-content.type2 {background: #fff;}
.seasonBx {padding: 12.5rem 0 4rem 0; font-size: 1.8rem; line-height: 1.3; color: #222222; word-break: keep-all;}
.seasonBx img:not(.play) {display: block; margin: 0 auto;}

.seasonBx .fwt700 {font-weight: 700;}
.seasonBx .ssTit {font-family: "Giants", sans-serif; color: #222222;}
.seasonBx h4.ssTit {font-size: 7rem; margin-bottom: 5rem;}
.seasonBx h5.ssTit {font-size: 4.4rem; margin-bottom: 6rem;}
.seasonBx h6.ssTit {font-family: "Pretendard", sans-serif; font-size: 3rem; margin-bottom: 3rem;}

.seasonBx .ssTopBx {margin-bottom: 12rem; padding-bottom: 12rem; border-bottom: 1px solid #000000;}
.seasonBx .ssTopBx .titleBx {text-align: center; margin-bottom: 5rem;}
.seasonBx .ssTopBx .titleBx .txt {line-height: 2.8rem;}
.seasonBx .ssTopBx .titleBx .txt.fwt700 {margin-bottom: 1rem;}

.seasonBx .ssTopBx .thumList {display: flex; gap: 2rem; margin-bottom: 12rem;}
.seasonBx .ssTopBx .thumList li {width: calc(33.33% - 1.333rem); overflow: hidden; border-radius: 1.5rem;}
.seasonBx .ssTopBx .thumList li a:hover img {transform: scale(1.05);}

.seasonBx .ssTopBx .writerBx h5.ssTit {text-align: center;}
.seasonBx .ssTopBx .writerBx .list {display: flex;}
.seasonBx .ssTopBx .writerBx .list li {position: relative; width: 33.333%; padding: 0 1.5rem; text-align: center;}
.seasonBx .ssTopBx .writerBx .list li:not(:last-child)::before {content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 16.6rem; background: #dddddd;}
.seasonBx .ssTopBx .writerBx .list li .tit {position: relative; font-size: 3rem; margin-bottom: 2.6rem; padding-bottom: 2.6rem;}
.seasonBx .ssTopBx .writerBx .list li .tit::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 2.2rem; height: 0.3rem; background: #0b0102;}
.seasonBx .ssTopBx .writerBx .list li a {display: inline-block; margin-bottom: 1.5rem;}

.seasonBx .ssBtBx .titleBx {margin-bottom: 6rem;}
.seasonBx .ssBtBx h5.ssTit {margin-bottom: 2rem;}
.seasonBx .ssBtBx .downBx:not(:last-child) {margin-bottom: 10rem; padding-bottom: 10rem; border-bottom: 1px solid #dddddd;}
.seasonBx .ssBtBx .downBx .list {display: flex; flex-wrap: wrap; gap: 4rem;}
.seasonBx .ssBtBx .downBx .list li {position: relative; width: calc(33.333% - 2.666rem); overflow: hidden; border-radius: 1.5rem;}
.seasonBx .ssBtBx .downBx .list li a:hover img:not(.play) {transform: scale(1.05);}
.seasonBx .ssBtBx .downBx .list li .play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.seasonBx .ssBtBx .downBx.sns .list li {width: calc(25% - 3rem);}
.seasonBx .ssBtBx .downBx.mobile .list li {width: calc(20% - 3.2rem);}

@media screen and (max-width: 1026px) {
	.seasonBx {font-size: 1.6rem; padding: 10rem 0 4rem 0;}
	.seasonBx h4.ssTit {font-size: 5rem; margin-bottom: 4rem;}
	.seasonBx h5.ssTit {font-size: 3.6rem; margin-bottom: 5rem;}
	.seasonBx h6.ssTit {font-size: 2.4rem; margin-bottom: 2rem;}

	
	.seasonBx .ssTopBx {margin-bottom: 8rem; padding-bottom: 8rem;}
	.seasonBx .ssTopBx .titleBx .txt {line-height: 2.4rem;}
	.seasonBx .ssTopBx .thumList {margin-bottom: 8rem;}
	.seasonBx .ssTopBx .writerBx .list li .tit {font-size: 2.4rem; margin-bottom: 2rem; padding-bottom: 2rem;}

	.seasonBx .ssBtBx .titleBx {margin-bottom: 4rem;}
	.seasonBx .ssBtBx .downBx .list {gap: 3rem;}
	.seasonBx .ssBtBx .downBx .list li {position: relative; width: calc(33.333% - 2rem);}
	.seasonBx .ssBtBx .downBx .list li .play {width: 5rem;}
	.seasonBx .ssBtBx .downBx.sns .list li {width: calc(25% - 2.25rem);}
	.seasonBx .ssBtBx .downBx.mobile .list li {width: calc(20% - 2.4rem);}
}

@media screen and (max-width: 768px) {
	.seasonBx h4.ssTit {font-size: 4rem;}
	.seasonBx h5.ssTit {font-size: 3.2rem; margin-bottom: 4rem;}
	.seasonBx h6.ssTit {font-size: 2.2rem; margin-bottom: 1.5rem;}

	.seasonBx .ssTopBx .thumList {flex-wrap: wrap; margin-bottom: 6rem;}
	.seasonBx .ssTopBx .thumList li {width: 100%;}
	.seasonBx .ssTopBx .writerBx .list {flex-wrap: wrap; gap: 6rem;}
	.seasonBx .ssTopBx .writerBx .list li {width: 100%;}
	.seasonBx .ssTopBx .writerBx .list li:not(:last-child)::before {right: auto; top: auto; bottom: -3rem; left: 0; width: 100%; height: 1px;}
	.seasonBx .ssTopBx .writerBx .list li .tit {font-size: 2.2rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
	.seasonBx .ssTopBx .writerBx .list li a {margin-bottom: 1rem;}

	.seasonBx .ssBtBx h5.ssTit {margin-bottom: 1.5rem;}
	.seasonBx .ssBtBx .downBx:not(:last-child) {margin-bottom: 8rem; padding-bottom: 8rem;}
	.seasonBx .ssBtBx .downBx .list {gap: 2rem;}
	.seasonBx .ssBtBx .downBx .list li {width: calc(50% - 1rem);}
	.seasonBx .ssBtBx .downBx.sns .list li {width: calc(33.333% - 1.333rem);}
	.seasonBx .ssBtBx .downBx.mobile .list li {width: calc(25% - 1.5rem);}
	.seasonBx .ssBtBx .downBx .list li .play {width: 4rem;}
}

@media screen and (max-width: 480px) {
	.seasonBx {padding: 7rem 0 2rem 0;}

	.seasonBx h4.ssTit {font-size: 3.6rem; margin-bottom: 3rem;} 
	.seasonBx h5.ssTit {font-size: 3rem; margin-bottom: 3rem;}

	.seasonBx .ssTopBx {margin-bottom: 5rem; padding-bottom: 5rem;}
	.seasonBx .ssTopBx .titleBx {margin-bottom: 3.5rem;}

	.seasonBx .ssBtBx .downBx:not(:last-child) {margin-bottom: 5rem; padding-bottom: 5rem;}
	.seasonBx .ssBtBx .downBx .list li {width: 100%;}
	.seasonBx .ssBtBx .downBx.sns .list li {width: calc(50% - 1rem);}
	.seasonBx .ssBtBx .downBx.mobile .list li {width: calc(33.333% - 1.333rem);}
}
/* 시즌컬렉션 */


/*btn*/
.btnArea.btnRt > .btnTypeM.btnLineType1,
.btn.save,
.btn.list,
.btn.fileAdd,
a.btn.fileList{
    font-size: 1.8rem; display: flex; align-items: center; justify-content: center; gap: 0.8rem; width: 17.3rem; height: 5.6rem; border-radius: 1rem; background: #333333; color:#fff;
}
.btn.save:hover,
a.btn.fileList:hover,
a.btn.list:hover{
	border-color:#ddd;
}
.btn.save::before,
a.btn.fileList::before,
a.btn.list::before{
	display: none
}
.btnArea.btnRt{
    display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; width:100%; gap:1rem;
}
.btn.fileAdd{
	width:auto; height: auto; padding:15px 36px 14px 14px; background-image: url(/humanframe/theme/digitalgoods/assets/img/sub/iconFileAdd.png); background-position: right 17px center; background-repeat: no-repeat; background-size: auto; line-height:1em;
}
.btn.fileDel{
	display: block; width:28px; height:28px; background-color: #333; background-image: url(/humanframe/theme/digitalgoods/assets/img/sub/iconFileDel.png); background-position: center; background-size: auto; background-repeat: no-repeat; text-indent: -9999px; border-radius: 28px; padding:0;
}
.btn.list,
.btn.save{
	width:15rem;
}
.btn.save{
	background:#016fed
}
a.btn.fileList{
	padding:20px 19px 21px 49px;  background-image:url(/humanframe/theme/digitalgoods/assets/img/sub/iconFileList.png); background-position: left 20px center; background-repeat: no-repeat; background-size: auto; line-height:1em;
}