@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
/* @import url('//www.cheongsol.co.kr/font/notosanskr.css'); */
@font-face{
	font-family:"NanumMyeongjo";
	src:url('../font/NanumMyeongjo.eot');
	src:url('../font/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),
	url('../font/NanumMyeongjo.woff') format('woff'),
	url('../font/NanumMyeongjo.ttf') format('truetype');
	url('../font/NanumMyeongjo.svg#NanumMyeongjo') format('svg')
	src:local(※), url('../font/NanumMyeongjo.woff') format('woff');
}
@font-face{
	font-family:"BlackHanSans";
	url('../font/BlackHanSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*Reset*/
body{font-family: 'Noto Sans KR','Nanum Gothic' , Helvetica , Apple-Gothic , Dotum   , Gulim ,  font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px;}
body, html { height: 100%; -moz-osx-font-smoothing: grayscale;}
a, a:active, a:focus { text-decoration: none; }
a:hover, a:active{ text-decoration: none;}
a:focus, a:active, button:focus, button:active,.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
img {max-width:100%; height:auto; }
video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; }
/*input, textarea, select {border: 1px solid #d1d1d1; font-size: 14px;  padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none;}*/
input[type="submit"] { width: auto}
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] 
{ -webkit-appearance: none; outline: none;font-family: 'Roboto', sans-serif;
border: 1px solid #d1d1d1; font-size: 14px;  padding: 7px 2px;  margin: 5px 0 5px 5px; max-width: 100%; resize: none;
}

input,textarea {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);}
input:focus, textarea:focus,select:focus { border: 0; border: 1px solid rgba(0,0,0,.3);}
input[type="button"]:focus{ outline: none; }
select {background-color: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0,0,0,.1);padding: 5px; margin:4px; }

