/* 인트로 */
.intro_container{width: 100%; min-height: 100vh; background: url(/images/web/wcs_ms/intro/img_bg.png) no-repeat center center / cover;}
.intro_container .introCntBody{max-width: 60rem; width: 100%; margin: 0 auto; padding: 3rem 0;}
.intro_container .introCntBody > .logo{text-align: center; margin-bottom: 3rem;}
.intro_container .introCntBody > .logo img{display: block; margin:0 auto; max-width: 13.35rem; width: 80%;}
.intro_container .introCntBody .contents > .tit{ word-break: keep-all; margin-bottom: 3rem; text-align: center; font-size: 2.2rem; color: #000000; font-weight: 300;}
.intro_container .introCntBody .contents > .tit span{font-weight: 600; color: #018ee1;}

.intro_wrap{display: flex;}
.intro_wrap .grt_wrap{flex-shrink: 0; width: 19rem; text-align: center;}
.intro_wrap .grt_wrap img{display: block; width: 95%; max-width: 15.4rem; margin: 0 auto;}
.intro_wrap .grt_wrap p{color: #333333;}
.intro_wrap .grt_wrap p span{color: #000; font-weight: 600; font-size: 1.1rem; font-style: italic;}
.intro_wrap .con_wrap .txt{margin-top: 1rem; font-size: 0.9rem; line-height: 1.6rem; word-break: keep-all;}
.intro_wrap .con_wrap .link_wrap{margin-top: 2.5rem;}
.intro_wrap .con_wrap .link_wrap ul{display: flex;}
.intro_wrap .con_wrap .link_wrap ul li{width: 10rem;}
.intro_wrap .con_wrap .link_wrap ul li ~ li{margin-left: 1rem;}
.intro_wrap .con_wrap .link_wrap ul li a{display: block; padding: 0.1rem; background: #7e58a5; border-radius: 0.6rem; text-align: center;}
.intro_wrap .con_wrap .link_wrap ul li:nth-child(even) a{background: #597812;}
.intro_wrap .con_wrap .link_wrap ul li a .logo{ display: flex; align-items: center; justify-content: center; height: 5rem; background: #fff; border-radius: 0.5rem;}
.intro_wrap .con_wrap .link_wrap ul li a .tit{display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 0.5rem 1rem;}

/* 인트로 : active */
.intro_wrap .con_wrap .link_wrap ul li a:hover .tit,
.intro_wrap .con_wrap .link_wrap ul li a:focus .tit{font-weight: 600;}


/* media query mobile */


@media (max-width: 1440px) {
}



@media (max-width: 1240px) {
}



@media (max-width: 1024px) {
}



@media (max-width: 768px) {

    /* 인트로 */
    .intro_container .introCntBody > .logo{margin-bottom: 2rem;}
    .intro_container .introCntBody .contents > .tit{font-size: 1.8rem; margin-bottom: 2rem;}

    .intro_wrap .grt_wrap{width: 15rem;}
}



@media (max-width: 660px) {

    /* 인트로 */
    .intro_container .introCntBody .contents > .tit{margin-bottom: 1rem;}
    .intro_wrap{flex-direction: column; align-items: center;}
    .intro_wrap .grt_wrap{width: 100%;}
    .intro_wrap .con_wrap .txt{text-align: center; padding: 0 1rem;}
    .intro_wrap .con_wrap .link_wrap ul{justify-content: center;}
}



@media (max-width: 580px) {
}



@media (max-width: 480px) {

    /* 인트로 */
    .intro_wrap .con_wrap .link_wrap ul{flex-direction: column; align-items: center;}
    .intro_wrap .con_wrap .link_wrap ul li ~ li{margin-left: 0; margin-top: 1rem;}

}



@media (max-width: 380px) {
}