
/* ****************** 1칸 레이아웃  ****************** */

.layout_138168_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto;}
.layout_138168_ > div:after {content:''; display:block; clear:both;}
.layout_138168_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media (max-width:1200px){
  .layout_138168_ {width:95%;}
}

@media \0screen{
	.layout_138168_ {min-width:1200px;}
}

/* ****************** 공백  ****************** */

.empty_line_138169_ {display:block; width:100%; height:40px; line-height:40px;}

[id^=div_user_list] .empty_line_138169_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_138169_:before {content:'공백: 40px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_138169_ {height:80px; line-height:80px;}
	[id^=div_user_list] .empty_line_138169_:before {content:'공백: 80px';}
}

 @media \0screen{
	.empty_line_138169_ {height:80px; line-height:80px;}
	[id^=div_user_list] .empty_line_138169_:before {content:'공백: 80px';}
}

/* ****************** 타이틀 텍스트  ****************** */

.title_138171_ {font-size:0;}
.title_138171_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:44px; letter-spacing:-1px; font-weight:700; color:#444; line-height:1.4em;
}
.title_138171_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_138171_.style_top p {padding-top:10px;}
.title_138171_.style_top p:before {left:0; top:0; width:44px; height:4px;}

.title_138171_.style_right p {padding-right:14px;}
.title_138171_.style_right p:before {right:0; top:9px; width:4px; height:44px;}

.title_138171_.style_bottom p {padding-bottom:12px;}
.title_138171_.style_bottom p:before {left:0; bottom:0; width:44px; height:4px;}

.title_138171_.style_left p {padding-left:14px;}
.title_138171_.style_left p:before {left:0; top:9px; width:4px; height:44px;}

.title_138171_.style_circle1 p {padding-left:20px;}
.title_138171_.style_circle1 p:before {
	left:0; top:25px; width:12px; height:12px;
	border-radius:12px;
}

.title_138171_.style_circle2 p {padding-left:20px;}
.title_138171_.style_circle2 p:before {
	left:0; top:25px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}


@media (max-width:1023px){
  .title_138171_ p{font-size:33px;}
}

@media (max-width:767px){
  .title_138171_ p{font-size:22px;}
}

/* ****************** 공백  ****************** */

.empty_line_138170_ {display:block; width:100%; height:15px; line-height:15px;}

[id^=div_user_list] .empty_line_138170_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_138170_:before {content:'공백: 15px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_138170_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_138170_:before {content:'공백: 30px';}
}

 @media \0screen{
	.empty_line_138170_ {height:30px; line-height:30px;}
	[id^=div_user_list] .empty_line_138170_:before {content:'공백: 30px';}
}

/* ****************** 타이틀 텍스트  ****************** */

