@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/*
*****************************************
* CSS Variables
* ***************************************
* Site : bayind
* File : custom.css
* DATE : 2025.06.02
*
* SUMMARY :
* 1) Jupiter X Reset 
* 2) HEADER
* 3) MAIN
* 4) FOOTER
* 5) SUB
* 6) RESPONSIBILITY

* br01 - 1024
* br02 - 767
* br03 - 
* br04 - 
* br05 - 
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.elementor-icon-list-text{padding-inline-start: 0px !important;}
.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label{font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}




/* ************************************************
********************* HEADER ************************
************************************************* */
header{position: absolute !important;}

#header .header-menu nav .e-n-menu-item .e-n-menu-dropdown-icon{display: none;}
#header .header-menu nav .e-n-menu-item .e-n-menu-content .header-menu02.header-menu-pro nav ul li a{cursor: default;}

.menu-R-wrap > div.on-wrap{display: flex !important;}

#header.on02{background-color: #fff; border-bottom: 1px solid #DDD;}
#header .logo.on img{content: url(/wp-content/uploads/2025/07/logo-b.svg) !important;}
#header.on .header-menu nav .e-n-menu-item .e-n-menu-title-text{color: #000000 !important;}
#header.on02 .header-menu nav .e-n-menu-item .e-n-menu-title-text{color: #000000 !important;}
#header.on .menu-icon svg rect{fill: #0075C2 !important;}
#header.on .menu-icon svg path{stroke: #fff !important;}



/* ************************************************
********************* MAIN ************************
************************************************* */
.scroll_dot svg{position: relative; animation: move 1s ease-in-out 0s infinite alternate}
@keyframes move {
	0% {bottom: 5px;}
	100% {bottom: -15px;}
}

.side-menu{cursor: pointer; transition: all 0.3s !important;}
.side-menu:hover{color: #0075C2 !important;}

/* sec02 */
#sec02{background-position: right 47px top 147px;}
#sec02 .main-slide{position: relative;}
#sec02 .main-slide::after{content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; right: 100%; z-index: 1;}
#sec02 .main-slide .swiper{overflow: unset;}
#sec02 .main-slide .elementor-swiper-button{transform: unset; top: unset; bottom: -90px; opacity: 1;}
#sec02 .main-slide .swiper-pagination{width: calc(100% - 168px); top: unset; bottom: -62px; left: 50%; transform: translateX(-50%);}



/* ************************************************
********************** SUB ************************
************************************************* */
.sub-manu{ -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px);}
.sub-manu nav > ul > li > a{min-width: 160px; justify-content: space-between;}
.sub-manu nav > ul > li > a .sub-arrow{padding: 10px; margin-block-end: 0; margin-block-start: 0; background: url(/wp-content/uploads/2025/07/sub-menu-arrow.svg) no-repeat center / contain;}
.sub-manu .sub-menu{min-width: auto !important; width: 100% !important;}
.sub-manu .sub-menu a{justify-content: center !important; border-inline-start: 0 !important;}

