@charset "utf-8";

.pt0 {padding-top:0 !important;}

.doc-tit {font-size:var(--fz44); font-weight:700; letter-spacing:-.03em; line-height:1.23em;}

.vision-cnt {padding:150px 0;}
.vision-cnt.bg {background:#f5f5f5;}
.vision-cnt .contain {display:flex; justify-content:space-between;}
.vision-cnt .head {width:700px;}
.vision-cnt .head p {margin-top:13px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; font-family:var(--font-graph);}
.vision-cnt .cnt .row {display:flex;}
.vision-cnt .cnt .row .col {margin-left:-30px;}
.vision-cnt .cnt .con {border-radius:100%;background:rgba(245,184,37,.9); width:320px; height:320px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.vision-cnt .cnt .con .t-en {font-size:var(--fz18); font-family:var(--font-graph); font-weight:400; letter-spacing:0; line-height:1.4em;}
.vision-cnt .cnt .con .t-ko {margin-top:8px; font-size:var(--fz28); font-weight:700; line-height:1.4em;}
.vision-cnt .cnt.type2 .con {background:rgba(34,34,34,.9); color:var(--color-primary);}

.history-area {display:flex;}
.history-title {width:43.7%; margin-right:110px;}
.history-title .doc-tit {position:sticky; top:calc(var(--header-height) + 30px);}
.history {min-width:0; width:1%; flex:1 1 auto;}
.history-item {padding-bottom:130px; position:relative; display:flex;}
.history-item:last-child {padding-bottom:0;}
.history-item:after {z-index:-1; content:''; position:absolute; left:193px; top:1em; width:1px; height:100%; background:#ddd;}
.history-item:last-child:after {display:none;}
.history-item .year {position:relative; top:0; left:0; min-width:195px; text-align:right;}
.history-item .year strong {padding-right:60px; line-height:.7em; color:#899097; font-size:var(--fz44); transition:all 0.3s ease;}
.history-item .year .dot {width:30px; height:30px; position:absolute; top:0; right:0; background:rgba(137, 144, 151, .1); border-radius:100%; transform:translateX(50%); transition:all 0.3s;}
.history-item .year .dot .inner-dot {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:12px; height:12px; background:#899097; border-radius:50%; transition:all 0.3s;}
.history-item .cnt {padding-left:80px;}
.history-item .cnt ul li {display:flex;}
.history-item .cnt ul li + li {margin-top:18px;}
.history-item .cnt ul li .month {line-height:1.4em; min-width:60px; font-size:var(--fz18); font-weight:600; color:#899097;}
.history-item .cnt ul li .txt {line-height:1.6em; font-weight:400; color:#505050;}
.history-item .cnt ul li .txt p + p {margin-top:18px;}
.history-item.active .year strong {color:var(--color-primary); font-size:var(--fz54);}
.history-item.active .year .dot {top:-.8em; width:60px; height:60px; background-color:rgba(245,184,37,.1);}
.history-item.active .year .dot .inner-dot {width:18px; height:18px; background-color:var(--color-primary);}
.history-item.active .year strong {line-height:.6em;}

.org-txt {margin-bottom:155px; text-align:center;}
.org-txt .doc-tit {color:#899097;}
.org-txt .doc-tit strong {color:#444c4d;}

.org-people {padding:80px 0; background:#f9f9f9;}
.org-people .contain {display:flex;}
.org-people .col {padding:0 10px; position:relative; width:20%; text-align:center;}
.org-people .col:after {content:''; position:absolute; right:0; top:50%; margin-top:-150px; width:1px; background:#ddd; height:300px;}
.org-people .col:last-child:after {display:none;}
.org-people .num {margin-bottom:60px; font-size:var(--fz30); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.org-people .num span {color:var(--color-primary);}
.org-people .tit {margin:35px 0 18px; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#444c4d;}
.org-people .txt {font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#899097;}

.root_daum_roughmap .wrap_map {height:670px !important;}
.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}
.directions {display:flex; align-items:flex-end;}
.directions .map-area {margin-right:100px; border-radius:50px 0 50px 0; overflow:hidden; width:700px;}
.directions .contact {flex:1 1 auto; min-width:0; width:1%;}
.directions .contact .info {margin-top:40px; border-top:1px solid #444c4d;}
.directions .contact .info dl {padding:28px 0; border-bottom:1px solid #ddd; display:flex; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.directions .contact .info dl dt {min-width:140px; font-weight:600; letter-spacing:0; color:var(--color-primary);}