@charset "utf-8";

/* 내용관리 */
.ctt_admin {position: absolute;right: 15%;top:7%;z-index: 9999}


.bv_sub_container {width: 1600px;position: relative;margin: 100px auto 0;}
.bv_sub_container .bv_sub_bg_wrap {background-image: url("./img/sv01.jpeg");background-repeat: no-repeat;background-size: 100%;background-position: center;position: relative;width: 100%;height: 484px;overflow: hidden;-webkit-animation: scaleBG 6s forwards;animation: scaleBG 6s forwards;}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area {position: absolute;left: 100px;bottom: 45px;}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_bg_title {font-size: 42px;color: #fff;line-height: 1em;font-weight: 500;text-transform: capitalize}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap {margin-top: 45px;display: flex}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_big {color: #aeaeae;font-size: 14px;position: relative;padding-right: 9px;margin-right: 7px;text-transform: uppercase}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_big::before {content: '';width: 2px;height: 2px;background-color: #aeaeae;border-radius: 50%;position: absolute;top: 12px;right: 0;}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_list {display: flex;justify-content: center;align-items: center;flex-wrap: nowrap}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_list li {color: #aeaeae;font-size: 14px;text-transform: capitalize;white-space: nowrap;position: relative;padding-right: 9px;margin-right: 7px;}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_list li::before {content: '';width: 2px;height: 2px;background-color: #aeaeae;border-radius: 50%;position: absolute;top: 12px;right: 0;}
.bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_list li:last-child::before {width: 0;}

.bv_sub_container .bv_sub_content_wrap {background: #fff;position: relative;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_head {padding: 80px 0 40px 0;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_head::before {content: "";width: 100px;height: 4px;background-color: #0039a6;position: absolute;top: 0;left: 100px;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_head .bv_sub_content_title {font-size: 42px;font-weight: 600;line-height: 1em;margin-bottom: 20px;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap {display: flex;flex-wrap: wrap}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li {width: 50%;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_img {display: block;margin: auto;max-width: 100%;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li:nth-child(2) {padding-left: 110px;display: flex;flex-direction: column;justify-content: center;background-color: #f4f5f6;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_title {font-size: 26px;font-weight: 600;line-height: 1em;padding-bottom: 23px;position: relative;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_title::before {content: "";width: 88px;height: 2px;background-color: #000;position: absolute;bottom: 0;left: 0;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_desc {font-size: 16px;font-weight: 300;line-height: 1.6em;color: #454545;margin-top: 30px;width: 86%;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support {display: flex;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link:hover {opacity: 0.97;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link:first-child {background-color: #1f1f21;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link:last-child {background-color: #37383a;}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link {width: 50%;text-align: center;display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative;-webkit-transition: all ease .3s;transition: all ease .3s}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link::before {content: "";width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 1px solid rgba(255, 255, 255, 0.2);}
.bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link .bv_sub_content_support_label {font-size: 20px;font-weight: 500;line-height: 1em;color: #fff;margin-top: 43px;}



@-webkit-keyframes scaleBG {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 110%;
    }
}

@keyframes scaleBG {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 110%;
    }
}







/* 반응형 */
@media all and (max-width:1600px) {
    .ctt_admin {position: absolute;right: 3%;top: 5%;z-index: 9999;}

    .bv_sub_container {margin: auto;width: auto;padding-top: 60.27px;}
    .bv_sub_container .bv_sub_bg_wrap {background-size: cover;animation: none;}

}

@media all and (max-width:1199px) {

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head {padding: 45px 3.90625%}
    .bv_sub_container .bv_sub_content_wrap {width: auto;margin: auto}
    .bv_sub_container .bv_sub_bg_wrap {height: auto;padding: 100px 0 40px 3.90625%;background-size: cover;animation: none;}
    .bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area {position: inherit;left: auto;bottom: auto;}

    .bv_sub_container .bv_sub_bbs_lnb .bv_sub_bbs_lnb_list li a {font-size:14px;height: 50px;line-height: 50px;}
    .bv_sub_content_wrap {width: auto;margin-left: 3.90625%;margin-right: 3.90625%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li:nth-child(2) {padding:15px 45px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_desc {font-size: 14px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_img {width: 100%;height: 100%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link img {width: 40%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link .bv_sub_content_support_label {margin-top: 25px;font-size: 14px;}




}



/* 타블렛 세로 */
@media all and (max-width:1024px) {

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_title {font-size: 20px;}


}

/* 타블렛 세로 */
@media all and (max-width:900px) {


    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head::before {width: 50px;left: 10px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head .bv_sub_content_title {font-size: 24px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_desc {font-size: 14px;line-height: 1.6em;font-weight: 300;word-break: keep-all;}

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li {width: 100%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li:nth-child(2) {padding: 45px 3.90625%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link {padding: 50px 0;}

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_img {width: 100%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link {padding: 40px 0;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link img {width: 50%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link .bv_sub_content_support_label {font-size: 14px;margin-top: 15px;}



}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) {


    .bv_sub_container .bv_sub_content_qc_area .bv_sub_content_apply_wrap .bv_sub_content_apply_chk label {font-size: 13px}



}

/* 모바일 상세 */
@media all and (max-width:640px) {

    .ctt_admin {position: absolute;right: 3%;top: 3%;z-index: 9999;}


    .bv_sub_container .bv_sub_bg_wrap {height: auto;padding: 80px 3.90625%;}
    .bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_bg_title {font-size: 24px;text-align: center;}
    .bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap {justify-content: center;align-items: center;margin-top: 10px;}
    .bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_big {color: #fff;}
    .bv_sub_container .bv_sub_bg_wrap .bv_sub_bg_area .bv_sub_breadcrumb_wrap .bv_sub_breadcrumb_list li {color: #fff;}

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head {padding: 45px 3.90625%}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head::before {width: 50px;left: 10px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_head .bv_sub_content_title {font-size: 24px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_desc {font-size: 14px;line-height: 1.6em;font-weight: 300;word-break: keep-all;}


    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_title {font-size: 22px;padding-bottom: 15px;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li .bv_sub_content_intro_desc {font-size: 14px;margin-top: 15px;}

    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link {padding: 40px 0;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link img {width: 50%;}
    .bv_sub_container .bv_sub_content_wrap .bv_sub_content_intro_wrap li.bv_sub_content_support .bv_sub_content_support_link .bv_sub_content_support_label {font-size: 12.5px;margin-top: 15px;}

    .bv_sub_content_wrap {width: auto;margin: 0;}


}

/* 모바일 가로 */
@media all and (max-width:568px) {}

@media all and (max-width:425px) {}

@media all and (max-width:375px) {}

@media all and (max-width:320px) {}