.top_bg, .mainbody_bg, .footer_body, .footer_body .footer_text, .news_bg ,#template_view{
		width: 1113px !important;
	}
	.sub_quick_bg {display:none;}

	.cate_subt {
		color: #666;
		position: absolute;
		left: 180px;
		top: 4px;
		padding: 7px;
		font-size: 14px;
		font-weight: 800;
	}
	.cate_subt::after {
		content: "";
		position: absolute;
		height: 15px;
		border-right: 2px solid #666;
		margin: 3px 10px;
	}
	.cate_tap {
		position: absolute;
		top: 5px;
		right: 0;
		width:850px;
	}  
	.cate_tap li {
		float: left;
		display: block;
		color: #888;    
		margin-left: 10px;
		padding: 7px;
		font-weight: 500;
		cursor:pointer;
	}
	.cate_tap li:first-child {
		margin-left:0;
	}
	.cate_tap li.cate_selforder {
		font-weight: 800;
		color: #5ab2d8;
	}
	.cate_tap li.filter_btn {
		width: 130px;
		margin-top: 7px;
		margin-left: 25px;
		border: 1px solid #99d411;
		background: #99d411;
		color: #fff;
		font-weight: 400;
		padding: 0 15px;
		text-indent: 15px;
		float:right;
	}
	.cate_tap li.filter_btn:hover {
		/*background: #fff;
		color: #99d411;*/	
		background-color: #91ca0f;
		border-color: #91ca0f;
	}
	.cate_tap li.filter_btn_off {
		width: 130px;
		margin-top: 7px;
		margin-left: 25px;
		border: 1px solid #eee;
		background: #eee;
		color: #fff;
		font-weight: 400;
		padding: 0 15px;
		text-indent: 15px;
		float:right;
	}
	.cate_tap li.filter_btn_off:hover {
		/*background: #fff;
		color: #99d411;*/	
		background-color: #eee;
		border-color: #eee;
	}
	.filter_btn i {
		margin-left: 5px;
		margin-top: 1px;
		float: right;
		font-size: 16px;
	}
	.cate_tap li.filter_fab_group{
		padding:0;
		margin-top:5px;
		overflow: hidden;
		float:right
	}
	.filter_fab_group > div {
		margin-left:20px;	
		float: left;
	}
	.filter_fab_group > div > div {
		background: #fff;
		color: #5ab2d8;
		border-radius: 3px;
		height: 25px;
		width: 25px;
		text-align: center;
		margin-right: 5px;
		display: inline-block;
	}
	.filter_all i{
		font-size: 15px;
		margin-top: 5px;

	}
	.filter_fab_group .on .filter_all { 
		background: #5ab2d8;
		color:#fff; 
	}
	.filter_fab_group .filter_sav {
		background: #fff;
		color:#25c700;	
	}
	.filter_fab_group .on .filter_sav {
		background: #25c700;
		color:#fff;
	}
	.filter_fab_group .filter_fab {
		background: #fff;
		color:#ffac33;	
	}
	.filter_fab_group .on .filter_fab {
		background: #ffac33;
		color:#fff;
	}

	.filter_sav i,.filter_fab i{
		font-size: 18px;
		margin-top: 3px;
	}
	.filter_subtitle {
		width: 95px;
		line-height: 32px;
		float: left;
		text-align: center;
		font-weight: 800;
		font-size: 14px;
		color: #545454;
	}
	.filter_step02 .filter_subtitle {
		height:	120px;
	}
	.filter_step {
		clear: left;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
		box-sizing: border-box;
	}
	.filter_step > ul {
	}
	.filter_step > ul > li {
		width: 152px;
		margin-left: 0;
		border: none;
		padding: 0px;
		text-align: left;
		margin-bottom: 5px;
		color: #555;
		background-color: transparent;
		cursor: pointer;
		margin: 0 5px 10px 5px;
		overflow: visible;
		position: relative;
		display: inline-block;
		line-height: 32px;
	}
	.filter_bg {
		position: relative;
		padding: 20px 10px 5px;
		border-bottom: 1px solid #eee;
		background: #fff;
		display: none;
	}
	/*샘플리스트*/
	.filter_fab_group  span{
		display: inline-block;
		line-height: 26px;
		float: right;
	}																																		   
	#template_view {
		margin: 10px 0;
	}
	.sample_list_wrap {
		text-align:center;
	}
	.sample_list_item {
		position: relative;
		border: 1px solid #f9f9f9;
		width: 347px;
		margin: 10px auto;
		cursor: pointer;
	}
	#template_view > div.sample_list_item:nth-child(3n) {
		margin-right: 0;
	}
	.sample_list_item:hover	{
		-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
		-o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
		-ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
		box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
		transition: box-shadow .2s ease-out;
	}
	/*찜하기*/
	.solution-fave {
		width: 60px;
		height: 50px;
		background: url(/img/html5/fave.png) no-repeat;
		background-position: 0 0;
		position: absolute;
		right: 0px;
		top: 2px;
		cursor: pointer;
	}
	.fave-line {
		background-position: -3519px 0;
		transition: background 1s steps(55);
	}
	.html-list-btngr {
		position:absolute; 
		bottom:0;
		width:100%;
		height:50px;
	}
	.sample_list_item  span.num_size {
		height:50px;
		line-height:50px;
		float:left;
		font-weight:800;
		padding-left:20px;
	}
	.sample_list_item  span.jjim {
		float:right;
		height: 50px;
		line-height: 50px;
	}
	.sample_list_item .edit_button {
		position: absolute;
		top: 50%;
		background: rgba(90, 178, 216, 1);
		width: 100%;
		height: 34px;
		line-height: 34px;
		left: 0px;
		margin-top: -17px;
		text-align: center;
		color: #fff;
		font-size: 19px;
		font-weight: 600;
		opacity: 0;
		transition: opacity ease .8s;
	}
	.sample_list_item:hover .edit_button {
		opacity: 1;
	}
	/*리스트썸네일*/
	.default_image {width:347px;}

	.btn_jpg_ul img{
		width:347px;
	}
	.sample_list_item .img {
		margin-bottom:50px;
	}
	.uxedit_editor{display:none;}
	/*검색필터*/
	.template_search {
		position: relative;
		display: block;
		height: 30px;
		padding-top: 15px;
		padding-bottom: 5px;
	}
	
	.filter_step01 {
		position: absolute;
		transition: all ease .5s;
		left: 320px;
		width:350px;
	}
	.envel_filter_step01 {
		width:505px;
	}
	.filter_step01 li {
		position:relative;
		float: left;
		display: block;
		width: 127px;
	}
	.tem_solt .filter_subtitle ,.filter_step01 .filter_subtitle {
		line-height: 20px;
	}
	.filter_step01 ul li img.direc_prev {
		position: absolute;
		left: 76px;
		transition: all 0.5s linear;
		top: -12px;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		opacity: 0.5;
	}
	.filter_step01 ul li:last-child img.direc_prev {
		left: 73px;
	}
	.filter_step01 li.on img.direc_prev {
		/* transform: rotate(0deg); */
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		opacity: 1;
	}
	#orderBy {
		margin-top: -5px;
		width: 130px;
		height: 26px;
		text-indent: 5px;
		border: 1px solid #a9a9a9;
	}
	#keyWord_inp {
		margin-top: -5px;
		width: 130px;
		height: 26px;
		text-indent: 5px;
		border: 1px solid #a9a9a9;
	}
	#search_text {
		margin-top: -5px;
		border: none;
		width: 30px;
		height: 28px;
		display: inline-block;
		padding: 8px 10px;
		background: #a9a9a9;
		color: #fff;
	}
	.samlist_keyword_bg {
		position: absolute;
		right: 10px;
		top: 15px;
	}
	
	#orderBy_ui li {
		width: 60px;
		text-align: center;
		color: #999;
		cursor: pointer;
		float: left;
		display: block;
	}
	#orderBy_ui li.on {
		font-weight: 600;
		color: #5ab2d8;
	}
	#temp_reset {
		position: absolute;
		right: 30px;
		bottom: 10px;
		margin-left: 20px;
		display: none;
	}
	#temp_reset li {
		float: left;
		font-size: 15px;
		font-weight: 600;
		color: #454545;
		margin-left: 25px;
		padding: 10px;
		cursor: pointer;
		border: 1px solid #fff;
		transition: border-color ease 1s;
		border-radius: 2px;
		background: #fff;
	}
	#temp_reset li:hover {
		color: #35c1f7;
	}
	#temp_reset li:hover {
		border: 1px solid #35c1f7;
	}
	/*N디자인리스트*/
	#template_view {
	}

	#template_view.min {
		margin: 0;
	}

	#template_view > li {
		/*position: absolute;*/
		left: 0;
		top: 0;
		opacity: 0.5;
		z-index: 0;
		transform: translateY(100px);
	}

	#template_view li:hover {
		z-index: 1;
	}

	#template_view li.show {
		opacity: 1;
		transform: translateY(0);
		transition: transform 0.3s ease;
	}
	/*에디터*/
	
	.uxedit_editor {
	    display:none;
	    position:fixed;
	    z-index:999;
		width:100%;
		height:100%;
	    left:0;
	    top:0px;
	    background:rgba(0,0,0, .4);
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c000000', endColorstr='#6c000000');
	}
	.uxedit_editor_content {
		display:none;
		position:absolute;
		background:#fff;
		top:50%;
		left:50%;
	}

	.uxedit_loading {
	    display:none;
	    position:fixed;
	    z-index:99;
	    top:0;
	    left:0;
	    height:100%;
	    width:100%;
	    background:rgba(255,255,255, .6);
	    background-image:url('../image/loading33.gif');
	    background-position:50% 50%;
	    background-repeat:no-repeat;
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
	}
	.edit_close_wrap {
		height: 30px;
		line-height: 30px;
		font-size: 15px;
		font-weight:800;
	}
	.edit_close {
		display:block;
		width:100%;
		height:30px;
		background: #90268e;
		background: linear-gradient(to right, #ed287b , #90268e);
		transition:.5s background ease;
	}
	.edit_close:hover {
		background: #8e228c;
		background: linear-gradient(to right, #c71a63 , #8e228c);
	}
	.fl.dvdbar {
		display:none;
	}
	

	/*로딩*/
	.loadingwrap {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(255,255,255,0.8);
		z-index: 9999;
		display: none;
	}
	.loadingwrap.on {
		display: block!important;
	}
	.loadingwrap div.lds-ripple{
		position: relative;
		overflow: hidden;
		width: 84px;
		height: 84px;
		left: 50%;
		top: 50%;
		margin-left: -42px;
		margin-top: -62px;
	}
	.lds-ripple div {
		position: absolute;
		border: 4px solid #16abf3;
		opacity: 1;
		border-radius: 50%;
		animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}
	.lds-ripple div:nth-child(2) {
		animation-delay: -0.5s;
	}
	@keyframes lds-ripple {
		0% {
			top: 38px;
			left: 38px;
			width: 0;
			height: 0;
			opacity: 1;
		}
		100% {
			top: -1px;
			left: -1px;
			width: 78px;
			height: 78px;
			opacity: 0;
		}
	}
	.loadingwrap div.loadingtext{
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 20px;
		font-weight: 800;
		margin-top: 20px;
		margin-left: -38px;
		color: #666;
	}
	.loadingtext span {
		font-size: 30px;
		animation-name: blink;
		animation-duration: 1.4s;
		animation-iteration-count: infinite;
		animation-fill-mode: both;
	}

	.loadingtext span:nth-child(2) {
		animation-delay: .2s;
	}

	.loadingtext span:nth-child(3) {
		animation-delay: .4s;
	}	
	@keyframes blink {
		0% {
		  opacity: .2;
		}
		20% {
		  opacity: 1;
		}
		100% {
		  opacity: .2;
		}
	}
	
	/*더보기*/
	.ux_page_num {
	 	margin: 30px auto;
		border: 1px solid #ccc;
		padding: 8px;
		display: block;
		width: 85px;
		text-align: center;
        cursor:pointer;
	}
	/*따라다니기*/
	 
	.cate_mainbg {
		border-bottom: 2px solid #5ab2d8;
		box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.43);
	}
	.mainbody_bg .allcate_menu {
		position: absolute;
		top: 41px;
		width: 1104px;
		height: 559px;
		border: 4px solid #d40000;
		margin: 0 auto;
		z-index: 99999999;
		background: #fff;
		display: none;
	}
	.cate_mainbg.affixon{
		position: fixed;
		width: 1113px;
		background:#fff;
		top: 0;
		height: 93px;
		z-index: 99;
	}  
	.cate_mainlogo {
		display:none;
		padding: 8px 0;
	}
	.cate_mainlogo img {
		width:120px;
	}
	.cate_mainbg.affixon .cate_mainlogo {
		display:block;
		padding: 7px 0px;
		height:31px;
	}
	.cate_mainbg.affixon .filter_bg {
		top:48px;
		background: #fff;
		border-top: 1px solid #eee;
		border-bottom: 2px solid #5ab2d8;
	}
	.top_bg {
		border-bottom: 1px solid #eee;
	}
	.cate_mainbg .tem_solt, .cate_mainbg .filter_step01 {
		position: absolute;
	}
	.cate_mainbg.affixon .template_search {
		position: absolute;
		top: 45px;
		width: 1113px;
		height: 32px;
		background: #fff;
		z-index: -1;
		margin: 0;
		padding: 15px 0 0;
		border-top: 1px solid #eee;
	}
	.cate_mainbg .tem_solt {
		transition: all ease .5s;
		left: 0;
		width: 295px;
	}
	.cate_mainbg.affixon .tem_solt {
		left: 190px;
	}
	.cate_mainbg.affixon .filter_step01 {
		width: 394px;
		left: 510px;
	}
	.cate_mainbg.affixon .envel_filter_step01 {
		width: 485px;
		left: 470px;
	}
	.template_search .all_cate {
		width: 160px;
		height: 20px;
		background: url(/image/all_cate.png) no-repeat left center;
		cursor: pointer;
		float: left;
		text-indent: -9999px;
		position: absolute;
		top: -35px;
		opacity: 0;
		transition: all ease .5s;
		z-index: -1000;
	}
	.cate_mainbg.affixon .template_search .all_cate {
		top: 15px;
		opacity: 1;1

		z-index: -1;
	}
	/*위로보내기버튼*/
	.gotop {
		position: fixed;
		right: 20px;
		bottom: 20px;
		color: #ddd;
		cursor: pointer;
		transition: color ease 1s;
	}
	body {
		position: relative;
		overflow: auto;
	}
	body.ux-open,body.loading {
		overflow: -webkit-paged-y;
		height:100%;
	}
	body.bs-open {
		overflow: -webkit-paged-y;
		width:100%;
		height:100%;
		position: fixed;
	}
	/*공명함*/
	.bsdesign_list_wrap {
		display:none;
		position:fixed;
		width:100%;
		height:100%;
		background: rgba(0,0,0, .4);
		top:0;
		left:0;
		z-index:110;
	}
	.bsdesign_bg {
		width:100%;
		height:100%;
		position:absolute;
	}
	.bsdesign_list_inner {
		width: 787px;
		height: 550px;
		margin: 0 auto;
		top:150px;
		position: relative;
		background: #fff;
		padding: 25px;
	}
	.bsdesign_list_close {
		position: absolute;
		left: 50%;
		top: 150px;
		margin-left: 429px;
		font-size: 22px;
		color: #fff;
		background:#000;
		width: 30px;
		height: 30px;
		border-radius: 100%;
		text-align: center;
		font-weight: 800;
		cursor: pointer;
	}
	.bsdesign_list_close i {
		line-height: 29px;
	}
	.bsdesign_thumb_big {
		width: 472px;
		height:	472px;
		background: #ddd;
		float: left;
		cursor: pointer;
	}
	.bsdesign_thumb_smlists {
		width: 305px;
		height: 550px;
		float: right;
		overflow: auto;
	}
	.bsdesign_thumb_smlist { 
		width: 138px;
		float: left;
		margin-bottom:5px;
		display:block;
		cursor:pointer;
		position:relative;
		border:1px solid #ccc;
	}
	.bsdesign_thumb_smlist:hover {
		border-color: #5ab2d8;
	}
	/*.bsdesign_thumb_smlist:hover::before {
		content:"";
		position:absolute;
		width:105px;
		height:100%;
		border:1px solid #5ab2d8;
	} */
	.bsdesign_thumb_smlists ul li.bsdesign_thumb_smlist:nth-child(even) {
		float:right;
		margin-right:5px;
	}

	.bsdesign_thumb_smlists::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	.bsdesign_thumb_smlists::-webkit-scrollbar {
		width: 12px;
		background-color: #F5F5F5;
	}

	.bsdesign_thumb_smlists::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #DDD;
	}
	.bsdesign_list_inner img {
		width: 100%;
	}
	.default_image_basic {
	    width: 100%;
	}
	.sample_list_item:hover .edit_button_basic {
		opacity: 1;
	}
	.sample_list_item .edit_button_basic {
		position: absolute;
		top: 50%;
		background: #7b85fd;
		width: 100%;
		height: 34px;
		line-height: 34px;
		left: 0px;
		margin-top: -17px;
		text-align: center;
		color: #fff;
		font-size: 19px;
		font-weight: 600;
		opacity: 0;
		transition: opacity ease .8s;
	}
	.bsdesign_thumb_title h5 {
		font-weight: 800;
		margin-top:30px;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		float: left;
	}
	.bsdesign_thumb_title h5 span {
		font-weight: 800;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		color:#999;
	}
	.bsdesign_thumb_title p {
		font-weight: 800;
		width: 100px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		font-size: 15px;
		float: right;
		margin: 30px 15px 0;
		background: #7b85fd;
		color: #fff;
		border-radius: 2px;
		cursor: pointer;
	}
	.bsdesign_thumb_title p:hover {
		background: #555ecc;
	}
	.filter_sav_dropdown,.filter_fab_dropdown {
		position: absolute;	 
		z-index: 999;
		border: 2px solid #5ab2d8;
		box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.43);
		background: #fff;
		display:none;
	}
	.filter_sav_dropdown.open,.filter_fab_dropdown.open {
		display:block;
	}
	.filter_sav_dropdown li,.filter_fab_dropdown li {
		clear: both;
		margin: 0px!important;
		padding: 10px;
		width: 95px;
		transition: all ease 0.3s; 
	}
	.filter_sav_dropdown li:hover,.filter_fab_dropdown li:hover {
		background: #5ab2d8;
		color:#fff;

	}
	.filter_sav_dropdown li i,.filter_fab_dropdown li i{
		margin-right:5px;
	}
	.html5_title_hide {
		display: none;
	    padding: 15px 15px 0;
		font-size: 18px;
		font-weight: 800;
		color: #5ab2d8;
	}
	.html5_title_hide.display {
		display:block;
	}

/*S:추석 팝업*/

#divpop62 {
	position: absolute;
	top: 183px;
	left: 82%;
	margin: 0 0 0 -732px;
	width:519px !important; 
	background: #fff;
	border: 3px solid #000;
	z-index: 9999;
	display: none;
}  
#divpop62 .popClose62 {
	width:519px !important; 
	padding: 5px 0;
	background: #000;
	color: #fff;
	text-align: right;
	clear: both;
}
        
	
#divpop62 .popClose62 span
{
	font-weight: bold;
	margin: 0 20px 0 20px;
	cursor: pointer;
}   
/*E:추석 팝업*/