@charset "utf-8";
/* CSS Document */

.hmenu003 { padding: 1px; background: linear-gradient(to right, rgb(125, 196, 41) 0%, rgb(42, 114, 206) 30%, rgb(42, 114, 206) 100%); border-radius: 6px; }
.hmenu003-wrap { box-sizing: border-box; font-family: 'Noto Sans Korean'; font-style: normal; display: table; width: 100%; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.3); border-top-width:0; box-shadow: 0 5px 5px rgba(0,0,0,0.2); }
.hmenu003-myclass { display: table-cell; position: relative; width: 200px; height: 38px; box-sizing: border-box; vertical-align: middle; background: linear-gradient( to bottom, rgb(189, 226, 142) 0%, rgb(168, 217, 106) 34%, rgb(125, 188, 52) 64%, rgb(117, 186, 37) 98%, rgb(178, 222, 34) 100% ); border-radius: 5px 0px 0 5px; }
.hmenu003-monitor { background: url(img/myclass-btn.png) no-repeat    ; z-index: 1; position: absolute; bottom: 0; width: 54px; height: 48px; left: 25px;  }
.hmenu003-myclassbtn { display: block; text-align: right; text-decoration: none; color: #fff; letter-spacing: -1px;   text-shadow: 0px 0px 1px rgba( 0, 0, 0, 0.4); font-weight: 600; padding:0 25px 0 80px; white-space: nowrap; }
.hmenu003-menu-container { display: table-cell; width: calc( 100% - 200px );  background: linear-gradient( to bottom, rgb(131, 202, 239) 0%, rgb(86, 162, 222) 34%, rgb(21, 107, 191) 64%, rgb(23, 108, 190) 98%, rgb(67, 151, 217) 100%); border-radius: 0 5px 5px 0; vertical-align: middle; height: 38px; }
.hmenu003-menus { display: table; width: 96%; margin: auto;  vertical-align: middle; box-sizing: border-box; text-align: center;  text-shadow: 0px 0px 1px rgba( 0, 0, 0, 0.4); }
.hmenu003-menu { text-align: center; padding: 0 0.1em; position: relative; display: table-cell; vertical-align: middle; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); }
.hmenu003-menu:first-child, .hmenu003-menu1 { border-left:none; }
.hmenu003-menu:last-child { border-right:none; }
.hmenu003-fsd-menu { width: 100%;  }
.hmenu003-fsd-link { text-decoration: none; font-weight: 500; box-sizing: border-box; letter-spacing: -1px; padding: 0; width: auto; margin: auto; padding: 0; transition:all 0.3s ease; font-size: 1em; display: block; word-break: keep-all; word-wrap: break-word; }
.hmenu003-fsd-link:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.hmenu003-scd-menus { display: none; position: absolute; transition:all 0.5s ease;  background: linear-gradient( to bottom, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 50%, rgb(255, 255, 255) 100% ); border-radius: 5px; border: 1px solid #bbbbbb; padding: 4px 0.5em; opacity:0; }
.hmenu003-fsd-menu:hover .hmenu003-scd-menus { display: table; opacity:1; }
.hmenu003-menu:first-child .hmenu003-scd-menus { left: 0; }
.hmenu003-menu:last-child .hmenu003-scd-menus,
.hmenu003-menu:nth-last-child(3) .hmenu003-scd-menus { right: 0; }
.hmenu003-scd-menu { display: table-cell; }
.hmenu003-scd-link { white-space: nowrap; text-decoration: none; font-size: 0.8em; display: block;  transition:all 0.3s ease; text-shadow: none; padding: 0 0.6em; font-weight: 500; }
.hmenu003-scd-link:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.hmenu003-menubar { letter-spacing: -3px; text-shadow: none; display: table-cell; width: 2px; overflow: hidden; padding: 0; position: relative;}
.hmenu003-bar { border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); height: 18px; top: calc( 50% - 8px ); position: absolute; }
.hmenu003-menubar { display: none; }