@charset "utf-8";

#document {min-width: 1280px;}
#container {min-height: calc(100vh - 322px);}
.contents_wrap {width: 1280px; margin: 0 auto;}
.contents_wrap.aside {display: flex; margin: 0 auto; padding-top: 60px;}
.visual_wrap {width: 100%; min-width: 1280px; overflow: hidden;}
.scroll_wrap {max-height: 300px; overflow: auto;}

/*** 헤더 ***/
#header {background-color: var(--white); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); position: relative; z-index: 10;}
#header .header_inner {height: 64px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; /* min-width: 1280px; */ background-color: var(--white);}

/* gnb */
#header .gnb_wrap {display: flex; align-items: center;}
#header .gnb_wrap .logo {padding-right: 40px; position: relative;}
#header .gnb_wrap .logo::before {content: ''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); width: 1px; height: 16px; background: var(--greyddd);}
#header .gnb_wrap .logo a {display: flex; align-items: center; width: 154px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/bizhome/kglobal500/logo.png');}
#header .gnb_wrap .gnb {margin: 0 40px; position: relative;}
#header .gnb_wrap .gnb::before,
#header .gnb_wrap .gnb::after {display: none; content: ''; position: absolute; top: 0; width: 40px; height: 64px; z-index: 1;}
#header .gnb_wrap .gnb::before {left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);}
#header .gnb_wrap .gnb::after {right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);}
#header .gnb_wrap .gnb .depth1 {display: flex; flex-wrap: nowrap; gap: 40px; width: 100%; overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
#header .gnb_wrap .gnb .depth1::-webkit-scrollbar {display: none;}
#header .gnb_wrap .gnb .depth1 > li {flex-shrink: 0; /* position: relative; */}
#header .gnb_wrap .gnb .depth1 > li > a {display: inline-flex; align-items: center; gap: 2px; line-height: 64px; font-weight: 500; letter-spacing: -0.32px; position: relative; color: var(--black); font-size: 16px;}
#header .gnb_wrap .gnb .depth1 > li > a::before {display: none; content: ''; position: absolute; bottom: 0; height: 2px; width: 100%; background: #000;}
#header .gnb_wrap .gnb .depth1 > li:hover > a::before {display: block;}
#header .gnb_wrap .gnb .depth1 > li > a.open_depth2::after {content: ''; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 7.5 5 5 5-5' stroke='%230D0D0D' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");}
#header .gnb_wrap .gnb .depth2 {display: none; position: absolute; left: -1px; top: calc(100% - 3px); min-width: 140px; z-index: 10; padding: 10px 10px 14px; background-color: #fff; border-radius: 4px; border: solid 1px var(--greyccc); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
#header .gnb_wrap .gnb .depth1 > li:hover .depth2 {display: block;}
#header .gnb_wrap .gnb .depth2 .depth2_menu {padding: 6px 10px;  font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: -0.28px; margin-bottom: 4px; border-radius: 2px; cursor: pointer;}
#header .gnb_wrap .gnb .depth2 .depth2_menu:last-of-type {margin-bottom: 0;}
#header .gnb_wrap .gnb .depth2 .depth2_menu:hover,
#header .gnb_wrap .gnb .depth2 .depth2_menu.active {background-color: var(--greyf2f2);}
#header .gnb_wrap .gnb .btn_move_prev, 
#header .gnb_wrap .gnb .btn_move_next {display: none; position: absolute; top: 21px; width: 24px; height: 24px; z-index: 2; font-size: 0; border-radius: 24px; border: solid 1px var(--greyddd); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); background-color: #fff; background-repeat: no-repeat; background-size: 12px; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6 2.8 4.4 6l3.2 3.2' stroke='%230D0D0D' stroke-linecap='square'/%3E%3C/svg%3E%0A");}
#header .gnb_wrap .gnb .btn_move_prev {left: -12px;}
#header .gnb_wrap .gnb .btn_move_next {right: -12px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4 9.2 7.6 6 4.4 2.8' stroke='%230D0D0D' stroke-linecap='square'/%3E%3C/svg%3E%0A");}

