@charset "utf-8";


@media all and (max-width:1199px) {
  .show-1199 {
    display: block !important;
  }

  .hide-1199 {
    display: none !important;
  }

  .over-scroll-guide {
    text-align: right;
    margin-bottom: -25px;
    margin-top: 30px;
  }

  .over-scroll-guide>img {
    display: inline-block;
    vertical-align: sub;
    width: 18px;
  }

  #over-scroll {
    overflow-x: scroll;
  }

  #over-scroll .edu_table,
  #over-scroll .orderBoard,
  #over-scroll .myeduBoard,
  #over-scroll .myeduBoard-1,
  #over-scroll .myeduBoard-2,
  #over-scroll .myeduBoard-3 {
    width: 936px;
  }

  /* 오프라인교육 > 수강신청 팝업 */
  .edu_pop {
    overflow-y: scroll;
  }
  .edu_pop > div {
    width: 95% !important;
    top: 50%;
    padding: 20px 10px;
    max-height: 65vh;
  }
  .edu_pop.new .over-scroll-guide {
    position: absolute;
    right: 10px;
    top: 10%;
  }
  .edu_pop.new .pop_close
  .edu_pop .over-scroll-guide {
    margin-top: 0;
  }
  .edu_pop #over-scroll .edu_table {
    width: 1037px;
    margin-top: 35px;
  }

  .employment02_3-2 .edu_table,
  .myedu_modify .myeduBoard-1,
  .myedu_modify .myeduBoard-2 {
    margin-top: 35px;
    margin-bottom: 0px;
  }
}

