/*Content CSS*/
#c3_wrap{overflow: hidden; padding: 40px 0; }
.c3_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; display: flex;}
.c3_inner h3{ font-size: 20px; font-weight: 500; color: #333;}
.c3_inner .box > h3{ margin-bottom: 20px;}
.c3_inner .box{flex-shrink: 0; display: flex; flex-direction:column; justify-content: space-between; }
.c3_inner .box:nth-child(1){padding-right: 50px; width: 25.7%;}
.c3_inner .box:nth-child(n+2){border-left: solid 1px #ddd; width: 32.4%;}
.c3_inner .box:nth-child(2){padding: 0 40px;}
.c3_inner .box:nth-child(3){flex-grow: 1; padding-left: 40px; width: 41.9%;}
.c3_inner .text_list{margin-top: 20px;}
.c3_inner .text_list li{font-size: 12px; line-height: 20px; letter-spacing: -.6px; color: #333;}
.c3_inner .text_list li b{font-size: 20px; font-weight: 500; color: #167179;}
.c3_inner .tel{font-size: 40px; line-height: 1; font-weight: 700; color: #167179;font-style: italic;}
.c3_inner .box .img img{width: 100%;}
.c3_inner .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.c3_inner .top a.gall_btn{font-size: 25px; font-weight: 500; color: #333;}
.c3_inner .box:nth-child(2) .img a{display: block; height: 156px; position: relative;}
.c3_inner .box:nth-child(2) .img a::before{content: ''; display: block; width: 50px; height: 50px; background: url('../img/play_icon.png') 50% / cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.c3_inner .box:nth-child(2) .img a img{width: 100%; height: 100%; object-fit: cover;}
.flex{display: flex; align-items:center;}
.tab{display: none;}
.tab.active{display: flex;}

.tab > li{width: calc(33.3% - 6.6px); margin-right: 10px; }
.tab > li:last-child{margin-right: 0;}
.tab > li a{display: block;}
.tab > li a img{width: 100%; height: 100%; min-height: 156px; object-fit: cover;}

.tab_list li > a{font-size: 16px; cursor: pointer; transition: .3s;}
.tab_list{display: flex; margin-right: 20px;}
.tab_list li a::after{content: 'ㅣ'; display: inline-block; margin: 0 7px; font-weight: 300; color: #ddd;}
.tab_list li:last-child a::after{display: none; }
.tab_list li a.active{color: #167179;}

@media screen and (min-width:1025px) {
    .tab_list li a:hover{color: #167179;}
}
@media screen and (max-width:1400px) {
    .c3_inner .box:nth-child(1){padding-right: 30px;}
    .c3_inner .box:nth-child(2){padding: 0 30px;}
    .c3_inner .box:nth-child(3){padding-left: 30px;}

}

@media screen and (max-width:1280px) {
    .c3_inner{flex-wrap: wrap;}
    .c3_inner .box:nth-child(-n+2){width: 50%;}
    .c3_inner .box:nth-child(2){padding-right: 0;}
    .c3_inner .box:nth-child(3){width: 100%; padding-left: 0; padding-top: 30px; margin-top: 30px; border-top: solid 1px #ddd; border-left: 0;}
    .tab li a img{min-width: 0; min-height: 0;}
    .c3_inner .box:nth-child(2) .img a{height: 180px;}
}

@media screen and (max-width: 1024px) {
    .c3_inner{padding: 0 30px;}
    #c3_wrap br:not(.space){display: none;}


}
@media screen and (max-width: 768px) {
    .c3_inner .box{width: 100% !important;border-top: solid 1px #ddd;}
    .c3_inner .box:nth-child(1){padding: 0 0 30px 0; border-top: 0; text-align: center;}
    .c3_inner .box:nth-child(2){border-left: 0; padding: 30px 0;}
    .c3_inner .box:nth-child(3){margin-top: 0;}
    .c3_inner .box:nth-child(2) .img a{height: auto}
}
@media screen and (max-width: 640px) {
    .c3_inner{padding: 0 20px;}
    .c3_inner h3{ font-size: 18px;}
    .c3_inner .box > h3, .c3_inner .top{ margin-bottom: 15px;}
    .c3_inner .text_list li b{font-size: 18px;}
    .c3_inner .tel{font-size: 35px;}
    .c3_inner .box:nth-child(1){padding-bottom: 20px;}
    .c3_inner .box:nth-child(2){padding: 20px 0;}
    .c3_inner .box:nth-child(3){padding-top: 20px;}

    .tab_list li > a{font-size: 14px;}
    .tab_list{ margin-right: 15px;}
    .tab_list li a::after{margin: 0 5px;}


}