/* media-screen-530px */

@media screen and (max-width: 530px) {
  .media_list.image_list ul.contentData li {
    width: 100%;
    padding: 10px;
  }
  
  .media_list.image_list ul.contentData li .functional_area .group_box {
    row-gap: 5px;
  }
  
  .media_list.image_list ul.contentData li .thumb {
    height: 200px;
  }
  
  .modal_imgs .modal_container {
    height: auto;
  }
  
  .modal_container .modal_cont {
    flex-direction: column;
    row-gap: 10px;
  }
  
  .modal_imgs .modal_hd {
    padding-bottom: 10px;
  }
  
  .modal_container .modal_cont > figure {
    max-width: 100%;
    width: 100%;
    height: 300px;
  }
  
  .modal_container .modal_cont > figure > img {
    max-height: 300px;
  }
  
  .modal_container .modal_cont .img_desc > div {
    padding: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    overflow-y: scroll;
  }
  
  .modal_imgs .modal_hd > div {
    gap: 5px;
  }
  
  .sub_top_visual.sub_visual_6 .sub_visual_tit {
    margin-top: 20px;
  }
  
  .sub_visual_tit h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  
  .sub_visual_tit .desc1 {
    font-size: 15px;
    margin-bottom: 20px;
  }
  
  .sub_visual_tit .desc2 {
    font-size: 12px;
  }
  
  .sub_top_visual.sub_visual_6 {
    height: 210px;
    background-position: bottom right;
    background-size: contain;
  }
  
  .sub_top_visual.sub_visual_5 {
    height: 210px;
    background-position: bottom right;
    background-size: contain;
  }
  
  .full_se2_mo .sec_tit_mo {
    padding: 40px 20px;
  }
  
  .modal_imgs .modal_hd > div > span {
    padding: 5px;
  }
  
  .full_se2_mo .sec_tit_mo > h2 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 700;
  }
  
  .full_se2_mo .sec_tit_mo > h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 20px;
  }
  
  .full_se2_mo .sec_tit_mo > p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
  }
  
  .full_sec3 {
    padding-top: 40px;
  }
  
  .full_sec3 .intro_icon > div {
    width: 110px;
    row-gap: 6px;
  }
  
  .full_sec3 .intro_icon > div > figure {
    width: 43px;
    height: 43px;
  }
  
  .full_sec3 .intro_icon > div > p {
    text-align: center;
    font-size: 14px;
  }
  
  .full_sec3 .intro_icon > div:last-child > p {
    width: 72px;
  }
  
  .full_sec3 .intro_icon {
    gap: 15px;
  }
  
  .full_sec3 .section_inner > h2 {
    font-size: 22px;
  }
  
  .full_sec3 .section_inner > h3 {
    font-size: 14px;
    margin-bottom: 40px;
  }
  
  .full_sec3 .card_box .top {
    row-gap: 5px;
  }
  
  .full_sec3 .card_box .top > h3 {
    font-size: 22px;
    line-height: normal;
  }
  
  .full_sec3 .card_box .top > p {
    font-size: 14px;
    line-height: normal;
  }
  
  .full_sec3 .card_box {
    height: 90px;
    padding: 0 20px 0 20px;
  }
  
  .full_sec3 .card_box .bottom {
    width: 108px;
    height: 50px;
  }
  
  .full_sec3 .card_box .bottom > a {
    font-size: 14px;
  }
  
  .full_sec3 .ebook_card {
    padding: 0 20px;
    row-gap: 20px;
  }
  
  .full_sec3 .text_banner {
    margin-top: 40px;
    margin-bottom: 30px;
    height: 160px;
  }
  
  .full_sec3 .text_box > span {
    font-size: 14px;
    margin-bottom: 15px;
  }
  
  .full_sec3 .text_box > div {
    font-size: 14px;
  }
  
  .full_sec3 .text_box > div > p {
    font-size: 22px;
  }
  
  .full_sec3 .text_box {
  
  }
  
  .full_sec3 .card_box .bottom > a > span {
    width: 24px;
    height: 24px;
  }
  
  .full_sec4 .right_area .cont_area {
    padding: 40px 20px;
  }
  
  .full_sec4 .text_area > h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  
  .full_sec4 .text_area > h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  
  .full_sec4 .text_area > p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  
  .full_sec4 .sec_tabs .tab-menu li a {
    font-size: 14px;
    border-radius: 5px;
  }
  
  .full_sec4 .sec_tabs .tab-menu li a.active {
    font-size: 14px;
    padding: 4px 10px;
  }
  
  .full_sec4 .sec_tabs .tab-menu li.bar {
    height: 15px;
    margin-right: 5px;
  }
  
  .full_sec4 .sec_tabs .tab {
    margin-top: 20px;
  }
  
  #fullpage .tabSwiper .swiper-wrapper {
    height: 120px;
  }
  
  #fullpage .tabSwiper .swiper-slide {
    border-radius: 5px;
  }
  
  #fullpage .tabSwiper .slide_thumb {
    border-radius: 5px 0 0 5px;
  }
  
  #fullpage .tabSwiper .slide_text {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
  }
  
  #fullpage .tabSwiper .swiper-slide h3 {
    font-size: 17.5px;
    line-height: normal;
  }
  
  #fullpage .tabSwiper .swiper-slide p {
    font-size: 10px;
    height: auto;
  }
  
  #fullpage .tabSwiper .go_to_page_mo {
    width: 30px;
    height: 30px;
    margin-top: 7px;
  }
  
  #fullpage .tabSwiper .go_to_page_mo > img {
    display: block;
    width: 100%;
  }
  
  #fullpage .sec_atc .main_wr.bg_gray {
    padding: 30px 42px;
  }
  
  .sec_atc .icon_box {
    gap: 40px;
  }
  
  .sec_atc .icon_box .icons {
    width: 62px;
    height: 62px;
  }
  
  .sec_atc .icon_box > li {
    width: auto;
  }
  
  .sec_atc .icon_box > li > a {
    row-gap: 5px;
  }
  
  .sec_atc .icon_box .icons.icons1 {
    background-size: 48px 48px;
  }
  
  .sec_atc .icon_box .icons.icons2 {
    background-size: 48px 48px;
  }
  
  .sec_atc .icon_box .icons.icons3 {
    background-size: 48px 48px;
  }
  
  .sec_atc .icon_box .icon_tit {
    font-size: 14px;
    margin-bottom: 7px;
  }
  
  .sec_atc .icon_box .icon_txt_mo {
    font-size: 14px;
  }
  
  .sec_atc .icon_box > li.list1:hover .icons.icons1 {
    background-color: transparent;
    border: none;
    background-size: 48px 48px;
  }
  
  .sec_atc .icon_box > li.list2:hover .icons.icons2 {
    background-color: transparent;
    border: none;
    background-size: 48px 48px;
  }
  
  .sec_atc .icon_box > li.list3:hover .icons.icons3 {
    background-color: transparent;
    border: none;
    background-size: 48px 48px;
  }
  
  .sec_search {
    padding: 30.5px 20px;
    gap: 10.5px;
  }
  
  .sec_search .sch_input {
    width: 100%;
    height: 48px;
    padding: 6.5px 25px;
  }
  
  .sec_search .sch_btn {
    width: 48px;
    height: 48px;
    background-size: 48px;
  }
  
  #fullpage .tabSwiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 15px;
  }
  
  #fullpage .tabSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
  }
  
  #fullpage #footer .main_wr {
    padding: 40px 20px;
    padding-top: 0;
  }
  
  .footer .ft_link {
    padding-top: 40px;
  }
  
  .footer .ft_link a {
    font-size: 14px;
    gap: 11.5px;
  }
  
  .footer .sns_link {
    margin: unset;
  }
  
  .footer .ft_info {
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: normal;
    margin-bottom: 0;
  }
  
  .footer .ft_info .ft_txt_mo {
    font-size: 13px;
    line-height: normal;
  }
  
  .footer.sub_footer .ft_link {
    padding-top: 40px;
  }
  
  .footer.sub_footer .ft_info .ft_txt_mo {
    margin-bottom: 40px;
  }
  
  .eduTabs .tab-content .tab > ul > li {
    padding: 20px;
  }
  
  .eduTabs .tab-content .tab .img_tit {
    font-size: 18px;
  }
  
  .eduTabs .tab-content .tab .img_tit_desc {
    font-size: 16px;
    line-height: normal;
  }
  
  .hover_box .icon_box {
    gap: 10px;
  }
  
  .hover_box .icon_box .icon {
    width: 32px;
    height: 32px;
  }
  
  .eduTabs .tab-links {
    gap: 10px;
  }
  
  .eduTabs .tab-links a {
    padding: 5px 22px;
  }
  
  .eduTabs .tab-content .content {
    max-width: 200px;
  }
  
  .cont_ip ul li p {
    font-size: 12px;
  }
}