@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .bg-con{margin-bottom:65px;padding:165px 30px;background:url('/images/sub/greeting-img.jpg')no-repeat 50% 50%/cover;text-align:center;color: #fff;}
.greeting .bg-con .txt .tt1{margin-bottom:15px;font-size:var(--fz18);font-weight:600;letter-spacing:.6em;line-height:1.4em;opacity:.5;}
.greeting .bg-con .txt .tt2{font-size: clamp(1rem, 0.8026rem + 0.7895vw, 1.75rem);font-weight:800;letter-spacing:.02em;line-height:1.5em;}
.greeting .tt-wrap{display:flex;margin-bottom:55px;}
.greeting .tt-wrap .title{padding-left:50px;margin-right:170px;font-size: clamp(1.25rem, 0.8882rem + 1.4474vw, 2.625rem);line-height:1.43em;font-weight:700;color: #242424;}
.greeting .tt-wrap .txt{min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz17);line-height:1.59em;}
.greeting .tt-wrap .txt .wrap p{margin-bottom:30px;}
.greeting .tt-wrap .txt .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .txt .ceo-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:-25px;position:relative;z-index:-1;}
.greeting .tt-wrap .txt .ceo-wrap .ceo strong{margin-left:8px;font-weight:600;color: #242424;letter-spacing:.4em;}
.greeting .info{padding-top:40px;border-top:2px solid #5e688c;}
.greeting .info ul{display:flex;justify-content:space-between;margin:0 -15px;}
.greeting .info ul li{padding:0 15px;width:25%;text-align:center;}
.greeting .info ul li .ic{display:flex;justify-content:center;align-items:center;max-width:200px;width:100%;height:200px;margin:0 auto 25px;border-radius:50%;border:1px solid #ddd;}
.greeting .info ul li:nth-child(even) .ic{background-color: #f8f8f8;}
.greeting .info ul li .tit{margin-bottom:8px;font-size:var(--fz20);font-weight:600;color: #242424;letter-spacing:0;}
.greeting .info ul li p{font-size:var(--fz17);line-height:1.47em;}

.system .top-txt{margin-bottom:65px;text-align:center;}
.system .top-txt .tit{margin-bottom:25px;color: #242424;font-weight:600;font-size: clamp(1.125rem, 0.9934rem + 0.5263vw, 1.625rem);line-height:1.5em;}
.system .top-txt .tit strong{font-weight:600;}
.system .top-txt .tt{line-height:1.5em;}
.system .con .row{display:flex;align-items:center;margin-bottom:80px;}
.system .con .row:last-child{margin-bottom:0;}
.system .con .row .img{margin-right:70px;}
.system .con .row .img img{border-radius:var(--bd24);}
.system .con .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.system .con .row .tt-wrap .ic{margin-bottom:20px;}
.system .con .row .tt-wrap .tit{margin-bottom:25px;font-size: clamp(1rem, 0.7697rem + 0.9211vw, 1.875rem);color: #242424;line-height:1.4em;}
.system .con .row .tt-wrap .wrap p{margin-bottom:15px;line-height:1.5em;}
.system .con .row .tt-wrap .wrap p:last-child{margin-bottom:0;}

.vision .arr{text-align:center;margin-bottom:-200px;}
.vision .circles{margin-bottom:55px;}
.vision .circles ul{display:flex;justify-content:center;}
.vision .circles ul li{margin:0 -15px;}
.vision .circles ul li .cc{display:flex;justify-content:center;align-items:center;width:270px;height:270px;border-radius:50%;color: #fff;text-align:center;}
.vision .circles ul li .cc dl dt{margin-bottom:15px;font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);font-weight:700;line-height:1.3em;}
.vision .circles ul li .cc dl dd{line-height:1.5em;}
.vision .tt-wrap p{line-height:1.5em;margin-bottom:20px;text-align:center;}
.vision .tt-wrap p:last-child{margin-bottom:0;}
.vision .tt-wrap p strong{font-weight:500;}

.location .maps .root_daum_roughmap {width:100% !important; height:430px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:430px !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 .directions {margin-top:40px;}
.location .directions .address-info {margin-bottom:30px;}
.location .directions .address-info .comp {color:var(--pri); font-weight:600; margin-bottom:2px;}
.location .directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.location .directions .address-info .etc {color:#454545;}
.location .directions .address-info .etc span {display:inline-block; margin-right:16px;}
.location .directions .address-info .etc span:last-child {margin-right:0;}
.location .directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.location .directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.location .directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.location .directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.location .directions .contact-info dt path {fill:#7f95b1;}
.location .directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .maps .root_daum_roughmap {width:100% !important; height:300px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.location .directions .address-info .addr {font-size:20px;}
	.location .directions .contact-info dl {padding:20px 0;}
	.location .directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .maps .root_daum_roughmap {height:200px !important;}
	.location .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	.location .directions {margin-top:30px;}
	.location .directions .address-info .addr {font-size:18px;}
	.location .directions .address-info {margin-bottom:20px;}
	.location .directions .contact-info dl {padding:16px 0;}
	.location .directions .contact-info dt {padding-left:5px; width:110px;}
	.location .directions .contact-info dt svg {margin-right:10px;}
}

.doc-busi .top-img{margin-bottom:50px;}
.doc-busi .top-img img{border-radius:var(--bd24);}
.doc-busi .tt-wrap .title{position:relative;padding-top:55px;margin-bottom:30px;color: #242424;font-size: clamp(1.25rem, 1.0855rem + 0.6579vw, 1.875rem);line-height:1.3em;text-align:center;}
.doc-busi .tt-wrap .title:before{content:'';width:24px;height:22px;background:url('/images/sub/tit-deco.png')no-repeat 50% 50%/contain;position: absolute;left:50%;margin-left:-12px;top:0;}
.doc-busi .tt-wrap .wrap p{margin-bottom:20px;text-align:center;}
.doc-busi .tt-wrap .wrap p:last-child{margin-bottom:0;}
.doc-busi .tt-wrap .wrap p strong{color: #242424;font-weight:600;}

.perform .content{margin-bottom:100px;}
.perform .content:last-child{margin-bottom:0;}
.perform .content .year{position:relative;padding-left:30px;margin-bottom:35px;color: #242424;font-size: clamp(1.25rem, 1.0855rem + 0.6579vw, 1.875rem);line-height:1.3em;}
.perform .content .year:before{content:'';width:18px;height:18px;background:url('/images/sub/bullet.png')no-repeat 50% 50%/contain;position: absolute;left:0;top:.35em;}
.perform .content .row{display:flex;align-items:center;margin-bottom:80px;}
.perform .content .row:last-child{margin-bottom:0;}
.perform .content .row .img{width:600px;margin-right:60px;}
.perform .content .row .img .pic {position:relative; height:0; padding-bottom:66.668%; overflow:hidden;border-radius:var(--bd16);}
.perform .content .row .img .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 .content .row .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.perform .content .row .tt-wrap .tit{padding-bottom:15px;border-bottom:2px solid #5e688c;margin-bottom:25px;color: #242424;font-size: clamp(1rem, 0.8684rem + 0.5263vw, 1.5rem);line-height:1.5em;font-weight:700;}
.perform .content .row .tt-wrap .info dl{display:flex;margin-bottom:16px;}
.perform .content .row .tt-wrap .info dl:last-child{margin-bottom:0;}
.perform .content .row .tt-wrap .info dl dt{display:flex;justify-content:center;align-items:center;width:96px;height:34px;border-radius:17px;background-color:var(--pri);color: #fff;margin-right:20px;font-weight:500;}
.perform .content .row .tt-wrap .info dl dd{padding-top:7px;line-height:1.5em;}

.doc-busi .info{display:flex;align-items:center;margin-top:45px;padding:30px 100px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-busi .info .tit{margin-right:80px;font-size: clamp(1rem, 0.9507rem + 0.1974vw, 1.1875rem);color: #242424;font-weight:600;letter-spacing:-.04em;line-height:1.4em;}
.doc-busi .info .dot-tt{position:relative;padding-left:16px;margin-right:60px;font-size:var(--fz18);color: #242424;line-height:1.4em;font-weight:500;}
.doc-busi .info .dot-tt:before{content:'';width:4px;height:4px;border-radius:50%;background-color:var(--snd);position: absolute;left:0;top:.6em;}
.doc-busi .info .btn-down{display:flex;justify-content:center;align-items:center;width:224px;height:50px;border-radius:25px;background-color:var(--pri);}
.doc-busi .info .btn-down span{position:relative;padding-right:38px;letter-spacing:-.01em;color: #fff;}
.doc-busi .info .btn-down span:after{content:'';width:8px;height:15px;background:url('/images/sub/ic-down.png')no-repeat 100% 50%/contain;position: absolute;right:0;top:.4em;}