.header-wrap { position: absolute; left: 0; top: 0; right: 0; z-index: 50; height: 85px; background-color:#fff; }
.header-wrap:before {content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 5px;background: #fff;-webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 15%);box-shadow: 0 2px 2px rgb(0 0 0 / 15%);z-index: 20;}
.header-wrap:after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 5px; }
.header-wrap .header { height: 90px;overflow: hidden; transition: all 0.5s ease; position: relative;max-width: 1360px;margin: 0 auto;}
.header-wrap .logo { width: 142px;display: block;position: absolute;top: 15px;left: 15px;}
.header-wrap .logo img { width: 100%; height: 100%; }

.gnb {width: 1150px;height: 90px;margin-left: 160px;background-color:#fff;text-align: right;}

nav > ul { background-color: #fff; }
nav > ul {position: relative;display: inline-block;text-align: left;z-index: 15;height: 450px;}
nav > ul > li {position: relative;float: left;width: 170px;height: 100%;}
nav > ul > li:hover > a { color:#cd261f; border-bottom:3px solid #cd261f; }
nav > ul > li:hover > ul { background-color:#f1f1f1; transition: background 0.3s ease;}
nav > ul > li:after { content: '\00a0'; clear: both; border-right: 1px solid #e1e1e1; height: 320px; position: absolute; top: 110px; right: 0px; }
nav > ul > li > a {display: block;width: 100%;line-height: 90px;font-size: 18px;color: #2f2f2f;font-weight: 800;text-align: center;transition: background 0.5s ease;}
nav > ul > li > a:after { content: '\00a0';clear: both;border-right: 1px solid #e1e1e1;height: 25px;float: right;margin-top: 30px;}
nav > ul > li:last-child > a:after { display: none; }

nav > ul > li.wide { width: 300px }
nav > ul > li.wide > ul {display: grid;grid-template-columns: repeat(2, 50%);grid-template-rows: repeat(7, 40px);grid-auto-flow: column;}
nav > ul > li.wide > ul > li { }
/*nav > ul > li.wide > ul > li:nth-child(3) span { padding: 5px 15px; background-color:#fff; border-radius: 20px; }
nav > ul > li.wide > ul > li:nth-child(3) span:hover { background-color:#cd261f; color:#fff; }*/

nav > ul > li > ul {position: relative;width: 100%;height: 360px;padding-top: 25px;padding-bottom: 25px;}
nav > ul > li > ul > li {text-align: center;width: 100%;}
nav > ul > li > ul > li > a { display: block; line-height: 40px; font-weight: 600; color: #2f2f2f; opacity: 0.8; transition: color 0.5s ease; font-size: 16.5px; }
nav > ul > li > ul > li > a:hover { cursor: pointer; color:#cd261f; }