@charset "utf-8";

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

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:;}

.doc-tit {margin-bottom:1em; font-family:'Aggro'; font-size:clamp(24px, calc(52/ var(--inner) * 100vw ),52px); line-height:1.2; font-weight:700; color:#234c7d;}

.check-bg {width:100%; height:100%; padding:clamp(40px, calc(150/ var(--inner) * 100vw ),150px) 15px; background:linear-gradient(to bottom, transparent 7px , #f5f5f5 7px) 0 0 / 100vw 8px repeat-y, linear-gradient(to right, transparent 7px, #f5f5f5 7px) 0 0 / 8px 100% repeat-x white; border:1px solid #dfdfdf; border-radius:var(--size10); text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(120/ var(--inner) * 100vw ),120px);}
.content-padding {padding:clamp(40px, calc(120/ var(--inner) * 100vw ),120px) 0;}

/* 회사소개 */
.company-info {padding-top:var(--size80);}
.company-info .group {display:flex; align-items:center; gap:clamp(30px, calc(120/ var(--inner) * 100vw ),120px); position:relative; margin-bottom:var(--size100);}
.company-info .group:first-child {padding-bottom:20px;}
.company-info .group:first-child .img {position:absolute; right:-360px; bottom:0;}
.company-info .group:last-child {margin-bottom:0;}
.company-info .group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.company-info .group .tit {margin-bottom:var(--size40); font-size:clamp(24px, calc(46/ var(--inner) * 100vw ),46px); font-weight:800; line-height:1.2; color:#2c2c2c;}
.company-info .group .txt {margin-bottom:var(--size20); font-size:clamp(14px, calc(22/ var(--inner) * 100vw ),22px); line-height:1.7;}
.company-info .group .txt:last-child {margin-bottom:0;}

.business-info {position:relative;}
.business-info:before {content:''; position:absolute; z-index:-1; left:50%; bottom:0; width:100vw; height:100%; transform:translateX(-50%); background:url('/images/sub/biz-bg.jpg') no-repeat center bottom/cover;}
.business-info .wrap {margin-bottom:calc(0px - var(--size80));}
.business-info .col {display:flex; position:relative; align-items:center; gap:clamp(30px, calc(200/ var(--inner) * 100vw ),200px); padding-bottom:var(--size80);}
.business-info .col:after {content:''; position:absolute; left:50%; top:50%; margin-top:-6px; margin-left:-6px; width:12px; height:12px; border-radius:4px; background:#234c7d;}
.business-info .col:before {content:''; position:absolute; left:50%; top:50%; margin-left:-0.5px; width:1px; height:100%; border-right:1px dashed #a8a8a8;}

.business-info .col:last-child:before {display:none;}
.business-info .col>div {flex:1;}
.business-info .col:nth-child(even) {flex-direction:row-reverse;}
.business-info .col:nth-child(even) .cnt {text-align:right;}
.business-info .tit {margin-bottom:var(--size30); font-size:clamp(24px, calc(38/ var(--inner) * 100vw ),38px); font-weight:800; line-height:1.2; color:#2c2c2c;}
.business-info .txt {margin-bottom:1.5em; font-size:clamp(14px, calc(20/ var(--inner) * 100vw ),20px); line-height:1.7;}
.business-info .txt:last-child {margin-bottom:0;}

.agency-info {position:relative; text-align:center;}
.agency-info:before {content:''; position:absolute; z-index:-1; left:50%; bottom:0; width:100vw; height:100%; transform:translateX(-50%); background:url('/images/sub/agency-bg.jpg') no-repeat center bottom/cover;;}
.agency-info .tit {margin-bottom:1em; font-size:clamp(24px, calc(46/ var(--inner) * 100vw ),46px); font-weight:800; line-height:1.2; color:#fff;}
.agency-info .tit strong {display:block; margin-bottom:1em; font-family:'Aggro'; font-size:0.52em; font-weight:700; line-height:1; color:#c6d752;}
.agency-info .txt {font-size:clamp(14px, calc(22/ var(--inner) * 100vw ),22px); line-height:1.7; color:#fff;}
.agency-info .btn {margin-top:var(--size40);}
.agency-info .btn a {display:inline-block; padding:1.1em 2.9em; border-radius:100vh; border:1px solid rgba(255,255,255,0.2); background:rgba(102,107,108,0.2); font-size:clamp(12px, calc(20/ var(--inner) * 100vw ),20px); font-weight:800; line-height:1; color:#fff;}
.agency-info .btn a:hover {background:#234c7d; border-color:#234c7d;}

.company-summary h4 {margin-bottom:var(--size30); font-size:clamp(24px, calc(38/ var(--inner) * 100vw ),38px); font-weight:800; line-height:1.2; color:#2c2c2c;}
.company-summary .group:not(:last-child) {margin-bottom:var(--size100);}
.company-summary .txt {font-size:clamp(14px, calc(20/ var(--inner) * 100vw ),20px); line-height:1.7;}
.company-summary .check-bg {margin-top:var(--size50);}
.company-summary .btns {display:flex; align-items:center; justify-content:flex-end; margin-top:var(--size40);}
.company-summary .btns a {display:flex; width:50%; max-width:205px; align-items:center; justify-content:space-between; height:var(--btn-size); margin-right:10px; padding:0 var(--container-space); border:1px solid #2c2c2c; border-radius:0.38em; font-family:'NanumSquareAcr',sans-serif; font-weight:700; color:#2c2c2c;}
.company-summary .btns a img {transition:0.2s all ease;}
.company-summary .btns a:last-child {margin-right:0;}
.company-summary .btns a:hover {background:#234c7d; border-color:#234c7d; color:#fff;}
.company-summary .btns a:hover img {filter: brightness(0) invert(1);}

.company-summary .gr2 {display:flex; gap:15px;}
.company-summary .gr2 h4 {width:50%; max-width:540px;}
.company-summary .gr2 .color-info {display:flex; gap:10px; padding:var(--size40); background:#f7f7f7; border-radius:var(--size10); flex:1 1 auto; min-width:0; width:1%;}
.company-summary .gr2 .box {background:#fff; padding:var(--size25); flex:1; border-radius:var(--size10); box-shadow:3px 3px 16px rgba(0,0,0,0.08);}
.company-summary .gr2 .bar {height:var(--size80); margin-bottom:var(--size25); border-radius:var(--size10);}
.company-summary .gr2 .tit {margin-bottom:0.5em; font-size:var(--font-size-20); font-weight:800; line-height:1.2; color:#2c2c2c;}
.company-summary .gr2 .txt {font-size:var(--font-size-18); line-height:1.5; color:#a8a8a8;}
.company-summary .gr2 .txt span {display:inline-block; margin-right:0.8em;}
.company-summary .gr2 .txt strong {color:#878787;}