.bsb{box-sizing: border-box;}
.mr8{margin-right: 8px}

.pfTop{position:relative; z-index:10; height:61px;}
.pfTopWrap{padding:11px 0; border-bottom: solid 1px #e9e9e9;background:#fff;}
.pfTopWrap.sticky{position:fixed; top:65px; left:0; width:100%;}
.pfTopInner .searchImg{background: url(/hive/template/LOUD_IMG/designer/new/ic-search-color-copy.png) no-repeat; width: 16px; height: 17px; background-size: cover;position: absolute;left: 20px;top: 15px;}
.pfTopInner input[type=text]{padding:0 5px 0 0; width:120px; border:none; height:46px; line-height:46px; font-size:14px;}
.pfTopInner input[type=text]:focus{outline:none; }
input[type=text]::-ms-clear{display:none;}
.pfTopInner button.btn_del_txt{display:none; width:30px; height:30px; background:url("/hive/template/LOUD_IMG/common/ico-cancle-search.png") 50% 50% no-repeat; vertical-align:middle; border:none;}
.pfTopInner input[type=text]:focus + button.btn_del_txt{display:inline-block;}

.pfTopInner .pfTopLeft{float: left}
.pfTopInner .pfTopRight{float: right}

.pfTopInner .pfTopRight>div.btnListWrap{margin-left:8px;}
.pfTopInner .btnListWrap{display: inline-block;position: relative;vertical-align: middle}
.pfTopInner .btnListWrap .searchBtn{width:138px;height: 38px; line-height:36px; box-sizing:border-box; font-size:14px; font-weight:500; letter-spacing:-0.3px; text-align:center; color:#2d2f39; border-radius:5px; border: solid 1px #ddd; background:#fff;cursor:pointer;}
.pfTopInner .btnListWrap .searchBtn.goLikeBtn{width:40px; background: url("/hive/template/LOUD_IMG/designer/new/like.png") 50% 50% no-repeat; transition:all 0.3s;}
.pfTopInner .btnListWrap .searchBtn.goLikeBtn:hover{background: url("/hive/template/LOUD_IMG/designer/new/like-hover.png") 50% 50% no-repeat;}
.pfTopInner .btnListWrap .searchBtn.goLikeBtn.selected{background: url("/hive/template/LOUD_IMG/designer/new/like-select.png") 50% 50% no-repeat;}
.pfTopInner .btnListWrap .searchBtn.sortBtn{position: relative; width:138px; padding-left:32px}
.pfTopInner .btnListWrap .searchBtn.sortBtn:before{position: absolute; content: ""; width: 14px; height: 13px; top: 11.5px; left:11px; background: url(/hive/template/LOUD_IMG/designer/new/ic-align.png) no-repeat; background-size: cover;}
.pfTopInner .btnListWrap .chkBtn.active{background:#505bf0; border-color:#505bf0; color:#fff;}
.pfTopInner .btnListWrap .chkBtn.active:before{display:inline-block; content:""; width:15px; height:11px; background:url("/hive/template/LOUD_IMG/common/ico-search-chk-w.png") 0 50% no-repeat;}
.pfTopInner .btnListWrap .chkBtn.bestBtn{width:110px;}
.pfTopInner .btnListWrap .selectedList{position: relative; text-align:left; padding-left: 15px;}
.pfTopInner .btnListWrap:hover .searchBtn{box-shadow: 0 2px 4px 0 #00000019;}
.pfTopInner .btnListWrap .selectedList:after{position: absolute;content: ""; width: 10px; height: 4px; background: url("/hive/template/LOUD_IMG/designer/new/ic-dropdown-category.png") no-repeat; right: 12px; top: 16px; transition:all 0.3s;}
.pfTopInner .btnListWrap:hover .selectedList:after{transform:rotate(-180deg);}
.pfTopInner .btnListWrap .selectedList:hover + .selectListWrap{display: block;}
.pfTopInner .btnListWrap .selectListWrap:hover{display: inline-block}
.pfTopInner .btnListWrap .selectListWrap{display: none; width:170px;background-color: transparent; position: absolute;top: 38px; padding-top: 5px;z-index: 999}
.pfTopInner .btnListWrap .selectListInner{width:170px; padding:7px 0; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 8px 0 #00000019; border: solid 1px #e9e9e9; background-color: #ffffff;}
.pfTopInner .btnListWrap .selectListInner .selectList{width: 100%; height: 40px; line-height: 40px; padding-left: 15px; font-size: 14px;font-weight: 500; letter-spacing: -0.3px; color: #737c80; cursor: pointer}
.pfTopInner .btnListWrap .selectListInner .selectList:hover{background-color: #eef3fd;}
.pfTopInner .btnListWrap .selectListInner .selectList.selected{color:#505bf0}
.pfTopInner .searchArea{position:relative; display:inline-block; vertical-align: middle; z-index:1;}
.pfTopInner .searchArea .searchbox{position:relative; width:217px; height: 38px; border-radius: 19px; border: solid 1px #ddd; background-color:#fff; box-sizing: border-box; transition:all 0.3s; outline:none; vertical-align:middle; overflow:hidden;}
.pfTopInner .searchArea.focus .searchbox{width:260px; border-color:#505bf0; background:#fff;}
.pfTopInner .searchArea .searchbox input[type=text]{padding:0 0 0 40px; width:100%; height:36px; line-height:36px; box-sizing:border-box; transition:all 0.3s;}
.pfTopInner .searchArea.focus .searchbox input[type=text]{padding:0 40px;}
.pfTopInner .searchArea .searchbox:after{position:absolute;content: ""; width: 19px; height: 20px; background: url("/hive/template/LOUD_IMG/designer/new/ic-search-color.png") no-repeat; left: 15px; top: 8px;}
.pfTopInner .searchArea .searchbox .btn_del_txt{display:block; position:absolute; top:8px; right:10px; width:20px; height:20px; font-size:0; border-radius:50%; background:url("/hive/template/LOUD_IMG/designer/new/ic-cancle-search-s@2x.png") 50% 50% no-repeat; background-size:14px; z-index:-1; transition:all 1s;}
.pfTopInner .searchArea.focus .btn_del_txt{z-index:1;}
.pfTopInner .searchArea .searchhelperbox{display:none; position:absolute; top:40px; left:0; padding:20px 0; width:100%; border-radius:0 0 5px 5px; background:#fff;}
.pfTopInner .searchArea .searchhelperbox .helperbox{padding:10px 20px;}
.pfTopInner .searchArea .searchhelperbox .helperbox .tit{display:inline-block;margin-bottom:7px; font-size:16px; letter-spacing:-0.33px; color:#171c34;}
.pfTopInner .searchArea .searchhelperbox .helperbox .quick_sch{font-size:0;}
.pfTopInner .searchArea .searchhelperbox .helperbox .quick_sch li{display:inline-block; margin:5px 7px 5px 0;height:32px; line-height:32px; font-size:13px; font-weight:500; color:#505bf0; letter-spacing:-0.33px; border-radius:32px; background:#eef3fd; text-align:center; cursor:pointer; transition:all 0.3s;}
.pfTopInner .searchArea .searchhelperbox .helperbox .quick_sch li:hover{background:#dee9ff;}
.pfTopInner .searchArea .searchhelperbox .helperbox .quick_sch.keyword li{min-width:65px;}
.pfTopInner .searchArea .searchhelperbox .helperbox .quick_sch.curation li{width:99px;}

.pfBottom{position:relative; min-height:600px; padding:20px 0; z-index:0;}
.pfBottom.cover:before{display:block; content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.44); z-index:2;}
.pfListArea.inner.maxInner{max-width:100%; padding:0;}
.pfListArea .contest_list.list_type3{font-size:0; text-align:center;}
.pfListArea .contest_list.list_type3 .item{display:inline-block !important; width:280px; margin:0 14px 50px; border:none; border-radius:0; box-shadow:none; position:relative; background: #fff; box-sizing: border-box; vertical-align:top; text-align:left; transition:all 0.3s;}
.pfListArea .contest_list .item .itemInner{position: relative; display: block; border-radius: 5px; overflow: hidden;}
.pfListArea .contest_list.list_type3 .item .img_box{position:relative; border-radius:5px; overflow:hidden; box-shadow:0 2px 4px rgba(0, 0, 0, 0.05); border:1px solid #f3f3f4; box-sizing:border-box;}
.pfListArea .contest_list.list_type3 .item .thumb{padding-top:100%; background:#f7f7f7;position: relative;overflow: hidden;}
.pfListArea .contest_list.list_type3 .item .thumb img{position: absolute; top: 0; left: 0; width: 100%;height: 100%}
.pfListArea .contest_list.list_type3 .item:hover .thumb img{transform:scale(1.1); transition:all 1s;}
.pfListArea .contest_list.list_type3 .item .contest_info{position:absolute; bottom:-100%; left:0; width:100%; height:100%; margin-bottom:0; color:#fff; background:linear-gradient(to bottom, #00000000 57%, #0000004c); transition:all 0.3s; box-sizing:border-box;}
.pfListArea .contest_list.list_type3 .item .contest_info ul{position: absolute; bottom:2%; left:2%;}
.pfListArea .contest_list.list_type3 .item .contest_info li{font-size:13px; letter-spacing:-0.5px;}
/* .pfListArea .contest_list.list_type3 .img_box:hover .contest_info{bottom:0;} */
.pfListArea .contest_list.list_type3 .item .cont{padding:10px 3px 0 0;}
.pfListArea .contest_list.list_type3 .item .cont .contTitle{position: relative;}
.pfListArea .contest_list.list_type3 .item .contTitle .btn_like{position: absolute;top: 0;right: 0;width: 21px; height: 21px; background: url(/hive/template/LOUD_IMG/designer/new/ico-like-line.png) 50% 50% no-repeat; border: none; font-size: 0; cursor: pointer; box-shadow: none; -webkit-box-shadow: none; background-size: cover;}
.pfListArea .contest_list.list_type3 .item .contTitle .btn_like:hover{background:url("/hive/template/LOUD_IMG/designer/new/like-line-hover.png") 50% 50% no-repeat; background-size: cover}
.pfListArea .contest_list.list_type3 .item .contTitle .btn_like.active{background:url("/hive/template/LOUD_IMG/designer/new/like-line-select.png") 50% 50% no-repeat; background-size: cover}
.pfListArea .contest_list.list_type3 .item .cont .tit{font-size: 15px;font-weight: bold; line-height: 1.29; letter-spacing: -0.65px; color: #2d2f39;width: 80%}
.pfListArea .contest_list.list_type3 .item .cont .tit:hover{color:#505bf0;}
.pfListArea .contest_list.list_type3 .item .cont .tit a{color:inherit;}
.pfListArea .contest_list.list_type3 .item .conSubTitle{margin: 6px 0}
.pfListArea .contest_list.list_type3 .item .conSubTitle p{font-size: 13px;line-height: 1.46; letter-spacing: -0.5px; color: #737c80;}
.pfListArea .contest_list.list_type3 .item .conInfo span{margin-right:2px; font-size:12px;font-weight: 500; line-height: 1.83; letter-spacing: -0.46px; color: #2d2f39;border-radius:5px; background-color: #eef3fd; padding: 2px 13px}

.box_btn_all_pf{display: block; padding:15px 0; font-size:14px; border-radius:5px; margin:0 auto 90px; max-width:1200px; text-align:center;}
.box_btn_all_pf span{padding-right:12px; display:inline-block; letter-spacing:-0.35px; font-weight:500; vertical-align:middle;}
.box_btn_all_pf .btn_all_pf{display:inline-block; width:120px; height:34px; line-height:32px; font-size:13px; border-radius:5px; border:1px solid #505bf1; background-color:#fff; box-sizing:border-box; vertical-align:middle; cursor: pointer;}
.box_btn_all_pf .btn_all_pf:hover{background-color:#eef3fd;}

.pfListArea .noResult{padding: 180px 0 160px 0; text-align: center;}
.pfListArea .noResult img{margin-bottom: 40px;}
.pfListArea .noResult p{ font-size: 14px; font-weight: bold; letter-spacing: -0.32px; color: #737c80;}
.loading{display: none; margin: auto;}

@media screen and (max-width:1440px) {
  .pfListArea.inner.maxInner{padding:0 80px;}
  .pfListArea .contest_list.list_type3 .item{width:23.5%; margin:0 2% 50px 0;}
  .pfListArea .contest_list.list_type3 .item:nth-child(4n){margin-right:0;}
}




.pfTopInner .btnListWrap .selectListInner.selectListInnerTag{
	display: inline-block;
	width: 740px;
}
.selectListInnerTag .selectListVer{
	float: left;
	padding-top: 10px;
	height: 420px;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;

}
.selectListInnerTag .selectListVer.lang{
	width:160px;
}
.selectListInnerTag .selectListVer.color{
	width:250px;
}
.selectListInnerTag .selectListVer.style{
	width:328px;
	border-right: none;

}
.selectListInnerTag .selectListVer .selectListVerTitle{
	padding-bottom: 5px;
	padding-left: 20px;
	font-family: NotoSansCJKkr;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.39px;
	color: #000000;
}
.selectListInnerTag .selectListVer .selectListVerP{
	padding: 0 0 15px 20px;
	font-family: NotoSansCJKkr;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.26px;
	color: #737c80;
}
.selectListInner .selectList{width: 100%; display: inline-block;}
.selectListInner .selectListHori .selectList.tag{
	height: 40px;
	width: 50%;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: -0.3px;
	color: #737c80;
	cursor: pointer;
}

.selectListInnerTag .selectTag {
	display: inline-block;
	width: 90%;
	padding-left: 10%;
}
.selectListInnerTag .selectTag:hover{
	background-color: #eef3fd;
	cursor: pointer;
}
.selectListInnerTag .selectListVer .selectColorTag{
	padding-left: 18px;
}
.selectListVer .selectListHori .selectTag {
	width: 43.5%;
	padding-left: 6%;
}
.selectListInnerTag .selectTag .selectCheckBox {
	display: inline-block;
	vertical-align: middle;
}
.pfTopInner .btnListWrap .selectListInner .selectTag .selectList{
	display: inline-block;
	width: 80%;
	padding-left: 6px;
}
.selectTag .selectCheckBox .tagCheckMark {
		border: solid 2px #6f79ff;
		display: inline-block;
		height: 18px;
		width: 18px;
		border-radius: 4px;
		border: solid 2px #cccccc;
		background-color: #ffffff;
		box-sizing: border-box;
		position: relative;
}
.selectTag.selected .tagCheckMark {
	border: solid 2px #505bf0;
	background-color: #505bf0;
	cursor: pointer;
}
.selectTag.selected .selectList.tag {
	color: #505bf0;
}
.selectTag.selected .selectCheckBox .tagCheckMark .tagCheckImg {
	display: block;
}
.selectTag .selectCheckBox span {
	font-size: 13px;
	letter-spacing: -0.33px;
}
.selectTag .selectCheckBox .tagCheckImg {
	display: none;
	top: 3px;
	left: 2px;
	width: 12px;
	height: 10px;
	background-image: url(/hive/template/LOUD_IMG/portfolio/icn-check@2x.png);
	background-size: 10px 8px;
	background-repeat: no-repeat;
	position: absolute;
}
.selectListWrap .selectListInner .selectListVer .selectListHori .selectTag .selectList.tag[data-type="style"]{
	width: 50%;
}
.selectListWrap .selectListInnerTag .tagBoxBottom{
	display: inline-block;
	float: right;
}
.selectListWrap .selectListInnerTag .tagBoxBottom .tagBottomBtn{
	display: inline-block;
	margin: 15px 20px 8px 0;
	height: 38px;
	line-height: 36px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.3px;
	text-align: center;
	border-radius: 5px;
	border: solid 1px #ddd;
	cursor: pointer;
	width: 130px;
	background: #505bf0;
	border-color: #505bf0;
	color: #fff;
}
.selectListWrap .selectListInnerTag .tagBoxBottom .tagBottomBtn:hover{
	opacity: 0.8;
}
.selectListWrap .selectListInnerTag .tagBoxBottom .tagResetBtn{
	cursor: pointer;
	margin: 15px 20px 8px 0;
	height: 38px;
	display: inline-block;
	box-sizing: border-box;
	line-height: 36px;
	font-family: NotoSansCJKkr;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.5px;
	color: #a5a5a5;
}
.selectListWrap .selectListInnerTag .tagBoxBottom .tagResetBtn img{
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	padding-bottom: 1px;
}
.selectListWrap .selectListInnerTag .tagBoxBottom .tagResetBtn .resetTxt{
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	font-family: NotoSansCJKkr;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.5px;
	color: #a5a5a5;
}
.selectColorTag .selectTag.color[data-type="color"]{
	width: 36px;
  height: 36px;
  border-radius: 18px;
  float: left;
  margin-right: 9px;
  margin-top: 10px;
  background-size: 30px 30px;
}
.selectColorTag .selectTag.color[data-type="color"]:hover{
	opacity: 0.6;
}
.selectColorTag .selectTag.color[data-type="color"].selected{
	border: solid 2px #505bf0;
}
.selectColorTag .selectTag.color[data-num=""]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-all-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="11"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-gray-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="12"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-red-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="13"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-blue-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="14"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-green-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="15"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-yellow-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="16"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-pink-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="17"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-orange-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="18"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-purple-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="19"]{
	background: url(/hive/template/LOUD_IMG/portfolio/icn-mint-btn@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-num="20"]{
	background: url(/hive/template/LOUD_IMG/portfolio/color-mix-copy-3@2x.png) 50% 50% no-repeat;
}
.selectColorTag .selectTag.color[data-type="color"]{
	width: 36px;
	height: 36px;
	border-radius: 18px;
	float: left;
	margin-right: 9px;
	margin-top: 10px;
	background-size: 30px 30px;
}