@charset "euc-kr";
html {font-family:sans-serif;color:#4b5f65;}
body {overflow-x:hidden;margin:0;padding:0;}
nav {width:100%;}

#header-wrap {z-index:999;}

.nav_wrapper {position:fixed;display:block;left:0;top:0;width:100%;transition:top .5s ease-out;border-bottom:1px solid rgba(255, 255, 255, 0.2);z-index:999;}
.nav_wrapper > .logo {display:inline-block;float:left;margin:0;position:absolute;line-height:90px;left:40px;vertical-align:top;/* z-index:3000;*/}
.nav_wrapper > .logo a {height:50px;}
.nav_wrapper > nav {width:80%;max-width:1000px;text-align:center;position:relative;margin:0 auto;}
.nav_wrapper > div.wood {position:absolute;right:40px;top:0px;line-height:80px;display:inline-block;margin:auto;}
.nav_wrapper > div.wood a {color:#fff;text-decoration:none;}
.nav_wrapper > div.wood a img {vertical-align:middle;}

.scroll {top:-90px;}

.no-scroll {top:0;z-index:9999;}

.btn {padding:10px 1%;margin:5px;color:#fff;text-decoration:none;font-family:sans-serif;transition:all 0.1s ease;}

.btn:hover {transition:all 0.1s ease;}
main {max-width:800px;margin:0 auto;}
main p {1.2em;}

#search {float:right;font-size:30px;padding:2px 15px;line-height:40px;color:#fff;margin:0;font-weight:700;-webkit-transform:rotate(181deg);-moz-transform:rotate(181deg);-ms-transform:rotate(181deg);-o-transform:rotate(181deg);transform:rotate(181deg);}
#search:hover {color:#efa666;}

.search_box {clear:both;width:100%;background:#e8ebf0;padding:0;margin:0;height:0;overflow:hidden;transition:all 0.1s ease-in-out;}
.search_box.active {height:auto;padding:15px 0;}
.search_box input {width:80%;font-size:13px;margin:0 0 0 15px;padding:10px;border:none;background:#fff;}
.search_box input:focus {outline:none;}
.search_box input.search_icon {clear:both;width:10%;height:auto;padding:10px;margin:0;margin-left:-5px;border:none;color:#fff;cursor:pointer;background:#8c949d;opacity:1;transition:all 0.1s ease;}
.search_box input.search_icon:hover {background:#efa666;}

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

.menu {width:100%;height:auto;transition:all 0.3s ease;}
.menu ul {padding:0px;margin:0px 0px 0px 100px;list-style:none;position:relative;display:inline-block;width:100%;max-width:1200px;}
.menu > li > ul.sub_menu {min-width:10em;padding:4px 0;background-color:#f4f4f4;border:1px solid #fff;}
.menu ul li {padding:0px;}
.menu > ul > li {display:inline-block;width:20%;margin:0 5%;}

.menu ul li a {display:block;width:100%;text-decoration:none;color:#fff;font-size:20px;line-height:80px;}
.menu ul li a:hover {color:#e1002c;}
.menu ul li:hover > a {color:#e1002c;position:relative;font-weight:600;}
.menu ul li:hover > a:before {content:"";position:absolute;display:block;width:100%;box-sizing:border-box;height:0;border:0px solid #e1002c;bottom:0;}

.menu ul li a.on {position: relative;color:#e1002c; font-weight: 600; }
.menu ul li > a.on:before {content:"";position:absolute;display:block;width:100%;box-sizing:border-box;height:0;border:2px solid #e1002c;bottom:0;box-sizing: border-box;}

.menu ul ul {display:none;position:absolute;top:100%;min-width:160px;background:#39484d;}
.menu ul li:hover > ul {display:block;}
.menu ul ul > li {position:relative;}
.menu ul ul > li a {padding:10px 15px;height:auto;background:#39484d;}
.menu ul ul > li a:hover {background:#efa666;color:#fff;}
.menu ul ul ul {position:absolute;left:100%;top:0;}


#hero {width:100%;height:auto;background:#e8ebf0;margin:70px 0 20px 0;}
#hero img {width:100%;height:auto;}
footer {width:100%;background:#0099cc;padding:10px;color:#fff;margin-top:40px;}
footer a {color:#fff;text-decoration:none;}

@media (max-width:1400px) {
    .nav_wrapper > nav {width:63%;text-align:center;position:relative;margin-left:auto;margin-right:auto;}
    
    .menu > ul > li {/* width:30%;*/}
    .menu ul li a {font-size:16px;}
    .nav_wrapper > .logo {left:20px;line-height:86px}
    .nav_wrapper > .logo img {width:100px;}
    .nav_wrapper > div.wood {right:20px;}
}
@media (max-width:1090px) {
	.menu > ul > li {width:30%;margin:0 0%;}
}
@media (max-width:768px) {
	.example-header .container {width:100%;}
	#search {padding:10px;}
	.nav_wrapper {/* background:#2f3b3f;*/}
	/* .nav_wrapper > div {max-width:30px;} */
	.nav_wrapper > .logo {margin-left:0px;/* top:26px;*/line-height:70px;}
	.nav_wrapper > .wood {/*display:none !important;*/ max-width:180px;right:65px !important;line-height:56px !important;}
	.spinner-master * {transition:all 0.3s;box-sizing:border-box;}
	.spinner-master {position:relative;margin:15px;height:30px;width:30px;float:right;z-index:1001;}
	.spinner-master label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:5px;right: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.menu-link {display:block;color:#fff;float:left;text-decoration:none;padding:10px 16px;font-size:1.5em;}
	a.menu-link:hover {color:#efa666;}
	a.menu-link:after {content:"\2630";font-weight:normal;}
	a.menu-link.active:after {content:"\2715";}

	.nav_wrapper > nav {position:fixed;left:0;top:-100%;width:100%;padding-top:64px;z-index:1000;}
	.nav_wrapper.open > nav {top:0;}
	.menu,
	.menu > ul ul {background-color: #282828;padding-bottom: 20px;}
	.menu > li > ul.sub-menu {padding:0px;border:none;}
	.menu ul li a {line-height:60px;}

	.menu.active,
	.menu > ul ul.active {max-height:55em;width:100%;}
	.menu ul {display:inline;}

	.menu li,
	.menu > ul > li {display:block;width:100%;text-align:left;margin:0;border-top:1px solid rgba(0,0,0,.2);box-sizing: border-box;}
	.menu > ul > li:last-of-type a {border:none;}
	.menu li a {color:#fff;display:block;padding: 0 4%;position:relative;}

	.menu li.has-submenu > a:after {content:'+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0.55em 0.5em;}
	.menu li.has-submenu > a.active:after {content:"-";}

	.menu ul ul > li a {background-color:#39484d;padding:10px 18px 10px 30px;}
	.menu ul li a:hover {color: #e1002c;}
	.menu ul li.hover > a {color:#ffffff;}

	.menu ul ul,
	.menu ul ul ul {display:inherit;position:relative;left:auto;top:auto;border:none;}

	.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;}
}