
<style>
/* 로고 크기 설정 */
@media only screen and (max-width: 320px) { .logo_height {height:50px;padding:10px} }
@media only screen and (min-width: 321px) and (max-width: 768px) { .logo_height {height:50px;padding:10px;} } 
@media only screen and (min-width: 769px) and (max-width: 1200px) { .logo_height {height:35px;}} 
@media only screen and (min-width: 1201px) { .logo_height { height:40px;} } 
/*로고 */
.nav-brand img {  display: inline-block; -webkit-transition-duration: 500ms;    transition-duration: 500ms;    margin-right: 20px;}
/*로고 hover */
.nav-brand:hover img {height:50px; -webkit-transition-duration: 500ms;transition-duration: 500ms; vertical-align: middle;}


 /* slicknav 모바일에서 사용 */
 .slicknav_menu{	display:none;}
 .slicknav_btn,.slicknav_nav 
 .slicknav_item{cursor:pointer}
 .slicknav_menu,.slicknav_menu *{box-sizing:border-box}
 .slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}
 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}
 .slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;}
 .slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}
 .slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}
 .slicknav_menu .slicknav_no-text{margin:0}
 .slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}
 

 .slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}
 .slicknav_menu:after{clear:both}
 .slicknav_nav li,.slicknav_nav ul{display:block}
 .slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}
 .slicknav_nav .slicknav_item a{display:inline}
 .slicknav_nav .slicknav_row,.slicknav_nav a{display:block}
 .slicknav_nav .slicknav_parent-link a{display:inline}
 .slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}
 .slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}
 .slicknav_menu .slicknav_icon-bar{background-color:#fff} 
 .slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}
 .slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}
 .slicknav_nav ul{margin:0 0 0 20px}
 .slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}
 .slicknav_nav a{text-decoration:none;color:#fff}
 .slicknav_nav .slicknav_txtnode{margin-left:15px}
 .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}
 .slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}


.header{position:relative}
.header .navbar-collapse{padding:0}
.header .topbar {padding-top:6px; height:30px; border-bottom: 1px solid #D8D8D8;  box-shadow: inset 0px -7px 10px 0px rgba(0, 0, 0, 0.1);}

 /* 툴바 링크 */
.header .top-link{float:left; padding-left:0px;}
.header .top-link li{display:inline-block;margin-right:15px}
.header .top-link li:last-child{margin-right:0}
.header .top-link li a{color:#2c2d3f;}
.header .top-link li:hover a{color:#a600ff}
 
 /* 툴바 로그인 */
.header .top-contact {float:right}
.header .top-contact li{display:inline-block;}
.header .top-contact li:last-child{margin-right:0}
.header .top-contact li a{font-size:14px}
.header .top-contact li a:hover{color:#a600ff}
.header .top-contact li i{color:#a600ff;margin-right:8px}

.header .header-inner{z-index:999;width:100%; }
.header .logo{float:left;margin-top:18px}

.header .navbar{background:0 0;box-shadow:none;border:none;margin:0;height:0;min-height:0}
.header .nav li{margin-right:15px;float:left;position:relative; }
.header .nav li:last-child{margin:0}



/* 그룹메뉴 마우스 오버시 */

.header .nav li a{text-transform:capitalize; padding:25px 20px;  position:relative;display:inline-block;position:relative;  font-size:14px; font-family:; font-weight:normal; letter-spacing:-1px} /*그룹메뉴 높이등..*/

.header .nav li a::before{position:absolute;content:"";left:0;bottom:0;height:3px;width:0%;background:#a600ff;opacity:0;visibility:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.header .nav li.active a:before{opacity:1;visibility:visible;width:100%;}
.header .nav li.active a{color:#a600ff; } /* 현재 그룹 */
.header .nav li:hover a:before{opacity:1;width:100%;visibility:visible}
.header .nav li:hover a{color:#a600ff;}
.header .nav li a i{display:inline-block;margin-left:1px;font-size:13px}


/* 서브메뉴 */
.header .nav li .dropdown{
background:#FFFFFF;
width:180px;
position:absolute;
left:0px;
padding-left:0px;
top:100%;
z-index:999;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);
-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);
box-shadow:0 3px 5px #3333334d;
transform-origin:0 0 0;transform:scaleY(.2);
-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;opacity:0;visibility:hidden;
top:71px; /* 그룹메뉴와 간격 */
border-left:3px solid #a600ff}

.header .nav li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0px)}
.header .nav li .dropdown li{float:none;margin:0;border-bottom:1px dashed #cccccc;} /* 서브메뉴 도트라인 */
.header .nav li .dropdown li:last-child{border:none}
.header .nav li .dropdown li a { padding:9px 15px 5px 15px; color:#000000; display:block;text-transform:capitalize;background:0 0;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }/* 서브메뉴 배경 */
.header .nav li .dropdown li a:before{display:none}
.header .nav li .dropdown li:last-child a{border-bottom:0; }
.header .nav li .dropdown li:hover a{color:#a600ff}
.header .nav li .dropdown li a:hover{border-color:transparent}


.header.sticky .header-inner{background:#FFFFFF; position:fixed;z-index:999;top:0;left:0;bottom:initial;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;animation:fadeInDown .5s both .1s;box-shadow:0 0 13px #00000054}

@media only screen and (min-width:768px) and (max-width:991px) {.section{padding:70px 0}  /* 모바일에서 사용 */

/* 서브메뉴 */
.header .nav li .dropdown{width:180px;left:0px;top:65px}
.header .nav li .dropdown li a{padding:10px 15px;font-size:13px}


 /* footer 모바일에서 사용 */
.footer .footer-top{padding:65px 0}}
 /* 모바일에서 사용 */
@media only screen and (max-width:767px){.header.sticky{}
.slicknav_menu{display:block; }
.slicknav_menu{display:block;background:0 0;padding:0}
.slicknav_btn{background:0 0;padding:0;margin-top:-30px; }
.slicknav_menu .slicknav_icon-bar{box-shadow:none;}
.slicknav_menu{display:block}
.slicknav_menu{display:block;background:0 0;padding:0}
.slicknav_btn{background:0 0;padding:0;margin-top:16px; margin-right:20px;}
.slicknav_menu .slicknav_icon-bar{box-shadow:none; }
.slicknav_nav {clear:both;color:#2c2d3f;margin:0;font-size:.875em;background:0 0; }
.slicknav_nav li{}
.slicknav_nav li a{color:#2c2d3f;transition:all .4s ease;background:0 0;padding:4px 10px}
.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0 10px;background:0 0}
.slicknav_nav li a i{display:none;margin:0}.slicknav_nav li:hover a{color:#a600ff}
.slicknav_nav li .dropdown li a{color:#2c2d3f;background:0 0}
.slicknav_nav li .dropdown li a:hover{color:#a600ff}
.slicknav_nav li .slicknav_item{background:0 0}
.slicknav_nav .slicknav_row,.slicknav_nav a{padding:0;margin:0;padding:6px 0;font-weight:400}

.slicknav_menu .slicknav_icon-bar{background-color:#a600ff;box-shadow:none;text-shadow:none; font-size:25px;}

.slicknav_nav .slicknav_arrow{color:#2c2d3f}
.slicknav_nav li:hover .slicknav_arrow{color:#a600ff}

.header .main-menu{display:none}
.header .widget-main{float:right;display:none}
.header .slicknav_nav{margin-top:50px; border-top:1px solid #cccccc;  padding:10px 0px 20px 0px;}
</style>
