/* 상단 */
#header { top: 0; }
#header .hdwrap .gnb { gap: 124px; }
#header .hdwrap .gnb .gnb-list .gnb-item > a { width: 120px; height: 120px; box-sizing: border-box; }
#header .hdwrap .gnb .gnb-list .gnb-item > a.career svg { width: 10px; }
#header .hdwrap .gnb .gnb-list .gnb-item ul { z-index: 1; display: none; position: absolute; top: 120px; left: 0; width: 120px; height: 274px; padding: 20px 0 20px 15px; box-sizing: border-box; }
#header .hdwrap .gnb .gnb-list .gnb-item ul li a:hover,
#header .hdwrap .gnb .gnb-list .gnb-item ul li.on a { color: #2d3ebd; }
#header .hdwrap .gnb .gnb-list .gnb-item ul.txt-c { padding-left: 0; }
#header .hdwrap .gnb .gnb-list .gnb-item:hover ul { top: 118px; border-top: 2px solid #2d3ebd; background: rgba(189, 218, 254, 0.1); }
#header .hdwrap .gnb .gnb-lang.active svg { transform: rotate(-180deg); }
#header .hdwrap .gnb .gnb-lang .menu { z-index: 1; display: none; position: absolute; right: -7px; top: 25px; padding: 5px; box-sizing: border-box; }
#header .hdwrap .gnb .gnb-lang .menu li a { display: block; padding: 9.5px 15px; color: #666; }
#header .hdwrap .gnb .gnb-lang .menu li.on a { color: #000; background: #f8f8f8; }
#header .hdmenu { display: none; position: fixed; top: 120px; left: 0; width: 100%; height: 100%; background: rgba(60, 60, 60, 0.2); }
#header .hdmenu span { position: absolute; top: 0; left: 0; width: 100%; height: 271px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #fff; }

/* 하단 */
#footer { width: 100%; border-top: 1px solid #eee; }
#footer .ftwrap { height: 120px; }
#footer .ftwrap .link .menulist { height: 40px; box-sizing: border-box; }
#footer .ftwrap .link .menulist svg { width: 12px; }
#footer .ftwrap .link .menulist.active svg { transform: rotate(-180deg); }
#footer .ftwrap .link .menu { z-index: 1; display: none; position: absolute; right: 0; bottom: 46px; padding: 5px; box-sizing: border-box; }
#footer .ftwrap .link .menu li a { display: block; padding: 9.5px 14px; color: #666; }
#footer .ftwrap .link .menu li.on a { color: #000; background: #f8f8f8; }

/* 스크롤 */
#scroll-top { z-index: 1; position: fixed; bottom: 30px; right: 20px; }
#scroll-top button { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 99px; border:1px solid #eee; box-sizing: border-box; background: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06); }
#scroll-top button svg { width: 18px; }
#scroll-top button:hover { background: #000; }
#scroll-top button:hover svg path { color: #fff; }

/* 중앙 */
#wrapper { min-width: 1340px; width: 100%; height: auto; margin: 0 auto; }
.inner { width: 1280px; margin: 0 auto; box-sizing: border-box; }
.ver-mo { display: none; }