/* 태블릿 */
@media all and (max-width:1024px) {
  .content {
    width: 100%;
  }

  /* 온라인 > 콘텐츠개발 */
  .video_pop > div {
    width: 95%;
  }
  .video_pop .slide_wrap {
    flex-direction: column;
  }
  .video_pop .slide_wrap .slider-for {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .video_pop .slide_wrap .slider-nav li {
    display: inline-block;
  }

  /* 온라인 > 스튜디오 */
  .date_pop > div {
    width: 95%;
    padding: 40px 15px 15px;
  }
  .date_pop .close {
    margin-top: -30px;
  }

  /* 채용대행 > 서류전형*/
  .employment01_3-1 .sec03 .onoffBox .online ol li:hover .txt .plus_icon {
    z-index: 1;
  }
  .employment01_3-1 .sec03 .onoffBox .online ol li:hover .img img.zoom {
    width: 167%;
    right: inherit;
    top: 0;
    transform: inherit;
  }
    /* 통합검색 결과 */
    .search_total {
      font-size: 16px;
      margin: 30px 0;
    }

}


/* 태블릿 ~ 모바일 가로 */
@media all and (max-width:768px) {
  .titleArea {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0 10px;
    margin-bottom: 5%;
  }

  .titleArea h1 {
    font-size: 4.5vw;
    margin-bottom: 3%;
  }

  .titleArea .route a {
    font-size: calc(13px + 0.25vw);
  }

  h3.sub_tit {
    font-size: calc(16px + 0.8vw);
    line-height: 1.3em;
  }

  h4.small_tit {
    font-size: calc(14px + 0.8vw);
  }

  .sub_desc {
    font-size: calc(14px + 0.25vw);
    margin: 3% 0 5%;
  }

  .edu_form_ok,
  .darkgrey {
    font-size: 16px;
    width: 115px;
    padding: 12px 0;
    margin: 0 3px;
  }


  .openclass01_2>nav {
    flex-direction: column;
  }

  .openclass01_2>nav>a {
    width: 100%;
    height: auto;
    padding: 6% 0;
    margin-bottom: 4%;
  }

  .bank_pop > div {
    width: 95%;
  }

  /* 오프라인 교육 */
  .edu_tab li {
    font-size: 17.5px;
    padding: 3% 0;
  }

  .edu_serchform {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5% 4%;
  }

  .edu_serchform select {
    padding: 2%;
  }

  .edu_serchform .search {
    width: 100%;
    margin-top: 7px;
    padding: 2% 3%;
  }

  .edu_class_btn {
    font-size: 16px;
    padding: 7px 0px;
    width: 90px;
  }

  .edu_class .class {
    flex-direction: column;
    margin-bottom: 5%;
    padding: 15px;
    border-top: 2px solid #393e46;
    position: relative;
  }

  .edu_class .class:last-child {
    margin-bottom: 0;
  }

  .edu_class .class>div:nth-child(1) {
    border-right: 0;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
  }

  .edu_class .class>div:not(:first-child) {
    width: 100%;
    border-right: 0;
    display: flex;
    align-items: flex-start;
    padding-left: 13%;
    margin: 2% 0;
  }

  .edu_class .class:not(:first-child) .tit {
    display: block;
  }

  .edu_class .class>div:first-child .tit {
    display: none;
  }

  .edu_class .class>div .tit {
    background-color: transparent;
    border-bottom: 0;
    text-align: left;
    width: 110px;
    padding: 0;
  }

  .edu_class .class>div .desc {
    flex: 1;
    justify-content: flex-start;
    height: auto;
  }

  .edu_class .class.on .desc {
    background-color: transparent;
    color: #444;
  }

  .edu_class .class.on .down span {
    background: url(../__image/sub/down.png);
  }

  .edu_guide {
    font-size: 14.5px;
  }

  .l_size {
    width: 100%;
  }

  .edu_form .findBtn {
    margin-top: 3px;
  }

  .edu_form>div {
    flex-direction: column;
  }

  .edu_form>div h6 {
    width: 100%;
    justify-content: start;
    padding: 3%;
  }

  .edu_form>div .desc {
    border-left: 0;
    padding: 3%;
  }

  .edu_form>div.double>div {
    width: 100%;
    flex-direction: column;
  }

  .edu_form>div.double>div h6 {
    width: 100%;
  }

  .edu_group .edu_form > div.double h6 {
    width: 100%;
  }

  .edu_form_table {
    flex-direction: column;
  }

  .edu_form_table>div {
    width: 100% !important;
    border-right: 0;
  }

  .edu_form_table>div:not(:first-child) {
    border-top: 2px solid #393e46;
  }

  .edu_group .downBox>div {
    flex-direction: column;
  }
  .edu_group .downBox > div > a {
    margin-right: 0;
    margin-bottom: 5px;
  }

  .edu_group .edu_form > div > h6 {
    width: 100%;
  }

  .openclass01_4 .bankArea {
    border-left: 0;
  }


  /* 온라인 */
  .online_list .item {
    width: 32.4%;
  }
  .online_list .item:nth-child(4n) {
    margin-right: 1.3%;
  }
  .online_list .item:nth-child(3n) {
    margin-right: 0;
  }

  .online_view .view_info {
    flex-direction: column;
  }
  .online_view .view_info .thumb {
    width: 65%;
    margin-right: 0;
    margin-bottom: 4%;
  }
  .online_view .view_info .info {
    width: 100%;
  }
  .online_view .view_info .info h2 {
    font-size: calc(17px + 0.5vw);
    margin-bottom: -10px;
  }
  .online_view .view_info .info > nav {
    text-align: center;
  }
  .online_view .view_desc .tab.fix {
    width: 92.3%;
  }
  .online_view .view_desc .tab a {
    padding: 17px 0px;
    width: 50%;
  }
  .online_view .view_desc .desc {
    padding: 23px 15px;
  }

  .online_list2 .item {
    width: 31.4%;
  }
  .online_list2 .item:nth-child(3n) {
    margin-right: 0%;
  }

  /* 온라인 > 콘텐츠개발 */
  .video_wrap li {
    width: 49%;
  }

  /* 온라인 > 스튜디오 */
  .onlineclass04 .sub_tit .btns a {
    padding: 6px 18px;
  }
  .onlineclass04 ol {
    flex-wrap: wrap;
  }
  .onlineclass04 ol li {
    width: 50%;
    height: 505px;
  }
  .onlineclass04 ol li::before {
    background-color: rgba(0,0,0,0.6);
  }
  .onlineclass04 ol li > h2 {
    display: none;
  }
  .onlineclass04 ol li > div {
    padding-top: 10%;
    padding-left: 7%;
    display: block;
    z-index: 1;
  }
  .onlineclass04 ol li > div h3 {
    font-size: 23px;
    margin-bottom: 8%;
  }
  .onlineclass04 ol li > div p {
    font-size: calc(15px + 0.25vw);
  }



  /* 채용대행 > 주요서비스*/
  .employment01_1 .map img {
    width: 100%;
  }
  .employment01_1 .graph li {
    margin-bottom: 6%;
    flex-direction: column;
  }
  .employment01_1 .graph_tit {
    margin-bottom: 23px;
    height: 70px;
    width: 100%;
  }
  .employment01_1 .graph_tit::before {
    left: 50%;
    right: inherit;
    top: 100%;
    transform: translateX(-50%);
    width: 1px;
    height: 20px;
  }
  .employment01_1 .graph_desc::before {
    left: 50%;
    top: -10%;
    transform: translateX(-50%);
    border: 4px solid #fff;
  }

  .employment01_1 .txtBox {
    padding: 5%;
  }
  .employment01_1 .txtBox ol {
    flex-direction: column;
  }
  .employment01_1 .txtBox ol li {
    width: 100%;
  }

  /* 채용대행 > 서류전형*/
  .employment01_3-1 .sec02 ul {
    flex-wrap: wrap;
  }
  .employment01_3-1 .sec02 ul li {
    width: 50%;
    margin-bottom: 4%;
  }

  .employment01_3-1 .sec03 > ol {
    flex-wrap: wrap;
  }
  .employment01_3-1 .sec03 > ol li {
    width: 49%;
    margin-bottom: 2%;
  }
  .employment01_3-1 .sec03 > ol li span {
    font-size: calc(14px + 0.2vw);
  }
  .employment01_3-1 .sec03 .onoffBox {
    flex-direction: column;
    padding: 0px 5%;
  }
  .employment01_3-1 .sec03 .onoffBox > div {
    width: 100%;
    padding: 7% 0;
  }
  .employment01_3-1 .sec03 .onoffBox > div:first-child {
    border-bottom-style: dotted;
    border-right:0;
  }
  .employment01_3-1 .sec03 .onoffBox .online ol {
    width: 100%;
  }
  .employment01_3-1 .sec03 .onoffBox .offline > div {
    width: 100%;
  }

  /* 채용대행 > ncs채용컨설팅 */
  .employment01_4 .nsc_logo li {
    width: 49%;
  }
  .employment01_4 .nsc_logo li:nth-child(2n) {
    margin-right: 0;
  }

  /* 채용대행 > 면접도구개발 */
  .employment02_2 .sec02 {
    flex-wrap: wrap;
  }
  .employment02_2 .sec02 li {
    width: 48.5%;
    margin-bottom: 3%;
  }

  /* 채용대행 > 검사소개 */
  .employment02_3-1 .sec01 {
    margin-bottom: 3%;
  }
  .employment02_3-1 .sec01 li {
    width: 100%;
  }
  .employment02_3-1 .sec02 > ol {
    flex-wrap: wrap;
  }
  .employment02_3-1 .sec02 li {
    width: 48.5%;
    margin-bottom: 3%;
  }
  .employment02_3-1 .sec02 > nav {
    padding: 17px 18px 6px;
    margin-top: 5%;
  }

  /* 채용대행 > 주요고객사 */
  .employment04 h2 {
    font-size: calc(15px + 0.5vw);
    border: 7px solid #fbd7d5;
    width: 210px;
    padding: 10px 0;
    margin-bottom: 4.5%;
  }
  .employment04 ol li {
    width: 32%;
  }
  .employment04 ol li:nth-child(3n) {
    margin-right: 0;
  }

  /* 채용대행 > 필기전형 */
  .test-step-list2 > li {
    flex-direction: column;
    height: auto;
  }
  .test-step-list2 .left {
    width: 100%;
    border-right: none;
    border-bottom: 2px dashed #ededed;
    padding: 15px 0;
    font-size: 16px;
  }
  .test-step-list2 .left > img {
    margin: 0 10px;
}
  .test-step-list2 .right {
    padding: 10px;
  }
  .test-step-list2 .right > li {
    font-size: 14px;
}

  /* 회사소개 > 사업영역 */
  .business_edu li {
    width: 48.5%;
    margin-bottom: 3%;
  }

  .business_point li {
    width: 49.2%;
  }
  .business_point li:nth-child(3n) {
    margin-right: 1.5%;
  }
.business_point li:nth-child(2n) {
  margin-right: 0%;
  }

  .location li {
    flex-direction: column;
  }


  /* 마이페이지 > 로그인 */
  .loginWrap {
    flex-direction: column;
  }
  .loginWrap > img {
    width: 80%;
    margin-bottom: 5%;
    margin-right: 0;
  }
  .loginWrap > div {
    width: 100%;
  }

  .login_pop > div {
	width:95%;
	padding: 20px 15px;
  }
  .login_pop .logo {
    margin: 20px auto 15px;
	width: 185px;
  }
  .login_pop .desc strong {
    font-size: calc(19px + 0.09vw);
  }
  .login_pop .desc p {
    font-size: 15px;
  }

  /* 마이페이지 > 교육신청조회 */
  .myedu_modify .guide {
    font-size: 14.5px;
  }

  /* 마이페이지 > 교재장바구니 */
  .orderForm {
    flex-direction: column;
  }
  .order_member {
    width: 100%;
  }
  .order_pay {
    width: 100%;
    margin-top: 40px;
  }

  /* 통합검색 결과 */
  .search_box {
    padding: 28px 30px;
  }
  .search-page .main-onoff_slide .item {
    width: calc((100% - 1em) / 2);
    margin-bottom: 10px;
  }
  .search-page .main-onoff_slide .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .s_size {
    width: 13%;
  }
  .search_total {
    margin: 20px 0;
  }
  .employment_inner {
    padding: 20px;
    margin-top: 20px;
  }
  .test-step-list > li {
    width: 49%;
    margin-bottom: 1em;
    padding: 14px;
    min-height: 350px;
  }
  .test-step__img li:hover{
    scale: 1;
  }
  .test-step__tit h4 {
    font-size: 16px;
  }
  .test-step__desc li {
    font-size: 14px;
  }
  .test-step__num {
    font-size: 16px;
    height: 50px;
    width: 50px;
    border-top: 8px solid #f9f9f9;
    border-left: 8px solid #f9f9f9;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 17px;
  }

  .employment-result-sample {
    height: 300px;
    margin-bottom: 0;
  }
  .employment-result-sample .result-wrap {
    width: 32.5%;
  }

  /* 통합검색 */
  .search_tab {
    flex-wrap: wrap;
  }
}


/* 모바일 세로 */
@media all and (max-width:640px) {
  /* 오프라인 > 수강신청 */
  .openclass01_4 .bank_info {
    flex-direction: column;
  }
  .openclass01_4 .bank_info li {
    width: 100%;
    padding: 0 0 15px;
    text-align: center;
  }
  .openclass01_4 .bank_info li:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #ddd;
  }
  .openclass01_4 .bank_info li .radio {
    margin-bottom: 0px;
  }
  .openclass01_4 .bank_info li .num {
    margin: 5px 0 8px;
  }

  /* 오프라인 > 맞춤형위탁 */
  .openclass04 .small_tit {
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .openclass04 .step_table li {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
  }
  .openclass04 .step_table li h5 {
    margin-left: 0;
  }

  .openclass04 .inquiry {
    flex-direction: column;
  }
  .openclass04 .inquiry li {
    width: 100%;
  }
  .openclass04 .inquiry li:not(:last-child){
    margin-bottom: 35px;
  }
  .openclass04 .inquiry li:not(:last-child)::before {
    position: absolute;
    content: '';
    top: 122%;
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
    background-color: #dddddd;
    width: 85%;
    height: 1px;
  }


  /* 온라인 */
  .online_list .item {
    width: 49.3%;
  }
  .online_list .item:nth-child(3n) {
    margin-right: 1.3%;
  }
  .online_list .item:nth-child(2n) {
    margin-right: 0%;
  }
  .online_list .item.best::before {
    width: 58px;
    height: 47px;
    left: -8px;
  }

  .onlineclass03 .red_tit {
    margin-top: 25px;
    margin-bottom: 15px;
  }


  /* 채용대행 */
  h3.red_tit {
    font-size: calc(15px + 1.2vw);
  }
  .small_tit_desc {
    margin: 2% 0 5%;
  }

  .employment_tit {
    background: url(../__image/sub/employment01_1_img01_m.png);
    height: 105px;
    font-size: calc(14px + 1.1vw);
  }
  /* 채용대행 > 주요서비스*/
  .employment01_1 .map h2 {
    font-size: calc(13px + 1.1vw);
  }
  .employment01_1 .graph_tit {
    font-size: calc(14px + 0.25vw);
    height: 55px;
  }
  .employment01_1 .graph_desc {
    font-size: calc(13px + 0.25vw);
    padding: 10px 15px;
  }
  .employment01_1 .txtBox h2 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .employment01_1 .txtBox ol li {
    font-size: calc(13px + 0.25vw);
    line-height: 1.2em;
  }

  /* 채용대행 > 온라인채용솔루션*/
  .employment01_2 .red_tit {
    margin: 5% 0 2%;
  }
  .employment01_2 h4.small_tit {
    font-size: calc(14px + 0.8vw);
  }
  .employment01_2 .pointWrap {
   flex-direction: column;
  }
  .employment01_2 .pointWrap li {
    width: 100%;
    margin-bottom: 4%;
  }
  .employment01_2 .pointWrap li > h2 {
    font-size: 15px;
    padding: 12px 0;
  }
  .employment01_2 .pointWrap li > p {
    font-size: 14px;
    height: 70px;
  }

  /* 채용대행 > 서류전형*/
  .employment01_3-1 .red_tit {
    margin: 5% 0 3%;
  }
  .employment01_3-1 .sec01 {
    padding: 15px;
  }
  .employment01_3-1 .sec01 ol {
    flex-direction: column;
    margin-bottom: 30px;
  }
  .employment01_3-1 .sec01 ol li {
    width: 100%;
  }
  .employment01_3-1 .sec01 ol li:nth-child(1), .employment01_3-1 .sec01 ol li:nth-child(3) {
    border-right: 0;
  }
  .employment01_3-1 .sec01 ol li:nth-child(3) {
    border-bottom: 1px dashed #efefef;
  }
  .employment01_3-1 .sec02 .edu_table {
    margin-bottom: 30px;
  }

  /* 채용대행 > ncs채용컨설팅 */
  .employment01_4 .red_tit {
    margin: 6% 0 4%;
  }
  .employment01_4 .ncs_table li .tit {
    padding-left: 12px;
    width: 120px;
  }
  .employment01_4 .ncs_table li .desc {
    padding: 15px 15px;
  }

  /* 채용대행 > 면접도구개발 */
  .employment02_2 .sec01 li {
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.4em;
  }

  /* 채용대행 > 검사종류 및 샘플 */
  .employment02_3-2 .red_tit {
    margin: 5% 0 3%;
  }
  .employment02_3-2 .over-scroll-guide:nth-of-type(1),
  .employment02_3-2 .over-scroll-guide:nth-of-type(3) {
    margin-top: -13px;
  }

  /* 채용대행 > 면접관 교육 */
  .employment03_1 .over-scroll-guide:nth-of-type(2) {
    margin-top: -13px;
  }


  /* 회사소개 > ceo */
  .ceo {
    padding: 35px 0;
  }
  .ceo li {
    width: 50%;
    margin: 3% 0;
  }

  /* 회사소개 > history */
  .history > div {
    flex-direction: column;
    padding: 25px 0 25px 30px;
  }
  .history .year {
    font-size: 28px;
    margin-right: 0px;
  }
  .history h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 15px;
  }

  /* 회사소개 > 사업영역 */
  .business_edu li .icon h4 {
    font-size: 16px;
  }
  .business_edu li .txt {
    font-size: 15px;
  }
  .business_point li {
    width: 100%;
    margin-right: 0 !important;
  }


  /* 마이페이지 > 아이디찾기 */
  .find_idpw {
    flex-direction: column;
  }
  .find_idpw li {
    margin-bottom: 5%;
    width: 100%;
    height: 215px;
  }
  .find_idpw li h2 {
    font-size: 18px;
    margin: 10px 0 15px;
  }
  .find_pw > h5 {
    font-size: 18px;
    margin: 10px 0px;
  }
  .find_pw > div input {
    width: 50%;
  }

  /* 마이페이지 > 회원가입 */
  .join > div p {
    flex-direction: column;
  }
  .join > div span {
    margin-top: 5px;
  }

  .join_step {
    float: none;
    font-size: 16px;
    margin-bottom: 12px;
  }
  .join.compulsory {
    margin-top: -20px;
  }

  .join_ok h3 {
    font-size: 20px;
  }

  /* 마이페이지 > 교재장바구니 */
  .basket .board_list_head {
    display: none;
  }
  .basket .board_list li {
    border: 1px solid #dddddd;
    flex-direction: column;
    position: relative;
    padding: 15px;
    flex-wrap: wrap;
  }
  .basket .board_list li > div {
    border-right: 0;
    padding: 0;
  }
  .basket .board_list li input[type=checkbox] {
    width: 17px;
    height: 17px;
  }
  .basket .board_list li > div.info {
    margin: 10px 0;
    width: 100%;
  }
  .basket .board_list li > div:nth-child(3) {
    align-items: flex-end;
    margin-left: auto;
  }
  .basket .board_list li > div:nth-child(4) {
    display: none;
  }
  .basket .board_list li > div:nth-child(5) {
    position: absolute;
    left: 15px;
    bottom: 15px;
  }
  .basket_total {
    font-size: calc(16px + 0.15vw);
  }
  .basket_total strong {
    font-size: calc(21px + 0.15vw);
  }

  /* 마이페이지 > 교재주문/배송조회 */
  .myeduBoard .board_list_head,
  .myeduBoard-3 .board_list_head,
  .orderBoard .board_list_head {
    display: flex !important;
  }
  .myeduBoard .board_list li,
  .myeduBoard-3 .board_list li,
  .orderBoard .board_list li {
    flex-wrap: nowrap;
    padding: 0px;
  }
  .orderBoard .board_list li:first-child,
  .myeduBoard .board_list li:first-child,
  .myeduBoard-2 .board_list li:first-child,
  .myeduBoard-3 .board_list li:first-child {
    border-top: 0;
  }

  /* 마이페이지 > 교육신청조회 */
  .myedu_box .btnArea button {
    font-size: 14px;
    padding: 10px 15px;
  }

  .dateSearch {
    margin-top: 5px;
    margin-bottom: -20px;
  }
  .dateSearch div.date input {
    background-size: 18px;
    background-position: top 50% right 2px;
    width: 95px;
    height: 30px;
    font-size: 13px;
  }
  .dateSearch div.search select {
    height: 30px;
    margin-left: 5px;
    font-size: 14px;
  }
  .dateSearch div.search button {
    height: 30px;
    font-size: 14px;
    width: 45px;
  }


  /* board */
  .board_serch {
    margin-bottom: 15px;
    margin-top: 30px;
  }
  .board_serch select,
  .board_serch .search {
    height: 40px;
  }
  .board_list_head {
    display: none;
  }
  .board_list li:first-child {
    border-top: 1px solid #dddddd;
  }
  .board_list li {
    flex-wrap: wrap;
    padding: 10px;
  }

  .board_view_head {
    padding-bottom: 5%;
  }
  .board_view_head h2 {
    font-size: calc(17px + 0.7vw);
    margin-bottom: 10px;
  }
  .board_view_head ol li {
    margin-right: 15px;
  }
  .board_view_head ol li:not(:last-child)::before {
    right: -10px;
  }
  .board_view_con {
    padding: 5% 0 10%;
  }
  .board_view_file {
    padding: 6% 0;
  }
  .board_view_file p {
    margin-top: 2px;
  }
  .board_view_paging img {
    margin-left: 10px;
    margin-right: 25px;
  }

  /* 고객센터 > 공지사항 */
  .boardWrap {
    margin-bottom: 0px;
  }
  .boardWrap .board_list li > div {
    padding: 0px;
    align-items: flex-start;
    font-size: 14px;
    width: auto !important;
    margin-right: 10px;
  }
  .boardWrap .board_list li > div.tit {
    margin: 7px 0;
    font-size: 16px;
    text-align: left;
    width: 100% !important;
  }

  /* 고객센터 > faq */
  .accordionWrap {
    margin-bottom: 0px;
  }
  .accordionWrap .question > div {
    font-size: 16px;
  }
  .accordionWrap li.answer > nav {
    flex-wrap: wrap;
  }
  .accordionWrap .board_list li > div,
  .accordionWrap li.answer span {
    padding: 0px;
    align-items: flex-start;
    width: auto !important;
    margin-right: 10px;
  }
  .accordionWrap .board_list li > div.txt,
  .accordionWrap .answer span:last-child {
    margin-top: 7px;
    text-align: left;
    width: 90% !important;
  }

  /* 고객센터 > 포토갤러리 */
  .galleryWrap a {
    width: 49%;
  }
  .galleryWrap a:nth-child(3n) {
    margin-right: 2%;
  }
  .galleryWrap a:nth-child(2n) {
    margin-right: 0%;
  }
  .galleryWrap .txt {
    padding: 10px;
  }
  .galleryWrap .txt h3 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  /* 통합검색 결과 */
  .search-page {
    margin-top: 20px;
  }
  .search_tab li {
    font-size: 14px;
    padding: 7px 0;
  }
  .search_total {
    font-size: 14px;
  }
  .search_subtitArea {
    margin-bottom: 15px;
  }
  .search_subtitArea h3 {
    font-size: 18px;
  }
  .search-page .all .main-onoff_slide {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .search-cs_slide .item {
    padding: 15px 10px;
}
.search-cs_slide .item .titBox {
  margin-bottom: 10px;
}
.search-cs_slide .item .titBox strong {
  font-size: 15px;
}
.search-cs_slide .item .titBox em {
  font-size: 13px;
}
.search-cs_slide .infoBox {
  font-size: 13px;
}

  .test-step-list {
    display: block;
  }
  .test-step-list > li {
    width: 100%;
    min-height: auto;
  }
  .test-step__img {
    margin-top: 30px;
  }
  .employment-result-sample {
    display: block;
    height: auto;
  }
  .employment-result-sample .result-wrap {
    width: 100%;
    margin-bottom: 1em;
    height: 100vmin;
  }
  .employment-result-sample .result-wrap:last-child {
    margin-bottom: 0;
  }

  .bank_table td.btn a, .bank_pop > div table td.btn a {
    font-size: 13px;
    padding: 4px 8px;
  }
  .bank_table td, .bank_pop > div table td {
    font-size: 14px;
    padding: 10px 0;
  }
}


/* 모바일 세로 */
@media all and (max-width:480px) {
  .inner.sub-page {
    margin-top: 28px;
  }

  .titleArea h1 {
    font-size: 7vw;
  }


  .openclass01_2>nav {
    margin-top: 20px;
  }

  .openclass01_2>nav>a>span {
    font-size: 14px;
    padding: 3px 20px;
  }

  .openclass01_2>nav>a>strong {
    margin: 10px;
    font-size: 19px;
  }

  /*오프라인 교육 */
  .edu_tab li {
    font-size: 15px;
  }

  .edu_serchform select,
  .edu_serchform .search input {
    font-size: 14px;
  }

  .edu_class .class {
    margin-bottom: 3%;
    padding: 8px;
  }

  .edu_class .class>div:not(:first-child) {
    margin: 1% 0;
  }

  /*오프라인 교육 > 자산운용전문인력*/
  .titleArea h1 > a.reform02_btn {
    font-size: 12px;
    padding: 10px 12px;
  }


  /* 온라인 > 교재구매 */
  .online_list2 .item .txtBox {
    font-size: 13px;
  }
  /* 온라인 > 스튜디오 */
  .onlineclass04 ol li {
    width: 100%;
    height: auto;
  }
  .onlineclass04 ol li:hover {
    width: 100%;
  }
  .onlineclass04 ol li > div {
    padding: 6%;
    padding-bottom: 8%;
  }
  .onlineclass04 ol li > div h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .onlineclass04 ol li > div p {
    font-size: 15px;
    line-height: 1.7em;
  }
  .fc .fc-toolbar-title {
    font-size: 20px !important;
  }

  /* 채용대행 > 주요고객사 */
  .employment04-tit {font-size: 11px;}

  /* 회사소개 > location */
  .root_daum_roughmap .wrap_map {
    height: 290px !important;
  }
  /*  통합검색 결과 */
  .search_box {
    padding: 8px;
  }
  .s_size {
    width: 60px;
  }
  .search_box select, .search_box input {
    font-size: 12px;
  }
  .search_box button {
    font-size: 12px;
  }
  .search_total {
    font-size: 13px;
  }
}
@media all and (max-width: 425px) {
  .bank_table td.btn a, .bank_pop > div table td.btn a {
    font-size: 12px;
    line-height: 1.3;
  }
  .bank_table td.btn a img, .bank_pop > div table td.btn a img {
    scale: .8;
    margin-right: 0;
  }
}