@charset "utf-8";

/*루트 폰트사이즈 설정 시작*/
html {font-size: 0.75rem;}

body {
    min-width: 320px;
    color: #666;
    font-family: "Noto Sans KR", "arial", "sans=serif";
    overflow-x: hidden;
}

.container {
    width: 1200px;
    margin: 0px auto;
    box-sizing: border-box;
}

b {
    font-weight: 700;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.pc_br,
.pc_img {
    display: block;
}

.m_br,
.m_img {
    display: none;
}

.t_br {
    display: none;
}

.t_hide {
    display: inline-block;
}

.body_top {
    padding-top: 0px;
}

.subpg .body_top {
    margin-top: 115px;
}

.content_title01 {
    color: #000;
    font-size: 3.333rem;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 160%;
}

.content_title02 {
    color: #000;
    font-size: 2.333rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 160%;
}

.content_title03 {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 160%;
}

.content_title04 {
    color: #000;
    font-size: 1.667rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 140%;
}

.content_txt01 {
    font-size: 1.5rem;
    line-height: 160%;
}

.content_txt02 {
    font-size: 1.333rem;
    line-height: 160%;
}

.content_txt03 {
    font-size: 1.167rem;
    line-height: 160%;
}

@media screen and (max-width: 1199px) {
    .container {
        width: 90%;
    }

    .body_top {
        padding-top: 0px;
    }

    .subpg .body_top {
        margin-top: 80px;
    }

    .pc_br {
        display: none;
    }

    .t_br {
        display: block;
    }

    .m_br {
        display: none;
    }

    .content_title01 {
        font-size: 3.167rem;
    }

    .content_title02 {
        font-size: 2.667rem;
    }

    .content_title03 {
        font-size: 2.333rem;
    }

    .content_title04 {
        font-size: 2rem;
    }

    .t_hide {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .body_top {
        padding-top: 100px;
    }

    .subpg .body_top {
        margin-top: 100px;
    }
}

@media screen and (max-width: 1023px) and (orientation: landscape) {
    .body_top {
        padding-top: 70px;
    }

    .subpg .body_top {
        margin-top: 70px;
    }
}


@media screen and (max-width: 767px) {

    .pc_br,
    .t_br,
    .pc_img {
        display: none;
    }

    .m_br,
    .m_img {
        display: block;
    }

    .t_hide {
        display: inline-block;
    }

    .body_top {
        padding-top: 100px;
    }

    .subpg .body_top {
        margin-top: 100px;
    }

    .content_title01 {
        font-size: 2.5rem;
    }

    .content_title02 {
        font-size: 2.333rem;
    }

    .content_title03 {
        font-size: 2rem;
    }

    .content_title04 {
        font-size: 1.667rem;
    }

    .content_txt01 {
        font-size: 1.333rem;
    }

    .content_txt02 {
        font-size: 1.167rem;
    }

    .content_txt03 {
        font-size: 1rem;
    }

}