.title .content{background: url(../img/topimg.jpg) no-repeat center; background-size: cover; height: 440px;}
.title .txt{text-align: left; width: 100%; max-width: 1170px; margin: 0 auto; padding-top: 200px;}
.title .txt p:first-child{color: #fff; padding-bottom: 20px; font-size: 40px; font-weight: 700;}
.title .txt p:last-child{color: #fff; font-size: 20px; font-weight: 600;}

.info_nav ul{background: #fff; width: 100%; max-width: 1170px; margin: 0 auto; height: 60px; margin-top: -60px; list-style: none;}
.info_nav ul li{float: left; display: flex; justify-content: center; align-items: center; height: 100%; position: relative; width: 50%; font-size: 18px; font-weight: 500; text-align: center; position: relative;}
.info_nav ul li::after{width: 1px; height: 18px; background: #d3d3d3; position: absolute; right: 0; top: 50%; margin-top: -9px; display: block; content: "";}
.info_nav ul li.on p{color:var(--pink); font-weight: bold;}
.info_nav ul li.on p::after{display: block; content: ""; width: 100%; background: var(--pink); bottom: -10px; position: absolute; height: 2px;}
.info_nav ul li p{display: inline-block; font-size: 18px; color: #4d4d4d; font-weight: 500; text-align: center; position: relative; cursor: pointer;}

.sub{padding-top: 60px; padding-bottom: 150px;}

/* partner */
.selTit{text-align: center; padding-bottom: 60px; font-size: 40px; font-weight: 600; font-family: 'Pretendard';}
.sub .con1 p{border-top: 1px solid #dadada; text-align: center; padding: 15px 0; font-size: 18px; color: #434343; font-weight: 500;}
.sub .con1 {width: 1170px; margin: 0 auto; padding: 50px 0; box-sizing: border-box;}
.sub .con1 .partner {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; width: 100%;}
.sub .con1 .partner > div {display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #dadada; padding-top: 10px; box-sizing: border-box; text-align: center; height: 140px;}
.sub .con1 .partner img {max-width: 100%; max-height: 100px; object-fit: contain; margin-bottom: 10px;}
.sub .con1 .partner p {font-size: 16px; color: #434343; font-weight: 500; margin: 0; margin-top: auto; padding: 15px 0; background: #f2f2f2; width: 100%; border-top: 1px solid #dadada; box-sizing: border-box; text-align: center; }

.wrap{display: none;}
.wrap.on{display: block !important;}
.pc{display: block !important;}

/* media queries */
@media (max-width:991px) {
    html{font-size: 55%;}
    header{padding: 2rem;}
    section{padding: 2rem;}
    .home{background-position: left;}
}

@media (max-width:768px) {
    .title .content{height: 270px;}
    .title .txt{padding-top: 140px; margin-left: 20px;} 
    .title .txt p:first-child{padding-bottom: 13px; font-size: 26px;}
    .title .txt p:last-child{font-size: 13px;}

    .selTit{padding-bottom: 18px; font-size: 25px;}

    .sub{padding-bottom: 30px;}
    .sub .con1{width: 360px; padding: 25px 0;}
    .sub .con1 .partner{gap: 10px; grid-template-columns: repeat(3, 1fr);}
    .sub .con1 .partner > div{height: 112px;}
}