@charset "utf-8";

body {width:100%; height:auto; -webkit-overflow-scrolling:touch;}
#wrap {min-width:20rem; width:100%; height:100%; -webkit-overflow-scrolling:touch;}
.ly_wrap {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;}

/*───────────────────────────────────────────────────────────

	 HEADER

───────────────────────────────────────────────────────────*/
#contents_wrap {margin-bottom:1.875rem;}

/* 260907-2 : 최상단 메시지바 (마크업 outline/_header.html / PC layout.css 260907-1 과 동일 구성)
   - 선택자는 #gdTopBar 로 한정. .top_line 은 intro.css 54·64행 '.adult_guest .tit.top_line'(성인인증 제목)에도
     쓰이는 클래스라 바 스타일이 그쪽까지 먹으면 안 된다.
   - 단위는 rem (gd_reset.css 12행 html font-size clamp 기준)
   261006-4 : 상단 고정(position:fixed) + 닫기(X) 철회 -> 기존처럼 페이지 맨 위에 붙는 일반 블록으로 복귀.
     스크롤 시 바가 헤더(h_on 고정)를 덮던 문제도 함께 해소된다. 삭제한 항목:
       html.gd_topbar_on 토글 / display:none / body padding-top /
       #header_wrap header.h_on top 보정 / .brand_wrap .brand_search_box.h_on top 보정 / .top_bar_close
   261006-4 : 세로 길이 축소 2.25rem -> 1.5rem, 글자 0.75rem -> 0.6875rem, 좌우 여백 2.25rem -> 0.625rem
     (닫기 버튼이 없어져 좌우 여백을 넓게 둘 이유가 없음)
   261006-6 : 너무 얇아 다시 키움. 높이 1.5rem -> 1.875rem, 글자 0.6875rem -> 0.75rem
     (높이를 바꿀 때는 아래 .banner_texts / .banner_item 의 height·line-height·transform 과
      @keyframes textVerticalScroll 의 이동량까지 같은 값으로 맞춰야 문구가 어긋나지 않는다) */
#gdTopBar {height:1.875rem; background:#bd0404;} /* 261006-6 */
#gdTopBar .top_inner_layout {position:relative; width:100%; padding:0 0.625rem; box-sizing:border-box;}
#gdTopBar .banner_texts {position:relative; width:100%; height:1.875rem; overflow:hidden;} /* 261006-6 */
#gdTopBar .banner_texts .banner_item {position:absolute; top:0; left:0; width:100%; height:1.875rem; line-height:1.875rem; text-align:center; color:#fff; font-size:0.75rem; /* 261006-6 : 높이·글자 키움 */ font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;
	transform:translateY(1.875rem); animation:textVerticalScroll 20s linear infinite;} /* 261006-6 */ /* 261006-2 : 전환 주기 9s -> 15s (PC 261006-1 과 동일) / 261013-2 : 문구 4개(택배마감 2줄)라 15s -> 20s */
#gdTopBar .banner_texts .banner_item strong {font-weight:700; color:#ffe36b;}
/* 261006-2 : 주기 15s 에 맞춰 시작 간격 3s -> 5s / 261013-2 : 4번째 문구 15s 추가 */
#gdTopBar .banner_texts .banner_item:nth-child(1) {animation-delay:0s;}
#gdTopBar .banner_texts .banner_item:nth-child(2) {animation-delay:5s;}
#gdTopBar .banner_texts .banner_item:nth-child(3) {animation-delay:10s;}
#gdTopBar .banner_texts .banner_item:nth-child(4) {animation-delay:15s;} /* 261013-2 */
/* 261006-2 : 전체 15s 기준 구간 환산 (PC 261006-1 과 동일) / 261006-6 : 바 높이에 맞춰 이동량 1.875rem
   261013-2 : 전체 20s 기준 재환산. 2.25% = 0.45초, 25% = 5초 머무름 */
@keyframes textVerticalScroll {
	0% {transform:translateY(1.875rem);}
	2.25% {transform:translateY(0);}
	25% {transform:translateY(0);}
	27.25% {transform:translateY(-1.875rem);}
	100% {transform:translateY(-1.875rem);}
}

