/*
bs         xs         sm         md         lg          xl
------------------------------------------------------------------
v4       <576px     ≥576px     ≥768px     ≥992px     ≥1200px
*/

@media (min-width: 576px){/*size-sm*/
  .hide-sm { display: none !important; }
}
@media (max-width: 575px){/*size-xs*/
  .hide-xs { display: none !important; }
}
@media (min-width: 768px){/*size-md*/
  .hide-md { display: none !important; }
}
@media (min-width: 992px){/*size-lg*/
  .hide-lg { display: none !important; }
}
@media (min-width: 1200px){/*size-xl*/
  .hide-xl { display: none !important; }
}


/*-------------- COMMON --------------*/
header .menu { display: none; }
.page-survey button.bt-noti-pop { display: none; }
.no-scrollbar { scrollbar-color: transparent transparent; }
.no-scrollbar::-webkit-scrollbar { height: 0px; }
.no-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
.no-scrollbar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
.no-scrollbar::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0); }
.mp-alert { display: none; }
.hidden-pc { display: none; }


/*-------------- [BS - none] etc. size --------------*/
@media (max-width: 1399px){
  .dropdown-backdrop { display: none; }
  header { padding: 0 5px; }
  header .gnb { display: none; }
  header .menu { display: block; }
  header .menu button.bt-snb { margin-right: 10px; margin-left: 0; }
  header .login { position: absolute; right:55px; }
  header .snb button.bt-close { right:15px; }

  .main-page section.section-top { border-top-left-radius: 100px; }

  .main-page section.sec-main .items .inner { padding: 100px 35px 50px; }
  .main-page section.sec-main .items .inner p.common-head { font-size: 22px; }
  .main-page section.sec-main .items .inner h2 { font-size: 42px; margin-bottom: 18px; }
  .main-page section.sec-main .items .inner p.tx-body { font-size: 23px; }
  .main-page section.sec-main .nav-box { padding: 40px 45px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item { height: 200px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a { padding: 22px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.ico-m { bottom: 15px; left: 25px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.vmore { bottom: 28px; }
  .main-page section.sec-main .nav-box .func-wrap { bottom: 40px; }

  .main-page section.sec-news a.item>.img-wrap { height: 155px; }
  .main-page section.sec-link .item>a { height: 160px; padding: 15px 15px; }
  .main-page section.sec-link .item>a>p.s-desc { font-size: 17px; }

  .sub-page .box-item { padding: 30px 20px 20px; }

  .page-survey div.sec-01 { padding: 40px 50px; }
  .page-survey div.sec-02 { padding: 50px 50px; }
}


/*-------------- [BS -lg] below XL --------------*/
@media (max-width: 1199px){
  a.bt-lab, button.bt-lab { font-size: 14px; padding: 4px 6px; }

  .section-desc { font-size: 38px; }

  .main-page section.sec-top { margin-top: 0; }
  .main-page section.section-top { border-radius: 0; }
  .main-page section.section-btm { border-bottom-left-radius: 0; border-bottom-right-radius: 90px; }

  .main-page section.sec-main .items img.s-img { width: initial; min-width: 100vw; }
  .main-page section.sec-main .nav-box .func-wrap { top:calc(-50% + 20px); bottom:0; left:0; width: 100%; }
  .main-page section.sec-main .nav-box .func-wrap>*:not(.bt-arrow) { display: none; }
  .main-page section.sec-main .nav-box .func-wrap>button.prevArrow { margin-left: 20px; }
  .main-page section.sec-main .nav-box .func-wrap>button.nextArrow { float: right; margin-right: 20px; }
  .main-page section.sec-main .nav-box .top-slide-nav { width: 75%; }
  .main-page section.sec-news a.item { padding: 25px 25px 20px; }
  .main-page section.sec-news a.item>.img-wrap { height: 130px; }

  .main-page section.sec-link .item>a { height: 150px; }
  .main-page section.sec-link .item>a>.ico-box { top: 28px; }
  .main-page section.sec-link .item>a>.ico-box>span { font-size: 35px; }
  .main-page section.sec-link .item>a>p.s-desc { font-size: 16px;padding: 0 10px; }

  .sub-page { border-radius: 0 0px 80px 15px; }
  .sub-page .box-item>p.v-more { bottom: 12px; left: 15px; font-size: 15px; letter-spacing: -0.5px; }

  .sub-page.page-exam .mit-box { padding: 65px 20px 40px; }
  .sub-page.page-exam .mit-box .i-tit { font-size: 23px; }
  .sub-page.page-exam .mit-box .i-sub { font-size: 18px; letter-spacing: -0.5px; }

  .sub-page.page-buy.purchase .item-wrap.item-s2 .item { width: calc(33.33% - 30px); }
  .sub-page.page-buy.purchase .item-wrap .item>ul { padding: 20px 25px; }
  .sub-page.page-buy.purchase .item-wrap .item:hover>ul { padding: 15px 25px 5px; }
  .sub-page.page-buy.order .box-item { margin: 0 2px; padding: 25px 15px 20px }
  .sub-page.page-buy.order .box-item>p:nth-child(2) { font-size: 21px; }

  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-head>li { font-size: 13px; letter-spacing: -1px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-cont>li,
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.training-period>p,
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.ap-period>p { font-size: 14px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li>button { min-width: initial; width: 100%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(2) { width: 28%;}
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(3) { width: 20%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(6) { width: 18%; }

  .sub-page.page-mypage>div.container { padding: 20px 15px 80px; }

  .page-mypage .mp-lnb .menu-list { padding: 25px 15px; }
  .page-mypage .mp-lnb .menu-list .bt-wrap button.btn-md { font-size: 13px; letter-spacing: -0.5px; }

  .sub-page.complete div.info-box { padding: 15px 5%; }
}

/*-------------- [BS - md] below LG --------------*/
@media (max-width: 991px){
  .container { padding: 0 30px; }
  .section-desc { margin: 10px 0 20px; }
  .sub-page { border-radius: 0 0px 55px 15px }
  .sub-page .container { padding: 60px 20px 50px; }
  .sub-page .content-body { padding: 20px 0; margin-bottom: 30px; }
  .sub-page .content-body h3 { margin-bottom: 30px; }
  .sub-page .box-item { min-height: 200px; }
  .sub-page .box-item>p { font-size: 18px; }
  .modal#fs-popup-md { padding-left:17px; }
  a.bt-lab, button.bt-lab { padding: 4px 10px; }

  footer { padding: 40px 0; }
  footer ul>li.f-link { display: block; }
  footer ul>li.f-link>a { margin: 0 0 0 15px; }
  footer ul>li.f-link>a>span { font-size: 23px; }
  footer p { font-size: 13px; word-break: keep-all; }

  .main-page section .container { padding: 60px 30px 80px; }
  .main-page section.sec-main .items .inner h2 { font-size: 40px; margin-bottom: 15px; }
  .main-page section.sec-main .items .inner p.tx-body { width: 95%; font-size: 22px; }
  .main-page section.sec-main .nav-box { padding: 30px 30px; }
  .main-page section.sec-main .nav-box .top-slide-nav { width: 85%; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a { padding: 20px 20px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.ico-m { bottom: 20px; left: 20px; }
  .main-page section.sec-news a.item { padding: 20px 20px; }
  .main-page section.sec-news a.item>h3 { margin-bottom: 10px; }
  .main-page section.sec-link .item>a { margin-bottom: 20px; }

  .sub-page.page-intro.vision .bi-list img { width: 100%; }
  .sub-page.page-intro.greet .square-box.wide { margin-left: 0; }
  .sub-page.page-intro.about .content-body.b-left,
  .sub-page.page-intro.about .content-body.b-right { margin:0 10px; }
  .sub-page.page-intro.location .col-sm-12 { width: 100%; max-width: 100%; flex: 0 0 100%; }
  .sub-page.page-intro.location .addr-wrap { margin: 0; }
  .sub-page.page-intro.location .addr-wrap table { width: 100%; }

  .sub-page.page-exam.outline .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .sub-page.page-exam.outline .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .sub-page.page-exam.outline .feature-wrap { margin:0 8%; }
  .sub-page.page-exam.outline .feature-wrap .flex-center { padding: 2rem 3rem; }
  .sub-page.page-exam.outline table.tb-level>tbody>tr>td>p { font-size: 16px; }
  .sub-page.page-exam.outline table.table>tbody>tr>td { font-size: 15px; }

  .sub-page.page-exam.mit .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .sub-page.page-exam.mit .mit-box { padding: 35px 35px 40px; }

  .sub-page.page-exam.refer div.item>a { padding: 0 18px; }
  .sub-page.page-exam.refer div.item>p { font-size: 16px; }

  .sub-page.page-exam.info .col-sm-12 { flex: 0 0 100%; max-width: 100%;}
  .sub-page.page-exam.info .guide-use>div { border-bottom: 2px solid #eaeaea; }
  .sub-page.page-exam.info .guide-use .flex-center>ul { width: 100%; }
  .sub-page.page-exam.info .guide-use .flex-center>ul>li>img { width: 100px; }

  .sub-page.page-buy.purchase .item-wrap .item>ul>li { font-size: 16px; padding-left: 0; }
  .sub-page.page-buy.purchase .item-wrap .item>ul>li.tit { font-size: 21px; margin-bottom: 20px; }
  .sub-page.page-buy.purchase .item-wrap.item-s1 { padding: 0 5rem; }
  .sub-page.page-buy.purchase .item-wrap.item-s2 { padding: 0 10px; }
  .sub-page.page-buy.purchase .item-wrap.item-s2 .item { width: calc(33.33% - 15px); }

  .sub-page.page-buy.order .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .sub-page.order .item-wrap,
  .sub-page.order .item-detail { padding:0; }
  .sub-page.order .pay-wrap { padding: 0 8px; }
  .sub-page.page-buy.howto .alert {  width: 80%; }

  .progress-circle .item-wrap .item,
  .progress-circle .item-wrap .item .box,
  .progress-circle .item-wrap .item>.bar>canvas { width: 120px !important; height: 120px !important; }
  .progress-circle .item-wrap .text { font-size: 14px; }

  .sub-page.page-inq ul.artc-list2>li.artc>ul>li { padding: 8px 2px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-cont>li, 
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.training-period>p, 
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.ap-period>p { font-size: 13px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(1) { display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(3) { width: 25%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(5) { width: 9%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(6) { width: 15%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(7) { width: 13%; }

  .sub-page.page-inq.order .col-sm-12 { flex: 0 0 100%; max-width: 100%; }

  .sub-page.page-cs .faq-list>li>a { padding: 25px 60px 25px 10px; }
  .sub-page.page-cs.inquiry .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .sub-page.page-cs.inquiry .item-wrap { margin-bottom: 50px; }
  
  .sub-page.page-mypage .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .page-mypage .pagi-wrap { text-align: center; }
  .page-mypage .table-func .search-wrap { margin-bottom: 10px; }
  .page-mypage .mp-lnb { background: #f6f2fb; }
  .page-mypage .mp-lnb .user-inf { padding: 15px 15px; height: initial; justify-content: left; align-items: center; display: flex; }
  .page-mypage .mp-lnb .user-inf .u-icon { width: 200px; border-bottom: none; border-right: 1px solid #b6c1c3; padding-bottom: 0; margin: 0 55px 0 0; }
  .page-mypage .mp-lnb .user-inf .u-icon>span { font-size: 60px; }
  .page-mypage .mp-lnb .user-inf .u-name { font-size: 26px; }
  .page-mypage .mp-lnb .user-inf .u-ids { font-size: 20px; margin-left: 10px; padding: 0 5px; }
  .page-mypage .mp-lnb .user-inf .u-ids::before { content:'(ID : ';}
  .page-mypage .mp-lnb .user-inf .u-ids::after { content: ')';} 
  .page-mypage .mp-lnb .menu-list { height: 97px; margin-bottom: 10px; background: #fff; }
  .page-mypage .mp-lnb .menu-list>ul { margin:7px 0 0; border:none; padding:0; }
  .page-mypage .mp-lnb .menu-list>ul>li { float: left; width: 18%; margin: 0; text-align: center; }
  .page-mypage .mp-lnb .menu-list>ul>li>a { font-size: 18px; }
  .page-mypage .mp-lnb .menu-list>h3 { display: none; }
  .page-mypage .mp-lnb .menu-list .bt-wrap { top: 0; right: 0; left: initial; width: 155px; border-left: 1px solid #e4e9e9; }
  .page-mypage .mp-body { border-left: 1px solid #c3d8db; padding: 35px 35px; height: initial; }
  .page-mypage .mp-body .item-wrap:last-child { margin-bottom: 0; }

  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th, .page-mypage.mp-orders .item-wrap table.table>tbody>tr>td { padding: 15px 2px; }

  .page-survey div.sec-01 { position: relative; width: 100%; height: auto; padding: 30px 60px 10px; }
  .page-survey button.bt-noti-pop { display: block; position: absolute; top: 65px; right: 60px; }
  .page-survey div.sec-01>* { animation: none !important; }
  .page-survey div.sec-01 .info-wrap, .page-survey div.sec-01 .alert { display: none; }
}

/*-------------- [BS - sm] below MD --------------*/
@media (max-width: 767px){
  .container { padding: 0 20px; }
  .section-desc { font-size: 32px; line-height: 34px; letter-spacing: -0.5px; }
  .modal#fs-popup-md { padding-left: 0; }
  .modal#fs-popup-md > .modal-md { max-width: 90%; }
  .modal#fs-popup-sm > .modal-sm { max-width: 90%; }
  .fs-modal .modal-content .modal-body { padding: 25px 25px; }
  .slider-sp .item { padding:0; }
  .item-wrap table.table>tbody>tr>th { width: 100px; }
  table.tb-level>tbody>tr>td .lb-child { padding: 2px 4px; }
  ul.artc-list1>li.artc { padding: 10px 10px 0; }
  ul.artc-list1>li.artc>ul.a-cont { padding-bottom: 10px; }
  .pagi-wrap>ul.paginate>li>a { padding: 5px 9px; }
  .pagi-wrap>ul.paginate>li.prev, .pagi-wrap>ul.paginate>li.next { padding: 1px 8px; }
  table.table>tbody>tr>th, table.table>tbody>tr>td { padding: 15px 10px; }

  header { padding: 0 5px; }
  header .logo a.img-logo { width: 130px; }
  header .login { right: 40px; }
  header .login button { display: none; }
  header .login button.bt-mypage { display: block; }
  header .menu button { margin: 0 5px 0 0; }
  header .snb ul.main-menu>li div.menu-wrap>a>p { font-size: 18px; }
  header .snb ul.main-menu>li div.menu-wrap>ul.sub-menu>li>a { font-size: 18px; }
  footer { padding: 25px 0; }
  footer ul.info-list { width: 100%; margin-bottom: 20px !important; }
  footer ul.info-list>li>a { margin-right: 0px; font-size: 12px; display: block; padding: 8px 0; }

  .main-page section .container { padding: 30px 25px 30px; }
  .main-page section.section-top { margin-top: 0; }
  .main-page section.sec-main .items .inner { padding: 90px 20px 0px; }
  .main-page section.sec-main .items .inner p.common-head { font-size: 21px; }
  .main-page section.sec-main .items .inner h2 { font-size: 34px; }
  .main-page section.sec-main .items .inner p.tx-body { font-size: 20px; }
  .main-page section.sec-main .items img.s-img { min-height: 100vh; }
  .main-page section.sec-main .nav-box { bottom:0px; padding: 20px 20px; }
  .main-page section.sec-main .nav-box .func-wrap>.cnt-box { display: none; }
  .main-page section.sec-main .nav-box .top-slide-nav { width: 100%; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item { height: 160px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a { padding: 18px 15px 15px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a p { font-size: 19px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.ico-m { left: 15px; bottom: 15px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.vmore { bottom: 20px; right: 15px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.active>a span.ico-m { font-size: 60px; }
  .main-page section.sec-main .nav-box .top-slide-nav .slick-list { overflow-x: visible; margin-left: -20px; margin-right: -20px; padding-right:65px; padding-left: 10px; }
  .main-page section.sec-main .nav-box .top-slide-nav .slick-list .nav-item { margin:0 10px;}
  .main-page section.sec-main .nav-box .top-slide-nav .slick-list .nav-item:not(.slick-active)>a { background: rgba(0,0,0,0.55); }
  .main-page section.sec-main .nav-box .top-slide-nav .slick-list .nav-item.slick-active>a { background-color: #fff; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.active>a { transition: all ease-in-out 0.22s; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.active>a img { display: none; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.slick-active>a img { display: block; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.slick-active>a p,
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.slick-active>a span { color:#333; }
  .main-page section.sec-link .item>a>.ico-box>span { font-size: 48px; }
  
  .sub-page .container { padding: 40px 30px 40px; }
  .sub-page h2 { font-size: 26px; }
  .sub-page h2+p.s-tit { font-size: 17px; }
  .sub-page p { word-break: keep-all; }
  .sub-page p.desc { font-size: 20px; }
  .sub-page .content-head { height: 160px; }
  .sub-page .content-body { padding: 15px 0; }
  .sub-page .content-body h3 { font-size: 22px; margin-bottom: 20px; }
  .sub-page .sub-menu>ul>li { padding: 0 12px; }
  .sub-page .sub-menu>ul>li>a { padding: 20px 12px; font-size: 14px; }
  .sub-page .box-item { min-height: 140px; padding: 20px 18px 20px; }
  .sub-page .box-item>p { font-size: 17px; line-height: 22px; }
  .sub-page .box-item>p.v-more { bottom: 10px; left:10px; }

  .sub-page.page-intro.vision .desc-list { height: 140px; padding: 18px 14px; }
  .sub-page.page-intro.vision .desc-list p { font-size: 18px; line-height: 22px; }
  .sub-page.page-intro.vision .img-box img { width: 90%; }
  .sub-page.page-intro.vision .bi-list p.desc { width: 100%; }
  .sub-page.page-intro.greet p.desc { line-height: 30px; }
  .sub-page.page-intro.about .content-body.b-left { margin-bottom: 60px; }

  .sub-page.page-exam .c-box { margin-right: 10px; }
  .sub-page.page-exam p.d-tit { font-size: 28px; margin-bottom: 5px; line-height: 28px; }
  .sub-page.page-exam.outline .feature-wrap { margin: 0 5%; }
  .sub-page.page-exam.outline .feature-wrap .flex-center { padding: 2rem 2rem; }
  .sub-page.page-exam.outline .feature-wrap .flex-center p { font-size: 18px; }
  .sub-page.page-exam.outline table.tb-level>tbody>tr>td>p { font-size: 13px; }
  .sub-page.page-exam.outline table.table>tbody>tr>td { font-size: 14px; padding: 8px 2px; }
  .sub-page.page-exam.outline table.tb-level>tbody>tr:nth-child(n+2)>td { padding: 15px 4px; }
  .sub-page.page-exam.mit .mit-box { padding: 58px 24px 40px; }
  .sub-page.page-exam.refer div.item>a { padding: 0 5px; }

  .sub-page.order .pay-wrap>div { padding: 10px 0; }
  .sub-page.page-buy.purchase .item-wrap.item-s1 { padding: 0 1.5rem; }
  .sub-page.page-buy.purchase .item-wrap.item-s2 .item { width: calc(33.33% - 10px); } 
  .sub-page.page-buy.purchase .item-wrap .item>ul { padding: 15px 12px; }
  .sub-page.page-buy.purchase .item-wrap .item>ul>li { font-size: 15px; letter-spacing: -1px; }
  .sub-page.page-buy.purchase .item-wrap .item>ul>li.tit { font-size: 19px; }

  .sub-page.page-buy.order .box-item { margin: 0 2px; padding: 12px 10px 20px; }
  .sub-page.page-buy.order .box-item>p:nth-child(2) { font-size: 18px; }
  .sub-page.page-buy.order .box-item.selected>p.v-more { bottom: 38px; }

  .progress-circle .item-wrap .item,
  .progress-circle .item-wrap .item .box,
  .progress-circle .item-wrap .item>.bar>canvas { width: 100px !important; height: 100px !important; }
  .progress-circle .item-wrap .item .box { background-color: transparent; }
  .progress-circle .item-wrap .text { font-size: 12px; line-height: 15px; }
  
  .sub-page.page-buy.howto .alert { width: 95%; }
  .sub-page.page-buy.howto ul.list-st-1>li { font-size: 17px; }

  .sub-page.page-inq .box-item { min-height: 150px; padding: 15px 12px 20px; }
  .sub-page.page-inq .box-item>p { font-size: 16px; letter-spacing: -1px; }
  .sub-page.page-inq .func-sorting .noti { display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(2) { width: 28%; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(5) { display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(6) { width: 22%; } 
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(7) { width: 15%; } 

  .sub-page.page-cs .tab-btns { margin-bottom: 5px; }
  .sub-page.page-cs .tab-btns>ul>li { display: inline-block; margin-bottom: 10px; }
  .sub-page.page-cs .tab-btns>ul>li>a.bt-lab { min-width: 105px; }

  .page-mypage .pagi-wrap { text-align: center; }
  .page-mypage .table-func .search-wrap { margin-bottom: 10px; }
  .page-mypage .mp-lnb .menu-list { padding: 20px 8px; height: 88px; }
  .page-mypage .mp-lnb .menu-list>ul { margin: 9px 0 0; }
  .page-mypage .mp-lnb .menu-list>ul>li { width: auto; padding: 0 10px; }
  .page-mypage .mp-lnb .menu-list>ul>li>a { font-size: 16px; }
  .page-mypage .mp-lnb .menu-list .bt-wrap { width: 145px; padding: 5px; }
  .page-mypage .mp-lnb .menu-list .bt-wrap button.btn-md { padding: 5px 5px; }
  .page-mypage .mp-body { padding: 22px 22px; min-height: initial; }
  .page-mypage .mp-body h4 { margin-bottom: 20px; }

  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th { font-size: 12px; line-height: 14px; }
  .page-mypage.mp-orders .item-wrap table.table>tbody>tr>td { font-size: 13px; line-height: 15px; }
  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th:nth-child(4) { width: 60px !important; padding:0;  }
  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th:nth-child(6) { padding-right: 5px; }
  .page-mypage.mp-orders .sts-order { font-size: 12px; }
  .page-mypage.mp-orders .sts-order+button.btn { padding: 1px 2px; }
  .page-mypage.mp-orders button[type="button"].bt-lab { padding: 2px 6px; font-size: 12px; }
  .page-mypage.mp-inquiry .item-wrap table.table>thead>tr>th:nth-child(5) { width: 120px; }
  .page-mypage.mp-trainings .item-wrap table.table>thead>tr>th,
  .page-mypage.mp-trainings .item-wrap table.table>tbody>tr>td { font-size: 12.5px; line-height: 15px; }
  .page-mypage.mp-trainings .item-wrap table.table>thead>tr>th:nth-child(1) { width: 10%; }
  .page-mypage.mp-trainings .item-wrap table.table>thead>tr>th:nth-child(2) { width: 20%; }
  .page-mypage.mp-trainings .item-wrap table.table>thead>tr>th:nth-child(4) { width: 18%; }
  .page-mypage.mp-trainings .item-wrap table.table>tbody>tr>td { word-break: keep-all; }
  .page-mypage.mp-qualify ul.sublist-st-1>li { font-size: 13px; }

}


/*-------------- [BS - xs] below SM --------------*/
@media (max-width: 575px){
  .col-xs-6 { width: 50%; }
  .empty-tr>td { display: table-cell !important; }
  header .login button.bt-mypage { display: none; }
  header .login button.bt-login { display: block; }
  header .snb ul.main-menu>a { font-size: 17px; }
  header .snb ul.main-menu>li { padding-left: 13%; }
  header .snb ul.main-menu>li:first-child::before { width: 13%; }
  header .snb ul.main-menu>li div.menu-wrap>ul.sub-menu>li>a { font-size: 16px; }
  footer { padding: 20px 0px 20px; min-height: 100px; }
  footer p { text-align: center; }
  footer ul>li { text-align: center; }
  footer ul>li.f-link { display: none; }
  .sub footer { height: 150px; margin-top: 0; padding: 20px 0px 20px; }

  div.body { min-height: calc(100vh - 212px); }
  .container { padding: 0 15px; }
  .section-desc { margin:10px 0 20px; font-size: 24px; line-height: 30px; }
  .section-tit h2 { font-size: 22px; }
  .fs-modal .bt-close { top: 6px; right: 6px; }
  .fs-modal .modal-content .modal-header { padding: 12px 14px 12px; }
  .fs-modal .modal-content .modal-header .modal-title { font-size: 17px; }
  .fs-modal .modal-content .modal-body { padding: 15px 15px; }
  .slider-sp { width: 100%; height: initial;  }
  .article-view>div { padding: 15px 10px; }
  .article-view .a-body { padding: 15px 12px; }
  .item-wrap table.table>tbody>tr>th { width: 72px; font-size: 13px; }
  .para .tit { font-size: 17px; }
  .para .d-1 { font-size: 14px; padding-left: 10px; margin-bottom: 10px; }
  .para .d-1>p { line-height: 20px; }
  .para .d-1>.d-2 { font-size: 14px; padding-left: 15px; }
  .pagi-wrap { margin-top: 8px; text-align: center; }

  .main-page section .container { padding: 20px 15px ; }
  .main-page section.section-btm { border-radius: 0; }
  .main-page section.sec-main .nav-box { padding: 15px 15px; }
  .main-page section.sec-main .items .inner { padding: 80px 15px 0px; }
  .main-page section.sec-main .items .inner * { word-break: keep-all; }
  .main-page section.sec-main .items .inner p.common-head { font-size: 18px; }
  .main-page section.sec-main .items .inner h2 { font-size: 28px; }
  .main-page section.sec-main .items .inner p.tx-body { width: 100%; font-size: 20px; line-height: 26px; }
  .main-page section.sec-main .nav-box { bottom: 0; }
  .main-page section.sec-main .nav-box .top-slide-nav { column-gap: 8px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item { width: 33% !important; height: 130px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a { padding: 10px 10px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a p { font-size: 15px; line-height: 20px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.ico-m { bottom: 10px; left: 15px; opacity: 1; color: #fff; font-size: 38px; }
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item>a span.vmore { display: none; } 
  .main-page section.sec-main .nav-box .top-slide-nav .nav-item.active>a span.ico-m { font-size: 46px; }
  .main-page section.sec-news a.item { padding: 15px; }
  .main-page section.sec-news a.item>h3 { font-size: 20px; line-height: 26px; min-height: 52px; margin-bottom: 8px; }
  .main-page section.sec-news a.item>.img-wrap { height: 220px; }
  .main-page section.sec-news a.item>ul { margin-top: 5px; }
  .main-page section.sec-link .item>a { height: 100px; margin-bottom: 18px; }
  .main-page section.sec-link .item>a>.ico-box { top: 15px;}
  .main-page section.sec-link .item>a>.ico-box>span { font-size: 34px; }
  .main-page section.sec-link .item>a>p.s-desc { bottom: 8px; line-height: 18px; }

  .sub-page { border-radius: 0; }
  .sub-page>div.container { min-height: auto; }
  .sub-page .container { padding: 30px 18px; }
  .sub-page .content-head { height: 120px; }
  .sub-page .content-body { padding: 12px 0 15px; }
  .sub-page .content-body h3 { font-size: 20px; }
  .sub-page .content-body h3+p.desc { margin-bottom: 25px; }
  .sub-page h2 { font-size: 20px; }
  .sub-page h2+p.s-tit { font-size: 16px; letter-spacing: -0.5px; }
  .sub-page p.desc { font-size: 18px; }
  .sub-page .box-item { min-height: 120px; padding: 12px 12px 10px; }
  .sub-page .box-item>p { font-size: 15px; line-height: 20px; }
  .sub-page .box-item>p.v-more { font-size: 13px; }
  .sub-page table.table>tbody>tr>td { font-size: 14.5px; }

  .sub-page .sub-menu { width: 100%; position: relative;  }
  .sub-page .sub-menu::before,
  .sub-page .sub-menu::after { content:''; width: 20px; height: calc(100% - 3px); position: absolute; top:0; z-index: 2; }
  .sub-page .sub-menu::before { left:0; background: linear-gradient(265deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); }
  .sub-page .sub-menu::after { right:0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); }
  .sub-page .sub-menu>ul.m-list { padding: 0 15px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; justify-content: normal; height: 50px; }
  .sub-page .sub-menu>ul.m-list { scrollbar-color: transparent transparent; }
  .sub-page .sub-menu>ul.m-list::-webkit-scrollbar { height: 0px; }
  .sub-page .sub-menu>ul.m-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
  .sub-page .sub-menu>ul.m-list::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); }
  .sub-page .sub-menu>ul.m-list::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0); }
  .sub-page .sub-menu>ul>li>a { padding: 15px 10px; white-space: nowrap; }
  .sub-page .sub-menu>ul>li>a.active::after { width: 75%; right:0; bottom: 0; margin: 0 auto; }

  .sub-page.page-auth div.container{ padding: 40px 25px 40px; }
  .sub-page.page-auth .tit { font-size: 24px; }
  .sub-page.page-auth .log-form { padding: 0 10px; }

  .sub-page.page-intro.vision .desc-list { margin: 5px; padding: 15px 6px; height: 115px; }
  .sub-page.page-intro.vision .desc-list p { font-size: 16px; line-height: 20px; }
  .sub-page.page-intro.vision .content-body>div.row { margin-bottom: 20px; }
  .sub-page.page-intro.vision h4 { font-size: 19px; }
  .sub-page.page-intro.vision .img-box { text-align: center; }
  .sub-page.page-intro.vision .img-box img { opacity: 0.5; width: 65%; margin-bottom: 25px; }
  .sub-page.page-intro.vision .bi-list img { padding:0; margin-top: 40px; }

  .sub-page.page-intro.history .h-wrap { width: 100%; }
  .sub-page.page-intro.history .h-wrap::after { left: 80px; }
  .sub-page.page-intro.history .h-wrap>.box-year { margin-bottom: 30px; padding-top: 30px; }
  .sub-page.page-intro.history .h-wrap>.box-year>h4 { text-align: right; width: 70px; font-size: 26px; top: 0px; }
  .sub-page.page-intro.history .h-wrap>.box-year>.box-month>p { left: -16px; font-size: 17px; width: 36px; text-align: right; }
  .sub-page.page-intro.history .h-wrap>.box-year>.box-month>ul { padding: 0 0 0 5px; margin-bottom: 15px; }
  .sub-page.page-intro.history .h-wrap>.box-year>.box-month>ul:first-of-type::after { left:24px; }
  .sub-page.page-intro.history .h-wrap>.box-year>.box-month>ul>li { font-size: 15px; line-height: 20px; padding-top: 7px; }

  .sub-page.page-intro.greet h3>span { font-size: 18px; }
  .sub-page.page-intro.greet .content-body { margin-bottom: 50px; }
  .sub-page.page-intro.greet .content-body .square-box { padding: 0 20px 10px; }
  .sub-page.page-intro.greet .content-body .square-box::after { display: none; }
  .sub-page.page-intro.greet .content-body .square-box>.sitem { position: relative; }

  .sub-page.page-intro.about .content-body.b-left, .sub-page.page-intro.about .content-body.b-right { margin:0; }
  .sub-page.page-intro.about .content-body.b-left { margin-bottom: 50px; }

  .sub-page.page-intro.location .addr-wrap table th { width: 120px; font-size: 16px; }
  .sub-page.page-intro.location .addr-wrap table td { font-size: 16px; }

  .sub-page.page-exam p.d-tit { font-size: 21px; }
  .sub-page.page-exam.outline .col-xs-12 { max-width: 100%; flex: 0 0 100%; }
  .sub-page.page-exam.outline .item { margin-bottom: 20px; }
  .sub-page.page-exam.outline .feature-wrap { margin: 0; }
  .sub-page.page-exam.outline .feature-wrap .flex-center { padding: 0px 0 5px; }
  .sub-page.page-exam.outline .feature-wrap .flex-center p { font-weight: 300; }
  .sub-page.page-exam.outline .feature-wrap::before, .sub-page.page-exam.outline .feature-wrap::after { display: none; }
  .sub-page.page-exam.outline .table-wrap { overflow-x: scroll; overflow-y: hidden; position: relative; }
  .sub-page.page-exam.outline table.table>tbody>tr>td { white-space: nowrap; }
  .sub-page.page-exam.outline table.tb-level>tbody>tr>td>p { font-size: 14px; }

  .sub-page.page-exam.mit .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
  .sub-page.page-exam.mit .mit-box { padding: 20px 20px 18px; }
  .sub-page.page-exam.mit .mit-box .i-sub { margin-bottom: 20px;}
  .sub-page.page-exam.mit .mit-box .i-des { font-size: 16px; }

  .sub-page.page-exam.refer div.item { margin: 0; }
  .sub-page.page-exam.refer div.item>p { font-size: 14px; word-break: normal; }

  .sub-page.page-exam.info .row.cell-4x { margin: 0 -5px; }
  .sub-page.page-exam.info .row.cell-4x > div { padding: 5px; }
  .sub-page.page-exam.info .guide-use .flex-center ul>li { padding: 40px 0 40px 125px; font-size: 17px; word-break: keep-all; }

  .sub-page.order .item-wrap table.table>tbody>tr>th, 
  .sub-page.order .item-wrap table.table>tbody>tr>td { padding: 8px 5px !important; }
  .sub-page.order .item-detail>ol>li { margin-bottom: 5px; font-size: 14px; }
  .sub-page.order .item-detail>ol>li:last-child { margin-bottom: 0px; }
  .sub-page.order .pay-wrap button.bt-order { padding: 18px 10px; }

  .sub-page.page-buy.purchase .item-wrap .item { width: 100%; margin-bottom: 20px; }
  .sub-page.page-buy.purchase .item-wrap.item-s1 { padding: 0; margin-bottom: 20px; }
  .sub-page.page-buy.purchase .item-wrap.item-s2 { padding: 0; }
  .sub-page.page-buy.purchase .item-wrap.item-s2 .item { width: 100%; margin-bottom: 20px; }
  .sub-page.page-buy.purchase .item-wrap .item:last-child { margin-bottom: 0; }
  .sub-page.page-buy.order .box-item { height: 160px; padding: 10px 8px 10px; overflow: hidden; }
  .sub-page.page-buy.order .box-item>p:nth-child(2) { font-size: 16px; }
  .sub-page.page-buy.order .box-item>p:nth-child(2)>small { font-size: 12px; display: block; }
  .sub-page.page-buy.order .box-item>p.v-more { font-size: 15px; line-height: 16px; }
  .sub-page.page-buy.order .box-item.selected { border: 4px solid #65acc7; }
  .sub-page.page-buy.order .box-item.selected>p.v-more { left:5px; bottom: 35px; }
  .sub-page.page-buy.order .box-item.selected>p.v-more::after { width: 90%; }
  .sub-page.page-buy.order .item-wrap .i-consult .ip-wrap>input { width: 100% !important; margin-bottom: 5px; }
  .sub-page.page-buy.order .item-wrap .i-consult .ip-wrap>input+.bootstrap-select { width: 100% !important; }

  .progress-circle { margin-bottom: 20px; }
  .progress-circle .item-wrap { width: calc(25% - 12px); }
  .progress-circle .item-wrap::after { font-size: 12px; right: -14px; }
  .progress-circle .item-wrap .item, 
  .progress-circle .item-wrap .item .box, 
  .progress-circle .item-wrap .item>.bar>canvas { width: 100% !important; height: 100% !important; }
  .progress-circle .item-wrap .text { font-size: 11.5px; line-height: 12px; padding: 0 3px; }

  .sub-page.page-buy.howto .alert { padding: 15px 10px; }
  .sub-page.page-buy.howto .alert>p { font-size: 15px; }
  .sub-page.page-buy.howto .alert>button { width: 80%; margin-top: 10px; }

  .sub-page.page-inq .box-item { padding: 10px 8px 10px; }
  .sub-page.page-inq .box-item>p { font-size: 14px; }
  .sub-page.page-inq .box-item>p:last-child { font-size: 12px; } 

  .sub-page.page-inq .func-sorting ul>li { margin-right: 14px; }
  .sub-page.page-inq .func-sorting ul>li::after { right: -8px; }
  .sub-page.page-inq .func-sorting ul>li>button { font-size: 16px; }

  .sub-page.page-inq ul.artc-list2 { border:none; }
  .sub-page.page-inq ul.artc-list2>li.artc { border-top: 1px solid #a5bcd0; border-bottom: 2px solid #cbdae8; margin-bottom: 10px; }
  .sub-page.page-inq ul.artc-list2>li.artc:first-child { display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc:last-child { margin-bottom: 0; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul { display: block; overflow: hidden; background: #f8f9f9; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li { float: left; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-cont>li { font-size: 14px; padding: 5px 5px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-cont>li>p { padding: 5px 0; margin:0; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(1) { width: 22%; display: block; border-bottom: 1px solid #aad0e3; background-color: #d5f0fd; text-align: left; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(1)>p { display: inline-block; background-color: rgb(109 173 205 / 30%); border-radius: 5px; padding: 8px 3px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(2) { width: 78%; display: block; border-bottom: 1px solid #aad0e3; background-color: #d5f0fd; text-align: left; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(2)>a { color: #333; text-decoration: underline; padding: 8px 2px; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(3) { width: 100%; display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(4) { width: 42%; display: block; border-right: 2px solid #fff; text-align: left; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(5) { width: 30%; display: block; border-right: 2px solid #fff; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(6) { display: none; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li:nth-child(7) { width: 28%; display: block; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.ap-period>p { margin-bottom: 0; display: inline-block; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul>li.ap-period>p:first-child::after { display: inline-block; position: static; }
  .sub-page.page-inq ul.artc-list2>li.artc>ul.a-cont>li button.bt-lab { height: 30px; font-size: 13px; }
  .sub-page.page-inq ul.artc-list2>li.empty { margin: 5px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }

  .sub-page.page-inq .renew .func-sorting { margin-bottom: 65px; }
  .sub-page.page-inq .renew .func-sorting button.bt-payAll { top: 50px; width: 100%; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(1) { width: 8%; min-height: 47px; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(2) { width: 20%; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(2)>p { display: inline-block; background-color: rgb(109 173 205 / 30%); border-radius: 5px; padding: 8px 3px; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(3) { width: 72%; display: block; border-bottom: 1px solid #aad0e3; background-color: #d5f0fd; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(3)>a { color: #333; text-decoration: underline; padding: 8px 2px; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(4) { display: none; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(5) { width: 42%; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(6) { width: 30%; display: block; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(7) { display: none; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul>li:nth-child(8) { width: 28%; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul.a-cont>li>label { padding: 4px 0; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul.a-cont>li>label.checkBox>span.ip:before { top:10px; }
  .sub-page.page-inq .renew ul.artc-list2>li.artc>ul.a-cont>li>label.checkBox>span.ip:after { top:18px; }


  .sub-page.page-cs .tab-btns>ul>li>a.bt-lab { min-width: 75px; padding: 3px 15px }
  .sub-page.page-cs .faq-list>li>a { padding: 15px 40px 15px 8px; }
  .sub-page.page-cs .faq-list>li>a>span.tit {font-size: 16px; }
  .sub-page.page-cs .faq-list>li>a>span.shev { right: 0px; }
  .sub-page.page-cs .faq-list>li>div.pannel-collapse .inner .tx-box { padding: 15px 0px 15px }
  .sub-page.page-cs.inquiry select.form-select { width: 100%; }

  .sub-page.page-mypage>div.container { padding: 10px 10px 40px; }
  .page-mypage .mp-lnb .user-inf { height: 100px; padding: 10px 10px; display: block; }
  .page-mypage .mp-lnb .user-inf .u-icon { width: 100px; float: left; border: none; margin: 0; }
  .page-mypage .mp-lnb .user-inf .u-icon>span.auth-inq { padding: 5px; width: 60px; height: 60px; font-size: 48px; }
  .page-mypage .mp-lnb .user-inf .u-name { font-size: 22px; margin-top: 10px; }
  .page-mypage .mp-lnb .user-inf .u-ids { font-size: 15px; }
  .page-mypage .mp-lnb .menu-list { height: initial; padding: 5px 0px; }
  .page-mypage .mp-lnb .menu-list>ul { margin: 0; }
  .page-mypage .mp-lnb .menu-list>ul>li { padding: 0; width: 23%; }
  .page-mypage .mp-lnb .menu-list>ul>li:last-child { width: 31%; }
  .page-mypage .mp-lnb .menu-list>ul>li>a { padding: 8px 5px 4px; font-size: 14.5px; margin-bottom: 5px; }
  .page-mypage .mp-lnb .menu-list .bt-wrap { display: none; }
  .page-mypage .mp-body { padding: 15px 10px; }
  .page-mypage .mp-body h4 { font-size: 18px; margin-bottom: 10px; }
  .page-mypage .mp-body .item-wrap>h5 { margin-bottom: 5px; }
  .page-mypage table.table>tbody>tr>th, 
  .page-mypage table.table>tbody>tr>td { padding: 11px 8px; }
  .page-mypage .ip-phone, .page-mypage .ip-birth { width: 31%; }
  .page-mypage .address-daum { display: none; }
  .page-mypage .mp-alert { display: block; text-align: center; }
  .page-mypage .mp-alert span.material-icons { font-size: 16px; vertical-align: middle; }

  .page-mypage.mp-inquiry .item-wrap table.table>thead>tr>th:nth-child(5) { width: 30%; }

  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th:last-child,
  .page-mypage.mp-orders .item-wrap table.table>tbody>tr>td:last-child,
  .page-mypage.mp-orders .item-wrap table.table>thead>tr>th:nth-child(5),
  .page-mypage.mp-orders .item-wrap table.table>tbody>tr>td:nth-child(5) { display: none ; }
  .hidden-pc { display: block; }

  .exam-guide>p.tit { font-size: 16px; }
  .exam-guide>div.contents { margin-bottom: 20px; }
  .exam-guide .prc>ul>li { font-size: 16px; }
  .exam-guide .prc>ul>li:nth-child(2) { word-break: keep-all; height: 45px; }
  .exam-guide .prc>ul>li:nth-child(3) { font-size: 23px; }
  .exam-guide .desc-box { padding: 10px 12px; }
  .exam-guide .desc-box>ul>li>p.pa-1 { font-size: 17px; }
  .exam-guide .desc-box>ul>li>p.pa-2 { font-size: 15px; }

  .page-survey div.sec-01 { padding: 30px 40px 10px; }
  .page-survey div.sec-01 h2 { font-size: 50px; margin-bottom: 30px; }
  .page-survey div.sec-02 { padding: 50px 20px; min-height: calc(100vh - 126px); }
  .page-survey div.sec-02 .q-wrap .question-box:last-child { margin-bottom: 50px; }
  .page-survey button.bt-noti-pop { top: 50px; right:40px; padding:5px 5px; }
  .page-survey button.bt-noti-pop>span { display: none; }
  .page-survey button.bt-noti-pop:before { font-family: FontAwesome; content:'\f29c'; }
  .page-survey button.bt-noti-pop:after { content:'MIT Info'; margin-left: 3px; }

  .sub-page.complete div.info-box { padding: 10px 0px; } 
  .sub-page.complete div.info-box h3 { font-size: 26px; }
  .sub-page.complete div[class^="info-"] { padding: 10px; }
  .sub-page.complete div.info-payment>div>p>span { font-size: 16px; }

  .page-sky.page-subscribe button.bt-request { max-width: 90%; }


}


/*-------------- [etc] below XS --------------*/
@media (max-width: 359px){
}
















/* ======================================================== */
/*------------------ etc. FOR result page ------------------*/
/* ======================================================== */
@media (max-width: 1199px){

}
@media (max-width: 420px){

}