@charset "utf-8";

/* **********************************************************************************	*/
/*																						*/
/*						MAIN.CSS (pc Style Sheets)		     		         		    */
/*																						*/
/* 								                                                    	*/
/* 작성자	: DOUNG YOUNG KIM													    		*/
/* 작성일	: 2023-07-10													     			*/
/* **********************************************************************************	*/

/* CSS 수정시 수정날짜,수정한 사람 기입 */




.system-wrap .nav .nav-item button {
    width:100%;
    border:solid 3px #eee;
    height:66px;
    border-radius:20px;
    color:#adadad;
    padding:0;
}

.system-wrap .nav .nav-item {
    width:16%;
    height:66px;
    margin-right:10px;
}

.system-wrap .nav .nav-item button.active {
    background:none;
    color:#ec2224;
    font-weight:bold;
    border:solid 3px #ec2224;
}

.system-wrap .nav .nav-item:last-child {
    margin-right:0;
}

.system-wrap .nav {
}

.tab-content {
    margin:70px 0;
}


.sub-wrap {

    background: #fff;

}

.sub-col .container {
    margin:0;

}

.sub-col {
    position:relative;
    top:-140px;
    background:#fff;
}


.content-header h3 {
    font-size:41px;
    font-weight:bold;
    line-height:55px;
    letter-spacing:-1px;
    margin-bottom:0;
}

.content-header h3 span {
    color:#ec2224;
}

.content-header {
    margin-bottom: 65px;
}


.content-box1 {
    padding:90px 60px 0 60px;
}

.tab-header h3 {
    font-size:33px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.tab-header {
    padding-bottom: 20px;
    border-bottom: solid 4px #eee;
    margin-bottom: 50px;
}

.tab-wrap p {
    font-size:15px;
    color: #555;
}

.tab-wrap p span {
    color: #ec2224;;
}

.row .img-box img {
    width:100%;
}

.text-box p {
    margin-top: 40px;
    line-height: 27px;
}

#pills-home .tab-content-box2 img {
    width:95px;
    height: 95px;
    position: relative;
    z-index: 3;
}

#pills-home .tab-content-box2 h5 {
    font-size:28px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-bottom: 35px;
}

#pills-home .tab-content-box2 .info-box {
    background:#f5f5f5;
    border-radius: 15px;
    padding: 50px 0;
    text-align: center;
    position: relative;
}

#pills-home .tab-content-box2 .info-box p {
    margin-top: 15px;
    font-size: 17px;
    color: #555;
}


#pills-home .tab-content-box2 .info-box .icon-span:before {
    content:'';
    width:43px;
    height:43px;
    background: #ec2224;
    border-radius:50px;
    position:absolute;
    left: 60px;
    top: 55px;
    z-index: 2;
}

#pills-contact .tab-content-box2 {
    background: #f5f5f5;
    padding: 37px;
    border-radius: 15px;
}

#pills-contact1 p {
    margin-top: 40px;
}

#pills-contact2 p {
    margin-top: 40px;
}

.tab-content-box2 {
    margin-top:75px;
}

@media (max-width: 1199px) {
    .content-box1 {
        padding:0;
    }
    .system-wrap .nav {
        gap:10px;
    }
    .tab-header h3 {
        font-size:21px;
    }
    .img-box {
        margin-top:30px;
    }
    .tab-header {
        margin-bottom:20px;
    }
    .tab-wrap p br {
        display:none;
    }
    #pills-contact .tab-content-box2 {
        padding: 25px;
    }
    #pills-contact .tab-content-box2 .img-box {
        margin-top:0;
    }
    #pills-contact3 .text-box {
        margin-top:30px;
    }
}

@media (max-width:523px) {
    .system-wrap .nav {
        gap:5px;
        row-gap:20px;
    }
    .system-wrap .nav .nav-item {
        width: 49%;
        margin-right: 0;
    }

}