@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-cnt {margin-bottom:70px;}

.greeting {display:flex; margin:0 -10px 130px;}
.greeting li {padding:0 10px; width:25%;}
.greeting li .box {height:270px; padding:40px; border:1px solid #ddd;}
.greeting li .box .tit {font-size:20px; font-weight:700; margin:20px 0 12px; font-family:'SCoreDream';}
.greeting li .box p {line-height:1.6em;}

.sub1-1 {background-color:#f4f4f4;}
.sub1-1 .contain {max-width:1420px;}

.greeting-wrap {display:flex;}
.greeting-wrap .img {margin-top:-60px; margin-bottom:60px;}
.greeting-wrap .cnt {padding-left:65px; padding-top:135px; flex:1;}
.greeting-wrap .cnt .tit {font-size:28px; margin-bottom:40px; line-height:1.429em; font-weight:700; letter-spacing:-.025em; font-family:'SCoreDream';}

.philosophy-box {padding:70px 0; font-size:22px; font-weight:700; letter-spacing:-.025em; line-height:1.818em; color:#fff; text-align:center; font-family:'SCoreDream'; background-image:url('../images/sub/philosophyBg.jpg'); background-size:cover; background-repeat:no-repeat;}

.philosophy {text-align:center;}
.philosophy .img {margin:65px 0 45px;}
.philosophy .cnt {padding:25px 0; border:1px solid #ddd}
.philosophy .cnt p {margin-bottom:24px;}
.philosophy .cnt p:last-child {margin-bottom:0;}
.philosophy .cnt p strong {font-weight:500;}

.history {font-family:'SCoreDream'; position:relative;}
.history:after {width:3px; top:20px; bottom:60px; left:188px; z-index:-4; background-image:url('../images/sub/dash.png'); background-size:cover; background-repeat:repeat; position:absolute; content:'';}
.history .group {padding-bottom:65px; display:flex;}
.history .group:last-child {padding-bottom:0;}
.history .group .year {font-size:36px; width:183px; letter-spacing:-.025em; line-height:1.3em; font-weight:700; color:#242424;}
.history .group ul {flex:1;}
.history .group ul li {padding-bottom:25px; padding-left:40px; display:flex; position:relative;}
.history .group ul li:last-child {padding-bottom:0;}
.history .group ul li:before {position:absolute; content:''; width:13px; height:13px; top:12px; left:0; border-radius:100%; border:3px solid #014324; background-color:#fff;}
.history .group ul li .month {font-size:20px; padding-top:6px; font-weight:700; color:#c8c8c8; letter-spacing:-.025em; line-height:1.3em;}
.history .group ul li .cnt {padding-left:20px; font-size:20px; line-height:2em; font-weight:700;}
.history .group ul li .cnt span {font-size:16px; font-family:'Noto Sans KR'; font-weight:400; color:#686868;}

.doc-tit {font-size:20px; padding-left:30px; padding-bottom:15px; font-weight:500; letter-spacing:-.025em; line-height:1.3em; position:relative; font-family:'SCoreDream';}
.doc-tit:before {position:absolute; content:''; width:18px; height:18px; top:4px; left:0; border-radius:100%; border:3px solid #50bb36; background-color:#fff;}

.cert ul {display:flex; margin:0 -15px 65px;}
.cert ul li {padding:0 15px;}
.cert ul li p {padding-left:35px; text-indent:-20px; margin-top:10px; letter-spacing:-.025em;}
.cert ul li p strong {font-weight:500;}

.cert2 {padding:65px 0 50px; background-color:#f8f8f8;}
.cert2 ul {display:flex; flex-wrap:wrap;}
.cert2 ul li {width:25%; padding:0 10px 20px;}
.cert2 ul li .box {height:170px; padding:20px 25px; background-color:#fff; display:flex; border:1px solid #ddd; flex-direction:column; justify-content:space-between;}

.business-area {margin-bottom:60px; display:flex;}
.business-area .cnt {padding-left:70px; padding-top:25px; flex:1; position:relative;}
.business-area .cnt h4 {font-size:24px; margin-bottom:30px; letter-spacing:-.025em; color:#242424; font-family:'SCoreDream';}
.business-area .cnt ul {position:absolute; bottom:0; left:70px;}
.business-area .cnt ul li {margin-bottom:10px;}
.business-area .cnt ul li a {width:247px; height:54px; font-weight:500; border:1px solid #ddd; border-radius:5px; display:flex; align-items:center; justify-content:center;}
.business-area .cnt ul li:hover a {color:#00753e; border-color:#7fba9e;}

.business-list ul {margin-bottom:30px;}
.business-list ul li {padding:22px 10px 22px 30px; margin-bottom:20px; border:1px solid #ddd; border-radius:10px;}
.business-list ul li:last-child {margin-bottom:0;}
.business-list ul li .tit {font-size:18px; font-weight:500; color:#242424; letter-spacing:-.025em; font-family:'SCoreDream';}
.business-list ul li p {margin-top:10px; color:#686868;}
.business-list ul li p span {padding-top:5px; display:block;}
.business-list .last-group {text-align:center;}
.business-list .last-group .img {margin-bottom:35px;}
.business-list .last-group p {margin-bottom:60px;}
.business-list .sub2-btn {font-size:18px; width:200px; height:60px; margin:0 auto; border-radius:30px; display:flex; align-items:center; justify-content:center;background-color:#00753e; font-weight:500; letter-spacing:-.025em; color:#fff; font-family:'SCoreDream'; text-align:center;}

.sub4-inquiry ul {display:flex; margin:0 -15px; text-align:center;}
.sub4-inquiry ul li {padding:0 15px; width:33.3333%;}
.sub4-inquiry ul li .box {height:386px; padding-top:50px; border:1px solid #ddd; border-radius:10px;}
.sub4-inquiry ul li .box .tit {font-size:22px; margin:30px 0 20px; font-weight:700; color:#242424;}
.sub4-inquiry ul li .box p {margin-bottom:25px;}
.sub4-inquiry ul li .box p span {font-weight:500;}
.sub4-inquiry ul li .box a {font-size:14px; letter-spacing:-.025em; display:inline-block; border-bottom:1px solid #454545;}

.sub-title p {margin-top:10px; color:#686868;}

.gallerySlider {margin-bottom:35px; text-align:center; position:relative;}
.gallerySlider .items {padding:0 130px;}
.gallerySlider .items .thumb {position:relative; padding-bottom:64.79%; overflow:hidden;}
.gallerySlider .items .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.gallerySlider .slick-arrow {position:absolute; top:50%; width:29px; height:57px; margin-top:-28px; z-index:98; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.gallerySlider .slick-prev {left:0; background-image:url("../images/sub/gal_prev.png");}
.gallerySlider .slick-next {right:0; background-image:url("../images/sub/gal_next.png");}

.gallery-detail {text-align:center;}
.gallery-detail .tit {font-size:22px; margin-bottom:7px; line-height:1.3em; font-weight:700; color:#242424; letter-spacing:-.025em; font-family:'SCoreDream';}
.gallery-detail p {color:#686868;}

.gallery-detail .percent {padding:20px 0; margin-top:60px; font-family:'SCoreDream'; text-align:center; border:1px solid #ddd;}
.gallery-detail .percent p {font-size:20px; margin-bottom:15px; font-weight:500; letter-spacing:-.03em; color:#454545;}
.gallery-detail .percent .num {font-size:30px; letter-spacing:-.025em; color:#ccc; font-weight:900;}
.gallery-detail .percent .num span {font-size:50px; padding-right:5px; line-height:1em; letter-spacing:-.025em; color:#00753e;}

.detail-table {margin-top:30px;}
.detail-table table {border-top:1px solid #ddd; border-collapse:collapse; width:100%; text-align:left;}
.detail-table table th {padding-left:30px; font-weight:500; border-bottom:1px solid #ddd; background-color:#f4f4f4; position:relative;}
.detail-table table th:before {position:absolute; content:''; width:4px; height:4px; top:50%; margin-top:-2px; left:20px; background-color:#00753e; border-radius:100%;}
.detail-table table td {padding:11px 20px; border-bottom:1px solid #ddd;}