@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.location{display: flex;align-items:center;}
.location .maps{width:700px;margin-right:50px;border-radius:var(--bd24);overflow:hidden;border:1px solid #ddd;}
.location .maps iframe{width:100%;height:520px;display: block;}
.location .maps .root_daum_roughmap {width:100% !important; height:520px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:520px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"이이키"; font-size:12px; line-height:15px;}
.location .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.location .tt-wrap .tit{margin-bottom:var(--size30);font-size:var(--fz20);font-weight:700;line-height:1.3em;color:var(--dark);}
.location .tt-wrap .info dl{margin-bottom:var(--size25);display: flex;align-items:center;}
.location .tt-wrap .info dl:last-child{margin-bottom:0;}
.location .tt-wrap .info dl dt{width:184px;display: flex;align-items:center;gap:12px;font-size:var(--fz18);font-weight:600;}
.location .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.location .tt-wrap .info dl dd .btn{display: flex;justify-content:center;align-items:center;width:74px;height:38px;border-radius:4px;border:1px solid #ddd;line-height:1.2em;transition:.3s;}
.location .tt-wrap .info dl dd .btn:hover{background-color:var(--pri);color: #fff;border-color:var(--pri);}

.prc-list{padding:var(--size40) 0 var(--size50);border-top:2px solid #868686;border-bottom: 1px solid #ddd;}
.prc-list ul{display: flex;flex-wrap:wrap;margin:0 -24px -48px;}
.prc-list ul li{width:33.3333%;padding:0 24px;margin-bottom:48px;}
.prc-list ul li .box{display: block;position:relative;height:100%;}
.prc-list ul li .box:after{content:'';width:100%;height:100%;border:1px solid #ddd;position:absolute;top:0;left:0;}
.prc-list ul li .box .pic {position:relative; height:0; padding-bottom:64.42%; overflow:hidden;}
.prc-list ul li .box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.prc-list ul li .box .tt-wrap{border-top: 1px solid #ddd;padding:var(--size30) var(--size35);}
.prc-list ul li .box .tt-wrap .tit{font-size:var(--fz20);font-weight:600;line-height:1.5em;color:var(--dark);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.prc-list ul li .box .tt-wrap .tt{margin-top:var(--size20);line-height:1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.prc-list ul li .box .tt-wrap .date{margin-top:var(--size20);font-size:var(--fz14);line-height:1.4em;color: #484848;}

.radio-wrap{display: flex;flex-wrap:wrap;align-items:center;gap:var(--size40);height:44px;color: #484848;}

.gr-sld .item{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100vh;position:relative; display: flex; align-items: center; justify-content: center;}
.gr-sld .item .tt-wrap{max-width:100%;padding:0 15px;text-align:center; z-index:1;color: #fff;pointer-events:none;/*opacity:0;transform:translateY(0);transition:opacity 0.8s ease-out, transform 0.8s ease-out;*/}
.gr-sld .item .tt-wrap.fade-up-active{opacity:1;transform:translateY(0);}
.gr-sld .item .tt-wrap p{margin-bottom:var(--size40);font-family:var(--mj);line-height:1.2em;font-size:var(--fz40);font-weight:700;/*opacity:0;*/}
.gr-sld .item .tt-wrap p:last-child{margin-bottom:0;}
.gr-sld .item .tt-wrap p.st2{margin-bottom:var(--size100);}
.gr-sld .slick-dots{position: absolute;left:var(--size160);top:50%;transform:translateY(-50%);z-index:2;display: flex;flex-direction: column;align-items:center;}
.gr-sld .slick-dots li{margin-bottom:20px;}
.gr-sld .slick-dots li:last-child{margin-bottom:0;}
.gr-sld .slick-dots li button{display: block;width:5px;height:5px;border-radius:50%;background-color:rgba(255,255,255,.6);border:none;font-size:0;}
.gr-sld .slick-dots li.slick-active button{background-color:transparent;border: 3px solid #fff;width:16px;height:16px;}

/* 부드러운 타이핑 효과를 위한 스타일 */
/* .gr-sld .item .tt-wrap p {
    opacity: 0;
}

.gr-sld .item .tt-wrap p.typing-active {
    opacity: 1;
} */

/* 각 글자마다 부드러운 opacity 전환 효과 */
/* .gr-sld .item .tt-wrap p .char-reveal {
    opacity: 0;
    transition: opacity 0.3s ease-out;
    display: inline-block;
} */

/* .gr-sld .item .tt-wrap p .char-reveal.visible {
    opacity: 1;
} */

.gr-sld .item .tt-wrap p .bl{display: block;}

.vision .bg{height:700px;background:url('/images/sub/vision-bg1.jpg')no-repeat 50% 50%/cover;}
.vision .cont1{background-color:#FF7537;padding:var(--size140) 0;margin-bottom:var(--size140);}
.vision .cont1 .row{margin-bottom:var(--size140);display: flex;}
.vision .cont1 .row:last-child{margin-bottom:0;}
.vision .cont1 .row .doc-tit{width:470px;color: #fff;}
.doc-tit{font-family: var(--mj);color:var(--dark);}
.doc-tit .en{font-weight:700;font-size:var(--fz52);line-height:1.3em;letter-spacing:-.03em;}
.doc-tit .tit{font-size:var(--fz40);line-height:1.2em;font-weight:700;}
.vision .cont1 .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.vision .cont1 .row .tt-wrap p{font-size:var(--fz24);line-height:1.33em;color: #fff;margin-bottom:var(--size30);}
.vision .cont1 .row .tt-wrap p:last-child{margin-bottom:0;}
.vision .cont1 .row .tt-wrap p strong{display: block;}

.vision .cont2 .doc-tit{text-align:center;margin-bottom:var(--size140);}
.vision .cont2 .con .row{display: flex;align-items:center;margin-bottom:var(--size80);}
.vision .cont2 .con .row:last-child{margin-bottom:0;}
.vision .cont2 .con .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:var(--size115);}
.vision .cont2 .con .row .tt-wrap .tit-wrap{margin-bottom:var(--size60);}
.vision .cont2 .con .row .tt-wrap .tit-wrap .eng{font-size:var(--fz32);font-weight:700;line-height:1.2em;color:var(--pri);margin-bottom:var(--size20);}
.vision .cont2 .con .row .tt-wrap .tit-wrap .tit{font-size:var(--fz32);line-height:1.3em;color:var(--dark);font-weight:700;}
.vision .cont2 .con .row .tt-wrap .tt{font-size:var(--fz22);line-height:1.45em;}
.vision .cont2 .con .row .img{width:50%;}
.vision .cont2 .con .row .img img{border-radius:var(--bd24);}
.vision .cont2 .con .row:nth-child(even){flex-direction: row-reverse;}
.vision .cont2 .con .row:nth-child(even) .tt-wrap{margin-right:0;margin-left:var(--size115);}