@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */
* {-webkit-font-smoothing: antialiased;}
/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font-size:13px; font-family: 'Pretendard Variable',"맑은 고딕","malgun gothic","돋움","dotum",sans-serif; color:#000; color:var(--font-color-base); background:#fff; letter-spacing: -0.4px; font-weight: 500; }
body:not(#body-iframe) { min-width:320px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%;     font-family: 'Pretendard Variable',"맑은 고딕","malgun gothic","돋움","dotum",sans-serif; color:#000; color:var(--font-color-base); vertical-align:middle; border-radius:0; box-sizing:border-box; }
button { font-family: 'Pretendard Variable',"맑은 고딕","malgun gothic","돋움","dotum",sans-serif; overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:none; }
strong {font-weight: 500;}
hr.layout { display:none; }
a { text-decoration:none; color:#000; color:var(--font-color-base); }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }

#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=40); opacity:0.3; background-color:#000; }
#progressPaybarView { position:fixed; z-index:100; top:50%; left:0; right:0; transform:translateY(-50%); }
#progressPaybarView h3 { font-size:32px; color:#444b59; }
#progressPaybarView .box { width:586px; margin:0 auto; padding:67px 0; text-align:center; background:#fff; }
#progressPaybarView .box .txt { margin:8px 0 36px; font-size:15px; line-height:26px; color:#667084; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }
.blind { display: block; overflow: hidden; position: absolute; font-size: 1px; line-height: 0; color: transparent; text-indent: -150%; white-space: nowrap;}

/* IE Not Supoorted */
:root {
  --font-color-base:#000;
  --font-color-heading:#000;
  --font-color-primary:#000;
  --font-color-secondary:#ef441f;
  --font-color-warn:#ec2a1d;
  --font-color-success:#0985df;
}

/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */

/* =========================================
   그누보드 이식용 레이아웃 강제 교정 및 안개(dimmed) 제거
   ========================================= */

/* 1. 딤처리(뿌연 안개 화면) 및 불필요한 모바일/팝업 요소 완벽 차단 */
.dimmed, #layoutDimmed, .bottom-nav.RTMB, .worldshipLayer, #progressPaybar, .xans-layout-searchheader { display: none !important; z-index: -1 !important; opacity: 0 !important; }

/* 2. 푸터 밀려올라옴(Float Collapse) 강제 방지 */
#wrap { min-height: 600px; padding-top: 30px; }
#wrap::after, #contents::after { content: ""; display: table; clear: both; }

/* 3. 상단 메뉴 가로 정렬 및 PC/모바일 노출 제어 */
.flex { display: flex !important; }
.flex--v-center { align-items: center; }
.flex--h-center { justify-content: center; }
.relative { position: relative; }
.display-m { display: none !important; }
.display-pc { display: block !important; }

/* 4. 헤더 뼈대 강제 고정 */
.header { height: 80px; width: 100%; position: relative; z-index: 999; }
.header__wrap { position: absolute; top: 0; left: 0; width: 100%; height: 80px; background: #fff; border-bottom: 1px solid #efefef; box-sizing: border-box; }
.header__bottom { width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; padding: 0 50px; box-sizing: border-box; }
.top-logo { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }
.category { position: absolute; left: 50%; transform: translateX(-50%); height: 100%; }
.category__list { height: 100%; margin: 0; padding: 0; }
.category__item { margin: 0 15px; list-style: none; }
.category__link { display: block; font-size: 16px; font-weight: 600; color: #333; line-height: 80px; text-decoration: none; }
.other { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
.usm { margin-right: 20px; padding: 0; }
.usm__item { list-style: none; margin: 0 10px; }
.usm__link { font-size: 14px; color: #333; text-decoration: none; }
.other__list { padding: 0; margin: 0; }
.other__menu { list-style: none; margin-left: 16px; }

/* 그누보드 기본 ID들의 너비를 카페24 디자인에 맞게 강제 조정 */
#hd, #wrapper, #ft, #container {
    width: 100% !important;
    max-width: 1440px !important; /* 이미지 1의 느낌을 내려면 1200px~1440px이 적당합니다 */
    margin: 0 auto !important;
    min-width: 0 !important; /* 그누보드 기본 1200px 고정 해제 */
}

/* 내부 컨테이너 여백 조정 */
.container {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 50px !important; /* 양쪽 여백 확보 */
    box-sizing: border-box !important;
}

/* 본문 영역 배경색 및 여백 초기화 */
#wrap {
    background-color: #fff !important; /* 회색 배경 제거 */
}