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

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


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

@media \0screen{
	.layout_200104_ {min-width:1300px;}
}

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

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

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

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

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

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

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

.empty_200106_ {height:250px; border-radius:20px 20px 0 0; overflow:hidden; position:relative;}
.empty_200106_:before{content:''; display:block; width:100%; height:100%; position:absolute; top:50%; left:50%; background:url("/img_up/shop_pds/mobal/farm/4569815384628871.png") no-repeat center; background-size:cover; transform:translate(-50%,-50%) scale(1); transition:all 0.7s;}
.empty_200106_:hover:before{transform:translate(-50%,-50%) scale(1.15);}
.empty_200106_: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_200106_:hover:after{background:rgba(30,116,184,0.3);}
.empty_200106_ 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_200106_ p strong{display:block; font-size:28px; margin-bottom:10px;}

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

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

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

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

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

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


/* ****************** 공백  ****************** */
      
.empty_line_200094_ {display:block; width:100%; height:40px; line-height:40px;}

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

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

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

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

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

@media \0screen{
	.layout_200102_ {min-width:1300px;}
}

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

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

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

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

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

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

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

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

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

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

.empty_line_187055_ {display:block; width:100%; height:60px; line-height:60px;}

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

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

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