/* ****************** 1칸 레이아웃  ****************** */

.layout_86969_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_86969_ > div:after {content:''; display:block; clear:both;}
.layout_86969_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

  
@media (max-width:1200px){
  .layout_86969_{width:95%;}
}

@media \0screen{
	.layout_86969_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_86970_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_86970_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_86970_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_86970_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_86970_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_86970_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_86970_:before {content:'공백: 60px';}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_86971_ *{padding:0; margin:0;}

.empty_86971_ {height:250px; border-radius:10px 10px 0 0; overflow:hidden; position:relative;}
.empty_86971_:before{content:''; display:block; width:100%; height:100%; position:absolute; top:50%; left:50%; background:url("/img_up/shop_pds/naebumo/farm/ja-won-bong-sa-sin-cheongbg1538555164.jpg") no-repeat center; background-size:cover; transform:translate(-50%,-50%) scale(1); transition:all 0.7s;}
.empty_86971_:hover:before{transform:translate(-50%,-50%) scale(1.15);}
.empty_86971_:after{content:''; display:block; width: 100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); transition:all 0.7s;}
.empty_86971_:hover:after{background:rgba(30,116,184,0.3);}
.empty_86971_ p{text-align:center; font-size:22px; color:#fff; position:absolute; top:50%; left:0; right:0; transform:translate(0,-50%); z-index:10; text-shadow:0 0 3px rgba(0,0,0,0.7);}
.empty_86971_ p strong{display:block; font-size:28px; margin-bottom:10px;}

@media (max-width:1023px){
  .empty_86971_{height:230px;}
  .empty_86971_ p{font-size:20px;}
  .empty_86971_ p strong{font-size:24px;}
}
  
@media (max-width:767px){
  .empty_86971_{height:180px;}
  .empty_86971_ p{font-size:18px;}
  .empty_86971_ p strong{font-size:21px; margin-bottom:5px; line-height:1.4em;}
  .empty_86971_ p strong span{display:block;}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_87002_,
.empty_87002_ *{padding:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; word-break:keep-all;}
.empty_87002_ ul{margin:0 0%;}
.empty_87002_ ul:after{content:''; display:block; clear:both;}
.empty_87002_ li{display:block; float:left; width:20%; height:280px; border:1px solid #ddd; border-right:0; background:#fff; position:relative; text-align:center; padding:35px 20px;}
.empty_87002_ li:nth-child(5),
.empty_87002_ li:last-child{border-right:1px solid #ddd;}
  
.empty_87002_ li .process_title{font-size:17px; margin-top:20px; text-align:center; font-weight:bold; letter-spacing:-1px; color:#555;}
.empty_87002_ li .process_title span{color:#f0ba00;}
.empty_87002_ li .process_title span:after{content:''; display:inline-block; width:1px; height:17px; background:#ddd; margin:0 5px 0 8px; vertical-align:middle;}
.empty_87002_ li .process_text{font-size:14px; text-align:center; margin-top:10px; line-height:1.3em;}
  
.empty_87002_ li .process_notice{padding:20px 0; margin:0 30px; font-size:14px; text-align:center; margin-top:10%; line-height:1.8em;}
.empty_87002_ li .process_notice:before{content:''; display:block; width:40px; height:40px;}

  /*단계 화살표*/
.empty_87002_ li:after{content:''; display:none; width:30px; height:30px; border-radius:50%; background:url("/img_up/shop_pds/naebumo/design/img/next_arrow.png") no-repeat center #f0ba00; position:absolute; top:50%; margin-top:-15px; right:-15px; z-index:10;}

.empty_87002_ li:nth-child(5):after {content:''; display:none;}/*()안에 숫자를 바꾸면 그자리부터 화살표가 안보임*/
  
  
@media (max-width:1023px){
  .empty_87002_ li{width:33.3333%; padding:0 15px; }
  .empty_87002_ li:nth-child(3){border-right:1px solid #ddd;}
  .empty_87002_ li:nth-child(4),
  .empty_87002_ li:nth-child(5){border-top:0;}
  .empty_87002_ li img {margin-top:20px;}
}

@media (max-width:767px){
  .empty_87002_ li{width:100%; height:auto; border-bottom:0; padding:20px 0; min-height:90px; border-right:1px solid #ddd;}
  .empty_87002_ li:nth-child(4),
  .empty_87002_ li:nth-child(5){border-top:1px solid #ddd;}
  .empty_87002_ li:last-child{border-bottom:1px solid #ddd;}
  .empty_87002_ li:after{display:none;}
  .empty_87002_ li img{width:70px; float:left; position:absolute; top:50%; left:10px; margin:-35px 0 0 0;}
  .empty_87002_ li p{text-align:left !important; padding-left:100px;}
  .empty_87002_ li .process_title{margin-top:0;}
}

/* ****************** 1칸 레이아웃  ****************** */

.layout_87531_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_87531_ > div:after {content:''; display:block; clear:both;}
.layout_87531_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

  
@media (max-width:1200px){
  .layout_87531_ {width:95%;}
}
  
@media \0screen{
	.layout_87531_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_87532_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_87532_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_87532_:before {content:'공백: 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_87532_ {height:80px; line-height:80px;}
	[id^=div_user_list] .empty_line_87532_:before {content:'공백: 80px';}
}

 @media \0screen{
	.empty_line_87532_ {height:80px; line-height:80px;}
	[id^=div_user_list] .empty_line_87532_:before {content:'공백: 80px';}
}

/* ****************** 타이틀 텍스트  ****************** */

.title_86967_ {font-size:0; border:1px solid #ddd; border-radius:10px 10px 0 0; background:#f9f9f9; border-bottom:2px solid #39b54a;}
.title_86967_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:20px; letter-spacing:-1px; font-weight:bold; color:#39b54a; line-height:1.4em; padding:15px 30px;
}
.title_86967_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_86967_.style_top p {padding-top:10px;}
.title_86967_.style_top p:before {left:0; top:0; width:20px; height:4px;}

.title_86967_.style_right p {padding-right:14px;}
.title_86967_.style_right p:before {right:0; top:4px; width:4px; height:20px;}

.title_86967_.style_bottom p {padding-bottom:12px;}
.title_86967_.style_bottom p:before {left:0; bottom:0; width:20px; height:4px;}

.title_86967_.style_left p {padding-left:14px;}
.title_86967_.style_left p:before {left:0; top:4px; width:4px; height:20px;}

.title_86967_.style_circle1 p {padding-left:20px;}
.title_86967_.style_circle1 p:before {
	left:0; top:8px; width:12px; height:12px;
	border-radius:12px;
}

.title_86967_.style_circle2 p {padding-left:20px;}
.title_86967_.style_circle2 p:before {
	left:0; top:8px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}

@media (max-width:767px){
  .title_86967_ p{font-size:18px; padding:15px;}
}

/* ****************** 공백  ****************** */

.empty_line_86942_ {display:block; width:100%; height:50px; line-height:50px;}

[id^=div_user_list] .empty_line_86942_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_86942_:before {content:'공백: 50px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_86942_ {height:120px; line-height:120px;}
	[id^=div_user_list] .empty_line_86942_:before {content:'공백: 120px';}
}

 @media \0screen{
	.empty_line_86942_ {height:120px; line-height:120px;}
	[id^=div_user_list] .empty_line_86942_:before {content:'공백: 120px';}
}