@charset "UTF-8";

/* sub-line */
.sub-line{height:2px; margin:64px 0; background-color:var(--color-gray-e);}
@media (max-width:1023px){
    .sub-line{margin:32px 0;}
}

/* business-list */
.business-tab{margin-bottom:48px;}
.business-list ul{display:flex; flex-wrap:wrap;gap:48px 24px;}
.business-list ul li{overflow:hidden; width:calc(calc(100% - 72px) / 4); border-radius:8px; transition:0.25s ease-in-out;}
.business-list ul li .business-img{overflow:hidden; border-radius:8px;}
.business-list ul li .business-img img{width:100%;}
.business-list ul li .business-category{margin:24px 0 12px; color:var(--color-primary); font-size:16px; font-weight:500;}
.business-list ul li .business-category span{display:inline-flex; height:32px; margin-bottom:4px; padding:0 16px; border-radius:8px; background-color:#EAF2FC; color:inherit; font-size:inherit; font-weight:500; backdrop-filter:blur(2px);align-items:center;}
.business-list ul li .business-title{color:var(--color-gray-2); font-size:20px; font-weight:500; word-break:keep-all;}
.business-list ul li .business-date{margin-top:12px; color:var(--color-gray-8); font-size:16px; font-weight:500;}
/*.business-list ul li:hover{padding:12px; background-color:var(--color-gray-f4);}*/
.business-swiper-box{position:relative;}
.business-swiper-box ul{gap:0 !important;flex-wrap:nowrap;}
.business-swiper-box .swiper-button-prev,
.business-swiper-box .swiper-button-next{display:none;}
.business-list + .paging{margin-top:96px;}
@media (max-width:1023px){
    .business-tab{margin-bottom:32px;}
    .business-list ul{gap:32px 12px;}
    .business-list ul li{width:calc(calc(100% - 36px) / 4);}
    .business-list ul li .business-category{margin:16px 0 8px; font-size:14px;}
    .business-list ul li .business-title{font-size:16px;}
    .business-list ul li .business-date{margin-top:8px; font-size:14px;}
    .business-list ul li:hover{padding:8px;}
    .business-list + .paging{margin-top:64px;}
}
@media (max-width:767px){
    .business-list ul li{width:100%;}
    .business-swiper-box .swiper-button-prev,
    .business-swiper-box .swiper-button-next{display:block; top:0; bottom:98px; width:32px; height:32px; margin:auto 0; border-radius:50%; background-color:rgba(255,255,255,0.6); transition:0.25s ease-in-out;}
    .business-swiper-box .swiper-button-prev:after,
    .business-swiper-box .swiper-button-next:after{display:none;}
    .business-swiper-box .swiper-button-prev .icon,
    .business-swiper-box .swiper-button-next .icon{margin:4px 0 0 4px;}
    .business-swiper-box .swiper-button-prev{left:10px;}
    .business-swiper-box .swiper-button-next{right:10px;}
    .business-swiper-box:hover ul li{padding:12px; background-color:var(--color-gray-f4);}
    .business-swiper-box:hover .swiper-button-prev{left:20px;}
    .business-swiper-box:hover .swiper-button-next{right:20px;}
}
@media (max-width:399px){
    .business-swiper-box .swiper-button-prev,
    .business-swiper-box .swiper-button-next{bottom:122px;}
}

/* service */
.service-list{display:flex; gap:8px;}
.service-list li{display:flex;}
.service-list.n1{flex-direction:column;}
.service-list.n1 li{height:64px; padding:16px 24px; border-radius:8px; background-color:#F7F8F8; color:var(--color-gray-2); font-size:20px; font-weight:500; gap:12px;align-items:center;}
.service-list.n1 li span{font-size:24px; font-weight:500;}
.service-list.n2 li{min-height:160px; padding:20px 24px; border-radius:8px; background-color:var(--color-gray-f4); color:var(--color-primary); font-size:20px; font-weight:600; flex-direction:column;gap:8px;flex:1 0 0;}
.service-list.n2 li span{color:inherit; font-size:inherit; font-weight:inherit;}
.service-list.service-col-4, .service-list.service-col-3{flex-wrap: wrap;}
.service-list.service-col-3 li{flex: unset;width: calc((100% / 3) - 8px);}
.service-list.service-col-4 li{flex: unset;width: calc((100% / 4) - 8px);}
.service-cont{display:flex; gap:24px;justify-content:center;align-items:center;}
.service-cont .n1{display:flex; padding:8px 0; justify-content:center;align-items:center;gap:24px;}
.service-cont .n1 p{color:var(--color-primary); font-size:24px; font-weight:700;text-align: center;}
.service-cont .icon.icon-forward-primary{width:48px; height:48px;}
.service-cont .n2{display:flex; padding:40px; border-radius:120px; background-color:#EDEEF1; justify-content:center;align-items:center;gap:12px;}
.service-cont .n2 p{display:flex; width:160px; height:160px; border-radius:50%; background-color:var(--color-white); color:var(--color-primary); font-size:20px; font-weight:700; flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.service-cont .n2 .icon{width:24px; height:24px; flex-shrink:0;}
.service-cont .icon-equals-primary{width:24px; height:24px; flex-shrink:0;}
.service-cont .n3{display:flex; width:325px; height:160px; padding:20px; border-radius:80px; background-color:var(--color-white); flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;}
.service-cont.type2 .n3{width: 480px;}
.service-cont.type3 .n3{width: 410px;}
.service-cont .n3 p{color:var(--color-primary); font-size:24px; font-weight:700; text-align:center;}
@media (max-width:1518px){
    .service-cont{flex-direction:column;gap:12px;}
    .service-cont .n1{flex-direction:column;gap:12px;}
    .service-cont .icon.icon-forward-primary{transform:rotate(90deg);}
    .service-cont .icon-equals-primary{margin:16px 0; transform:rotate(90deg);}
}
@media (max-width:1023px){
    .service-list.n1 li{padding:16px; font-size:14px;}
    .service-list.n1 li span{font-size:16px;}
    .service-list.n2{flex-direction:column;}
    .service-list.n2 li{width:100%;min-height:100px; padding:16px 20px; font-size:14px; gap:4px;}
    .service-list.n2 li span{font-size:16px;}
    .service-cont{gap:0;}
    .service-cont .n1{gap:8px;}
    .service-cont .n1 p{font-size:16px;}
    .service-cont .icon.icon-forward-primary{width:24px; height:24px;}
    .service-cont .n2{width:320px; padding:12px; gap:4px;}    
    .service-cont .n2 p{width:56px; height:56px; font-size:14px;}
    .service-cont.type2 .n2 {width:352px;}
    .service-cont.type3 .n2 {width:264px;}
    .service-cont.type2 .n2 p,
    .service-cont.type3 .n2 p{width:64px; height:64px;}
    .service-cont .n2 .icon{width:16px; height:16px;}
    .service-cont .icon-equals-primary{width:16px; height:16px; margin:8px 0;}
    .service-cont .n3{width:320px; height:80px;}    
    .service-cont.type2 .n3{width:352px;}    
    .service-cont.type3 .n3{width:264px;}    
    .service-cont .n3 p{font-size:16px;}
}

/* organ-wrap */
.organ-wrap .organ-text,.sub-sec-tit{color:var(--color-gray-2); font-size:32px; font-weight:500;}
.organ-wrap .organ-date{margin-top:12px; color:var(--color-gray-6); font-size:16px; font-weight:500;}
.organ-wrap .organ-box{margin-top:48px; padding:64px; border-radius:16px; background-color:var(--color-gray-fa);}
.organ-wrap .organ-box ul{position:relative;}
.organ-wrap .organ-box ul li{position:relative;}
.organ-wrap .organ-box ul li div{position:relative;}
.organ-wrap .organ-box .depth0{display:flex; flex-direction:column;align-items:center;}
.organ-wrap .organ-box .depth0 li.n1 .depth1 li div{display:flex; width:200px; height:200px; border-radius:50%; background-color:var(--color-primary); color:var(--color-white); font-size:24px; font-weight:500; flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.organ-wrap .organ-box .depth0 li.n1 .depth1 li div span{color:inherit; font-size:32px; font-weight:700;}
.organ-wrap .organ-box .depth0 li.n2{width:100%; max-width:832px; margin-top:64px;}
.organ-wrap .organ-box .depth0 li.n2:before{position:absolute; top:0; left:0; right:0; bottom:0; height:2px; margin:auto 0; background-color:var(--color-gray-a); content:'';}
.organ-wrap .organ-box .depth0 li.n2 .depth1{display:flex; justify-content:space-between;align-items:center;}
.organ-wrap .organ-box .depth0 li.n2 .depth1 li div{display:flex; width:240px; height:64px; padding:8px 16px; border-radius:4px; background-color:#4772C7; color:var(--color-white); font-size:20px; font-weight:700; flex-direction:column;justify-content:center;align-items:center;}
.organ-wrap .organ-box .depth0 li.n3{display:flex; margin-top:128px;}
.organ-wrap .organ-box .depth0 li.n3:before,
.organ-wrap .organ-box .depth0 li.n3:after{position:absolute; background-color:var(--color-gray-a); content:'';}
.organ-wrap .organ-box .depth0 li.n3:before{top:-64px; left:0; right:0; width:calc(100% - 240px); height:2px; margin:0 auto;}
.organ-wrap .organ-box .depth0 li.n3:after{left:0; right:0; bottom:calc(100% + 64px); width:2px; height:192px; margin:0 auto; background-color:var(--color-gray-a);}
.organ-wrap .organ-box .depth0 li.n3 .depth1{display:flex; width:1152px; justify-content:space-between;}
.organ-wrap .organ-box .depth0 li.n3 .depth1 li{display:flex; flex-direction:column;gap:32px;}
.organ-wrap .organ-box .depth0 li.n3 .depth1 li div{display:flex; width:240px; height:64px; padding:8px 16px; border:2px solid #4772C7; border-radius:4px; background-color:var(--color-white); color:#4772C7; font-size:20px; font-weight:600; justify-content:center;align-items:center;}
.organ-wrap .organ-box .depth0 li.n3 .depth1 > li:before{position:absolute; top:-64px; left:0; right:0; bottom:64px; width:2px; margin:0 auto; background-color:var(--color-gray-a); content:'';}
.organ-wrap .organ-box .depth0 li.n3 .depth1 > li > div{background-color:#ECF3FF;}
.organ-wrap .organ-box .depth0 li.n3 .depth2{display:flex; flex-direction:column;gap:32px;}
@media (max-width:1299px){
    .organ-wrap .organ-box .depth0 li.n2{max-width:668px;}
    .organ-wrap .organ-box .depth0 li.n2 .depth1 li div{width:200px;}
    .organ-wrap .organ-box .depth0 li.n3:before{width:calc(100% - 200px);}
    .organ-wrap .organ-box .depth0 li.n3 .depth1{width:900px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 li div{width:200px;}

}
@media (max-width:1023px){
    .organ-wrap .organ-text,.sub-sec-tit{font-size:16px;}
    .organ-wrap .organ-date{font-size:14px;}
    .organ-wrap .organ-box{margin-top:32px; padding:48px 0;}
    .organ-wrap .organ-box .depth0 li.n1 .depth1 li div{width:140px; height:140px; font-size:16px; gap:0;}
    .organ-wrap .organ-box .depth0 li.n1 .depth1 li div span{font-size:20px;}
    .organ-wrap .organ-box .depth0 li.n2{width:328px; margin:auto;margin-top:48px;}
    .organ-wrap .organ-box .depth0 li.n2 .depth1 li div{width:140px;height:48px; font-size:16px;}
    .organ-wrap .organ-box .depth0 li.n3{margin-top:48px;}
    .organ-wrap .organ-box .depth0 li.n3:before{top:24px; width:calc(100% - 140px);}
    .organ-wrap .organ-box .depth0 li.n3:after{bottom:calc(100% - 24px); height:168px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1{width:auto; gap:48px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 li{gap:24px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 li div{width:140px; height:48px; font-size:16px;white-space: nowrap;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 > li:before{top:48px; bottom:48px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 > li > div{}
    .organ-wrap .organ-box .depth0 li.n3 .depth2{gap:24px;}
}
@media (max-width:767px){
    .organ-wrap .organ-box{margin-right:-16px; margin-left:-16px; padding-right:16px; padding-left:16px; border-radius:0;}
    .organ-wrap .organ-box .depth0 li.n3{width:328px; margin-right:auto; margin-left:auto;}
    .organ-wrap .organ-box .depth0 li.n3:after{bottom:167px; height:409px;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1{flex-wrap:wrap;}
    .organ-wrap .organ-box .depth0 li.n3 .depth1 > li:nth-child(4) > div:before{position:absolute; top:0; right:calc(100% + 2px); bottom:0; width:48px; height:2px; margin:auto 0; background-color:var(--color-gray-a); content:'';}
}
@media (max-width:360px){
	
.organ-wrap .organ-box .depth0{    min-width: 328px;}
	}
/* ceo-introduce */
.ceo-introduce{display:flex;gap:80px;}
.ceo-introduce .ceo-introduce-img{width:480px; flex-shrink:0; object-fit:cover;}
.ceo-introduce .text-topbox .large{font-size:32px; margin-bottom:32px; font-weight: 600;}
.ceo-introduce .text-primary-700{font-size:48px; margin-bottom: 48px; font-weight: 500;color: var(--color-gray-2);}
.ceo-introduce .text-box h4{font-size:48px; font-weight:600; line-height:1.4; margin-bottom:0;}
.ceo-introduce .text-box h4 span{display:block;}

@media (max-width:1023px){
    .ceo-introduce{flex-direction:column; align-items:center;gap:40px;}
    .ceo-introduce .ceo-introduce-img{display: flex;justify-content: center;width:100%;padding:0 32px;}
    .ceo-introduce .ceo-introduce-img img{border-radius:8px;}
    .ceo-introduce .text-topbox{flex-direction:column; align-items:center; width: auto; height: auto; padding-left:0px;}
    .ceo-introduce .text-primary-700{font-size:20px; margin-bottom: 24px;}
    .ceo-introduce .text-topbox .large{font-size:16px; margin-bottom:24px;}    
    .ceo-introduce .text-topbox .text-box p{font-size: 14px;}
}


/* partner--wrap */
.partner-wrap{font-size: 32px;}
.partner-wrap .partner-text{color:var(--color-gray-2); font-size:32px; font-weight:500;}
.partner-box{margin-top:32px;}


.partner-box ul {display: flex;flex-wrap: wrap;gap: 24px;}
.partner-box ul li{width: calc((100% - 72px) / 4);}
.partner-box ul li a{display: flex;flex-direction:column;gap:20px;border: 1px solid transparent;padding: 16px;border-radius:8px ;background-color: #F7F8F8;transition:all 0.2s ease-in-out;height:100%;text-align:center;}
.partner-box ul li a:hover{border: 1px solid #ddd;background-color: #fff;}

.partner-box ul li a .img{display: flex;align-items: center;justify-content: center;width: 100%;background-color: #fff;border-radius: 4px;height: 120px;padding:0 20px}
.partner-box ul li a .img img{max-height: 24px;}
.partner-box ul li a:hover .img{background-color: #F7F8F8;}
.partner-box ul li a .tit{display: flex;justify-content: center;align-items: center;gap: 8px;color: var(--color-gray-2);    font-size: 20px;    font-weight: 500;}
.partner-box ul li a .icon{width: 0px;background-image:url('../images/common/icon_link_blank.svg');}
.partner-box ul li a:hover .icon{width: 24px;}

@media (max-width:1023px){
    .partner-wrap{font-size: 16px;}
    .partner-box ul{display: flex; gap: 8px; flex-wrap: wrap;}
    .partner-box ul li{width: calc((100% - 8px) / 2);}

    .partner-box ul li a{gap: 12px; padding: 8px; border-radius:4px; background-color: #F7F8F8;transition:all 0.2s ease-in-out;}
    .partner-box ul li a .img{display: flex;align-items: center;justify-content: center;width: 100%;background-color: #fff;border-radius: 2px;height: 64px;}
    .partner-box ul li a .img img{max-height: 16px;}
    .partner-box ul li a .tit{display: flex;justify-content: center;align-items: center;gap: 8px;color: var(--color-gray-2);    font-size: 14px;    font-weight: 500;}
}

/* esg-wrap */
.esg-wrap{text-align: center;padding-top: 64px;}
.esg-wrap img{max-width: 100%;}
@media (max-width:767px){
    .esg-wrap{padding-top: 0px;}
}

/* history-wrap */
.history-wrap{position:relative; min-height:100vh; transition:opacity 1.2s cubic-bezier(0.42, 0, 0.58, 1);}
.history-wrap .history-progress{position:absolute; top:0; left:0; width:4px; height:100%; background-color:var(--color-gray-f4);}
.history-wrap .history-progress.is-fixed{position:absolute; top:0; left:50%; z-index:10; transform:translateX(-50%);}
.history-wrap .history-progress.is-fixed.is-sticky{position:fixed; top:80px; height:calc(100vh - 80px);}
.history-wrap .history-progress.left{display:none;}
.history-wrap .history-progress span{display:inline-block; position:absolute; width:0.3rem; height:0; background-color:#1D6ED8;}
.history-wrap .history-progress span:before{position:absolute; left:50%; bottom:-12px; width:24px; height:24px; border-radius:50%; background-color:#1D6ED8; content:''; transform:translateX(-50%);}
.history-wrap .history-list{display:flex; flex-direction:column;gap:64px;}
.history-wrap .history-item{display:flex; position:relative;}
.history-wrap .history-item .history-left{position:sticky; top:100px; left:0; width:50%; height:fit-content; padding-right:80px; box-sizing:border-box;}
.history-wrap .history-item .history-left .year{color:var(--color-gray-2); font-size:48px; font-weight:700;}
.history-wrap .history-item .history-left .text{margin-top:8px; color:var(--color-gray-6); font-size:24px; font-weight:500;}
.history-wrap .history-item .history-left .img{overflow:hidden; position:relative; margin-top:20px; border-radius:8px;}
.history-wrap .history-item .history-left .img img{width:100%;}
.history-wrap .history-item .history-right{position:relative; width:50%; padding-left:80px;}
.history-wrap .history-item .history-right .right-list{display:flex; flex-direction:column;gap:64px;}
.history-wrap .history-item .history-right .right-item{display:flex; gap:24px;flex-direction:column;}
.history-wrap .history-item .history-right .right-item .year{color:var(--color-gray-2); font-size:32px; font-weight:700;}
.history-wrap .history-item .history-right .right-item .year-list{display:flex; flex-direction:column;gap:16px;}
.history-wrap .history-item .history-right .right-item .year-item{color:var(--color-gray-4); font-size:20px; font-weight:500; word-break:keep-all;}
.history-wrap .history-item .history-right .right-item .year-item span{display:inline-block; color:var(--color-gray-8); font-size:inherit; font-weight:inherit;}
@media (max-width:1023px){
    .history-wrap .history-progress.is-fixed{display:none;}
    .history-wrap .history-progress.left{display:block; top:calc(100% + 26px); left:21px; width:2px; height:220px;}
    .history-wrap .history-progress.left span{width:2px;}
    .history-wrap .history-progress.left span:before{bottom:-6px; width:12px; height:12px;}
    .history-wrap .history-list{gap:80px;}
    .history-wrap .history-item{flex-direction:column;}
    .history-wrap .history-item .history-left{top:64px; z-index:2; width:calc(100% + 32px); margin:0 -16px 256px; padding:0 16px; background-color:#fff;}
    .history-wrap .history-item .history-left:before{position:absolute; top:100%; left:0; right:0; height:20px; background-color:#fff; content:'';}
    .history-wrap .history-item .history-left .year{font-size:32px;}
    .history-wrap .history-item .history-left .text{margin-top:4px; font-size:16px;}
    .history-wrap .history-item .history-right{width:100%; margin-top:-236px; padding-bottom:0; padding-left:0;}
    .history-wrap .history-item .history-right .right-list{padding-top:0; padding-left:32px; gap:48px;}
    .history-wrap .history-item .history-right .right-item .year{font-size:20px;}
    .history-wrap .history-item .history-right .right-item .year-list{gap:20px;}
    .history-wrap .history-item .history-right .right-item .year-item{font-size:14px;}
    .history-wrap .history-item .history-right .right-item .year-item span{}
}

/* news */
.news-head{display:flex; justify-content:space-between;align-items:center;}
.news-head .news-total{color:var(--color-gray-4); font-size:16px; font-weight:500;}
.news-head .news-total strong{color:var(--color-primary); font-size:inherit; font-weight:600;}
.news-head .news-search{display:flex; gap:12px;}
.news-head .news-search .custom-select{width:140px;}
.news-head .news-search .custom-select .toggle-btn{font-size:16px;}
.news-head .news-search .custom-select ul li button{font-size:16px;}
.news-head .news-search .search-box{position:relative;}
.news-head .news-search .search-box .input-box input{width:480px; padding-right:44px;}
.news-head .news-search .search-box .search-btn{position:absolute; top:0; right:12px; bottom:0; margin:auto 0;}

.news-list{margin-top:24px;}
.news-list ul{display:flex; flex-wrap:wrap;gap:32px 16px;}
.news-list ul li{opacity:0; overflow:hidden; width:calc(calc(100% - 32px) / 3); border-radius:8px; transform:translateY(20px); transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out,padding 0.25s ease-in-out;}
.news-list ul li.is-visible{opacity:1; transform:translateY(0);}
.news-list ul li a{display:block; pointer-events: none;}	/* 상세보기 게시판 생성 시 pointer-events 삭제 */
.news-list ul li .news-img{position:relative;display: flex;align-items: center;z-index: 2;overflow:hidden; border-radius:8px;aspect-ratio: 469 / 260;}
.news-list ul li .news-img img{width: 100%;height: 100%;object-fit: cover;transition:transform 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
.news-list ul li:hover .news-img img{transform:scale(1.125);}
.news-list ul li .news-title{margin-top:16px; color:var(--color-gray-4); font-size:20px; font-weight:600; word-break:keep-all;}
.news-list ul li .news-date{margin-top:8px; color:var(--color-gray-8); font-size:16px; font-weight:500;}

@media (max-width:1023px){
    .news-head .news-total{font-size:14px;}
    .news-head .news-search{width:62.413vw;}
    .news-head .news-search .custom-select{width:22.16%;}
    .news-head .news-search .custom-select .toggle-btn{font-size:14px;}
    .news-head .news-search .custom-select ul li button{font-size:14px;}
    .news-head .news-search .search-box{width:calc(77.84% - 12px);}
    .news-list{margin-top:20px;}
    .news-list ul li{width:calc(calc(100% - 16px) / 2);}
    
    .news-list ul li .news-title{margin-top:12px; font-size:16px;}
    .news-list ul li .news-date{margin-top:4px; font-size:14px;}
    .news-list ul li:hover{padding:8px;}
}
@media (max-width:767px){
    .news-head{flex-direction:column;align-items:start;gap:12px;}
    .news-head form{width:100%;}
    .news-head .news-search{width:100%; flex-direction:column;gap:8px;}
    .news-head .news-search .custom-select{width:100%;}
    .news-head .news-search .search-box{width:100%;}
    .news-list ul li{width:100%;}
    .news-list ul li .news-img img{height:auto}
}


/* Contact us */
.contact-wrap{display: flex;}
.contact-wrap > *{width: 50%;}
.contact-wrap .title-area{padding-right: 40px;word-break:keep-all;}
.contact-wrap .title-area .title{margin-bottom: 24px;font-size: 48px;font-weight: 700; color:var(--color-gray-2);}
.contact-wrap .title-area .desc{color:var(--color-gray-6);}
.contact-wrap .contact-list{display: flex;flex-direction:column;gap: 64px;}
.contact-wrap .contact-list .text-box{gap: 8px;padding: 16px 0;border-top: 1px solid var(--color-gray-f4);}
.contact-wrap .contact-list .text-box:last-child{border-bottom: 1px solid var(--color-gray-f4); ;}
.contact-wrap .contact-list .text-box strong{font-size: 20px;}
.contact-wrap .contact-list .info{display: flex;align-items: center;gap:80px ;}
.contact-wrap .contact-list .info li{display: inline-flex;align-items: center;font-size:16px}
.contact-wrap .contact-list .info .cell-num {width:114px; white-space: nowrap;}
.contact-wrap .contact-list .info .icon {margin-right: 12px;}

@media (max-width:1023px){
    .contact-wrap{display: flex;}
    .contact-wrap .title-area .title{margin-bottom: 20px;font-size: 32px;}
    .contact-wrap .title-area .desc{font-size: 12px;}
    .contact-wrap .contact-list{gap: 48px;}
    .contact-wrap .contact-list .text-box strong{font-size: 16px;}
	.contact-wrap .contact-list .info li{font-size:14px;}
    .contact-wrap .contact-list .info{gap: 20px;}
    .contact-wrap .contact-list .info .icon {margin-right: 8px;}
    .contact-wrap .contact-list .info .cell-num {width:98px; white-space: nowrap;}
}

@media (max-width:767px){
    .contact-wrap{flex-wrap: wrap;gap: 48px;}
    .contact-wrap > *{width: 100%;}
    .contact-wrap .title-area{padding-right: 8px;}
    .contact-wrap .title-area .title{margin-bottom:16px;font-size: 24px;}    
}
@media (max-width:340px){
    
    .contact-wrap .contact-list .info{flex-wrap: wrap;}
}
    
/* certification-list */
.certification-list{margin-top:64px;}
.certification-list ul { display: flex; flex-wrap: wrap; gap: 40px; } 
.certification-list ul li { width: calc((100% - 120px) / 4); transition: 0.25s ease-in-out; } 
.certification-img { background-color: #F4F4F4; padding: 32px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; } 
.certification-img img { width: 100%; height: auto;} 
.certification-title { font-size: 18px; font-weight: 600; color: #222; word-break: keep-all; line-height: 1.4; } 
.certification-date { margin-top: 8px; font-size: 15px; color: #666; } 

@media (max-width: 1023px){
	.certification-list{margin-top:32px;}
	.certification-list ul { gap: 16px; } 
	.certification-list ul li { width: calc((100% - 32px) / 3); } 
	.certification-img { padding:16px;} 
 }

@media (max-width: 767px){
 .certification-list ul { gap:16px 8px; } 
 .certification-list ul li { width: calc((100% - 12px) / 2); } 
 .certification-img { padding: 8px; margin-bottom: 8px; } 
 .certification-title { font-size: 14px; } 
 .certification-date { font-size: 12px; margin-top: 4px; } 
  }

@media (max-width: 340px){
 .certification-list ul li { width: 100%; } 
} 


/* locaiton-wrap */

.locaiton-box{margin-top: 64px;}
.locaiton-box > * + *{margin-top: 40px;}
.locaiton-box .map-box .wrap_controllers { display: none !important; } 
.locaiton-box .map-box .map_border{display:none !important; }
.location-info-wp{display: flex;gap:40px ;}
.location-info-wp > *{width: calc((100% / 2 ) - 40px);}
.location-info-wp .info-list{display: flex;flex-direction: column;gap: 20px;}
.location-info-wp .info-list li{display: flex;align-items: center;}
.location-info-wp .info-list li .tit-box{display: flex;align-items: center;gap: 16px;margin-right: 16px;}
.location-info-wp .info-list li .tit-box::after{content: '';width: 2px;height: 16px;background-color: var(--color-gray-e);}
.location-info-wp .info-list li .tit{width: 56px;font-weight: 500;font-size: 16px;}
.location-info-wp .info-list li .txt{color: var(--color-gray-6);font-size: 16px;}
.location-info-wp .info-list .icon{display: inline-flex;justify-content: center;align-items: center;width: 64px;height: 64px;border-radius:8px;background-color: var(--color-gray-f4);}


@media (max-width:767px){
	.locaiton-box { margin-top: 32px; } 
	.locaiton-box>*+* { margin-top: 20px; }

 	.map-box > div {height: 320px !important; margin-bottom: 0 !important;border-radius:8px !important;}
	.map-box .wrap_map { height: 320px !important; } 
	.map-box .wrap_controllers,
	.map-box .wrap_btn_roadview,
	.map-box .tit_controllers { display: none !important; }
	
	.location-info-wp { gap: 20px; } 
	.location-info-wp { flex-direction: column; } 
	.location-info-wp>* { width: 100%; } 
	.location-info-wp .img{position: relative;display: flex;align-items: center;z-index: 2;overflow: hidden;border-radius: 8px;aspect-ratio: 328 / 186;}
	.location-info-wp .img img{width:100%;height:100%;object-fit: fill;}
	.location-info-wp .info-list { gap: 16px; } 
	.location-info-wp .info-list li .tit { width: 49px; font-size: 14px; } 
	.location-info-wp .info-list li .txt { font-size: 14px; } 
	.location-info-wp .info-list .icon { width: 48px; height: 48px; }  
	.location-info-wp .info-list .icon img { width: 24px;} 
 }
 
 @media (max-width:399px){
 	.map-box > div {height: 200px !important; margin-bottom: 0 !important;border-radius:8px !important;}
	.map-box .wrap_map { height: 200px !important; } 
	.location-info-wp .img{height:186px;}
	.location-info-wp .info-list li .tit-box{gap:12px;margin-right: 12px;}
 }