.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: 20%; 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;}

/* consulting */
.selTit{text-align: center; padding-bottom: 60px; font-size: 40px; font-weight: 600; font-family: 'Pretendard';}
.sub .con1{background: #f7f7f7; padding: 50px 0; width: 1170px; display: flex; margin: auto; justify-content: center; color: #474554;}
.sub .con1 p{text-align: center; font-size: 20px; line-height: 2.25; letter-spacing: 3px;}

.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: 330px;}
    .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;}
    
    .info_nav ul{max-width: 390px; height: 53px; margin-top: -50px;}
    .info_nav ul li p{font-size: 8px;}

    .selTit{padding-bottom: 40px; font-size: 23px;}

    .sub{padding-top: 36px; padding-bottom: 80px;}
    .sub .con1{width: 390px; padding: unset;}
    .sub .con1 p{font-size: 1.465rem; line-height: 2; letter-spacing: 1px; padding: 18px;}
}