/* 이미지 풀사이즈 처리( 이미지 위 텍스트 타입 ) */
.module_wrap.image_fullsize,
.module_wrap.image_fullsize > .module_container { padding-left:0; padding-right:0; margin-left:0; margin-right:0; }
a[data-link-type].img_full > b { display:block; max-width:none; }
a[data-link-type].img_full > b > img { width:100%; max-width:none; }

/* 본분 여백 공통 */
.pro_block_wrap.space_comm{padding-left:30px; padding-right:30px;}
[data-layout-fullsize='yes'] .pro_block_wrap{padding-left:0 !important; padding-right:0 !important;}
@media only screen and (max-width:839px) {
	.pro_block_wrap.space_comm{padding-left:3vw; padding-right:3vw;}
}

/* 타이틀 영역 여백 공통 */
[data-layout-fullsize='yes'] .title_area.space_comm{padding-left:50px; padding-right:50px;}
@media only screen and (max-width:839px) {
	[data-layout-fullsize='yes'] .title_area.space_comm{padding-left:5vw; padding-right:5vw;}
}

/* 텍스트 배경 효과 */
.text_bg_point p{display:inline-block;}
/* .text_bg_point span[style*='background-color']{display:inline-block;} 데코레이션한 자동줄바꿈 이슈 원인 코드 주석 */
.text_bg_point.round p{border-radius:1.5em;}
.text_bg_point.round span[style*='background-color']{border-radius:inherit;}
.text_bg_point .show-placeholder .fr-element{position:relative; z-index:0;}

[data-content-type1='productList'] .img_crop { margin-bottom:0; vertical-align:top; }

/* 추가/삭제 가능한 콘텐츠 공통 처리 */
.skin_block.editable > [data-contents-all-num] + .btn_module_section_add + .btn_module_section_add + .btn_module_section_control .btn_contents_add { display:block; }

/* 삭제 버튼 위치 타입 */
.remove_btn_pos1 .contents_remove { position:absolute; left:-32px; top:-2px; }
.remove_btn_pos2 .contents_remove { top:-20px; }

/* 컬럼 리스트 타입 */
.contents_ul.list_type { font-size:0; }
.contents_ul.list_type > li { display:inline-block; vertical-align:top; }

/* 컬럼개수 조절형 타입 */
[data-item-col] .contents_ul{display:flex; flex-wrap:wrap;}
[data-item-col][data-item-col='2'] .contents_ul > li { width:50%; flex-basis:50%; }
[data-item-col][data-item-col='3'] .contents_ul > li { width:33.33%; flex-basis:33.33%; }
[data-item-col][data-item-col='4'] .contents_ul > li { width:25%; flex-basis:25%; }
@media only screen and (max-width:499px) {
	[data-item-col][data-item-col='2'] .contents_ul > li { width:50%; flex-basis:50%; }
	[data-item-col][data-item-col='3'] .contents_ul > li { width:50%; flex-basis:50%; }
	[data-item-col][data-item-col='4'] .contents_ul > li { width:50%; flex-basis:50%; }
}