.menu_wrap{position:fixed;width:100%;z-index:3;transition:background-color .5s, color .5s;height:80px;top:29px}.logo{position:fixed;top:50px;left:20px;transition:.5s;width:160px}.menu_wrap.bg-color{background:#fff}.menu_wrap.bg-color .logo{width:130px !important}nav input{display:none}nav>#menu{display:flex;justify-content:flex-end;align-items:center;height:80px;font-size:1.6rem;min-width:1260px}nav>#menu li{padding-right:15px;padding-left:15px}nav>#menu li:last-child{padding-right:0}#menu>li .pd{display:none}nav>#menu .toggle_link,nav>#menu .sub_link{line-height:80px;transition:none}nav #menu li.mainLink:hover,nav>#menu .toggle_link:hover,nav>#menu .sub_link:hover{color:#49c2c2;opacity:1;cursor:pointer}nav .subLink{transition:none}nav .subLink:hover{color:#49c2c2;opacity:1}nav>#menu li a.mypagel{padding:0 30px;display:block;background:#B0DC7F;line-height:80px;color:#fff}nav>#menu li a.mypagel i{margin-right:5px}#menu>li .subLink_wrap{display:none;background-color:#F5F6F9;padding:40px 10px;box-shadow:0px 15px 10px -15px #bababa}#menu>li .subLink_wrap_inner{width:1100px}#menu>li .subLink_wrap_inner strong{color:#918068}#menu>li .subLink_wrap ul li a:before{content:'';display:inline-block;width:35px;height:35px;background-size:contain}#menu>li .subLink_wrap ul li.skincare a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu01.svg")}#menu>li .subLink_wrap ul li.diet a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu02.svg")}#menu>li .subLink_wrap ul li.cosme a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu03.svg")}#menu>li .subLink_wrap ul li.eyelash a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu04.svg")}#menu>li .subLink_wrap ul li.aga_male a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu05.svg")}#menu>li .subLink_wrap ul li.eyecare a:before{background-image:url("https://online-clinic-public-images.s3.ap-northeast-1.amazonaws.com/top/menu06.svg")}@media screen and (min-width: 768px){#menu>li .subLink_wrap ul li{position:relative;background:#fff;border:1px solid #ededed;border-radius:5px}#menu>li .subLink_wrap ul li a:before{position:absolute;top:50%;left:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}#menu>li .subLink_wrap ul li a{padding:15px;font-size:1.4rem;padding-left:55px;display:block}#menu>li:hover .subLink_wrap{display:block}#menu>li .subLink_wrap{left:0;width:100%;position:absolute;top:80px}#menu>li .subLink_wrap ul{display:flex;justify-content:space-between;margin-top:10px;flex-wrap:wrap}#menu>li .subLink_wrap li{width:calc((100% - 30px )/ 4);margin-left:0;margin-top:10px}#menu>li .subLink_wrap ul::after{display:block;content:"";width:calc(((100% - 30px )/ 4) * 2 + 10px)}}@media screen and (max-width: 768px){.menu_wrap{position:fixed;width:100%;z-index:3;transition:background-color .5s, color .5s;height:60px;top:0}.logo{osition:fixed;top:10px;left:10px;transition:.5s;width:120px}.menu_wrap.bg-color .logo{width:100px !important}.toggle{position:fixed;top:10px;right:10px;width:42px;height:42px;z-index:3}.toggle span{display:block;position:absolute;width:30px;border-bottom:3px solid #918068;transition:0.3s ease-in-out;left:6px}.toggle span:nth-child(1){top:9px}.toggle span:nth-child(2){top:18px}.toggle span:nth-child(3){top:27px}.toggle.active span:nth-child(1){top:18px;left:6px;transform:rotate(-45deg)}.toggle.active span:nth-child(2),.toggle.active span:nth-child(3){top:18px;left:6px;transform:rotate(45deg)}#menu li ul li{display:none}#menu li label:hover{cursor:pointer;cursor:hand}#menu li .menuName+ul{position:static}#menu input[type="checkbox"]:checked ~ label ~ .subLink_wrap{max-height:inherit;overflow-y:visible;display:block;width:100%;box-shadow:none;padding:0;overflow:auto}.angletoggle:before{content:"\f107"}#navi input[type="checkbox"]:checked ~ label .pd .angletoggle:before{content:"\f106"}nav{width:80%;position:fixed;left:100%;transition:0.5s;height:100%;background:#fff}nav #menu{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:1.6rem;min-width:auto;width:100%}nav #menu li.mainLink{margin-top:40px;margin-left:20px;font-weight:bold;white-space:nowrap;width:100%}nav>#menu .toggle_link{display:block;line-height:inherit}nav>#menu .sub_link{display:inline-block;line-height:inherit}nav #menu li a.mypagel{padding:0;border-radius:5px;line-height:60px;width:80%;text-align:center}#menu li .pd{display:inline-block;width:100%}#menu li i{padding:0px 6px}nav .subLink_wrap{font-weight:normal;background-color:inherit !important}nav .subLink_wrap .subLink_wrap_inner{margin:0;width:100% !important}nav .subLink{display:block;padding:0}#menu>li>.subLink_wrap li{display:block;width:inherit;border:none;margin-top:15px;margin-left:0}nav .subLink_s{margin-top:30px;margin-left:30px;display:block}.gnav.active{left:20%}#menu>li .subLink_wrap ul li a:before{vertical-align:middle;margin-right:10px}#menu>li .subLink_wrap_inner strong{display:none}}