@charset "utf-8";

.doc-section {color:#505050; font-size:var(--font-size-18); line-height:1.67em; letter-spacing:-.04em;}
.doc-section:not(:last-child) {margin-bottom:140px;}

.doc-tit {margin-bottom:50px; color:#2c2c2c; font-size:var(--font-size-38); font-weight:700; line-height:1.42em; letter-spacing:-.04em;}
.doc-tit2 {margin-bottom:50px; color:#2c2c2c; font-size:var(--font-size-28); font-weight:700; line-height:1.42em; letter-spacing:-.04em;}

/* company */
.compnay-overview {display:flex; justify-content:space-between; align-items:center;}
.compnay-overview .doc-tit {margin-bottom:20px;}
.compnay-overview .cnt-area {width:48%;}
.compnay-overview .info-area {width:50%; display:flex; gap:40px; text-align:center;}
.compnay-overview .info {position:relative; width:50%; color:#fff;}
.compnay-overview .info:before {content:''; display:block; padding-bottom:100%; background:#244b8a; border-radius:100%;}
.compnay-overview .info:after {content:'KIC'; position:absolute; top:50%; right:0; transform:translateY(-50%); font-weight:900; font-size:150px; line-height:1em; letter-spacing:-.04em; opacity:.03;}
.compnay-overview .info dl {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); z-index:2;}
.compnay-overview .info dt {margin-bottom:10px; font-size:var(--font-size-24); font-weight:700; line-height:1.33em;}
.compnay-overview .info dt {line-height:1.7em;}

.history .since {background:url('../images/sub/history-bg.jpg') 50% 50% no-repeat; background-size:cover; border-radius:16px; text-align:center;}
.history .since:before {content:''; display:block; height:158px;}
.history .since:after {content:''; display:block; width:1px; height:158px; margin:0 auto; background:rgba(255,255,255,.5);}
.history .since p {color:#fff; font-size:var(--font-size-62); font-weight:800; line-height:1em; letter-spacing:-.04em;}
.history .since p span {display:inline-block; padding:20px 0; border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5);}
.history .wrap {position:relative;}
.history .wrap:before {content:''; position:absolute; top:0; left:50%; width:1px; height:calc(100% - 10px); background:#dfdfdf;}
.history .wrap .group {padding-top:60px;}
.history .wrap .group dt {position:relative; margin-bottom:27px; color:var(--color-primary); font-size:var(--font-size-34); font-weight:700; line-height:1.33em;}
.history .wrap .group dt:before {content:''; position:absolute; top:17px; width:8px; height:8px; background:var(--color-primary); border-radius:100%;}
.history .wrap .group dd {position:relative; margin-top:13px; line-height:1.5em;}
.history .wrap .group dd:before {content:''; position:absolute; top:10px; width:6px; height:6px; background:#dfdfdf; border-radius:100%;}
.history .wrap .group:nth-child(odd) {margin-left:50%;}
.history .wrap .group:nth-child(odd) dt,
.history .wrap .group:nth-child(odd) dd {padding-left:23px;}
.history .wrap .group:nth-child(odd) dt:before {left:-4px;}
.history .wrap .group:nth-child(odd) dd:before {left:-3px;}
.history .wrap .group:nth-child(even) {margin-right:50%; text-align:right;}
.history .wrap .group:nth-child(even) dt,
.history .wrap .group:nth-child(even) dd {padding-right:23px;}
.history .wrap .group:nth-child(even) dt:before {right:-4px;}
.history .wrap .group:nth-child(even) dd:before {right:-3px;}

.reason .items {display:flex; justify-content:space-between;}
.reason .item {text-align:center; width:30%; max-width:400px;}
.reason .item .ico {margin-bottom:40px;}
.reason .item .tit {margin-bottom:17px; color:var(--color-primary); font-size:var(--font-size-24); letter-spacing:-.04em;}
.reason .item .txt {color:#505050; font-size:var(--font-size-18); line-height:1.67em; letter-spacing:-.04em;}

.root_daum_roughmap {width:100% !important; border-radius:16px;}
.root_daum_roughmap .map_border {display:none;}

.directions .wrap {display:flex; justify-content:space-between; margin-top:70px;}
.directions .address-info {width:48%;}
.directions .address-info .addr {color:#2c2c2c; font-size:var(--font-size-24); font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:15px;}
.directions .address-info .etc {color:#878787;}
.directions .contact-info {width:50%; border-top:1px solid #a8a8a8; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:26px 0; border-bottom:1px solid #dfdfdf;}
.directions .contact-info dt {width:190px; padding-left:40px; color:#2c2c2c; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}


/* business */
.process .wrap {position:relative; text-align:center;}
.process .wrap:before {content:''; position:absolute; top:calc(50% - 27px); left:0; width:100%; border-bottom:2px dashed #c7c7c7;}
.process .wrap ol {display:flex; gap:60px; position:relative;}
.process .wrap ol li {flex:1;}
.process .wrap .ico {position:relative; background:#fff; border:1px solid #a8a8a8; border-radius:16px;}
.process .wrap .ico:before {content:''; display:block; padding-bottom:100%;}
.process .wrap .ico img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:70%;}
.process .wrap .step {position:relative; width:108px; margin:-20px auto 12px; border-radius:40px; background:var(--color-primary); color:#fff; font-size:15px; line-height:40px; letter-spacing:0;}
.process .wrap .txt {line-height:1.33em; font-weight:500;}