@charset "utf-8";

#navWrap{position:relative;height:90px;line-height:90px;background-color:transparent;font-family:'notokr-regular'}
#navWrap:after{display:block;content:'';visibility:hidden;clear:both}

/* 로고 */
#navWrap h1{float:left}

/* 대분류 */
.top_nav{float:right;font-size:14px}
.top_nav > ul:after{display:block;content:"";visibility:hidden;clear:both}
.top_nav > ul > li{float:left;position:relative}
.top_nav > ul > li > a{display:block;position:relative;padding:0 20px;font-size:16px;color:#fff;font-family:'notokr-medium'}

/* 소분류 */
.top_nav_s{display:none;position:absolute;top:90px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:fit-content;padding-top:15px;text-align:center}
.top_nav_s li{display:flex;align-items:center;justify-content:center}
.top_nav_s li a{display:block;white-space:nowrap;line-height:26px;color:#222;-webkit-transition:color .2s;transition:color .2s}
.top_nav_s li a:hover{color:#817ce0}

/* 전체메뉴배경 */
.top_nav_bg{display:none;position:absolute;top:90px;width:100%;height:160px;background:rgba(255,255,255,.95)}

.top_nav .info_box{position:absolute;top:90px;left:-200px;z-index:999;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 20px;width:500px;height:0;overflow:hidden;opacity:0;transition:all .2s ease;background:#706da6;color:#fff;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.15);line-height:1.6}
.top_nav .info_box h3{border-bottom:0 none;font-size:15px;letter-spacing:-.2px;color:#fff;font-weight:500;font-family:'notokr-medium'}
.top_nav .info_box p{padding-bottom:7px;border-bottom:1px solid #9b99c1;font-size:28px;letter-spacing:0;font-weight:700;color:#fff;font-family:'Poppins', sans-serif}
.top_nav .info_box ul{padding:7px 0}
.top_nav .info_box ul li{font-size:14px;line-height:26px}
.top_nav .info_box ul li.txt{margin:5px 0;padding:3px;color:#fff;background-color:rgba(255,255,255,.2)}
.top_nav .info_box ul li span{display:inline-block;margin-right:10px;color:#fff}
.top_nav .info_box > span{font-size:14px;color:#fff}
.top_nav .info_box.active{height:160px;opacity:1}