@charset "utf-8";
@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

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

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

	 HEADER

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

.top_text_banner {display: none; flex-flow: row nowrap; align-items: center; height:36px; background:var(--main); width:100%; overflow:hidden; position:relative; z-index:10;}

.top_text_banner ul li img {height: 20px; margin: 8px 10px 10px 10px;}

.top_text_banner ul {display: flex; flex-flow: row nowrap; align-items: center; animation: roll_left 30s linear infinite;}
.top_text_banner ul li { font-family: 'HakgyoansimDunggeunmisoTTF-B'; white-space: nowrap; letter-spacing: -0.36px; text-transform: uppercase; font-weight: 400; font-size:12px; margin:0 15px 0 0;}

@keyframes roll_left {
	0% { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
	100% { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
}

/*** 모바일 폰트 크기 조정 ***/
* {
 -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */
 -ms-text-size-adjust : none;  /* IE */
 -moz-text-size-adjust : none;  /* 파이어폭스 */
 -o-text-size-adjust : none;  /* 오페라(구)*/
}




#header_wrap {max-width:640px; overflow:hidden; margin:0 auto; position:sticky; top:0; left:0; padding-top:0 !important;  z-index:999;}
/* #header_wrap header {background:#fff;} */
#header_wrap header .header_box {position:relative;  transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);background:#fff;}
#header_wrap.fixed header .header_box {top:0; transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
#header_wrap.nofixed header .header_box {top:-51px; transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1); }

#header_wrap .header_top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:9px 5%; box-sizing:Border-box; background:var(--white); border-bottom:1px solid #eeeeee;  /**border-top:1px solid var(--black);**/}
#header_wrap .header_top .h_logo a {color: var(--black); font-family: Archivo; font-size: 20px; font-style: italic; font-weight: 900; line-height: 30px; /* 125% */ letter-spacing: -1.2px; text-transform: uppercase;}
#header_wrap .header_top .h_logo {width: 40%;}
#header_wrap .header_top .h_logo img {max-width:100%; max-height:40px;}

#header_wrap .header_top .logo_img {width: 10%; margin-right: 10%;}

#header_wrap .header_top .right_menu {display:flex; flex-wrap:wrap; align-items:center;}
#header_wrap .header_top .right_menu li {position:relative; font-size:0;  line-height:1;}
#header_wrap .header_top .right_menu li span {display:block; line-height:1;}
#header_wrap .header_top .right_menu li button {display:block; line-height:1; padding:0; margin:0;}
#header_wrap .header_top .right_menu li img {width: 30px; margin-left: 7px;}
#header_wrap .header_top .right_menu li svg {width:35px; height:auto !important;}
#header_wrap .header_top .right_menu li .gg_icon.mypage {margin-left:10px;}
#header_wrap .header_top .right_menu li .gg_icon.mypage::before {content:'\e813'; font-size:30px; color:var(--balck); font-weight:260;}
#header_wrap .header_top .right_menu li .gg_icon.cart {margin-left:5px;}
#header_wrap .header_top .right_menu li .gg_icon.cart::before {content:'\f1cc'; font-size:32px; color:var(--balck); font-weight:250;}
#header_wrap .header_top .right_menu li strong {padding:2px; display:block; width:12px; height:12px; border-radius:100%; text-align:center; line-height:12px; background:var(--main); color:var(--black); font-size:10px; font-family:'NanumSquareNeo', 'Archivo', Malgun Gothic,'Malgun Gothic', sans-serif; position:absolute; bottom:0; right:0; font-weight:bold; }

#header_wrap .mask_wrap {position:relative; mask-size: 100%;   -webkit-mask-size: 100%; mask-image: linear-gradient(270deg, #FFF 92%, rgba(255,255,255, 0.00) 100.52%);   mask-repeat: no-repeat; z-index:10;}
#header_wrap .gnb_menu_box {padding:10px 5%; box-sizing:border-box; background:var(--white); border-bottom:1px solid /**var(--black)**/ #eeeeee; position:relative; mask-size: 100%;   -webkit-mask-size: 100%; mask-image: linear-gradient(-270deg, #FFF 90%, rgba(255,255,255, 0.00) 100.52%);   mask-repeat: no-repeat;}
/* #header_wrap .gnb_menu_box::before {content:''; width:50px; height:100%; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 84.52%); position:absolute; top:0; left:0; z-index:10;}
#header_wrap .gnb_menu_box::after {content:''; width:50px; height:100%; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 84.52%); position:absolute; top:0; right:0; z-index:10;} */
#header_wrap .gnb_menu_box ul {}
#header_wrap .gnb_menu_box ul li {width:auto; margin-right:20px; position:relative;}
#header_wrap .gnb_menu_box ul li a::after {content:''; width:0; height:3px; background:var(--black); position:absolute; bottom:-15px; left:0;}
#header_wrap .gnb_menu_box ul li.on a::after {width:100%;}
#header_wrap .gnb_menu_box ul li a {position:relative; color: var(--black); font-family: Archivo; font-size: 16px; font-style: normal; font-weight: 900; line-height:156.25%; text-transform: uppercase;}
#header_wrap .gnb_menu_box ul li a.kor {font-family: 'NanumSquareNeo', 'Archivo', Malgun Gothic,'Malgun Gothic', sans-serif; font-weight:400; letter-spacing:-0.9pt; opacity:0.5; /* padding-left:20px; */}
#header_wrap .gnb_menu_box ul li.before a {margin-right:0; padding-left:0;}
#header_wrap .gnb_menu_box ul li.before::before {content:''; width:1px; height:15px; background:#000; display:inline-block; vertical-align:middle; position:relative; margin-right:20px; opacity:0.3;}
#header_wrap .gnb_menu_box ul li a.main {color:var(--main) !important;}
#header_wrap .gnb_menu_box ul li.on a {color:var(--black); opacity:1;}



.quick_bottom {position:fixed; bottom:0; left:50%; transform:TranslateX(-50%); width:100%; z-index:999; display:flex; flex-wrap:wrap; align-items:flex-end; max-width:640px; padding:0; box-sizing:border-box;}
.quick_bottom::after {content:''; width:100%; height:50px; background:var(--white); box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.12);  position:absolute; bottom:0; left:0; z-index:-1;}
.quick_bottom .side_menu {width:50px; height:50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:100%; background:var(--black); box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.30); margin:0 0 10px;}
.quick_bottom .side_menu::before {content:'\e5d2'; font-size:26px; color:Var(--white);}
.quick_bottom ul {width:calc(50% - 25px); display:flex; flex-wrap:wrap; padding:2px 0;}
.quick_bottom ul li {width:50%; /**border-right:1px solid #ddd; box-sizing:border-box;**/}
.quick_bottom ul li:last-of-type {border-right:0;}
.quick_bottom ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:100%;}
.quick_bottom ul li a img {width: 30px; height: 30px;}
.quick_bottom ul li a .home_icon {text-align: center; font-weight: bold; font-size: 9px;}




