/* -- Desktop -- */
@media (max-width: 1400px) {
  footer {
    padding: 120px 24px;
  }
  main.sub {
    padding: 240px 24px 150px 24px;
  }
  .menu_wrap {
    display: none;
  }
  /* =========================== center =========================== */
  #center section {
    padding-left: 24px;
    padding-right: 24px;
  }
  .section_type_01.type01 .img_box img {
    width: 100%;
  }
  .section_type_01.type02 .img_box img {
    height: 400px;
  }
  .section_type_01.type01 .text_box {
    gap: 120px;
  }

  /* =========================== security  itsm =========================== */
  #security section.fortinet_sc,
  #security section.plolink_sc,
  #security section.rapid7_sc,
  #security section.secuway_sc,
  #security section.arad_sc,
  #security section.dell_sc,
  #itsm section {
    padding: 100px 24px;
  }
  #security section.verkada_sc .text_box {
    padding: 200px 24px 0;
  }

  #management section,
  #notice section,
  #ethics section {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* -- Tablet -- */
@media screen and (max-width: 1200px) {
  header,
  section {
    padding: 0 30px;
  }
  /* =========================== header =========================== */
  header nav {
    display: none;
  }
  header .menu_btn .lan_wrap {
    display: none;
  }
  header:hover {
    height: auto;
  }
  header .inner {
    padding: 24px 0;
  }
  .m_nav .btn_wrap {
    left: -30px;
  }
  /* =========================== footer =========================== */
  footer {
    padding: 100px 30px;
  }
  footer .info_wrap .ft_nav {
    display: none;
  }

  /* =========================== main =========================== */
  main > .text_box {
    padding: 0 30px;
  }
  main > .text_box p {
    margin-top: 16px;
  }
  main > .text_box p br {
    display: none;
  }
  main > .text_box h1 br {
    display: none;
  }

  /* =========================== #main =========================== */
  .slider_wrap {
    padding: 250px 30px;
  }
  .slider_wrap .inner {
    width: auto;
  }
  .text_list_01 ul {
    padding: 0 30px;
  }
  .main_big_text h1 {
    font-size: 95px;
  }
  .main_big_text h1.outline {
    font-size: 95px;
    top: 44%;
  }

  /* =========================== section =========================== */
  .last_section {
    padding-bottom: 150px;
  }

  /* =========================== history =========================== */
  #history section {
    padding-top: 150px;
  }
  .history_box {
    padding-left: 40px;
  }
  .history_box .history_col {
    display: block;
    margin-bottom: 80px;
  }
  .history_box .history_col .history_year p {
    text-align: left;
  }
  .history_box .history_col .history_year,
  .history_box .history_col ul {
    width: auto;
  }
  .history_box .history_col ul {
    margin-top: 16px;
  }
  .history_box .history_col:nth-child(2n) ul {
    text-align: left;
  }
  .history_line {
    left: 0;
  }

  /* =========================== aboutUbase =========================== */
  #aboutUbase .last_section {
    padding-top: 100px;
  }
  #aboutUbase .full_section .img_box {
    width: 30%;
  }
  #aboutUbase .full_section .img_box img {
    width: 100%;
  }
  #aboutUbase .full_section .text_box {
    margin-top: 50px;
  }
  #aboutUbase .full_section .text_box p br {
    display: none;
  }

  /* =========================== location =========================== */
  #location section {
    padding: 0;
  }
  .location_box .txt_wrap .location_list ul {
    width: 100%;
  }
  .location_box .txt_wrap .map_btn .inner {
    padding-left: 30px;
  }
  .location_box .txt_wrap .location_list {
    bottom: 100px;
  }
  .location_box .txt_wrap .location_list .inner {
    padding: 0 30px;
  }
  .location_box .txt_wrap .location_list ul li .img_box {
    width: 100%;
  }

  /* =========================== solutions =========================== */
  #newsletter section {
    padding: 0;
  }
  .new_news .main_news a {
    flex-direction: column;
    gap: 20px;
  }
  .new_news .main_news .img_box {
    width: 100%;
  }
  .new_news .main_news .txt_wrap {
    width: 100%;
  }

  /* =========================== solutions =========================== */
  #solutions section {
    padding: 0;
  }

  /* =========================== aisolution =========================== */
  .footer_banner_02 {
    padding: 100px 0 160px;
  }
  .footer_banner_02 .logo_wrap {
    margin-top: 80px;
  }
  .footer_banner_02 .logo_wrap ul {
    gap: 60px;
  }
  .footer_banner_02 .logo_wrap ul li {
    height: 30px;
  }

  /* =========================== security itsm =========================== */
  #security section.fortinet_sc,
  #security section.plolink_sc,
  #security section.rapid7_sc,
  #security section.secuway_sc,
  #security section.arad_sc,
  #security section.dell_sc,
  #itsm section {
    padding: 100px 20px;
  }

  /* =========================== recruit =========================== */
  #recruit .welfare_box {
    padding-top: 150px;
  }

  /* =========================== crew_detail =========================== */
  #crew_detail .interview_wrap .main_wrap {
    flex-direction: column;
    gap: 24px;
  }
  #crew_detail .interview_wrap > ul li:nth-child(n + 2) {
    margin-top: 60px;
  }

  /* =========================== banner_wrap =========================== */
  .banner_wrap {
    margin: 50px 0px 0;
    height: 350px;
  }
  .banner_wrap .inner {
    padding: 0px 30px 0 50px;
  }

  /* =========================== full_section_01 =========================== */
  .full_section_01 {
    flex-direction: column;
  }
  .full_section_01 .img_wrap {
    width: 100%;
    height: 50vh;
  }
  .full_section_01 .text_wrap {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .full_section_01 .text_wrap p,
  .full_section_01 .text_wrap > span {
    text-align: center;
  }
  .full_section_01 .text_wrap > span,
  .full_section_01 .text_wrap p,
  .full_section_01 .text_wrap a {
    margin-top: 20px;
  }

  .contact_box .list_box > ul {
    gap: 36px 24px;
  }
  .contact_box .list_box > ul li > p {
    max-width: 120px;
    margin-top: 0;
  }

  .round_wrap .round_box .box {
    width: 160px;
    height: 250px;
    gap: 16px;
  }

  .list_type_04 .text_box .sub_txt .client_box .img_box {
    height: 14px;
  }
  .list_type_10 ul li span {
    text-align: center;
  }
  .list_type_11 ul li .btn_box {
    gap: 10px;
  }
  .list_type_14 ul {
    gap: 10px;
  }
  .list_type_14 ul li {
    padding: 30px 24px;
  }

  #ai_solutions .full_section_03 ul {
    width: 100% !important;
  }
  #ai_solutions .full_section_03 ul li {
    width: 100% !important;
  }
  .full_section_03 {
    height: fit-content;
  }
  .full_section_03 ul {
    flex-direction: column;
  }
  .full_section_03 ul li {
    padding: 30px 0;
  }
  .full_section_03 ul .img_box img {
    height: 100%;
    object-fit: contain;
  }
  .full_section_03 ul li {
    min-width: auto;
  }

  /* =========================== btn_type_01 =========================== */
  .btn_type_01 {
    padding: 10px 24px;
    min-width: 120px;
  }
  .btn_type_04 {
    padding: 10px;
  }
}

