/*     49986 : 텍스트 + 배경      */
.text_over_img__49986__ {
	display:block; position:relative; background-color:#004c82;
	background-image:url('/img_up/shop_pds/mariamc/build/option/bg_pattern1501221400.png'); background-repeat:repeat; vertical-align:top;
}
.text_over_img__49986__ * {box-sizing:border-box;}
.text_over_img__49986__ .text_inner {display:table; width:100%; table-layout:fixed; text-decoration:none;}
.text_over_img__49986__ .caption {display:table-cell; padding:18px;}
.text_over_img__49986__ .caption > span {display:block; position:relative; z-index:10; margin:0; letter-spacing:-0.03em;}
.text_over_img__49986__ .caption .subject {display:inline-block; background-color:#004c82; vertical-align:top;}
.text_over_img__49986__ .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__49986__ .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__49986__ .caption .content {margin-top:12px; padding:0 5px; font-size:14px; color:#fff; line-height:1.5em;}

.text_top__49986__ .caption {vertical-align:top; text-align:left;}
.text_mid__49986__ .caption {vertical-align:middle; text-align:center;}
.text_bot__49986__ .caption {vertical-align:bottom; text-align:right;}

@media all and (min-width:768px){
	.text_over_img__49986__ .caption {padding:25px;}
	.text_over_img__49986__ .caption .subject > span {padding:10px 15px; font-size:18px;}
	.text_over_img__49986__ .caption .content {font-size:15px;}
}

@media all and (min-width:1024px){
	.text_over_img__49986__ .caption {padding:5%;}
	.text_over_img__49986__ .caption .subject > span {padding:12px 20px;}
	.text_over_img__49986__ .caption .content {margin-top:20px;}

	.text_sml__49986__ .caption .subject > span {font-size:20px;}
	.text_sml__49986__ .caption .content {font-size:15px;}
	.text_med__49986__ .caption .subject > span {font-size:24px;}
	.text_med__49986__ .caption .content {font-size:16px;}
	.text_big__49986__ .caption .subject > span {font-size:28px;}
	.text_big__49986__ .caption .content {font-size:18px;}
}

/*     50004 : 이미지 (비율형)      */
.img_ratio__50004__ {max-width:100%;vertical-align:top}
.img_ratio__50004__ * {box-sizing:border-box}
.img_ratio__50004__ a {display:block;vertical-align:top}
.img_ratio__50004__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__50004__ img {width:auto}
}

/*     50288 : 점선      */
.dashed_line__50288__ {display:block;position:relative;width:100%;height:30px}
.dashed_line__50288__:before {content:'';position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px dashed #ffffff}

.dashed_line__50288__.build_edit_mode {min-height:10px}

@media all and (max-width:767px){
	.dashed_line__50288__ {height:20px}
}

/*     50285 : 타이틀 텍스트      */
.title__50285__ {font-size:0}
.title__50285__ 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__50285__ p:before {content:'';position:absolute;background:#d00000;font-size:0}

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

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

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

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

.title__50285__.style_circle1 p {padding-left:18px}
.title__50285__.style_circle1 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
}

.title__50285__.style_circle2 p {padding-left:18px}
.title__50285__.style_circle2 p:before {
	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;
	border:2px solid #d00000;background:none;box-sizing:border-box;
}

@media all and (min-width:1024px){
	.title__50285__ p {font-size:24px}
	.title__50285__.style_top p:before {width:24px}
	.title__50285__.style_right p:before {height:24px}
	.title__50285__.style_bottom p:before {width:24px}
	.title__50285__.style_left p:before {height:24px}
}

/*     49987 : 번호형 타이틀 + 내용      */
.title__49987__ .title_inner:after {content:''; display:block; clear:both;}
.title__49987__ .tit_num {float:left;}
.title__49987__ .tit_num .num_text {margin:0 15px 0 0; padding:0; font-family:'Nanum Gothic','Malgun Gothic',sans-serif; font-size:35px; font-weight:bold; color:#004c82; line-height:1; letter-spacing:-.03em;}
.title__49987__ .tit_cont {overflow:hidden;}
.title__49987__ .tit_cont > p {margin:5px 0 0; padding:0; line-height:1.5em; letter-spacing:-.03em;}
.title__49987__ .tit_cont > p:first-child {margin-top:0;}
.title__49987__ .tit_cont > p.title {font-size:16px; font-weight:bold; color:#444444;}
.title__49987__ .tit_cont > p.cont {font-size:14px; color:#777777;}

@media all and (min-width:768px){
	.title__49987__.size_small .tit_num .num_text {font-size:35px;}
	.title__49987__.size_small .tit_cont > p.title {font-size:16px;}
	.title__49987__.size_small .tit_cont > p.cont {font-size:14px;}

	.title__49987__.size_medium .tit_num .num_text {margin-right:18px; font-size:45px;}
	.title__49987__.size_medium .tit_cont > p.title {font-size:20px;}
	.title__49987__.size_medium .tit_cont > p.cont {font-size:15px;}

	.title__49987__.size_large .tit_num .num_text {margin-right:20px; font-size:55px;}
	.title__49987__.size_large .tit_cont > p.title {font-size:22px;}
	.title__49987__.size_large .tit_cont > p.cont {font-size:15px;}
}

@media all and (min-width:1024px){
	.title__49987__.size_small .tit_cont > p.title {font-size:18px;}

	.title__49987__.size_medium .tit_num .num_text {margin-right:22px; font-size:50px;}

	.title__49987__.size_large .tit_num .num_text {margin-right:25px; font-size:60px;}
	.title__49987__.size_large .tit_cont > p.title {font-size:24px;}
	.title__49987__.size_large .tit_cont > p.cont {font-size:16px;}
}

/*     51038 : 이미지 (비율형)      */
.img_ratio__51038__ {max-width:100%;vertical-align:top}
.img_ratio__51038__ * {box-sizing:border-box}
.img_ratio__51038__ a {display:block;vertical-align:top}
.img_ratio__51038__ img {width:100%;vertical-align:top}

@media (min-width:768px){
	.img_ratio__51038__ img {width:auto}
}