@charset "UTF-8";
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*
* css는 유료테마 ASKTHEME의 일부입니다. 불법복제시 불이익을 받을 수 있습니다.
* 포트폴리오
*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.video-carousel-item { visibility: hidden; }

.video-carousel { padding-top: 1rem; }

#info-trigger .info-block { visibility: hidden; }

.intro-section { visibility: hidden; background-color: #f2f3f4; background-image: none; padding: 3rem 0; overflow: hidden; }
@media (min-width: 992px) { .intro-section { background-image: url("../img/intro-desk.jpg"); padding: 5rem 0; } }
.intro-section h3 { font-family: "Noto Sans KR",sans-serif; font-weight: 700; color: #343a40; font-size: 1.25rem; }
.intro-section h4 { font-family: "Noto Sans KR",sans-serif; font-weight: 600; color: #495057; font-size: 1rem; }
.intro-section h5 { font-family: "Noto Sans KR",sans-serif; font-weight: 600; color: #ced4da; font-size: 2.5rem; text-align: center; padding-right: .5rem; }
.intro-section p { font-size: .8rem; color: #6c757d; text-align: justify; }
.intro-section .text { font-size: .75rem; color: #6c757d; text-align: justify; }
.intro-section .sub-text1-wrap { padding-bottom: 2rem; }
@media (min-width: 768px) { .intro-section .sub-text1-wrap { padding-bottom: 0; } }

/* 고객센터, 공지사항, 온라인문의, 채용정보 */
.sub-info { overflow: hidden; overflow: hidden; margin-top: 2rem; margin-bottom: 2rem; }
.sub-info::after { display: block; clear: both; content: ""; }
@media (min-width: 768px) { .sub-info { margin-top: 5rem; margin-bottom: 5rem; } }
.sub-info .sub-info-bg { background-image: url(../img/bg-photo@2X.png); padding-top: 2rem; padding-bottom: 8rem; overflow: hidden; }
.sub-info .container, .sub-info container-fluid { visibility: hidden; }
.sub-info .card { margin-bottom: 1rem; }
@media (min-width: 992px) { .sub-info .card { margin-bottom: 0; } }
.sub-info .card .card-header { background-color: #fff; border-bottom: none; text-align: center; padding-top: 3rem; padding-bottom: 0; }
.sub-info .card .card-header i { background-color: #ced4da; color: #fff; margin-bottom: 1rem; }
.sub-info .card .card-header a { display: block; font-weight: 600; color: #343a40; margin-top: 1rem; }
.sub-info .card .card-body { font-size: .9rem; }
.sub-info .customer-info { margin: 0; padding: 0; list-style: none; }
.sub-info .customer-info li { padding: .25rem 0; }

/* 협력업체 배너 */
section.banner-wrap { overflow: hidden; margin-top: 3rem; margin-bottom: 3rem; }
@media (min-width: 768px) { section.banner-wrap { margin-top: 5rem; margin-bottom: 5rem; } }
section.banner-wrap .banner-swiper-container { width: 100%; height: auto; overflow: hidden; position: relative; margin: 1rem 0; visibility: hidden; }
section.banner-wrap .banner-swiper-container::after { display: block; clear: both; content: ""; }
section.banner-wrap .banner-swiper-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
section.banner-wrap .banner-swiper-container .swiper-button-next, section.banner-wrap .banner-swiper-container .swiper-button-prev { width: 25px; height: 20px; top: 55%; }
section.banner-wrap .banner-swiper-container .swiper-pagination { bottom: -5px !important; }

.video-carousel { overflow: hidden; }

#sub-info-shuffle { background-color: #fff; margin-bottom: 10rem; }
#sub-info-shuffle .shuffle-grid { visibility: hidden; }

.client-info { background-color: #fff; visibility: hidden; overflow: hidden; padding: 1.5rem 0; }
.client-info .counter { background-color: #fff; margin: .5rem; -webkit-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -khtml-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 1rem rgba(0, 0, 0, 0.05); padding: 1rem; }
.client-info .count-title { font-size: 2rem; font-weight: normal; margin-top: .85rem; margin-bottom: 0; text-align: center; }
.client-info .count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.client-info .fa-2x { margin: 0 auto; float: none; display: table; color: #17a2b8; font-size: 4rem; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }

/*# sourceMappingURL=index_portfolio.css.map */