@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* aub01_01 */
.about .cnt {position:relative;}
.about .img-box {position:relative; z-index:-1;}
.about .txt {position:absolute; right:0; top:50%; transform:translateY(-50%); max-width:1160px; padding:100px 360px 100px 120px; background:linear-gradient(330deg, #f1f1f1, #ffffff); font-family:'NanumSquare';}
.about .txt h3 {font-size:30px; font-weight:800; color:#52a874; line-height:1.3em; margin-bottom:80px;}
.about .txt p {font-size:18px; color:#454545; line-height:1.5em; margin-bottom:16px;}
.about .txt p:last-child {margin-bottom:0;}
/* aub01_02 */
.organization {text-align:center;}
/* aub01_03 */
.record .slick-dots {display:flex; justify-content:center; margin:90px -4px 0;}
.record .slick-dots li {padding:0 4px;}
.record .slick-dots li button {display:block; font-size:0; border:0; border-radius:50%; width:13px; height:13px; background:#b3b3b3;}
.record .slick-dots li.slick-active button {background:#0aaf72;}
/* aub01_04 */
.certification {position:relative;}
.certification .wrap {display:flex; position:absolute; z-index:-1; height:100%; top:0; left:0; width:100%;}
.certification .wrap .left-bg {width:48%; background:#86c29d;}
.certification .wrap .right-bg {width:52%; background:#f1f1f1;}
.certification .cnt {display:flex; padding-bottom:100px;}
.certification .bx-wrapper {width:47% !important; padding-right:61px; padding-top:55px;}
.certification .img-box p {font-size:20px; font-weight:500; line-height:1.3em; color:#fff; text-align:center; margin-top:30px;}
.certification .cnt .pager {width:53%; padding-top:55px; padding-left:57px;}
.certification .cnt .pager ul {display:flex; flex-wrap:wrap; margin:0 -7px;}
.certification .cnt .pager ul li {width:33.33333%; padding:0 7px; margin-bottom:25px;}
.certification .cnt .pager ul li a {display:block; position:relative;}
.certification .cnt .pager ul li a:hover:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}
/* aub02_01 */
.portfolio-list .contain {max-width:1430px !important;}
.portfolio-list ul {display:flex; flex-wrap:wrap; margin:0 -13px;}
.portfolio-list ul li {padding:0 13px; margin-bottom:76px; width:33.333333%;}
.portfolio-list a {display:block; letter-spacing:0;}
.portfolio-list a .pic {position:relative; height:0; padding-bottom:75%; overflow:hidden;}
.portfolio-list a:hover .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5);}
.portfolio-list a .pic img {-ms-transform:scale(1.0) translateY(-50%); -webkit-transform:scale(1.0) translateY(-50%); transform:scale(1.0) translateY(-50%); position:absolute; top:50%; left:0; width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.portfolio-list a:hover .pic img {-ms-transform:scale(1.08) translateY(-50%); -webkit-transform:scale(1.08) translateY(-50%); transform:scale(1.08) translateY(-50%); -webkit-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; -webkit-transition-timing-function:ease; transition-timing-function:ease;}
.portfolio-list a .txt {margin-top:20px;}
.portfolio-list a .txt p {font-size:16px; color:#777; line-height:1.6em;}
.portfolio-list a .txt h4 {font-size:20px; font-weight:600; color:#333333; line-height:1.5em;}
/* aub02_detail */
.detail .img-box {margin-bottom:100px;}
.detail .img-box .pic {position:relative; height:0; padding-bottom:75%; overflow:hidden;}
.detail .img-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;}
.detail .txt-box {margin-bottom:100px; display:flex; align-items:center;}
.detail .txt-box .tit {width:1%; flex:1 1 auto;}
.detail .txt-box .tit h3 {font-size:38px; color:#0aaf72; line-height:1.2em; position:relative; padding-left:60px;}
.detail .txt-box .tit h3:before {content:''; width:138px; height:138px; border-radius:50%; background:rgba(10,175,114,0.15); position:absolute; left:0; top:50%; margin-top:-69px;}
.detail .txt-box .txt {max-width:586px; width:100%; padding-left:36px; border-left:1px solid #ddd;}
.detail .txt-box .txt li {display:flex; margin-bottom:30px; font-size:18px;}
.detail .txt-box .txt li:last-child {margin-bottom:0;}
.detail .txt-box .txt li .tt1 {color:#333; font-weight:600; width:175px;}
.detail .txt-box .txt li .tt2 {color:#454545; font-family:'NanumSquare'; width:1%; flex:1 1 auto;}
.detail .cnt {margin-bottom:80px;}
.detail .list {text-align:center;}
.detail .list a {display:inline-block; line-height:50px; padding:0 50px; background:#0aaf72; color:#fff; font-size:18px; font-weight:500;}
/* aub03_01 */
.contact .col {display:flex; margin:0 -10px;}
.contact .col .row {width:50%; padding:0 10px;}
.contact .box {background:#4fbd94; padding:46px 50px; margin-bottom:40px;}
.contact .box li {display:flex; color:#fff; font-size:18px; margin-bottom:36px;}
.contact .box li:last-child {margin-bottom:0;}
.contact .box li .tt1 {width:150px; padding-left:50px; position:relative; font-weight:600;}
.contact .box li .tt1:before {content:''; width:26px; height:26px; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.contact .box li:nth-child(1) .tt1:before {background-image:url('../images/sub/company-icon.png');}
.contact .box li:nth-child(2) .tt1:before {background-image:url('../images/sub/location-icon.png');}
.contact .box li:nth-child(3) .tt1:before {background-image:url('../images/sub/tel-icon.png');}
.contact .box li:nth-child(4) .tt1:before {background-image:url('../images/sub/mail-icon.png');}
.contact .request h3 {font-size:24px; font-weight:600; color:#333333; line-height:1.2em; margin-bottom:26px;}
.contact .request li {margin-bottom:20px;}
.contact .request li:last-child {margin-bottom:-10px;}
.contact .maps {height:100%;}
.contact .maps iframe {width:100%; height:100%;}
.contact .box li .tt2 {text-align:right; width:1%; flex:1 1 auto;}
/* aub04_01 */
.notice ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.notice ul li {padding:0 20px; margin-bottom:20px; width:33.333333%;}
.notice ul li a {border:1px solid #ddd; border-radius:5px; background:#fff; padding:46px 25px; display:block;}
.notice ul li a h3 {font-size:20px; font-family:'NanumSquare'; color:#333333; line-height:1.4em; margin-bottom:36px;}
.notice ul li a p {font-size:18px; margin-bottom:50px; font-family:'NanumSquare'; color:#454545; line-height:1.5em; height:calc(1.5em * 1 * 6); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.notice ul li a span {font-size:18px; color:#999; line-height:1.6em;}
.notice ul li a:hover {border-color:#4fbd94; background:#4fbd94;}
.notice ul li a:hover h3 {color:#fff;}
.notice ul li a:hover p {color:#fff;}
.notice ul li a:hover span {color:#fff;}