/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.sv-service-section {
    padding: 100px 20px;
    background: #f7fafc;
    box-sizing: border-box;
}

.sv-service-section * {
    box-sizing: border-box;
}

.sv-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.sv-section-title {
    text-align: center;
    margin-bottom: 70px;
}

.sv-section-title span {
    display: inline-block;
    color: #00b7ff;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.sv-section-title h2 {
    font-size: 48px;
    font-weight: 800;
    color: #222;
    margin: 0 0 20px;
}

.sv-section-title p {
    color: #777;
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
}

.sv-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.sv-service-card {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .4s;
}

.sv-service-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 60px rgba(0,0,0,.12);
}

.sv-service-image {
    width: 100%;
    height: 260px;
    overflow: hidden;
}

.sv-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .5s;
}

.sv-service-card:hover .sv-service-image img {
    transform: scale(1.08);
}

.sv-service-content {
    padding: 35px;
}

.sv-service-content h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px;
    color: #222;
}

.sv-service-content h4 {
    color: #00b7ff;
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: 600;
}

.sv-service-content p {
    color: #666;
    font-size: 16px;
    line-height: 1.8;
    min-height: 80px;
    margin: 0;
}

.sv-service-content a {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.sv-service-content a:hover {
    transform: translateY(-3px);
}

/* 태블릿 */
@media (max-width: 1024px) {
    .sv-service-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .sv-section-title h2 {
        font-size: 38px;
    }
}

/* 모바일 */
@media (max-width: 767px) {
    .sv-service-section {
        padding: 60px 16px;
    }

    .sv-section-title {
        margin-bottom: 40px;
    }

    .sv-section-title span {
        font-size: 13px;
    }

    .sv-section-title h2 {
        font-size: 28px;
        line-height: 1.35;
    }

    .sv-section-title p {
        font-size: 15px;
        line-height: 1.7;
    }

    .sv-service-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .sv-service-card {
        border-radius: 18px;
    }

    .sv-service-card:hover {
        transform: none;
    }

    .sv-service-image {
        height: 210px;
    }

    .sv-service-content {
        padding: 24px 22px 28px;
    }

    .sv-service-content h3 {
        font-size: 24px;
    }

    .sv-service-content h4 {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .sv-service-content p {
        font-size: 15px;
        min-height: auto;
    }

    .sv-service-content a {
        width: 100%;
        text-align: center;
        padding: 13px 20px;
    }
}

/* 작은 모바일 */
@media (max-width: 420px) {
    .sv-service-image {
        height: 190px;
    }

    .sv-section-title h2 {
        font-size: 25px;
    }
}

/*.  */

/*   */
.quick-estimate {
    position: relative;
    width: 100%;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.estimate-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1;
}

.estimate-content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    min-height: 600px;
    margin: 0 auto;
    padding: 0 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    text-align: center;
    color: #fff;
}

.estimate-badge {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    background: rgba(255,255,255,.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.2);
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.estimate-content h2 {
    font-size: 72px;
    font-weight: 800;
    margin: 0 0 25px;
    line-height: 1.1;
}

.estimate-content p {
    font-size: 24px;
    line-height: 1.8;
    margin: 0 0 50px;
    color: rgba(255,255,255,.9);
}

.estimate-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-estimate {
    min-width: 220px;
    padding: 18px 35px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.3);
    backdrop-filter: blur(10px);
    color: #fff;
    text-decoration: none;
    border-radius: 60px;
    font-size: 18px;
    font-weight: 600;
    transition: .3s;
}

.btn-estimate:hover {
    background: #00b7ff;
    border-color: #00b7ff;
    color: #fff;
    transform: translateY(-5px);
}

.btn-estimate i {
    margin-right: 10px;
}

/* 모바일 */
@media (max-width: 768px) {
    .quick-estimate {
        min-height: 460px;
        background-position: center center;
    }

    .estimate-content {
        min-height: 460px;
        padding: 70px 18px;
    }

    .estimate-badge {
        font-size: 12px;
        padding: 10px 22px;
        margin-bottom: 20px;
    }

    .estimate-content h2 {
        font-size: 40px;
    }

    .estimate-content p {
        font-size: 16px;
        line-height: 1.7;
        margin-bottom: 35px;
        word-break: keep-all;
    }

    .estimate-buttons {
        width: 100%;
        gap: 12px;
    }

    .btn-estimate {
        width: 100%;
        min-width: auto;
        padding: 15px 20px;
        font-size: 16px;
    }
}

/* ********* */


.ebcontents-sect02-info {
    padding: 120px 20px;
    background: #f8fafc;
    box-sizing: border-box;
}

.ebcontents-sect02-info * {
    box-sizing: border-box;
}

.sv-info-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.section-title-info {
    text-align: center;
    margin-bottom: 70px;
}

.info-label {
    display: inline-block;
    color: #2563eb;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
    position: relative;
}

.info-label:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #2563eb;
    margin: 15px auto 0;
}

