@charset "utf-8";

/* 2023년 9월 메뉴 리뉴얼에 필요한 추가 스타일 */

.hd_item,
.hd_top,
.hd_nav,
.hd_word_wrap { width: 1080px; margin-left:auto; margin-right:auto; }

.hd_item,
.hd_top,
.hd_top_item,
[class*="nav_wrap_"],
.nav_kor,
.nav_eng,
.hd_state_list,
.hd_top_menu { display:flex; }

.nav_kor, 
.nav_eng { position: relative; gap:5px; }



/* 상단 회색 영역 */
.hd_item_wrap { height:34px; font-size:12px; background-color:#ededed; }
.hd_item { justify-content:flex-end; align-items:center; gap:22px; height:100%; }
.hd_item a:first-child { margin-right:auto; }
.hd_item > *:not(:first-child) { position:relative; }
.hd_item > *:not(:first-child):not(:nth-child(2)):before { content:''; position:absolute; left:-10px; top:3px; width:0; height:11px; border-left:1px solid #715b5b; border-right:1px solid #7d7d7d; }
.hd_item_cash { padding-left:19px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 101.4 100.2' viewBox='0 0 101.4 100.2'%3E%3Cpath d='M76.2 47.8c-8.6-5.9-19.7-3.5-25.5 5.3-4.8 7.4-12.2 8.3-15 8.3-9.2 0-15.5-6.5-17.4-13.2V48c0-.1 0-.2-.1-.2-.7-2.8-.9-4.1-.9-7.1 0-16.1 16.5-33.9 40.2-33.9 24.3 0 38.2 18.5 41.8 28.8-.1-.2-.1-.4-.2-.5C92.2 15 73.1.5 50.7.5 22.4.4-.5 23.4-.5 51.6c0 25.3 18.2 46.9 43.5 46.9 20.2 0 33.7-11.3 39.9-26.9 3.4-8.5 1-18.5-6.7-23.8z' style='fill:%23003763'/%3E%3Cpath d='M99.6 36.6c-3-10-17-29.8-42.1-29.8-23.7 0-40.2 17.9-40.2 33.9 0 3 .2 4.3.9 7.1-.3-1.2-.5-2.5-.5-3.7 0-16.7 16.7-28.3 34-28.3C75 15.8 93.9 34.7 93.9 58c0 18.3-10.5 34.1-25.8 41.7 19.7-7.1 33.7-26 33.7-48.1.1-5.2-.6-9.8-2.2-15z' style='fill:%23e4022d'/%3E%3C/svg%3E") 0 center no-repeat; background-size:15px 15px; }
.hd_item_cash b { letter-spacing:-0.05em; font-size:13px; color:#043763; }
.hd_item_link { color:#000; }
.hd_item_talk {  }
.hd_item_talk b { color:#666; }
.hd_item_hmi b { color:#5249b2; }
.hd_item_hmi b:before { content:''; float:left; display:block; width:17px; height:17px; margin-right:3px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 85 85' viewBox='0 0 85 85'%3E%3Cstyle%3E.st0%7Bfill:%23ff565a%7D%3C/style%3E%3Cpath d='m68.5 59.3 9.6-9.6-40.8-12.4 12.4 40.8 9.6-9.6L75.9 85l9.1-9.1z' class='st0'/%3E%3Cpath d='M37.6 62.8c-13.9 0-25.2-11.3-25.2-25.2 0-13.9 11.3-25.2 25.2-25.2 13.9 0 25.2 11.3 25.2 25.2 0 1-.1 2-.2 3l12.1 3.7c.4-2.2.6-4.4.6-6.6C75.3 16.9 58.4 0 37.6 0 16.9 0 0 16.9 0 37.6c0 20.8 16.9 37.6 37.6 37.6 2.3 0 4.5-.2 6.6-.6l-3.7-12.1c-.9.2-1.8.3-2.9.3z' class='st0'/%3E%3Cpath d='m38.5 33.3 11.2 3.4c-.5-6.2-5.7-11.1-12-11.1-6.7 0-12.1 5.4-12.1 12.1 0 6.4 4.9 11.6 11.1 12l-3.4-11.2c-.4-1.5 0-3.1 1-4.1 1.1-1.1 2.7-1.5 4.2-1.1z' class='st0'/%3E%3C/svg%3E") 0 0 no-repeat; background-size:100% auto; }

/* 헤더 메인 메뉴 */
header.hd_renew { position:relative; font-family:'Nanum Gothic', sans-serif; }
header.hd_renew:before { content:''; position:absolute; top:78px; left:0; right:0; height:1px; background-color:#d90011; }

.hd_top,
.hd_top_menu { align-items:center; }
.hd_top { position:relative; justify-content:space-between; width:1080px; height:78px; }
.logo { margin:0; }
.logo img { display:block; }

.hd_search { position:absolute; top:22px; left:260px; overflow:hidden; width:294px; height:37px; border:2px solid #005cb2; border-radius:17px; background-color:#005cb2; }
.hd_search form { display:flex; height:100%; }
.hd_search input[type="text"] { display:block; box-sizing: border-box; border:0; width:255px; height:100%; padding-left:15px; border-radius:0 16px 16px 0; }
.hd_search button { flex:1; padding:0 4px 0 0; font-weight:700; font-size:13px; letter-spacing:-1px; color:#fff; border:0; background-color:transparent; }

.hd_top_menu { position:absolute; left:570px; top:25px; gap:20px; line-height:1; letter-spacing:-0.03em; }
.hd_top_menu:before { content:''; display:block; width:31px; height:31px; margin-right:-13px; border:1px solid #d9d9d9; border-radius:50%; background:#fff url(../img/gnb_img_left.png) center center no-repeat; background-size:25px auto;	}
.hd_top_menu a { position:relative;   }

.hd_top_menu a span { height:16px; display:flex; flex-direction:column; gap:2px; font-size:14px; color:#333; }
.hd_top_menu i { font-style:normal; white-space:nowrap; text-align: center; }

.hd_top_menu a.on,
.hd_top_menu a.current,
.hd_top_menu a:hover span { font-weight:700; color:#006fc2; }
.hd_top_menu a + a:before { content:''; position:absolute; left:-9px; top:0; width:1px; height: 16px; background-color: #9c9c9c; } /* bar */

.hd_top_menu i:last-child,
.hd_top_menu a:hover i:first-child { display: none; }
.hd_top_menu a:hover i:last-child { display: block; }
.hd_top_menu i b { color: #191b62; }

.hd_top_item { align-items:center; gap:16px; }
.hd_top_item li:last-child { height:17px; }
.hd_top_item .top_btn { overflow:hidden; padding:0; font-size:12px; color:transparent; border:0; background-color:transparent; background-position:center center; background-repeat:no-repeat; }
.top_btn.search { width:17px; height:17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 17 17' viewBox='0 0 17 17'%3E%3Cpath d='m16.7 15.2-3.3-3.3c2-2.6 2-6.3 0-8.9C10.9-.3 6.2-1 2.9 1.4s-4 7.1-1.5 10.4 7.1 4 10.4 1.5l3.3 3.3c.4.4 1.1.4 1.5 0s.5-1 .1-1.4zm-5.5-4c-2.1 2.1-5.4 2.1-7.5 0-2.1-2.1-2.1-5.4 0-7.5 2.1-2.1 5.4-2.1 7.5 0 2 2 2 5.4 0 7.5z'/%3E%3C/svg%3E"); }
.top_btn.global { width:19px;height:19px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 80.2 80.4' viewBox='0 0 80.2 80.4'%3E%3Cpath d='M40.1 0C18 0 0 18 0 40.1s18 40.1 40.1 40.1 40.1-18 40.1-40.1C80.3 18 62.3 0 40.1 0zm34.7 37.4h-11c-.4-11.7-3.7-21.9-8.7-28.7C66 14 73.8 24.8 74.8 37.4zM37.4 5.8v31.7H21.8c.7-16 7.4-29.3 15.6-31.7zm0 37v31.7c-8.3-2.4-14.9-15.7-15.6-31.7h15.6zm5.4 31.7V42.8h15.6c-.7 16-7.3 29.3-15.6 31.7zm0-37.1V5.8c8.3 2.4 14.9 15.7 15.6 31.7H42.8zM25.2 8.8c-5 6.8-8.3 17-8.7 28.7h-11c1-12.7 8.7-23.5 19.7-28.7zm-19.7 34h11c.4 11.7 3.7 21.9 8.7 28.7-11-5.2-18.7-16-19.7-28.7zm49.6 28.7c5-6.8 8.3-17 8.7-28.7h11c-1 12.7-8.8 23.5-19.7 28.7z'/%3E%3C/svg%3E"); }
.top_btn.my { width:15px; height:17px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 147.3 162.5' viewBox='0 0 147.3 162.5'%3E%3Cpath d='M112.2 93.1c10-9.9 16.2-23.6 16.2-38.7C128.4 24.4 104 0 74 0S19.6 24.4 19.6 54.4c0 15.1 6.2 28.8 16.2 38.7C13.8 106.7 0 127.7 0 154.5c0 4.7 3.8 8.5 8.5 8.5s8.5-3.8 8.5-8.5c0-23.4 13.5-40.3 34.4-50.5 6.9 3.2 14.5 4.9 22.6 4.9 8.1 0 15.7-1.8 22.6-4.9 20.9 10.3 34.4 27.1 34.4 50.5 0 4.7 3.8 8.5 8.5 8.5s8.5-3.8 8.5-8.5c0-26.8-13.8-47.8-35.8-61.4zM36.6 54.4C36.6 33.8 53.4 17 74 17c20.6 0 37.4 16.8 37.4 37.4 0 20.6-16.8 37.4-37.4 37.4-20.6 0-37.4-16.7-37.4-37.4z'/%3E%3C/svg%3E"); }

/* 검색 레이어 */
.hd_top_sh { display:none; position:fixed; top:0; left:0; right:0; min-height:353px; box-shadow:5px 5px 10px rgba(0,0,0,0.35); background-color:#fff; z-index:5; }
.top_sh_box { position:relative; width:700px; margin:0 auto; padding:30px 0 50px; }
.top_sh_box h2,
.top_sh_box h3 { margin:0; font-weight:700; color:#333; }
.top_sh_box h2 { font-size: 24px; }
.top_sh_input { overflow:hidden; width:100%; height:57px; margin:30px 0; border:2px solid #006fc2; border-radius:30px; }
.top_sh_input [type="text"] { display: block; width:100%; padding-left:30px; height:100%; font-size:16px; border:0; }

.top_sh_box h3 { font-size:16px; }
.top_sh_words { display:flex; flex-wrap:wrap; gap:15px; margin-top:24px; }
.top_sh_words a { display:block; padding:0 15px; height:39px; line-height:39px; border-radius:20px; color:#333; background-color:#f4f4f5; }

.top_sh_close { overflow:hidden; position:absolute; top:25px; right:0; width:31px; height:31px; font-size:12px; color:transparent; border:0; transform:rotate(45deg); background-color:transparent; }
.top_sh_close:before,
.top_sh_close:after { content:''; position:absolute;  background-color:#333; }
.top_sh_close:before { width:3px; height:100%; top:0; left:14px; }
.top_sh_close:after { width:100%; height:3px; left:0; top:14px; }



.top_item_layer { position:relative; display:none; }
.top_item_dim { position:fixed; left:0; right:0; bottom: 0; top: 0; background-color: rgba(0,0,0,0.6); z-index:10; }
.top_item { position:absolute; top:28px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; gap:10px; min-width:100px; padding:20px 15px; background-color: #fff; white-space:nowrap; border:2px solid #000; z-index:11; }
.top_item a { display:block; font-weight:600; color:#666; line-height:1; }
.top_item a.on,
.top_item a:hover { color:#c06b00; text-decoration:underline; text-underline-position:under; }
.top_item:before { content:''; position:absolute; top:-15px; left:calc(50% - 11px); width:22px; height:20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 35.5 27' viewBox='0 0 35.5 27'%3E%3Cpath d='M16.5 1.1 0 27h35L16.5 1.1z' style='fill:%23fff'/%3E%3Cpath d='M4.2 23H1.8L16.6.2l17 22.8h-2.5L16.7 3.7 4.2 23z'/%3E%3C/svg%3E") center 0 no-repeat; background-size:100% auto; }
/* 마이메뉴 */
.top_item.my { align-items:center; }
/* 글로벌 */
.top_item.global { min-width:120px; }
.top_item button { display:flex; align-items:center; gap:5px; padding:0; font-size:12px; font-weight:600; border:0; background-color:transparent; }
.top_item button:before { content:''; display:block; width:24px; height:24px; border-radius:50%; background-image:url(/main/img/icons_global_r.png); background-position-x:center; background-repeat:no-repeat; background-size:30px auto; }
.top_item .lan_en:before { background-position-y:-33px; }
.top_item .lan_ch:before { background-position-y:-63px; }
.top_item .lan_jp:before { background-position-y:-123px; }
.top_item .lan_vn:before { background-position-y:-153px; }


.hd_nav { position:relative; height:58px; margin-top:20px; }

/* 국가별 선택 */
.nav_wrap_state { width:700px;}

/* 국가 버튼 */
.nav_state_item { position: relative; padding:0 2.5px; pointer-events:auto; }
.nav_state_link.on,
.nav_state_link.current { background-color:#d90011; }
.nav_state_link:hover { background-color:#ff4453; }
.nav_state_link.on span,
.nav_state_link.current span,
.nav_state_link:hover span { color:#fff; }

.nav_state_link.kr { padding:0 15px; border-color:#000; } /* 한국 메뉴에 클래스 추가하여 스타일링 */


.nav_state_link { display:flex; align-items:center; white-space:nowrap; height:38px; padding:0 5px; border:1px solid #a0a0a0; background-color:#fef0ee; }
.nav_state_link img { width:17px; height:12px; margin-right:3px; }
.nav_state_link span { font-size:14px; font-weight:700; letter-spacing:-0.05em; color:#252525; }

.nav_state.slick-slider { width:100% !important; }
.nav_state .slick-list { padding-bottom:50px; z-index:1; }
.nav_state .slick-arrow { z-index: 2; }
.nav_state .slick-list:after { content:''; position:absolute; right:20px; top:0; width:35px; height:38px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5046393557422969) 35%, rgba(255,255,255,1) 65%); z-index:1; }

.nav_state .slick-prev { display:none !important; } /* 이전 버튼 숨김 */
.nav_state .slick-next { top: 0; right:0; overflow:hidden; position:absolute; top:0; width:22px; height:38px; padding:0; pointer-events:auto; color:transparent; border:0; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 8.3 16.9' viewBox='0 0 8.3 16.9'%3E%3Cpath d='M8.3 8.3c0-.2-.1-.3-.2-.5 0-.2-.1-.3-.2-.5L3.6.9C2.9.1 1.8-.1 1 .3.9.3.8.4.7.4 0 .9-.2 1.8.3 2.5l4.5 6-4.5 6c-.1.1-.1.2-.1.3-.3.8.1 1.6.8 1.9.9.4 2 .2 2.6-.6l4.3-6.4c.1-.1.2-.4.3-.5 0-.1.1-.1.1-.2.1-.1.1-.2.1-.4-.1 0-.1-.1-.1-.3z' style='fill:%23101010'/%3E%3C/svg%3E") center center no-repeat; background-size:8px 17px; }



/* 국가 호버 툴팁 */
.nav_state_tooltip { display:none; position:absolute; left:0; top:45px; height:35px; line-height:30px; padding:1px 15px; background-color:#333; z-index:1; }
.nav_state_tooltip i { white-space:nowrap; font-size:13px; font-style:normal; font-weight:300; color:#fff; }
.nav_state_tooltip:before { content:''; position:absolute; top:-3px; left:15px; width:7px; height:7px; background-color:#333; transform:rotate(45deg); }
.nav_state_tooltip,
.nav_state_tooltip:before { box-shadow:2px 2px 5px rgba(0,0,0,0.6); }
.nav_state_link:hover ~ .nav_state_tooltip { display: block; }


/* 알파벳 & ㄱㄴㄷ 버튼 */
.nav_btn { width:36px; height:38px; font-size:14px; font-weight:bold; color:#252525; border:1px solid #c8c8c8; background-color:#fff; }
.nav_btn:hover,
.nav_btn.on,
.nav_btn.current { font-size:18px; color:#fff; }
.nav_btn:hover { background-color:#ff4453; }
.nav_btn.on,
.nav_btn.current { background-color:#d90011; }

/* 알파벳 & ㄱㄴㄷ 서브메뉴 */
.nav_list_box { position:absolute; left:0; right:0; top:40px; background-color: #fff; z-index:2; }
.nav_list { display:none; flex-wrap:wrap; gap:20px; padding:30px 30px 40px; border-bottom:2px solid #4c4c4c; }
.nav_list.on { display:flex; }
.nav_name { width:calc(25% - 20px); }
.nav_name img { width:31px; height:auto; margin-right:9px; } 
.nav_name span { font-size:15px; color:#333; }
.nav_name a { position:relative; }
.nav_name i { display:none; position:absolute; left:0; top:30px; height:35px; line-height:30px; padding:1px 15px; font-size:13px; white-space:nowrap;  font-style:normal; font-weight:300; color:#fff; background-color:#333; z-index:1; }
.nav_name a:hover i { display: block; }
.nav_name i:before { content:''; position:absolute; top:-3px; left:15px; width:7px; height:7px; background-color:#333; transform:rotate(45deg); }
.nav_name i,
.nav_name i:before { box-shadow:2px 2px 5px rgba(0,0,0,0.6); }





/* nav 메뉴 토글을 위한 포지셔닝 */
.hd_nav {}
.nav_wrap_state,
.nav_wrap_kor,
.nav_wrap_eng { overflow:hidden; position:absolute; top:0; }

.nav_wrap_state { left:0; max-width:695px; pointer-events:none; }
.nav_wrap_kor { right:190px; z-index:2; }
.nav_wrap_eng { right:0; z-index:3; }
.nav_wrap_kor,
.nav_wrap_eng { max-width:185px; }

.nav_box { transition:max-width 0.2s; background:#fff; } /* 메뉴 토글 클래스 */
.nav_box:not(.on) { padding-right:30px; }
.nav_box.on { max-width:100%; padding-left:60px; background: linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 0, rgba(255,255,255,1) 25px, rgba(255,255,255,1) 100%); }

/* 알파벳 메뉴 오픈 할 때 메뉴위치 변경 */
.nav_wrap_eng.on { right:125px; }
.nav_wrap_eng.on .nav_btn { width:32px; }

.nav_wrap_eng.on ~ .nav_wrap_kor { right:0; max-width:110px; padding-left:30px; border-left:2px solid #7f7f7f; }
.nav_wrap_eng.on ~ .nav_wrap_kor .nav_open { right:calc(100% - 25px); transform:scaleX(-1); }

/* 
.nav_box:before,
.nav_box:after { content:''; top:0; bottom:0; pointer-events:none; }
.nav_box:after { position:absolute; }
.nav_box:not('.on'):after { content:''; position:absolute; right:0; top:0; bottom:0; }
.nav_wrap_state.nav_box:not('.on'):after { width:65px; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5046393557422969) 25%, rgba(255,255,255,1) 50%); z-index:1; } 국가별 버튼 우측 그라디언트
 */
.nav_open,
.nav_close { overflow:hidden; position:absolute; top:0; width:22px; height:38px; padding:0; color:transparent; border:0; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 8.3 16.9' viewBox='0 0 8.3 16.9'%3E%3Cpath d='M8.3 8.3c0-.2-.1-.3-.2-.5 0-.2-.1-.3-.2-.5L3.6.9C2.9.1 1.8-.1 1 .3.9.3.8.4.7.4 0 .9-.2 1.8.3 2.5l4.5 6-4.5 6c-.1.1-.1.2-.1.3-.3.8.1 1.6.8 1.9.9.4 2 .2 2.6-.6l4.3-6.4c.1-.1.2-.4.3-.5 0-.1.1-.1.1-.2.1-.1.1-.2.1-.4-.1 0-.1-.1-.1-.3z' style='fill:%23101010'/%3E%3C/svg%3E") center center no-repeat; background-size:8px 17px; } /* 메뉴 토글 버튼 */
.nav_open { right:0; }
.nav_close { left:35px; }

.nav_box .nav_close,
.nav_box.on .nav_open { display: none; }
.nav_box.on .nav_close { display:block; background-color:transparent; }


/* ㄱㄴㄷ */

/* .nav_wrap_kor.on:before,
.nav_wrap_eng.on:before { display:block; width:80px; height:38px; margin-left:-65px; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5046393557422969) 15%, rgba(255,255,255,1) 42%);} */
.nav_wrap_kor.on { right:197px; padding-right:12px; border-right:2px solid #7f7f7f; }

/* 메뉴 스타일링
.nav_wrap_kor.on ~ .nav_wrap_eng:not(.on) { max-width:190px; padding-left:29px; padding-right:5px;  }
.nav_wrap_kor.on ~ .nav_wrap_eng:not(.on) .nav_open { right:auto; left:5px; }
 */


/* ABC */

/* 추천 검색어 슬라이드 */
.hd_word_wrap { height:77px; padding-top:20px; border-top:1px solid #dedede; }
.shc_word { display:flex; align-items:center; justify-content:center; gap:5px; height:32px; padding:0 10px 0 15px; line-height:32px; font-size:13px; font-weight:bold; color:#7d7d7d; border-radius:16px; }
.shc_word span { white-space:nowrap; }

.hd_word_wrap .slick-slide:nth-child(4n+3) a { background-color:#f2fbf5; } 
.hd_word_wrap .slick-slide:nth-child(4n+4) a { background-color:#f3f9fe; } 
.hd_word_wrap .slick-slide:nth-child(4n+1) a { background-color:#f9f3fe; } 
.hd_word_wrap .slick-slide:nth-child(4n+2) a { background-color:#f4f8e3; }

.hd_word.slick-slider { z-index:0; }

/* slick 슬라이더 적용, 스타일 재설정 */
.hd_word .slick-track { /*display:flex !important; width:auto !important;*/ }
.hd_word .slick-slide { /*float:none !important;*/ margin:0 5px; }

.hd_word .slick-arrow { top:3px; left:auto; width:25px; height:25px; border:0; font-size:10px; color:transparent; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 17 17' viewBox='0 0 17 17'%3E%3Cstyle%3E.st0%7Bfill:%23bcbcbc%7D%3C/style%3E%3Cpath d='M8.5 0C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zm0 15.7c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.2 7.2 3.2 7.2 7.2-3.2 7.2-7.2 7.2z' class='st0'/%3E%3Cpath d='m6.6 5.8 2.7 2.7-2.7 2.7 1.1 1 3.7-3.7-3.7-3.7z' class='st0'/%3E%3C/svg%3E") center center no-repeat; z-index:1; }
.hd_word .slick-arrow:hover { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 17 17' viewBox='0 0 17 17'%3E%3Cstyle%3E.st0%7Bfill:%230070c3%7D%3C/style%3E%3Cpath d='M8.5 0C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zm0 15.7c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.2 7.2 3.2 7.2 7.2-3.2 7.2-7.2 7.2z' class='st0'/%3E%3Cpath d='m6.6 5.8 2.7 2.7-2.7 2.7 1.1 1 3.7-3.7-3.7-3.7z' class='st0'/%3E%3C/svg%3E"); }
.hd_word .slick-next { right:0; }
.hd_word .slick-prev { right:30px; transform:scaleX(-1); }

.hd_word .slick-list {  }
.hd_word .slick-list:before { content:''; position:absolute; right:0; width:100px; height:40px; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7721463585434174) 17%, rgba(255,255,255,1) 38%); z-index:1; }

/* 문구 추가 */
/* .hd_slogan { overflow:hidden; opacity:0; width:1080px; max-height:0; margin:0 auto; line-height:1; transition:max-height 1s; }
.hd_slogan.pop { overflow:visible; opacity:1; max-height:auto; margin-top:20px; margin-bottom:20px; } */
.hd_slogan { display:none; width:1080px; margin:20px auto 0; line-height:1; transition:max-height 1s; }
/* .hd_slogan.pop { display:block; } */
.hd_slogan_txt { font-size:16px; font-weight:800; letter-spacing:0.05em; color:#111; }
.hd_slogan ~ .hd_nav { margin-top:15px; }