@charset "UTF-8";

#wrapper {max-width: calc(1780px + 80px); padding: 0 40px; margin: 0 auto;}
#container {max-width: calc(1780px + 80px) !important;}

.sub-page .sub-page-bg {background-image: url("../../../assets/images/user/intro-bg.png");}

@media screen and (max-width: 768px) {
    .sub-page-bg {background-image: url("../../../assets/images/user/intro-bg2.png") !important;}
}

.intro-wrap {display: flex; align-items: center; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.intro-img {width: 50%;}
.intro-img img {width: 100%; height: 100%; max-width: 890px; object-fit: cover;}
.intro-txt {width: 50%; height: 100%; padding-left: 50px;}
.intro-txt .intro-tit {font-size: 40px; font-weight: 600; font-family: 'BookkMyungjo', sans-serif; line-height: 1.5; word-break: keep-all;}
.intro-txt .intro-cont {font-size: 18px; font-weight: 300; line-height: 1.6; margin-top: 40px;}
.intro-txt .intro-cont span {font-weight: 600;}
.intro-txt .intro-cont .mo {display: none;}

@media screen and (max-width: 1500px) {
    .intro-txt {padding-left: 40px;}
    .intro-txt .intro-tit {font-size: 34px;}
    .intro-txt .intro-cont {margin-top: 36px;}
}

@media screen and (max-width: 1400px) {
    .intro-txt {padding-left: 30px;}
    .intro-txt .intro-tit {font-size: 30px;}
    .intro-txt .intro-cont {font-size: 16px;}
}

@media screen and (max-width: 1280px) {
    .intro-wrap {flex-direction: column; border-top: 0;}
    .intro-img {width: 100%;}
    .intro-img img {max-width: 100%;}
    .intro-txt {width: 100%; padding: 70px 0;}
    .intro-txt .intro-tit {font-size: 40px;}
    .intro-txt .intro-cont {font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .intro-txt {padding: 35px 0 40px;}
    .intro-txt .intro-tit {font-size: 24px;}
    .intro-txt .intro-cont {font-size: 14px; margin-top: 32px;}
    .intro-txt .intro-cont .mo {display: block;}
}