.section-title-info h3 {
    font-size: 52px;
    font-weight: 300;
    color: #222;
    line-height: 1.4;
    margin: 0 0 20px;
}

.section-title-info h3 strong {
    color: #2563eb;
    font-weight: 800;
}

.section-title-info p {
    font-size: 20px;
    color: #666;
    margin: 0;
}

.client-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.client-card {
    background: #fff;
    border-radius: 20px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    transition: .35s;
}

.client-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

.client-card img {
    display: block;
    max-width: 85%;
    max-height: 80px;
    width: auto;
    height: auto;
    filter: grayscale(100%);
    opacity: .8;
    transition: .35s;
}

.client-card:hover img {
    filter: none;
    opacity: 1;
    transform: scale(1.05);
}

/* 태블릿 */
@media (max-width: 991px) {
    .client-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .section-title-info h3 {
        font-size: 36px;
    }

    .section-title-info p {
        font-size: 17px;
    }

    .client-card {
        height: 140px;
        padding: 22px;
    }
}

/* 모바일 - 3열 x 4줄 */
@media (max-width: 768px) {
    .ebcontents-sect02-info {
        padding: 70px 14px;
    }

    .section-title-info {
        margin-bottom: 40px;
    }

    .info-label {
        font-size: 12px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .section-title-info h3 {
        font-size: 25px;
        line-height: 1.45;
    }

    .section-title-info p {
        font-size: 14px;
        line-height: 1.6;
        word-break: keep-all;
    }

    .client-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .client-card {
        height: 86px;
        border-radius: 12px;
        padding: 10px;
    }

    .client-card:hover {
        transform: none;
    }

    .client-card img {
        max-width: 92%;
        max-height: 48px;
        filter: none;
        opacity: 1;
    }
}

/* 아주 작은 모바일 */
@media (max-width: 420px) {
    .client-grid {
        gap: 8px;
    }

    .client-card {
        height: 78px;
        padding: 8px;
    }

    .client-card img {
        max-height: 42px;
    }

    .section-title-info h3 {
        font-size: 23px;
    }
}

/*          */

/* **************. */
.customer-service {
    padding: 110px 20px;
    background: #ffffff;
    box-sizing: border-box;
}

.customer-service * {
    box-sizing: border-box;
}

.cs-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.cs-section-title {
    text-align: center;
    margin-bottom: 70px;
}

.cs-section-title h2 {
    font-size: 48px;
    font-weight: 800;
    color: #222;
    margin: 0 0 20px;
}

.cs-section-title p {
    font-size: 20px;
    line-height: 1.7;
    color: #666;
    margin: 0;
}

.cs-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.cs-service-item {
    position: relative;
    text-align: center;
}

.cs-service-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto -55px;
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);

    display: flex;
    align-items: center;
    justify-content: center;
}

