@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
.top_bg,
.mainbody_bg,
.footer_body,
.footer_body .footer_text,
.news_bg{
	width:1113px !important;
}
.footer_body .news {
    width: 500px;
}
.footer_body .news .open-event ul li a {
	width:420px;
}
.mainbody_bg{
	position:relative;
}
.sub_qmenu_body {
    margin-left: 25px;
}
.footer_body .news .news_more {
    left: 640px;
}

/*S:이벤트 페이지 ----------------------------------------------------------------------------------------- */
.html5_event {
	position:relative;
}
.html5_event > div {
	margin-bottom:80px;
	display:block;
	text-align:center;
}
.html5_event .section_1 h3{
	position:absolute;
	right:0;
	margin-top:-38px;
}
.html5_event .section_2 ul{
	display:block;
	height:290px;
}
.html5_event .section_2 li{
	float:left;	
	border-right:1px solid #eee;
}
.html5_event .section_2 li:last-child {
	border:none;
}
.html5_event .section_3{
	margin-bottom:100px;
}
/*S:슬라이더*/
.html5_event .section_4{
	height:700px;		
	background: #f7f9fb;
	border: 1px solid #f5f5f5;
	position:relative;
} 
.html5_event .section_4 h4{
	padding-top: 40px;
	padding-left: 65px;
	text-align: left;
}

ol.bjqs-markers {
    top: -152px;
    right: -170px !important;
	width: 1111px;
	position:absolute;
}
ol.bjqs-markers li{
	float:left;
}
ol.bjqs-markers li a{    
	width: 98.5px;
    height: 10px;
    background: rgb(239,243,237);
    color: transparent;
    font-size: 0px;
	margin-right:14px;
}
ol.bjqs-markers li:last-child a{
	margin-right:0;
}

ol.bjqs-markers li.active-marker a{
    color: transparent;
	background: #0dccbd;
}
.sampleimg_slide{
	width: 786px;
	margin: 35px auto;
}
.bjqs-wrapper{
	border: 1px solid #ddd;
}
.event_sampleimg li{
	width:770px;
	position:absolute;
}
.event_slidetxt li {display:none;}
.event_slidetxt li:first-child {display: list-item;;}

ul.bjqs-controls.v-centered li a{
	color: #aaa;
    font-size: 40px;
    font-weight: 900;
	line-height: 46px;  
}
/*E:슬라이더*/
.html5_event .section_5{
	background-color: #a1d6ff;
	margin-bottom:0;
}
.html5_event .section_6 {
	height:870px;
}
.html5_event .section_7 {
	position:relative;
	padding-bottom: 150px;
}

.html5_event .section_8{
	background-color: #f2fbff;
}
.html5_orderbtn {
	position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -176px;
	font-size:30px;
	background-color: #ffe852;
	color:#000!important;
	font-weight:bold;
	width:353px;
	height:68px;
	line-height:68px;
	cursor:not-allowed;
}
.html5_orderbt {
	position: absolute;
    bottom: 30px;
	left: 50%;
    margin-left: -176px;
}
	/*S:텝메뉴*/
	.section_6_inner {
		width:909px;
		margin:0 auto;
	}
	.section_6_inner h4{
		width:25%;
		float:left;
		height: 40px;
		line-height: 40px;
		background: #a09f9f;
		color: #fff;
		font-size:14px;
		font-weight: bold;
		font: ng, NanumGothic, "나눔고딕", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;
	}
	ul.html5_tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 40px;
		width: 100%;
		font-size:14px;
		float:right;
		width:75%;
	}
	ul.html5_tabs li {
		float: left;
		text-align:center;
		cursor: pointer;
		height: 40px;
		line-height: 40px;
		border-left: none;
		font-weight: bold;
		background: #f1f2f2;
		overflow: hidden;
		position: relative;
		width:33.3%;
	}
	ul.html5_tabs li.active {
		background: #ffe851;
		border-bottom: 1px solid #FFFFFF;
	}
	.html5_tab_container {
		clear: both;
		float: left;
		width: 248px;
		background: #FFFFFF;
	}
	.html5_tab_content {
		padding: 5px;
		font-size: 12px;
		display: none;
	}
	.html5_tab_container .html5_tab_content ul {
		width:100%;
		margin:0px;
		padding:0px;
	}
	.html5_tab_container .html5_tab_content ul li {
		padding:5px;
		list-style:none
	}
	/*E:텝메뉴*/



