@charset "utf-8";

/* 공통 */
.c-white {color:var(--white) !important;}
.c-main {color:var(--c-main) !important;}
.c-red {color:#EA3E3E !important;}
.c-2 {color:var(--c-2) !important;}

.pt100 {position:relative; padding-top:clamp(50px, calc( 100 / var(--inner) * 100vw ),100px);}

/* about us */
.company .txt-wrap p {margin-bottom:var(--40px); font-family:var(--font-ns); font-size:var(--f24); font-weight:400; line-height:1.9em; letter-spacing:-0.01em; color:#000;}
.company .txt-wrap p:last-child {margin-bottom:0;}
.company .company-tit {margin:var(--200px) 0 var(--120px); font-family:var(--font-os); font-size:var(--f51); font-weight:700; line-height:1.2em; letter-spacing:0.18em; color:#000; text-align:center;}
.company .img-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -14px;}
.company .img-wrap > div {width:50%; padding:0 14px;}
.company .img-wrap .left .in {box-shadow:0 0 20px rgba(0,0,0,0.1);}
.company .img-wrap .right {display:flex; flex-direction:column; justify-content:space-between;}
.company .img-wrap .in {position:relative; border-radius:8px; overflow:hidden;}
.company .img-wrap .tit {position:absolute; left:0; bottom:0; font-family:var(--font-ns); padding:30px; font-size:var(--30px); line-height:1em; font-weight:700; letter-spacing:0; color:#fff;}
.company .img-wrap img {width:100%;}

/* service */
.service .service-tit {position:relative; margin:var(--160px) 0; font-family:var(--font-ns); font-size:var(--f48); font-weight:700; line-height:1.2em; letter-spacing:0; color:#000; text-align:center;}
.service .gr1 .contain {max-width:1360px;}
.service .gr1 ul {display:flex;}
.service .gr1 ul li {width:25%; text-align:center; padding:0 10px;}
.service .gr1 ul li .icon {margin-bottom:32px;}
.service .gr1 ul li .tit {margin-bottom:16px; font-family:var(--font-ns); font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:0; color:#000;}
.service .gr1 ul li .txt {font-family:var(--font-ns); font-size:1em; letter-spacing:0; font-weight:400; color:#666;}

.service .wrap {position:relative; border-top:1px solid #efefef;}

.service .group {position:relative;}
.service .gr2 .col {display:flex; align-items:flex-end; max-width:1370px; margin:0 auto var(--160px) auto;}
.service .gr2 .col:nth-child(even) {flex-direction:row-reverse;}
.service .gr2 .cnt {flex:1 1 auto; min-width:0; width:1%;}
.service .gr2 .img {position:relative; z-index:1;}
.service .gr2 .col:nth-child(even) .img:before {height:40%; bottom:-20px;}
.service .gr2 .img:before {content:''; position:absolute; left:-20px; bottom:0; width:23%; height:calc(100% + 20px); background:#3FD9D7; z-index:-1;}
.service .gr2 .img img {border-top-right-radius:195px;}
.service .gr2 .col:nth-child(even) .img img {border-top-right-radius:0; border-top-left-radius:195px;}
.service .gr2 .num {padding-left:45px; font-family:var(--font-os); font-size:var(--f60); font-weight:600; line-height:1.2em; letter-spacing:0; color:#000;}
.service .gr2 .txt-wrap {margin-top:-25px; padding:45px 25px 45px 45px; background:#F7F7F7; border-radius:24px 0 0 24px;}
.service .gr2 .col:nth-child(even) .txt-wrap {border-radius:0 24px 24px 0;}
.service .gr2 .txt-wrap p {font-family:var(--font-ns); font-size:1.13em; font-weight:700; line-height:1.6em; letter-spacing:-0.03em; color:#111;}

.service .gr3 {display:flex; align-items:center; justify-content:center; height:373px; background:url('../images/sub/service-bg.jpg') no-repeat 50% 50%/cover;}
.service .gr3 p {font-family:var(--font-ns); font-size:var(--f32); font-weight:700; line-height:1.2em; letter-spacing:0; color:#fff; text-align:center;}
.service .gr4 .contain {max-width:1428px;}
.service .gr4 ul {display:flex; margin:0 -18px;}
.service .gr4 ul li {width:33.333%; padding:0 18px;}
.service .gr4 ul li .in {position:relative; height:100%; border-radius:34px; overflow:hidden;}
.service .gr4 ul li .in:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:34px;}
.service .gr4 ul li .tit {display:flex; font-family:var(--font-ns); height:var(--100px); align-items:center; justify-content:center; text-align:center; font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:0; color:#000; background:#fff;}

/* 미팅 */
.meeting-cate {position:relative; overflow:visible;}
.meeting-cate:before {content:''; position:absolute; width:100%; height:2px; background:#dbdbdb; left:0; bottom:0;}
.meeting-cate ul {display:flex; justify-content:center;}
.meeting-cate ul li {width:120px; text-align:center;}
.meeting-cate ul li:last-child {margin-right:0;}
.meeting-cate ul li a {position:relative; display:inline-flex; align-items:center; height:var(--85px); font-family:var(--font-ns); font-size:var(--f24); font-weight:700; line-height:1.2em; letter-spacing:0; color:#000;}
.meeting-cate ul li.active a:before {content:''; position:absolute; width:100%; height:5px; background:#000; left:0; bottom:-2px;}

.meeting-tit-wrap {position:relative; padding:var(--100px) 0 var(--80px); margin-top:var(--50px); text-align:center;}
.meeting-tit-wrap:before {content:''; position:absolute; width:1px; height:var(--55px); background:#000; top:0; left:50%;}
.meeting-tit-wrap .tit {margin-bottom:var(--50px); font-family:var(--font-ns); font-size:var(--f40); font-weight:700; line-height:1.2em; letter-spacing:0; color:#000;}
.meeting-tit-wrap .txt {font-family:var(--font-ns); font-size:1.13em; letter-spacing:0; color:#000; font-weight:700; line-height:1.6;}

.ready-img {padding:33vh 15px 16vh 15px;}