.cs-service-icon img {
    display: block;
    max-width: 75px;
    max-height: 75px;
}

.cs-service-card {
    min-height: 300px;
    padding: 85px 25px 35px;
    background: #f8fafc;
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    transition: .35s;
}

.cs-service-card h3 {
    font-size: 23px;
    font-weight: 800;
    color: #222;
    margin: 0 0 18px;
}

.cs-service-card p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
    margin: 0;
}

.cs-service-card{
    background:#f8fafc;
    transition:all .35s ease;
}

.cs-service-card h3{
    color:#222;
    transition:.35s;
}

.cs-service-card p{
    color:#666;
    transition:.35s;
}

/* 마우스 올렸을 때만 파란색 */
.cs-service-item:hover .cs-service-card{
    background:linear-gradient(
        135deg,
        #00c6ff,
        #0072ff
    );

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.cs-service-item:hover .cs-service-card h3,
.cs-service-item:hover .cs-service-card p{
    color:#fff;
}



.cs-service-item:hover .cs-service-card {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
}

/* 태블릿 */
@media (max-width: 991px) {
    .cs-service-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 55px 24px;
    }

    .cs-section-title h2 {
        font-size: 38px;
    }

    .cs-section-title p {
        font-size: 17px;
    }
}
/* 모바일 */
@media (max-width: 768px) {

    .customer-service {
        padding: 60px 15px;
    }

    .cs-section-title {
        margin-bottom: 50px;
    }

    .cs-section-title h2 {
        font-size: 28px;
    }

    .cs-section-title p {
        font-size: 14px;
        line-height: 1.7;
        word-break: keep-all;
    }

    .cs-service-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cs-service-icon {
        width: 90px;
        height: 90px;
        margin: 0 auto -40px;
    }

    .cs-service-icon img {
        max-width: 58px;
        max-height: 58px;
    }

    .cs-service-card {
        min-height: 220px;
        padding: 60px 14px 22px;
        border-radius: 18px;
    }

    .cs-service-card h3 {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .cs-service-card p {
        font-size: 13px;
        line-height: 1.6;
    }

    .cs-service-item:hover .cs-service-card {
        transform: none;
    }
}

/* 작은 모바일 */
@media (max-width: 390px) {

    .customer-service {
        padding: 55px 12px;
    }

    .cs-service-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .cs-service-icon {
        width: 78px;
        height: 78px;
        margin: 0 auto -35px;
    }

    .cs-service-icon img {
        max-width: 50px;
        max-height: 50px;
    }

    .cs-service-card {
        min-height: 200px;
        padding: 52px 10px 18px;
    }

    .cs-service-card h3 {
        font-size: 15px;
    }

    .cs-service-card p {
        font-size: 12px;
        line-height: 1.55;
    }
}

/* **************. */

/* **************. */

/* =========================
   SV CHART SECTION
========================= */

.sv-chart-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    background:#fff;
}

.sv-chart-title{
    text-align:center;
    margin-bottom:50px;
}

.sv-chart-title h2{
    font-size:60px;
    font-weight:800;
    margin-bottom:20px;
    color:#222;
}

