안녕하세요! XEDITION edited by KIM Tajo v2.03 레이아웃 사용중입니다.

서브형 메뉴의 '서브 상단 이미지'가 기본 레이아웃에서는 width: 100%로 설정이 되어있어서,

이를 width: 1400px로 수정하고 항상 페이지 가운데 정렬이 되도록 하고 싶습니다.

 

width 수정은 바로 되는데, 가운데 정렬이 되지 않고 왼쪽 정렬로만 표현됩니다.

검색을 통해 다양한 방법을 시도해보았는데 (magin이나 text-align 등등) 다 실패했습니다.

css 수정이 필요할 것 같다고 막연하게 생각 중인데, 혹시 해결책을 아시는 분 있으신가요?

답변해주시면 정말 감사하겠습니다ㅠㅠ

 

(html)

<div cond="$layout_info->layout_type === 'sub'" class="visual {$_visual_class}">

<!--@if($layout_info->use_sub_image == 'Y' && $layout_info->sub_image)-->

{@ $_subheader_img = $layout_info->sub_image}

{@ $_url = $layout_info->sub_image}

 

{@ $_subheader_img = 'sub_banner.jpg'}

<block cond="$layout_info->menu_type_sub === 'onepage_parallax'">

{@ $_subheader_img = 'sub_banner_02.jpg'}

</block>

<block cond="$mid === 'xeicon'">{@ $_subheader_img = 'sub_banner_xeicon.jpg'}</block>

{@ $_url = $layout_info->path."img/".$_subheader_img }

 

<!--@end-->

 

<span class="bg_img" style="background-image:url('{$_url}')" cond="$layout_info->use_sub_image ==='Y'"></span>

<span class="mask"></span>

</div>

 

(css)

.visual.sub .bg_img {

display: none;

position: absolute;

top: 0;

left: 0;

z-index: 0;

width: 1400px;

height: 100%;

background-position: 50% 50%;

background-repeat: no-repeat;

background-size: cover

}

.visual.sub.sub_type2 {

padding: 40px 15px

}

.visual.sub.sub_type2 .bg_img {

display: block

}