/* about */
.about-box::after{content:""; padding:10px; position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px; box-sizing:border-box; background:linear-gradient(-45deg,rgba(0,117,194,1) 0%,rgba(0,117,194,0.3) 25%,rgba(0,117,194,0.6) 50%,rgba(0,117,194,0.7) 75%,rgba(0,117,194,1) 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:destination-out; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; pointer-events:none; z-index:2; opacity:0; transition:opacity .4s ease;}
.about-box:hover::after{opacity:1 !important;}
.about-blur-box{backdrop-filter: blur(7.5px) !important; transition:all .5s ease-in-out !important;}
.about-blur-box:hover h4, .about-blur-box:hover span, .about-blur-box:hover svg{color:#1C2628 !important; fill:#1C2628 !important;}
.about-blur-box:hover .elementor-widget-text-editor{color:#0075C2 !important;}

/* History */
.history-timeline .timeline-item__card-content{display:flex!important; align-items:center!important; gap:40px!important;}
.history-timeline .timeline-item__meta{width:120px !important;}
.his-maker::marker{content: "- " !important; color: #1C2628 !important; font-size: 1em !important;}
.his-ul{margin-bottom:0 !important; padding-left: 1.2em !important;}
.his-ul li{margin-bottom:8px !important;}
.his-ul li:last-child{margin-bottom:0px !important;}

/* certifications */
.about-table tr > th:first-child, .about-table tr > td:first-child{border-left:none !important;}
.about-table tr > th:last-child, .about-table tr > td:last-child{border-right:none !important;}

/* partner */
.about-partner-s .elementor-swiper-button{width:60px!important; height:60px!important; position:absolute; top:auto!important; bottom:0!important; transform:none!important; z-index:3; }
.about-partner-s .elementor-swiper-button-next.elementor-swiper-button{left:10% !important;}
.about-partner-s .swiper-pagination{display: flex !important; align-items:center !important; gap:10px !important; width:auto !important; height:60px !important; position: absolute !important; left: 5.4% !important; bottom: 0 !important; }
.about-partner-s .swiper-pagination-current{color:#0075C2 !important;}
.about-partner-s .raven-main-swiper{padding-top:0 !important;}
.about-partner-s .swiper, .about-partner-s .swiper-wrapper, .about-partner-s .swiper-slide {height:auto!important;}
.about-partner-s .raven-testimonial__image{overflow:hidden !important; width:560px !important; position:relative !important; aspect-ratio:4/3 !important; }
.about-partner-s img {display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; }

/* Business area */
.hover_card:hover .ba-card .elementor-cta__bg-wrapper .elementor-bg{transform: scale(1.1) !important;}
.hover_card:hover .ba-card .elementor-cta__bg-wrapper .elementor-cta__bg-overlay{background-color: #000000B0 !important;}

.tabs-width-auto .e-n-tabs-heading > button{flex:1 0 0!important; min-width:0!important;}
#tabsline-none{border-width:1px !important;}

.prd-hyphen-list{margin:0; padding:0; list-style:none; }
.prd-hyphen-list li{padding-left:1.25rem; line-height:1.6; word-break:keep-all; position:relative; }
.prd-hyphen-list li+li{margin-top:5px;}
.prd-hyphen-list li::before{content:"-"; font-weight:600; position:absolute; left:0; top:0; }
.prd-hyphen-list li a{text-decoration:underline !important;}

.CSM-down-btn a:hover svg path{fill: #fff !important;}

/* Protfolio */
.kboard-list-header, .kboard-thumbnail-poweredby{display:none !important;}

#port-board #kboard-thumbnail-list .kboard-list table { display:block; table-layout:auto; border-collapse:separate; }
#port-board #kboard-thumbnail-list .kboard-list thead { display:none; }
#port-board #kboard-thumbnail-list .kboard-list tbody { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; }
#port-board #kboard-thumbnail-list .kboard-list tbody tr { display:block; background:#fff; overflow:hidden; }
#port-board #kboard-thumbnail-list .kboard-list tbody td { display:block; padding:0; border:0; width:auto !important; height:auto; text-align:left; vertical-align:top; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-uid,
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-user,
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-date,
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-vote,
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-view { display:none; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail { position:relative; overflow:hidden; aspect-ratio:447/340; background:#FAFAFA; border:1px solid #eee; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail > a { display:block; width:100% !important; height:100% !important; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-thumbnail img { display:block; position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none !important; max-height:none !important; object-fit:cover;}
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-title { padding:16px 0px 18px; text-align:left; width:auto !important; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-title .kboard-thumbnail-cut-strings { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; white-space:normal; line-height:1.35; font-size:16px; font-weight:600; color:#111; }
#port-board #kboard-thumbnail-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color:#544DF5; font-weight:700; }

/* pro tab */
#pro-wrap #pro-btn-wrap{transform: translateY(-50%);}
#pro-wrap #pro-btn-wrap .pro-btn a{-webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px);}
.pro-btn a{-webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px);}
#pro-wrap #pro-btn-wrap .pro-btn a .raven-button-icon{opacity: 0; right: -100% !important;}
#pro-wrap #pro-btn-wrap .pro-btn.on a{width: 320px; padding-left: 34px; padding-right: 25px; background-color: #fff;}
#pro-wrap #pro-btn-wrap .pro-btn.on a .raven-button-text{color: #1C2628;}
#pro-wrap #pro-btn-wrap .pro-btn.on a .raven-button-icon{opacity: 1; right: 0 !important;}
#pro-wrap #pro-con-wrap .pro-con.on{display: flex; flex-direction: column;}

.pro-menu nav ul a.elementor-item-active{font-size: 70px !important;}

.pro-slide .swiper{overflow: unset;}
.pro-slide .swiper-pagination{display: flex; gap: 12px;}
.pro-slide .swiper-pagination .swiper-pagination-current{color: #0075C2 !important;}
.pro-slide .slide-img{aspect-ratio: 880 / 600;}
.pro-slide .slide-img img{width: 100%; height: 100%; object-fit: cover;}


/* ************************************************
******************* RESPONSIBILITY *****************
************************************************* */
@media (max-width:1070px){
  	.pro-menu nav ul a.elementor-item-active{font-size: 60px !important;}
}
@media (max-width:1024px){
	.br01{display: none;}

	#f-pc{display: none;}

	/* sec02 */
	#sec02{background-position: right 20px top 147px;}
	#sec02 .main-slide .elementor-swiper-button{bottom: -70px;}
	#sec02 .main-slide .swiper-pagination{width: calc(100% - 150px); bottom: -46px;}

	/* 	sub */
	.sub-manu nav > ul > li > a {min-width: 150px;}
	/* History */
	.history-timeline .timeline-item__card-content{gap:12px!important;}

	/* Protfolio */
	#port-board #kboard-thumbnail-list .kboard-list tbody {grid-template-columns:repeat(2, 1fr); gap:20px; }

	/* pro tab */
	#pro-wrap #pro-btn-wrap .pro-btn.on a{width: 260px; padding-left: 25px; padding-right: 25px; background-color: #fff;}

	.pro-menu nav ul a.elementor-item-active{font-size: 45px !important;}
}
@media (max-width:767px){
	.br02{display: none;}

	/* sec02 */
	#sec02{background-image: none;}
	#sec02 .main-slide .elementor-swiper-button{bottom: -60px;}
	#sec02 .main-slide .swiper-pagination{width: calc(100% - 115px); bottom: -42px;}

	/* History */
	.history-timeline .timeline-item__meta{width:auto !important;}
	.history-timeline .timeline-item__card-content{gap:8px!important; flex-direction: column !important; align-items: flex-start !important;}

	/* partner */
	.about-partner-s .raven-testimonial__image{width:100% !important;}
	.about-partner-s .raven-main-swiper{width:100% !important;}
	#swiper-wrapper-ea4a8647bdd3b636 > .swiper-slide{width:100% !important; margin-right:0 !important;}
	.about-partner-s .elementor-swiper-button-next.elementor-swiper-button{left:50% !important;}
	.about-partner-s .swiper-pagination{left: 28.5% !important;}
	
	/* Business area */
	.prd-hyphen-list li{padding-left:1rem;}

	/* Protfolio */
	#port-board #kboard-thumbnail-list .kboard-list tbody {grid-template-columns:repeat(2, 1fr); gap:8px; }

	/* pro tab */
	#pro-wrap #pro-btn-wrap .pro-btn.on a{width: 90px; padding-left: 10px; padding-right: 10px;}

}

@media (max-width:500px){
  	/* Protfolio */
	#port-board #kboard-thumbnail-list .kboard-list tbody {grid-template-columns:repeat(1, 1fr); gap:20px; }
}