.sv-chart-title h3{
    color:#c79a00;
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.sv-chart-title p{
    font-size:40px;
    line-height:1.5;
    color:#333;
    font-weight:300;
}

.sv-chart-title strong{
    font-weight:700;
}

.sv-chart-wrap{
    position:relative;
    max-width:1200px;
    margin:0 auto;
}

/* 흐르는 지역명 */

.sv-moving-text{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    overflow:hidden;
    z-index:1;
}

.sv-track{
    display:flex;
    width:max-content;
    animation:svScroll 50s linear infinite;
}

.sv-track span{
    font-size:110px;
    font-weight:800;
    color:rgba(0,0,0,.03);
    margin-right:70px;
    white-space:nowrap;
}

@keyframes svScroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* 그래프 */

.sv-chart-image{
    position:relative;
    z-index:5;
    text-align:center;
}

.sv-chart-image img{
    max-width:100%;
    width:900px;
}

/* 설명 */

.sv-chart-desc{
    text-align:center;
    margin-top:40px;
    font-size:22px;
    color:#666;
    line-height:1.8;
}

.sv-chart-desc strong{
    color:#00a6df;
}

/* 모바일 */

@media(max-width:768px){

    .sv-chart-section{
        padding:70px 15px;
    }

    .sv-chart-title h2{
        font-size:32px;
    }

    .sv-chart-title h3{
        font-size:18px;
    }

    .sv-chart-title p{
        font-size:20px;
    }

    .sv-track span{
        font-size:48px;
        margin-right:30px;
    }

    .sv-chart-desc{
        font-size:16px;
    }

}

/* ==========================
   견적문의 섹션
========================== */

.sv-contact-section{
    padding:100px 0;
    background:#f8fafc;
}

.sv-contact-wrap{
    display:flex;
    gap:50px;
    align-items:flex-start;
}

/* 왼쪽 */

.sv-contact-left{
    width:35%;
}

.sv-label{
    display:inline-block;
    color:#0d6efd;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.sv-contact-left h2{
    font-size:52px;
    font-weight:800;
    line-height:1.3;
    margin-bottom:25px;
    color:#222;
}

.sv-contact-left p{
    font-size:18px;
    line-height:1.8;
    color:#666;
    margin-bottom:40px;
}

.sv-contact-box{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.sv-contact-item{
    display:flex;
    align-items:center;
    gap:20px;

    padding:20px;

    background:#fff;
    border-radius:15px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.sv-contact-item i{
    width:55px;
    height:55px;

    line-height:55px;
    text-align:center;

    border-radius:50%;

    background:#0d6efd;
    color:#fff;

    font-size:22px;
}

.sv-contact-item strong{
    display:block;
    color:#222;
    margin-bottom:5px;
}

.sv-contact-item span{
    color:#666;
}

/* 오른쪽 */

.sv-contact-right{
    width:65%;
}

/* customer1.php 박스 꾸미기 */

.sv-contact-right .contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* 모바일 */

@media(max-width:991px){

    .sv-contact-wrap{
        flex-direction:column;
    }

    .sv-contact-left,
    .sv-contact-right{
        width:100%;
    }

    .sv-contact-left h2{
        font-size:34px;
    }

}


/* 20200212. */
/* ebcontents ebcontents-sect01 waypoints-sect01 action */
/* 섹션 */
.section {position:relative}
.section-3rd {padding:0 0 0}
.section.section-2nd {padding:0}
.section-3rd-left {margin-bottom:30px}
/* 섹션 타이틀 */
.ebcontents-master {text-align:center;}
.ebcontents-master h2 {margin-top:30px;font-size:38px;font-weight:700;margin-bottom:40px}
.ebcontents-master p {font-size:16px;margin-bottom:40px;font-family:sans-serif}
@media (min-width:992px){
    .section-3rd-row {margin:0 -15px}
    .section-3rd-row:after {content:"";display:block;clear:both}
    .section-3rd-left {float:left;width:65%;padding:0 15px;margin-bottom:0}
    .section-3rd-right {float:right;width:35%;padding:0 15px}
}
@media (max-width:767px){
    .section-3rd {padding:40px 0}
    .ebcontents-master {margin-bottom:40px}
    .ebcontents-master h3 {font-size:20px}
    .ebcontents-master p {font-size:14px}
    
}
/* ebcontents ebcontents-sect01 waypoints-sect01 action    end */


.ebcontents-sect01 {position:relative;padding:0px 0 50px}
.ebcontents-sect01 .section-box {position:relative}
/* 아이템 상하단 흰색 삼각형 */
.ebcontents-sect01 .section-box:before, .ebcontents-sect01 .section-box:after, .ebcontents-sect01 .section-box .section-image:after {content:"";position:absolute;left:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.ebcontents-sect01 .section-box:before {top:0;border-top:30px solid #fff;border-left:0 solid transparent;border-right:263px solid transparent;z-index:1}
.ebcontents-sect01 .section-box:after {bottom:0;border-bottom:10px solid #fff;border-left:0 solid transparent;border-right:263px solid transparent}
/* 이미지 */
.ebcontents-sect01 .section-box .section-image {position:relative;overflow:hidden}
.ebcontents-sect01 .section-box .section-image:after {bottom:0;border-bottom:10px solid #22282E;border-left:0 solid transparent;border-right:263px solid transparent}
.ebcontents-sect01 .section-box .section-image img {max-width:100%;height:auto;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
/* 타이틀 */
.ebcontents-sect01 .section-box .section-content {position:relative;padding:10px 10px 30px;background:#22282E;text-align:center}
.ebcontents-sect01 .section-box .section-content h3 {margin-top:0;color:#fff;font-size:18px}
.ebcontents-sect01 .section-box .section-content h5 {margin-bottom:0;color:#fff}
.ebcontents-sect01 .section-box .section-content h3, .ebcontents-sect01 .section-box .section-content h5 {-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.ebcontents-sect01 .section-box:hover .section-content h3, .ebcontents-sect01 .section-box:hover .section-content h5 {color:#69AFDB}
/* 마우스 오버 애니메이션 */
.ebcontents-sect01 .section-box:hover .section-image img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

@media (min-width:992px) and (max-width:1199px){
    .ebcontents-sect01 .section-box:before, .ebcontents-sect01 .section-box:after, .ebcontents-sect01 .section-box .section-image:after {border-right-width:213px}
}
@media (min-width:768px) and (max-width:991px){
    .ebcontents-sect01 .section-box:before, .ebcontents-sect01 .section-box:after, .ebcontents-sect01 .section-box .section-image:after {border-right-width:158px}
}
@media (max-width:992px) {
    .ebcontents-sect01 .section-box .section-content h3 {font-size:14px}
    .ebcontents-sect01 .section-box .section-content h5 {font-size:12px}
}
@media (max-width:767px) {
    .ebcontents-sect01 .section-box:before, .ebcontents-sect01 .section-box:after, .ebcontents-sect01 .section-box .section-image:after {display:none}
    .ebcontents-sect01 {padding:10px 0}
    .ebcontents-sect01 .section-box {margin-bottom:30px}
    .ebcontents-sect01 .section-box .section-content {padding:20px 10px}
    .ebcontents-sect01 .ebcontents-master h2 {margin-top:30px;font-size:24px;font-weight:700;margin-bottom:20px}
}
@media (max-width:530px) {
    .ebcontents-sect01 .col-xs-6 {width:50%}
}
/* waypoints animation */
@media (min-width:992px){
    .ebcontents-sect01 .section-box {-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;right:-30px;opacity:0}
    .ebcontents-sect01 .section-box-1 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
    .ebcontents-sect01 .section-box-2 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
    .ebcontents-sect01 .section-box-3 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
    .ebcontents-sect01 .section-box-4 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
    .ebcontents-sect01.action .section-box {right:0;opacity:1}
}



.ebcontents-caption {position:relative;margin-bottom:50px}
/* ebcontents master */
.ebcontents-caption .ebcontents-master {position:relative;margin-bottom:50px}
.ebcontents-caption .ebcontents-master h2 {margin:20px 0;text-align:center;font-size:30px;font-weight:700;}
.ebcontents-caption .ebcontents-master h2 i {margin:0 5px;font-size:.25em;vertical-align:middle;color:#ccc}
.ebcontents-caption .ebcontents-master h2 span {color:#DB3A35}
.ebcontents-caption .ebcontents-master p {text-align:center;font-size:18px;color:#707070}
/* ebcontents item */
.ebcontents-item {position:relative}
/* 캡션 목록 */
.caption-list {position:relative;z-index:1}
.caption-list ul {margin:0 -15px}
.caption-list ul li {float:left;width:25%;padding:0 15px}
.caption-list ul li img {}
.caption-list ul li h4 {margin:20px 0 20px;font-size:20px;font-weight:700;text-align:center;font-size:18px}
.caption-list ul li p {padding:10px;font-size:15px;background:#eee}
<?php if ($eyoom['is_responsive'] == '1' || G5_IS_MOBILE) { // 반응형 또는 모바일일때 ?>
@media (min-width:992px) and (max-width:1199px){
    .ebcontents-caption .ebcontents-master:after {bottom:-80px;height:300px}
}
@media (max-width:991px){
    .caption-list ul li {float:left;width:50%}
    .caption-list ul li:nth-child(1), .caption-list ul li:nth-child(2) {margin-bottom:50px}
    .caption-list ul li p {height:70px;overflow:hidden}
}
@media (max-width:767px){
    .ebcontents-caption .ebcontents-master {margin-bottom:20px}
    .ebcontents-caption .ebcontents-master h2 {margin:10px 0;font-size:24px;margin-bottom:20px;margin-top:20px;}
    .ebcontents-caption .ebcontents-master p {font-size:15px}
}
@media (max-width:530px){
    .caption-list ul li {width:100%;margin-bottom:50px}
    .caption-list ul li:last-child {margin-bottom:0}
    .caption-list ul li p {height:auto}
}

/* 20200215 추가 */
.ebcontents-contact-inner {position:relative}
/* 아이템 */
.contact-item {position:relative}
/* 왼쪽 */
.contact-item .contact-form {max-width:1200px;margin:0 auto;padding:40px;background:rgba(230, 232, 226, 0.9)}
.contact-item .contact-form input[type="text"], .contact-item .contact-form input[type="email"], .contact-item .contact-form textarea {padding:7px 0;font-size:13px;background:none;border:0 none !important;border-bottom:1px solid #707070 !important}
.contact-item .contact-form section {margin-bottom:20px}
.contact-item .contact-form section .label {font-size:13px;font-weight:400;}
.contact-item .contact-form section .label span {color:#f00}
.contact-item .contact-form input[type="text"], .contact-item .contact-form input[type="email"] {height:40px}
.contact-item .contact-form input[type="text"]:focus, .contact-item .contact-form textarea:focus {outline:none}
.contact-item .eyoom-form fieldset {background:none}
.contact-item #captcha #captcha_info {color:#ddd}
.contact-item .btn-submit {display:block;width:100%;;padding:8px 0;border:0 none;font-size:15px;background:#0074E8;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s}
.contact-item .btn-submit:hover {background:#1b1b1b}
#captcha #captcha_key {border:0 none !important}

/* section title */
.ebcontents .master-title, .eblatest .master-title {position:relative;margin-bottom:40px;text-align:center}
.ebcontents .master-title h2, .eblatest .master-title h2 {position:relative;margin:0 0 20px;font-size:28px;line-height:40px;font-weight:700;color:#000;}
.ebcontents .master-title h2:after, .eblatest .master-title h2:after {content:"";display:block;position:absolute;left:50%;bottom:-10px;transform:translate(-50%, 0);width:50px;height:1px;background:#333}
.ebcontents .master-title.color-white h2:after, .eblatest .master-title.color-white h2:after {background:#fff}
.ebcontents .master-title h3 {margin:10px 0 0;font-size:18px;color:#000;}
.ebcontents .master-title.color-white h2, .eblatest .master-title.color-white h2, .ebcontents .master-title.color-white h3, .eblatest .master-title.color-white h3 {color:#353535}




/* alert */
.ebcontents-contact .eyoom-form label.error {font-size:12px;color:#fff}
.ebcontents-contact .contact-email-alert p {padding:10px;border-left:2px solid #0074E8;color:#fff;background:#444}

/*----------  iocn image addon CUSTOM STYLE ----------*/

/* 메인 아이콘 메뉴 */
.main-icon-menu:before {background-color:#a8aab3;display:block;content:"";width:100%;height:228px;position:absolute;top:0;left:0}
.main-icon-menu {position:relative}
.main-icon-menu > .container > .row {margin:0}
.main-icon-menu > .container > .row > div {padding:0}
.icon-box-one, .icon-box-four {float:left;width:50%;text-align:center}
.icon-box-one {height:228px;background-color:#3D4254}
.icon-box-one a {display:block;width:100%;height:100%}
.icon-box-one h4 {padding:30px 0 25px;margin:0;font-size:18px;font-weight:bold;color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.icon-box-one a img {display:inline-block;width:110px;border-radius:50% !important;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.icon-box-one a:hover h4 {text-shadow:2px 3px 3px rgba(0,0,0,0.5)}
.icon-box-one a:hover img {box-shadow:2px 3px 3px rgba(0,0,0,0.5)}
.icon-box-four {background:#fff}
.icon-box-four ul {margin:0}
.icon-box-four ul li {width:50%;float:left;height:114px}
.icon-box-four ul li a {display:block;width:100%;height:100%}
.icon-box-four ul li a img {display:inline-block;width:50px;margin:20px 0 10px}
.icon-box-four ul li a h4 {color:#536E7B;margin:0;font-size:14px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.icon-box-four ul li a:hover h4 {color:#082332}
@media (min-width:550px) and (max-width:991px){
	.main-icon-menu:before {height:252px}
	.icon-box-one {width:25%;height:126px}
	.icon-box-one h4 {padding:15px 0 5px;font-size:14px}
	.icon-box-one a img {width:65px}
	.icon-box-four {width:75%;box-shadow:0 0 1px #ddd}
	.icon-box-four ul li {width:25%;height:126px}
	.icon-box-four ul li a img {margin-top:26px}
}
@media (max-width:554px){
	.main-icon-menu:before {height:316px}
	.icon-box-one {height:158px}
	.icon-box-one h4 {padding:20px 0 15px}
	.icon-box-one a img {width:75px}
	.icon-box-four ul li {height:79px}
	.icon-box-four ul li a img {width:37px;margin:10px 0 5px}
	.icon-box-four ul li a h4 {font-size:12px}
}

.main-icon-introduce {height:228px;background-color:#1C1C26;padding-top:30px}
.main-icon-introduce h3 {margin:0 0 25px 30px;font-size:18px;font-weight:bold;color:#fff}
.main-icon-introduce ul li {float:left;width:25%}
.main-icon-introduce ul li a {display:block;text-align:center;height:110px;width:110px;margin:0 auto;padding-top:22px;border:2px solid #AFBEC5;border-radius:50% !important;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.main-icon-introduce ul li a img {display:inline-block;width:40px}
.main-icon-introduce ul li a h4 {color:#AFBEC5;font-size:12px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.main-icon-introduce ul li a:hover {border-color:#fff}
.main-icon-introduce ul li a:hover h4 {color:#fff}
@media (max-width:991px){
	.main-icon-introduce {padding:20px 0;height:inherit}
	.main-icon-introduce h3 {margin:0 0 10px 15px;font-size:14px}
}
@media (max-width:555px){
	.main-icon-introduce ul li {width:50%}
	.main-icon-introduce ul li:nth-child(1), .main-icon-introduce ul li:nth-child(2) {margin-bottom:10px}
}
/*----------  iocn image addon CUSTOM STYLE ---------- */
/* 20200215 추가 끝 */


@media (max-width:991px){

    .mobile-nav-trigger{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .mobile-nav-trigger img{
        width:24px;
        height:auto;
        display:block !important;
    }

}