.title_138172_ {font-size:0;}
.title_138172_ p {
	display:inline-block; position:relative; margin:0; padding:0;
	font-size:18px; letter-spacing:-1px; font-weight:400; color:#777; line-height:1.6em;  word-break:keep-all;
}
.title_138172_ p span{color:#ffc336; font-weight:500;}
.title_138172_ p:before {content:''; position:absolute; background:#d00000; font-size:0;}

.title_138172_.style_top p {padding-top:10px;}
.title_138172_.style_top p:before {left:0; top:0; width:18px; height:4px;}

.title_138172_.style_right p {padding-right:14px;}
.title_138172_.style_right p:before {right:0; top:4px; width:4px; height:18px;}

.title_138172_.style_bottom p {padding-bottom:12px;}
.title_138172_.style_bottom p:before {left:0; bottom:0; width:18px; height:4px;}

.title_138172_.style_left p {padding-left:14px;}
.title_138172_.style_left p:before {left:0; top:4px; width:4px; height:18px;}

.title_138172_.style_circle1 p {padding-left:20px;}
.title_138172_.style_circle1 p:before {
	left:0; top:7px; width:12px; height:12px;
	border-radius:12px;
}

.title_138172_.style_circle2 p {padding-left:20px;}
.title_138172_.style_circle2 p:before {
	left:0; top:7px; width:12px; height:12px;
	border:2px solid #d00000; border-radius:12px; background:none; box-sizing:border-box;
}

@media (max-width:1023px){
  .title_138172_ p{font-size:16px;}
}

@media (max-width:767px){
  .title_138172_ p{font-size:15px;}
}

/* ****************** 공백  ****************** */

.empty_line_138173_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_138173_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_138173_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_138173_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_138173_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_138173_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_138173_:before {content:'공백: 60px';}
}

/* ****************** 1칸 레이아웃  ****************** */

.layout_138177_ {clear:both; min-width:150px; max-width:1200px; margin:0 auto; font-size:0;}
.layout_138177_ > div:after {content:''; display:block; clear:both;}
.layout_138177_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media (max-width:1200px){
  .layout_138177_ {width:95%;}
}

@media \0screen{
	.layout_138177_ {min-width:1200px;}
}

/* ****************** 장문 텍스트  ****************** */

.textarea_138178_, .textarea_138178_ *{box-sizing: border-box; list-style:none;}
.textarea_138178_{background:#f5f5f5; padding:30px 40px; position:relative;}
.textarea_138178_ p {
	display:block; margin:0; padding:0; word-break:keep-all;
	font-size:16px; letter-spacing:0px; font-weight:normal; color:#666; line-height:1.7em;
}
.textarea_138178_ p span{font-weight:500; margin-right:30px; position:relative; letter-spacing:6px;}
.textarea_138178_ p span:after{content:''; display:block; width:1px; height:12px; background:#ccc; position:absolute; top:7px; right:-20px;}
.textarea_138178_ ul{position:absolute; top:50%; right:30px; margin-top:-22px;}
.textarea_138178_ ul:after{content:''; display:block; clear:both;}
.textarea_138178_ li{float:left; margin:0 5px;}
.textarea_138178_ li a{display:block; padding:.8em 2.7em; font-size:15px; text-align:center; border:1px solid #ccc; background:#fff; transition:all .4s; cursor:pointer;}
.textarea_138178_ li a:hover{color:#009ddd; border-color:#555;}
.textarea_138178_ li a span{display:inline-block; width:20px; height:20px; vertical-align:middle; margin-left:5px; transition:all .4s;}
.textarea_138178_ li.cam span{background:url("/img_up/shop_pds/jjsol/design/img/icon_cam.png") no-repeat center; margin-top:-2px;}
.textarea_138178_ li.cam a:hover span{background:url("/img_up/shop_pds/jjsol/design/img/icon_cam_o.png") no-repeat center;}
.textarea_138178_ li.flag span{background:url("/img_up/shop_pds/jjsol/design/img/icon_flag.png") no-repeat center;}
.textarea_138178_ li.flag a{background:#0063af; border-color:#0063af; color:#fff;}
.textarea_138178_ li.flag a:hover{background:#009ddd; border-color:#009ddd;}

@media (max-width:1023px){
  .textarea_138178_ p{font-size:15px;}
  .textarea_138178_ ul{position:relative; right:auto; display:block; margin:20px auto 0; padding:0; text-align:center;}
  .textarea_138178_ li{float:none; display:inline-block;}
}

@media (max-width:767px){
  .textarea_138178_{padding:20px;}
  .textarea_138178_ p{font-size:14px; word-break:keep-all;}
  .textarea_138178_ li {width:48%; margin: 0 2px;}
  .textarea_138178_ li a{font-size:13px; padding: .8em 10px;}
}

/* ****************** 공백  ****************** */

.empty_line_131031_ {display:block; width:100%; height:30px; line-height:30px;}

[id^=div_user_list] .empty_line_131031_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131031_:before {content:'공백: 30px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131031_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_131031_:before {content:'공백: 60px';}
}

 @media \0screen{
	.empty_line_131031_ {height:60px; line-height:60px;}
	[id^=div_user_list] .empty_line_131031_:before {content:'공백: 60px';}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_138181_, .empty_138181_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;}
  
.empty_138181_{background:#f5f5f5; }


.empty_138181_ dl{position:relative; padding-left:300px;}
.empty_138181_ dt{width:300px; position:absolute; top:0; left:0; text-align:center; height:100%; border-right:1px dotted #ccc;}
.empty_138181_ dt .title_box{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);}
.empty_138181_ dt p{font-size:22px; color:#444; letter-spacing:-2px;}
.empty_138181_ dd{padding:40px;}
.empty_138181_ dd p{margin-bottom:20px; font-size:16px ;}
.empty_138181_ dd p:last-child{margin-bottom:0;}
.empty_138181_ dd p span{display:block; width:180px; background:#ffc336; color:#fff; padding:4px 20px 6px; border-radius:2em; margin-right:50px; text-align:center; margin-bottom:10px; vertical-align:middle; position:relative; font-size:16px ;}
.empty_138181_ dd p b{font-weight:normal; font-size:.8em; border:1px solid #87b63b; color:#87b63b; padding:2px 5px 3px; margin-right:8px;}

@media (max-width:1023px){
  .empty_138181_ dl{padding-left:0;}
  .empty_138181_ dt{display:block; width:100%; position:static; top:auto; left:0; right:0; padding:30px 0 20px; border-right:0; border-bottom:1px dotted #ccc;} 
  .empty_138181_ dd{display:block; width:100%;} 
  .empty_138181_ dt .title_box{position:relative;top:auto; transform: translateY(0);}
  .empty_138181_ dt .title_box img{width:50px;}
  .empty_138181_ dt p{font-size:18px;}
  .empty_138181_ dd{text-align:center; padding:30px 20px;}
  .empty_138181_ dd p{font-size:15px;}
  .empty_138181_ dd p span{margin:0 auto 10px; font-size:15px;}
  .empty_138181_ dd p b{padding:0 5px;}
}

@media (max-width:767px){
  .empty_138181_ dt {padding:20px 0 10px;}
  .empty_138181_ dt p{font-size:16px;}
  .empty_138181_ dd p{font-size:14px;}
  .empty_138181_ dd p span{font-size:14px;}
}

/* ****************** 공백  ****************** */

.empty_line_138703_ {display:block; width:100%; height:10px; line-height:10px;}

[id^=div_user_list] .empty_line_138703_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_138703_:before {content:'공백: 10px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_138703_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_138703_:before {content:'공백: 10px';}
}

 @media \0screen{
	.empty_line_138703_ {height:10px; line-height:10px;}
	[id^=div_user_list] .empty_line_138703_:before {content:'공백: 10px';}
}

/* ****************** 맞춤형 컨텐츠  ****************** */

.empty_138705_, .empty_138705_ * {padding:0; margin:0; list-style:none; box-sizing:border-box;}
  
.empty_138705_{background:#f5f5f5; }


.empty_138705_ dl{position:relative; padding-left:300px;}
.empty_138705_ dt{width:300px; position:absolute; top:0; left:0; text-align:center; height:100%; border-right:1px dotted #ccc;}
.empty_138705_ dt .title_box{position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);}
.empty_138705_ dt p{font-size:22px; color:#444; letter-spacing:-2px;}
.empty_138705_ dd{padding:70px 40px; font-size:16px;}
.empty_138705_ dd p{margin-bottom:20px;}
.empty_138705_ dd p:last-child{margin-bottom:0;}
.empty_138705_ dd p span{display:block; width:260px; background:#777; font-size:16px; color:#fff; padding:4px 20px 6px; border-radius:2em; margin-right:50px; text-align:center; margin-bottom:10px; vertical-align:middle; position:relative;}
.empty_138705_ dd p b{font-weight:normal; font-size:.8em; border:1px solid #87b63b; color:#87b63b; padding:2px 5px 3px; margin-right:8px;}

@media (max-width:1023px){
  .empty_138705_ dl{padding-left:0;}
  .empty_138705_ dt{display:block; width:100%; position:static; top:auto; left:0; right:0; padding:30px 0 20px; border-right:0; border-bottom:1px dotted #ccc;} 
  .empty_138705_ dd{display:block; width:100%;} 
  .empty_138705_ dt .title_box{position:relative;top:auto; transform: translateY(0);}
  .empty_138705_ dt .title_box img{width:50px;}
  .empty_138705_ dt p{font-size:18px;}
  .empty_138705_ dd{text-align:center; padding:30px 20px;}
  .empty_138705_ dd p{font-size:15px;}
  .empty_138705_ dd p span{margin:0 auto 10px; font-size:15px;}
  .empty_138705_ dd p b{padding:0 5px;}
}

@media (max-width:767px){
  .empty_138705_ dt {padding:20px 0 10px;}
  .empty_138705_ dt p{font-size:16px;}
  .empty_138705_ dd p{font-size:14px;}
  .empty_138705_ dd p span{font-size:14px;}
}

/* ****************** 공백  ****************** */

.empty_line_131034_ {display:block; width:100%; height:60px; line-height:60px;}

[id^=div_user_list] .empty_line_131034_ {display:block !important; border:1px dotted #f00;}
[id^=div_user_list] .empty_line_131034_:before {content:'공백: 60px'; padding:0 15px; font-size:13px; font-weight:normal; color:#f00;}

@media (min-width:1024px){
	.empty_line_131034_ {height:120px; line-height:120px;}
	[id^=div_user_list] .empty_line_131034_:before {content:'공백: 120px';}
}

 @media \0screen{
	.empty_line_131034_ {height:120px; line-height:120px;}
	[id^=div_user_list] .empty_line_131034_:before {content:'공백: 120px';}
}
