.nav_wrapper { position: absolute; left: 0; top: 50px; width: 100%; height: 110px; transition: top .5s ease-out; border-bottom: 1px rgba(255,255,255,.3) solid; z-index: 2; }

.btn_menu { padding: 10px 0; margin: 5px 0; }

#logo { position: absolute; font-size: 30px; padding-top: 10px; padding-left: calc( 50% - 600px ); line-height: 40px; color: #fff; margin-top: 20px; width: 100%; }

.spinner-master input[type=checkbox] { display: none; }

.allmenu { max-width: 1290px; height: auto; transition: all 0.3s ease; margin: 30px auto 0; }
.allmenu ul { padding: 0px; margin: 0px; list-style: none; position: relative; display: table; float: right; width: fit-content; }
.allmenu > li > ul.sub_allmenu { min-width: 10em; padding: 4px 0; background-color: #f4f4f4; border: 1px solid #fff; }
.allmenu ul li { padding: 0px; }
.allmenu > ul > li { display: inline-block; }
.allmenu ul li a { display: block; text-decoration: none; color: #fff; font-size: 14px; }
.allmenu ul li a:hover { color: #fff; }
.allmenu ul li.hover > a { background: rgba(0,0,0,.3); color: #fff; }
.allmenu ul li > a { padding: 15px 45px; font-size: 20px; font-weight: 400; text-shadow: 0 0 3px #000;} /*210820 수정*/

.allmenu ul ul { display: none; position: absolute; top: 100%; min-width: 160px; padding: 30px 0 20px; background: rgba(0,0,0,.3); }
.allmenu ul li:last-child ul { margin-left: -90px; }
.allmenu ul li:hover > ul { display: block; }
.allmenu ul ul > li { position: relative; text-align: left; }
.allmenu ul ul > li a { padding: 15px 55px 15px 45px; height: auto; font-size: 0.9em; }
.allmenu ul ul > li a:hover { background: #004f9f; color: #fff; }
.allmenu ul ul ul { position: absolute; left: 100%; top: 0; }

@media all and (max-width:1280px) /* 테블릿 세로 */ {

.allmenu ul {margin-right: 2% !important;}
#logo { padding-left: 5%; }

.example-header .container { width: 100%; }

.spinner-master * { transition: all 0.3s; box-sizing: border-box; }
.spinner-master { position: relative; margin: 40px 5%; height: 30px; width: 30px; float: right; }
.spinner-master label { cursor: pointer; position: absolute; z-index: 99; height: 100%; width: 100%; top: 5px; left: 0; }
.spinner-master .spinner { position: absolute; height: 4px; width: 100%; padding: 0; background-color: #fff; }
.spinner-master .diagonal.part-1 { position: relative; float: left; }
.spinner-master .horizontal { position: relative; float: left; margin-top: 4px; }
.spinner-master .diagonal.part-2 { position: relative; float: left; margin-top: 4px; }
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-top: 10px; }
.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -12px; }

a.allmenu-link { display: block; color: #fff; float: left; text-decoration: none; padding: 10px 16px; font-size: 1.5em; }
a.allmenu-link:hover { color: #efa666; }
a.allmenu-link:after { content: "\2630"; font-weight: normal; }
a.allmenu-link.active:after { content: "\2715"; }

.allmenu ul ul { position: static; padding: 0; }
.allmenu { clear: both; min-width: inherit; float: none; }
.allmenu { max-height: 0; display: none; }
.allmenu.active { display: block; }
.allmenu > ul ul { overflow: hidden; max-height: 0; }
.allmenu > li > ul.sub-allmenu { padding: 0px; border: none; }
.allmenu.active { margin-bottom: 20px; width: 95%;}
.allmenu ul { display: inline; background-color: rgba(0,0,0,.5); margin: 0; width: 70%; max-width: 400px; }
.allmenu li { display: block; padding: 10px; }
.allmenu > ul > li { padding: 10px 10px 10px 13px; width: 100%; }
.allmenu > ul ul.active { max-height: 55em; width: 95%; padding: 10px 0; background-color: #39484d; }
.allmenu > ul > li:last-of-type a { border: none; padding-right: 2.5%;}
.allmenu li a { color: #fff; display: block; padding: 0.8em; position: relative; }
.allmenu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.3em; padding: 0.55em 0.5em; }
.allmenu li.has-submenu > a.active:after { content: "-"; }
.allmenu ul ul > li a { background-color: #39484d; padding: 10px 18px 10px 30px; text-align: left; font-size: 1em; }
.allmenu ul li a:hover { background: #4b5f65; color: #fff; }
.allmenu ul li a.active { background: #4b5f65; color: #fff; }
.allmenu ul li.hover > a { background: #4b5f65; color: #fff; }
.allmenu ul ul, .allmenu ul ul ul { display: inherit;/* position: relative;*/ left: auto; top: auto; border: none; z-index: 99; }

.search_box { position: absolute; top: 60px; left: 0; z-index: 10; }
.search_box input { width: 70%; }
.search_box input.search_icon { width: 17%; }

#hero { height: 200px; }
}