/* #header_wrap header.h_on {position:fixed; top:0; left:0;} */


/* #header_wrap header { width:100%; min-width:320px; background:#fff; z-index:300;}
#header_wrap header.h_on {position:fixed; top:0; left:0;}
#header_wrap header .header_box {border-bottom:1px solid #cbcbcb;}
#header_wrap header .header_box .h_logo {width: 110px; padding:15px 0 15px 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:5px; 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:5px; display:table;}
#header_wrap header .header_box .right_menu li {position:relative; display:table-cell; vertical-align:top;}

좌측 메뉴
#header_wrap header .header_box .side_menu {display:inline-block; padding:16px 7px 15px 7px; vertical-align:top;}
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:15px; font-size:0; background:url('../img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
검색
#header_wrap header .header_box .top_search {display:inline-block; padding:15px 7px 15px 7px; vertical-align:top; background:none; border:none;}
#header_wrap header .header_box .top_search span {display:inline-block; width:18px; height:17px;  font-size:0; background:url('../img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
마이페이지
#header_wrap header .header_box .mypage {display:inline-block;  padding:14px 7px 14px 7px;}
#header_wrap header .header_box .mypage span {display:inline-block; width:21px; height:21px; 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:15px 7px 14px 7px;}
#header_wrap header .header_box .cart span {display:inline-block; width:20px; height:21px;  font-size:0; background:url('../img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#ab3e55;  vertical-align:middle; font-size:12px;}
 */
/*───────────────────────────────────────────────────────────

	 중앙 위치

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

.sub_top {position:relative; padding:0 45px 0 43px; border-top:1px solid #dbdcde; background:#fff; height:50px;}
/* 좌측 이전 */
.sub_top .sub_top_left {position:absolute; top:0; left:0;}
.sub_top h2 {overflow:hidden; display:block; width:100%; padding:12px 0; white-space:nowrap; text-overflow:ellipsis; font-size:15px; line-height:15px; text-align:center;}
/* 목록가기 글쓰기 위치 */
.sub_top .sub_top_right2 {position:absolute; top:5px; right:5px;}

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

	 네비게이터

