@media only screen and (max-width: 767px) {
    .header {height: 85px;position: fixed;width: 100%;left: 0;top: 0;background: white;z-index: 999;border-bottom: solid 1px #ddd;}
    .header .headerbg{height: 100%;}
    .header .navwrap .nav{width: 400px;height: 100%;position: fixed;right: -400px;top: 65px;background:white;padding-top: 20px;}
    .header .logo {width: 85px;height: 100%;float: left;padding: 15px 0 0 20px;}
    .header .logo a img{width: 100%;}
    /* .header .logo a:nth-child(1){display: none} */
    .header .logo a:nth-child(2){display: block}
    .header .navwrap{width: 100%;height: 100%;}
    .header .nav{transition: .6s;}
    .header .nav .level1{width: 100%;z-index: 1;position: relative;cursor: pointer;transition: .3s;transition-timing-function: ease;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;border-bottom: 1px solid #ddd}
    .header .nav .level1::before{width: 100%;height: 60px;z-index: 1;content:" ";position: absolute;top: 0%;left: 0;}
    .header .nav .level1 > a{color: black;font-size: 18px;line-height: 60px;font-family: "notoregular";z-index: -1;padding: 0 25px;}
    .header .nav .level1 .bd{display: none;}
    .header .bar{cursor: pointer;position: absolute;right: 20px;top: 40px;transform: translate(0,-50%);}
    .header .bar1, .bar2, .bar3{width: 34px;height: 2px;background-color: black;margin: 6px 0;transition: 0.4s;}
    .header .change .bar1{-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-6px, 6px);background-color:black;}
    .header .change .bar2{opacity: 0;background-color:black;}
    .header .change .bar3{-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-5px, -5px);background-color:black;}
    .header .nav .level1 .level2{background-color: #f2f3f5;overflow: hidden;display: none;padding:15px 0;border-top:solid 1px #ddd}
    .header .nav .level1 .level2 a{width: 100%;display:block;font-size: 14px;font-family: "notoregular";padding:  10px 35px;text-decoration:none;color: #777;position: relative;}
    /* .header .nav .level1:nth-child(1) .level2 li:nth-child(2) a{padding: 3px 40px;font-size: 16px;} */
    /* .header .nav .level1:nth-child(1) .level2 li:nth-child(3) a{padding: 3px 40px;font-size: 16px;} */
    .header .nav .level1:nth-child(2) .level2 li:nth-child(1) a{line-height: 20px;}
    .header .nav .level1 .level2 a.on{color: #ffb400;text-decoration: underline;}
    .header .nav .level1:nth-child(1) .level2 br{display: none;}
    .header .login_bt{display: none;}
}/* 모바일 */


@media only screen and (min-width: 768px) and (max-width:1423px) {
    .main .header a img{height: 100%;padding-left: 15px;width: 100%;}
    .sub .header a img{height: 100%;padding-left: 15px;width: 100%;}
    .main .header .nav{padding-left: 50px;}
    .sub .header .nav{padding-left: 50px;}
    .main .header .nav{width: 77%;}

}/* 테블릿 */
  
@media only screen and (min-width: 1424px) {
    .sub .header a img{height: 100%;padding-left: 30px;}
    .main .header .nav{padding-left: 130px;}
    .sub .header .nav{padding-left: 130px;}
    .main .header .nav{width: 35%;margin: auto;display: flex;flex-wrap: wrap;font-family: "Pretendard-Regular";}
}/* pc */
@media only screen and (min-width: 768px) {
    #sh_container {padding-top:100px}
    .main .header{width: 100%;position: fixed;height: 100px;z-index: 9999;font-family: 'Pretendard-Regular';overflow: hidden;transition: 0.5s;background: white;}
    .main .header:hover{height: 293px;}
    .main .header .dim{width: 100%;height: 0;background:black;opacity: 0.6;transition: 0.9s;position: absolute;top: 0;z-index: -1;overflow: hidden;}
    .main .header:hover .dim{height: 377px;}
    .main .header .underline{width: 95%;margin:auto;height: 100px;border-bottom: grey 2px solid;}
    .main .header .navwrap{max-width: 90%;margin: auto;position: relative;height: 100%;}
    .main .header .logo {position: absolute;z-index: 99;}
    .main .header .logo a{width: 190px;height: 100%;float: left;line-height: 100px;z-index: 99;}
    .main .header .logo a img{vertical-align: middle;height: 93px}
    .main .header .nav{margin: auto;display: flex;flex-wrap: wrap;font-family: "Pretendard-Regular";}
    .main .header .bd{width: 0;height: 2px;position: absolute;background: black;left: 50%;bottom: 0;transform: translate(-50%,0px);transition: 0.3s;}
    .main .header .level1:hover .bd{width: 80%;}
    .main .header .navbtsolid{position: absolute;width: 100%;height: 101px;border-bottom:1px solid #e1e1e1}
    .main .header .nav .level1{flex:1;text-align: center;position: relative;overflow: hidden;}
    .main .header .nav .level1 > a{color: black;font-size: 18px;height: 100px;display: block;position: relative;line-height: 100px;font-weight: bold;}
    .main .header .nav .level1:hover > a{font-weight: bold;}
    .main .header .nav .level1 .level2 {opacity: 0;transition: .5s;display: block!important;padding-top:20px;}
    .main .header:hover .nav .level2{opacity: 1;transition: .5s;}
    .main .header .nav .level1 .level2 li{line-height: 26px;height: 26px;}
    .main .header .nav .level1 .level2 li a{font-size: 14px;color: black;font-family: "Pretendard-Regular";font-weight: 400;display: block;height: 100%;}
    .main .header .nav .level1 .level2 li a:hover{font-weight: bold;color: #333333;}
    .main .header .nav .level2{width: 100%;height: 100%;}
    
    
    .sub .header{position: fixed;top: 0;background: white;width: 100%;z-index: 9999;height: 100px;overflow: hidden;transition: .5s;}
    .sub .header:hover{height: 383px;}
    .sub .headerbg{background: white;width: 100%;height: 100px;border-bottom: 1px #d6d6d6 solid;}
    .sub .header .navwrap{max-width: 1200px;margin: auto;position: relative;height: 100%;}
    .sub .header .nav{margin: auto;display: flex;flex-wrap: wrap;font-family: "Pretendard-Regular";font-weight: 400;color: #333333;}
    .sub .header .logo a{width: 175px;height: 100%;float: left;line-height: 100px;}
    .sub .header .logo a img{vertical-align: middle;padding-bottom: 10px;}
    .sub .header:hover .dim{height: 0;}
    .sub .header .nav .level1{flex:1;text-align: center;position: relative;overflow: hidden;}
    .sub .header .nav .level1 > a{color: #333333;font-size: 20px;line-height: 100px;}
    .sub .header .nav .level1 .level2{display: block!important;}
    .sub .header .nav .level1 .level2 li{line-height: 60px;height: 60px;}
    .sub .header .nav .level1:nth-child(1) .level2 li{line-height: 20px;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(1){line-height: 30px;height: 30px;margin-top: 10px;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(2){line-height: 30px;height: 30px;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(3){line-height: 30px;height: 30px;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(1) a{padding: 0;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(2) a{padding: 0;font-size: 15px;}
    .sub .header .nav .level1:nth-child(1) .level2 li:nth-child(3) a{padding: 0;font-size: 15px;}
    .sub .header .nav .level1:nth-child(1) .level2 li a{font-size: 17px;padding: 20px 0;}
    .sub .header .nav .level1:nth-child(2) .level2 li{line-height: 20px;}
    .sub .header .nav .level1:nth-child(2) .level2 li a{font-size: 17px;padding: 10px 0;}
    .sub .header .nav .level1 .level2 li a{font-size: 18px;color:#333333;display: block;}
    .sub .header .nav .level1 .level2 li a:hover{color: #333333;font-weight: bold;}
    .sub .header .nav .level2 {border-left: solid 1px #d6d6d6;border-top: 3px white solid;height: 100%;}
    .sub .header .nav .level1:nth-child(4) .level2{border-right: solid 1px #d6d6d6;}
    .sub .header .nav .level2:hover {background-color: #eeeeee;border-top: black solid 3px;}
    .sub .header .nav .level1:nth-child(5) .level2{border-right: solid 1px #d6d6d6;}
    .sub .bar{display: none;}

    .header .logo a{display: none;}
    .main .header .logo a:nth-child(1){display: block;}
    .sub .header .logo a:nth-child(2){display: block;}
}/* pc&테블릿 */