@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about .wide-con{margin-bottom:80px;padding:115px 0;background:url('/images/sub/greeting-wide1.jpg')no-repeat 50% 50%/cover;text-align:center;font-size:var(--fz24);line-height:1.33em;color: #fff;}

.doc-content{margin-bottom:80px;}
.doc-content:last-child{margin-bottom:0;}
.doc-tit{position:relative;margin-bottom:35px;padding-left:30px;font-size:var(--fz28);font-weight:700;color: var(--dark);line-height:1.4em;}
.doc-tit:before{content:'';width:20px;height:4px;background-color:var(--pri);position: absolute;left:0;top:.3em;}

.table01 table{width:100%;border-spacing:0;border-top:1px solid #ddd;}
.table01 table th,
.table01 table td{padding:10px 20px;height:60px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table01 table th{color:var(--dark);font-weight:700;background-color: #f9f9f9;}
.table01 table td.br1{border-right:1px solid #ddd !important;}
.table01 table th:last-child{border-right:none;}
.table01 table td:last-child{border-right:none;}

.history{position:relative;}
.history:after{content:'';width:1px;height:100%;background-color: #ddd;position: absolute;left:50%;top:0;z-index:-1;}
.history .row{display:flex;justify-content:flex-end;margin-bottom:60px;}
.history .row:last-child{margin-bottom:0;}
.history .row .col{display:flex;align-items:center;width:calc(50% + 40px);}
.history .row .col .year{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin-right:40px;border-radius:50%;background-color: #00b3ce;color: #fff;font-size:var(--fz20);font-weight:700;line-height:1.2em;}
.history .row .col .info{min-width:0;width:1%;flex:1 1 auto;}
.history .row .col .info ul li{display:flex;}
.history .row .col .info ul li .month{width:35px;font-weight:700;}
.history .row .col .info ul li p{min-width:0;width:1%;flex:1 1 auto;}
.history .row:nth-child(even){justify-content:flex-start;}
.history .row:nth-child(even) .col{flex-direction:row-reverse;}
.history .row:nth-child(even) .col .year{margin-left:40px;margin-right:0;background-color: #8fc0c7;}
.history .row:nth-child(even) .col .info ul li{flex-direction:row-reverse;text-align:right;}

.about .plan ul{display:flex;margin:0 -20px;}
.about .plan ul li{width:25%;padding:0 20px;text-align:center;}
.about .plan ul li .step{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border-radius:20px;margin:0 auto -20px;position:relative;z-index:1;background-color: #00b3ce;color: #fff;font-size:var(--fz18);font-weight:700;line-height:1.2em;}
.about .plan ul li:nth-child(even) .step{background-color: #8fc0c7;}
.about .plan ul li p{margin-top:15px;font-size:var(--fz18);line-height:1.44em;}

.feature .top-bg-con{margin-bottom:80px;border-radius:100px;padding:60px;text-align:center;background:url('/images/sub/feature-bg.jpg')no-repeat 50% 50%/cover;color: #fff;}
.feature .top-bg-con .tt2{margin-top:5px;font-size:var(--fz24);font-weight:700;line-height:1.6em;}

.situation .tit-wrap{margin-bottom:20px;}
.situation .flex{display:flex;}
.situation .flex .col{width:calc(50% - 150px);}
.situation .flex .space{width:300px;}
.situation .tit-wrap .col .title{display:flex;justify-content:center;align-items:center;height:42px;border-radius:20px;text-align:center;font-size:var(--fz18);font-weight:700;color:var(--dark);line-height:1.2em;border:1px solid var(--pri);background-color: #fff;}
.situation .tit-wrap .col.type2 .title{background-color:var(--pri);color: #fff;}
.situation .row{margin-bottom:40px;}
.situation .row:last-child{margin-bottom:0;}
.situation .row .col .m-title{display:none;}
.situation .row .col .box{padding:35px 40px;height:100%;border-radius:var(--bd16);box-shadow:8px 8px 16px rgba(0,0,0,.16);}
.situation .row .col .box .box-tit{margin-bottom:25px;color:var(--pri);font-size:var(--fz18);line-height:1.44em;font-weight:700;}
.situation .row .col .box dl{display:flex;margin-bottom:25px;}
.situation .row .col .box dl:last-child{margin-bottom:0;}
.situation .row .col .box dl dt{width:138px;color:var(--dark);font-weight:700;}
.situation .row .col .box dl dd{min-width:0;width:1%;flex:1 1 auto;}
.situation .row .col.type2 .box{background-color: #f9f9f9;}

.dot-list li{padding-left:.8em;text-indent:-.8em;}

.situation .row .space{display:flex;justify-content:center;align-items:center;position:relative;}
.situation .row .space:after{content:'';width:100%;height:1px;background-color: #ddd;position: absolute;left:0;top:50%;z-index:-1;}
.situation .row .space .circle{display:flex;justify-content:center;align-items:center;width:180px;height:180px;border-radius:50%;border:4px solid var(--pri);background-color: #fff;text-align:center;}
.situation .row .space .circle p{margin-top:15px;color:var(--dark);font-weight:700;}

.certi-list ul{display:flex;margin:0 -20px;}
.certi-list ul li{width:25%;padding:0 20px;}

.sub-title.type2 .sub-txt{position:relative;margin:10px 0 15px;padding-bottom:75px;color:var(--pri);}
.sub-title.type2 .sub-txt:after{content:'';width:1px;height:60px;background-color:var(--pri);position: absolute;left:50%;bottom:0;}
.sub-title.type2 .tt{color:var(--dark);}

.doc-busi .img-con{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid #ddd;}
.doc-busi .img-con ul{display:flex;margin:0 -20px;}
.doc-busi .img-con ul li{padding:0 20px;}
.doc-busi .list ul{padding-left:30px;}
.doc-busi .list ul li{margin-bottom:10px;}
.doc-busi .list ul li:last-child{margin-bottom:0;}

.perform-view{display:flex;margin:0 -20px;}
.perform-view .sld{width:50%;padding:0 20px;}
.perform-view .sld .origin{position:relative;margin-bottom:20px;}
.perform-view .sld .pic {position:relative; height:0; padding-bottom:68.968%; overflow:hidden;}
.perform-view .sld .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;}
.perform-view .sld .origin .slick-dots{position: absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:1;display:flex;}
.perform-view .sld .origin .slick-dots li{padding:0 4px;}
.perform-view .sld .origin .slick-dots li button{display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.4);border:none;font-size:0;transition:.3s;}
.perform-view .sld .origin .slick-dots li.slick-active button{background-color: #fff;}
.perform-view .sld .thumb .slick-list{margin:0 -5px;}
.perform-view .sld .thumb .item{padding:0 5px;}
.perform-view .tt-wrap{width:50%;padding:0 20px;}
.perform-view .tt-wrap .title{font-size:var(--fz28);font-weight:700;color:var(--dark);line-height:1.29em;}
.perform-view .tt-wrap .table01{margin-top:145px;}