@charset "utf-8";

.topbar {margin: 0 0 40px 0;}
.lnb-topbar {display: flex; justify-content: space-between; position: relative; content: ''; bottom: -22%; left: 0; width: 100%; height: 76px; border-radius: 10px; background: #FEFFFF; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); z-index: 99;}
.depth1-inner {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.depth1 {display: inline-block; position: relative;  color: #3a3a3a;}
.lnb-topbar>.depth1-inner>li:nth-child(1){width: 150px;}
.lnb-topbar>.depth1-inner>li:nth-child(2){width: 230px;}
.lnb-topbar>.depth1-inner>li:nth-child(3){width: 250px;}
.lnb-topbar>.depth1-inner>li>a::after {position: absolute; content: ''; background: url(../../../img/down.png) no-repeat; background-size: contain; width: 12px; height: 8px; top: 50%; right: 30px; transform: translateY(-50%); transition: all 0.2s ease-in-out;}
.lnb-topbar .depth1-inner .depth1 > a.rotate::after {transform: translateY(-50%) rotate(-180deg);}
.lnb-topbar>.depth1-inner>li:nth-child(1)>a::after{display: none;}
.depth1 > a {padding-left: 30px; display: block; font-size: 1.25em; font-weight: 600; line-height: 76px; text-align: left; position: relative;}
.depth2-inner {background-color: #fff; display: none;}
.depth2-inner .depth2 a {padding-left: 30px; display: block; font-size: 1.1em; font-weight: 500; line-height: 55px; text-align: left; position: relative; background: #F1F3F3; margin-top: 1px;}
.depth2-inner .depth2 a:hover {background: var(--main-color); color: #fff;}
.link-copy {width: 80px; height: 80px; display: inline-block;}
.link-copy a {width: 100%; height: 100%; line-height: 69px; display: flex; align-items: center; justify-content: center;}
.font-ghost {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
img.auto {max-width: 16px; max-height: 18px; width: 100%; height: 100%;}