/* 폰트 */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-Bold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2508-1@1.0/MinSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'MinSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/MinSans-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
html, body{font-family: "MinSans", sans-serif !important;font-size: 20px;word-break: keep-all;word-wrap: break-word;}
html, body {
    overflow-x: hidden;
}
#nt_sidebar_move{display: none !important;}
.nt-container{max-width: unset !important;width: 100%;}
li{list-style: none;}
img{max-width: 100%;}
p{padding:0;margin:0;word-break: keep-all !important;}
.row{margin: 0;}
input,
input:focus,
select:focus{box-shadow: none !important; border: 1px solid var(--color) !important;}
.label-cap{background-color: var(--color) !important; font-size: 12px; font-weight: 400; font-family: "Pretendard Variable", sans-serif !important;}
.line-br {display: block;}
@media all and (max-width:1024px){
    html,body{font-size: 18px;}
}

/* 기본 커서 숨기기 */
body { cursor: none; }

/* 커스텀 커서 */
.custom-cursor {position: fixed;top: 0; left: 0;width: 20px; height: 20px;border-radius: 50%;background: rgba(255, 255, 255, 1);pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);transition: width 0.35s ease, height 0.35s ease, background 0.35s ease, opacity 0.3s ease;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;opacity: 0.9;mix-blend-mode: difference; }
.custom-cursor span {opacity: 0;transition: opacity 0.25s ease;pointer-events: none;}
.custom-cursor.active {width: 120px; height: 120px;background: rgba(255, 255, 255, 1);color: #000;}
.custom-cursor.active span {opacity: 1;}
/* 커스텀 커서 끝 */

a:hover, a:focus, a:active {color:#000 !important}




:root{
    --color:#3F49FE;
    --font-Outfit: "Outfit", sans-serif;
}


/* scroll Bar */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background-color: var(--color); }
body::-webkit-scrollbar-track { background-color: #f9f9f9; }



/* 게시판 페이징 */
#bo_list_wrap .pagination li{width: auto; min-width: 30px;}
.page-link{border: 0 !important; font-size: var(--font18); color: #7E7E7E; padding: 0 !important; height: 100%; line-height: 30px; text-align: center;}
.page-link:hover{background: transparent !important;}
.page-link:focus{box-shadow: none !important;}
.page-item:first-child .page-link,
.page-item:last-child .page-link{display: flex; justify-content: center; align-items: center;}
.page-item:first-child .page-link:hover img{content: url('/img/pg_prev_btn_on.svg');}
.page-item:last-child .page-link:hover img{content: url('/img/pg_next_btn_on.svg');}
.page-link img{max-width: 100%;}
.page-item.active .page-link{border: 0 !important; color: var(--color) !important; font-weight: 600;background: #fff !important;}





/* header 시작 */
#header {width: 100%;height: 110px;border-bottom: 1px solid transparent;position: absolute;top: 0;left: 0;z-index: 999;transition: .35s;background: #fff;}
#header.scrolled {background: rgba(0,0,0,.8);}
#header.hide {display: none;}
.header__nav {height: 100%;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {display: flex;justify-content:space-between;align-items: center;gap: 0 50px;max-width: 1600px;margin:0 auto;width:92%;height: 100%;position: relative;}
.header__nav .header__logo {}
.header__nav .header__logo a{}
.header__nav .header__logo a img {max-width: 100%;}
#main-nav {height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 [class*=mn-a]:not(.mn-a1):hover{text-decoration: underline;text-underline-offset: 6px;}
.main-nav__depth1 .mn-ul1 {display: flex;height: 100%;}
.main-nav__depth1 .mn-li1 {position: relative;display: flex;align-items: center;width:150px;justify-content: center;}
.main-nav__depth1 .mn-a1 {display: flex;justify-content: space-evenly;align-items: center;width: 120px;color: #000;font-size:20px;text-align: center;font-weight:500; transition:.5s}
.main-nav__depth1 .mn-li1:last-child .mn-a1{color: #fff;background: var(--color);border-radius: 30px;padding: 10px 0;}
.main-nav__depth1 .mn-li1.on .mn-a1{color: var(--color);}
.main-nav__depth1 .mn-li1:last-child.on .mn-a1 {color:#fff}
.main-nav__depth2 {width: 100%;padding: 20px 0;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 100;text-align: center;visibility: hidden;opacity: 0;transition: visibility 0.35s, opacity 0.35s ease-in-out;}
.main-nav__depth2 .mn-ul2 {width: 100%;}
.main-nav__depth2 .mn-li2:not(:last-child) {margin-bottom: 20px;}
.main-nav__depth2 .mn-a2 {display: block;font-size: 18px;font-weight: 500;text-align: center;}
.main-nav__depth2 .mn-a2:hover {background: #065C8C;color: #fff;}
.main-nav__depth3 .mn-ul3 {width: 100%;margin: 10px 0 0;}
.main-nav__depth3 .mn-li3:not(:last-child) {margin-bottom: 15px;}
.main-nav__depth3 .mn-a3 {display: block;font-size: 16px;}
.main-nav__depth3 .mn-a3:hover {color: #fff;}
.main-nav__depth1:hover .main-nav__depth2, 
.main-nav__depth1:hover .main-nav__depth3 {visibility: visible;opacity: 1;}

.header__nav .nav__btn {display: none;}
.header__nav .nav__btn a {display: flex;align-items: center;width: 40px;height: 23px;position: relative;}
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after {content: '';display: block;width: 100%;height: 1px;background: #000;position: absolute;left: 0;right: 0;margin: auto;}
.header__nav .nav__btn a::before {top: 0;}
.header__nav .nav__btn a::after {bottom: 0;}
.header__nav .nav__btn a span{display: block;width: 100%;height: 1px;background: #000;}
.nav-bg {width: 100%;height: 0;background: #fff;position: absolute;top: 100%;left: 0;opacity: 0;transition: height 0.35s ease-in-out, opacity 0.35s ease-in-out;/* z-index: 98; */}

#header.active {border-bottom: 1px solid #eee;background: #fff;}
#header.active .main-nav__depth1 .mn-a1 {color: #000;}
#header.active .main-nav__depth1 .mn-li1:last-child .mn-a1 {color: #fff;}
#header.active .main-nav__depth1 .mn-li1:hover .mn-a1 {color:var(--color)}
#header.active .main-nav__depth1 .mn-li1 .mn-a1{font-weight: 500;}
#header.active .main-nav__depth1 .mn-li1:last-child:hover .mn-a1{padding-left:30px; width:150px;transition:.5s;color:#fff!important;text-align: right;position:relative}
#header.active .main-nav__depth1 .mn-li1:last-child:hover .mn-a1:before {position:absolute;content:''; width:20px; aspect-ratio: 1/1;border:3px solid #fff; border-radius: 50%;left:10px;top:50%;transform: translateY(-50%);transition:.5s;}
#header.active .header__nav .nav__btn a::before, 
#header.active .header__nav .nav__btn a::after,
#header.active .header__nav .nav__btn a span {background: #000;}

/* 서브 페이지 header */
#header.sub-header {border-bottom: 1px solid #C4C4C4;background: #fff;position: relative;top: auto;left: auto;}
/* #header.sub-header .main-nav__depth1 .mn-li1:last-child .mn-a1{background: var(--color);color: #fff;}
#header.sub-header.active .main-nav__depth1 .mn-li1:last-child .mn-a1{background: #fff;color: #000;}
#header.sub-header .header__nav .lang button {color: #333;}
#header.sub-header .header__nav .lang button::after {background: url(../img/arrow_b.svg) center center / cover no-repeat;}
#header.sub-header .header__nav .nav__btn a::before, 
#header.sub-header .header__nav .nav__btn a::after,
#header.sub-header .header__nav .nav__btn a span {background: #333;}
#header.sub-header .header__nav .nav__btn {display: none;} */
@media all and (max-width: 1900px){
    /* .header__nav .cinner {margin: 0 50px;} */
}
@media all and (max-width: 1599px){
    /* .header__nav .cinner {margin: 0 40px;} */
}
@media all and (max-width: 1199px){
    #main-nav {display: none;}
    .header__nav .cinner {gap: 0 30px;}
    #main-nav,
    .header__gnb {display: none;}
    .header__nav .nav__btn {display: block;}
    #header {height: 80px;}
    .header__nav .header__logo a img {max-width: 85%;}
}
@media all and (max-width: 768px){
    /* .header__nav .cinner {margin: 0 20px;} */
}
@media all and (max-width: 640px){
    .header__nav .nav__btn a {width: 32px;}
}
/* header 끝 */




.fixedbar_wrap {width: 92%;position: fixed;bottom: 60px;z-index: 1000;max-width: 1600px;left: 50%;transform: translateX(-50%);}
.fixedbar_wrap .fixedbar{display: flex;align-items: center;justify-content: space-between;}.fixedbar_wrap .fixedbar li{}
.fixedbar_wrap .fixedbar li a{display: flex;align-items: center;gap:10px; font-family: 'GMarketSans';font-weight:bold; font-size: 1.1em;}
.fixedbar_wrap .fixedbar li:first-child img {}
.fixedbar_wrap .fixedbar li:first-child a img {transition: transform 0.6s ease;}
.fixedbar_wrap .fixedbar li:first-child:hover a img {transform: rotate(180deg);}

/* 푸터 */
/* footer{background: var(--color); padding: 50px 0; text-align: center;}
footer .ftBox{}
footer .ftBox .fttop{display: flex; justify-content: space-between; align-items: center; gap: 40px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff;}
footer .ftBox .fttop .fttop_left{display: flex; align-items: center; gap: 60px;}
footer .ftBox .fttop .fttop_left .ftlogo{display: flex; flex-direction: column; gap: 10px;}
footer .ftBox .fttop .fttop_left .ftinfo{text-align: left; color: #fff;}
footer .ftBox .fttop .fttop_left .ftinfo>p{font-size: 14px; font-weight: 600; margin-bottom: 10px; line-height: 1; word-break: keep-all;}
footer .ftBox .fttop_left .ftinfo ul{display: flex; flex-wrap: wrap; justify-content: start; column-gap: 20px;}
footer .ftBox .fttop_left .ftinfo ul.company_info{margin-bottom: 10px;}
footer .ftBox .fttop_left .ftinfo .address_info ul{margin-bottom: 5px;}
footer .ftBox .fttop_left .ftinfo .address_info ul:last-child{margin-bottom: 0px;}
footer .ftBox .fttop_left .ftinfo ul li{font-size:14px; font-weight: 400;position: relative; word-break: keep-all;}
footer .ftBox .fttop_left .ftinfo ul li::before{content: ''; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: #fff;}
footer .ftBox .fttop_left .ftinfo ul li:last-child::before{display: none;}
footer .ftBox .ftbot{display: flex; justify-content: space-between; align-items: center;}
footer .ftBox .ftbot .ftbot_copy p{font-size:14px; color: #fff; word-break: keep-all;}
footer .ftBox .ftbot .ftbot_link{display: flex; align-items: center; gap: 10px;}
footer .ftBox .ftbot .ftbot_link li{list-style: none; position: relative;}
footer .ftBox .ftbot .ftbot_link li::before{content: ''; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width: 2px; height: auto; aspect-ratio: 1 / 1; border-radius: 50px; background: #fff;}
footer .ftBox .ftbot .ftbot_link li:last-child::before{display: none;}
footer .ftBox .ftbot .ftbot_link li a{font-size: 14px; font-weight: 400; color: #fff; display: block; word-break: keep-all;}
@media all and (max-width:1400px){
    footer .ftBox .fttop{flex-direction: column; gap: 20px;}
    footer .ftBox .fttop .fttop_left{width: 100%;}
    footer .ftBox .fttop .fttop_right{width: 100%; text-align: right;}
}
@media all and (max-width:1024px){
    footer .ftBox .fttop .fttop_left{gap: 20px; flex-direction: column;}
    footer .ftBox .fttop .fttop_left .ftlogo{flex-direction: row; width: 100%;}
    footer .ftBox .fttop .fttop_left .ftinfo{width: 100%;}
}
@media all and (max-width:960px){
    footer .ftBox .ftbot{flex-direction: column-reverse; gap: 5px;}
    footer .ftBox .fttop_left .ftinfo ul{flex-direction: column; column-gap: 0; gap: 5px;}
    footer .ftBox .fttop_left .ftinfo ul.company_info{margin-bottom: 20px;}
    footer .ftBox .fttop_left .ftinfo .address_info ul{margin-bottom: 10px;}
    footer .ftBox .fttop_left .ftinfo ul li::before{display: none;}
}
@media all and (max-width:500px){
    footer .ftBox .fttop .fttop_right{display: flex; justify-content: space-between;} 
} */

#top_btn {display: none;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background: rgba(255,255,255,0.8);}
#top_btn:hover {border-color:var(--color);background:var(--color);color:#fff}



/* 푸터시작 */
#footer{background:url(../img/main_footer_bg.png)no-repeat ; background-size:cover; padding:170px 0 85px;}
#footer .footer_wrap {width:92%; max-width:1600px; margin:0 auto;}
#footer .footer_wrap .footer_top{margin-bottom:70px;}
#footer .footer_wrap .footer_mid{margin-bottom: 20px;display: flex;flex-direction: column;gap:5px;}
#footer .footer_wrap .footer_mid div{display: flex;gap: 25px;}
#footer .footer_wrap .footer_mid div span {font-size: 0.9em;color:#212121}
#footer .footer_wrap .footer_bottom{display:flex;flex-direction: column;}
#footer .footer_wrap .footer_bottom span{display:block;font-size: 0.9em;color:#212121}
/* 푸터 끝 */




/* 메인페이지 시작 */
.inner {max-width:1600px;width:92%; margin:0 auto; padding:200px 0; position:relative}
#main .cont1 {background: url(../img/main_con1bg_.png) no-repeat;height: 100vh;position: relative;overflow: hidden;background-size: cover;background-position: center center;padding-top:110px;box-sizing: border-box;}
#main .cont1 .cont_title {}
#main .cont1 .cont_title h2 {width: 92%;max-width: 1600px;text-align: left;margin: 0 auto;font-weight: bold;font-size: 3em;margin-top: 60px;margin-bottom:30px;}
#main .cont1 .cont_title .swiper {}
#main .cont1 .cont_title .swiper .swiper-slide{font-size: 2em; color:#E4E4E4;font-weight:bold;white-space: nowrap;         }
#main .cont1 .cont_title .swiper .swiper-slide.long-txt {margin-right:250px!important}
#main .cont1 .cont_title .swiper .swiper-slide.swiper-slide-next{color:#000}

#main .cont1 .service-inner  {position: absolute;z-index: 100;left: 50%;padding-left: 200px;top: 50px;}
#main .cont1 .service-inner p {font-size: 1.1em;color: #fff;margin-bottom: 20px;}
#main .cont1 .service-hero {position: absolute;width: 100%;height: 50%;bottom:0; left:0;}
/* #main .cont1 .bg-wave {position: absolute;inset: 0;z-index: 1;pointer-events: none;height:100%;top:0;left:0; right:0; overflow: hidden;border-top:1px solid rgba(255,255,255,.3)}
#main .cont1 .bg-wave::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(to right,rgba(255,255,255,0.9) 0px,rgba(255,255,255,0.9) 1px,rgba(120,170,220,0.35) 1px,rgba(120,170,220,0) 4px,rgba(120,170,220,0) calc(100%/20));background-size: calc(100% / 20) 100%;opacity: 0.35;z-index: 2;filter: drop-shadow(0 0 4px rgba(255,255,255,0.25));}
#main .cont1 .bg-wave::after {content: "";position: absolute;inset: -5%;background: rgba(255,255,255,0.1);backdrop-filter: blur(22px);-webkit-backdrop-filter: blur(22px);animation: wave-blur 5s ease-in-out infinite alternate; z-index: 1;} */

@keyframes wave-blur {
  0%   { transform: scale(1) translate(0, 0); opacity: 0.9; }
  30%  { transform: scale(1.07) translate(2%, -2%); opacity: 1; } 
  60%  { transform: scale(0.95) translate(-2%, 2%); opacity: 0.9; }
  100% { transform: scale(1.04) translate(1%, -1%); opacity: 1; }
}



.cont2 {position:relative;min-height:100vh;display:flex; align-items:center; justify-content:center;background:#fff; color:#000;overflow:clip;margin-bottom:100px;}
.cont2 .slogan-inner {display: flex;flex-direction: column;align-items: center;gap: 50px;}
.cont2 .slogan-inner .slogan-title{gap: 20px;display:flex; align-items:baseline; justify-content:center;font-weight:800;font-size: clamp(40px, 8vw, 100px);line-height:1.02;white-space:nowrap;}
.cont2 .slogan-inner .slogan-title .slogan-left, .cont2 .slogan-inner .slogan-title .slogan-right{color:#000;will-change: color, opacity;}
.cont2 .slogan-inner .slogan-title .slogan-middle{display:inline-block;width:0;overflow:hidden;opacity:0;transform: translateY(6px);color:#000;}
.cont2 .slogan-inner .slogan-title .slogan-middle-clip{display:inline-block;white-space:nowrap;clip-path: inset(0 50% 0 50%);  will-change: clip-path;font-size:80px;}
.cont2 .slogan-inner .slogan-info{height: 0;overflow: hidden;opacity: 0;transform: translateY(12px);}
.cont2 .slogan-inner .slogan-info .info-inner{display: grid;place-items: center;gap: 76px;text-align: center;}
.cont2 .slogan-inner .slogan-info .info-inner .slogan-actions {display:flex;align-items:center}
.cont2 .slogan-inner .slogan-info .slogan-desc,.cont2 .slogan-inner .slogan-info .slogan-cta{color:#000;opacity:0; transform: translateY(12px);display:inline-block;font-size: clamp(16px, 2.2vw, 23px);}
.cont2 .slogan-inner .slogan-info .slogan-cta{margin-left: clamp(10px, 1.2vw, 16px);border-radius: 50px;color:#000; border:2px solid #000;padding: 15px 20px;;display: flex;align-items: center;gap: 50px;}
.cont2 .slogan-inner .slogan-info .slogan-cta:last-child  {background: #000;color: #fff;}
.cont2 .slogan-inner .slogan-info .slogan-cta:last-child:hover {color:#fff!important}




/* .content.cont3{}
.cont3 > h2{font-family: 'GMarketSans';font-size: 5em;font-weight: bold;margin: 100px 0 50px;text-align: center;}
.cont3 .portfolio_wrap ul{gap: 20px;display: flex;flex-wrap: wrap;}
.cont3 .portfolio_wrap ul li{width: calc(100% / 3 - 15px);border-radius: 20px;overflow: hidden;}
.cont3 .portfolio_wrap ul li img{}

.cont3 .portfolio_wrap.second{display:flex; }
.cont3 .portfolio_wrap.second ul {}
.cont3 .portfolio_wrap.second ul li {}
.cont3 .portfolio_wrap.second ul li img{} */

.content.cont3{position: relative;background:#fff;transition: background-color 0.6s ease;overflow:hidden;z-index:0;}
.cont3 > h2{font-family: 'GMarketSans';font-size: 5em;font-weight: bold;margin: 100px 0 50px;text-align: center;position:relative;z-index:2;}
.portfolio_circle_overlay{position:fixed;inset:0;pointer-events:none;z-index:3;}
.portfolio_circle_overlay .circle{position:absolute;top:50%;left:50%;width:220px;height:220px;border-radius:50%;background:#000;transform:translate(-50%,-50%) scale(0);transform-origin:center center;}
.cont3 .portfolio_wrap.first{position:relative;z-index:1;}
.cont3 .portfolio_wrap.first ul{gap: 20px;display: flex;flex-wrap: wrap;}
.cont3 .portfolio_wrap.first ul li{width: calc(100% / 3 - 15px);border-radius: 20px;overflow: hidden;}
.cont3 .portfolio_wrap.first ul li img{width:100%;display:block;}
.cont3 .portfolio_wrap.second{position: relative;margin-top: 140px;height: 100vh;display: flex;align-items: center;overflow: hidden;padding: 0 40px;box-sizing: border-box;z-index:1;}
.cont3 .portfolio_wrap.second ul {
    display: flex;
    gap: 12px;
}

.cont3 .portfolio_wrap.second ul li {
    flex: 0 0 calc((100% - 24px) / 3); /* gap 12px * 2 = 24px */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    transform-origin: center;
}
.cont3 .portfolio_wrap.second ul li img{width: 100%;height: 100%;object-fit: cover;display: block;}



.cont4 .cont_title {display: flex;margin-bottom: 40px;justify-content: space-between;align-items: flex-end;}
.cont4 .cont_title .title_left {display: flex;gap: 65px;align-items: center;}
.cont4 .cont_title .title_left h2 {font-family: 'GMarketSans';font-size: 3.5em;font-weight: bold}
.cont4 .cont_title .title_left .swiper_btn_wrap {display: flex;gap: 30px;}
.cont4 .cont_title p {font-size:23px;}
.cont4 .swiper {}
.cont4 .swiper .swiper-wrapper {}
.cont4 .swiper .swiper-wrapper .swiper-slide{width:25%;aspect-ratio: 1/1; display:flex;justify-content: center;align-items: center; transition:.5s}
.cont4 .swiper .swiper-wrapper .swiper-slide:hover {background:#212121; transition:.5s}
.cont4 .swiper .swiper-wrapper .swiper-slide img.hover_img  {display:none}
.cont4 .swiper .swiper-wrapper .swiper-slide:hover img {display:none}
.cont4 .swiper .swiper-wrapper .swiper-slide:hover img.hover_img {display:block}
.cont4 .swiper .swiper-wrapper .swiper-slide.unhover:hover img {display:block}
/* 메인페이지 끝 */