iframe { border: 0;}
p {margin: 0 0 25px}
b, strong { font-weight: 600;}
.last-paragraph-no-margin p:last-of-type {margin-bottom:0}
.alt-font strong {font-weight: 600 }
ul, ol, dl {list-style-position: outside; margin-bottom: 25px}
*{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s;}
*:hover{transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; }
::selection { color: #000; background:#dbdbdb; }
::-moz-selection { color:#000; background:#dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;} 
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}

/* header  */
header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #232323;}
header.sticky nav.navbar.white-link .navbar-nav > a, header.sticky nav.navbar.bootsnav.white-link > .header-social-icon > a { color:#000 !important;}
header {width: 100%; z-index: 99;}
header .top-header-area {position: fixed; top: 0; z-index: 100; height:35px; vertical-align: middle; text-align:center; width: 100%; background:#4e306d;}
header .top-header-area img {max-width:467px;}
@media (max-width: 768px) {   header .top-header-area img {width:80%; padding-top:5px;}}
header .top-header-area2 {position: fixed; top: 0; z-index: 100; height:35px; vertical-align: middle; text-align:center; width: 100%; background:#3f6fd7;}
header .top-header-area2 img {max-width:467px;}
@media (max-width: 768px) {   header .top-header-area2 img {width:80%; padding-top:5px;}}



header nav .row { align-items: center; display: -ms-flex; display: -webkit-flex; display: -moz-flex; display: flex; height: auto; padding: 0;}
header nav .row > div:first-child { flex: 1 1 auto;}
header nav.navbar {border-radius: 0; padding: 0; }
header nav.navbar-default, nav.navbar.bootsnav {border-bottom: 1px solid #ccc;}
header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table;}

header nav .nav-header-container {display: table-cell; vertical-align: middle; position: relative;}
header nav .navbar-nav > li > a {color: #333; font-size: 16px;  margin:0 5px; padding: 2px 0px 2px; text-transform: uppercase; letter-spacing:-0.5px; font-weight:600;}
header nav .navbar-nav > li > a:hover {color:#a6a6a6 !important;}
header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}
header nav .navbar-nav > li:last-child a { margin-right: 0;}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999}

header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}
header nav .navbar-nav.text-normal > li > a {font-weight: 500; font-size: 12px }
.navbar-nav > li { position: inherit;}
.navbar-nav > li.dropdown > .fa { display: none}
.navbar-nav > li ul { margin: 0; padding: 0;}
.navbar-toggle {border-radius: 0; margin-right: 0;}
.mobile-toggle {display: block}
.sidebar-nav .mobile-toggle {display: none}
.mobile-toggle span { display: block; width: 16px; height: 2px; background: #232323; content: ""; margin: 3px 0px }
.mobile-toggle:hover span, .white-link .mobile-toggle:hover span { background-color: red}
.white-link .mobile-toggle span { background: #fff;}
header nav .brand-logo { padding-top: 20px; padding-bottom: 20px;}
header.sticky nav .brand-logo {padding-top: 15px; padding-bottom: 15px;}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { padding: 20px 0 20px; color:#232323;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover { padding: 20px 0 20px; color:#000;}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .header-social-icon > a { padding: 20px 0 20px; color:#232323;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .header-social-icon > a:hover { padding: 20px 0 20px; color:#000;}

header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .top-member > a { padding: 20px 0 20px; color:#232323;}
header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top .top-member > a:hover { padding: 20px 0 20px; color:#000;}


/*menu */
nav .accordion-menu { position: inherit;}
nav.navbar.bootsnav li.dropdown ul li { list-style: none; padding: 0; }
nav.navbar.bootsnav li.dropdown .mega-menu-full {width: 100%; box-sizing: border-box; background: rgba(35,35,35,1); padding: 45px 50px; box-shadow: none; border-radius: 0; border: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full ul {margin: 0; list-style: none;}
nav.navbar.bootsnav li.dropdown .menu-back-div > ul {margin: 0 auto; width: 1070px; display: table; background: rgba(35,35,35,1);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header { color: #fff; display: inline-block; font-size: 11px; font-weight: 500; margin-bottom: 8px; white-space: inherit; padding: 0 40px; border-bottom: none; text-transform: uppercase}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {text-align: left; font-size: 12px; color: #9d9d9d; padding:3px 40px; text-transform: capitalize; margin: 0; display: block; position: relative; overflow: hidden; left: 0}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li:first-child .dropdown-header {padding-left: 0;}
nav.navbar.bootsnav li.dropdown.megamenu-fw .icon-list-menu li > a > i {font-size: 14px; vertical-align: middle; width: 24px;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.05);}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img { padding-left: 40px; background-size: cover; background-position: bottom right;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul { margin-top: 18px;}
nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul:first-child { margin-top: 0;}
nav.navbar.bootsnav li.dropdown .megamenu-fw .icon-list-menu li > a > i {font-size: 14px;vertical-align: middle;width: 24px;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a.menu-banner-image, nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li > a:hover.menu-banner-image { left: 0; padding: 0; margin-bottom: 20px }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu .mega-menu-column li:last-child > a.menu-banner-image{ margin-bottom: 0;}


/* top logo */
.navbar.navbar-brand-top>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 20px;}
.navbar-brand-top .navbar-brand { height: auto;}
nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a { padding: 20px 0;}
.navbar-brand-top .navbar-collapse.collapse {display: inline-block !important; vertical-align:middle;}

/* center navigation */
.center-nav {float: none; text-align: center}
.center-nav > li {float:none; display: inline-block;}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center { display: table; float: none; margin: 0 auto; table-layout: fixed; }



/* full width light transparent navigation */
header nav.nav-full-width {width: 100%}
.close-button-menu {float: right; padding: 10px; background-color: transparent; color: #232323; border: 0; position: absolute; height: 40px; width: 40px; outline: none; top: 20px; right: 20px}
.full-width-pull-menu .dropdown-toggle {position: relative;}
.full-width-pull-menu span.dropdown-toggle {position: absolute; right: 30px; width: 40px;  height: 40px; text-align: center; top: 43px; display: inline-block; vertical-align: middle; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.full-width-pull-menu .dropdown .dropdown-toggle:before {content: ""; display: block; position: absolute; right: 20px; top: 15px; height: 11px; width: 1px; background: #284181;}
.full-width-pull-menu .dropdown.open .dropdown-toggle:before {height: 0;}
.full-width-pull-menu .dropdown .dropdown-toggle:after {content: ""; display: block; position: absolute; right: 15px; top: 20px; height: 1px; width: 11px; background: #284181;}
.full-width-pull-menu .dropdown ul {background-color: inherit; }
/* full width navigation style 1 */
.full-width-pull-menu .link-style-1 .link-style-1 ul { list-style: none; padding: 0; margin: 0;}
.full-width-pull-menu .link-style-1 ul li {margin: 20px 0; display: table}
.full-width-pull-menu .link-style-1 ul li a {background:inherit;color: #232323; font-size: 22px;  line-height: 26px; position: relative;  padding-left: 35px;}
.full-width-pull-menu .link-style-1 ul li:hover > a, .full-width-pull-menu .link-style-1 ul li.open  > a {color: #ff214f}
.full-width-pull-menu .link-style-1 ul li:hover > a:after, .full-width-pull-menu .link-style-1 ul li.open > a:after  {background:#ff214f}
.full-width-pull-menu .link-style-1 ul li a:after {background: #dbdbdb; content: ""; display: inline-block; height: 4px; left: 0;  position: absolute; top: 14px; width: 18px;}
.full-width-pull-menu .link-style-1 .dropdown.open ul {display: block;}
.full-width-pull-menu .link-style-1 .dropdown ul {position: inherit; left: 0; right: 0; padding: 10px 30px 0; background-color: inherit; border: 0; float: none; box-shadow: none;  margin: 0;}
.full-width-pull-menu .link-style-1 ul li li a {font-size: 18px; line-height: 22px; padding-left: 30px;}
.full-width-pull-menu .link-style-1 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color: inherit}
.full-width-pull-menu .link-style-1 .dropdown ul li {margin: 5px;}
.full-width-pull-menu .link-style-1 .dropdown ul li:last-child {margin-bottom: 0;}
/* full width navigation style 2 */
.full-width-pull-menu .link-style-2 .link-style-2 ul { list-style: none; padding: 0; margin: 0;}
.full-width-pull-menu .link-style-2 ul li {display: table; width: 90%;}
.full-width-pull-menu .link-style-2 ul li a {background:inherit;color: #232323; font-size: 48px; line-height: 85px; position: relative;}
.full-width-pull-menu .link-style-2 ul li:hover > a, .full-width-pull-menu .link-style-2 ul li.open  > a {color: #ff214f}
.full-width-pull-menu .link-style-2 ul li.open > a:after  {background:#ff214f}
.full-width-pull-menu .link-style-2 .dropdown ul {display: block !important; height: 0;overflow: hidden}
.full-width-pull-menu .link-style-2 .dropdown ul {position: inherit; left: 0; right: 0; padding:0; background-color: inherit; border: 0; float: none; box-shadow: none;  margin: 0;}
.full-width-pull-menu .link-style-2 .dropdown.open ul {display: block; height: 100%; }
.full-width-pull-menu .link-style-2 .dropdown ul li a{font-size: 14px; line-height: 18px; color: #757575; padding:0; margin: 0;}
.full-width-pull-menu .link-style-2 .dropdown ul li {border-bottom: 1px solid #e3e3e3; padding: 7px 0;}
.full-width-pull-menu .link-style-2 .dropdown ul li:last-child { border-bottom: 1px solid transparent;}
.full-width-pull-menu .link-style-2 .dropdown ul li a:hover, .dropdown ul li a:focus {background-color: inherit}
.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu { padding-left: 15px; padding-top: 2px;}
.full-width-pull-menu .link-style-2 .dropdown ul li ul.sub-menu li { border-bottom: 0; padding: 5px 0 0 0;}
.full-width-pull-menu .link-style-2 .dropdown ul li:last-child {margin-bottom: 0;}
.full-width-pull-menu .link-style-2 .icon-social-medium a:first-child {margin-left: 0;}
.full-width-pull-menu .link-style-2 .icon-social-medium a:last-child {margin-right: 0;}
.close-button-menu:after,.close-button-menu:before {content: ""; display: block; background: #000; height: 2px; width: 18px; position: absolute;}
.close-button-menu:after{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);}
.close-button-menu:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
/* full navigation */
.show-menu .menu-wrap,.menu-wrap {left:auto }
.show-menu .menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; visibility: visible; z-index: 10001;}
.menu-wrap {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; width: 100%; z-index: -10001; position: fixed; top: 0; right: 0; opacity: 0; visibility: hidden;}
/* container fluid navigation padding */
header nav.nav-box-width {padding: 0 5px;}
/* hamburger menu right side */
.big-menu-right {position: fixed; top: 0; right: 0; width: 40%; height: 100%; padding: 0 5%; opacity: 0; transform: translateX(30%) scaleX(0.6); -webkit-transform: translateX(30%) scaleX(0.6); -moz-transform: translateX(30%) scaleX(0.6); -o-transform: translateX(30%) scaleX(0.6); -ms-transform: translateX(30%) scaleX(0.6); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; z-index: -1;}
.big-menu-links {list-style: none; margin: 0; padding: 0;}
.big-menu-links li {margin-bottom: 15px; display: block; width: 100%; float: left}
.big-menu-links li a {font-size: 50px;line-height: 1.5; color: #676767; float: left}
.big-menu-links li a:after {width: 0; background: #ff214f; height: 3px; content: ""; display: block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-links li a:hover {color: #ddd;}
.big-menu-links li a:hover:after {width: 100px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -ms-transition-duration: 0.5s;}
.big-menu-right.open {transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -webkit-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); opacity: 1; z-index: 9999}
.big-menu-close {background: #fff; position: absolute; right: 0; width: 40px; height: 40px; color: #232323; }
/* dropdown menu */
nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; }
nav.navbar.navbar-default ul.nav > li.dropdown > a.dropdown-toggle::after, nav.navbar.sidebar-nav ul.nav > li.dropdown > a.dropdown-toggle::after {content: ""; vertical-align: middle; position: relative; top: -1px; margin-top: 0; }
nav.navbar.navbar-default ul li.dropdown ul.dropdown-menu > li:last-child {border-bottom: 0; border-bottom: 0;}
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover  {color: #a6a6a6 !important; background:  transparent; left: 5px; }
nav.navbar.navbar-default ul li.dropdown .dropdown-menu li.active > a { color: #fff;}
nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li > a:hover, nav.navbar.navbar-default ul.menu-links li.dropdown ul.dropdown-menu li.active > a {color: #232323}
.dropdown ul.second-level {left: 270px; top:0; height: 100%;}
.dropdown ul.third-level {left: 530px; top:0; height: 100%;}
nav.navbar ul.nav .dropdown-menu.second-level .dropdown-menu {margin-top: 0 }
.navbar-default ul li li.dropdown ul {display: none}
.navbar-default ul li li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown.on > ul > li.dropdown.on > ul {display: block; position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0;}
.navbar-default ul li li.dropdown ul.dropdown-menu {position: absolute; left: 100%; margin-top: 0; padding: 0; top: 0; box-shadow: none;}
.navbar-default ul li li.dropdown ul.dropdown-menu li {padding: 0;}
.dropdown-menu .dropdown a {position: relative}

/* navigation left sidebar */
header .menu-wrap .widget {margin-bottom: 30px; display: inline-block; width: 100%}
.nav.navbar-left-sidebar {transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; overflow-y: auto;}
.nav.navbar-left-sidebar li {display: inline-block; width: 100%; padding: 0 45px;}
.nav.navbar-left-sidebar li a, nav.navbar.bootsnav.navbar-left-sidebar ul.nav > li > a {font-size: 11px; text-transform: uppercase; color: #939393; background: transparent !important; border-bottom: 1px solid #e5e5e5 !important; padding:15px 0 }
.nav.navbar-left-sidebar li:last-child a {border-bottom:none }
.nav.navbar-left-sidebar li a:hover {color: #fff }
.nav.navbar-left-sidebar li a .nav-caret {height: 35px;text-align: right; width: 35px;}
.nav.navbar-left-sidebar .dropdown .second-level {opacity: 0 !important; left: 245px; display: block !important; visibility: hidden;}
.nav.navbar-left-sidebar .dropdown.on .second-level {opacity: 1 !important; left: 289px; visibility: visible; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.nav.navbar-left-sidebar .second-level .dropdown .third-level {opacity: 0 !important; display: block !important; visibility: hidden; left:525px;}
.nav.navbar-left-sidebar .second-level .dropdown.on .third-level {opacity: 1 !important; left:569px; visibility: visible; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.nav.navbar-left-sidebar .dropdown-menu .dropdown > a:after {display: none }
/* pull left sidebar */
.cbp-spmenu {background: #fff; position: fixed; z-index: 1;}
.cbp-spmenu-vertical {width: 455px;height: 100%;top: 0; z-index: 10005;}
.cbp-spmenu-right {right: -455px;}
.cbp-spmenu-left {left: -100%;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px; overflow-x: auto; box-shadow: 0 0 4px rgba(0,0,0,.2);}
.cbp-spmenu-push {overflow-x: hidden; position: relative; left: 0;}
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/* custome scrollbar */
.cbp-spmenu-right::-webkit-scrollbar, .navbar-left-sidebar::-webkit-scrollbar {width: 5px;}
.cbp-spmenu-right::-webkit-scrollbar-track, .navbar-left-sidebar::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.cbp-spmenu-right::-webkit-scrollbar-thumb, .navbar-left-sidebar::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}

/* sidebar navigation */
nav.navbar.sidebar-nav .container{ display: table-cell; height: 75px; position: relative; vertical-align: top;}
nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a{color: #626262; border-color: #ededed; padding: 15px 0;}
nav.navbar.sidebar-nav .navbar-left-sidebar li a:hover, nav.navbar.bootsnav.sidebar-nav ul.nav.navbar-left-sidebar li.active > a{color: #000 }
.sidebar-nav .logo-holder {text-align: center; min-height: 107px;}
.sidebar-nav .footer-holder {text-align: center}
nav.navbar .toggle-button {background: #000; border: medium none; height: auto; margin: 0; padding: 0; width: auto; }
.sidebar-nav .dropdown-menu {box-shadow: none; height: 100%; left: 270px; padding: 0;position: fixed; top: 0;width: 240px; padding: 80px 0}
nav.navbar.sidebar-nav li.dropdown ul.dropdown-menu {border: none }
nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu { padding-top: 160px;}
.sidebar-nav .dropdown-menu li > a {margin: 0 45px}
nav.navbar.sidebar-nav{border: none; display: inline-table; width: 290px; border-radius:0; position: fixed; top: 0; z-index: 10005; height: 100%; padding: 50px 0px 25px; border-right: 1px solid rgba(0,0,0,.07); left: 0}
.sidebar-wrapper{padding-left: 290px;}
/* sidebar navigation style 1 */
.sidebar-nav-style-1 .dropdown .second-level {top: 0; left: 290px; width: 280px }
.sidebar-nav-style-1 .dropdown.on .second-level {background: #fbfbfb;}
.sidebar-nav-style-1 .dropdown .third-level {top:0; left: 570px; width: 280px; background: #f3f3f3;}
.sidebar-nav-style-1 .dropdown ul.second-level li ul { display: none; opacity: 0}
/* sidebar navigation style 2 */
.left-nav-sidebar {padding-left: 90px;transition: all 0.3s ease 0s;}
.left-nav {position: fixed; top: 0; width: auto; left:0; height: 100%; background-color: #fff; z-index: 99999; transition: all 0.3s ease 0s} 
.sidebar-part1 {position: absolute; top: 0; width: 90px;}
.sidebar-part2 {padding: 0 0 0 110px; border-right: 1px solid #dfdfdf;  width: 400px; height: 100%; position: fixed; background-color: #fff; z-index: -1; left: -370px;}
.sidebar-part3 {position: absolute; bottom: 0;}
.left-nav-on .sidebar-part2 {left: 0;}
.sidebar-part2:before {width: 100%; height: 1px; background-color: #dfdfdf; content: ""; position: absolute;bottom: 75px; left: 0; display: inline-block}
.left-nav-on .sidebar-part2 .sidebar-middle .sidebar-middle-menu .nav {overflow-y: auto; overflow-x: hidden}
.sidebar-part2 .sidebar-middle {padding: 180px 0}
.sidebar-part2 .sidebar-middle-menu {display: table-cell; height: 100%; width: 100%; vertical-align: middle}
.bottom-menu-icon { width:90px; padding: 22px 30px; text-align: center;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 36px; display: block; padding: 0; color: #0f0f0f; text-transform: none; margin: 0; line-height: 40px; font-weight: 500; position: relative;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fa {font-size: 25px; top: 10px; position: absolute; right: 18px;}
header .sidebar-part2 nav.navbar.bootsnav ul > li > .second-level > li > a > .fa {font-size: 14px; line-height: 30px;}
.sidebar-part2 ul > li {margin: 0; float: none; padding: 15px 20px 15px 0; width: 291px; word-break: break-all; position:initial;}
.sidebar-part2 ul li a:hover {background-color: inherit;}
.sidebar-part2 nav.navbar.bootsnav {border-bottom: 0; position: inherit;}
.sidebar-part2 .right-bg {position: fixed; height: 100%; left:0; top: 0; background-color: #fff; width: 90px;}
.sidebar-part2 .right-bg:before { background-color: #dfdfdf;bottom: 75px;content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%;}
.sidebar-part2 .right-bg img{position: absolute; top: 50%; left: 37px; transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px);}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a {font-size: 14px; line-height: 20px; width: 100%; padding: 15px 0; border-bottom: 1px solid #f0f0f0; color: #939393; font-weight: 400;}
header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown > a, .sidebar-nav-style-1 .navbar-left-sidebar li.dropdown > a {padding-right: 20px;}
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { border-bottom: 1px solid #ff214f; background: inherit }
header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a:hover { border-bottom: 0; }
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a > i{vertical-align: middle; margin-right: 5px;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li a:hover{color:#ff214f}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li {margin: 0; padding:0 30px;width: 100%; word-break: normal;}
header .sidebar-part2 nav.navbar.bootsnav ul li ul li.dropdown {border-left: 0;}
.sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left: 1px solid #eee !important;}
.sidebar-part2 .dropdown ul.second-level {left: 399px; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s;}
.sidebar-part2 .dropdown ul.third-level {left:249px;}
.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu {box-shadow: none; height: 100%; position: absolute; transition: 0s; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s;  width: 250px; padding: 180px 0; background: #fff;}
.bottom-menu-icon a {font-size: 24px; width: 23px; height: 18px; display: inline-block; position: relative;}

header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active > a, header .sidebar-part2 nav.navbar.bootsnav ul.second-level li.active ul li.active  > a {color: #ff214f}
.nav-icon span {display: block; position: absolute; height: 2px; width: 23px; background: #232323; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon:hover span, .nav-icon.active span { background-color: red }
.nav-icon span:nth-child(1) { top: 0px;}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) { top: 8px;}
.nav-icon span:nth-child(4) { top: 16px;}
.nav-icon.active span:nth-child(1) { top: 8px; width: 0%; left: 50%;}
.nav-icon.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.nav-icon.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-icon.active span:nth-child(4) {top: 8px; width: 0%; left: 50%;}
nav.navbar.brand-center ul.nav > li > a {padding:26px; margin: 0;}
header.sticky nav.navbar.brand-center ul.nav > li > a {padding: 20px; margin: 0 20px;}
/* navigation widget */
.menu-wrap .widget {display: inline-block; width: 100%}

/*main*/
.mb1{ border: 1px solid #cccccc; background: url(../image/banner/mb1_bg.jpg) no-repeat; background-position:top center; padding-top: 10px;  font-size: 1.2rem; margin-top:50px; }
.mb1 a{color: #153d7a;}
.mb1_text{font-family: 'Cafe24Ohsquare'; font-size: 3rem; margin-top: -10px;}
.box_c_c{ border: 1px solid #ccc; padding: 20px; height: 320px; float: none; margin: top center;}