/* General styles for all menus */
.cbp-spmenu{background:#fff;position:fixed}
.cbp-spmenu ul{margin:0;padding:0;list-style:none}
.cbp-spmenu ul.sub-menu li a{font-size:12px;text-transform:uppercase;letter-spacing:.075em;padding:3px 2.5em;color:#999}
.cbp-spmenu h3{color:#fff;font-size:1.6em!important;padding:20px;margin:0;font-weight:500;background:#04a391;cursor:pointer;position:relative;z-index:99999;text-transform:uppercase;font-family:'Teko';letter-spacing:3px}
.cbp-spmenu h3 .fa{margin-right:4px}
.cbp-spmenu a{display:block;color:#000;font-size:1em}
.cbp-spmenu a:active,.cbp-spmenu a:hover{background:#04a391;color:#fff}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;overflow-y:scroll}
.cbp-spmenu-vertical a{padding:1em 1em}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:.8em;border-left:1px solid #258ecd}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px}
.cbp-spmenu-right{right:-240px}
.cbp-spmenu-left.menu-open{left:0}
.cbp-spmenu-right.menu-open{right:0}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px}
.cbp-spmenu-bottom{bottom:-150px}
.cbp-spmenu-top.menu-open{top:0}
.cbp-spmenu-bottom.menu-open{bottom:0}
/* Push classes applied to the body */
.push-body{overflow-x:hidden;overflow-y:hidden;position:relative;left:0}
.push-body-toright{left:240px}
.push-body-toleft{left:-240px}
/* Transitions */
.cbp-spmenu,.push-body{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
/* Example media queries */
@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal{font-size:75%;height:110px}
    .cbp-spmenu-top{top:-110px}
    .cbp-spmenu-bottom{bottom:-110px}
}

@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical{font-size:90%;width:190px}
    .cbp-spmenu-left,.push-body-toleft{left:-190px}
    .cbp-spmenu-right{right:-190px}
    .push-body-toright{left:190px}
}
/*메뉴일반*/
.navigation-container{position:absolute}
.main-navigation .nav-menu > li > a{color:#000}
.main-navigation .nav-menu > li > a strong{bottom:-80px;font-family:'Teko';text-transform:uppercase;font-size:24px;color:#000;font-weight:500;letter-spacing:0}
.main-navigation .nav-menu > li > a{position:relative;overflow:hidden;height:81px;font-size:16px;text-align:center}
.main-navigation .nav-menu > li > a span,.main-navigation .nav-menu > li > a strong{text-align:center;width:100%;transition:all ease .3s;left:0;position:absolute;height:81px}
.main-navigation .nav-menu > li > a span{top:0;transition:all ease .3s;font-weight:700;letter-spacing:.5px}
/*모바일*/
.cbp-spmenu .mobile-btm li{background-color:#e8e8e8!important;position:relative}
.cbp-spmenu .sub-menu{position:relative;z-index:0;max-height:0;overflow:hidden;font-size:80%;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.cbp-spmenu ul{display:block;clear:both}
.cbp-spmenu ul.sub-menu li a{padding:6px 30px}
.cbp-spmenu li.open .sub-menu{height:auto}
.cbp-spmenu li.open ul{max-height:none}
.cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children > a{position:relative}
.cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children > a::after{font-family:'xeicon';content:"\e942";padding:.5em 1em;z-index:99999;position:absolute;right:0;top:12px}
.cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children.open > a::after{content: "\e945";}
.cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children > a:hover, .cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children > a:focus {
    color: #fff;
}
#menu-mobile .menu-item-has-children > a > i{float:right}
#menu-mobile .menu-item-has-children.open > a > i::before{content:"\e945"}
#menu-mobile li a:hover{background:#555;color:#fff}
.toggle-menu,.directcallcall{position:relative;z-index:9999}
/*.directcallcall{background:#9e9894;width:30px;height:30px!important;border-radius:50%;padding:0!important;float:left;margin:9px 12px 0 0 !important;text-align:center;line-height:45px}*/
.m__directcall{line-height:33px;font-size:1em;color:#fff}
.directcallcall.kakao{background:#ffe701 !important}
.directcallcall.kakao i{color:brown !important}
.cd-menu-icon{display:table-cell;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:17px;height:2px;background-color:#04a391;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;vertical-align:middle}
#site-navigation .menu-active .cd-menu-icon{background-color:transparent!important}
.cd-menu-icon::before,.cd-menu-icon:after{content:'';width:100%;height:100%;position:absolute;background-color:#04a391;right:0;-webkit-transition:-webkit-transform .3s,top .3s,background-color 0;-moz-transition:-moz-transform .3s,top .3s,background-color 0;transition:transform .3s,top .3s,background-color 0}
button.menu-active .cd-menu-icon::before{top:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
button.menu-active .cd-menu-icon::after{top:0;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}
.cd-menu-icon::before{top:-6px}
.cd-menu-icon::after{top:6px}
/*btn con*/
.btn_con{position:absolute;margin:20px 100px 0 0;right:0;top:0}
.btn_con a{-webkit-transition:background-color .3s linear;-moz-transition:background-color .3s linear;-o-transition:background-color .3s linear;transition:background-color .3s linear;display:inline-block;position:relative;padding:13px 24px;color:#000;line-height:1;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;overflow:hidden;font-weight:700;z-index:6}
.btn_con a:first-child{margin-right:20px}
.btn_con a:hover{color:#fff}
.shadow{box-shadow:5px 5px 30px rgba(48,95,129,0.3)}
.directcallcall{width:35px;height:35px!important;background-color:#04a391;border:1px solid #fff;border-radius:50%;padding:0!important;line-height:35px!important;margin:4px 8px 0 0 !important}
.m__directcall{display:block;text-align:center;width:100%}
.m__directcall i{font-size:23px;line-height:35px;color:#fff}
.jPushMenuBtn,.directcallcall{float:right}
.jPushMenuBtn{border-radius:0;outline:0;background:transparent}
#masthead.on .subBg{border-bottom:1px solid #ccc;border-top:1px solid #ccc}
.subBox{display:none;visibility:hidden;opacity:0;position:absolute;width:100%;z-index:9999999;height:230px}
.site-header .nav-menu > li::after{content:'';display:block;position:absolute;bottom:-3px;left:50%;width:0;height:3px;background:#04a391;transition:all .3s ease}
.site-header .nav-menu > li:hover > a{color:#04a391!important}
.site-header .nav-menu > li:hover:after{left:0;width:100%}
.site-header .nav-menu > li.on:after{left:0;width:0}
.site-header .nav-menu .sub-menu:after{display:none}
.subBg{display:none;position:absolute;top:81px;left:0;right:0;z-index:99;height:260px;background:#FFF /*url(/wp-content/themes/Givia/img/asset/dropmenu_back.jpg)no-repeat 120px 0*/;min-width:1240px}
.subBox .widget{margin-bottom:0}
.borom-mega .main-navigation .nav-menu{height:81px;margin-bottom:0}
.borom-mega .main-navigation .nav-menu > li{position:relative;padding:0;float:left}
.borom-mega .menu-mega-container{position:absolute;left:0;z-index:1;display:block;width:100%}
.borom-mega .main-navigation ul ul{width:100%;position:relative!important;border-top:none;right:auto!important;background:transparent;box-shadow:none;padding-top:30px}
.borom-mega .main-navigation ul ul li{width:100%;position:relative}
.borom-mega .main-navigation ul li:hover > ul{margin-right:0;right:0}
.borom-mega .main-navigation ul ul a{font-size:15px;font-weight:500;width:auto;color:#000!important;z-index:999999;letter-spacing:-1.25px;line-height:1.5;text-align:center}
.borom-mega .main-navigation ul ul a:hover{color:#04a391!important}
.borom-mega .main-navigation ul .sub-menu a:hover{background:transparent}
/*.borom-mega .main-navigation .nav-menu > li:hover a span{position:absolute;top:-80px;transition:all ease .3s}*/
.borom-mega .main-navigation .nav-menu > li:hover a strong{bottom:0;transition:all ease .3s}
.borom-mega.on .main-navigation .nav-menu > li > a span{color:#000}
.borom-mega.on{background-color:#fff!important}
/**************
미디어쿼리
***************/
@media (min-width: 1401px){
}
@media (min-width: 1201px){

}
@media only screen and (min-width: 961px){
    .borom-mega .navigation-container{display:flex;z-index:850;padding-right:0;position:relative}
    .jPushMenuBtn{display:none}
}
@media (min-width:768px){
}
/*min-max*/
@media (min-width:961px) and (max-width:1600px){
    .main-navigation .nav-menu > li{min-width:125px}
    .site-header .nav-menu > li > a{font-size:15px!important}
    .borom-mega .main-navigation ul ul a{font-size:13px!important}
    .borom-mega .navigation-container{width:83%}
    .site-branding .tc.tagline{display:none!important}
}
@media (min-width:961px) and (max-width:1200px){
    .main-navigation a{padding:0 10px}
    .main-navigation .nav-menu > li{min-width:60px!important}
    .site-header .nav-menu > li > a{font-size:13px!important}
}
/*max*/
@media (max-width: 1600px){
    .subBg{background:#fff;background-image:none!important}
}
@media (max-width: 1400px){

}
@media (max-width: 960px){
    .jPushMenuBtn{display:block}

}
@media (max-width:767px){

}
@media (max-width: 640px){

}
@media (max-width:480px){

}