/* 모바일 가로 & 테블릿 세로 */
@media screen and (max-width: 768px) {
  header,
  section {
    padding: 0 20px;
  }
  /* =========================== header =========================== */
  header {
    height: 59px;
  }
  header .inner {
    padding: 16px 0;
  }
  header .menu_btn button {
    width: 24px;
    height: 24px;
  }
  header .logo_box a img {
    height: 24px;
  }

  main.sub {
    padding: 150px 0 100px 0;
  }
  main .tit_list_01 {
    padding: 0 20px;
  }
  /* =========================== m_nav =========================== */
  .m_nav .wrap {
    width: auto;
    height: auto;
    padding: 100px 0 200px;
  }
  .m_nav ul {
    flex-direction: column;
  }
  .m_nav ul li:nth-child(n + 2) {
    margin-top: 36px;
  }
  .m_nav ul li .link_txt a:nth-child(n + 2) {
    margin-top: 24px;
  }
  .m_nav ul li .link_txt {
    margin-top: 24px;
  }
  /* =========================== footer =========================== */
  footer .info_wrap {
    flex-direction: column;
    align-items: baseline;
  }
  footer .info_wrap .ft_box {
    margin-top: 16px;
    width: 50%;
  }
  footer .last_wrap {
    flex-direction: column;
  }
  footer .last_wrap .list_box {
    margin-top: 8px;
  }
  footer .info_wrap .ft_box {
    display: none;
  }

  /* =========================== banner_wrap =========================== */
  .banner_wrap {
    height: 250px;
  }
  .banner_wrap .inner .text_box span {
    margin-top: 16px;
  }
  .banner_wrap .inner {
    padding: 0 30px;
  }

  .circle_list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .circle_list .circle {
    width: 50%;
    padding-left: 0;
  }
  .circle_list .circle + .circle {
    margin-left: 0;
    padding-left: 0;
    text-align: center;
    margin-top: -60px;
  }
  .circle_list .circle .text_box {
    width: 100%;
    text-align: center;
  }
  .circle_list .circle .text_box p {
    margin-top: 8px;
  }
  .circle_list::after {
    display: none;
  }

  section.text_section .text_box h3 br {
    display: none;
  }
  section.text_section .text_box p {
    margin-top: 16px;
  }

  /* =========================== progress_wrap =========================== */
  .progress_wrap {
    bottom: 30px;
    right: 30px;
  }

  /* =========================== chart =========================== */
  .chart_container {
    flex-direction: column;
    gap: 30px;
  }
  .chart_item {
    width: 100%;
  }
  .chart_00 {
    height: 400px;
  }

  /* =========================== #main =========================== */
  #main .text_box_inner h1 .img_wrap img {
    height: 28px;
  }
  .main_big_text {
    padding: 100px 0 40px;
  }
  .main_big_text h1 {
    font-size: 45px;
    padding: 0 20px;
  }
  .main_big_text h1.outline {
    font-size: 40px;
    top: 48%;
    padding: 0 20px;
  }
  section.text_section .text_box {
    padding: 0 20px;
  }

  .main_big_text h1 em::before {
    height: 15px;
  }
  .slider_wrap {
    padding: 60px 30px;
  }
  .slider_wrap .inner {
    flex-direction: column;
  }
  .slider_wrap .slider_box ul li {
    width: 200px;
    height: 300px;
    padding: 20px 20px 30px;
  }
  .slider_wrap .slider_box ul li .img_box {
    width: 80px;
    height: 80px;
    bottom: 20px;
    right: 20px;
  }
  .slider_wrap .main_txt {
    width: 100%;
  }
  .slider_wrap .slider_box {
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    transform: inherit;
    margin-top: 24px;
    touch-action: pan-y pan-x; /* 가로/세로 스크롤 모두 허용 */
  }
  .slider_box {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .slider_box::-webkit-scrollbar {
    display: none;
  }

  /* =========================== history =========================== */
  .history_box {
    padding-left: 30px;
  }
  .history_box .history_col ul {
    margin-top: 8px;
  }

  /* =========================== location =========================== */
  .location_box {
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--color-dark-3);
  }
  .location_box .map_box img {
    height: 50vh;
    border-radius: 0;
  }
  .location_box .txt_wrap {
    padding-bottom: 30px;
    background-color: var(--color-light-1);
  }
  .location_box .txt_wrap .map_btn {
    position: inherit;
  }
  .location_box .txt_wrap .map_btn .inner {
    padding: 0;
  }
  .location_box .txt_wrap .map_btn ul {
    display: flex;
    background: none;
    box-shadow: unset;
    gap: 8px;
  }
  .location_box .txt_wrap .map_btn ul li:nth-child(n + 2) {
    margin: 0;
  }
  .location_box .txt_wrap .map_btn ul li button {
    background-color: var(--color-light-4);
    border-radius: 99px;
  }
  .location_box .txt_wrap .location_list {
    position: inherit;
  }
  .location_box .txt_wrap .location_list .inner {
    padding: 0 20px;
  }
  .location_box .txt_wrap .location_list ul li {
    flex-direction: column;
    gap: 24px;
  }
  .location_box .txt_wrap .location_list ul li .txt_box .subway_txt {
    margin-top: 8px;
  }
  .location_box .txt_wrap .location_list ul li .img_box {
    height: 200px;
  }
  .location_box .txt_wrap .location_list ul li .txt_box {
    width: auto;
  }
  .location_box #map {
    border-radius: 0px 0px 60px 60px;
  }

  /* =========================== newsletter =========================== */
  #newsletter_detail section .news_detail .content_box .img_box img {
    height: 300px;
  }
  .new_news {
    padding: clamp(32px, 6vw, 80px) 20px;
  }
  .new_news .main_news .img_box {
    display: flex;
  }
  .news_list {
    padding: clamp(60px, 9vw, 120px) 20px 200px !important;
  }
  .list_type_15 > ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .tag_box {
    display: none;
  }
  .new_news .main_news a {
    padding: 20px;
  }

  #newsletter_detail section {
    margin-top: 150px;
  }
  .list_type_15 > ul > li .img_box img {
    height: 200px;
  }

  /* =========================== center =========================== */
  #center section .list_type_04:nth-child(2n) {
    flex-direction: column-reverse;
  }
  .section_type_01.type02 .img_box img {
    height: 250px;
  }
  .section_type_01 .text_box .sub_text span br {
    display: none;
  }
  .section_type_01.type01 .text_box {
    gap: 20px;
  }
  .section_type_01.type01 .img_box img {
    width: 100%;
  }
  .section_type_01.type01 .img_box {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 40px;
  }
  .section_type_01.type01 .text_box .main_text p br {
    display: none;
  }
  /* Trainer 섹션의 em 태그를 한 줄로 표시 */
  #trainer .text_box .main_text p em {
    display: inline;
    white-space: nowrap;
  }
  .section_type_01.type02 .text_box .main_text {
    flex-direction: column;
    align-items: baseline;
  }

  /* =========================== security =========================== */
  #security section.fortinet_sc,
  #security section.plolink_sc,
  #security section.rapid7_sc,
  #security section.secuway_sc,
  #security section.arad_sc,
  #security section.dell_sc {
    padding: 50px 20px;
  }
  #security .content_box {
    padding: 36px 20px;
    margin-top: 36px;
  }
  #security section .content_box .text_box {
    margin-top: 50px;
  }
  #security section .content_box .text_box p br {
    display: none;
  }
  #security section.plolink_sc .list_type_08 li:nth-child(2)::after {
    width: 50px;
    height: 50px;
    right: 20px;
    top: 20px;
    background-size: contain;
  }
  #security section.rapid7_sc .list_type_10 {
    margin-top: 50px;
  }
  #security section.verkada_sc .text_box {
    text-align: center;
  }
  #security section.verkada_sc .text_box p {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 16px;
  }
  #security section.verkada_sc .text_box span {
    margin-top: 24px;
  }
  #security section .content_box .img_box .text {
    flex-direction: column;
    gap: 16px;
  }
  #security section .content_box .img_box:nth-child(n + 2) {
    margin-top: 50px;
  }
  #security section.plolink_sc .list_type_08 li:nth-child(3)::after {
    width: 90px;
    height: 50px;
    right: 40px;
    top: 26px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #security section.fortinet_sc .content_box .img_box img {
    display: none;
  }
  #security section.fortinet_sc .content_box .img_box img.m_img {
    display: block;
  }

  /* =========================== itsm =========================== */
  #itsm .list_type_14,
  #itsm .homepage_section .list_type_13,
  #itsm .list_type_07,
  #itsm .list_type_10,
  #itsm .erp_section .list_type_12,
  #itsm .groupware_section .list_type_12 {
    margin-top: 50px;
  }
  #itsm .list_type_07 {
    grid-template-columns: repeat(1, 1fr);
  }

  #itsm .erp_section::before {
    width: 324px;
    height: 307px;
    background-size: contain;
  }
  #itsm .groupware_section .wrap::before {
    width: 260px;
    height: 190px;
    background-size: contain;
    top: -44px;
    right: 0;
  }
  #itsm .web_section .wrap::before {
    width: 220px;
    height: 190px;
    background-size: contain;
    top: -44px;
    right: 0;
  }
  #itsm .homepage_section .list_type_13 {
    margin-left: 0;
  }

  /* =========================== crew_detail =========================== */
  #crew_detail main.sub {
    padding: 150px 0 60px 0;
  }
  #crew_detail .interview_wrap {
    padding: 60px 0;
  }
  #crew_detail .interview_wrap .main_wrap .img_box {
    width: 250px;
    height: 250px;
  }
  #crew_detail .interview_wrap .main_tit h2 br {
    display: none;
  }
  #crew_detail .interview_wrap .main_tit i {
    width: 40px;
    height: 26px;
  }
  #crew_detail .interview_wrap .main_tit h2 {
    padding: 8px 46px;
  }
  #crew_detail .interview_wrap > ul {
    margin-top: 80px;
  }
  #crew_detail .interview_wrap > ul li .main_txt {
    align-items: flex-start;
  }
  #crew_detail .interview_wrap > ul li .main_txt em {
    width: 24px;
    height: 24px;
  }
  #crew_detail .interview_wrap > ul li:nth-child(n + 2) {
    margin-top: 50px;
  }

  /* =========================== list_type =========================== */
  .list_type_01 ul {
    flex-direction: column;
    gap: 16px;
  }
  .list_type_01 ul li {
    padding: 20px;
    height: 250px;
  }
  .list_type_01 ul li .img_box i {
    width: 80px;
    height: 80px;
  }
  .list_type_02 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .list_type_02 ul li {
    min-height: 200px;
  }
  .list_type_03 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_type_03 ul li a {
    padding: 16px;
  }
  .list_type_04 {
    flex-direction: column;
    height: fit-content;
  }
  .list_type_04 .text_box {
    width: 100%;
    padding: 40px 20px 20px;
  }
  .list_type_04 .text_box .sub_txt {
    margin-top: 30px;
  }
  .list_type_04 > .img_box {
    padding: 20px;
    width: 100%;
    height: 300px;
  }
  .list_type_04 > .img_box > img,
  .list_type_04.two > .img_box img {
    border-radius: 30px;
  }
  .list_type_04 .text_box .sub_txt .client_box .img_box img {
    height: 12px;
  }
  .list_type_04 .img_box .btn_box {
    bottom: 30px;
    right: 30px;
  }
  .list_type_04.two .img_box .btn_box {
    right: 30px;
    left: inherit;
  }
  .list_type_04 .img_box .btn_box .btn_type_01 {
    padding: 10px 24px;
  }
  .list_type_05 ul li a {
    padding: 24px 16px;
  }
  .list_type_06 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .list_type_06 li {
    padding: 20px;
  }
  .list_type_06 li .icon_box i {
    width: 60px;
    height: 60px;
  }
  .list_type_06 li .txt_box {
    margin-top: 16px;
  }
  .list_type_07 {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .list_type_07 li {
    padding: 20px;
  }
  .list_type_07 li .txt_box {
    margin-top: 16px;
  }
  .list_type_08 {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 36px;
  }
  .list_type_08 li {
    width: 100%;
    padding: 20px;
  }
  .list_type_08 li h1 {
    margin-top: 8px;
  }
  .list_type_08 li p {
    margin-top: 30px;
  }
  .list_type_08 li span {
    margin-top: 8px;
  }
  .list_type_09 {
    flex-direction: column;
    gap: 16px;
  }
  .list_type_09 li {
    width: 100%;
    padding: 20px;
    border-radius: 16px;
  }
  .list_type_10 ul {
    gap: 8px;
    margin-top: 16px;
    flex-direction: column;
  }
  .list_type_10 ul li {
    border-radius: 16px;
    padding: 16px;
    aspect-ratio: 0;
  }
  .list_type_10 ul li p {
    margin-top: 0;
  }
  .list_type_11 ul li .img_box {
    height: 180px;
  }
  .list_type_10 ul li img {
    height: 30px;
    margin-top: 10px;
  }
  .list_type_11 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_type_11 h5 {
    margin-bottom: 30px;
  }
  .list_type_11 ul li .btn_box {
    flex-direction: column;
    gap: 8px;
  }
  .list_type_12 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
  .list_type_12 ul li {
    padding: 20px;
  }
  .list_type_12 ul li .text_box p {
    margin-top: 16px;
  }
  .list_type_12 ul li .img_box img {
    width: 60px;
    height: 60px;
  }
  .list_type_13 ul {
    margin-left: 0;
    gap: 20px;
  }
  .list_type_13 ul li {
    width: 250px;
    height: 250px;
    padding: 20px;
  }
  .list_type_14 ul {
    flex-direction: column;
    gap: 16px;
  }
  .list_type_14 ul li {
    padding: 20px;
  }
  .list_type_14 ul li .img_box img {
    width: 60px;
    height: 60px;
  }
  .list_type_14 ul li .text_box {
    margin-top: 16px;
  }
  .list_type_16 ul li {
    flex-direction: column;
    align-items: baseline;
    gap: 30px;
  }
  .list_type_16 ul li:nth-child(2n) {
    flex-direction: column;
    margin-top: 60px;
  }
  .list_type_16 ul li .img_box,
  .list_type_16 ul li .text_box {
    width: 100%;
  }
  .list_type_16 ul li .text_box span {
    margin-top: 25px;
  }
  #aboutUbase .full_section .img_box {
    width: 50%;
  }
  .full_section_02 .text_box span.point::before {
    width: 10px;
    height: 10px;
    top: -10px;
    left: -10px;
  }
  .full_section_02 .text_box span.point::after {
    width: 10px;
    height: 10px;
    bottom: 0px;
    right: -10px;
  }
  .full_section_02 .text_box p br {
    display: none;
  }
  .footer_banner_02 .text_box span {
    margin-bottom: 8px;
  }
  .footer_banner_02 .logo_wrap {
    margin-top: 24px;
  }
  .footer_banner_02 .logo_wrap ul {
    gap: 36px;
  }

  /* =========================== tit_list =========================== */
  .tit_list_01 {
    margin-bottom: 0;
  }
  .tit_list_01 .sub_text {
    padding-left: 0;
    margin-top: 16px;
  }
  .tit_list_01 .main_text .text_box h1 br {
    display: none;
  }
  .tit_list_01 .sub_text p br {
    display: none;
  }
  .tit_list_01 .main_text .text_box h1 img {
    height: 30px;
    display: block;
    margin-bottom: 16px;
  }
  .tit_list_03 .main_text h1 {
    margin-top: 8px;
  }
  .tit_list_03 .sub_text {
    padding-left: 0;
    margin-top: 24px;
  }

  .text_list_01 ul li {
    flex-direction: column;
    padding: 40px 0;
  }
  .text_list_01 ul li h5,
  .text_list_01 ul li p {
    width: 100%;
  }
  .text_list_01 ul li p {
    margin-top: 16px;
  }

  .table_type_01 table tbody tr td,
  .table_type_01 table thead tr th {
    padding: 16px 10px;
  }

  .banner_wrap {
    margin: 50px 20px 0;
  }

  .search_box .input_box {
    width: 250px;
  }
  .input_type_01 {
    padding: 10px 16px;
  }
  .input_box.secrch button {
    width: 30px;
    height: 30px;
  }
  .checkbox_type_01 span::before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }
  .checkbox_type_01 span {
    line-height: 20px;
  }
  .checkbox_type_01 input[type="checkbox"]:checked ~ span::before {
    background-position: -33px 0;
  }
  .selected_wrap .select_box .selected {
    padding: 10px 16px;
  }
  .selected_wrap .select_box .selected i {
    width: 20px;
    height: 20px;
  }
  .filebox label {
    top: 20px;
    left: 10px;
  }

  .terms_accordion {
    margin-top: 50px;
  }
  .term_title,
  .term_content {
    padding: 20px;
  }

  .contact_box .list_box > ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-top: 16px;
  }
  .contact_box .list_box > ul > li.only {
    grid-column: auto;
  }

  #ai_solutions .full_section_03 ul li {
    flex-direction: column;
  }
  .full_section_03 ul .img_box {
    margin-top: 30px;
  }
  .full_section_03 ul .txt_box,
  .full_section_03 ul .img_box {
    width: 100%;
  }
  /* =========================== full_section =========================== */
  .full_section_02 .text_box span {
    margin-top: 16px;
    font-weight: 400;
  }
  .full_section_02 .text_box span br {
    display: none;
  }

  .footer_banner_01 {
    padding: 100px 0 50px;
  }
  .footer_banner_01 .img_box {
    height: auto;
  }

  .last_btn {
    margin-top: 40px;
  }
  .btn_type_02 {
    width: 24px;
    height: 24px;
  }
  .full_section_03 {
    padding: 80px 0;
  }
  .round_wrap {
    overflow-x: auto;
  }
  .round_wrap .round_box {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 30px;
    width: 100%;
    scroll-behavior: smooth;
    touch-action: pan-y pan-x; /* 가로/세로 스크롤 모두 허용 */
  }
  .round_wrap .box {
    flex-shrink: 0;
  }
  .scroll_down i {
    width: 20px;
    height: 40px;
    margin: 0 auto 5px;
  }
}

