.main-content {
    width: 100%;
}

@media (min-width: 1024px) {  /* lg 크기 이상의 화면에서 */
    .main-content {
        width: 840px;
    }
}

.sidebar {
    width: 100%;
}

@media (min-width: 1024px) {  /* lg 크기 이상의 화면에서 */
    .sidebar {
        /*width: calc(1220px - 800px - 4rem);*/
        width: 360px    ;
        /*margin-left: 3rem;*/
        margin-top: 0;
    }
}

/*@media (max-width: 1023px) {  !* 작은 화면에서 상단 마진을 6 *!*/
/*    .sidebar {*/
/*        margin-top: 1.5rem;  !* mt-6 (6 * 0.25rem = 1.5rem) *!*/
/*    }*/
/*}*/

.sticky-container {
    position: sticky;
    top: 80px;
}
input:focus {
    outline: none;
}
.ad-slider {
    position: relative;
    overflow: hidden;
}
.ad-slide {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
}
.ad-slide.active {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.slider-dot.active {
    background-color: #F14556;
}
@media (max-width: 1220px) {
    .layout-container {
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

.border {
    border-width: 1px;
}

.border-primary {
    border-color: #F14556;
}

.bg-primary {
    background-color: #F14556;
}

.bg-primary\/5 {
    background-color: #F1455613;
}

.bg-primary\/10 {
    background-color: #F1455626;
}

.text-primary {
    color: #F14556FF !important;

}

.tag_area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
}

.to-primary\/0 {
    --tw-gradient-to: #F1455600 var(--tw-gradient-to-position);
}

.from-primary\/5 {
    --tw-gradient-from: #F145560D var(--tw-gradient-from-position);
    --tw-gradient-to: #F1455600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.mentor_image {
    overflow: hidden;
    position: relative;
}
.mentor_image_dim {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #0000000d;
    z-index: 100;
}


.question_contents {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 31px;
}
.copyright {
    font-weight: 300;
    color: #00000080;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 26px;
}
.question_contents_parent {
    position: relative;
    /*width: 700px;*/
    height: 704px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.question_contents_answer {
    /*width: 700px;*/
    height: 704px;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 31px;
    overflow: hidden;
}
.question_contents_dim {
    /*width: 700px;*/
    height: 634px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    /*backdrop-filter: blur(6px) brightness(100%);*/
    /*-webkit-backdrop-filter: blur(6px) brightness(100%);*/
    background: -webkit-gradient(
            linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 0)),
            color-stop(15%, rgba(246.95, 246.95, 246.95, 0.9)),
            color-stop(35%, rgb(242.1, 242.1, 242.1)),
            color-stop(96%, rgb(222.53, 222.53, 222.53))
    );
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(246.95, 246.95, 246.95, 0.9) 15%,
            rgb(242.1, 242.1, 242.1) 35%,
            rgb(222.53, 222.53, 222.53) 96%
    );
}
.question_contents_dim2 {
    width: calc(100vw - 40px);
    height: 722px;
    position: absolute;
    bottom: -18px;
    background-color: #ffffff80;
    backdrop-filter: blur(3px) brightness(100%);
    -webkit-backdrop-filter: blur(6px) brightness(100%);
}


@media (min-width: 1024px) {  /* lg 크기 이상의 화면에서 */
    .question_contents_parent, .question_contents_answer, .question_contents_dim2 {
        width: 840px;
    }
}


.question_sign_in_layer {
    position: absolute;
    left: calc(50vw - 187px);
    bottom: 230px;
    width: 334px;
    height: 245px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px #00000033;
            box-shadow: 0px 0px 12px #00000033;
}
.question_sign_in_layer2 {
    position: absolute;
    left: calc(50vw - 187px);
    bottom: 230px;
    width: 334px;
    height: 232px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px #00000033;
            box-shadow: 0px 0px 12px #00000033;
}

@media (min-width: 1024px) {  /* lg 크기 이상의 화면에서 */
    .question_sign_in_layer, .question_sign_in_layer2 {
        left: calc(420px - 167px);
    }
}

.question_signin_title {
    font-weight: 700;
    color: transparent;
    font-size: 22px;
    text-align: center;
    letter-spacing: 0;
    line-height: 26px;
    white-space: nowrap;
    color: #000000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}


.question_signin_description {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    color: #000000;
}
.question_signin_button {
    width: 270px;
    height: 48px;
    background-color: #f14556;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
}

.question_signin_button2 {
    margin-top: 30px;
    width: 270px;
    height: 48px;
    background-color: #f14556;
    border-radius: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
}

.question_partner_button {
    margin-top: 12px;
    width: 270px;
    height: 48px;
    border-color: #f14556;
    border-radius: 8px;
    border: 1px solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 500;
    color: #f14556;
    font-size: 16px;
}
.question_sign_in_layer_line {
    width: 270px;
    height: 1px;
    margin-top: 12px;
    background-color: #e5e5e5;
}

.rounded-button {
    border-radius: 8px;
}


.follow_now_container {
    width: 90px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #e8e8e8;
    border-radius: 8px;
    font-weight: 600;
    color: #101010;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 30px;
    cursor: pointer;
}


.bookmark_area {
    width: 53px;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
}
.bookmark_area:hover {
    background-color: #f5f5f5;
    border-radius: 100px;
}

.bookmark_on {
    width: 13px;
    height: 16px;
}

.bookmark_off {
    width: 13px;
    height: 16px;
}
.bookmark_count {
    margin-left: 8px;
    font-weight: 400;
    color: #000000b2;
    font-size: 13px;
    text-align: right;
}


.question_mentor_request_button {
    margin-top: 12px;
    width: 270px;
    height: 48px;
    border-color: #aa8f7d;
    border-radius: 8px;
    border: 1px solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-weight: 500;
    color: #7f614b;
    font-size: 16px;
}


.mobile_follow_now_container {
    /*width: 87px;*/
    /*height: 39px;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    background-color: #e8e8e8;
    border-radius: 8px;
    font-weight: 600;
    color: #101010;
    font-size: 13px;
    letter-spacing: 0;
    cursor: pointer;
}


.mobile_mentor_question_container {
    padding-right: 12px;
    padding-left: 12px;
    height: 39px;
    margin-left: 12px;
    height: 39px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #f14556;
    font-weight: 600;
    color: #f14556;
    font-size: 13px;
    cursor: pointer;
}