/* 헤더 전체 영역 */
#header_wrap {}
#header_wrap header { width:100%; min-width:20rem; background:#fff; z-index:300; border-bottom:1px solid #f0f0f0;} /* 260812-18 : 상단 고정영역 하단 회색 라인을 모든 페이지에 고정. 기존에는 카테고리 페이지의 .cate_h_list 아래 테두리(custom.css)에서만 나와 다른 페이지엔 없었음 */
#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap header .header_box {position:relative;} /* 261006-5 : 좌/우 메뉴(.left_menu·.right_menu)가 position:absolute; top:0 인데 조상(#wrap·.st-container·#header_wrap·header·.header_box) 중 누구도 position 이 없어 '문서 맨 위'를 기준으로 붙고 있었다. 예전엔 헤더가 페이지 첫 요소라 우연히 맞아 보였을 뿐이고, 상단 메시지바가 생기면서 두 메뉴만 바 위로 올라가 겹쳤다. .header_box 를 기준 박스로 만들어 헤더 안쪽에 고정. header 가 아니라 .header_box 에 주는 이유 = header 에는 z-index:300 이 걸려 있어 position 을 주면 쌓임 맥락이 새로 생겨 다른 화면의 겹침 순서가 바뀔 수 있기 때문 */
#header_wrap header .header_box .h_logo {width:5.3125rem; padding:0.9375rem 0; margin: 0 auto; line-height:0; text-align:center;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; }
#header_wrap header .header_box .h_logo img {width:100%;}
#header_wrap header .header_box .left_menu {position:absolute; top:0; left:0.3125rem; display:table;}
#header_wrap header .header_box .left_menu li {display:table-cell; vertical-align:top;}
#header_wrap header .header_box .right_menu {position:absolute; top:0; right:0.3125rem; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}

/* 260803-15 : 기존 헤더 하단 가로 나열 1차 메뉴(menu_link) 스타일 제거 - 다이소식 드롭다운(h_cate_dd)으로 전환. 드롭다운 스타일은 custom.css 260803-16 참고 */

/* 좌측 메뉴 */
/* 260813-36 : 아래 두 규칙은 260803-8 에서 제거된 옛 헤더 햄버거(메뉴) 버튼용. 260813-31 에서 헤더 좌측 버튼에 side_menu 클래스(드로어 열기용)를 다시 쓰면서 이 규칙의 햄버거 배경(m_menu-.png)이 겹쳐 보이던 것 - 주석 처리. 버튼 모양은 custom.css 502~505행(.btn_header_back)이 담당
#header_wrap header .header_box .side_menu {display:inline-block; padding:1rem 0.4375rem 0.9375rem 0.4375rem; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width:2rem; height:1.25rem; font-size:0; background:url('/data/250801/m_menu-.png') no-repeat center; background-size:100%; vertical-align:top;}
*/
/* 검색 */
#header_wrap header .header_box .top_mypage {display:inline-block; padding:0.9375rem 0.125rem 0.9375rem 0.4375rem; vertical-align:top; background:none; border:none;} /* 260813-32 : 장바구니와의 간격 축소(우측 0.4375 -> 0.125rem) */ /* 260813-28 : 검색버튼 -> 마이페이지 버튼 교체(헤더 260813-27). 기존 .top_search 규칙을 이름/아이콘만 바꿔 재사용 */
#header_wrap header .header_box .top_mypage span {display:inline-block; width:1.625rem; height:1.375rem;  font-size:0; background:url('/data/250801/etc/top_mypage.svg') no-repeat center; background-size:contain; vertical-align:top;} /* 260813-28 */
/* 마이페이지 */
#header_wrap header .header_box .mypage {display:inline-block;  padding:0.875rem 0.4375rem 0.875rem 0.4375rem;}
#header_wrap header .header_box .mypage span {display:inline-block; width:1.3125rem; height:1.3125rem; font-size:0; background:url('../img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart {display:inline-block;  padding:0.9375rem 0.4375rem 0.875rem 0.125rem;} /* 260813-32 : 마이페이지와의 간격 축소(좌측 0.4375 -> 0.125rem) */
#header_wrap header .header_box .cart span {display:inline-block; width:1.625rem; height:1.375rem;  font-size:0; background:url('/data/250801/etc/top_cart.svg') no-repeat center; background-size:contain; vertical-align:top;} /* 260813-28 : 장바구니 아이콘 top_menu_cart.png -> etc/top_cart.svg */
#header_wrap header .header_box .cart_count {position:absolute; top:0.5rem; right:0; display:block; padding:0.1875rem 0.375rem 0.0625rem 0.375rem; line-height:0.9375rem; border-radius:100%; color:#fff; background:#ab3e55;  vertical-align:middle; font-size:0.75rem;}