/* 모바일 세로*/
@media screen and (max-width: 480px) {
  /* =========================== m_nav =========================== */
  .m_nav .btn_wrap button {
    width: 30px;
    height: 30px;
  }
  /* =========================== footer =========================== */
  footer .info_wrap .info_box .line_box {
    flex-direction: column;
  }
  footer .info_wrap .info_box .line_box .line:nth-child(n + 2) {
    margin-left: 0;
  }
  footer .info_wrap .info_box .line_box .line p .up_btn button {
    width: 40px;
    height: 40px;
  }
  footer .last_wrap .list_box p,
  footer .last_wrap .list_box a {
    font-size: 10px;
  }
  footer .last_wrap .list_box {
    margin-top: 4px;
  }
  .banner_wrap {
    height: auto;
    padding: 50px 20px 0;
  }
  .banner_wrap .inner {
    flex-direction: column;
    padding: 0;
  }
  .banner_wrap .inner .text_box {
    width: 100%;
  }
  .banner_wrap .inner .img_box {
    width: 100%;
    height: 250px;
    padding-top: 30px;
  }

  .footer_banner_01 {
    padding: 100px 0 20px;
  }
  .footer_banner_01 .wrap {
    flex-direction: column;
    gap: 8px;
  }
  .footer_banner_01 .text_box {
    width: 100%;
  }
  .footer_banner_01 .img_box {
    width: 100%;
    height: 190px;
    text-align: right;
  }
  .footer_banner_01 .img_box img {
    width: auto;
  }

  #circle_list_section {
    padding-bottom: 100px;
  }
  .circle_list .circle + .circle {
    margin-top: -30px;
  }
  #security .btn_type_01 {
    width: 100%;
  }

  #recruit .welfare_box {
    padding-top: 100px;
  }
  #crew_detail .interview_wrap .main_wrap .img_box {
    width: 200px;
    height: 200px;
  }
  #crew_detail .interview_wrap .main_tit i {
    width: 30px;
    height: 20px;
  }
  #crew_detail .interview_wrap .main_tit h2 {
    padding: 8px 32px;
  }

  .contact_box .list_box > ul li > p {
    max-width: 90px;
  }

  .search_box .input_box {
    width: 200px;
  }

  .tit_list_01 .main_text .text_box h1 br {
    display: none;
  }
  .tit_list_01 .sub_text p br {
    display: none;
  }

  .list_type_01 ul li {
    height: auto;
  }
  .list_type_03 ul {
    grid-template-columns: repeat(1, 1fr);
  }
  .list_type_03 ul li a {
    padding: 16px 8px;
  }
  .list_type_03 ul li .img_box {
    width: 60px;
    height: 60px;
    border-radius: 10px;
  }
  .list_type_03 ul li .text_wrap {
    width: calc(100% - 84px);
  }
  .list_type_03 ul li .text_wrap .text_box p {
    margin-top: 8px;
  }

  .list_type_05 ul li a {
    flex-direction: column;
    padding: 16px 8px;
  }
  .list_type_08 {
    gap: 16px;
  }
  .list_type_13 {
    touch-action: pan-y pan-x; /* 가로/세로 스크롤 모두 허용 */
  }
  .list_type_13 ul {
    gap: 24px;
  }
  .list_type_13 ul li {
    width: 250px;
    height: 250px;
    padding: 20px;
  }

  .last_btn {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .btn_type_02 {
    width: 24px;
    height: 24px;
  }

  .slider_wrap {
    padding: 60px 20px;
  }
  .text_list_01 ul {
    padding: 0 20px;
  }
  .text_list_01 ul li {
    padding: 30px 0;
  }
  #management section,
  #notice section,
  #ethics section {
    padding-left: 20px;
    padding-right: 20px;
  }
  #notice_detail section .content_box {
    padding: 50px 0;
  }

  .section_type_01.type02 .img_box {
    margin-top: 20px;
  }
  .section_type_01.type02 .img_box img {
    height: 150px;
  }
}

/* 모바일 360 이하 */
/* 모바일 세로*/
@media screen and (max-width: 360px) {
}