@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap');
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@font-face {font-family: 'score-r'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-l'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-m'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-b'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {font-family: 'score-bb'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }


.score-r{font-family: 'score-r' !important}
.score-l{font-family: 'score-l' !important}
.score-m{font-family: 'score-m' !important}
.score-b{font-family: 'score-b' !important}
.score-bb{font-family: 'score-bb' !important}

.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.goto{cursor: pointer;	}
.vh{height: 100vh; height: calc(var(--vh, 1vh) * 100); margin: 0 auto; max-width: 100%;}

/*스크롤바 항상 보이게*/
::-webkit-scrollbar {width: 10px; height: 5px}
::-webkit-scrollbar-thumb {background: #001F6D; }

.safari-wrapper{overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.gmarket-light{font-family: 'gmarket-light' !important}
.gmarket-medium{font-family: 'gmarket-medium' !important}
.gmarket-bold{font-family: 'gmarket-bold' !important}
.noto{font-family: 'Noto Sans KR' !important}
.roboto{font-family: 'Roboto' !important}

/*body{font-family: 'Noto Sans KR', Roboto, 나눔고딕, 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif; line-height: 1.6; font-size: 14px; color: #333; letter-spacing: -0.03em;}*/
body{font-family: score-r, 'Noto Sans KR', Roboto, 나눔고딕, 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif !important; color: #333;}

.container-fluid{max-width: 1350px}
.container-max{max-width: 1640px; margin: 0 auto; position: relative; padding-left: 20px; padding-right: 20px;}

/* 공통 코드 */
ul{ padding-left: 0 !important; margin-bottom: 0 !important}
ul li{list-style: none;}
p {margin-bottom: 0; color:#333;}
a {text-decoration: none !important;}
a:focus {color:#001650;}
input[type="text"], textarea {outline: none; box-shadow:none !important; border:1px solid #ccc !important; }

@media (min-width: 1200px) {
	.container {max-width: 1350px; }
}

@media (min-width: 992px) {
	.text-outline{font-size: 19px; margin-bottom: 30px}
}

a.link:hover {color: #0C2340;}
a.link-white:hover {color: #fff;}
/*a.link > span{position: relative; padding-bottom: 2px; color: #0076FF}*/
a.link > span{position: relative; padding-bottom: 2px; color: #0C2340}
a.link-white > span{position: relative; padding-bottom: 2px; color: #ffff}
a.link > span:after {content: ''; width:0; height: 1px; background: #001650; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.link-white > span:after {content: ''; width:0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.link:hover > span:after {width:100%;}
a.link-white:hover > span:after {width:100%;}

.color-red{color:#C40303}
.color-dark{color:#333 !important;}

.color-01{color: #001F6D !important}
.color-02{color: #0075EF !important}

.bg-01{background-color: #001650 !important; }	
.bg-02{background-color: #007BFC !important; }

.color-gray-v1{color:#647B91 !important;}
.color-gray-v2{color:#A9ADB1 !important;} 
.brd-color-gray-v1{border-color: #4b4b4b !important;}
.brd-color-gray-v2{border-color: #A9ADB1 !important;}
.brd-color-gray-v3{border-color: #ebebeb !important;}
.brd-color-gray-v4{border-color:  rgba(0, 0, 0, 0.1) !important;}
.brd-ci{border : 1px solid #FFFFFF !important;}

.box-rosegold{border: solid 1px #F4C9B7 !important; }
.box-border{border: solid 1px #ddd !important; }
.box-border-2{border: solid 1px #AA8064 !important; }
.box-shadow{box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);}
.box-shadow-2{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}

.section-top{padding-top: 100px ; -webkit-transition:all .3s; transition:all .3s;  margin-bottom: 60px;}
.section-content{margin-top: 60px; -webkit-transition:all .3s; transition:all .3s}

@media (min-width: 768px) {
	.section-top{padding-top: 120px; margin-bottom: 100px;}
	.section-content{margin-top: 100px;}
}

@media (min-width: 992px) {
	.section-top{padding-top: 150px; margin-bottom: 100px;}
	.section-content{margin-top: 130px;}
}

.goto{cursor: pointer;}

/*------------------------------------
  텍스트 스타일
------------------------------------*/

.page-title{
	font-size: 32px; 
	font-family: score-b; 
	color:#fff; 
	line-height: 1.3;
	margin-bottom: 40px;
	-webkit-transition:all .3s;
	transition:all .3s}

@media (min-width: 768px) {
	.page-title{font-size: 40px;}
}

@media (min-width: 992px) {
	.page-title{font-size: 53px; }
}


.text-main-1{font-weight: 800; color: #fff; line-height: 1.3; font-size: 7vmin; }
.text-title{font-weight: 900; font-size: 31px; margin-bottom: 20px; line-height: 1.2; color: #001F6D; font-family: 'score-b';}
.text-01{font-weight: 500; font-size: 25px; -webkit-transition:all .3s; transition:all .3s}
.text-01 a{color:#333; text-decoration: none;}
.text-01 a:hover{color:#333; text-decoration: none;}
.text-01 a:active{color:#333; text-decoration: none;}
.text-02{font-size: 19px; font-weight: 400; -webkit-transition:all .3s; transition:all .3s}
.text-03{font-size: 17px; color:#333; -webkit-transition:all .3s; transition:all .3s}
.text-04{font-size: 16px; -webkit-transition:all .3s; transition:all .3s}
.text-05{font-size: 15px; -webkit-transition:all .3s; transition:all .3s; }
.text-06{font-size: 13px; -webkit-transition:all .3s; transition:all .3s;}
.text-07{font-size: 12px; -webkit-transition:all .3s; transition:all .3s;}

@media (min-width: 768px){
	.text-main-1{font-size: 4.55vmin; }
	.text-title{font-size: 44px; margin-bottom: 30px}
	.text-01{font-size: 40px; }
	.text-02{font-size: 22px;}
	.text-03{font-size: 20px;}
	.text-04{font-size: 19px;}
	.text-05{font-size: 15px;}
	.text-06{font-size: 13px;}
	.text-07{font-size: 12px;}
}

@media (min-width: 992px){
	.text-main-1{font-size: 5vmin; }
	.text-title{font-size: 57px; margin-bottom: 30px}
	.text-01{font-size: 40px; }
	.text-02{font-size: 26px;}
	.text-03{font-size: 23px;}
	.text-04{font-size: 22px;}
	.text-05{font-size: 18px;}
	.text-06{font-size: 15px;}
	.text-07{font-size: 13px;}
}


.text-outline{border:3px solid #162D4E; color: #162D4E; display: inline-block; padding:5px 15px; font-weight: bold; font-size: 16px; margin-bottom: 15px}

@media (min-width: 768px) {
	.btn-ksev-2{font-size: 14px; padding-left: 20px; padding-right: 20px;}
}


.kenburns-wrapper{overflow: hidden;  height: auto; padding: 0 !important; position: relative;}
.kenburns{position:absolute; animation: kenburns 40s infinite alternate; height: 100%; }
.slick-active .kenburns-2{
	/*animation: kenburns 15s infinite alternate; height: 100%; */
	-webkit-animation-name: kenburns;
	  animation-name: kenburns;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	  -webkit-animation-duration: 20s;
	  animation-duration: 20s;
	  opacity: 1;
	  -webkit-transform: scale(1);
	  transform: scale(1);
}
/*@keyframes kenburns {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 1;
	}
	100% {
		transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
		animation-timing-function: ease-in;
		opacity: 1;
	}
}*/

@-webkit-keyframes kenburns {
	 0% {
	 opacity: 1;
	 -webkit-transform: scale(1.2);
	 transform: scale(1.2);
	}
		 1.5625% {
		 opacity: 1;
	}
		 23.4375% {
		 opacity: 1;
	}
		 26.5625% {
		 opacity: 0;
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 100% {
		 -webkit-transform: scale(1.2);
		 transform: scale(1.2);
		 opacity: 1;
	}
}

@keyframes kenburns { 
	0% {
		 opacity: 1;
		 -webkit-transform: scale(1.2);
		 transform: scale(1.2);
	}
	 1.5625% {
	 opacity: 1;
	}
	 23.4375% {
	 opacity: 1;
	}
	 26.5625% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
	}
	 100% {
	 -webkit-transform: scale(1.2);
	 transform: scale(1.2);
	 opacity: 1;
	}
}



/*------------------------------------
  페이지 상단
------------------------------------*/
.hero-wrapper{padding-top: 70px; }
.hero-wrapper-2{padding-top: 150px; padding-bottom: 120px}
.text-ceo{font-family:serif; font-size: 34px; font-weight: bold; color: #5D636E}
.text-history{font-family: 'Roboto'; font-size: 15px; font-weight: bold; color: #333}
.text-hero-01{font-size: 30px; color:#fff; font-weight: lighter; transition:all .3s; font-family: 'Nanum Myeongjo'; line-height: 1; padding-top: 30px; margin-bottom: 20px}
.text-hero-02{font-size: 30px; color:#fff; line-height: 1; font-family: 'Nanum Myeongjo'; margin-bottom: -7px; }
.text-hero-03{font-size: 15px; color:#fff; font-family: gmarket-bold; margin-top: 30px; padding-bottom: 50px;}

.text-hero-notice{font-weight: 500; font-size: 27px; color:#fff;}
.text-hero-date{font-size: 17px; color:#fff; position: absolute; left:0; right: 0; bottom:5px;}
.hr-medi{border-top: 1px solid #F4C9B7;}

@media (min-width: 768px) {
	.hero-wrapper{padding-top: 150px;}
	.hero-wrapper-2{padding-top: 350px; padding-bottom: 250px}
	.text-ceo{font-size: 38px;}
	.text-history{font-size: 20px;}

	.text-hero-01{font-size: 35px;}
	.text-hero-02{font-size: 35px;}
	.text-hero-03{font-size: 18px; font-family: gmarket-medium;}
	.text-hero-01 span{display: inline-block;}
	.text-hero-02 span{display: inline-block;}
	.text-hero-notice{font-size: 35px;}
	.text-hero-date{font-size: 19px; bottom:20px;}
}

@media (min-width: 992px) {
	.text-hero-01{font-size: 45px;}
	.text-hero-02{font-size: 45px;}
	.text-hero-03{font-size: 20px;}
}

/* 이미지 줌 설정 */
.zoom-wrapper{position: relative; overflow: hidden;}
.zoom-wrapper img{transition: transform .5s; }
.zoom-wrapper:hover {;}
.zoom-wrapper:hover img{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.zoom-wrapper:hover img.no-zoom{-webkit-transform: scale); -ms-transform: scale(1); transform: scale(1);}
hr {margin-top: 1.2rem; margin-bottom: 1.2rem; }


/*------------------------------------
  회사소개
------------------------------------*/
.map{height:250px; }
.bottom-banner{min-height: 125px;}
@media (min-width: 768px){
	.map{height:350px;}
	.bottom-banner{min-height: 250px;}
}
@media (min-width: 992px) {
	.map{height:500px;}
}


.text-map{font-size: 25px; font-weight: 700}
@media (min-width: 768px){text-decoration-color: 
	.text-map{font-size: 30px;}
}

/*------------------------------------
  고객센터
------------------------------------*/
/*.file-wrapper{border-bottom: 1px solid #ebebeb; margin-bottom: 10px; }*/



/* 퀵메뉴 */
.tab-menu-wrapper{background-image: url(/assets/img/common/bar.png); background-repeat: repeat; z-index: 5000}
.tab-menu{padding-bottom: 12px}
.tab-menu li{padding-left: 7px; padding-right: 7px}

.tab-menu li a span{color:white; font-size: 13px; position: relative; -webkit-transition:all .3s; transition:all .3s}
.tab-menu li a span:after{width:0; content: ''; height: 1px;  background: #F4C9B7; position: absolute; bottom: -7px; left: 50%; -webkit-transition:all .3s; transition:all .3s}
.tab-menu li a:hover span{color: #F4C9B7}
.tab-menu li a:hover span:after{width:100%; left:0%;}
.tab-menu li.active a span{color: #F4C9B7;}
.tab-menu li.active a span:after{ width:100%; left: 0;}

@media (min-width: 768px){
	.tab-menu li{padding-left: 30px; padding-right: 30px}
	.tab-menu li a span{font-size: 16px}
}
/* header-change -> 스크롤시에 header color 변경 */
/*body header{background: rgba(0, 0, 0, .5); border-bottom: 1px solid rgba(255, 255, 255, .3);}*/
/*body header.header-change{background: rgba(0, 0, 0, .6); border-bottom: 1px solid #eaeaea}*/
/*body.full-page header.header-change{background: rgba(0, 0, 0, 0); }*/
/*body header.header-change #menu > li > a {color: #333;}*/
/*body.full-page header..header-change #menu > li > a {color: #fff;}*/
.header-change .hamburger-inner, .header-change.hamburger-inner:after, .header-change.hamburger-inner:before {
	background-color: #fff;
}
.hamburger-inner{background: #fff !important}




/*------------------------------------
  푸터
------------------------------------*/
.footer{border-top: 1px solid #E6E6E6; padding: 20px 0;}
.footer-title{color: #0C2340; font-weight: 900; font-size: 17px; margin-bottom: 5px;}
.footer-text-01{color: #464646; font-size: 12px;}
.footer-text-01 a span{color: #464646;;}

@media (min-width: 768px) {
	.footer-title{font-size: 19px}
	.footer-text-01{font-size: 13px;}
}

/*------------------------------------
  탭 컨텐츠
------------------------------------*/
/*.nav-item{display: block !important}
.nav-link {color:#000 !important; background: #EEEEEE !important; font-size: 15px; padding:10px 0 !important; text-align: center; font-size: 13px; border-right: 1px solid #0C2340 !important;}
.nav-link.last{border-right: none !important}
.nav-link.active {background: #0C2340 !important;  color: #4394FA !important}

@media (min-width: 992px) {
	.nav-*/link {  font-size: 17px; font-weight: 600; padding:15px 0 !important;}
}

/*------------------------------------
  약관
------------------------------------*/
.text-terms {font-size: 14px !important; margin-bottom: 5px; color: #333 !important; }
.text-terms-02 {color: #333; font-weight: 600; font-size: 18px; margin-bottom: 10px; line-height: 1.2; }
.icon-email{color:#fff; font-size: 60px}
@media (min-width: 768px) {
	.text-terms {font-size: 15px; }
	.text-terms-02 {font-size: 20px; }
	.icon-email{font-size: 80px}
}

/* 커뮤니티 */
.notice-list{padding:10px 0; border-bottom: 1px solid #ebebeb; cursor: pointer;}
.notice-list:hover{background: #062d6a}
.notice-list:hover .notice-date{color:#fff;}
.notice-list:hover .notice-date{color:#fff;}
.notice-list:hover .notice-year-month{color:#fff;}
.notice-list:hover .notice-title{color:#fff;}
.notice-list:hover .notice-info{color:#fff;}
.notice-list:hover .arrow{color:white; background: #FF6200; border-color: #FF6200 !important}
.notice-date{font-weight: 500; font-size: 50px; line-height: 1; color: #A9ADB1; padding-bottom: 5px}
.notice-year-month{font-size: 15px; line-height: 1; color: #A9ADB1}
.notice-title{font-size: 15px; color:#333; margin-right: 15px}
.notice-info{font-size: 13px; color:#5D636E; margin-right: 20px;}

/* Q&A 관련 */
.faq .nav-link{background: #fff !important; border-bottom:5px solid #ffffff ; color:#5D636E !important; font-size: 15px; padding-left: 10px; padding-right: 10px}
.faq .nav-link.active{color: #ff6200 !important; border-color: #ff6200}
.nav-fill .nav-item {-ms-flex:1; flex: 1; text-align: center; }

/*.qna-text-01{color: #ff6200; font-size: 17px; font-weight: 500;}
.qna-text-02{color: #ff6200; font-size: 25px; font-weight: 500;}*/

.collapsed .qna-text-01{color:#333; font-size: 17px; font-weight: 500;}
.collapsed .qna-text-02{color:#333; font-size: 25px; font-weight: 500;}
@media (min-width: 768px) {
	.faq .nav-link{font-size: 17px; padding-left: 15px; padding-right: 15px}
	.collapsed .qna-text-01{font-size: 18px;}
	.qna-text-01{font-size: 18px;}
}

/*.qna-wrapper {border-top: 1px solid #A9ADB1; border-bottom: 1px solid #ccc;}
.qna-wrapper .icon {transform: rotate(deg); transition: .3s transform ease-in-out; display: inline-block;}
.qna-wrapper .collapsed .icon {color: #333;}
.qna-wrapper .icon {color: #ff6200;}
.qna-wrapper .collapsed .icon {transform: rotate(-180deg);}
*/
.border-question{border-top: 1px solid #ccc;}


.slick-slide, .slick-slide *{ outline: none !important; } /* slick 슬라이더 외곽선 제거*/

.row .content {
	height: 100%;
}
.row-wrapper{margin-bottom: 30px}
.flex-fill{-webkit-flex: 1 !important; flex: 1 !important;}
@media (min-width: 768px) {
	/*section{margin-bottom: 50px;}*/
	.row-wrapper{margin-bottom: 60px}
}

/* 게시판 시작 */
.board_border_01{border-top: 2px solid #449CF2;}
.board_border_02{border-top: 1px solid #eaeaea;}
.board_border_03{border-bottom: 1px solid #333;}
.board-title{font-weight: 600; font-size: 24px; line-height: 1.2; text-align: left; padding-bottom: 20px}
.board-body{padding:15px 0 15px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; margin-top: 	30px; border-top: 3px solid #333; }
.board-content{font-size: 14px; margin-bottom: 20px}
.board-content a{color: #333 !important}
.board-content a:hover{color: #333 !important}
.board-content a:active{color: #333 !important}
.board-content img{max-width: 100%; height: auto;}
.media-body a, .media-body a:hover{color:#333;}
.files a, .files a:hover{color:#333;}
p{color:#333;}

@media (min-width: 768px){
	.board-title {font-size: 32px; padding: 20px 0 20px 0;}
	.board-content{font-size: 16px; margin-bottom: 30px}
}
/* 게시판 종료 */
.g-left-arrow{left:75px !important;}


/* 제품소개 */
.product-img{height: 280px;}
@media (min-width: 768px) {
	.product-img{height: 215px;}
}

/* 페이징 */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
	border-color: #001650;
	background-color: #001650;
}
.page-link {color: #001650}
.page-link:focus, .page-link:hover {
	color: #001650;
}

/* 팝업 */
.mfp-close-btn-in .mfp-close {color: #fff; }
@media (min-width: 992px) {
	.mag-popup{width: 445px !important }
	.mag-popup img{max-width: 445px !important }
}
.pop_close_wrap{margin:8px 15px 8px 0; background:#fff; height:30px; text-align:right;}
.pop_close{cursor: pointer; }
#mag-popup {position: relative; background: #FFF; width: auto; max-width: 500px; margin: 20px auto; }



/* Shimmer */
.shimmer {
	width: 100%;
	height: 10px;
	margin-top: 5px;
	background: #f6f7f8;
	background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	background-repeat: no-repeat;
	background-size: 800px 104px; 
	display: inline-block;
	position: relative; 

	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: placeholderShimmer;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0; 
	}
}




/* 테이블 */
.table th{vertical-align: middle !important; color:#fff; font-size: 12px; padding-left: 0; padding-right: 0}
.table td{vertical-align: middle !important; color: #001F6D; font-size: 12px; padding-left: 0; padding-right: 0}
/*.table th{border-top: solid 2px #000 !important; }*/
.table td{border-bottom: solid 1px #E0E0E0 !important;}
th{background: #001F6D}
/*.table {border-bottom: 1px solid #000;}*/
.table .content{padding: 10px; color: #000;}
.table th.content{padding: 10px; color: #000; background: #F5E9E4 }
.table td:last-child, .table th:last-child{border-right: none !important}
.table .bb{border-bottom: 2px solid #000 !important;}
.table .bb-2{border-bottom: 1px solid #D0D6DF !important;}

.table th, .table td {
	border-bottom: 1px solid #e9ecef;
}

@media (min-width: 1200px) {
	.table .bb-xl{border-bottom: 2px solid #333 !important;}
}


.table .bt{border-top: 2px solid #000 !important;}
.table .bg-y{background-color: #162D4E !important; color:#fff;}
.table td.brn, .table th.brn{border-right: none !important}
.board td, .board th{border-right: none !important;}

a.table-link > span{position: relative; padding-bottom: 2px; color:#333;}
a.table-link > span:after{content: ''; width:0; height: 1px;  background: #333; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.table-link:hover > span:after{width:100%;}


@media (min-width: 768px) {
	.table th, .table td{font-size: 14px;}
}

@media (min-width: 1200px) {
	.table td.brn{border-right: 1px solid #D0D6DF !important}
}



/* 스티키 메뉴 */
.sticky-top{z-index: 999 !important}
.sticky-menu{width: 100%; height: 60px; margin-top: -30px; }
.sticky-menu .crumb{background-color: #0075EF; height: 60px; }
@media (min-width: 768px) {
	.sticky-menu{height: 70px; margin-top: -35px; ;}
	.sticky-menu .crumb{height: 70px; }
}

.sticky-menu .crumb .depth{color: #fff; }
.sub_bread_menu {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; position: relative; max-width: 100%; height: 60px; margin: 0 auto; box-shadow: 3px 3px 13px rgb(0 0 0 / 28%); border-radius: 10px; width: 1350px;}
@media (min-width: 768px) {
	.sub_bread_menu {height: 70px;}
}
.sub_bread_menu > li.firstHome {flex: 0 0 60px; }
.sub_bread_menu > li {display: flex; align-items: center; position: relative; min-width: 0; height: 100%; }
.sub_bread_menu > li.firstHome > a {display: block; position: relative; font-size: 20px; color: #fff; }
.sub_bread_menu > li:not(.firstHome) > a {display: flex; align-items: center; position: relative; width: 100%; height: 100%; font-size: 16px; font-weight: 500; color: #fff; padding: 0 15px; }
.sub_bread_menu .menu-name {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub_bread_menu > li:not(.firstHome) > a::after {content: "\e604";font-family: 'simple-line-icons'; position: absolute; top: 50%; right: 13px; transform: translateY(-50%); font-size: 12px; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.sub_bread_menu > li:not(.firstHome) {flex: 0 0 180px; justify-content: left; }
.sub_bread_menu > li {display: flex; align-items: center; position: relative; min-width: 0; height: 100%; }

.nav-sub-bread {position: relative; width: 100%; }
.nav-sub-bread > .inner {max-width: 1350px; width: 100%; padding: 0; background-color: #0075EF; border-radius: 10px; margin: 0 auto; -webkit-transition:max-width .25s; transition:max-width .25s}
.nav-sub-bread.floating > .inner {max-width: 100%; border-radius: 0;}
.nav-sub-bread.floating .sub_bread_menu {box-shadow: none;}
.sub_bread_menu > li.open > ul {opacity: 1; visibility: visible; }
.sub_bread_menu > li > ul {position: absolute; width: 100%; top: 100%; background: #545454; box-shadow: 2px 2px 5px rgb(0 0 0 / 20%); transition: opacity 0.25s,visibility 0.25s; opacity: 0; visibility: hidden; z-index: 10; }

.sub_bread_menu > li > ul > li > a {display: block; font-size: 14px; color: #222; padding: 0 20px; line-height: 50px; background-color: #fff; transition: background-color 0.25s, color .25s,border .25s; border-bottom: 1px solid #eee; }
.sub_bread_menu > li > ul > li > a:hover, .sub_bread_menu > li > ul > li.active > a {background: #0075EF; color: #fff; border-color: #0075EF; }
.sub_bread_menu .menu-name {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sub_bread_menu > li::after {content: ""; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin-top: -10px; background-color: #fff; }

@media (max-width: 768px) {
	.sub_bread_menu > li:not(.firstHome) {flex: 0 0 calc(50% - 30px); width: 50%; }
}


/* magnific popup*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	 opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}