/* gnb swiper */
/* #header .gnb_wrap .gnb .gnb_swiper {height: 64px;}
#header .gnb_wrap .gnb .swiper-slide {display: flex; align-items: center; width: fit-content; height: 100%;}
#header .gnb_wrap .gnb .swiper-slide > a {font-size: 16px; font-weight: 500; letter-spacing: -0.32px; color: var(--black); position: relative;}
#header .gnb_wrap .gnb .swiper-slide > a::after {display: none; content: ''; position: absolute; bottom: -21px; left: 0; width: 100%; height: 2px; background-color: var(--black);}
#header .gnb_wrap .gnb .swiper-slide:hover > a::after {display: block;}
#header .gnb_wrap .gnb .swiper-slide:hover .depth2 {display: block;}
#header .gnb_wrap .gnb .swiper-button-next:after,
#header .gnb_wrap .gnb .swiper-button-prev:after {content: ''; position: absolute; top: 0; width: 40px; height: 64px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 100%, #fff 58%);}
#header .gnb_wrap .gnb .swiper-button-prev:after {left: 0;}
#header .gnb_wrap .gnb .swiper-button-next:after {right: 0;}
#header .gnb_wrap .gnb .swiper-button-disabled {display: none;} */

/* 검색창 */
#header .util_wrap {display: flex; align-items: center;}
#header .util_wrap .search_wrap {position: relative; width: 240px; height: 36px; border-radius: 50px; margin: 0 20px 0 0; padding: 0 14px 0 42px; box-sizing: border-box; background: var(--greyf2f2);}
#header .util_wrap .search_wrap .search_texts {border: none; width: 160px; height: 36px; background: var(--greyf2f2);}
#header .util_wrap .search_wrap .search_texts::placeholder {font-size: 13px; color: #999; letter-spacing: -0.26px;}
#header .util_wrap .search_wrap .btn_search {position: absolute; left: 14px; top: 50%; transform: translate(0, -50%); width: 24px; height: 24px; font-size: 0; background: url('../images/bizhome/kglobal500/search_24px.png') no-repeat 50% 50%;}
#header .util_wrap .search_wrap .btn_del_keyword {display: none; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); width: 16px; height: 16px; font-size: 0; background: url('../images/bizhome/kglobal500/cycle_16px.png') no-repeat 50% 50%;}
#header .util_wrap .search_wrap .btn_del_keyword.active {display: block;}

/* 마이페이지/언어 */
#header .util_wrap .util {display: flex; justify-content: flex-end; align-items: center;}
#header .util_wrap .util li {margin: 0 10px;}
#header .util_wrap .util li:first {margin-left: 0;}
#header .util_wrap .util li a {display: block; line-height: 32px; padding: 0 12px; font-weight: normal; letter-spacing: -0.21px; color: #333; border-radius: 4px;}
#header .util_wrap .util li a:hover {background: #e4e4e4;}
#header .util_wrap .util li.mypage a {background: red; line-height: 24px;}