───────────────────────────────────────────────────────────*/
.navi_g { background:#f9f9f9; border-top:1px solid #dbdcde;}
.navi_g ul {padding:6px 10px 6px 10px; font-size:0;}
.navi_g ul li {display:inline-block; font-size:12px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;}
.navi_g ul li:nth-child(1) {text-indent:0; background:none;}
.navi_g ul li a {font-size:12px; 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;}
#wrap nav .left_close {}
#wrap nav .left_close::before {content:'\e5cd'; font-size:30px; color:var(--white); font-weight:500; position:absolute; top:20px; right:25px; cursor:pointer;}
#wrap nav .nav_bg_box {position:relative;}

/* 조유이 수정 부분*/
/* #wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:100%; max-width:640px; height:100%; margin:0 0 0 -640px; background:#fff; z-index:1001;} */
#wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left: 50%; transform: translateX(-50%);  width:100%; max-width:640px; height:100%; margin:0 0 0 -640px; background:#fff; z-index:1001;} 

#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;}
#wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

/* 다국어 선택 */
.nav_language {display:table; position:relative; width:100%; background:#f3f3f3; }
.nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:bold; box-sizing:border-box;}
.nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;}

/* 배너 및 로그인 & 로그아웃 */
.nav_banner {background:var(--black); padding:20px 25px 0; box-sizing:border-box;}
.nav_banner h2 {position:relative; display:inline-block; font-size: 18px; font-weight: 400; line-height:177.778%; letter-spacing: -0.9px; color:var(--white);}
.nav_banner h2.logout {}

 /* 조유이 수정 부분 */
/* .nav_banner h2.logout p {display:inline-block; vertical-align:middle;}  */
.nav_banner h2.logout p {display:inline-block; vertical-align:middle; color: #ffffff; }
.nav_banner h2.logout p strong { color: #ffffff; }

.nav_banner h2.logout a {display:inline-block; vertical-align:middle; font-size: 15px; font-style: normal; font-weight: 400; line-height: 166.667%; letter-spacing: -0.75px; color:rgba(255,255,255,0.5); margin-left:10px;}
.nav_banner h2.logout a::before {color:rgba(255,255,255,0.5);}
.nav_banner h2 a {font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; display:flex; flex-wrap:Wrap; align-items:center;}
.nav_banner h2 a::before {content:'\e5e1'; font-size:20px; color:var(--white); position:absolute; right:-25px; top:5px; font-weight:500;}
.nav_banner ul {display:flex; flex-wrap:wrap; background:var(--white); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.12); padding:5px; box-sizing:border-box; transform:translateY(50%); margin:-10px 0 0;}
.nav_banner ul li {width:33.33%; border-right:1px solid #ddd; box-sizing:border-box;}
.nav_banner ul li:last-of-type {border-right:0;}
.nav_banner ul li a {display:block; line-height:32px; text-align:center; font-size: 12px; font-weight: 500; letter-spacing: -0.7px;}







/* .nav_banner {position:relative; width:274px; margin:0 auto; padding:8px 0 8px 0; text-align:center;}
.nav_banner .nav_login {position:absolute; top:84px; left:10px;}
.nav_banner .nav_login ul {font-size:0;}
.nav_banner .nav_login ul li {display:inline-block; padding:0 10px 0 10px; background:url('../img/icon/icon_line.gif') no-repeat left center; background-size:1px 11px; }
.nav_banner .nav_login ul li:first-child {background:none;}
.nav_banner .nav_login ul li a {display:inline-block; font-size:15px; color:#222222;}
.nav_banner img {width:100%;}
.nav_banner .left_logo {position:absolute; top:50px; left:20px;}
.nav_banner .left_logo img {width:112px;}
.nav_banner .login_txt {position:absolute; top:30px; left:0px;font-size:16px; text-align:left; line-height:20px; box-sizing:border-box;padding: 0 20px; }
.nav_banner .login_txt p.name strong {overflow:hidden; display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; font-size:18px; vertical-align:middle; color:#ab3e55;} */
/* 중앙 링크 (장바구니, Q&A, 최근본상품) */
/* .nav_link {padding:10px 0 0 0;}
.nav_link ul {display:table; width:100%;}
.nav_link ul li {display:table-cell; width:33.3%; text-align:center;}
.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:13px; color:#888;}
.nav_link ul li:nth-child(1) a {background:url('../img/icon/icon_qna.png') no-repeat center 3px; background-size:33px 30px;}
.nav_link ul li:nth-child(2) a {background:url('../img/icon/icon_prd_latest.png') no-repeat center 4px; background-size:40px 25px;}
.nav_link ul li:nth-child(3) a {background:url('../img/icon/icon_lnb_heart.png') no-repeat center 4px; background-size:33px 28px;} */

/* 네비 탭메뉴 */
.nav_tabmenu_box {padding-top:25px;}
.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:10px 0 10px 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 1px 0 8px;}
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 8px 0 1px;}

