@charset "utf-8";

/********* 공통 *********/
.inner {width: calc(100% - 70px); max-width: 1723px; margin: 0 auto;}
.inner2 {width: calc(100% - 70px); max-width: 1563px; margin: 0 auto;}
.bubble::after {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 15px solid #000;}
/* 폰트 */
.font-mono {font-family: 'Roboto Mono', monospace;}
/* 라벨 및 버튼 */
.label {white-space: nowrap; width: fit-content; transition: background-color 0.2s; padding: 6px 14px; border-radius: 30px; font-size: 13px; font-weight: 400; color: #fff; background-color: #A9A9A9;}
.label.big {padding: 10px 10px; font-size: 18px;}
.round-btn {width: fit-content; white-space: nowrap; padding: 10px 20px; border-radius: 30px; display: flex; align-items: center; column-gap: 10px; background-color: #A9A9A9; color: #fff; font-size: 16px; font-weight: 400;}

/* 배경색 */
.bg-main {background-color: #2C1333;}
.bg-sub {background-color: #7A4A6E;}
.bg-gray {background-color: #F6F5F5;}
.bg-white {background-color: #fff; color: #111827;}

.round-btn.bg-main:hover {background-color: #3A1A44;}

/********* 헤더 *********/
#hd {width: 100%; background-color: #fff; transition: background-color 0.2s;}
#hd.scroll {position: fixed; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.2);}
#hd_wrapper {width: 100%;}
#hd_wrapper.scroll {}
#hd_wrapper #gnb {padding: 16px; width: fit-content; margin: 0 auto; border-radius: 100px;}
#gnb .gnb_wrap {width: 100%;}
#hd_wrapper + #logo {padding-top: 58px;}
#hd_wrapper + #logo a{padding: 24px 0 20px; max-width: 1000px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
#hd_wrapper + #logo a svg {width: 100%; transition: filter 0.2s;}
#hd_wrapper + #logo a svg path {transition: fill 0.2s;}
#hd_wrapper:has(.gnb_al_li_plus:hover) + #logo a svg path {fill: #DADADA;}
/* 상위메뉴 */
#hd_wrapper #gnb_1dul {display: flex; align-items: center; column-gap: 70px;}
.gnb_1da {white-space: nowrap;}
/* 하위메뉴 */
/* .gnb_2dul {top: 100%; padding-top: 16px;}
.gnb_2dul .gnb_2dul_box  {display: flex; flex-direction: column; row-gap: 6px;}
.gnb_2da {}
.gnb_2da:hover {background-color: #585858;} */
/* 전체메뉴 */
#hd_wrapper #gnb .gnb_mnal {display: none;}
#gnb_all {display: none; padding: 0 32px; border-top: 1px solid #EEEEEE; z-index: 999; position: fixed; top: 70px; right: 0; background-color: #fff; width: 100%; height: 100%;}
#gnb_all_bg {display: none; z-index: 888; position: fixed; top: 70px; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%;}

/********* 푸터 *********/