@charset "utf-8";

.guide-container {background: #F6F6F6; padding-top: 100px; padding-bottom: 240px;}
.guide-container .guide-bg-bsair {width: 100%; background: #F6F6F6 url(/en/asset/images/07_guide/guide-bg-bioStar-air.webp) center top no-repeat; }

.guide-content-wrap {padding-top: 200px;}
.guide-content-wrap .content-bg {background: rgba(246, 246, 246, 0.95); border-radius: 24px 24px 0 0;overflow: hidden;}
.guide-content-wrap .content-bg .sec-line { height: 20px; background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(143,113,245,1) 70%)}

.guide-container .section1 { padding: 50px;}

.guide-container .guide-bg-bsair .txt-gr {background: -webkit-linear-gradient(310deg, #00a0e9 0%, #8f71f5 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.guide-container .section1 {color: #222;}
.guide-container .section1 .sub-txt {color: #666;}
.guide-container .section1 .guide-tit {font-size: 48px; margin: 16px 0; line-height: 1.2;}
.guide-container .section1 .guide-sub-tit {font-size: 24px; font-weight: 500;}
.guide-container .section1 .row {align-items: center;}

/* font */
.guide-container .sub-txt {font-size: 24px;}

.guide-content-wrap .section2 {padding: 50px 30px;}
.guide-content-wrap .wrap-content-txt{padding-right: 100px;}


figure.bd-round {border-radius: 16px; overflow: hidden;}

.guide-content-wrap .section3 .sub-txt {margin-bottom: 36px;} 
.guide-content-wrap .section3 p {margin-top: 24px;}


@media screen and (min-width: 1921px) {
    .guide-container .guide-bg-bsair { background: #F6F6F6 url(/en/asset/images/07_guide/guide-bg-bioStar-air.webp) center top / 100% auto no-repeat; }
}

@media screen and (max-width: 1215px) {
    .guide-container {padding-top: 0; padding-bottom: 100px;}
    .guide-content-wrap {padding-top: 100px;}
    .guide-bg .sub-max-inner {background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 5%);}
}

@media screen and (max-width: 890px) {
    .guide-container .row .col + .col {margin-top: 24px;}

    .guide-container .section1 .tit-grp {padding-top: 0;}
    .guide-container .section1 .guide-tit {font-size: 32px;} 
    .guide-container .section1 {padding: 24px 24px 0;}
    .guide-container .section1 .guide-sub-tit,
    .guide-container .sub-txt {font-size: 18px;} 

    .guide-content-wrap .wrap-content-txt {padding-right: 0;}
    .guide-content-wrap .section2 {padding: 30px 0;}
    .guide-content-wrap .section1 .row,
    .guide-content-wrap .section2 .row {flex-direction: column-reverse;}

    figure img {width: 100%;}
    .guide-container .wrap-form iframe{height: 820px;}
}