/* 게시판 */
.nav_community_box {padding-top:25px;}
.nav_community_box .comm_tit {padding:10px 0 10px 10px; margin:0 10px 0 10px; font-size:18px; color:#272727; font-weight:bold; border-bottom:1px solid #000000;}
.nav_community_box .board_cate {}
.nav_community_box .board_cate li {padding:0 25px;}
.nav_community_box .board_cate li a {display:block; padding:12px 0; font-size:16px; color:#1c1c1c;}

/* 배너 2 */
.nav_banner2 {width:274px; margin:0 auto; padding:20px 0 50px 0; }
.nav_banner2 a img {width:100%;}

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

	 FOOTER

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

.main_notice {padding:15px 25px; box-sizing: border-box; border-top:1px solid #ddd; box-sizing: border-box; display:flex; flex-wrap:wrap; align-items:center;}
.main_notice .tit {width:40px; font-size: 14px; font-style: normal; font-weight: 700; line-height: 25px; letter-spacing: -0.7px; color:var(--balck)}
.main_notice ul {width:calc(100% - 80px);}
.main_notice ul a {letter-spacing: -0.65px;}
.main_notice .moreBtn {font-family: Archivo; font-size: 12px; font-weight: 900; line-height: 30px; /* 250% */ text-decoration-line: underline; text-transform: uppercase;}

#footer {background: var(--black); padding:0 5% 100px; box-sizing:border-box}
#footer .foot_top {text-align: center; padding:20px 0 15px; box-sizing: border-box; border-bottom:1px solid rgba(255,255,255,0.2);}
#footer .foot_top h4 {font-size: 14px; font-style: normal; font-weight: 700; line-height: 32px; /* 228.571% */ letter-spacing: -0.7px; color: var(--white); font-weight:400;}
#footer .foot_top h4 span {font-family: Archivo; font-size: 20px; font-weight: 700; line-height: 30px; /* 150% */ text-transform: uppercase; color: var(--white); margin-left:6px;}
#footer .foot_top p {letter-spacing: -0.65px; color:rgba(255, 255, 255, 0.7);}

#footer .ft_menu {display:flex; flex-wrap:wrap; justify-content: center; margin:15px 0 10px;}
#footer .ft_menu li {margin-right: 15px; }
#footer .ft_menu li:last-child {margin-right:0;}
#footer .ft_menu li a { letter-spacing:normal; color:rgba(255, 255, 255, 0.7);}
#footer .ft_menu li a.privacy {color: var(--white);}

#footer .ft_address {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; letter-spacing:normal;}
#footer .ft_address p {letter-spacing:normal; color:rgba(255, 255, 255, 0.7); margin-right:10px; margin-bottom:3px;}
#footer .ft_address p.gg_icon::before {font-size:16px; color:rgba(255,255,255,0.6); display:inline-block; margin-right:4px; font-variation-settings:  'FILL' 1; position:relative; top:5px;}
#footer .ft_address p.tel::before {content:'\e0b0';}
#footer .ft_address p.fax::before {content:'\e8ad';}
#footer .ft_address p.email::before {content:'\e158';}
#footer .ft_address p.block {margin-right:0; width:100%;}
#footer .ft_address p.copyright {width:100%; letter-spacing: 0.36px; text-transform: uppercase; color:rgba(255, 255, 255, 0.5); margin:8px 0 0;}



#footer  .foot_bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:25px;}
#footer  .foot_bottom ul {display:flex; flex-wra:wrap; align-items:center; margin-right:20px;}
#footer  .foot_bottom ul li {margin-right:15px;}
#footer  .foot_bottom ul li:last-of-type {margin-right:0;}

#footer  .foot_bottom dl {position:relative; }
#footer  .foot_bottom dl dt {width:100%; max-width:185px; height:42px; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; padding:0 13px 0 12px; font-size:12px; color:rgba(255,255,255,0.6); font-weight:400; font-family:var(--eng); position:relative; line-height:40px; cursor:pointer; transition:all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1); border-radius: 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
#footer  .foot_bottom dl dt i {font-size:17px;}
#footer  .foot_bottom dl dd {position:absolute; top:1px; left:0; width:100%; padding:13px 13px; background:var(--white); transform:translateY(-80%); box-sizing:border-box; opacity:0; visibility:hidden; transition:all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1); border-radius:5px 5px 0 0;}
#footer  .foot_bottom dl dd a {display:block; margin:0 0 5px; letter-spacing:-0.5pt; color:#666;}
#footer  .foot_bottom dl dd a:hover {color:Var(--main); text-decoration:underline;}
#footer  .foot_bottom dl dd a:last-of-type {margin:0;}

#footer .foot_bottom dl.on {}
#footer .foot_bottom dl.on dt {border-radius:0 0 5px 5px; background:var(--white); color:var(--black); border:1px solid var(--white); transition:all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1);}
#footer  .foot_bottom dl.on dt i {color:var(--black); transform:rotate(180deg); transition:all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1);}
#footer  .foot_bottom dl.on dd {transform:translateY(-100%); opacity:1; visibility:visible; transition:all 0.3s cubic-bezier(0.32, 0.6, 0.46, 1);}







/* 고객센터 / PC화면 보기 */
/* #footer footer .ft_button_box {padding:0 25px; background:#5d5d5d;}
#footer footer .ft_button_box ul {display:table; width:100%; padding:24px 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:6px;}
#footer footer .ft_button_box ul li:nth-child(2) {padding-left:6px;}
#footer footer .ft_button_box ul li a {display:block; padding:10px 0; background:#484848; color:#aeaeae; font-size:13px; border-radius:2px;}
#footer footer .ft_info2_box {background:#5d5d5d;}
#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:18px 0 18px 0; font-size:11px; color:#d1d1d1; text-align:center; letter-spacing:-1px;}
#footer footer .ft_info2_box .ft_menu li a.privacy {color:#fff; font-weight:bold;}
#footer footer .ft_info2_box .ft_address {padding:0 50px 0 50px; text-align:center; font-size:12px; color:#e0e0e0; word-break:keep-all;}
#footer footer .ft_sns_btn {display:table; width:100%; text-align:center;}
#footer footer .ft_sns_btn li {display:inline-block; padding:10px 5px 10px 5px;}
#footer footer .ft_sns_btn li a {display:block; width:36px;}
#footer footer .ft_sns_btn li a img {width:100%;} */







#footer footer .ft_copy {padding:15px 0 30px 0; color:#e0e0e0; font-size:12px; text-align:center; font-style:normal;}



/* 바로가기 */
#footer footer .shortcut {text-align:center; background:#2f2f2f;}
#footer footer .shortcut a {display:block; padding:12px 0 12px 0;}
#footer footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; 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:46px; border-top:1px solid #505050; border-bottom:1px solid #787878; text-align:center; color:#ffffff; background:#5d5d5d; line-height:46px; font-size:13px; font-weight:bold;}
#footer footer .ft_btn_top a span {padding:0 0 0 15px; background:url('../img/icon/icon_top_arrow.png') no-repeat 0 center; background-size:10px 6px;}
.fixed_btn_top {position:fixed; left:50%; bottom:65px; transform:translateX(-50%); width:45px; height:45px; background:rgba(255,255,255,0.85); border-radius: 100%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20); backdrop-filter: blur(2px);}
.fixed_btn_top span {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:100%; height: 100%;}
.fixed_btn_top span::before {content:'\e5ce'; font-size:30px; color:var(--balck);}






/* 브랜드 검색 버튼 */
.btn_nav_brand_search {position:relative; display:block; padding-left:15px; margin:8px 8px 0 8px;; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:bold; letter-spacing:-1px; border:1px solid #e6e6e6;}
.btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('../img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;}

/* 증명 마크 로고 영역 */
.foot_certify{padding:15px 7px 0; text-align:center; background:#fff;}
.foot_certify span{display:inline-block;margin-left:-4px;}
.foot_certify span:first-child{margin-left:0;}
.foot_certify img{height:45px; margin:0 7px 15px;}