@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}
.c-1 {color:#0079c1 !important;}
.c-b {font-weight:600; color:#242424 !important;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.doc-tit {margin-bottom:0.63em; font-size:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); font-weight:700; line-height:1.2; color:#242424; text-align:center;}
.doc-txt {font-weight:500; line-height:1.6; color:#454545; text-align:center;}

.root_daum_roughmap {width:100% !important; height:clamp(270px, calc(450/ var(--inner) * 100vw ),450px) !important; border-radius:var(--size30); overflow:hidden;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc(450/ var(--inner) * 100vw ),450px) !important;}
.root_daum_roughmap .cont {display:none;}

.highlight {position:relative; z-index:1;}
.highlight:before {content:''; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:0.39em; background:#e8f3f9; transform:skewX(-10deg);}

.bg-blue {position:relative; padding:clamp(40px, calc(180/ var(--inner) * 100vw ),180px) 0;}
.bg-blue:before {content:''; position:absolute; left:50%; top:0; z-index:-1; width:100vw; height:100%; background:#d5eafa; transform:translateX(-50%);}

/* 인사말 */
.greeting {display:flex;}
.greeting .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.greeting .txt-wrap .col {margin-bottom:var(--size35);}
.greeting .txt-wrap .col:last-child {margin-bottom:0;}
.greeting .txt-wrap .tit {margin-bottom:1.8em; font-size:clamp(24px, calc(40/ var(--inner) * 100vw ),40px); letter-spacing:-0.01em; font-weight:700; line-height:1.2; color:#242424;}
.greeting .txt-wrap .tt {font-size:clamp(16px, calc(18/ var(--inner) * 100vw ),18px); line-height:1.6;}
.greeting .txt-wrap .tx {font-size:clamp(14px, calc(17/ var(--inner) * 100vw ),17px); line-height:1.7;}

.greeting .txt-wrap .sign {margin-top:var(--size80);}
.greeting .txt-wrap .sign p {font-weight:500; line-height:1; color:#2c2c2c;}
.greeting .txt-wrap .sign img {display:inline-block; margin-left:var(--size45); vertical-align:baseline; margin-bottom:-0.19em;}
.greeting .txt-wrap .sign .info {margin-top:var(--size20);}
.greeting .txt-wrap .sign .info span {display:inline-block; position:relative; padding-right:0.5em; margin-right:0.5em; font-size:var(--font-size-14); line-height:1; color:#333;}
.greeting .txt-wrap .sign .info span:last-child {margin-right:0; padding-right:0;}
.greeting .txt-wrap .sign .info span:before {content:''; position:absolute; right:0; top:50%; margin-top:-0.4em; width:1px; height:0.8em; background:#afafaf;}
.greeting .txt-wrap .sign .info span:last-child:before {display:none;}

.greeting .img {position:relative; margin-right:calc(0px - var(--size70));}

/* 비젼 */
.vision .top-txt {margin-bottom:var(--size70); text-align:center;}
.vision .top-txt .tit {font-size:clamp(20px, calc(44/ var(--inner) * 100vw ),44px); font-weight:500; line-height:1.4; color:#242424;}
.vision .top-txt .txt {font-size:clamp(15px, calc(20/ var(--inner) * 100vw ),20px); font-weight:600; line-height:1.4; color:#242424;}

.vision .shadow-box {padding:var(--size40) 0; background:url('/images/sub/shadow-t.png') no-repeat 50% top,url('/images/sub/shadow-b.png') no-repeat 50% bottom; text-align:center;}
.vision .shadow-box p {font-size:var(--font-size-18); font-weight:500; line-height:1.6;}

.vision-img {margin:clamp(40px, calc(140/ var(--inner) * 100vw ),140px) 0 clamp(40px, calc(180/ var(--inner) * 100vw ),180px); text-align:center;}
.vision-wrap {margin-top:var(--size35);}
.vision-wrap .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20));}
.vision-wrap .item {width:25%; padding:var(--size20);}
.vision-wrap .item .inner {display:flex; padding: var(--size20); border-radius:1em; border:1px solid #ddd; flex-direction:column; height:100%; min-height:clamp(200px, calc(270/ var(--inner) * 100vw ),270px); background:#fff; text-align:center;}
.vision-wrap .item:nth-child(-n+4) .inner {justify-content:center;}
.vision-wrap .item:nth-child(n+5) .inner {justify-content:flex-start; padding-top:clamp(20px, calc(53/ var(--inner) * 100vw ),53px);}
.vision-wrap .item p {margin-top:0.8em; font-size:var(--font-size-20); font-weight:700; line-height:1.5;}
.vision-wrap .item p span {display:block; font-size:0.8em; font-weight:400; color:#aaa;}

/* 연혁 */
.history-top-cnt {margin-bottom:clamp(40px, calc(130/ var(--inner) * 100vw ),130px); text-align:center;}
.history-top-cnt .tit {margin-bottom:0.4em; font-size:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); font-weight:700; line-height:1.2; color:#242424;}
.history-top-cnt .txt {line-height:1.4;}
.history-top-cnt .bg {margin-top:var(--size40); padding:var(--size60) 15px; background:url('/images/sub/history-bg.jpg') no-repeat 50% 50%/cover; border-radius:var(--size30);}
.history-top-cnt .bg .tt {margin-bottom:10px; font-size:clamp(16px, calc(32/ var(--inner) * 100vw ),32px); font-weight:500; line-height:1.4; color:#fff; letter-spacing:0.1em; opacity:0.6;}
.history-top-cnt .bg .tx {font-size:clamp(14px, calc(24/ var(--inner) * 100vw ),24px); font-weight:500; line-height:1.4; color:#fff; letter-spacing:0.25em; opacity:0.6;}

.history {position:relative;}
.history .group:before {content:''; position:absolute; top:var(--size90); right:50%; margin-left:-0.5px; width:1px; height:100%; background:url('/images/sub/dot.gif') repeat-y center top;}
.history .group:last-child:before {display:none;}
.history .group {position:relative; padding:0 0 var(--size80) calc(50% + var(--size90));}
.history .group:nth-child(even) {padding:0 calc(50% + var(--size90)) var(--size80) 0; text-align:right;}
.history .group:last-child {padding-bottom:0;}
.history .group .age {margin-bottom:0.75em; font-size:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); font-weight:700; line-height:1.2; color:#242424;}
.history .group .year {position:relative; margin-bottom:0.5em; font-size:clamp(16px, calc(28/ var(--inner) * 100vw ),28px); font-weight:600; line-height:1.2; color:#242424;}
.history .group .year:before {content:''; position:absolute; top:6px; left:calc(0px - var(--size90) - 12px); width:24px; height:24px; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}
.history .group .year:after {content:''; position:absolute; top:0.56em; left:calc(0px - var(--size90) + 12px); width:var(--size60); height:1px; background:#0079c1;}
.history .group:nth-child(even) .year:before {left:auto; right:calc(0px - var(--size90) - 12px);}
.history .group:nth-child(even) .year:after {left:auto; right:calc(0px - var(--size90) + 12px);}

.history .part {margin-bottom:var(--size30);}
.history .part:last-child {margin-bottom:0;}
.history .part p {font-size:clamp(15px, calc(20/ var(--inner) * 100vw ),20px); font-weight:600; line-height:1.2; color:#242424; letter-spacing:0;}
.history .part ul {margin-top:7px; padding-left:10px;}
.history .part ul li {position:relative; padding-left:0.5em; line-height:1.6;}
.history .part ul li:before {content:''; position:absolute; left:0; top:0.7em; width:2px; height:2px; background:#0079c1; border-radius:100%;}

/* performance */
.performance-txt {margin-bottom:var(--size60);}
.performance-txt .tit {font-size:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); font-weight:700; line-height:1.2; color:#242424; text-align:center;}
.performance-txt .txt {margin-top:1em; text-align:center;}

.part-section {padding-bottom:clamp(20px, calc(75/ var(--inner) * 100vw ),75px);}
.part-section:last-child {margin-bottom:clamp(40px, calc(150/ var(--inner) * 100vw ),150px);}
.part-section .bg {margin-bottom:clamp(20px, calc(75/ var(--inner) * 100vw ),75px); padding:var(--size80) 0 var(--size40); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.part-section .bg h3 {margin-bottom:clamp(30px, calc(100/ var(--inner) * 100vw ),100px); font-size:clamp(20px, calc(28/ var(--inner) * 100vw ),28px); font-weight:600; line-height:1.2; letter-spacing:0.05em; color:#fff; text-align:center;}
.part-section .bg .in {width:100%; max-width:1000px; margin:0 auto;}
.part-section .bg .in ul {display:flex; position:relative; margin-right:-33.333%;}
.part-section .bg .in ul li {position:relative; width:33.333%; padding-top:33px; text-align:center; border-bottom:1px solid #fefdfd;}
.part-section .bg .in ul li:last-child {border-bottom:0;}
.part-section .bg .in ul li a {display:block; position:absolute; left:0; top:0; font-size:20px; font-weight:600; line-height:1; padding-bottom:0.7em; letter-spacing:-0.05em; color:#cecfd0; transform:translateX(-50%); transition:0.2s all ease;}
.part-section .bg .in ul li a:before {content:''; position:absolute; margin-left:-0.375em; left:50%; bottom:-0.375em; width:0.75em; height:0.75em; border:2px solid #cecfd0; border-radius:100%; transition:0.2s all ease;}

.part-section .bg .in ul li a:hover,
.part-section .bg .in ul li.active a {color:#fbfcfd;}
.part-section .bg .in ul li a:hover:before,
.part-section .bg .in ul li.active a:before {border-color:#fff; background:#fff;}

.part-section .cnt {display:flex; width:100%; max-width:1000px; margin:0 auto;}
.part-section .cnt h4 {width:50%; max-width:396px; font-size:clamp(20px, calc(50/ var(--inner) * 100vw ),50px); font-weight:700; letter-spacing:-0.01em; line-height:1.2; color:#272727;}
.part-section .cnt h5 {margin-bottom: var(--size10); font-size: clamp(16px, calc(24/ var(--inner) * 100vw ),24px); font-weight:600; line-height:1.2; color:#272727;}
.part-section .cnt ul, .part-section .cnt .wrapper {padding-top:var(--size20); padding-left:var(--size30); border-top:2px solid #272727; flex:1 1 auto; min-width:0; width:1%;}
.part-section .cnt .wrapper {padding-top: var(--size25);}
.part-section .cnt .wrapper ul {padding: 0; border: 0; width: 100%;}
.part-section .cnt .group:not(:last-child) {margin-bottom: var(--size40);}
.part-section .cnt ul li {position:relative; padding-left:0; line-height:2; letter-spacing:-0.02em;}
.part-section .cnt .wrapper li {word-break:auto-phrase;}
.part-section .cnt ul li span {display:inline-block; position:relative;}
.part-section .cnt ul li span:after {content:'ㅣ';}
.part-section .cnt ul li span:last-child:after {display:none;}
.part-section .cnt ul li.em {height:1em;}
.part-section .cnt ul li.em:before {display:none;}

.partners-list .items {display:flex; flex-wrap:wrap; margin:0 -4px -10px;}
.partners-list .item {width:16.666%; padding:0 4px; margin-bottom:10px;}

/* license */
.license-list .items {display:flex; margin:calc(0px - var(--size15));}
.license-list .item {width:33.333%; padding:var(--size15); text-align:center;}
.license-list .item p {margin-top:1.5em; font-size:var(--font-size-18); font-weight:600; line-height:1.2; color:#242424;}