/*     157138 : 텍스트 + 배경      */
.text_over_img__157138__ {
	display:block; position:relative; background-color:#337188;
	background-image:url('/img_up/shop_pds/sjcom/build/option/bg_pattern1501221400113.png'); background-repeat:repeat; vertical-align:top;
}
.text_over_img__157138__ * {box-sizing:border-box;}
.text_over_img__157138__ .text_inner {display:table; width:100%; table-layout:fixed; text-decoration:none;}
.text_over_img__157138__ .caption {display:table-cell; padding:18px;}
.text_over_img__157138__ .caption > span {display:block; position:relative; z-index:10; margin:0; letter-spacing:-0.03em;}
.text_over_img__157138__ .caption .subject {display:inline-block; background-color:#337188; vertical-align:top;}
.text_over_img__157138__ .caption .subject:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .2);}
.text_over_img__157138__ .caption .subject > span {display:block; position:relative; z-index:20; padding:8px 12px; font-size:16px; font-weight:bold; color:#fff; line-height:1.5em;}
.text_over_img__157138__ .caption .content {margin-top:12px; padding:0 5px; font-size:14px; color:#fff; line-height:1.5em;}

.text_top__157138__ .caption {vertical-align:top; text-align:left;}
.text_mid__157138__ .caption {vertical-align:middle; text-align:center;}
.text_bot__157138__ .caption {vertical-align:bottom; text-align:right;}

@media all and (min-width:768px){
	.text_over_img__157138__ .caption {padding:25px;}
	.text_over_img__157138__ .caption .subject > span {padding:10px 15px; font-size:18px;}
	.text_over_img__157138__ .caption .content {font-size:15px;}
}

@media all and (min-width:1024px){
	.text_over_img__157138__ .caption {padding:5%;}
	.text_over_img__157138__ .caption .subject > span {padding:12px 20px;}
	.text_over_img__157138__ .caption .content {margin-top:20px;}

	.text_sml__157138__ .caption .subject > span {font-size:20px;}
	.text_sml__157138__ .caption .content {font-size:15px;}
	.text_med__157138__ .caption .subject > span {font-size:24px;}
	.text_med__157138__ .caption .content {font-size:16px;}
	.text_big__157138__ .caption .subject > span {font-size:28px;}
	.text_big__157138__ .caption .content {font-size:18px;}
}

/*     157139 : 탭 타입 버튼      */
.button__157139__ {display:table; width:100%;}
.button__157139__ a {
	box-sizing:border-box; display:table-cell; position:relative; height:38px; margin:0; padding:0 10px; background:#f1f1f1;
	font-size:14px; font-weight:bold; color:#777777; text-align:center; vertical-align:middle; text-decoration:none; letter-spacing:-.03em; line-height:1.3em;
}
.button__157139__ a:before {content:''; box-sizing:border-box; position:absolute; top:0; right:0; bottom:0; left:0; height:38px; border:1px solid rgba(0, 0, 0, .1);}
.button__157139__ a:hover {background:#ffffff; color:#e66d1e;}
.button__157139__ a:hover:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

.button__157139__.style_on_type a {background:#ffffff; color:#e66d1e;}
.button__157139__.style_on_type a:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

@media all and (min-width:1024px){
	.button__157139__ a {height:50px; padding:0 15px; font-size:15px;}
	.button__157139__ a:before {height:50px;}
}

/*     157140 : 탭 타입 버튼      */
.button__157140__ {display:table; width:100%;}
.button__157140__ a {
	box-sizing:border-box; display:table-cell; position:relative; height:38px; margin:0; padding:0 10px; background:#f1f1f1;
	font-size:14px; font-weight:bold; color:#777777; text-align:center; vertical-align:middle; text-decoration:none; letter-spacing:-.03em; line-height:1.3em;
}
.button__157140__ a:before {content:''; box-sizing:border-box; position:absolute; top:0; right:0; bottom:0; left:0; height:38px; border:1px solid rgba(0, 0, 0, .1);}
.button__157140__ a:hover {background:#ffffff; color:#e66d1e;}
.button__157140__ a:hover:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

.button__157140__.style_on_type a {background:#ffffff; color:#e66d1e;}
.button__157140__.style_on_type a:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

@media all and (min-width:1024px){
	.button__157140__ a {height:50px; padding:0 15px; font-size:15px;}
	.button__157140__ a:before {height:50px;}
}

/*     157141 : 탭 타입 버튼      */
.button__157141__ {display:table; width:100%;}
.button__157141__ a {
	box-sizing:border-box; display:table-cell; position:relative; height:38px; margin:0; padding:0 10px; background:#f1f1f1;
	font-size:14px; font-weight:bold; color:#777777; text-align:center; vertical-align:middle; text-decoration:none; letter-spacing:-.03em; line-height:1.3em;
}
.button__157141__ a:before {content:''; box-sizing:border-box; position:absolute; top:0; right:0; bottom:0; left:0; height:38px; border:1px solid rgba(0, 0, 0, .1);}
.button__157141__ a:hover {background:#ffffff; color:#e66d1e;}
.button__157141__ a:hover:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

.button__157141__.style_on_type a {background:#ffffff; color:#e66d1e;}
.button__157141__.style_on_type a:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

@media all and (min-width:1024px){
	.button__157141__ a {height:50px; padding:0 15px; font-size:15px;}
	.button__157141__ a:before {height:50px;}
}

/*     157142 : 탭 타입 버튼      */
.button__157142__ {display:table; width:100%;}
.button__157142__ a {
	box-sizing:border-box; display:table-cell; position:relative; height:38px; margin:0; padding:0 10px; background:#f1f1f1;
	font-size:14px; font-weight:bold; color:#777777; text-align:center; vertical-align:middle; text-decoration:none; letter-spacing:-.03em; line-height:1.3em;
}
.button__157142__ a:before {content:''; box-sizing:border-box; position:absolute; top:0; right:0; bottom:0; left:0; height:38px; border:1px solid rgba(0, 0, 0, .1);}
.button__157142__ a:hover {background:#ffffff; color:#e66d1e;}
.button__157142__ a:hover:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

.button__157142__.style_on_type a {background:#ffffff; color:#e66d1e;}
.button__157142__.style_on_type a:after {content:''; position:absolute; top:0; right:0; left:0; width:100%; height:2px; background:#e66d1e;}

@media all and (min-width:1024px){
	.button__157142__ a {height:50px; padding:0 15px; font-size:15px;}
	.button__157142__ a:before {height:50px;}
}

/*     157143 : 실선      */
.solid_line__157143__ {display:block; position:relative; width:100%; height:20px;}
.solid_line__157143__:before {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #cccccc;}

.solid_line__157143__.build_edit_mode {min-height:10px;}

@media all and (max-width:767px){
	.solid_line__157143__ {height:40px;}
}

/*     157144 : 타이틀 텍스트      */
.title__157144__ {font-size:0}
.title__157144__ p {
	display:inline-block;position:relative;margin:0;padding:0;
	font-size:20px;font-weight:bold;color:#000000;letter-spacing:-.03em;line-height:1.4em;
}
.title__157144__ p:before {content:'';position:absolute;background:#e66d1e;font-size:0}

.title__157144__.style_top p {padding-top:10px}
.title__157144__.style_top p:before {top:0;left:0;width:20px;height:4px}

.title__157144__.style_right p {padding-right:14px}
.title__157144__.style_right p:before {top:16%;right:0;width:4px;height:20px}

.title__157144__.style_bottom p {padding-bottom:12px}
.title__157144__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px}

.title__157144__.style_left p {padding-left:14px}
.title__157144__.style_left p:before {top:16%;left:0;width:4px;height:20px}

.title__157144__.style_circle1 p {padding-left:18px}
.title__157144__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__157144__.style_circle2 p {padding-left:18px}
.title__157144__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #e66d1e;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__157144__ p {font-size:24px}
	.title__157144__.style_top p:before {width:24px}
	.title__157144__.style_right p:before {height:24px}
	.title__157144__.style_bottom p:before {width:24px}
	.title__157144__.style_left p:before {height:24px}
}

/*     157146 : 장문 텍스트      */
.textarea__157146__ p {
	display:block;margin:0;padding:0;
	font-size:15px;font-weight:normal;color:#444444;letter-spacing:0;line-height:1.5em;
}

@media all and (min-width:1024px){
	.textarea__157146__ p {font-size:20px}
}

/*     157145 : 이미지 리스트 (타일형)      */
.img_tile__157145__ {overflow:hidden}
.img_tile__157145__ .img_inner {margin:0 -5px}
.img_tile__157145__ .img_inner:after {content:'';display:block;clear:both}
.img_tile__157145__ * {box-sizing:border-box}
.img_tile__157145__ .item {float:left;position:relative;width:100%;padding:5px}
.img_tile__157145__ .item a {display:block}
.img_tile__157145__ .figure {display:block}
.img_tile__157145__ .figure img {vertical-align:top}
.img_tile__157145__ .caption {display:block;margin-top:10px}
.img_tile__157145__ .caption > span {display:block}
.img_tile__157145__ .caption > span.subject {font-weight:bold;color:#000000}
.img_tile__157145__ .caption > span.content {margin-top:5px;color:#444444}

.text_m_sml__157145__ .caption > span.subject {font-size:14px;line-height:1.4em}
.text_m_sml__157145__ .caption > span.content {font-size:13px;line-height:1.5em}
.text_m_med__157145__ .caption > span.subject {font-size:16px;line-height:1.4em}
.text_m_med__157145__ .caption > span.content {font-size:14px;line-height:1.4em}
.text_m_big__157145__ .caption > span.subject {font-size:18px;line-height:1.4em}
.text_m_big__157145__ .caption > span.content {font-size:15px;line-height:1.5em}

.col_m_1__157145__ .item {width:100%}
.col_m_2__157145__ .item {width:50%}
.col_m_3__157145__ .item {width:33.3333%}
.col_m_4__157145__ .item {width:25%}
.col_m_1__157145__ .item,
.col_m_2__157145__ .item2n,
.col_m_3__157145__ .item3n,
.col_m_4__157145__ .item4n {clear:both}

@media (min-width:768px){
	.col_m_1__157145__ .item,
	.col_m_2__157145__ .item2n,
	.col_m_3__157145__ .item3n,
	.col_m_4__157145__ .item4n {clear:none}

	.col_t_1__157145__ .item {width:100%}
	.col_t_2__157145__ .item {width:50%}
	.col_t_3__157145__ .item {width:33.3333%}
	.col_t_4__157145__ .item {width:25%}
	.col_t_5__157145__ .item {width:20%}
	.col_t_6__157145__ .item {width:16.6666%}
	.col_t_1__157145__ .item,
	.col_t_2__157145__ .item2n,
	.col_t_3__157145__ .item3n,
	.col_t_4__157145__ .item4n,
	.col_t_5__157145__ .item5n,
	.col_t_6__157145__ .item6n {clear:both}
}

@media (min-width:1024px){
	.img_tile__157145__ .img_inner {margin:0 -10px}
	.img_tile__157145__ .item {padding:10px}
	.img_tile__157145__ .caption {margin-top:15px}
	.img_tile__157145__ .caption > span.content {margin-top:10px}

	.text_sml__157145__ .caption > span.subject {font-size:14px;line-height:1.3em}
	.text_sml__157145__ .caption > span.content {font-size:13px;line-height:1.3em}
	.text_med__157145__ .caption > span.subject {font-size:16px;line-height:1.4em}
	.text_med__157145__ .caption > span.content {font-size:14px;line-height:1.5em}
	.text_big__157145__ .caption > span.subject {font-size:18px;line-height:1.4em}
	.text_big__157145__ .caption > span.content {font-size:15px;line-height:1.5em}

	.col_t_1__157145__ .item,
	.col_t_2__157145__ .item2n,
	.col_t_3__157145__ .item3n,
	.col_t_4__157145__ .item4n,
	.col_t_5__157145__ .item5n,
	.col_t_6__157145__ .item6n {clear:none}

	.col_pc_1__157145__ .item {width:100%}
	.col_pc_2__157145__ .item {width:50%}
	.col_pc_3__157145__ .item {width:33.3333%}
	.col_pc_4__157145__ .item {width:25%}
	.col_pc_5__157145__ .item {width:20%}
	.col_pc_6__157145__ .item {width:16.6666%}
	.col_pc_1__157145__ .item,
	.col_pc_2__157145__ .item2n,
	.col_pc_3__157145__ .item3n,
	.col_pc_4__157145__ .item4n,
	.col_pc_5__157145__ .item5n,
	.col_pc_6__157145__ .item6n {clear:both}
}

