.wrap[max="1280"]{ max-width: 1280px; }

.outerbx{ width: 100%; position: relative; overflow: hidden; padding: 110px 0; font-size: 16px; font-family: 'Poppins', sans-serif; letter-spacing: 0; }
.outerbx .bgobj{ position: absolute; right: 0; top: 550px; font-size: 14.95vw; font-weight: 600; letter-spacing: -0.025em; color: rgba(156, 0, 19, 0.03); z-index: 0; }

.outerbx ul::after{ display: none; }

.outerbx .wrap{ position: relative; z-index: 1; }
.outerbx .wrap .sub_tab{ width: 100%; }
.outerbx .wrap .sub_tab > em{ font-size: 14px; font-style: unset; text-align: right; display: block; width: 100%; color: rgba(0,0,0,0.6); margin-bottom: 10px; display: none; }
.outerbx .wrap .sub_tab > ul{ display: flex; justify-content: center; gap: 20px; }
.outerbx .wrap .sub_tab > ul li{ font-size: 16px; font-weight: 300;  color: #000; background-color: #dddddd; padding: 14px 20px; box-sizing: border-box; min-width: 200px; text-align: center; cursor: pointer; }
.outerbx .wrap .sub_tab > ul li.on{ background-color: #9c0013; color: #fff;  }

.outerbx .wrap .contBox{ width: 100%; }
.outerbx .wrap .contBox .cont{margin-top: 95px; display: none; }
.outerbx .wrap .contBox .cont.on{ display: block; }
.outerbx .wrap .contBox .cont .title > dl dt{ font-size: 42px; font-weight: 600; color: #9c0013; line-height: calc(60 / 42); }
.outerbx .wrap .contBox .cont .title > dl dt::after{ content: ''; display: block; width: 40px; height: 4px; background-color: #9c0013; margin: 40px 0; }
.outerbx .wrap .contBox .cont .title > dl dd{ font-size: 16px; color: #727272; line-height: calc(32 / 16); }
.outerbx .wrap .contBox .cont .bottom{ margin-top: 100px; }
.outerbx .wrap .contBox .cont .dot_title{ display: flex; align-items: center; }
.outerbx .wrap .contBox .cont .dot_title .dots{ position: relative; display: flex; }
.outerbx .wrap .contBox .cont .dot_title .dots > div{ border-radius: 50%; }
.outerbx .wrap .contBox .cont .dot_title .dots > .s{ width: 12px; height: 12px; background-color: #dadada; }
.outerbx .wrap .contBox .cont .dot_title .dots > .l{ width: 15px; height: 15px; background-color: #9c0013; margin-left: -7px; margin-top: 2px; }

.outerbx .wrap .contBox .cont .dot_title h3{ font-size: 24px; color: #9c0013; font-weight: 600; margin-left: 8px; }
.outerbx .wrap .contBox .cont .flexbx{ display: flex; justify-content: space-between; margin-top: 20px; }
.outerbx .wrap .contBox .cont .flexbx .lbx{ width: calc(768 / 1280 * 100%); position: relative; padding-bottom: 33.25%; background-color: #fbf5f6; }
.outerbx .wrap .contBox .cont .flexbx .lbx iframe{ width: 100%; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.outerbx .wrap .contBox .cont .flexbx .lbx .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; font-size: 112px; color: #9c0013; }

.outerbx .wrap .contBox .cont .flexbx .rbx{ width: calc(490 / 1280 * 100%); }

.outerbx .wrap .contBox .cont .flexbx .rbx > ul{ display: grid; grid-template-columns: 1fr 1fr; height: 100%; gap: 17px; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul::after{ display: none; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul li{ height: 100%; padding: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #f7f7f7; }

.outerbx .wrap .contBox .cont .flexbx .rbx > ul li strong{ font-size: 22px; font-weight: 500; display: block; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul li img{ display: block; margin: 0 auto; margin-top: 20px; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a{ display: flex; align-items: center; justify-content: center; border-radius: 1000px; border: 1px solid rgba(94, 94, 94, 0.3); width: 100%; max-width: 160px; padding: 3px 0; margin-top: 25px; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a span{ font-size: 16px; margin-right: 10px; }
.outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a i{ font-size: 16px; color: #9c0013; }

/* cont 02 */
.outerbx .wrap .contBox .cont._2 .dot_title h3{ font-size: 36px; border-bottom: 2px solid #9c0013; box-sizing: border-box; margin-left: 23px; }
.outerbx .wrap .contBox .cont .links{ margin-top: 55px; background-color: #f7f7f7; }
.outerbx .wrap .contBox .cont .links > ul{ width: 100%; display: flex; justify-content: center; }
.outerbx .wrap .contBox .cont .links > ul li{ width: 33.33%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 10px; box-sizing: border-box;  }
.outerbx .wrap .contBox .cont .links > ul li strong{ font-size: 24px; font-weight: 500; display: block; line-height: 1.2; }
.outerbx .wrap .contBox .cont .links > ul li strong br{ display: none; }

.outerbx .wrap .contBox .cont .links > ul li img{ display: block; margin: 0 auto; margin: 25px 0; }
.outerbx .wrap .contBox .cont .links > ul li > a{ border-radius: 100px; border: 1px solid rgba(94, 94, 94, 0.2); display: flex; align-items: center; justify-content: center; padding: 4px 10px; box-sizing: border-box; width: 100%; max-width: 160px; }

.outerbx .wrap .contBox .cont .links > ul li > a span{ display: block; font-size: 16px; margin-right: 20px; }
.outerbx .wrap .contBox .cont .links > ul li > a i{ color: #9c0013; }

.outerbx .wrap .contBox .cont .map{ width: 100%; border: 1px solid #cccccc; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin-top: 35px; }


/* cont 03, 04 */
.outerbx .wrap .contBox .cont .infolist{ width: 100%; }
.outerbx .wrap .contBox .cont._3 .dot_title h3,
.outerbx .wrap .contBox .cont._4 .dot_title h3{ font-size: 30px; margin-left: 15px; }
.outerbx .wrap .contBox .cont .infolist li{ width: 100%; margin-bottom: 45px; }
.outerbx .wrap .contBox .cont .infolist li p{ font-size: 18px; line-height: calc(34 / 18); padding-left: 40px; box-sizing: border-box; width: 100%; margin-top: 10px; }
.outerbx .wrap .contBox .cont .infolist li p span{ color: #9c0013; font-weight: 600; }
.outerbx .wrap .contBox .cont .infolist li p > a b{ display: inline-block; padding: 0 6px; box-sizing: border-box; background-color: rgba(190, 190, 190, 0.28); color: #727272; font-weight: 400; border-radius: 12px; }



/* cont 05 */
.outerbx .wrap .contBox .cont._5 .dot_title h3{ font-size: 30px; margin-left: 15px; font-weight: 700; }
.outerbx .wrap .contBox .cont .faqlist{ margin-top: 65px; }
.outerbx .wrap .contBox .cont .faqlist > ul{ width: 100%; }
.outerbx .wrap .contBox .cont .faqlist > ul li{ width: 100%; cursor: pointer; }

.outerbx .wrap .contBox .cont .faqlist > ul li::after{ content: ''; display: block; margin: 15px 0; background-image: url(../images/admission/dottedLine.png); background-size: cover; width: 100%; height: 3px; }

.outerbx .wrap .contBox .cont .faqlist > ul li > div{ display: flex; align-items: center; }
.outerbx .wrap .contBox .cont .faqlist > ul li em{ display: block; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 600; color: #fff; margin-right: 20px; background-color: #9c0013; font-style: unset; flex-shrink: 0; }
.outerbx .wrap .contBox .cont .faqlist > ul li .q_ small{ font-size: 24px; font-weight: 600; line-height: calc(32 / 24); color: #2f2725; }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_{ padding-bottom: 0; padding-top: 30px; display: none; }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_ em{ background-color: rgba(156, 0, 19, 0.5); }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_ .flex{ display: flex; align-items: center; }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_ p{ font-family: 'Noto Sans KR', sans-serif; font-size: 18px; line-height: calc(34 / 18); color: #595757; }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_ p > a{ color: #9fa0a0; }
.outerbx .wrap .contBox .cont .faqlist > ul li .a_ p span{ color: #9fa0a0; }


@media screen and (max-width: 1440px){
    .outerbx .wrap .sub_tab > ul li{ min-width: unset; display: flex; align-items: center; justify-content: center; padding: 10px 15px; font-size: 14px; }
}

@media screen and (max-width: 1280px){
    .outerbx .wrap .contBox .cont .title > dl dt{ font-size: 32px; }
    .outerbx .wrap .contBox .cont .title > dl dt::after{ margin: 20px 0; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul{ gap: 10px; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li strong{ font-size: 18px; line-height: 1.1; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li img{ margin-top: 10px; width: 60px; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a{ margin-top: 15px; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a span{ font-size: 14px; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li > a i{ font-size: 14px; }

    .outerbx .wrap .contBox .cont._2 .dot_title h3{ font-size: 26px; margin-left: 10px; }
    .outerbx .wrap .contBox .cont .links{ margin-top: 30px; }
    .outerbx .wrap .contBox .cont .links > ul li{ padding: 20px 10px; }
    .outerbx .wrap .contBox .cont .links > ul li strong{ font-size: 20px; height: 2.4em; }
    .outerbx .wrap .contBox .cont .links > ul li strong br{ display: block; }
    .outerbx .wrap .contBox .cont .links > ul li > a span{ font-size: 14px; margin-right: 10px; }
    .outerbx .wrap .contBox .cont .links > ul li > a i{ font-size: 14px; }

    .outerbx .wrap .contBox .cont._3 .dot_title h3, .outerbx .wrap .contBox .cont._4 .dot_title h3{ font-size: 24px; margin-left: 10px; }
    .outerbx .wrap .contBox .cont .infolist li p{ font-size: 16px; padding-left: 32px; }
    .outerbx .wrap .contBox .cont .infolist li p br{ display: none; }

    .outerbx .wrap .contBox .cont._5 .dot_title h3{ font-size: 26px; margin-left: 10px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .q_ small{ font-size: 20px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_{ padding-top: 20px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_ p{ font-size: 16px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_ p br.none{ display: none; }
    .outerbx .wrap .contBox .cont .faqlist > ul li em{ font-size: 22px; width: 32px; height: 32px; margin-right: 10px; }
}

@media screen and (max-width: 1024px){
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li strong{  height: 2.2em; display: flex; align-items: center; justify-content: center; justify-content: center; }
}

@media screen and (max-width: 820px){
    .outerbx{ padding: 70px 0; }
    .outerbx .wrap .sub_tab > ul{ flex-wrap: wrap; justify-content: center; gap: 10px; }
    .outerbx .wrap .sub_tab > ul li{ font-size: 12px; padding: 5px 10px; min-width: 30%; }
    
    .outerbx .wrap .contBox .cont{ margin-top: 50px; }
    .outerbx .wrap .contBox .cont .dot_title{ align-items: flex-start; }
    .outerbx .wrap .contBox .cont .dot_title .dots{ margin-top: 7px; }
    .outerbx .wrap .contBox .cont .title > dl dt{ font-size: 26px; }
    .outerbx .wrap .contBox .cont .title > dl dt br{ display: none; }
    .outerbx .wrap .contBox .cont .title > dl dd{ font-size: 14px; }

    .outerbx .wrap .contBox .cont .dot_title h3{ font-size: 22px; }
    .outerbx .wrap .contBox .cont .flexbx{ display: block; }
    .outerbx .wrap .contBox .cont .flexbx .lbx{ width: 100%; padding-bottom: 56.25%; }
    .outerbx .wrap .contBox .cont .flexbx .rbx{ width: 100%; margin-top: 10px; }

    .outerbx .wrap .contBox .cont._2 .dot_title h3{ font-size: 22px; border-bottom: none; text-decoration: underline; text-underline-position: under; }

    .outerbx .wrap .contBox .cont .links > ul li strong{ font-size: 16px; }
    .outerbx .wrap .contBox .cont .links > ul li img{ width: 80px; }
    .outerbx .wrap .contBox .cont .map{ margin-top: 30px; }

    .outerbx .wrap .contBox .cont._3 .dot_title h3, .outerbx .wrap .contBox .cont._4 .dot_title h3{ font-size: 22px; }
    .outerbx .wrap .contBox .cont .infolist li{ margin-bottom: 30px; }
    .outerbx .wrap .contBox .cont .infolist li p{ font-size: 14px; margin-top: 5px; }
    .outerbx .wrap .contBox .cont._5 .dot_title h3{ font-size: 22px; }
    .outerbx .wrap .contBox .cont .faqlist{ margin-top: 30px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_{ padding-top: 10px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_ p{ font-size: 14px; line-height: 1.6; }
}

@media screen and (max-width: 500px){
    .outerbx{ padding: 50px 0; }
    .outerbx .wrap .sub_tab > em{ display: block; }
    .outerbx .wrap .sub_tab > ul{ flex-wrap: unset; width: 500px; justify-content: flex-start; width: 100%; overflow: auto; }
    .outerbx .wrap .sub_tab > ul li{ min-width: 110px; }
    .outerbx .wrap .contBox .cont .title > dl dt{ font-size: 18px; }

    .outerbx .wrap .contBox .cont .dot_title h3{ font-size: 18px; }
    .outerbx .wrap .contBox .cont .flexbx .rbx > ul li strong{ font-size: 14px; }
    .outerbx .wrap .contBox .cont .bottom{ margin-top: 40px; }

    .outerbx .wrap .contBox .cont._2 .dot_title h3{ font-size: 18px; }
    .outerbx .wrap .contBox .cont .links > ul{ display: block; }
    .outerbx .wrap .contBox .cont .links > ul li{ width: 100%; }
    .outerbx .wrap .contBox .cont .links > ul li img{ margin: 15px 0; width: 60px; }
    .outerbx .wrap .contBox .cont .links > ul li strong{ font-size: 14px; }

    .outerbx .wrap .contBox .cont._3 .dot_title h3, .outerbx .wrap .contBox .cont._4 .dot_title h3{ font-size: 18px; margin-left: 5px; }
    .outerbx .wrap .contBox .cont .infolist li p{ padding-left: 25px; font-size: 13px; }

    .outerbx .wrap .contBox .cont._5 .dot_title h3{ font-size: 18px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .q_ small{ font-size: 16px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li em{ width: 25px; height: 25px; font-size: 18px; }
    .outerbx .wrap .contBox .cont .faqlist > ul li .a_ p{ font-size: 13px; }
}