/*E:이벤트 페이지 ----------------------------------------------------------------------------------------- */

/*E:솔루션 리스트  페이지 ----------------------------------------------------------------------------------------- */
.cate_mainbody,h1, h2,h3,h4,h5 { font:12px/1.5 ng, NanumGothic, "나눔고딕", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif }

/*.top_bg .all_cate {
	background: #d40100 url(/image/all_cate.png) no-repeat left center;
	height: 34px;
	margin-top: 3px;
	border-radius: 3px;
}*/
.template_wrap {padding:20px 0;}
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {margin-top:0;}

/*S:메뉴*/
.cate_subt {
	color: #666;
	position: absolute;
	right: 600px;
	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;
}  
.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: #60c3ef;
}
.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;
}
.cate_tap li.filter_btn:hover {
	/*background: #fff;
	color: #99d411;*/	
	background-color: #91ca0f;
	border-color: #91ca0f;
}
.filter_btn i {
	margin-left: 5px;
	margin-top: 1px;
	float: right;
	font-size: 16px;
}
.cate_tap li.filter_fab_group{
	padding:0;
	margin-left:50px;
	margin-top:5px;
	overflow: hidden;
}
.filter_fab_group > div {
	float: left;
	background: #fff;
	color: #5ab2d8;
	border-radius: 3px;
	height: 25px;
	width: 25px;
	text-align: center;
	margin-left: 5px;
}
.filter_all i{
	font-size: 15px;
	margin-top: 5px;

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

.filter_fab i{
	font-size: 18px;
	margin-top: 3px;
}
/*E:메뉴*/
/*S:필터*/
/*S:affix*/ 
.cate_mainbg {
	border-bottom: 2px solid #5ab2d8;
	box-shadow: 0 8px 12px -10px rgba(0, 0, 0, 0.43);
}
.cate_mainbg.affixon{
	position: fixed;
	width: 1113px;
	background:#fff;
	top: 0;
	height: 95px;
	z-index: 99;
	/* border-color:#eee; */
}  
.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:50px;
	background: #fff;
}
.top_bg {
	border-color: #eee;
	height: 45px;
}
.cate_mainbg.affixon .template_search {
	position: absolute;
    top: 45px;
    width: 1113px;
    height: 30px;
    background: #fff;
    z-index: -1;
    margin: 0;
    padding: 15px 0 0;
    border-top: 1px solid #eee;
}
.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;
	z-index: -1;
}

.template_search #js-filters-juicy-projects1 {
	float:left;
	clear:none;
}
.template_search #js-filters-juicy-projects1 h3,
.template_search #js-filters-juicy-projects1 li {
	line-height:20px;
	margin-top:0;
	text-align:left;
}
.template_search #js-filters-juicy-projects1 .filter_subtitle {
	width: 80px;
}
.template_search #js-filters-juicy-projects1 .cbp-filter-item {
    width: 87px;
}
.template_search .envel-filters .cbp-filter-item {
    width: 100px !important;
}
.template_search #js-filters-juicy-projects1 .cbp-filter-item .filter_chk_yun	{
	margin-top:2px;
}
.template_search > div:not(.num_search) {
	margin-right:30px;
} 
.cate_mainbg.affixon  .tem_solt, .cate_mainbg.affixon #js-filters-juicy-projects1 {
	position:absolute;
}
.cate_mainbg .tem_solt {
	transition: all ease .5s;
	left: 0;
}
.cate_mainbg.affixon .tem_solt {
	width: 295px;
	left: 190px;
}
.cate_mainbg #js-filters-juicy-projects1 {
	transition: all ease .5s;
	left: 320px;
}
.cate_mainbg.affixon #js-filters-juicy-projects1 { 
	width: 394px;
	left: 510px;
}
/*E:affix*/
.filter_bg {
	position: relative;
	padding: 20px 10px 5px;
	border-bottom: 1px solid #eee;/*#5ab2d8;*/
	background: #fff;
	display:none;
} 
.affixon .filter_bg {
	border-top:1px solid #eee;
	border-bottom:2px solid #5ab2d8;
}
.cbp-l-filters-button {clear:left;}
.filter_subtitle {    
	width: 95px;
    line-height: 32px;
    float: left;
    text-align: center;
    font-weight: 800;
    font-size: 14px;
    color: #545454;
}
.cbp-l-filters-button {margin-bottom:10px;}
.cbp-l-filters-button .cbp-filter-item {
	width:158px;
	margin-left:0;
	border:none;
	padding: 0px;
	text-align:left;
	margin-bottom:5px;
	color:#555;
    background-color: transparent;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
	text-align:left;
    color: #888;
    cursor: default;
    background-color: transparent;
}
.cbp-l-filters-button .cbp-filter-item .filter_chk_yun {
	width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    border-radius: 1px;
    display: inline-block;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
	transition: .5s background ease;
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active .filter_chk_yun {
    background-color: #fff;
    border-color: #0f7eb7;
	background-color: #19a1e6;
}
#js-filters-juicy-projects2 .filter_subtitle{height: 120px;}
#temp_reset{ 
	position: absolute;
	right: 30px;
	bottom: 0;
	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{
	border: 1px solid  #35c1f7;
}
#temp_reset li:hover{
	color: #35c1f7;
}
#temp_reset li i{
	font-size: 17px;
	color: #bbb;
	float: left;
	margin: 2px 7px 2px 0;
}