/*───────────────────────────────────────────────────────────

	 중앙 위치

───────────────────────────────────────────────────────────*/

.sub_top {position:relative; padding:0 2.8125rem 0 2.6875rem; background:#fff; border-bottom:1px solid #c1c1c1; height:2.9375rem;}
/* 좌측 이전 */
.sub_top .sub_top_left {position:absolute; top:0; left:-0.25rem;}
.sub_top h2 {overflow:hidden; display:block; width:100%; padding:0.9375rem 0; white-space:nowrap; text-overflow:ellipsis; font-size:1.0625rem; line-height:0.9375rem; text-align:center;}
.sub_top h2 a {font-weight:500;}
/* 파트너스라운지 제목 */
.event_top {position:relative; padding:0 2.8125rem 0 2.6875rem; background:#fff; border-bottom:1px solid #c1c1c1;}
.event_top h2 {overflow:hidden; display:block; width:100%; padding:1.5625rem 0; white-space:nowrap; text-overflow:ellipsis; line-height:0.9375rem; text-align:center;}
.event_top h2 a {font-weight:700; font-size:1.25rem; font-family: 'GmarketSans', sans-serif;}
.event_top .sub_top_right2 {position:absolute; top:0.9375rem; right:0.9375rem;}
.event_list_but {text-align:right; margin:0 0.9375rem 1.25rem 0; }
/* 목록가기 글쓰기 위치 */
.sub_top .sub_top_right2 {position:absolute; top:0.3125rem; right:0.9375rem;}

/*───────────────────────────────────────────────────────────

	 네비게이터

───────────────────────────────────────────────────────────*/
.navi_g { background:#f9f9f9; border-top:1px solid #dbdcde;}
.navi_g ul {padding:0.375rem 0.625rem 0.375rem 0.625rem; font-size:0;}
.navi_g ul li {display:inline-block; font-size:0.75rem; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 0.3125rem center; background-size:0.4375rem 0.6875rem;}
.navi_g ul li:nth-child(1) {text-indent:0; background:none;}
.navi_g ul li a {font-size:0.75rem; text-indent:15px;}

/*───────────────────────────────────────────────────────────

	 좌측 메뉴

───────────────────────────────────────────────────────────*/
#wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;}
#wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:1001;}
/* 260812-29 : 드로어 닫기 버튼 - 흰색 이미지 아이콘(icon_left_x.png)이 밝은 배경 위라 안 보이던 것을
   상품삭제 x 버튼(.gd_order_goods_del)처럼 색이 있는 텍스트 x 로 교체. 위치도 옛 290px 드로어 기준(left:19.375rem) -> 우측 상단. */
#wrap nav .left_close {position:fixed; top:0.5rem; right:0.5rem; left:auto; width:2.5rem; height:2.5rem; background:none; font-size:0; text-align:center; cursor:pointer; z-index:1002;}
#wrap nav .left_close:before {content:'\00d7'; font-size:1.75rem; line-height:2.5rem; color:#888; font-weight:400;}
#wrap nav .left_close:active:before {color:#e54600;}
#wrap nav .nav_bg_box {position:relative;}
/* 260812-21 : 드로어를 화면 전체 폭으로. 열림/닫힘 margin-left 값은 js/gd_ui.js gd_menu_motion() 과 짝(0 <-> -100%) */
#wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:100%; height:100%; margin:0 0 0 -100%; background:#f4f5f7; z-index:1001; overflow-y:auto; -webkit-overflow-scrolling:touch;}
/* 260812-21 : 스크롤이 안 되던 원인 - 이 박스가 position:absolute + overflow:hidden 이고 IScroll 플러그인이 스크롤을 대신하던 구조였다.
   IScroll 사용을 걷어내고(js/gd_ui.js 260812-23) 바깥 .nav_box 의 기본 스크롤을 쓰도록 일반 흐름으로 되돌린다. */
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow:visible; width:100%; height:auto;}
/* 260812-21 : IScroll 전용 절대위치/transform 규칙 제거 (기본 스크롤로 전환) */
#wrap nav .nav_bg_box .nav_box .nav_category .nav_tabmenu_box hr  {border: none;  border-top: 1px solid #000; width:93%;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box hr {  border: none;  border-top: 7px solid #ededed; width:100%; }
/* 다국어 선택 */
.nav_language {display:table; position:relative; width:100%; background:#f3f3f3; }
.nav_language .tit {display:table-cell; width:30%; font-size:0.9375rem; padding:0.8125rem 0.9375rem 0.8125rem 0.9375rem; color:#262626; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {position:relative; width:17.125rem; margin:0 auto; padding:0.5rem 0 0.5rem 0; text-align:center;}
.nav_banner .nav_login {position:absolute; top:5.25rem; left:0.625rem;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 0.625rem 0 0.625rem; background:url('../img/icon/icon_line.gif') no-repeat left center; background-size:0.0625rem 0.6875rem; }
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li a {display:inline-block; font-size:0.9375rem; color:#222222;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:3.125rem; left:1.25rem;}
.nav_banner .left_logo img {width:7rem;}
.nav_banner .login_txt {position:absolute; top:1.875rem; left:0px;font-size:1rem; text-align:left; line-height:1.25rem; box-sizing:border-box;padding: 0 1.25rem; }
.nav_banner .login_txt p.name strong {overflow:hidden; display:inline-block; max-width:9.375rem; text-overflow:ellipsis; white-space:nowrap; font-size:1.125rem; vertical-align:middle; color:#ab3e55;}

/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
.nav_link {padding:0.3125rem 0.9375rem; }
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; text-align:center;}
.nav_link ul li a {display:block; padding:0.3125rem 0 0.3125rem 2.0625rem; box-sizing:border-box; font-size:0.8125rem; color:#222; width:100%; background-size:1.625rem 1.5rem; background-position:left center; background-repeat:no-repeat; text-align:left;}
.nav_link ul li:nth-child(1) a {background-image:url('../img/new/icon_my.png');}
.nav_link ul li:nth-child(2) a {background-image:url('../img/new/icon_lnb_heart.png');}
.nav_link ul li:nth-child(3) a {background-image:url('../img/new/icon_prd_latest.png');}

/* 네비 탭메뉴 */
.nav_tabmenu_box {}
.nav_tabmenu_box .nav_tabmenu {display:table; width:100%;}
.nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;}
.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:0.625rem 0 0.625rem 0; background:#e8e8e8; color:#acacac;}
.nav_tabmenu_box .nav_tabmenu li.on span {background:#ab3e55; color:#fff; font-weight:bold;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 0.0625rem 0 0.5rem;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 0.5rem 0 0.0625rem;}

/* 게시판 */
.nav_community_box {}
.nav_community_box .comm_tit {padding:0.625rem 0 0.625rem 0.625rem; margin:0 0.625rem 0 0.625rem; font-size:1.125rem; color:#272727; font-weight:bold; border-bottom:1px solid #000000;}
.nav_community_box .board_cate {padding:0.625rem 0.3125rem;}
.nav_community_box .board_cate:after {content:''; clear:both; display: block;}
.nav_community_box .board_cate li {padding:0 0.9375rem;display: inline-block; width: 50%; float: left; box-sizing: border-box;}
.nav_community_box .board_cate li a {display:block; padding:0.4375rem 0; font-size:0.875rem; color:#222;}

/* 배너 2 */
.nav_banner2 {width:17.125rem; margin:0 auto; padding:1.25rem 0 3.125rem 0; }
.nav_banner2 a img {width:100%;}

/*───────────────────────────────────────────────────────────

	 FOOTER

───────────────────────────────────────────────────────────*/
/* 260818-22 : 푸터 전체 배경을 흰색 -> 연회색으로 바꾸고 내부를 흰 카드로 띄우는 구조로 변경 */
#footer {padding:0.875rem 0 0.25rem 0; background:#f2f3f5;}
/* 고객센터 / PC화면 보기 */
#footer footer .ft_button_box {padding:0 1.5625rem; background:#5d5d5d;}
#footer footer .ft_button_box ul {display:table; width:100%; padding:1.5rem 0 0 0; text-align:center;}
#footer footer .ft_button_box ul li {display:table-cell; width:50%;}
#footer footer .ft_button_box ul li:nth-child(1) {padding-right:0.375rem;}
#footer footer .ft_button_box ul li:nth-child(2) {padding-left:0.375rem;}
#footer footer .ft_button_box ul li a {display:block; padding:0.625rem 0; background:#484848; color:#aeaeae; font-size:0.8125rem; border-radius:0.125rem;}
#footer footer .ft_info2_box {background:none;}/* 260818-22 : 배경은 #footer 가 담당(연회색), 이 박스는 투명 */
#footer footer .ft_info2_box .ft_menu {display:table; width:100%;}
#footer footer .ft_info2_box .ft_menu li {display:table-cell; width:25%;}
#footer footer .ft_info2_box .ft_menu li a {display:block; padding:1.125rem 0 1.125rem 0; font-size:0.6875rem; color:#d1d1d1; text-align:center; letter-spacing:-1px;}
#footer footer .ft_info2_box .ft_menu li a.privacy {color:#fff; font-weight:bold;}
/* 260818-25 : 사업자정보 본문 - '항목명(em) + 값' 라인. 진회색 카드를 흰 카드로 바꾸면서 글자색도 밝은배경용으로 변경 */
#footer footer .ft_info2_box .ft_address {padding:0; font-size:0.6875rem; color:#555; line-height:1.6; word-break:keep-all;}
#footer footer .ft_info2_box .ft_address .ft_row {display:block; padding:0.4375rem 0; border-top:1px solid #f2f3f5;}
#footer footer .ft_info2_box .ft_address .ft_row:first-child {border-top:0;}
#footer footer .ft_info2_box .ft_address em {display:inline-block; margin-right:0.375rem; color:#9b9ca0; font-style:normal;}
#footer footer .ft_info2_box .ft_address .ft_row_btn {padding-top:0.625rem;}
#footer footer .ft_info2_box .ft_address a {display:inline-block; padding:0.375rem 0.75rem; font-size:0.6875rem; color:#555; border:1px solid #e0e1e4; border-radius:1.25rem; text-decoration:none;}

/* 260818-21 : 하단 사업자정보 접기(details/summary) - 기본 닫힘, 별도 JS 없음
   260818-25 : 진회색 카드 -> 위 정보영역과 같은 흰 카드로 통일(단순화). 아이콘 없음 */
#footer footer .ft_biz {margin:0 0.75rem 0.75rem 0.75rem; background:#fff; border:1px solid #e8e9ec; border-radius:0.75rem; overflow:hidden;}
#footer footer .ft_biz > summary {position:relative; display:block; padding:0.875rem 2.25rem 0.875rem 0.9375rem; font-size:0.75rem; color:#666; cursor:pointer; list-style:none;}
#footer footer .ft_biz > summary::-webkit-details-marker {display:none;}
#footer footer .ft_biz > summary::after {content:''; position:absolute; top:50%; right:1rem; width:0.4375rem; height:0.4375rem; margin-top:-0.3125rem; border-right:1px solid #aaa; border-bottom:1px solid #aaa; transform:rotate(45deg);}
#footer footer .ft_biz[open] > summary::after {margin-top:-0.125rem; transform:rotate(-135deg);}
#footer footer .ft_biz > summary .ft_biz_nm {font-size:0.8125rem; font-weight:700; color:#222; letter-spacing:-0.02em;}
#footer footer .ft_biz > summary .ft_biz_txt {margin-left:0.25rem; color:#9b9ca0;}
#footer footer .ft_biz .ft_biz_body {padding:0 0.9375rem 1rem 0.9375rem; border-top:1px solid #f2f3f5;}
#footer footer .ft_sns_btn {display:table; width:100%; text-align:center;}
#footer footer .ft_sns_btn li {display:inline-block; padding:0.625rem 0.3125rem 0.625rem 0.3125rem;}
#footer footer .ft_sns_btn li a {display:block; width:2.25rem;}
#footer footer .ft_sns_btn li a img {width:100%;}

/* 250516 고객센터 / PC화면 보기
   260818-19 : 전화걸기 버튼 제거
   260818-23 : 남은 PC화면 보기 1개를 가운데 알약형 작은 버튼으로. 기존 ul/li table 배치는 마크업째 제거됨 */
#footer footer .ft_bt_box {padding:0.125rem 0 0.875rem 0; background:none; border-bottom:0; text-align:center;}
#footer footer .ft_bt_box a {display:inline-block; padding:0.5rem 1.125rem; background:#fff; color:#555; border:1px solid #e0e1e4; font-size:0.75rem; border-radius:1.25rem;}

/* 하단 정보 BOX
   260818-25 : 가로 2등분(grid 2열) 폐지 -> 항목별 세로 1단 나열. 아이콘/뱃지 제거하고 텍스트만 남김(단순화).
   내용은 PC 푸터와 동일(고객센터 / 택배발송 마감시간 / 계좌안내) */
#footer .ft_info_box {margin:0 0.75rem 0.75rem 0.75rem; background:#fff; border:1px solid #e8e9ec; border-radius:0.75rem; overflow:hidden;}
#footer .ft_info_box .ft_info {display:block; width:auto; margin:0; padding:0; text-align:left;}
#footer .ft_info_box .ft_info .ft_item {display:block; width:auto; padding:0.9375rem; border-top:1px solid #f2f3f5; text-align:left;}
#footer .ft_info_box .ft_info .ft_item:first-child {border-top:0;}
#footer .ft_info_box .ft_info dt {margin:0 0 0.5rem 0; padding:0; font-size:0.8125rem; font-weight:700; color:#222; letter-spacing:-0.02em; text-align:left; word-break:keep-all;}
#footer .ft_info_box .ft_info dd {margin:0 0 0.25rem 0; font-size:0.75rem; color:#555; line-height:1.6; text-align:left; word-break:keep-all;}
#footer .ft_info_box .ft_info dd:last-child {margin-bottom:0;}
#footer .ft_info_box .ft_info dd b {font-weight:700; color:#222;}
#footer .ft_info_box .ft_info .ft_tel {font-size:0.875rem; font-weight:700; color:#ed1c24; letter-spacing:-0.02em;}
#footer .ft_info_box .ft_info .ft_bank_no {font-size:0.875rem; font-weight:700; color:#222; letter-spacing:-0.02em;}
#footer .ft_info_box .ft_info .ft_bank_sub {margin-left:0.25rem; font-size:0.6875rem; color:#9b9ca0;}
/* 구분 막대 - 정보영역/사업자정보 공용 */
#footer .ft_bar {display:inline-block; margin:0 0.375rem; color:#dcdde0; font-style:normal;}

/* 카피라이터 */
#footer footer .ft_copy {padding:0.9375rem 0 1.875rem 0.9375rem; font-size: 0.5rem; color: #666666;font-style:normal;font-family : "roboto";}
/* 바로가기 */
#footer footer .shortcut {text-align:center; background:#2f2f2f;}
#footer footer .shortcut a {display:block; padding:0.75rem 0 0.75rem 0;}
#footer footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:2.25rem; line-height:2.25rem; padding:0 0 0 2.875rem; background-size:2.25rem; background-repeat:no-repeat;}
#footer footer .shortcut a span em {color:#ff353b; font-style:normal;}
/* 탑버튼 */
#footer footer .ft_btn_top a {display:inline-block; width:100%; height:2.875rem; border-top:1px solid #505050; border-bottom:1px solid #787878; text-align:center; color:#ffffff; background:#5d5d5d; line-height:2.875rem; font-size:0.8125rem; font-weight:bold;}
#footer footer .ft_btn_top a span {padding:0 0 0 0.9375rem; background:url('../img/icon/icon_top_arrow.png') no-repeat 0 center; background-size:0.625rem 0.375rem;}
.fixed_btn_top, .fixed_btn_back {position:fixed; bottom:5.3125rem; } /* 260813-32 : 위로가기와 같은 플로팅 이전(뒤로) 버튼 추가(footer 260813-33) - 공통값 병기 */
.fixed_btn_top {right:0.6875rem;}
.fixed_btn_back {left:0.6875rem;}
.fixed_btn_top span {display:inline-block; width:2.625rem; height:2.625rem; background:url('../img/btn/btn_top.png') no-repeat 0 0; background-size:2.625rem 2.625rem; font-size:0; text-indent:-9999px;}
.fixed_btn_back span {display:inline-block; width:2.5rem; height:2.5rem; background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.7 5.3 8 12l6.7 6.7 1.4-1.4L10.8 12l5.3-5.3z' fill='%23333'/%3E%3C/svg%3E") no-repeat center; background-size:1.25rem 1.25rem; border-radius:50%; opacity:0.8; border:1px solid #ddd; box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.1); box-sizing:border-box; font-size:0; text-indent:-9999px;} /* 260813-37 : 260813-32 의 btn_back.svg 대신, 260803-7 에서 주석 처리한 옛 플로팅 버튼(.btn-back - 흰 원형 2.5rem, opacity 0.8, 테두리 #ddd, 그림자) 디자인으로 복원. 화살표는 커스텀 data-uri svg(custom.css 260813-8 필터 select 와 같은 방식) */

/*앞으로,위로버튼*/
/* 260803-7 : 기존 앞으로/위로 플로팅 버튼 제거(하단 내비게이션 바로 교체)에 따라 아래 스타일 사용 안 함 - 주석 처리
.btn-container { position: fixed; bottom: 2.5rem; left: 0.9375rem; right: 0.9375rem; display: flex; justify-content: space-between; align-items: center; pointer-events: auto; z-index: 1000;  }
.btn-back { width: 2.5rem; height: 2.5rem; background: white; border-radius: 50%; opacity: 0.8; border: 1px solid #ddd; box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1); cursor: pointer; display: flex; justify-content: center;
    align-items: center; transition: box-shadow 0.2s ease;  }
.btn-top { width: 2.5rem; height: 2.5rem; background: white; border-radius: 50%; opacity: 0.8; border: 1px solid #ddd; box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1); cursor: pointer; display: flex; justify-content: center;
    align-items: center; transition: box-shadow 0.2s ease;  }
.btn-back:hover { box-shadow: 0 0.125rem 0.75rem rgba(0,0,0,0.2); }
*/
.btn svg.icon {  width: 1.25rem; height: 1.25rem; fill: #333;
}
/* 브랜드 검색 버튼 */
.btn_nav_brand_search {position:relative; display:block; padding-left:0.9375rem; margin:0.5rem 0.5rem 0 0.5rem;; height:2.875rem; line-height:2.875rem; color:#1c1c1c; font-size:1rem; font-weight:bold; letter-spacing:-1px; border:1px solid #e6e6e6;}
.btn_nav_brand_search:after {position:absolute; top:1.0625rem; right:1.0625rem; display:inline-block; content:''; width:0.4062rem; height:0.75rem; background:url('../img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:0.4062rem 0.75rem;}

.main_info {background-color:#f0f0f0; padding:1.5625rem 0.9375rem;}
.main_info div {margin:0 0 0.9375rem 0;}
.main_info div p {}
.main_info div p.tit {font-size:0.75rem; font-weight:bold;margin: 0 0 0.5rem 0;}
.main_info div dl {}
.main_info div dl dt {display: inline-block;font-size:0.6875rem; font-weight:400; color:#666;}
.main_info div dl dd {display: inline-block; font-size:0.75rem; font-weight:bold; color:#222222; font-family : "roboto";}

.main_info div .tbl {display: table; width:100%;}
.main_info div .tbl .cell {display:table-cell; vertical-align:top;}
.main_info div .tbl .cell img {width:1.625rem; vertical-align:middle;}
.main_info div .tbl .cell:first-child {padding:0 0.75rem 0 0; width:2.375rem; box-sizing:border-box;}
.main_info div .tbl .cell p {font-size:0.75rem; font-weight: bold;}
.main_info div .tbl .cell p span {font-size:0.75rem; color:#222;}

/* 사이드 메뉴 */
.nav_btn {padding:0.625rem 0.9375rem; }
.nav_btn ul {}
.nav_btn ul:after {content:''; clear:both; display: block;}
.nav_btn ul li {padding:0 0.1875rem 0 0;width:48%; float:left; box-sizing:border-box; text-align:center;}
.nav_btn ul li:last-child {padding:0 0 0 0.1875rem;}
.nav_btn ul li a {font-size:0.875rem; font-weight:500; color:#1a1a1a; padding:0.625rem 0; display:block; border:1px solid #bcbcbc; border-radius: 0.375rem;}
.nav_btn ul li.red {}
.nav_btn ul li.red a {color:#ed1c24; border:1px solid #ed1c24;}

.join_txt {padding:0.625rem 1.5625rem 0.3125rem; margin-top:0.625rem; }
.join_txt .join_b {font-size:1.0625rem; font-weight:600; color:#000; }
.join_txt .join_s {font-size:0.9375rem; font-weight:400; }
.login_txt {padding:0.625rem 1.5625rem 0.3125rem; margin-top:0.625rem; font-size:0.9375rem; font-weight:400;}
.login_txt p {font-size:1.0625rem; font-weight:600; color:#000; }