/*메뉴일반*/

.borom-mega #main-nav { display: flex; justify-content: center; }
.borom-mega .nav-for-pc { text-align: center; overflow: visible; }
.borom-mega .main-nav .nav-menu { display: flex; overflow: visible; }
.borom-mega .sub-menu a { font-size: 16px; padding: 8px 0 }

.borom-mega .site-branding a img { max-height: 93px; display: block; margin: 0 auto }
.borom-mega .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}
.borom-mega #menu-main > li > a { padding: 0 15px; font-size: 18px; color: #212121; font-weight: bold; display: block; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content:center}
.borom-mega .main-navigation .nav-menu > li > a span,.main-navigation .nav-menu > li > a strong{text-align:center;width:100%;transition:all ease .3s}
.borom-mega .main-navigation .nav-menu > li > a span{top:0;transition:all ease .3s;font-weight:700;letter-spacing:.5px}

#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;top:94px;border-left:1px solid #dcdcdc}
.borom-mega .site-header .nav-menu > li::after{content:'';display:block;position:absolute;bottom:-3px;left:50%;width:0;height:3px;background:#339;transition:all .3s ease}
.borom-mega .site-header .nav-menu > li:hover > a{color:#339!important}
.borom-mega .site-header .nav-menu > li:hover:after{left:0;width:100%}
.borom-mega .site-header .nav-menu > li.on:after{left:0;width:0}
.borom-mega .site-header .nav-menu .sub-menu:after{display:none}
.subBg{display:none;position:absolute;top:216px;left:0;right:0;z-index:99;background:#fff}
.subBox .widget{margin-bottom:0}
.borom-mega .sub-menu a { font-size: 16px; padding: 8px 0 }
.borom-mega .nav-for-pc #menu-main > li:hover .subBox{background:#f5f5f5}
.borom-mega .nav-for-pc #menu-main > li { position: relative; min-width: 150px; display: flex; height: 93px; align-items: center; }
.borom-mega .nav-for-pc #menu-main > li::after { content: ''; width: 0; height: 3px; background: #4e8e57; display: block; position: absolute; bottom: 0; left: 0; transition: width ease 0.3s; }
.borom-mega .nav-for-pc #menu-main > li:hover::after {width:100%;transition: width ease 0.3s}

.borom-mega .menu-mega-container{position:absolute;left:0;z-index:1;display:block;width:100%}
.borom-mega .main-navigation ul ul{padding-top:10px;padding-bottom:5px;top:0;width:100%;position:relative!important;border-top:none;right:auto!important;background:transparent;box-shadow:none;margin:0}
.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:14px;font-weight:500;width:auto;color:#333!important;z-index:999999;letter-spacing:-1.25px;line-height:1.5;text-align:center}
.borom-mega .main-navigation ul ul a:hover{color:#339!important;background:#f5f5f5}
.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:#5a5a5a}
.borom-mega.on{background-color:#fff!important}
.borom-mega .main-navigation ul ul ul{padding-top:0}
.main-navigation ul ul ul a{padding:0}
/**************
미디어쿼리
***************/
@media (min-width: 1401px){
}
@media (min-width: 1201px){

}
@media only screen and (min-width: 961px){
}
@media (min-width:768px){
}
/*min-max*/
@media (min-width:1301px) and (max-width:1600px){
    .borom-mega .main-navigation ul ul a{font-size:14px!important}
}
@media (min-width:961px) and (max-width:1300px){
    .site-header .nav-menu > li > a,.borom-mega .main-navigation ul ul a{font-size:13px!important}
    .borom-mega .navigation-container{width:100%;padding-left:300px}
    .site-branding .tc{display:block!important}
}

/*max*/
@media (max-width: 1600px){
    .subBg{background:#fff;background-image:none!important}
}
@media (max-width: 1400px){

}
@media (max-width: 960px){
    .borom-mega .site-branding a img{max-height:38px}
    .top-area .user-nav ul li { padding: 0 6px; }
    .top-area .user-nav a { font-size: 12px; line-height: 1.2; }
    #masthead.borom-mega { height:80px; }
    .site-header, .site-content:not(.maintenance-content), .bb-footer{padding:0 0}
    #content{margin-top:78px}
}
@media (max-width:767px){

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

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

}


/*모바일*/
.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-vertical a{padding:1.2em 1em}
.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:'themify';content:"\e64b";padding:0.2em 1em;z-index:99999;position:absolute;right:0;top:18px;font-size:10px}
.cbp-spmenu .nav-for-mobile > ul > li.menu-item-has-children.open > a::after{content:"\e64a";}
#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:#2E368F;-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:#2E368F;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:#3A9F6E;border:1px solid #fff;border-radius:50%;padding:0!important;line-height:35px!important;margin:6px 8px 0 0 !important}
.m__directcall{display:block;text-align:center;width:100%}
.m__directcall i{font-size:18px;line-height:35px;color:#fff}
.jPushMenuBtn,.directcallcall{float:right}
.jPushMenuBtn{border-radius:0;outline:0}
/* General styles for all menus */
.cbp-spmenu{background:#f5f6f7;position:fixed}
.cbp-spmenu ul{margin:0;padding:0;list-style:none}
.cbp-spmenu ul.sub-menu li a { font-size: 14px; text-transform: uppercase; letter-spacing: .075em; padding: 4px 2.5em; color: #555; font-weight: 500; }
.cbp-spmenu h3{color:#fff;font-size:1.6em!important;padding:20px;margin:0;font-weight:500;background:#348f63;cursor:pointer;position:relative;z-index:99999;text-transform:uppercase;letter-spacing:3px;font-size:20px;letter-spacing:0}
.cbp-spmenu h3 i { margin-right: 14px; }
.cbp-spmenu a{display:block;color:#222;font-size:0.9547rem}
.cbp-spmenu a:hover{background:#dbdbdb}
.cbp-spmenu a:active{background:#dbdbdb}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:9999999;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}
}