/*E:필터*/
/*S:검색*/
.template_search{
	position: relative;
    display: block;
    height: 30px;
    padding-top: 15px;
    padding-bottom: 5px;
}
.template_search div{
	display:block;
}
.template_search h4, .template_search ul, .template_search li{
	float:left;
	display: block;
}
.num_search{float:right;}
.tem_solt{
	font-size: 13px;
	color:#545454;
	float:left;
}
#js-filters-juicy-projects1	,.tem_solt{
	position:absolute;
}
.tem_solt h4{
	margin-right: 10px;
	font-weight: 600;
	    /* font-weight: 800; */
    font-size: 14px;
}

/* .tem_solt h4:after{
	content: "00b7";
	position:absolute;
	left:161px;
} */
#orderBy_ui li {
	width:60px;
	text-align: center;
	color:#999;
	cursor: pointer;
}
#orderBy_ui li.on {
	font-weight: 600;
	color:#19a1e6;
}
#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;
}

/*E:검색*/
/*S:템플릿아이템*/
.solution-name {
    font-size: 15px;
    float: left;
    padding: 14px;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
	color:#fff;
	font-size: 19px;
	font-weight: 600;
	opacity:0;
	transition: opacity ease .8s;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body::before {
    content: "";
    position: absolute;
    background: rgba(90, 178, 216, 1);
    width: 100%;
    height: 34px;
    left: 0px;
    margin-top: -3px;
    z-index: -1;
}

.cbp-item-wrapper:hover  .cbp-l-caption-body{
	opacity: 1;
}
.cbp-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
}
.cbp-item:hover .cbp-caption-activeWrap{
	top:0;	
	cursor:pointer;
}
.cbp-item:hover .cbp-l-caption-body{
	opacity: 1;
}
.cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap {
   	border:none;
   	background-color: rgba(255,255,255,0.5);
}
 .cbp-caption-opacity .cbp-item{
	padding:0;
	border: 1px solid #f9f9f9;
}
/*
.cbp-wrapper-outer{
	overflow:visible;
} */
/*E:템플릿아이템*/