/* 툴팁 */
#header .util_wrap .util_el {position: relative; display: flex;}
#header .util_wrap .util_el .tooltip_menu {display: none; position: absolute; left: 50%; transform: translate(-50%, 0); padding-top: 15px; z-index: 10; top: 25px; /* cursor: pointer; */}
#header .util_wrap .util_el:hover .tooltip_menu {display: block; }
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list {padding: 4px 8px; border: 1px solid #d5d7db; border-radius: 5px; background: var(--white); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); position: relative;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list::before {content: ''; position: absolute; left: 50%; top: -5px; transform: translate(-50%, 0) rotate(45deg); width: 7px; height: 7px; background-color: var(--white); border-left: 1px solid #d5d7db; border-top: 1px solid #d5d7db; }
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li {min-width: 70px; padding: 8px 0; text-align: center; cursor: pointer; border-bottom: 1px solid #e8eaed;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li:last-child {border-bottom: none;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li label {cursor: pointer;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li input[type=radio] {display: none;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li span {cursor: pointer;}
#header .util_wrap .util_el .tooltip_menu .tooltip_menu_list li a {display: block; white-space: nowrap; line-height: 1.6;}
#header .util_wrap .util_el.login a {letter-spacing: -0.21px; white-space: nowrap;}
#header .util_wrap .util_el.login a.link {margin: 0 10px; display: inline-block; line-height: 32px; padding: 0px 12px;}
#header .util_wrap .util_el.login li:hover a.link {background: #e4e4e4; border-radius: 4px;}

/* 마이페이지 */
#header .util_wrap .util_el .link_mypage {display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; margin: 0 10px; border-radius: 4px; position: relative; background: url('../images/bizhome/kglobal500/user_24px.png') no-repeat 50% 50%;}
#header .util_wrap .util_el .link_mypage:hover {background-color: #e4e4e4;}

/* 언어 */
#header .util_wrap .util_el .btn_lang {display: block; width: 74px; height: 32px; border-radius: 4px; position: relative; margin-left: 10px; background: var(--white);}
#header .util_wrap .util_el .btn_lang::before {content: ''; position: absolute; left: 10px; top: 50%; transform: translate(0, -50%); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14A6 6 0 0 0 8 2m0 12A6 6 0 0 1 8 2m0 12c-1.45 0-2.625-2.686-2.625-6S6.55 2 8 2m0 12c1.45 0 2.625-2.686 2.625-6S9.45 2 8 2m-4.875 8.916c1.1-.63 2.925-1.041 4.993-1.041 2.157 0 4.052.449 5.132 1.125M3.125 5.084c1.1.63 2.925 1.041 4.993 1.041 2.157 0 4.052-.449 5.132-1.125' stroke='%23666'/%3E%3C/svg%3E%0A");}
#header .util_wrap .util_el .btn_lang::after {content: ''; position: absolute; right: 8px; top: 50%; transform: translate(0, -50%); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23666'/%3E%3C/svg%3E%0A");}
#header .util_wrap .util_el .btn_lang:hover {background: #e4e4e4;}
#header .util_wrap .util_el.lang .tooltip_menu {transform: translate(-40%, 0);}


/*** 푸터 ***/
#footer {background: var(--black-ui); min-width: 1280px;}
#footer .footer_inner {display: flex; justify-content: space-between; min-height: 218px; margin: 0 auto; display: flex; padding: 40px 40px 47px;}
#footer .footer_right {display: flex;}
#footer h2 {margin-bottom: 10px; font-size: 13px; font-weight: 400; letter-spacing: -0.28px; color: rgba(255, 255, 255, 0.5);}

/* 정보 */
/* #footer .info_wrap {width: 40%;} */
#footer .info_wrap .footer_logo {margin-bottom: 20px;}
#footer .info_wrap .footer_logo a {color: #ddd; font-size: 18px; font-weight: bold;}
#footer .info_wrap dl {display: flex; flex-wrap: wrap; font-size: 12px; letter-spacing: -0.24px; color: #ddd; align-items: baseline; margin-bottom: 6px;}
#footer .info_wrap dl:last-child {margin-bottom: 0;}
#footer .info_wrap dl dt {margin-right: 5px; letter-spacing: -0.24px;}
#footer .info_wrap dl dt:first-child {padding-left: 0;}
#footer .info_wrap dl dd {padding-right: 20px; letter-spacing: -0.24px; position: relative;}
#footer .info_wrap dl dd:after {content: ''; position: absolute; right: 9px; top: 2px; width: 1px; height: 11px; background: rgba(255, 255, 255, 0.2);}
#footer .info_wrap dl dd:last-child::after {display: none;}
#footer .info_wrap address {font-size: 12px; letter-spacing: -0.24px; color: #ddd; margin-top: 6px;}

/* kglobal 소개/등록안내/등록기업 */
#footer .gnb_wrap {padding-right: 40px; height: fit-content;}
#footer .gnb_wrap .gnb_menu li {margin-bottom: 10px;}
#footer .gnb_wrap .gnb_menu li:last-child {margin-bottom: 0;}
#footer .gnb_wrap .gnb_menu li a {letter-spacing: -0.28px; color: #ddd; white-space: nowrap; font-size: 13px;}


/* notice */
#footer .notice_wrap {width: auto; height: fit-content; padding-left: 40px;}
#footer .notice_wrap .list_notice {}
#footer .notice_wrap .list_notice li {margin-bottom: 10px;}
#footer .notice_wrap .list_notice li:last-child {margin-bottom: 0;}
#footer .notice_wrap .list_notice li a {color: #ddd; line-height: 1.4; letter-spacing: -0.26px; white-space: nowrap; font-size: 13px;}

/* support */
#footer .support_wrap {width: auto; height: fit-content; padding-left: 80px;}
#footer .support_wrap .list_support {}
#footer .support_wrap .list_support li {margin-bottom: 10px; color: #ddd; font-size: 13px;}
#footer .support_wrap .list_support li a {color: #ddd; line-height: 1.4; letter-spacing: -0.28px; text-transform: lowercase;}
#footer .support_wrap .list_support li:nth-child(2) a,
#footer .support_wrap .list_support li:nth-child(3) a {text-transform: lowercase;}
#footer .support_wrap .list_support li:last-child {margin-bottom: 0;}

/* copyright */
#footer .copyright {display: flex; justify-content: center; align-items: center; height: 40px; background: #000; font-size: 12px; letter-spacing: -0.24px; color: #fff; text-align: center;}


/*** aside - 마이페이지 레이아웃 ***/
#snb {width: 180px; height: fit-content; /* padding-left: 24px; border-left: 1px solid var(--black); */ box-sizing: border-box; margin-right: 40px;}
#snb .snb_title {font-size: 24px; font-weight: 700; letter-spacing: -0.48px; color: var(--black); margin-bottom: 18px;}
#snb .snb_menu .depth1 > li {padding: 6px 0; cursor: pointer;}
#snb .snb_menu .depth1 > li a {font-size: 16px; letter-spacing: -0.32px; font-weight: 400;}
#snb .snb_menu .depth1 > li.active a {color: var(--pcolor);}
#snb .snb_menu .depth1 > li.show_depth2 {position: relative;}
#snb .snb_menu .depth1 > li.show_depth2.show .depth2 {display: block;}
#snb .snb_menu .depth1 > li.show_depth2::after {content: ''; position: absolute; right: 0; top: 8px; width: 20px; height: 20px; transform: rotate(0); background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.5 7.5 5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");}
#snb .snb_menu .depth1 > li.show_depth2.show::after {transform: rotate(180deg);}
#snb .snb_menu .depth2 {display: none; padding: 0 10px 12px; margin-top: 12px; background-color: #fff;}
#snb .snb_menu .depth2 > li {margin-bottom: 8px;}
#snb .snb_menu .depth2 > li:last-of-type {margin-bottom: 0;}
#snb .snb_menu .depth2 > li a {display: block; font-size: 14px; font-weight: 400; line-height: 1.4; color: #666; padding-left: 7px; position: relative;}
#snb .snb_menu .depth2 > li.active a {font-weight: 500; color: #054cff;}
#snb .snb_menu .depth2 > li a::before {content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background-color: #666; border-radius: 100%;} 
#snb .snb_menu .depth2 > li.active a::before {background-color: #054cff;} 

#snb.aside_customer {border-left: 0;}

#content,
.wrap-board {width: 1060px; margin: 0 0 100px 0;}

.kg_mypage_inner {padding-top: 40px;}
.kg_mypage_section {}
.kg_mypage_section .kg_mypage_section_title {font-size: 16px; font-weight: 500; padding-bottom: 16px; border-bottom: 1px solid var(--black);}
.kg_mypage_section .kg_mypage_section_contents {padding-top: 20px; margin-bottom: 40px;}

@media (max-width: 1448px) {
    html[lang=kr] #header .gnb_wrap .logo {padding-right: 0;}
    html[lang=kr] #header .gnb_wrap .logo::before {display: none;}
    html[lang=kr] #header .gnb_wrap .logo a {width: 30px; height: 30px; background-image: url('../images/bizhome/kglobal500/logo_mini.png');}
}