@charset "utf-8";

.doc-cnt .doc-tit {margin-bottom:15px; font-size:var(--font-size-24); letter-spacing:-.03em; color:#242424; font-weight:700;}
.w50 {width:50% !important;}
.blue-tbl-wrap {display:flex; flex-wrap:wrap; margin-top:80px; border-top:2px solid var(--color-primary);}
.blue-tbl-wrap dl {display:flex; align-items:center; padding:15px 30px; width:100%; border-bottom:1px solid #ddd;}
.blue-tbl-wrap dt {position:relative; padding:0 30px; width:160px; font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.02em;}
.blue-tbl-wrap dt::before {content:''; position:absolute; width:12px; height:12px; background-image:url(/images/sub/intro-ico.png); background-repeat:no-repeat; background-size:contain; left:0; top:7px;}
.blue-tbl-wrap dd {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.7em; flex:1 1 auto; min-width:0; width:1%;}

.intro .intro-top {display:flex;}
.intro .intro-top .text-wrap {width:50%; padding:25px 0 0 30px;}
.intro .intro-top .tt {color:#242424; font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.41em; font-weight:500;}
.intro .intro-top .tt span {color:var(--color-primary); font-weight:700;}
.intro .intro-top .tt2 {margin:35px 0 40px; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em;}
.intro .intro-top .ceo {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.2em; color:#686868;}
.intro .intro-top .ceo span {margin-left:15px; font-weight:600; color:#454545;}
.intro .intro-top .img {flex:1 1 auto; min-width:0; width:1%;}
.intro .intro-top .img img {border-radius:16px;}
.intro .img-wrap {display:flex; gap:0 10px;}

.vision .img {text-align:center;}

.history h2 {margin-bottom:70px; color:#242424; font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.41em; font-weight:500; text-align:center;}
.history h2 span {font-weight:600; color:var(--color-primary);}
.history .since-box {display:flex;}
.history .since {position:relative; font-weight:700; font-size:var(--font-size-40); letter-spacing:-.03em; color:#242424; width:22.5%; margin-right:40px; padding-right:30px;}
.history .since::after {content:''; position:absolute; width:1px; height:100%; top:6px; right:0; background-color:#ddd;}
.history .since::before {content:''; position:absolute; width:17px; height:17px; top:6px; right:-8px; z-index:1; background-image:url(/images/sub/history-ico.png); background-repeat:no-repeat; background-size:contain;}
.history .history-box {flex:1 1 auto; min-width:0; width:1%;}
.history .h-box {display:flex; margin-top:15px;}
.history .h-box:first-child {margin-top:0;}
.history .year {width:7%; margin-right:10px; font-size:var(--font-size-16); font-weight:700; letter-spacing:-.03em; color:#686868;}
.history .story {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-16); letter-spacing:-.03em; color:#686868; font-weight:400;}
.history .story li:not(:first-child) {padding-top:15px;}
.history .img {margin:35px 0 80px; }
.history .img img {border-radius:16px;}
.history .since-box:last-child .img {margin-bottom:0;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}

.fireproof .fire-top {margin-bottom:70px;}
.fireproof .fire-top h2 {margin-bottom:10px; color:var(--color-primary); font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.2em;}
.fireproof .fire-top .tt {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em;}
.fireproof .fire-top .tt span {color:var(--color-primary);}
.fireproof .fire-top ul {display:flex; margin:35px -20px;}
.fireproof .fire-top li {padding:0 20px; width:50%;}
.fireproof .fire-top li .box {padding:45px 30px 45px 40px; display:flex; align-items:center; height:210px; box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1); border-radius:16px; background-color:#fff; }
.fireproof .fire-top li .box .img {margin-right:40px;}
.fireproof .fire-top .t-wrap {flex:1 1 auto; min-width:0; width:1%;}
.fireproof .fire-top .t-wrap h3 {margin-bottom:15px; font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.fireproof .fire-top .t-wrap p {font-size:var(--font-size-16); letter-spacing:-.03em;}
.fireproof .fire-top .t-wrap p:nth-child(3) {margin-left:12px; text-indent:-12px;}
.fireproof .fire-bottom ul {display:flex; gap:0 40px; margin-top:16px;}
.fireproof .fire-bottom li {width:25%; }
.fireproof .fire-bottom .img img {border-radius:16px;}

.rules .rules-wrap {margin-top:65px;}
.rules .rules-wrap:first-child {margin-top:0;}
.rules .rules-wrap ul {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.88em;}
.rules .rules-wrap li {position:relative; padding-left:10px;}
.rules .rules-wrap li::before {content:''; position:absolute; width:3px; height:3px; border-radius:100%; top:10px; left:0; background-color:var(--color-primary);}
.rules .rules-wrap li span {color:var(--color-primary);}
.rules .indent-wrap {padding-left:50px;}
.rules .indent-wrap .indt:nth-child(3) {margin-left:30px;}
.rules .indent-wrap .indt:nth-child(4) {margin-left:60px;}
.rules .indent-wrap .indt:nth-child(5) {margin-left:90px;}
.rules .indent-wrap2 {padding-left:40px;}

.construction ol {display:flex; flex-wrap:wrap; margin:-20px;}
.construction ol>li {width:100%; padding:20px;}
.construction .box ul {display:flex; margin:0 -20px;}
.construction .box ul li {padding:0 20px;}
.construction .box ul li .img {position:relative; }
.construction .box ul li .img img {border-radius:16px;}
.construction .box ul li .img::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:16px; border:1px solid #ddd;} 
.construction h2 {display:flex; align-items:center; padding:10px 40px; margin-bottom:20px; height:60px; font-size:var(--font-size-18); color:#242424; letter-spacing:-.03em; font-weight:600; width:100%; background-color:#f6f6f6; border-radius:30px; }
.construction h2 span {font-size:var(--font-size-32); color:var(--color-primary); font-weight:700; margin-right:20px;}

.performance .performance-top {margin-bottom:80px; padding:50px 60px; display:flex; width:100%; height:300px; background-image:url(/images/sub/performance-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:50%;}
.performance .t-wrap h2 {font-size:var(--font-size-20); letter-spacing:-.03em; color:#fff; line-height:1.8em;}
.performance .t-wrap h2 span {font-size:var(--font-size-40); line-height:1.5em;}
.performance .t-wrap2 {position:relative; margin-left:80px; padding-left:80px;}
.performance .t-wrap2::before {content:''; position:absolute; width:1px; height:85%; background-color:rgba(255,255,255,.5); left:0; top:15px;}
.performance .t-wrap2 li {letter-spacing:-.03em; color:#fff; margin-top:30px; display:flex;}
.performance .t-wrap2 li p:first-child {font-size:var(--font-size-24); font-weight:700; margin-right:20px;}
.performance .t-wrap2 li p:last-child {font-size:var(--font-size-16);}

.education>p {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em;}
.education .edu-wrap {margin:70px 0 75px;}
.education .doc-tit {font-weight:600;}
.education .edu-wrap2 ul {display:flex; flex-wrap:wrap; margin:-20px;}
.education .edu-wrap2 ul li {padding:20px; width:25%;}
.education .edu-wrap2 .img img {border-radius:16px;}

.apply .blue-tbl-wrap {margin-top:0;}
.apply .apply-wrap2 {margin-top:75px;}
.apply .apply-wrap2>p {font-size:var(--font-size-16); letter-spacing:-.03em; color:#686868; margin-top:15px;}
.apply .apply-step ul {position:relative; display:flex; flex-wrap:wrap; margin:0 -20px;}
.apply .apply-step ul::before {position:absolute; content:''; border-top:1px dashed #ddd; top:50%; transform:translate(-50%, -50%); left:50%; width:88%; z-index:-1;}
.apply .apply-step li {width:33.333%; padding:0 20px;}
.apply .apply-step li .box {display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:40px 20px; background:#fff; box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1); border-radius:16px; height:372px;}
.apply .apply-step li .box .img {margin-bottom:35px;}
.apply .apply-step li .box p {font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em; text-align:center;}
.apply .apply-step li .box p span {color:var(--color-primary);}