.fa-spin-rev {
  -moz-animation: spin 2s infinite linear reverse;
  -o-animation: spin 2s infinite linear reverse;
  -webkit-animation: spin 2s infinite linear reverse;
  animation: spin 2s infinite linear reverse;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*E:솔루션 리스트 페이지 ----------------------------------------------------------------------------------------- */

/*S:솔루션 주문 페이지 ----------------------------------------------------------------------------------------- */
	.sub_quick_bg {
		z-index: 999;
		display:none;
	}
	.gotop {
		position:fixed;
		right:20px;
		bottom:20px;
		color:#ddd;
		cursor:pointer;
		transition: color ease 1s;
	}
	.gotop:hover {
		color: #19a1e6;
	}
	/*S:시안창*/
	.preview_wrap{
		float:left;
		width: 550px;
    	padding: 20px;
		margin-top:20px;
		position:relative;
	}
	.design_preview {
		padding-bottom: 20px;
		text-align:center;
	}
	.design_preview > div{
		position: relative;
		margin:20px;
		max-width: 440px;
		display: inline-table;
		line-height: 270px;
		text-align: center;
		font-size: 40px;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	}
	.design_preview > div img{
		max-width:440px;
		max-height:440px;
	}
	.preview_wrap_title{
		background:#000;
		font-size: 20px;
		line-height: 40px;
		color:#fff;
		text-align: center;
	}
	.design_thumb {
		width:100%;
		height: 200px;
		text-align: center;
		border-bottom:1px solid #ddd;
	}
	.design_thumb_inner {
		width: 400px;
		margin:0 auto;
	}
	.design_thumb_inner > div {
		float:left;
		padding:43px;
		display: block;
	}
	.design_thumb_inner > div > img{
		width:100px;
		height:70px;
		background: black;
		display: block;
	}
	.design_thumb_inner > div > span{
		font-size: 16px;
	    margin-top: 16px;
	    font-weight: 600;
	    display: inline-block;
	}
	.design_thumb_inner > div > span.on{
		border-bottom: 2px solid #5ab2d8;
	}
	.preview_wrap .agree {
	    margin: 20px 0 50px;
    	height: 20px;
    }
	.preview_wrap .check{
		font-size: 15px;
	}
	.preview_wrap .check li{
		font-size: 13px;
		line-height: 25px;
		margin: 10px 0;
		text-indent: -16px;
		padding-left: 16px;
		color:#555;
	}
	.preview_wrap .chk {
		float:right;
	}
	.preview_wrap .chk label{
		font-size: 15px;
	    line-height: 20px;
	    float: right;
	    margin-left: 5px;
		font-weight: 800;
	}
	#agree{    
		width: 20px;
	    height: 20px;
	}
	/*E:시안창*/
	/*S:주문창*/
	
	.order_wrap{;
		float: right;
		width: 450px;
		padding: 20px;
		margin-top:20px;
	}
	.order_title {
	    font-size: 29px;
	    font-weight: 800;
	    line-height: 49px;
	    padding-bottom: 15px;
    	border-bottom: 1px solid #ddd;
		color:#002b70;
	}
	.order_title_span {
		font-size: 18px;
		font-weight: 600;
		color: #39b2e6;
	}
	.order_title img{
		float:left;
		margin-right: 10px;
	}
	.order_wrap .notice {
		padding-bottom: 15px;
    	border-bottom: 1px solid #ddd;
    }
	.order_wrap .notice h3{
	 	font-size: 14px;
	 	color: #77c214;
    	font-weight: 800;
	    line-height: 49px;
	}
	.order_wrap .notice img{
		float:left;
		margin-right: 10px;
	}
	.order_input {
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
	} 
	.order_input h4 {
		font-size: 16px;
		font-weight: 600;
		line-height: 49px;
		padding-top: 10px;
		color: #555;
	}
	.paperView {
		position: absolute;
		top: 20px;
		left: -400px;
		background: #fff;
		padding: 10px;
		border: 3px solid #ddd;
		z-index: 1000;
		display: none;
	}
	.paperView2 {
		position: absolute; 
		top: -80px; 
		left: -400px;
		background: #fff; 
		padding: 10px; 
		border: 3px solid #ddd; 
		z-index: 1000; 
		display: none;
	}
	.order_input>div {
		position:relative;
	}
	.order_wrap input,.order_wrap select{
	    
	    padding: 7px 5px;
	    border: 1px solid #bbbbbb;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
	#PRODUCT_COMP_NAME{
		width: 438px;	
	}
	.order_wrap select{
		width:100%;
		padding: 8px 5px;
	}
	/*E:주문창*/
	/*S:후가공*/
	.order_input .af_round {
		width: 260px;
	}
	.roundView {
		position: absolute;
		top: 20px;
		left: -400px;
		background: #fff;
		padding: 10px;
		border: 3px solid #ddd;
		z-index: 1000;
		display: none;
	}
	.order_input .af_round p.txt {
		margin: 0 0 20px 20px;
	}
	.order_input .af_round div.opt_1.opt img { 
		position:absolute;
		left: 185px;
		margin-top: -30px;
	} 

	.order_input .af_round div.opt_1 {
		margin: 0 0 40px 20px;
	}
	.order_input .af_round div.opt_1 p {
		font-weight: bold;
		color: blue;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 {
		display: none;
	}
	.order_input .af_round div.opt_2 {
		margin: 0 0 10px 20px;
	}
	.order_input .af_round div.opt_2 div {
		position: relative;
		width: 147px;
		left: 145px;
		margin-top: -45px;
	}
	.order_input .af_round div.opt_2 p {
		font-weight: bold;
		color: blue;
	}
	
	.order_input .af_round div.opt_2 div.round_choice_2 input.point1 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 img.num1 {
		position: absolute;
		top: 15px;
		left: 15px;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 input.point2 {
		position: absolute;
		top: 0;
		right: 0;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 img.num2 {
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 input.point3 {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 img.num3 {
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 input.point4 {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.order_input .af_round div.opt_2 div.round_choice_2 img.num4 {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}

/*후가공 세로 명함*/

.order_input .af_round div.opt_3 div.round_choice_4 {
		display: none;
	}
	.order_input .af_round div.opt_3 {
		margin: 0 0 10px 20px;
	}
	.order_input .af_round div.opt_3 div {
		position: relative;
		width: 147px;
		left: 145px;
		margin-top: -45px;
	}
	.order_input .af_round div.opt_3 p {
		font-weight: bold;
		color: blue;
	}
	
	.order_input .af_round div.opt_3 div.round_choice_4 input.point1 {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 img.num1 {
		position: absolute;
		bottom: 15px;
		left: 15px;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 input.point2 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 img.num2 {
		position: absolute;
		top: 15px;
		left: 15px;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 input.point3 {
		position: absolute;
		top: 0;
		right: 66px;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 img.num3 {
		position: absolute;
		top: 15px;
		right: 81px;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 input.point4 {
		position: absolute;
		bottom: 0;
		right: 66px;
	}
	.order_input .af_round div.opt_3 div.round_choice_4 img.num4 {
		position: absolute;
		bottom: 15px;
		right: 81px;
	}





	.after_menubg1 {
		width: 259px;
		margin: 10px 0 0 0;
	}
	.input_size_after {
		width: 70px;
		padding: 4px;
		border: 1px solid #bbbbbb;
		cursor: pointer;
	}
	.afterwork_bg_right select {
		padding: 3px;
		border: 1px solid #bbbbbb;
	}
	
	.rselectbox_bg3	select {
		width:100px;
	}
	.after_menubg2 .location_f ,.after_menubg2 .location_b,.after_menubg2 .location_fb{
		position: absolute;
		height: 62px;
		margin-top:-45px;
		margin-left:130px;
		display:none;
	}
	.after_menubg2 .location_f {
		background: url(/product/card/fileorder/order_img/after_location_f.png);
		width: 114px;
		display:block;
	}
	.after_menubg2 .location_b {
		background: url(/product/card/fileorder/order_img/after_location_b.png);
		width: 114px;
	} 
	.after_menubg2 .location_fb {
		background: url(/product/card/fileorder/order_img/after_location_fb.png);
		width: 242px;
	}
	/*E:후가공*/

	/*S 후가공셀랙트*/
	.finishing_select,.finishing_ok{
		width: 425px;
		height: 40px;
		overflow: hidden;
		display: block;
		transition:width ease 0.5s;
	}
	
	.order_wrap.on .finishing_select{
		width: 725px;
	}
	.finishing_select li , .finishing_ok li{
		position: relative;
		float: left;
		line-height: 20px;
		margin: 8px 8px 10px 0;
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #555;
	} 
	.finishing_select_new {
		display:none;
	}
	.finishing_code_inner{
		position: relative;
		padding: 10px;
		margin-top: 10px;
		box-shadow: 1px 1px 2px 1px #ccc;
		background:#fff;
		display: none;
	}
	.finishing_close_btn {
		border: none;
		font-size: 14px;
		font-weight: 800;
		padding: 8px 10px 6px;
		cursor: pointer;
		display: block;
		background: #81b841;
		border-radius: 0 0 3px 3px;
		transition: background ease 0.5s;
		position: absolute;
		bottom: 0;
		width: 50px;
		right: 0;
		margin-bottom: -32px;
		box-shadow: 1px 2px 2px 1px #ccc;
		color: #fff;
	}

	.finishing_close_btn:hover {
		background: #df1e5c;
		color: #fff;
	}

	.finishing_code_inner > ul {
		width:100%;
		overflow:hidden;
	}
	.finishing_code_inner > ul > li {
		width:100%;
		display:none;
		padding:5px 0;
		overflow:hidden;
		border-top: 1px solid #f1f1f1;	
		border-bottom: 1px solid #f1f1f1;	
	}
	.finishing_code_inner > ul > li:hover {
		background:#eee;
	}
	.finishing_code_inner > ul > li >  img{
		float:left;
	}
	.finishing_code_inner > ul > li >  img{
		height:80px;
		margin: 0 7px;
	}
	.fns_opt_title{
		position: relative;
		text-indent: 20px;
		line-height: 27px;
		font-size: 15px;
		font-weight: 600;
	}
	.fns_opt_title::before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 4px;
		height: 4px;
		border-radius: 12px;
		background: #81b841; 						
		left: 10px;
		top: 11px;
	}
	.fns_opt_title span {
		display:inline-block;
		font-size:12px;
		line-height: 20px;
		padding-left: 20px;
		text-indent:0;
	}
	.fns_opt_option{
		margin-top: 10px;
		margin-left: 20px;
		font-size: 13px;
		color: #666;
	}
	.fns_opt_option_inner {
		margin-left:20px;
	}
	.fns_opt_option_inner .rselectbox_bg {
		position:relative;
		width: 249px;
		height: 34px;
		margin: 0px 0px 10px 10px;
	}
	.after_menubg1 .rselectbox_bg2	{
		position: relative;
		height:34px;
		margin: 0px 0px 10px 10px;
	}
	.after_menubg2 .rselectbox_bg3 {
		position: relative;
		height:34px;
		margin: 0px 0px 10px 10px;
	}
	.amenu_title {
		font-weight: bold;
		color: blue;
	}
	.after_menubg2 .afterwork_text_box {
		position: relative;
		width: 242px;
		height: 25px;
		margin:0;
		margin-left: 10px;
	}
	.finishing_code_inner li.corner_btn {
		height:230px;
	}
	.finishing_code_inner li.foil_btn {
		height:300px;
	}
	.finishing_code_inner li.spot_btn {
		height:232px;
	}
	.finishing_code_inner li.epoxy_btn {
		height:212px;
	}
	.finishing_code_inner li.hyung_btn {
		height:258px;
	}
	.finishing_select input[type="checkbox"] { 
		/* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 
	} 
	.finishing_select input[type="checkbox"] + label { 
		display: inline-block; 
		position: relative; 
		cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
		margin-left: 8px;
	} 
	.finishing_select input[type="checkbox"] + label:before { 
		/* 가짜 체크박스 */ content: ' '; 
		display: inline-block; 
		width: 21px; /* 체크박스의 너비를 지정 */ 
		height: 21px; /* 체크박스의 높이를 지정 */ 
		line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */ 
		margin: -2px 8px 0 0; 
		text-align: center; 
		vertical-align: middle; 
		background: #fafafa; 
		border: 1px solid #cacece; 
		border-radius : 3px; 
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
	} 
	.finishing_select input[type="checkbox"] + label:active:before, input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	.finishing_select input[type="checkbox"]:checked + label:before { 
		/* 체크박스를 체크했을때 */ content: '\2714'; 
		/* 체크표시 유니코드 사용 */ color: #99a1a7; 
		text-shadow: 1px 1px #fff; 
		background: #e9ecee; 
		border-color: #adb8c0; 
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); 
	}
	.fns_opt_subtitle {
		font-weight: bold;
		color: blue;
		height:18px;
		margin-bottom:5px;
	}
	/*e 후가공셀랙트*/
	.order_confirm {
		padding-top: 15px;
	}
	.totalPrice{
		font-size: 20px;
		font-weight: 600;
		margin-top: 25px;
		margin-bottom:10px;	
	}
	.totalPrice .red{
		color:red;
	}
	.totalPrice span.vat{
		font-size:15px;
		
	}
	.order_confirm .btns span{
		display: inline-block;
		padding: 8px 36px;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 3px;
		margin-right: 3px;
		cursor:pointer;
	}
	.order_confirm .btns span:last-child{
		margin-right:0;
	}
	.reEdit {background: #77c214; border:1px solid #77c214;	color: #fff;}
	.cartIn {background: #fff; border:1px solid #999; color: #666;}
	.orderNow {background: #1793c8; border:1px solid #1793c8; color: #fff;}
	.reEdit:hover {
		background: #6fad1c; border:1px solid #6fad1c;
	}
	.cartIn:hover {
		background: #f6f6f6;
	}
	.orderNow:hover {
		background: #1989b9; border:1px solid #1989b9;
	}
	/*S:iframe창*/

	.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 i{
		position:absolute;
		left:50%;
		top:50%;
	}
	 .loadingicon1 {
		margin-left:-90px;
		margin-top:-90px;
		color:#888;
	}
	.loadingicon2 {
		margin-left:-30px;
		margin-top:-30px;
		 color:#16abf3;
	}*/
	.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;
		}
	}
	/*E:iframe창*/
	/*S:찜버튼*/
	.solution-mytag {
		position:relative;
		float: right;
		padding: 12px;
		display: block;
		width:70px;
		height:50px;
		overflow:hidden;
	}
	.solution-fave {
		width: 70px;
		height: 50px;
		background: url(/img/html5/fave.png) no-repeat;
		background-position: 0 0;
		position: absolute;
		left: 10px;
		top: 2px;
		cursor:pointer;
	}
	.fave-line {
		background-position: -3519px 0;
		transition: background 1s steps(55);
	}
	/*E:찜버튼*/
	/*.cbp img {
		opacity: 0.9;
	} */
	/*S:디자인 원고수정*/
	.designSampleOrder_title {font-size: 20px; font-weight: 800; color: #5a5a5a; margin-top: 20px; margin-bottom: -20px;text-indent:20px;}
	.designSampleOrder_title span{color: #39b2e6;font-size: 18px;}
	.design_preview2 {
		text-align:center;
	}
	.design_preview2 > div {
		display: inline-table;
		text-align: center;
		font-size: 40px;
	}
	.design_preview2 img { max-width: 440px; margin: 0 10px 20px; box-shadow: 0 1px 5px 0px rgba(0,0,0,0.3);}
	.design_preview2 div>div { width: 440px; margin: 0 0 20px 0; background: #fff;}
	.design_preview2 div>div p {width: 100%; padding: 5px 0; background: #aaa; font-size: 14px; color: #fff; text-align: center;}
	

	.design_preview2 div>div textarea {width: 420px; height: 80px; border:none; outline:none; background:#eee; margin: 15px auto; padding: 10px; display: block;cursor: not-allowed;}
	.design_preview2 div>div input {width: 440px; margin: 0 auto; display: block;}
	.notice2 {padding: 0 0 30px;}
	.notice2 button {padding: 7px 40px;margin: 0 auto;background: #292b38;color: #fff;font-size: 16px;border: none;border-radius: 3px;display: block;width: auto;height: auto;}
	.notice2 button:hover {	background: #44475a; }
	.priceInfo > div.design_pay {font-size: 18px; font-weight: 600;}
	
	.design_preview2:after {content: ""; display: block; clear: both;} 
	.noresize {
		resize: none; /* 사용자 임의 변경 불가 */
	}
	
	.design_preview_envel div.input_data {
		width:460px;
	}
	.design_preview_envel div.input_data p {width: 100%; padding: 5px 0; background: #aaa; font-size: 14px; color: #fff; text-align: center;}
	.design_preview_envel div.input_data textarea {width: 440px; height: 80px; border:none; outline:none; background:#eee; margin: 15px auto; padding: 10px; display: block;cursor: not-allowed;
	}
	.design_preview_envel .frontView_envel p {   
		font-size: 15px;
		font-weight: 800;
		color: #fff;
		text-align: left;
		padding: 5px 10px;
		background: #39b2e5;
		margin-bottom: 10px;
		text-indent: 5px;
		width: 75px;
	}
	.design_preview_envel .frontView_envel .order_product_name {
		font-size: 11px;
		text-align:left;
		color: #77c214;
		text-indent:10px;
	}
	/*E:디자인 원고수정*/
	/*S:디자인 원고수정*/
	.designSampleOrder_title {font-size: 20px; font-weight: 800; color: #5a5a5a; margin-top: 20px; margin-bottom: -20px;text-indent:20px;}
	.designSampleOrder_title span{color: #39b2e6;font-size: 18px;}
	.design_preview3 .input_wrap {width: 550px; height: 395px; background: #fff;}
	.design_preview3 .input_wrap p {width: 100%; margin: 0 0 25px 0; padding: 5px 0; background: #aaa; font-size: 14px; color: #fff; text-align: center;}
	.design_preview3 .input_wrap div {width: 90%; margin: 0 auto 20px;}
	.design_preview3 .input_wrap label {width: 12%; height: 29px; display: inline-block; float: left; line-height: 29px; margin: 0 0 5px 0; font-weight: 800;}
	.design_preview3 .input_wrap input {width: 100px; height: 25px; margin: 0 5px 10px 0; padding:0 5px; }
	.design_preview3 .input_wrap input.addrs1 {width: 120px;}
	.design_preview3 .input_wrap input.addrs2 {width: 85%; margin: 0 0 5px 0;}
	.design_preview3 button {margin: 0 0 10px 0;}
	.design_preview3 .input_wrap textarea {width: 90%; height: 120px; margin: 0 auto; display: block;}
	.design_preview3 .map:after {content: ""; display: block; clear: both;}
	.design_preview3 .map {width: 450px;  background: #eee; text-align:center; margin:0 auto 25px;}
	.design_preview3 .map img{width: 450px; }
	.design_preview3 .map_info:after {content: ""; display: block; clear: both;}
	.design_preview3 .map_txt {background: #eee; padding: 0 0 30px 0;}
	.design_preview3 .map_txt p {width: 100%; margin: 20px 0 30px 0; padding: 10px 0; background: #292b38; font-size: 14px; color: #fff; text-align: center;}
	.notice3 {padding: 0 0 30px;}
	.notice3 button {padding: 7px 40px;margin: 0 auto;background: #292b38;color: #fff;font-size: 16px;border: none;border-radius: 3px;display: block;width: auto;height: auto;}
	.notice3 button:hover {	background: #44475a; }
	.priceInfo > div.design_pay {font-size: 18px; font-weight: 600;}
	
	/*E:디자인 원고수정*/
/*E:솔루션 주문 페이지 ----------------------------------------------------------------------------------------- */


/*S:biz_pod_evnt 페이지*/

#biz_wrap {margin: 0 auto;width: 1100px;}

#biz_wrap > .main_img {width: 822px;float: right;}



.bizimg_area {
width: 220px;
float: left;


}

.bizimg_area h2 {font-size: 25px;margin-top: 25px;color:#7b7b7b;}

.bizimg_area > ul > li {
font-size:14px;
margin-bottom: 15px;
color:#5c5c5c;
font-weight: 600;
}

.bizimg_area > ul {margin-top: 40px;position: relative;}

.bizimg_area > ul > li > span {color:#a0a0a0;}
.bizimg_area > ul > li:nth-child(2) > a {cursor: pointer;color:#b7b7b7;}

.bizimg_area > ul > li:nth-child(3) > a {margin-left: 26px;}
.bizimg_area > ul > li:nth-child(4) > a {margin-left: 26px;}
.bizimg_area > ul > li:nth-child(5) > a {margin-left: 26px;}



.bizimg_area > ul > li > span {margin-left:10px;font-size:17px;}

.bizimg_area > ul > li > a:hover {color:#5ab2d8 !important;}

.bizimg_area > ul > li > ul > li {margin-top: 12px;font-size: 12px;font-weight: 400;}

.bizimg_area > ul > li > ul  a {cursor: pointer;}

.bizimg_area > ul > li > ul span {margin: 0 3px 0 20px;}

.bizimg_area.fix{position:fixed;top:0;z-index:100;}

.main_img > div {position: relative;}


.fa-bars {
	color:#b7b7b7;
	font-size:17px;
	margin-top: 2px;
}

.biz_line {
	position: absolute;
	top:21px;
	left: 4px;
}





/*E:biz_pod_evnt 페이지*/
.finishing_ok_btn {
	display: inline-table;
    text-align: center;
	width: 150px;
    height: 35px;
    background-color: #eeeeee;
    border-color: #ffffff;
    border-style: solid;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    counter-increment: bc;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
	cursor: pointer;
}
.finishing_ok_btn.on {
	background: #bf0404;
	color: #fff;
}
.custom_editor_wrap {
	position:absolute;
	width:100%;
	top: 0;
	display:none;
}
#custom_editor {
	width:100%;
	height: 600px;
	border:none;
}
.after_menubg2,.after_menubg3 {
	display: inline-block;
}
.sidechoice_embo {
    margin-left: 10px;
}