/* 공통 - 전 페이지 */
.sub-menu li:before { content: ""; position: absolute; top: 6.5px; left: -30px; width: 1px; height: 24px; background: #e0e0e0; }
.sub-menu li:first-child:before { background: #fff; }
.sub-menu li a { display: block; color: #999; }
.sub-menu li.now a { font-weight: 700; color: #000; border-bottom: 3px solid #2d3ebd; }
.list:before { content: ""; display: block; position: absolute; top: 15px; left: 12px; width: 5px; height: 5px; background: #000; border-radius: 20px; }
.list-m:before { content: ""; display: block; position: absolute; top: 50%; left: 2px; width: 5px; height: 5px; background: #000; border-radius: 20px; transform: translateY(-50%); }
.list-s:before { content: ""; display: block; position: absolute; top: 9px; left: 10px; width: 3px; height: 3px; background: #666; border-radius: 20px; }
.list-s.black:before { top: 50%; left: 0; background: #000; transform: translateY(-50%); }
.list-s.left-0:before { left: 0; }
.tbl table { width: 100%; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; border-top: 2px solid #000; }
.tbl table th,
.tbl table td { border-bottom: 1px solid #eee; font-size: 18px; line-height: 27px; border-collapse: collapse; font-weight: 400; }
.tbl table th { font-weight: 700; }
.tbl table td.list-prev:before { content: "▲"; position: absolute; top: 22px; left: 40px; font-size: 8px; }
.tbl table td.list-next:before { content: "▼"; position: absolute; top: 22px; left: 40px; font-size: 8px; }
.tbl2 table th,
.tbl2 table td { border-left: 1px solid #eee; }
.tbl2 table tr th:first-child,
.tbl2 table tr td:first-child { border-left: 0; }
.tbl table th > div,
.tbl table td > div { padding: 20px 40px; }
.error { display: block; color: #f10000; margin-top: 5px; font-size: 16px; }

/* 레이어 팝업 공통 */
.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; }
.pop-layer { z-index: 10; position: absolute; top: 50%; left: 50%; border-radius: 10px; background: #fff; transform: translate(-50%, -50%); }
.pop-layer .pop-container { overflow-y: auto; }
.pop-layer .popup-close { position: absolute; top: 50%; right: 0; display: flex; width: 26px; height: 26px; margin-top: -13px; }
.pop-layer .addr { padding-left: 24px; background: url('../images/ico_addr.svg') no-repeat left 2px; }
.pop-layer .tel { padding-left: 24px; background: url('../images/ico_tel.svg') no-repeat left 2px; }
.pop-layer iframe { border-radius: 0 0 5px 5px; }
.pop-layer .tbl table th > div,
.pop-layer .tbl table td > div { padding-left: 20px; padding-right: 20px; }
.scrollbar::-webkit-scrollbar { width: 8px; }
.scrollbar::-webkit-scrollbar-thumb { background: #ccc; border-radius: 5px; border-right: 2px solid #fff; }

/* 회사소개 */
#history .inner { padding: 80px 0 140px; }
#history .tit-wrap { position: sticky; top: 120px; float: left; margin-right: 209px; }
#history .tit-wrap + div { width: 632px; }
#history .thumbnail img { height: 50px; }
#finance { background: linear-gradient(180deg, #E9EEFF 0%, #FFFFFF 100%); }
#finance li.flex { height: 168px; border-top: 1px solid #ccc; box-sizing: border-box; }
#global .grid li { width: 306px; height: 61px; border-top: 1px solid #eee; box-sizing: border-box; cursor: pointer; }
#global .grid li.now { padding-left: 28px; border: 2px solid #2d3ebd; border-radius: 4px; background: #e9eeff; }
#global .grid li .ico-location { z-index: 1; position: absolute; }
#global .grid li.now .ico-location { z-index: 2; }
#global .grid li:nth-child(1) img { top: 143.43px; left: 1039.77px; } /* Califonia */
#global .grid li:nth-child(1).now img { top: 113px; left: 1026px; }
#global .grid li:nth-child(2) img { top: 108.36px; left: 1123.33px; } /* New Jersey */
#global .grid li:nth-child(2).now img { top: 80px; left: 1110px; }
#global .grid li:nth-child(3) img { top: 138.21px; left: 1102.44px; } /* Delaware */
#global .grid li:nth-child(3).now img { top: 110px; left: 1089px; }
#global .grid li:nth-child(4) img { top: 116px; left: 1032px; } /* Oregon */
#global .grid li:nth-child(4).now img { top: 87px; left: 1018px; }
#global .grid li:nth-child(5) img { top: 130.75px; left: 922.62px; } /* Tokyo */
#global .grid li:nth-child(5).now img { top: 102px; left: 909px; }
#global .grid li:nth-child(6) img { top: 138.21px; left: 872.63px; } /* Rongcheng */
#global .grid li:nth-child(6).now img { top: 110px; left: 859px; }
#global .grid li:nth-child(7) img { top: 147.16px; left: 597.3px; } /* Frankfurt */
#global .grid li:nth-child(7).now img { top: 119px; left: 583px; }
#global .grid li:nth-child(8) img { top: 109.85px; left: 597.3px; } /* Berkshire */
#global .grid li:nth-child(8).now img { top: 82px; left: 583px; }
#global .grid li:nth-child(9) img { top: 115.08px; left: 637.59px; } /* Madrid */
#global .grid li:nth-child(9).now img { top: 86px; left: 624px; }
#global .grid li:nth-child(10) img { top: 275.5px; left: 921.87px; } /* Queensland */
#global .grid li:nth-child(10).now img { top: 248px; left: 908px; }
#global .grid li:nth-child(11) img { top: 159.84px; left: 883.07px; } /* Tsuen Wan */
#global .grid li:nth-child(11).now img { top: 131px; left: 870px; }
#global .grid li:nth-child(12) img { top: 126.27px; left: 900.98px; } /* Seoul */
#global .grid li:nth-child(12).now img { top: 98px; left: 887px; }
#global .global-map.ver-pc { position: absolute; top: 0; right: -320px; }
#global .global-all.ver-pc { position: absolute; top: 33px; right: -15px; }
#customer .tit-wrap { position: sticky; top: 120px; float: left; margin-right: 190px; }
#customer .tit-wrap + div { width: 632px; }
#customer .tit-wrap .btn-xl svg { width: 16px; }
#customer ul li:first-child { border-top: 1px solid #eee; }
#customer ul li { border-bottom: 1px solid #eee; }
#customer ul li .btn-sm-solid { width: 30px; height: 30px; }
#customer ul li .btn-sm-solid svg { width: 16px; }
#customer ul li .btn-lg-solid img { width: 6px; }
#customer ul li .line { width: 1px; height: 22px; background: #ccc; }
#ci .btn-ci { height: 72px; }
#ci .btn-ci span { display: inline-block; width: 23px; height: 23px; background: url('../images/ico_download.svg') no-repeat center; }
#ci .ci-box.white:before { content: "Black"; font-weight: 500; font-size: 16px; position: absolute; top: 20px; left: 30px; }
#ci .ci-box.black:before { content: "White"; font-weight: 500; font-size: 16px; color: #fff; position: absolute; top: 20px; left: 30px; }
#ci .ci-box span:first-child { border-right: 1px solid #e0e0e0; }
#ci .ci-box.black span:first-child { border-right: 1px solid #333; }

/* 사업영역 */
.biz-wrap > ul li p { border-top: 1px solid #eee; word-break: keep-all; }
.biz-wrap > ul li p .awards { width: fit-content; box-sizing: border-box; color: #cc7700; background: #fdfae0; }
.biz-service > ul { border-top: 1px solid #e0e0e0; }
.biz-service > ul li { border-bottom: 1px solid #e0e0e0; }
.biz-service > ul li a,
.biz-service > ul li button { height: 56px; padding: 0 25px 0 30px; }
.biz-service > ul li .btn-web span { display: inline-block; width: 24px; height: 24px; background: url('../images/ico_link.svg') no-repeat center; }
.biz-service > ul li .btn-app span { display: inline-block; width: 24px; height: 24px; background: url('../images/ico_app.svg') no-repeat center; }
.biz-service > ul li .app-box:hover > div { display: flex; }
.biz-service > ul li .app-box > div { display: none; position: absolute; top: 0; left: 0; box-sizing: border-box; }
.biz-service > ul li .app-box > div a { gap: 6px; padding: 0 16px; color: #666; }
.biz-service > ul li .app-box > div a:hover { color: #fff; background: #000; }
.biz-service > ul li .app-box > div a span { display: inline-block; width: 20px; height: 20px; }
.biz-service > ul li .app-box > div a.store-apple span { background: url('../images/ico_apple.svg') no-repeat center; }
.biz-service > ul li .app-box > div a.store-apple:hover span { background: url('../images/ico_apple_on.svg') no-repeat center; }
.biz-service > ul li .app-box > div a.store-google span { background: url('../images/ico_google.svg') no-repeat center; }
.biz-service > ul li .app-box > div a.store-google:hover span { background: url('../images/ico_google_on.svg') no-repeat center; }
.biz-service > ul li .app-box > div a.store-one span { background: url('../images/ico_one.svg') no-repeat center; }
.biz-service > ul li .app-box > div a.store-one:hover span { background: url('../images/ico_one_on.svg') no-repeat center; }
#business_summary .accordion .accordion-item .accordion-tit:after { position: absolute; top: 0; right: 0; content: ""; width: 32px; height: 42px; background: url('../images/ico_arrow_down.svg') no-repeat center; }
#business_summary .accordion .accordion-item.active .accordion-tit:after { background: url('../images/ico_arrow_up.svg') no-repeat center; }
#business_summary .accordion .accordion-item .accordion-cnt { display: none; }
#business_summary .accordion .accordion-item .accordion-cnt > p { padding-left: 45px; }
#business_summary .accordion .accordion-item.active .accordion-cnt { display: block; }
#business_summary .sub-banner { background: url('../images/business_top_summary.png') no-repeat center top; }
#business_consumer .sub-banner { background: url('../images/business_top_consumer.png') no-repeat center top; }
#business_seller .sub-banner { background: url('../images/business_top_seller.png') no-repeat center top; }
#business_cross .sub-banner { background: url('../images/business_top_cross.png') no-repeat center top; }

/* IR 자료실 */
#ir_board .tbl li:first-child { border-top: 0; }
#ir_board .tbl li { padding: 15px 0 15px 40px; border-top: 1px solid #eee; }
#ir_board .tbl li span { width: 12%; }
#ir_board .tbl li .btn-download { width: 50px; height: 50px; background: url('../images/ico_download.svg') no-repeat center; }

/* 윤리경영 */
.ethics-tab a { height: 54px; padding: 0 30px; color: #999; background: #eee; }
.ethics-tab a.on { color: #fff; background: #000; }
#ethics_business .sub-banner,
#ethics_online .sub-banner,
#ethics_form .sub-banner,
#ethics_confirm .sub-banner { background: url('../images/ethics_top.png') no-repeat center top; }
#ethics_business .tit-wrap { padding-bottom: 40px; }
#ethics_business .ethics-swiper { overflow: visible; }
#ethics_business .ethics-swiper .swiper-button-prev { position: absolute; top: -90px; right: 60px; left: auto; }
#ethics_business .ethics-swiper .swiper-button-next { position: absolute; top: -90px; right: 0; }
#ethics_business .ethics-swiper .swiper-button-prev,
#ethics_business .ethics-swiper .swiper-button-next { width: 50px; height: 50px; font-size: 0; border: 1px solid #000; border-radius: 999px; background: #fff; }
#ethics_business .ethics-swiper .swiper-button-prev svg,
#ethics_business .ethics-swiper .swiper-button-next svg { width: 15px; }
#ethics_business .ethics-swiper .swiper-slide { overflow: hidden; height: 340px; border-radius: 10px; background: #eee; cursor: pointer; }
#ethics_business .ethics-swiper .swiper-slide .slide-txt { position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); }
#ethics_business .ethics-swiper .swiper-slide .slide-txt .txt-detail { display: none; }
#ethics_business .ethics-swiper .swiper-slide .txt-tit .ico { position: absolute; width: 16px; height: 16px; right: 30px; }
#ethics_business .ethics-swiper .swiper-slide .txt-tit .ico:before,
#ethics_business .ethics-swiper .swiper-slide .txt-tit .ico:after { content: ""; position: absolute; background: #fff; transition: transform 0.25s ease-out; }
#ethics_business .ethics-swiper .swiper-slide .txt-tit .ico:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; } /* vertical line */
#ethics_business .ethics-swiper .swiper-slide .txt-tit .ico:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; } /* horizontal line */
#ethics_business .ethics-swiper .swiper-slide.on .txt-tit .ico:before { transform: rotate(90deg); }
#ethics_business .ethics-swiper .swiper-slide.on .txt-tit .ico:after { transform: rotate(180deg); }
#ethics_business .ethics-swiper .swiper-slide.slide01 { background: url('../images/ethics_slide01.png') no-repeat center; }
#ethics_business .ethics-swiper .swiper-slide.slide02 { background: url('../images/ethics_slide02.png') no-repeat center; }
#ethics_business .ethics-swiper .swiper-slide.slide03 { background: url('../images/ethics_slide03.png') no-repeat center; }
#ethics_business .ethics-swiper .swiper-slide.slide04 { background: url('../images/ethics_slide04.png') no-repeat center; }
#ethics_business .ethics-swiper .swiper-slide.slide05 { background: url('../images/ethics_slide05.png') no-repeat center; }
#ethics_business .toggle-list { width: 100%; border-top: 2px solid #000; }
#ethics_business .toggle-list > li { padding: 26.5px 0; border-bottom: 1px solid #eee; font-size: 18px; line-height: 27px; }
#ethics_business .toggle-list > li span { position: relative; display: flex; padding: 0 40px; cursor: pointer; word-break: keep-all; }
#ethics_business .toggle-list > li span:after { content: ""; position: absolute; top: 8px; right: 40px; width: 12px; height: 12px; background: #000; clip-path: polygon(8% 17%, 0% 25%, 50% 84%, 100% 25%, 92% 17%, 50% 65%); }
#ethics_business .toggle-list > li span.on:after { transform: rotate(180deg); }
#ethics_business .toggle-list li .cont-box { display: none; padding: 26.5px 40px 0; margin-top: 26.5px; border-top: 1px solid #eee; }
#ethics_business .toggle-list li .cont-box ol { padding-left: 20px; }
#ethics_online .tit-wrap { padding-bottom: 40px; }
#ethics_online .grid { border-left: 1px solid #eee; border-top: 1px solid #eee; border-radius: 10px; }
#ethics_online .grid li { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#ethics_online .grid li:nth-child(1) { border-top-left-radius: 10px; }
#ethics_online .grid li:nth-child(3) { border-top-right-radius: 10px; }
#ethics_online .grid li:nth-child(4) { border-bottom-left-radius: 10px; }
#ethics_online .grid li:nth-child(6) { border-bottom-right-radius: 10px; }
#ethics_form .tbl table th > div { padding-right: 0; }
#ethics_form .tbl table th.border-b-0 > div { padding-bottom: 0; }
    /* 레이어 */
    #ethics_guide .tbl table td > div dl dt { padding-left: 20px; text-indent: -20px; }
#ethics_confirm .btn-all.fc-red { border: 1px solid #f10000; }
#ethics_confirm .btn-all.fc-blue { border: 1px solid #2d3ebd; }
#ethics_confirm .btn-all.fc-green { border: 1px solid #0da010; }