html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* ##### header, footer ##### */
header, footer {
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
       
}
header ul,header li,header ol, footer ul, footer li, footer ol{
    margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
    
} 

/* ##### header ##### */
header {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1200;
  background-color: #fff;
  border-bottom: 0.1rem solid #DDD;
}

.headerWrap {
  width: 100%;
  max-width: 69rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
}

h1 {
  width: 16.4rem;
  display: inline-block;
  word-break: keep-all;
  font-size: 2rem;
  font-weight: 400;
}

h1 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}

@media (max-width: 750px) {
  header {
    height: 4rem;
    padding: 0 1rem
  }
  header .headerWrap .logo_main a img {width:65%}
  h1 {
    width: 21rem;
  }
  footer {
  	height: auto;
    padding: 8rem 4rem;
    font-size: 2.4rem;
  }
}

/* ##### footer ##### */
footer {
  height: auto;
  padding: 2.6rem 3rem;
  background-color: #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #444;
  font-size: 1.6rem;
  font-family: 'Pretendard'
}

footer * {
  color: inherit;
}

footer h2 {
  width: 19rem;
  word-break: keep-all;
}

footer article {
  height: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

footer p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer p span:not(:last-child)::after {
  content: 'l';
  margin: 0 0.6rem;
}

footer span {
  font-weight: 300;
  
}

footer ul {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  color: #222;
  font-size: 2rem;
}

footer ul li:nth-child(2), footer ul li:nth-child(3) {
  display: none;
}

footer a::after {
  content: '';
  border-bottom: 0.1rem solid #222;
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

footer a:hover::after, footer a:focus::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.footerWrap {
  width: 100%;
  max-width: 69rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
          
}
.footerWrap .ps-5 img {height:54px}
.footer ul.sub_gnb {margin:0}
.footer ul.sub_gnb li {display: flex}
.footer ul.sub_gnb li a {color:#777;font-size:1rem;font-weight:600}

@media (max-width: 750px) {
  footer {
    height: auto;
    padding: 8rem 4rem;
    font-size: 2.4rem;
    
  }
  footer h2 {
    width: 24rem;
  }
  footer h3 {
    visibility: hidden;
    font-size: 0;
    margin: 0;
    position: absolute;
  }
  footer ul {
    margin-bottom: 2.2rem;
    font-size: 2.8rem;
  }
  footer ul li:nth-child(1) {
    display: none;
  }
  footer ul li:nth-child(2), footer ul li:nth-child(3) {
    display: inline;
  }
  footer p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  footer p span::after {
    display: none;
  }
  .footerWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
    flex-direction : column-reverse;
  }
  .footerWrap article {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
  /* .footerWrap article p span {font-size:1.2rem}
  .footerWrap article span {font-size:1.2rem}
  .footerWrap article .sub_gnb li a {font-size:1.2rem}
  .footerWrap .ps-5 img {height:auto} */
}


h1 {
 width: 16.4rem;
  display: inline-block;
  word-break: keep-all;
  font-size: 2rem;
  font-weight: 400;
  }
h1 a {
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
}
/* ####### nav ####### */
@charset"UTF-8";
/* #################### $color #################### */
/* #################### @mixin #################### */
/* #################### 보안 키보드 레이아웃 #################### */
.nppfs-keypad-div {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

@media (max-width: 750px) {
  .nppfs-keypad-div {
    -webkit-transform: unset;
            transform: unset;
  }
}

/* ####### multiple objectList Style ####### */
.multipleObj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}

.multipleObj.flexWrap_2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}

.multipleObj.flexWrap_2 > * {
  width: calc(50% - 3rem);
}

.multipleObj.flexWrap_3 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}

.multipleObj.flexWrap_3 > * {
  width: calc(33.3333333% - 2rem);
}

.multipleObj.ratio_3_7 > *:first-child {
  width: 30%;
}

.multipleObj.ratio_3_7 > *:last-child {
  width: 70%;
}

.multipleObj.btnBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.multipleObj.checkBox, .multipleObj.radioBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}

/* ####### ellipsis ####### */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis.max-1Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis.max-2Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ellipsis.max-3Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ellipsis.max-4Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.ellipsis.max-5Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.ellipsis.max-6Line {
  display: -webkit-box !important;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

/* ####### loading ####### */
.loading {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.loading .loading_img {
  min-width: 8rem;
  min-height: 8rem;
  border-radius: 100%;
  background-image: url(../../asset/img/loading/loading.gif);
  background-color: #4675e4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
}

.loading .loading_text {
  font-size: 1.6rem !important;
  color: #fff !important;
}

section .loading {
  position: absolute;
  min-height: 10rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 3;
}

section .loading .loading_img {
  min-width: 6rem;
  min-height: 6rem;
}

section .slide_wrap .loading {
  width: 100vw;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 750px) {
  .loading .loading_img {
    min-width: 16rem;
    min-height: 16rem;
  }
  .loading .loading_text {
    font-size: 2.8rem !important;
    color: #fff !important;
  }
  section .loading {
    position: absolute;
    min-height: 10rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    z-index: 3;
  }
  section .loading .loading_img {
    min-width: 10rem;
    min-height: 10rem;
  }
  section .slide_wrap .loading {
    min-width: 100vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  footer {
  	height: auto;
    padding: 4.5rem 1.5rem;
    font-size: 2.4rem;
  }
}

/* ####### securitySetBtn ####### */
.securitySetBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
}

.securitySetBtn input {
  visibility: hidden !important;
  font-size: 0 !important;
  margin: 0 !important;
  position: absolute !important;
}

.securitySetBtn span {
  padding: 1rem;
  border-radius: 0.4rem;
  border-color: #1426a8;
  background-color: #1426a8;
  color: #fff !important;
  font-size: 1.4rem;
}

.securitySetBtn:hover,
.securitySetBtn :focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .securitySetBtn span {
    padding: 1.4rem 2rem;
    font-size: 2rem;
  }
}

/* ####### nav ####### */
nav {
  text-align: center;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6vw;
  background-color: #fff;
}

nav .main_nav_infor {
  max-width: 40rem;
  min-height: 30rem;
  padding: 5.8rem 5.5rem 4.5rem 3rem;
  border-right: 0.1rem solid #DDD;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0rem;
  text-align: left;
  color: #666;
  font-size: 1.6rem;
}

nav .main_nav_infor * {
  color: inherit;
  font-size: inherit;
}

nav .main_nav_infor h2 {
  color: #12203A;
  font-size: 4.8rem;
}

nav .main_nav_infor p {
  min-height: 4.2rem;
}

nav .main_nav_infor figure {
  max-width: 26rem;
  height: 20rem;
}

nav .main_nav_infor figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

nav .main_nav_infor .title_wrap {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

nav.sub_nav_wrap {
  width: 100%;
  padding: 0 4rem;
  border-top: 0.1rem solid #DDD;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8vw;
  -webkit-box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.25);
  color: #111;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

nav.sub_nav_wrap.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav.sub_nav_wrap .content {
  width: 100%;
  max-width: 160rem;
  display: none;
}

nav.sub_nav_wrap .content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

nav .main_nav li,
nav .sub_nav li {
  position: relative;
  display: flex
}

nav .main_nav li a,
nav .sub_nav li a {
  width: 100%;
  word-break: keep-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

nav .main_nav li a:hover, nav .main_nav li a:focus-visible,
nav .sub_nav li a:hover,
nav .sub_nav li a:focus-visible {
  text-decoration: underline;
}

nav .main_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  gap: 3.4vw;
  color: #222;
  font-size: 2rem;
  font-weight: 500;
}

nav .main_nav * {
  color: inherit;
  font-size: inherit;
}

nav .main_nav > .currentNav::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #1426a8;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: -0.6rem;
}

nav .main_nav button {
  padding: 0;
  border: 0;
  color: #222;
  font-size: 2rem;
}

nav .main_nav button:hover, nav .main_nav button:focus-visible {
  text-decoration: underline;
}

nav .main_nav .active::after {
  content: '';
  width: 130%;
  border-bottom: 0.3rem solid #1426a8;
  display: block;
  position: absolute;
  bottom: -1.15rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

nav .main_nav .active button {
  color: #1426a8;
  font-weight: bold;
}

nav .sub_nav {
  padding: 2.8rem 3rem 5.6rem;
  padding-left: 9.4%;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: start;
      align-self: flex-start;
  row-gap: 1rem;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  text-align: left;
  overflow: auto;
  max-height: calc(100vh - 5rem);
}

nav .sub_nav::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

nav .sub_nav::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

nav .sub_nav::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

nav .sub_nav::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

nav .sub_nav::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

nav .sub_nav li {
  max-width: 32rem;
  min-width: 32rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  word-break: keep-all;
}

nav .sub_nav li.currentNav a {
  color: #1426a8;
}

nav .sub_nav li.currentNav a span {letter-spacing:-1px;}
nav .sub_nav li.currentNav a span::before {
  width: 100%;
  border-color: #1426a8;
}

nav .sub_nav a {
  color: #12203A;
  font-size: 2.4rem;
  font-weight: bold;
}

nav .sub_nav a span::before {
  content: '';
  width: 4rem !important;
  margin-bottom: 0.4rem;
  border-bottom: 0.2rem solid #12203A;
  background-color: #12203A;
  display: block;
}

nav .sub_nav p {
  max-width: 16rem;
  margin-top: 1.2rem;
}

@media (max-width: 750px) {
  nav .main_nav, nav.sub_nav_wrap {
    display: none !important;
  }
}

.mobile_menu {
  width: 100%;
  height: calc(100vh - 4rem);
  background-color: #fff;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 4rem;
  left: 0;
  -webkit-box-shadow: inset 0 1.6rem 2rem -2rem rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1.6rem 2rem -2rem rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.mobile_menu.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .searchWrap {
  max-width: none;
  margin: 0;
  padding: 2.4rem 2rem;
  padding-bottom: 0;
  gap: 1.2rem;
}

.mobile_menu .searchWrap .title_wrap {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile_menu .searchWrap .title {
  color: #222;
  font-size: 4rem;
  font-weight: bold;
}

.mobile_menu .searchWrap .title * {
  color: inherit;
  font-size: inherit;
}

.mobile_menu .searchWrap .searchBox input {
  padding-right: 12rem;
  font-size: 1.1rem;
}

.mobile_menu .searchWrap .searchBox button.search {
  width: 2.0rem;
  height: 2.0rem;
}

.mobile_menu .navWrap {
  height:calc(100vh - 0rem - 12rem - 5.3rem);
  border-top: 0.15rem solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mobile_menu .mo_main_nav_wrap {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 27rem;
}

.mobile_menu .mo_main_nav {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F6F6FC;
}

.mobile_menu .mo_main_nav > .currentNav button span::before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #1426a8;
  display: inline-block;
  position: absolute;
  top: -0.8rem;
  right: -1.3rem;
}

.mobile_menu .mo_main_nav li {
  color: #12203a80;
  font-size: 1.1rem;
  font-weight: bold;
  border-top: 0.1rem solid #B8BCC4;
}

.mobile_menu .mo_main_nav li * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.mobile_menu .mo_main_nav li.active {
  border-color: transparent;
  background-color: #fff;
  color: #12203A;
}

.mobile_menu .mo_main_nav li.active + li {
  border-color: transparent;
}

.mobile_menu .mo_main_nav li:first-child {
  border-top: transparent !important;
}

.mobile_menu .mo_main_nav li:last-child {
  border-bottom: 0.1rem solid #B8BCC4 !important;
}

.mobile_menu .mo_main_nav li:last-child.active {
  border-bottom-color: transparent !important;
}

.mobile_menu .mo_main_nav button {
  width: 100%;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  border: 0;
}

.mobile_menu .mo_main_nav button span {
  position: relative;
  pointer-events: none;
}

.mobile_menu .mo_sub_nav_wrap {
  height: 100%;
  padding: 0.8rem 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  color: #12203A;
  font-size: 1rem;
}

.mobile_menu .mo_sub_nav_wrap * {
  color: inherit;
  font-size: inherit;
}

.mobile_menu .mo_sub_nav {
  width: 100%;
  height: 100%;
  text-align: left;
  overflow: auto;
  display: none;
}

.mobile_menu .mo_sub_nav.active {
  display: block;
}

.mobile_menu .mo_sub_nav li:not(:last-child) {
  border-bottom: 1px solid #DDD;
}

.mobile_menu .mo_sub_nav li.currentNav {
  color: #1426a8;
  font-weight: bold;
  text-decoration: underline;
}

.mobile_menu .mo_sub_nav a {
  width: 100%;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile_menu .gnb {
  gap: 2.4rem;
}

.mobile_menu .gnb li {
  width: auto;
  height: auto;
  background-image: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: inherit;
}

.mobile_menu .gnb li:not(:first-child)::before {
  content: '';
  display: inline-block;
  height: 70%;
  border-right: 0.1rem solid #ddd;
}

.mobile_menu .gnb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #444;
  font-size: 1rem;
  font-weight: 500;
}

.mobile_menu .login a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile_menu .login a.logintxt {
	display:flex;
	align-items:center;
	font-size:1.5rem
}
.mobile_menu .login .icons.login {
  /* width: 4.8rem;
  height: 4.8rem; */
  display: inline-block;
  background-image: url("../../asset/img/gnb/login.svg");
  background-position: center;
  background-size: 100%;
}

@media (max-width: 750px) {
  .mobile_menu .title_wrap .gnb li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* ####### button type="button" ####### */
button {
  padding: 0.6rem 1.2rem;
  background-color: #fff;
  border: 0.1rem solid #444;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  word-break: keep-all;
  cursor: pointer;
  /* ##### 네비게이션 스킵 Btn ##### */
}

button.skip_nav {
  padding: 1rem 2rem;
  border: 0.2rem solid #3d67ff;
  outline: #3d67ff;
  border-radius: 1rem;
  background-color: #edf0f8;
  color: #3d67ff;
  font-weight: bold;
  position: fixed;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: -15rem;
  left: 50%;
  z-index: 100;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.6;
}

button.skip_nav:focus-within, button.skip_nav:focus-visible {
  top: 1rem;
  text-decoration: underline;
}

button.base {
  padding: 0.6rem 2rem;
  border-radius: 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.6rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.base i {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.base:focus-visible, button.base:hover {
  text-decoration: underline;
}

button.base:focus-visible i, button.base:hover i {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

button.base.bg_ff39B0 {
  border-color: #ff39B0;
  background-color: #ff39B0;
  color: #fff;
}

button.base.bg_24cf5c {
  border-color: #24cf5c;
  background-color: #24cf5c;
  color: #fff;
}

button.base.bg_bb24cf {
  border-color: #bb24cf;
  background-color: #bb24cf;
  color: #fff;
}

button.base.bg_ffb0b0 {
  border-color: #ffb0b0;
  background-color: #ffb0b0;
  color: #111;
}

button.base.bg_a0a6b0 {
  border-color: #a0a6b0;
  background-color: #a0a6b0;
  color: #fff;
}

button:disabled {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #fff !important;
  text-decoration: none !important;
  -webkit-filter: none !important;
          filter: none !important;
  cursor: default !important;
}

button:disabled i {
  -webkit-transform: none !important;
          transform: none !important;
}

button:focus-visible {
  border-color: #111;
  outline: auto;
  outline-color: #111;
}

button.normal {
  background-color: #eee;
}

button.accent {
  border-color: #1426a8;
  background-color: #1426a8;
  color: #fff;
}

button.quick {
  border-radius: 10rem;
}

button.big {
  width: 100%;
  padding: 2.4rem 0;
  border-radius: 0.4rem;
  font-size: 2.4rem;
  font-weight: bold;
}

button.small {
  padding: 0.4rem 0.6rem;
}

button.addBtn, button.removeBtn {
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  border-radius: 0.3rem;
  border-color: transparent;
  background-color: #1426a81a;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.addBtn::before, button.addBtn::after, button.removeBtn::before, button.removeBtn::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

button.addBtn::before, button.removeBtn::before {
  width: 1.5rem;
  border-top: 0.2rem solid #1426a8;
}

button.addBtn::after, button.removeBtn::after {
  height: 1.5rem;
  border-left: 0.2rem solid #1426a8;
}

button.addBtn:focus-visible, button.addBtn:hover, button.removeBtn:focus-visible, button.removeBtn:hover {
  background-color: #1426a8;
}

button.addBtn:focus-visible::before, button.addBtn:focus-visible::after, button.addBtn:hover::before, button.addBtn:hover::after, button.removeBtn:focus-visible::before, button.removeBtn:focus-visible::after, button.removeBtn:hover::before, button.removeBtn:hover::after {
  border-color: #fff;
}

button.addBtn:disabled, button.removeBtn:disabled {
  background-color: #bbb !important;
}

button.addBtn:disabled::before, button.addBtn:disabled::after, button.removeBtn:disabled::before, button.removeBtn:disabled::after {
  border-color: #eee !important;
}

button.removeBtn::after {
  display: none;
}

button.close, button.selectDel, button.searchDel {
  width: 1rem;
  height: 1rem;
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  background-color: transparent;
  position: relative;
}

button.close::before, button.close::after, button.selectDel::before, button.selectDel::after, button.searchDel::before, button.searchDel::after {
  content: '';
  width: 0.2rem;
  height: 100%;
  border-radius: 5rem;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

button.close::after, button.selectDel::after, button.searchDel::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

button.close:hover::before, button.close:hover::after, button.close:focus-visible::before, button.close:focus-visible::after, button.selectDel:hover::before, button.selectDel:hover::after, button.selectDel:focus-visible::before, button.selectDel:focus-visible::after, button.searchDel:hover::before, button.searchDel:hover::after, button.searchDel:focus-visible::before, button.searchDel:focus-visible::after {
  background-color: #1426a8;
}

button.passwordEye {
  width: 2.8rem;
  height: 2.8rem;
  padding: 0.4rem;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
}

button.passwordEye path, button.passwordEye rect {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.passwordEye.on path {
  fill: #222 !important;
}

button.passwordEye.on rect {
  display: none;
}

button.passwordEye:hover path, button.passwordEye:hover rect, button.passwordEye:focus-visible path, button.passwordEye:focus-visible rect {
  fill: #1426a8 !important;
}

button.moreBtn {
  padding: 1.6rem;
  border: 0;
  gap: 1.6rem;
}

button.moreBtn i, button.moreBtn span {
  pointer-events: none;
}

button.keywordMoreBtn {
  width: 5.7rem;
  min-width: 5.7rem;
  height: 5.7rem;
  min-height: 5.7rem;
  padding: 0;
  border: 0.1rem solid #ddd;
  border-radius: 100%;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

button.keywordMoreBtn::before, button.keywordMoreBtn::after {
  content: '';
  width: 30%;
  height: 0.2rem;
  border-radius: 5rem;
  background-color: #1426a8;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

button.keywordMoreBtn:hover, button.keywordMoreBtn:focus-visible {
  border-color: #1426a8;
}

button.keywordMoreBtn::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

button.keywordMoreBtn.minus::after {
  display: none;
}

@media (max-width: 750px) {
  button.big {
    font-size: 3.2rem;
  }
}

/* ####### a ####### */
a.linkMove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}

a.linkMove:hover span, a.linkMove:focus-visible span {
  text-decoration: underline;
}

a.linkMove_arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}

a.linkMove_arrow::before {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  display: inline-block;
  border: 0.2rem solid #666;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

a.linkMove_arrow:hover span, a.linkMove_arrow:focus-visible span {
  text-decoration: underline;
}

a.linkMove_circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

a.linkMove_circle:hover span, a.linkMove_circle:focus-visible span {
  text-decoration: underline;
}

a.linkMove_button {
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  background-color: #E8EAF7;
  font-size: 1.6rem;
}

a.linkMove_button span {
  color: #1426a8;
}

a.linkMove_button:focus-visible span, a.linkMove_button:hover span {
  text-decoration: underline;
}

a.linkMove_button i.icons {
  background-color: transparent;
}

a.linkMove_button i.icons::before, a.linkMove_button i.icons::after {
  border-width: 0.2rem;
  border-color: #1426a8;
}

a.linkMove_button i.icons::before {
  width: 35%;
  height: 35%;
}

a.linkMove_button i.icons::after {
  width: 60%;
}

/* ####### icon ####### */
i.icons {
  /* min-width: 2.4rem;
  min-height: 2.4rem; */
  position: relative;
  display: inline-block;
}

i.icons.sns {
  width: 2.6rem;
  height: 2.6rem;
  padding: 0.4rem;
  border-radius: 100%;
  background-color: #222;
}

i.icons.sns svg {
  width: 100%;
  height: 100%;
}

i.icons.sns path {
  fill: #fff !important;
}

i.icons.circleArrow {
  border-radius: 100%;
  background-color: #1426a8;
}

i.icons.circleArrow::before, i.icons.circleArrow::after {
  content: '';
  width: 50%;
  border: 0.1rem solid #fff;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.circleArrow::before {
  width: 24%;
  height: 24%;
  border-top: 0;
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
          transform: translate(-30%, -50%) rotate(-45deg);
}

i.icons.circleArrow::after {
  border-right: 0;
  border-bottom: 0;
}

i.icons.circleArrow.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

i.icons.circleArrow.right {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

i.icons.circleArrow.top {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

i.icons.circleArrow.bottom {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

i.icons.circleArrow.leftTop {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

i.icons.circleArrow.leftBottom {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

i.icons.circleArrow.rightTop {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

i.icons.circleArrow.rightBottom {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

i.icons.arrow {
  min-width: 0.8rem;
  min-height: 0.8rem;
  position: relative;
}

i.icons.arrow::before, i.icons.arrow::after {
  content: '';
  width: 82%;
  border: 0.1rem solid #444;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

i.icons.arrow::before {
  width: 36%;
  height: 36%;
  border-top: 0;
  left: 64%;
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
  transform: translate(-30%, -50%) rotate(-45deg);
}

i.icons.arrow::after {
  border-right: 0;
  border-bottom: 0;
}

i.icons.arrow.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

i.icons.arrow.right {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

i.icons.arrow_notail {
  min-width: 3rem;
  min-height: 3rem;
  position: relative;
}

i.icons.arrow_notail::before {
  content: '';
  width: 82%;
  border: 0.1rem solid #444;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.arrow_notail::before {
  width: 36%;
  height: 36%;
  border-top: 0;
  left: 32%;
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
          transform: translate(-30%, -50%) rotate(-45deg);
}

i.icons.arrow_notail.top {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

i.icons.arrow_notail.bottom {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

i.icons.arrow_notail.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

i.icons.arrow_notail.right {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

i.icons.squareArrow {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.33rem;
  background-color: #8a8ac933;
}

i.icons.squareArrow::before {
  content: '';
  width: 50%;
  border: 0.1rem solid #1426a8;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.squareArrow::before {
  width: 24%;
  height: 24%;
  border-top: 0;
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
          transform: translate(-30%, -50%) rotate(-45deg);
}

i.icons.squareArrow.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

i.icons.squareArrow.right {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

i.icons.squareArrow.top {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

i.icons.squareArrow.bottom {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

i.icons.squareArrow.leftTop {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

i.icons.squareArrow.leftBottom {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

i.icons.squareArrow.rightTop {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

i.icons.squareArrow.rightBottom {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

i.icons.squareArrow.double::before {
  width: 30%;
  height: 30%;
  left: 44%;
}

i.icons.squareArrow.double::after {
  content: '';
  width: 50%;
  border: 0.1rem solid #1426a8;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 26%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.squareArrow.double::after {
  width: 30%;
  height: 30%;
  border-top: 0;
  -webkit-transform: translate(-30%, -50%) rotate(-45deg);
          transform: translate(-30%, -50%) rotate(-45deg);
}

i.icons.check {
  display: inline-block;
  border-radius: 100%;
  background-color: #C7C7C7;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

i.icons.check::before {
  content: '';
  width: 20%;
  height: 40%;
  border: 0.1rem solid #fff;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 46%;
  left: 46%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.calendar {
  background-image: url(../../asset/img/datepicker/charm_calendar.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

i.icons.exMark {
  width: 6.8rem;
  height: 6.8rem;
  border: 0.4rem solid #444;
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

i.icons.exMark::before, i.icons.exMark::after {
  content: '';
  display: inline-block;
  background-color: #444;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

i.icons.exMark::before {
  width: 0.4rem;
  height: 40%;
  top: 40%;
  border-radius: inherit;
}

i.icons.exMark::after {
  width: 0.6rem;
  height: 0.6rem;
  top: 74%;
  border-radius: inherit;
}

i.icons.link {
  background-image: url(../../asset/img/icon/link/link.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

i.guideNumber {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 0.4rem;
  border-radius: 50%;
  display: inline-block;
  background-color: red;
  font-size: 0;
  position: relative;
  vertical-align: sub;
}

i.guideNumber::before {
  content: 'no1';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
}

i.guideNumber.no1::before {
  content: '1';
}

i.guideNumber.no2::before {
  content: '2';
}

i.guideNumber.no3::before {
  content: '3';
}

i.guideNumber.no4::before {
  content: '4';
}

i.guideNumber.no5::before {
  content: '5';
}

i.guideNumber.no6::before {
  content: '6';
}

i.guideNumber.no7::before {
  content: '7';
}

i.guideNumber.no8::before {
  content: '8';
}

i.guideNumber.no9::before {
  content: '9';
}

i.guideNumber.no10::before {
  content: '10';
}

/* ##### Top Btn ##### */
.top_btn_box {
  position: fixed;
  bottom: -7rem;
  right: 3rem;
  -webkit-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
  z-index: 4;
}

.top_btn_box.top {
  bottom: 5rem;
}

.top_btn_box .top_btn {
  width: 3.4rem;
  height: 3.4rem;
  padding: 0;
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0;
  border-radius: 50%;
  background-color: #ffffffcc;
  -webkit-box-shadow: 0rem 0rem 0.6rem 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0rem 0rem 0.6rem 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  color: #1426a8;
  font-size: 0.9rem;
  font-weight: bold;
}

.top_btn_box .top_btn::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 0.4rem solid #1426a8;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.top_btn_box .top_btn:hover, .top_btn_box .top_btn:focus-visible {
  -webkit-animation: 0.6s scale infinite alternate ease-in-out;
          animation: 0.6s scale infinite alternate ease-in-out;
}

@-webkit-keyframes scale {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes scale {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media (max-width: 750px) {
  .top_btn_box.top {
    bottom: 5rem !important;
  }
}

/* ##### custom_sticky ##### */
.custom_sticky {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(86%, #fff), to(transparent));
  background: linear-gradient(180deg, #fff 86%, transparent);
  position: -webkit-sticky;
  position: sticky;
  top: 8.4rem;
  z-index: 3;
}

@media (max-width: 750px) {
  .custom_sticky {
    padding-bottom: 3.4rem;
  }
  .custom_sticky form {
    pointer-events: none;
  }
}

/* ##### dimmed ##### */
.dimmed {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00000066;
}

/* ##### thumbnail ##### */
.thumbnail {
  min-width: 21rem;
  min-height: 13rem;
}

/* ##### highlight ##### */
.highlight {
  color: #1426a8 !important;
}

/* ##### span_check_text ##### */
.result_check_error_message {
  color: #F53C80 !important;
}

.result_check_success_message {
  color: #1426a8 !important;
}

/* ##### searchDrop ##### */
.searchDrop {
  width: 100%;
  height: 19rem;
  padding: 0 4rem;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8vw;
  background-color: #fff;
  -webkit-box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.25);
  color: #111;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}

.searchDrop.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.searchDrop .searchBox {
  width: 60%;
}

/* ####### input type="checkbox" & input type="radio" ####### */
.checkBox *,
.radioBox * {
  font-size: inherit;
  color: inherit;
}

.checkBox label,
.radioBox label {
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  cursor: pointer;
  color: #111;
  font-weight: normal;
}

.checkBox input,
.radioBox input {
  margin: 0;
  cursor: pointer;
}

.checkBox input + span,
.radioBox input + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  color: inherit;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.checkBox input + span::before,
.radioBox input + span::before {
  content: '';
}

.checkBox input:disabled,
.radioBox input:disabled {
  cursor: default !important;
}

.checkBox input:disabled + span,
.radioBox input:disabled + span {
  text-decoration: none !important;
  border-color: #ddd !important;
  color: #ddd !important;
  cursor: default !important;
}

.checkBox input:disabled + span::before,
.radioBox input:disabled + span::before {
  cursor: default !important;
  border-color: #ddd !important;
  background-color: #fff !important;
}

.checkBox input:disabled:checked + span::after,
.radioBox input:disabled:checked + span::after {
  border-color: #ddd !important;
}

.checkBox input[type='checkbox'],
.radioBox input[type='checkbox'] {
  display: inline-block;
}

.checkBox input[type='radio'],
.radioBox input[type='radio'] {
  display: inline-block;
}

.checkBox.base_2 input[type='checkbox'],
.checkBox.base_2 input[type='radio'], .checkBox.base input[type='checkbox'],
.checkBox.base input[type='radio'],
.radioBox.base_2 input[type='checkbox'],
.radioBox.base_2 input[type='radio'],
.radioBox.base input[type='checkbox'],
.radioBox.base input[type='radio'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.base_2 input[type='checkbox'] + span::before, .checkBox.base_2 input[type='checkbox'] + span::after,
.checkBox.base_2 input[type='radio'] + span::before,
.checkBox.base_2 input[type='radio'] + span::after, .checkBox.base input[type='checkbox'] + span::before, .checkBox.base input[type='checkbox'] + span::after,
.checkBox.base input[type='radio'] + span::before,
.checkBox.base input[type='radio'] + span::after,
.radioBox.base_2 input[type='checkbox'] + span::before,
.radioBox.base_2 input[type='checkbox'] + span::after,
.radioBox.base_2 input[type='radio'] + span::before,
.radioBox.base_2 input[type='radio'] + span::after,
.radioBox.base input[type='checkbox'] + span::before,
.radioBox.base input[type='checkbox'] + span::after,
.radioBox.base input[type='radio'] + span::before,
.radioBox.base input[type='radio'] + span::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.checkBox.base_2 input[type='checkbox'] + span::before,
.checkBox.base_2 input[type='radio'] + span::before, .checkBox.base input[type='checkbox'] + span::before,
.checkBox.base input[type='radio'] + span::before,
.radioBox.base_2 input[type='checkbox'] + span::before,
.radioBox.base_2 input[type='radio'] + span::before,
.radioBox.base input[type='checkbox'] + span::before,
.radioBox.base input[type='radio'] + span::before {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  border: 0.1rem solid #aaa;
  border-radius: 0.4rem;
  background-color: #fff;
}

.checkBox.base_2 input[type='checkbox']:focus-visible + span, .checkBox.base_2 input[type='checkbox']:hover + span,
.checkBox.base_2 input[type='radio']:focus-visible + span,
.checkBox.base_2 input[type='radio']:hover + span, .checkBox.base input[type='checkbox']:focus-visible + span, .checkBox.base input[type='checkbox']:hover + span,
.checkBox.base input[type='radio']:focus-visible + span,
.checkBox.base input[type='radio']:hover + span,
.radioBox.base_2 input[type='checkbox']:focus-visible + span,
.radioBox.base_2 input[type='checkbox']:hover + span,
.radioBox.base_2 input[type='radio']:focus-visible + span,
.radioBox.base_2 input[type='radio']:hover + span,
.radioBox.base input[type='checkbox']:focus-visible + span,
.radioBox.base input[type='checkbox']:hover + span,
.radioBox.base input[type='radio']:focus-visible + span,
.radioBox.base input[type='radio']:hover + span {
  text-decoration: underline;
}

.checkBox.base_2 input[type='checkbox']:focus-visible + span,
.checkBox.base_2 input[type='radio']:focus-visible + span, .checkBox.base input[type='checkbox']:focus-visible + span,
.checkBox.base input[type='radio']:focus-visible + span,
.radioBox.base_2 input[type='checkbox']:focus-visible + span,
.radioBox.base_2 input[type='radio']:focus-visible + span,
.radioBox.base input[type='checkbox']:focus-visible + span,
.radioBox.base input[type='radio']:focus-visible + span {
  outline: auto;
  outline-color: #111;
}

.checkBox.base_2 input[type='checkbox']:checked + span,
.checkBox.base_2 input[type='radio']:checked + span, .checkBox.base input[type='checkbox']:checked + span,
.checkBox.base input[type='radio']:checked + span,
.radioBox.base_2 input[type='checkbox']:checked + span,
.radioBox.base_2 input[type='radio']:checked + span,
.radioBox.base input[type='checkbox']:checked + span,
.radioBox.base input[type='radio']:checked + span {
  color: #1426a8;
}

.checkBox.base_2 input[type='checkbox']:checked + span::before,
.checkBox.base_2 input[type='radio']:checked + span::before, .checkBox.base input[type='checkbox']:checked + span::before,
.checkBox.base input[type='radio']:checked + span::before,
.radioBox.base_2 input[type='checkbox']:checked + span::before,
.radioBox.base_2 input[type='radio']:checked + span::before,
.radioBox.base input[type='checkbox']:checked + span::before,
.radioBox.base input[type='radio']:checked + span::before {
  border-color: #1426a8;
}

.checkBox.base_2 input[type='checkbox'] + span, .checkBox.base input[type='checkbox'] + span,
.radioBox.base_2 input[type='checkbox'] + span,
.radioBox.base input[type='checkbox'] + span {
  position: relative;
}

.checkBox.base_2 input[type='checkbox'] + span::after, .checkBox.base input[type='checkbox'] + span::after,
.radioBox.base_2 input[type='checkbox'] + span::after,
.radioBox.base input[type='checkbox'] + span::after {
  content: '';
  width: 0.5rem;
  height: 0.8rem;
  border: 0.2rem solid transparent;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 46%;
  left: 0.4rem;
  -webkit-transform: translate(0.05rem, -50%) rotate(45deg);
          transform: translate(0.05rem, -50%) rotate(45deg);
}

.checkBox.base_2 input[type='checkbox']:checked + span::before, .checkBox.base input[type='checkbox']:checked + span::before,
.radioBox.base_2 input[type='checkbox']:checked + span::before,
.radioBox.base input[type='checkbox']:checked + span::before {
  border-color: #1426a8;
}

.checkBox.base_2 input[type='checkbox']:checked + span::after, .checkBox.base input[type='checkbox']:checked + span::after,
.radioBox.base_2 input[type='checkbox']:checked + span::after,
.radioBox.base input[type='checkbox']:checked + span::after {
  border-color: #1426a8;
}

.checkBox.base_2 input[type='radio'] + span::before, .checkBox.base input[type='radio'] + span::before,
.radioBox.base_2 input[type='radio'] + span::before,
.radioBox.base input[type='radio'] + span::before {
  border-width: 0.4rem;
  border-radius: 50%;
}

.checkBox.base_2 input[type='radio']:checked + span::before, .checkBox.base input[type='radio']:checked + span::before,
.radioBox.base_2 input[type='radio']:checked + span::before,
.radioBox.base input[type='radio']:checked + span::before {
  border-color: #1426a8;
}

.checkBox.base_2 input[type='checkbox']:checked + span::before,
.radioBox.base_2 input[type='checkbox']:checked + span::before {
  border-color: #1426a8;
  background-color: #1426a8;
}

.checkBox.base_2 input[type='checkbox']:checked + span::after,
.radioBox.base_2 input[type='checkbox']:checked + span::after {
  border-color: #fff;
}

.checkBox.category,
.radioBox.category {
  gap: 0.8rem;
}

.checkBox.category input,
.radioBox.category input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.category input + span,
.radioBox.category input + span {
  padding: 0.6rem 2rem;
  border: 0.1rem solid #444;
  border-radius: 0.4rem;
}

.checkBox.category input + span::before,
.radioBox.category input + span::before {
  display: none;
}

.checkBox.category input:focus-visible + span, .checkBox.category input:hover + span,
.radioBox.category input:focus-visible + span,
.radioBox.category input:hover + span {
  color: #1426a8;
  border-color: #1426a8;
  text-decoration: underline;
}

.checkBox.category input:focus-visible + span,
.radioBox.category input:focus-visible + span {
  outline: auto;
  outline-color: #111;
}

.checkBox.category input:checked + span,
.radioBox.category input:checked + span {
  border: 0.1rem solid #1426a8;
  background-color: #1426a8;
  color: #fff;
}

.checkBox.category input:disabled:checked + span,
.radioBox.category input:disabled:checked + span {
  border-color: #ddd !important;
  background-color: #ddd !important;
  color: #fff !important;
}

.checkBox.switch label,
.radioBox.switch label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.checkBox.switch input[type='checkbox'],
.radioBox.switch input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.switch input[type='checkbox'] + span,
.radioBox.switch input[type='checkbox'] + span {
  height: 2rem;
  padding-right: 4rem;
  position: relative;
}

.checkBox.switch input[type='checkbox'] + span::before, .checkBox.switch input[type='checkbox'] + span::after,
.radioBox.switch input[type='checkbox'] + span::before,
.radioBox.switch input[type='checkbox'] + span::after {
  content: '';
  border-radius: 5rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.checkBox.switch input[type='checkbox'] + span::before,
.radioBox.switch input[type='checkbox'] + span::before {
  width: 3.4rem;
  min-width: 1.6rem;
  height: 100%;
  margin: 0;
  background-color: #aaa;
  display: inline-block;
  overflow: hidden;
}

.checkBox.switch input[type='checkbox'] + span::after,
.radioBox.switch input[type='checkbox'] + span::after {
  width: 1.6rem;
  height: 1.6rem;
  right: 1.6rem;
  background-color: #fff;
}

.checkBox.switch input[type='checkbox'] + span + span,
.radioBox.switch input[type='checkbox'] + span + span {
  padding-left: 0.4rem;
}

.checkBox.switch input[type='checkbox']:focus-visible + span, .checkBox.switch input[type='checkbox']:hover + span,
.radioBox.switch input[type='checkbox']:focus-visible + span,
.radioBox.switch input[type='checkbox']:hover + span {
  text-decoration: underline;
}

.checkBox.switch input[type='checkbox']:focus-visible + span + span, .checkBox.switch input[type='checkbox']:hover + span + span,
.radioBox.switch input[type='checkbox']:focus-visible + span + span,
.radioBox.switch input[type='checkbox']:hover + span + span {
  text-decoration: underline;
}

.checkBox.switch input[type='checkbox']:focus-visible + span::before,
.radioBox.switch input[type='checkbox']:focus-visible + span::before {
  outline: auto;
  outline-color: #111;
}

.checkBox.switch input[type='checkbox']:checked + span::before,
.radioBox.switch input[type='checkbox']:checked + span::before {
  background-color: #1d409a;
}

.checkBox.switch input[type='checkbox']:checked + span::after,
.radioBox.switch input[type='checkbox']:checked + span::after {
  right: 0.2rem;
}

.checkBox.switch input[type='checkbox']:checked + span + span,
.radioBox.switch input[type='checkbox']:checked + span + span {
  color: #1426a8;
}

.checkBox.switch input[type='checkbox']:disabled + span::before,
.radioBox.switch input[type='checkbox']:disabled + span::before {
  background-color: #eee !important;
}

.checkBox.switch input[type='checkbox']:disabled + span + span,
.radioBox.switch input[type='checkbox']:disabled + span + span {
  color: #ddd !important;
  text-decoration: none !important;
  cursor: default !important;
}

.checkBox.tabBtn,
.radioBox.tabBtn {
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  color: #999;
  font-size: 2rem;
  font-weight: bold;
}

.checkBox.tabBtn *,
.radioBox.tabBtn * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.checkBox.tabBtn label,
.radioBox.tabBtn label {
  border-left: 0.1rem solid #ddd;
}

.checkBox.tabBtn label:first-child,
.radioBox.tabBtn label:first-child {
  border-left: 0;
}

.checkBox.tabBtn input,
.radioBox.tabBtn input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.tabBtn input + span,
.radioBox.tabBtn input + span {
  width: calc(100vw / 6);
  max-width: 18.5rem;
  padding: 1.6rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.checkBox.tabBtn input + span::before,
.radioBox.tabBtn input + span::before {
  display: none;
}

.checkBox.tabBtn input:focus-visible + span, .checkBox.tabBtn input:hover + span,
.radioBox.tabBtn input:focus-visible + span,
.radioBox.tabBtn input:hover + span {
  text-decoration: underline;
}

.checkBox.tabBtn input:focus-visible + span,
.radioBox.tabBtn input:focus-visible + span {
  outline: auto;
  outline-color: #111;
}

.checkBox.tabBtn input:checked + span,
.radioBox.tabBtn input:checked + span {
  background-color: #1426a8;
  color: #fff;
}

.checkBox.tabBtn input:disabled + span,
.radioBox.tabBtn input:disabled + span {
  background-color: #eee !important;
  color: #ccc !important;
}

.checkBox.tabBtn input:disabled:checked + span,
.radioBox.tabBtn input:disabled:checked + span {
  background-color: #eee !important;
  color: #ccc !important;
}

.checkBox.tabBtn_underline,
.radioBox.tabBtn_underline {
  width: 100%;
}

.checkBox.tabBtn_underline label,
.radioBox.tabBtn_underline label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #999;
  font-size: 2.4rem;
  font-weight: bold;
}

.checkBox.tabBtn_underline label *,
.radioBox.tabBtn_underline label * {
  color: inherit;
  font-size: inherit;
}

.checkBox.tabBtn_underline input,
.radioBox.tabBtn_underline input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.tabBtn_underline input + span,
.radioBox.tabBtn_underline input + span {
  width: 100%;
  padding-bottom: 1rem;
  border-bottom: 0.3rem solid #DDD;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.checkBox.tabBtn_underline input + span::before,
.radioBox.tabBtn_underline input + span::before {
  display: none;
}

.checkBox.tabBtn_underline input:focus-visible + span, .checkBox.tabBtn_underline input:hover + span,
.radioBox.tabBtn_underline input:focus-visible + span,
.radioBox.tabBtn_underline input:hover + span {
  text-decoration: underline;
}

.checkBox.tabBtn_underline input:focus-visible + span,
.radioBox.tabBtn_underline input:focus-visible + span {
  outline: auto;
  outline-color: #111;
}

.checkBox.tabBtn_underline input:checked + span,
.radioBox.tabBtn_underline input:checked + span {
  border-color: #111;
  color: #111;
}

.checkBox.tabBtn_underline input:disabled + span,
.radioBox.tabBtn_underline input:disabled + span {
  color: #999 !important;
}

.checkBox.tabBtn_underline input:disabled:checked + span,
.radioBox.tabBtn_underline input:disabled:checked + span {
  border-color: #eee !important;
  color: #eee !important;
}

.checkBox.listAlign > *:first-child span::before,
.radioBox.listAlign > *:first-child span::before {
  display: none;
}

.checkBox.listAlign input,
.radioBox.listAlign input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -9999;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

.checkBox.listAlign input + span,
.radioBox.listAlign input + span {
  display: inline-block;
}

.checkBox.listAlign input + span::before,
.radioBox.listAlign input + span::before {
  margin: 0 1.6rem;
  border-left: 0.1rem solid #ddd;
}

.checkBox.listAlign input:focus-visible + span, .checkBox.listAlign input:hover + span,
.radioBox.listAlign input:focus-visible + span,
.radioBox.listAlign input:hover + span {
  text-decoration: underline;
}

.checkBox.listAlign input:focus-visible + span,
.radioBox.listAlign input:focus-visible + span {
  outline: auto;
  outline-color: #111;
}

.checkBox.listAlign input:checked + span,
.radioBox.listAlign input:checked + span {
  color: #1426a8 !important;
  font-weight: bold;
  text-decoration: underline;
}

.checkBox.listAlign input:disabled:checked + span,
.radioBox.listAlign input:disabled:checked + span {
  border-color: #ddd !important;
  background-color: #ddd !important;
  color: #fff !important;
}

@media (max-width: 750px) {
  .checkBox.tabBtn,
  .radioBox.tabBtn {
    width: 100%;
    display: -ms-grid;
    display: grid;
    border: 0;
    border-radius: 0;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  .checkBox.tabBtn label,
  .radioBox.tabBtn label {
    width: 100%;
    border: 0;
    font-size: 2.8rem;
  }
  .checkBox.tabBtn input + span,
  .radioBox.tabBtn input + span {
    width: 100%;
    padding: 2.4rem 0;
    max-width: none;
    border: 0.1rem solid #ddd;
  }
  .checkBox.listAlign,
  .radioBox.listAlign {
    font-size: 3rem;
  }
}

/* ####### select ####### */
/*
select {
  min-width: 24rem;
  padding: 1.2rem 2rem;
  border: 0.1rem solid #ffffff4d;
  border-radius: 0.4rem;
  background-color: #fff;
  background-image: url(../../asset/img/arrow/select_bottom_default.svg);
  background-position: 90%;
  background-size: auto 14%;
  font-size: 1.6rem;
  color: #222;
  font-size: 2rem;
  cursor: pointer;
}
*/
select.type01 {
  min-width: 10rem;
  padding-right: 3rem;
  border: 0;
  border-radius: 0.4rem;
  background-color: #1426a81a;
  color: #1426a8;
  font-size: 1.6rem;
  font-weight: bold;
  background-image: url("../../asset/img/arrow/select_bottom_B.svg");
  cursor: default;
}

select:disabled {
  cursor: default;
  color: #999 !important;
  background-color: #ccc !important;
}

.select_custom {
  min-width: 24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.select_custom input {
  width: 100%;
  padding: 1.2rem 2rem;
  background-color: #fff;
  border: 0.1rem solid #ffffff4d;
  border-radius: 0.4rem;
  background-image: url(../../asset/img/arrow/select_bottom_default.svg);
  background-position: 97%;
  background-size: auto 14%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select_custom input {
  text-align: left;
  cursor: pointer;
}

.select_custom input:valid {
  background-image: none;
}

.select_custom input[type="search"] {
  padding-right: 3rem;
}

.select_custom input:disabled {
  border-color: #ddd !important;
  background-color: #eee !important;
  background-image: none;
  color: #ccc !important;
  z-index: 1;
  position: relative;
  cursor: default !important;
}

.select_custom input:disabled + .select_list button {
  background-color: transparent !important;
  color: #ddd !important;
  cursor: default !important;
}

.select_custom input:disabled + .btnBox {
  display: none !important;
}

.select_custom input:disabled + .btnBox + .select_list button {
  background-color: transparent !important;
  color: #ddd !important;
  cursor: default !important;
}

.select_custom .select_list {
  width: 100%;
  max-height: calc(4rem * 6);
  margin-top: 0.6rem;
  background-color: #fff;
  -webkit-box-shadow: 0.3rem 0.3rem 0.5rem 0.1rem rgba(0, 0, 0, 0.4);
          box-shadow: 0.3rem 0.3rem 0.5rem 0.1rem rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  overflow-x: hidden;
}

.select_custom .select_list::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

.select_custom .select_list::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

.select_custom .select_list::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

.select_custom .select_list::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.select_custom .select_list::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

.select_custom .select_list::-webkit-scrollbar {
  width: 1.6rem;
}

.select_custom .select_list::-webkit-scrollbar-thumb {
  background-color: rgba(18, 32, 58, 0.4);
}

.select_custom .select_list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(18, 32, 58, 0.6);
}

.select_custom .select_list li button {
  width: 100%;
  height: 4rem;
  border: 0;
  padding: 1.2rem 2rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.select_custom .select_list li button:focus-visible, .select_custom .select_list li button:hover {
  background-color: #12203A;
  -webkit-filter: opacity(0.6);
          filter: opacity(0.6);
  color: #fff;
}

.select_custom .select_list li.selected button {
  background-color: #12203A;
  -webkit-filter: opacity(0.8);
          filter: opacity(0.8);
  color: #fff;
}

.select_custom .textBox {
  position: relative;
}

.select_custom .btnBox {
  height: auto;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media (max-width: 750px) {
  .select_custom input {
    padding: 2.4rem 3rem;
    padding-right: 6rem;
  }
  .select_custom .select_list {
    max-height: calc(8rem * 6);
    font-size: 2.8rem;
  }
  .select_custom .select_list li button {
    height: 8rem;
    padding: 1.2rem 4rem;
  }
  .select_custom .btnBox {
    right: 1.6rem;
  }
  .select_custom .btnBox button {
    width: 4rem;
    height: 4rem;
  }
}

/* ####### gnb ####### */
.gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}

.gnb .search,
.gnb .menu {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.gnb .search a, .gnb .search button,
.gnb .menu a,
.gnb .menu button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.gnb .search {
  width: 4rem;
  height: 4rem;
}

.gnb .search button {
  border-radius: 50%;
  background-color: #E8E9EC;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.gnb .search button > * {
  pointer-events: none;
}

.gnb .search button svg * {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gnb .search button:hover, .gnb .search button:focus-visible {
  background-color: #1426a8;
}

.gnb .search button:hover svg rect, .gnb .search button:focus-visible svg rect {
  stroke: #fff !important;
  fill: #fff !important;
}

.gnb .search button:hover svg circle, .gnb .search button:focus-visible svg circle {
  stroke: #fff !important;
}

.gnb .search.active {
  z-index: 2;
  background-image: none;
}

.gnb .search.active button {
  padding: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  position: relative;
}

.gnb .search.active button svg {
  display: none;
}

.gnb .search.active button::before, .gnb .search.active button::after {
  content: '';
  width: 0.2rem;
  height: 60%;
  border-radius: 5rem;
  background-color: #12203A;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  pointer-events: none;
}

.gnb .search.active button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.gnb .search.active button:hover::before, .gnb .search.active button:hover::after, .gnb .search.active button:focus-visible::before, .gnb .search.active button:focus-visible::after {
  background-color: #fff;
}

.gnb .menu {
  display: none;
}

.gnb .menu button {
  padding: 0.6rem 0.2rem;
  position: relative;
}

.gnb .menu button:focus-visible span:nth-last-child(2), .gnb .menu button:hover span:nth-last-child(2) {
  width: calc(100% - 0.2rem);
}

.gnb .menu span {
  width: calc(100% - 0.2rem);
  height: 0.1rem;
  background-color: #333;
  position: absolute;
  top: 50%;
  left: 0.1rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.gnb .menu span:nth-last-child(1) {
  top: 20%;
}

.gnb .menu span:nth-last-child(2) {
  width: 0.9rem;
}

.gnb .menu span:nth-last-child(3) {
  top: 80%;
}

.gnb .menu.active button:focus-visible span:nth-last-child(2), .gnb .menu.active button:hover span:nth-last-child(2) {
  width: 0;
}

.gnb .menu.active span {
  top: 50%;
}

.gnb .menu.active span:nth-last-child(1) {
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

.gnb .menu.active span:nth-last-child(2) {
  width: 0;
}

.gnb .menu.active span:nth-last-child(3) {
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
}

.gnb .userBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  word-break: keep-all;  
}

.gnb .userBox .name {
  color: #222;
  font-size: 1.6rem;
  font-weight: bold;
}

.gnb .sub_gnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
}

.gnb .sub_gnb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gnb .sub_gnb li:not(:first-child)::before {
  content: '';
  width: 0.1rem;
  min-height: 70%;
  margin: 0 1.2rem;
  border-left: 1px solid #ddd;
  display: inline-block;
}

.gnb .sub_gnb li a:hover, .gnb .sub_gnb li a:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .gnb li:not(.menu) {
    display: none;
  }
  .gnb .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* ####### datepicker ####### */
.datepickerBox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.datepickerBox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.datepickerBox label input {
  padding-right: 3rem;
}

.datepickerBox input {
  width: auto;
  padding: 1rem;
  border: 0;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  color: #1426a8;
  font-size: 1.6rem;
  line-height: 1;
}

.datepickerBox .calendar {
  min-width: 1.6rem;
  min-height: 1.6rem;
  display: inline-block;
  position: absolute;
  top: 46%;
  right: 1rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.datepickerBox .input-daterange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: 1.6rem;
}

.datepickerBox .input-daterange * {
  font-size: inherit;
}

.datepickerBox .input-daterange input {
  padding: 1rem;
  padding-right: 3rem;
}

.datepickerBox .input-daterange i.icons.calendar {
  min-width: 1.6rem;
  min-height: 1.6rem;
  pointer-events: none;
}

.datepickerBox .btnBox {
  width: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}

.datepickerBox .btnBox button {
  padding: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  pointer-events: all;
}

.datepickerBox .btnBox button:hover .icons::before, .datepickerBox .btnBox button:focus-visible .icons::before {
  border-color: #1426a8;
}

.datepickerBox .btnBox .icons::before {
  border-width: 0.3rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.datepicker.datepicker-dropdown {
  width: 40rem;
  background-color: #fff;
  position: absolute;
  z-index: 3 !important;
  -webkit-box-shadow: 0.3rem 0.3rem 1rem 0.3rem rgba(0, 0, 0, 0.3);
          box-shadow: 0.3rem 0.3rem 1rem 0.3rem rgba(0, 0, 0, 0.3);
}

@media (max-width: 750px) {
  .datepicker.datepicker-dropdown {
    width: 50rem;
  }
}

/* ####### paginationWrap ####### */
.paginationWrap {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666;
  font-size: 1.6rem;
}

.paginationWrap * {
  color: inherit;
  font-size: inherit;
}

.paginationWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.8rem;
}

.paginationWrap .pageItem a {
  display: inline-block;
  position: relative;
  min-width: 1.8rem;
  text-align: center;
}

.paginationWrap .pageItem a:hover, .paginationWrap .pageItem a:focus-visible {
  color: #1426a8;
}

.paginationWrap .pageItem a:hover::before, .paginationWrap .pageItem a:hover::after, .paginationWrap .pageItem a:focus-visible::before, .paginationWrap .pageItem a:focus-visible::after {
  border-color: #1426a8;
  border-width: 0.2rem;
}

.paginationWrap .pageItem.on a {
  color: #1426a8;
  font-weight: 500;
  text-decoration: underline;
}

.paginationWrap .moveBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0 !important;
}

.paginationWrap .moveBtn * {
  font-size: inherit;
}

.paginationWrap .moveBtn a {
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
}

.paginationWrap .moveBtn a::before, .paginationWrap .moveBtn a::after {
  content: '';
  border: 0.2rem solid #444;
  border-top: 0;
  border-right: 0;
  position: absolute;
}

.paginationWrap .moveBtn a::before {
  width: 36%;
  height: 36%;
  top: 50%;
  left: 74%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.paginationWrap .moveBtn a::after {
  height: 66%;
  top: 50%;
  left: 26%;
  border-bottom: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.paginationWrap .moveBtn.first {
  margin-right: -1.2rem;
}

.paginationWrap .moveBtn.last {
  margin-left: -1.2rem;
}

.paginationWrap .moveBtn:not(.first):not(.last) a::before {
  left: 60%;
}

.paginationWrap .moveBtn:not(.first):not(.last) a::after {
  display: none;
}

.paginationWrap .moveBtn.next a, .paginationWrap .moveBtn.last a {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 750px) {
  .paginationWrap {
    margin-top: 5.6rem;
  }
  .paginationWrap .pageItem.pageNumber {
    display: none;
  }
  .paginationWrap .pageItem.pageNumber.on {
    display: block;
  }
  .paginationWrap .pageItem.pageNumber.on a {
    color: #1426a8;
    font-weight: 700;
    font-size: 3.2rem;
  }
  .paginationWrap .pageItem a:hover, .paginationWrap .pageItem a:focus-visible {
    color: #1426a8;
    background-color: #1426a8;
  }
  .paginationWrap .pageItem a:hover::before, .paginationWrap .pageItem a:hover::after, .paginationWrap .pageItem a:focus-visible::before, .paginationWrap .pageItem a:focus-visible::after {
    border-color: #fff;
    border-width: 0.4rem;
  }
  .paginationWrap .moveBtn a {
    width: 4rem;
    height: 4rem;
    background-color: #E8EAF7;
    border-radius: 50rem;
  }
  .paginationWrap .moveBtn a::before, .paginationWrap .moveBtn a::after {
    border-color: #fff;
    border-width: 0.4rem;
  }
  .paginationWrap .moveBtn a::before {
    width: 24%;
    height: 24%;
    left: 66%;
  }
  .paginationWrap .moveBtn a::after {
    height: 54%;
    left: 28%;
  }
  .paginationWrap .moveBtn:not(.first):not(.last) a::before {
    left: 56%;
  }
}

/* ####### breadcrumb ####### */
.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.4rem;
  color: #222;
  font-size: 1.6rem;
}

.breadcrumbs * {
  color: inherit;
  font-size: inherit;
}

.breadcrumbs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: inherit;
}

.breadcrumbs li:not(:first-child)::before {
  content: '';
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../../asset/img/icon/breadcrumbs/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
}

.breadcrumbs li:first-child a {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  background-image: url("../../asset/img/icon/breadcrumbs/home.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 86%;
}

.breadcrumbs li:first-child a:hover::after, .breadcrumbs li:first-child a:focus-visible::after {
  border-color: #222;
}

.breadcrumbs li:first-child a::after {
  content: '';
  height: 100%;
  display: block;
  border-bottom: 0.2rem solid transparent;
}

.breadcrumbs li:last-child {
  font-weight: bold;
}

.breadcrumbs li:last-child a {
  cursor: default;
  pointer-events: none;
}

.breadcrumbs li:last-child a:hover, .breadcrumbs li:last-child a:focus-visible {
  text-decoration: none;
}

.breadcrumbs li a {
  line-height: 1;
}

.breadcrumbs li a:hover, .breadcrumbs li a:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .breadcrumbs {
    font-size: 2.4rem;
  }
  .breadcrumbs li:first-child a {
    width: 3.2rem;
    height: 3.2rem;
  }
  .breadcrumbs li:not(:first-child)::before {
    background-size: 50%;
  }
}

/* ####### countBox ####### */
.countBox {
  color: #222;
  font-size: 1.6rem;
}

.countBox span {
  color: #1426a8;
  font-weight: bold;
}

@media (max-width: 750px) {
  .countBox {
    font-size: 3rem;
  }
  .countBox span {
    font-weight: 500;
  }
}

/* ####### shortBox ####### */
.shortBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.shortBox span:not(:first-child)::before {
  content: 'I';
  margin: 0 0.6rem;
  color: #bbb;
  font-weight: 500;
}

/* ####### dateBox ####### */
.dateBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-wrap: nowrap;
}

.dateBox span:not(:first-child)::before {
  content: '~';
  margin: 0 0.6rem;
}

/* ####### chip ####### */
.chip {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.6rem 2rem;
  border-radius: 0.4rem;
  display: inline-block;
  background-color: #12203A;
  color: #fff;
}

.chip.bg_bbb {
  background-color: #bbb;
}

.chip.bg_ff39B0 {
  background-color: #ff39B0;
}

.chip span {
  color: inherit;
}

/* ####### plag ####### */
.plag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.plag figure {
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2rem;
  min-height: 2rem;
  border: 0.1rem solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.plag figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.plag span {
  line-height: 1;
}

.plag span:first-child::before {
  display: none;
}

.plag span:nth-child(2) {
  margin-left: 0.8rem;
}

.plag span:not(:nth-child(2))::before {
  content: 'l';
  margin: 0 2rem;
  color: #DDD;
}

.plag span:nth-child(3) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.plag.circle figure {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  min-height: 2.4rem;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.35rem 0.35rem 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 0.35rem 0.35rem 0 rgba(0, 0, 0, 0.16);
}

@media (max-width: 750px) {
  .plag figure {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 3.2rem;
    min-height: 3.2rem;
  }
  .plag span {
    line-height: 1;
  }
  .plag span:nth-child(2) {
    margin-left: 0.8rem;
  }
  .plag span:not(:nth-child(2))::before {
    margin: 0 1.2rem;
  }
  .plag.circle figure {
    width: 4.2rem;
    min-width: 4.2rem;
    height: 4.2rem;
    min-height: 4.2rem;
  }
}

/* ####### ability(경력&능력) ####### */
.ability {
  min-width: 6.4rem;
  min-height: 6.4rem;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #12203A;
  color: #fff;
  font-weight: 500;
}

.ability.newbie {
  background-color: #1426a8;
}

@media (max-width: 750px) {
  .ability {
    min-width: 7.4rem;
    min-height: 7.4rem;
  }
}

/* ####### sourceBy(출처) ####### */
.sourceBy {
  margin-left: auto;
  margin-top: 0.8rem;
  color: #666;
}

/* ####### titleIconBox ####### */
.titleIconBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  text-align: left;
}

@media (max-width: 750px) {
  .titleIconBox {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .titleIconBox i.icons.link {
    min-width: 4rem;
    height: 4rem;
  }
}

/* ####### seeAll ####### */
.seeAll {
  padding: 0.6rem 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #111;
  font-size: 1.6rem;
  font-weight: bold;
}

.seeAll span {
  line-height: 1 !important;
}

@media (max-width: 750px) {
  .seeAll {
    top: 0;
    bottom: auto;
    font-size: 2.6rem;
  }
}

/* ####### title_wrap ####### */
.title_wrap {
  max-width: 140rem;
  margin: auto;
  position: relative;
  word-break: keep-all;
}

.title_wrap h3 {
  color: #1426a8;
  font-size: 1.7rem;
  font-weight: 400;
}

.sub_page .title_wrap {
  padding: 0 0 1.2rem;
  border-bottom: 0.3rem solid #111;
}

.sub_page .title_wrap h3, .sub_page .title_wrap .explanation {
  text-align: center;
}

.sub_page .title_wrap h3 {
  margin-top: 6.4rem;
  color: #12203A;
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1;
}

.sub_page .title_wrap .explanation {
  max-width: none;
  margin: 1.6rem 0 2.8rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
}

.etc_page .coment {
  color: #666;
  font-size: 1.6rem;
  text-align: center;
  word-break: keep-all;
}

@media (max-width: 750px) {
  .sub_page .title_wrap {
    padding-bottom: 2rem;
  }
  .sub_page .title_wrap h3 {
    margin-top: 8rem;
    margin-bottom: 4.8rem;
    font-size: 6.4rem;
  }
  .sub_page .title_wrap .explanation {
    display: none;
  }
  .etc_page .coment {
    font-size: 2.8rem;
  }
}

/* ####### content ####### */
.content {
  position: relative;
}

.content .content_header {
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .date {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  color: #444;
  font-size: 1.6rem;
}

.content .date * {
  color: inherit;
  font-size: inherit;
}

.content_header.detail {
  margin-top: 1rem;
}

.content_header.detail .infor {
  border: 0.1rem solid red;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content_header select {
  min-width: 21.7rem;
  background-color: #EFEFEF;
  color: #666;
  font-size: 1.6rem;
}

@media (max-width: 750px) {
  .content .content_header {
    margin-bottom: 2rem;
  }
  .content_header select {
    min-width: 32.5rem;
    padding: 2.4rem;
    font-size: 3.2rem;
  }
}

.content_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(31rem, auto))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(31rem, auto));
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 5.6rem;
}

.content_list_item {
  border-top: 0.1rem solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content_list_item a {
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content_list_item a:hover h4, .content_list_item a:focus-visible h4 {
  text-decoration: underline;
}

.content_list_item figure {
  height: 17rem;
  margin-bottom: 0.8rem;
}

.content_list_item figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content_list_item h4, .content_list_item p {
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #111;
}

.content_list_item h4 {
  height: 11.2rem;
  font-size: 4rem;
}

.content_list_item p {
  height: 12.6rem;
  font-size: 1.8rem;
  -webkit-line-clamp: 5;
}

.content_list_item .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}

.content_list_item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.content_list_item .date {
  margin-top: 0.8rem;
  color: #999;
  font-size: 1.6rem;
  font-weight: 500;
}

.content_list_item .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  font-size: 1.6rem;
  font-weight: 500;
}

.content_list_item .etc * {
  color: inherit;
  font-size: inherit;
}

.content_list_item .etc figure {
  height: 2rem;
  margin: 0;
}

.content_list_item .etc > span::before {
  content: 'l';
  margin: 0 1rem;
  color: #DDD;
  font-weight: 100;
}

.content_list_item:last-child {
  margin-right: 0;
}

@media (max-width: 750px) {
  .content_list {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
  .content_list_item {
    width: 100%;
  }
}

.content_line {
  border-top: 0.3rem solid #12203A;
  color: #444;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}

.content_line * {
  color: inherit;
  font-size: inherit;
}

.content_line li {
  border-bottom: 0.1rem solid #12203a4d;
}

.content_line li.content_line_header,
.content_line li a {
  padding: 1.6rem 0;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-grid-columns: 8rem 17rem 1fr 16rem;
      grid-template-columns: 8rem 17rem 1fr 16rem;
  -webkit-column-gap: 3%;
          column-gap: 3%;
  row-gap: 3rem;
}

.content_line li.content_line_header {
  border-color: #12203A;
}

.content_line li.content_line_list.notice a {
  background-color: #F9F9F9;
}

.content_line li.content_line_list.notice a:hover, .content_line li.content_line_list.notice a:focus-visible {
  background-color: #1426a81a;
}

.content_line li.content_line_list.notice .title {
  font-weight: bold;
}

.content_line li.content_line_list.nodata {
  padding: 3.5rem 0;
}

.content_line li.content_line_footer {
  background-color: #ff9c9c;
  color: #fff;
  text-align: center;
}

.content_line li a:hover, .content_line li a:focus-visible {
  background-color: #F9F9F9;
  background-color: #1426a81a;
}

.content_line li a:hover .title, .content_line li a:focus-visible .title {
  color: #1426a8;
  text-decoration: underline;
}

.content_line li a > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.content_line li .number {
  color: #666;
}

.content_line li .plag {
  color: #222;
}

.content_line li .title {
  text-align: left;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
}

.content_line li .date {
  margin: 0;
  color: #666;
  font-size: inherit;
}

.content_line li .inforWarp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  gap: 0.4rem;
}

.content_line li .inforWarp h4 {
  margin-bottom: 0.4rem;
}

@media (max-width: 750px) {
  .content_line {
    border-width: 0.3rem;
  }
  .content_line li {
    border-bottom-width: 0.2rem;
    font-size: 2.8rem;
  }
  .content_line li.content_line_header {
    display: none;
  }
  .content_line li a {
    padding: 4rem 0;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .content_line li .number {
    display: none;
  }
  .content_line li .plag {
    grid-row: auto;
    gap: 1.6rem;
  }
  .content_line li .plag figure {
    width: 4.2rem;
    height: 4.2rem;
  }
  .content_line li .title {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -webkit-line-clamp: 2;
    font-size: 3.2rem;
  }
  .content_line li .date {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 2;
    grid-column: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    color: #B3B3B3;
    text-align: right;
  }
}

.boardDetail_header {
  margin: 2.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  color: #444;
  font-size: 1.6rem;
}

.boardDetail_header * {
  color: inherit;
  font-size: inherit;
}

.boardDetail_header h4 {
  color: #222;
  font-size: 2.4rem;
}

.boardDetail_header .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.boardDetail_header .infor p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}

.boardDetail {
  min-height: 26.8rem;
  padding: 2.4rem 0;
  border: 0.1rem solid #B8BCC4;
  border-left: 0;
  border-right: 0;
  color: #444;
  font-size: 1.6rem;
  white-space: pre-line;
}

.boardDetail * {
  font-size: inherit;
}

.boardDetail_footer {
  margin-top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.4rem;
  font-weight: bold;
}

.boardDetail_footer * {
  font-size: inherit;
}

.boardDetail_footer a {
  width: 25.2rem;
  padding: 2rem;
  border-radius: 0.4rem;
  background-color: #1426a8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  line-height: 1;
}

.boardDetail_footer a:hover, .boardDetail_footer a:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .boardDetail_header {
    padding: 4rem 0;
    gap: 3.2rem;
  }
  .boardDetail_header h4 {
    font-size: 4rem;
  }
  .boardDetail_header .infor {
    font-size: 2.4rem;
  }
  .boardDetail {
    min-height: 37.6rem;
    padding: 3.2rem 0;
    font-size: 2.8rem;
  }
  .boardDetail_footer {
    margin-top: 4.8rem;
    font-size: 3.2rem;
  }
  .boardDetail_footer a {
    width: 32.5rem;
  }
}

.content_detail,
.content_detail_footer {
  font-size: 1.6rem;
}

.content_detail *,
.content_detail_footer * {
  font-size: inherit;
}

.content_detail .title,
.content_detail_footer .title {
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
}

.content_detail .title .moreBtn,
.content_detail_footer .title .moreBtn {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.content_detail .originText,
.content_detail_footer .originText {
  padding-top: 1.2rem;
  white-space: pre-line;
}

.content_detail .countryTit,
.content_detail_footer .countryTit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  color: #222;
  font-size: 2.4rem;
}

.content_detail .countryTit span,
.content_detail_footer .countryTit span {
  font-size: 1.6rem;
  font-weight: 500;
}

.content_detail .keywordInforWrap,
.content_detail_footer .keywordInforWrap {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8%;
}

.content_detail .keywordInforWrap figure,
.content_detail_footer .keywordInforWrap figure {
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

.content_detail .keywordInforWrap figure.countryImg,
.content_detail_footer .keywordInforWrap figure.countryImg {
  max-width: 25.5rem;
}

.content_detail .keywordInforWrap figure.personImg,
.content_detail_footer .keywordInforWrap figure.personImg {
  max-width: 21.6rem;
}

.content_detail .keywordInforWrap figure.eventImg,
.content_detail_footer .keywordInforWrap figure.eventImg {
  max-width: 22.1rem;
}

.content_detail .keywordInforWrap figure.organizationImg,
.content_detail_footer .keywordInforWrap figure.organizationImg {
  max-width: 25rem;
}

.content_detail .keywordInforWrap .keywordBasicInfor,
.content_detail_footer .keywordInforWrap .keywordBasicInfor {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content_detail .keywordInforWrap .keywordBasicInfor .dataBox p,
.content_detail_footer .keywordInforWrap .keywordBasicInfor .dataBox p {
  min-width: 10rem;
}

.content_detail {
  padding: 4rem;
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}

.content_detail video {
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 1.2rem;
}

.content_detail .detail_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content_detail_footer {
  padding: 2.4rem 4rem;
  border-radius: 0.4rem;
  background-color: #F9F9F9;
}

.content_detail_footer .dataBox + .supplement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.content_detail_footer .dataBox + .supplement .linkMove_button {
  margin-top: 1.2rem;
  margin-left: auto;
}

.content_detail_footer .supplement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.4rem;
}

.content_detail_footer .supplement * {
  font-size: inherit;
}

.content_detail_footer .linkMove_button {
  color: #1426a8;
  font-weight: bold;
}

.content_detail_footer .linkMove_button:hover, .content_detail_footer .linkMove_button:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .content_detail,
  .content_detail_footer {
    padding: 3.2rem;
    font-size: 2.8rem;
  }
  .content_detail .title,
  .content_detail_footer .title {
    padding-bottom: 1.6rem;
    font-size: 3.2rem;
  }
  .content_detail .title .moreBtn i.icons.arrow_notail,
  .content_detail_footer .title .moreBtn i.icons.arrow_notail {
    width: 4rem;
    height: 4rem;
  }
  .content_detail .originText,
  .content_detail_footer .originText {
    padding-top: 1.6rem;
    white-space: pre-line;
  }
  .content_detail .countryTit,
  .content_detail_footer .countryTit {
    gap: 0.8rem;
    font-size: 4rem;
  }
  .content_detail .countryTit span,
  .content_detail_footer .countryTit span {
    font-size: 2.8rem;
  }
  .content_detail .keywordInforWrap,
  .content_detail_footer .keywordInforWrap {
    margin-top: 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.6rem;
  }
  .content_detail .keywordInforWrap figure,
  .content_detail_footer .keywordInforWrap figure {
    max-width: 24rem;
    max-height: 30rem;
    margin: auto;
    border-radius: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
  }
  .content_detail .keywordInforWrap .keywordBasicInfor,
  .content_detail_footer .keywordInforWrap .keywordBasicInfor {
    width: 100%;
  }
  .content_detail .keywordInforWrap .keywordBasicInfor .dataBox p,
  .content_detail_footer .keywordInforWrap .keywordBasicInfor .dataBox p {
    min-width: auto;
  }
  .content_detail {
    gap: 6.4rem;
  }
  .content_detail video {
    width: 100%;
    margin: auto;
    padding-top: 2.4rem;
    padding-bottom: 0.8rem;
  }
  .content_detail .detail_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .content_detail_footer .supplement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
    font-size: 2.4rem;
  }
  .content_detail_footer .linkMove_button {
    margin: 0 auto !important;
    padding: 1.6rem 2.4rem;
  }
}

/* ####### registBox, dataBox ####### */
.dataBox,
.registBox {
  margin: 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}

.dataBox h4,
.registBox h4 {
  width: 100%;
  display: block;
  font-size: 2rem;
}

.dataBox span,
.registBox span {
  color: #1426a8;
  word-break: keep-all;
}

.dataBox span.notice,
.registBox span.notice {
  color: #F53C80;
}

.dataBox button,
.registBox button {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.dataBox button:not(.passwordEye),
.registBox button:not(.passwordEye) {
  width: 11rem;
  padding: 1rem;
  font-size: 1.4rem;
  right: 0;
}

.dataBox .dataBoxItem,
.dataBox .registBoxItem,
.registBox .dataBoxItem,
.registBox .registBoxItem {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}

.dataBox .dataBoxItem input,
.dataBox .registBoxItem input,
.registBox .dataBoxItem input,
.registBox .registBoxItem input {
  width: 100%;
  padding: 1.6rem;
  border: 0;
  border-bottom: 0.1rem solid #222;
  color: #111;
  font-size: 1.8rem;
}

.dataBox .dataBoxItem input.password,
.dataBox .registBoxItem input.password,
.registBox .dataBoxItem input.password,
.registBox .registBoxItem input.password {
  padding-right: 5.4rem;
}

.dataBox .dataBoxItem input::-webkit-input-placeholder,
.dataBox .registBoxItem input::-webkit-input-placeholder,
.registBox .dataBoxItem input::-webkit-input-placeholder,
.registBox .registBoxItem input::-webkit-input-placeholder {
  color: #999;
}

.dataBox .dataBoxItem input:-ms-input-placeholder,
.dataBox .registBoxItem input:-ms-input-placeholder,
.registBox .dataBoxItem input:-ms-input-placeholder,
.registBox .registBoxItem input:-ms-input-placeholder {
  color: #999;
}

.dataBox .dataBoxItem input::-ms-input-placeholder,
.dataBox .registBoxItem input::-ms-input-placeholder,
.registBox .dataBoxItem input::-ms-input-placeholder,
.registBox .registBoxItem input::-ms-input-placeholder {
  color: #999;
}

.dataBox .dataBoxItem input::placeholder,
.dataBox .registBoxItem input::placeholder,
.registBox .dataBoxItem input::placeholder,
.registBox .registBoxItem input::placeholder {
  color: #999;
}

.dataBox .dataBoxItem:not(:first-child),
.dataBox .registBoxItem:not(:first-child),
.registBox .dataBoxItem:not(:first-child),
.registBox .registBoxItem:not(:first-child) {
  margin-top: 0.2rem;
}

.dataBox .result,
.registBox .result {
  width: 100%;
  height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.dataBox .result span,
.registBox .result span {
  position: absolute;
  top: 0;
  left: 0;
}

.dataBox.lineFull,
.registBox.lineFull {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.dataBox.lineFull .dataBoxItem,
.registBox.lineFull .dataBoxItem {
  max-width: none;
}

.dataBox.lineFull p,
.registBox.lineFull p {
  white-space: pre-line;
}

@media (max-width: 750px) {
  .dataBox,
  .registBox {
    margin: 3.6rem 0;
  }
  .dataBox h4,
  .registBox h4 {
    font-size: 3.2rem;
  }
  .dataBox .dataBoxItem input,
  .dataBox .registBoxItem input,
  .registBox .dataBoxItem input,
  .registBox .registBoxItem input {
    padding: 2rem 1.6rem;
    font-size: 2.8rem;
  }
  .dataBox .dataBoxItem input.password,
  .dataBox .registBoxItem input.password,
  .registBox .dataBoxItem input.password,
  .registBox .registBoxItem input.password {
    padding-right: 7rem;
  }
  .dataBox .dataBoxItem:not(:first-child),
  .dataBox .registBoxItem:not(:first-child),
  .registBox .dataBoxItem:not(:first-child),
  .registBox .registBoxItem:not(:first-child) {
    margin-top: 0.2rem;
  }
  .dataBox button,
  .registBox button {
    width: 4rem;
    height: 4rem;
  }
}

/* ####### inforBox ####### */
.inforBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #444;
  font-size: 1.6rem;
}

.inforBox * {
  color: inherit;
  font-size: inherit;
}

.inforBox .inforBoxWrap {
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #ddd;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.inforBox .inforBoxItem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.inforBox .inforData {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.inforBox .inforData span.preLine {
  white-space: pre-line;
}

.inforBox h4 {
  min-width: 10rem;
  color: #222;
}

@media (max-width: 750px) {
  .inforBox {
    border: 0.1rem solid #B8BCC4;
    border-left: 0;
    border-right: 0;
    font-size: 2.8rem;
  }
  .inforBox .inforBoxWrap {
    padding: 0;
    border: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .inforBox .inforBoxWrap:last-child .inforBoxItem {
    border-bottom: 0;
  }
  .inforBox .inforBoxItem {
    padding: 2.4rem 0;
    border-bottom: 0.1rem solid #ddd;
  }
  .inforBox h4 {
    min-width: 14rem;
  }
}

/* ####### textListWrap ####### */
.textListWrap {
  padding-left: 2rem;
}

.textListWrap > li {
  list-style: circle;
}

.textListWrap > li:not(:last-child) {
  margin-bottom: 1rem;
}

.textListWrap > li ul {
  padding-left: 2rem;
}

.textListWrap > li li {
  list-style: disc;
}

.textListWrap ::marker {
  margin-left: -1rem;
}

/* ####### caution ####### */
.caution::before {
  content: '※';
}

/* ####### linkMoveWrap ####### */
.linkMoveWrap {
  margin-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  font-size: 1.6rem;
}

.linkMoveWrap a {
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.linkMoveWrap a:nth-child(1) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.linkMoveWrap a:nth-child(2) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.linkMoveWrap a:hover, .linkMoveWrap a:focus-visible {
  text-decoration: underline;
}

.linkMoveWrap hr {
  border: 0;
  border-left: 0.1rem solid #ccc;
}

@media (max-width: 750px) {
  .linkMoveWrap {
    margin-top: 4.8rem;
    gap: 3.2rem;
    font-size: 2.4rem;
  }
}

/* ####### keyword_list ####### */
.keyword_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2.4rem;
          column-gap: 2.4rem;
  row-gap: 1rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
}

.keyword_list * {
  color: inherit;
  font-size: inherit;
}

.keyword_list .keyword_item {
  padding: 0.4rem 1.2rem;
  border-radius: 0.4rem;
  background-color: #1426a81a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 1.6;
}

.keyword_list a:hover, .keyword_list a:focus-visible {
  color: #fff;
  background-color: #1426a8;
  text-decoration: underline;
}

.keyword_warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.keyword_warp .keyword_list {
  height: 11rem;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.keyword_warp .keyword_list.active {
  height: auto;
}

.keyword_warp .keyword_list .keyword_item {
  padding: 1.6rem 2.4rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #222;
  line-height: 1;
}

.keyword_warp .keyword_list .keyword_item:hover, .keyword_warp .keyword_list .keyword_item:focus-visible {
  text-decoration: underline;
}

.keyword_warp .keyword_list .keyword_item.on {
  background-color: #1426a8;
  color: #fff;
}

@media (max-width: 750px) {
  .keyword_list {
    row-gap: 2.4rem;
    font-size: 2.8rem;
  }
  .keyword_list .keyword_item {
    padding: 1.2rem 2.4rem;
  }
  .keyword_warp .keyword_list {
    width: 100%;
    height: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .keyword_warp .keyword_list .keyword_item {
    padding: 2rem 1.2rem;
    border-color: transparent;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: none;
  }
  .keyword_warp .keyword_list .keyword_item:nth-child(-n + 10) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .keyword_warp .keywordMoreBtn {
    display: none;
  }
}

/* ####### attachFile ####### */
.attachFile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1.6rem;
  -webkit-column-gap: 3.2rem;
          column-gap: 3.2rem;
}

.attachFile .attachFile_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.4rem;
}

.attachFile .attachFile_item button {
  border: 0;
  padding: 0;
  color: #444;
  font-size: 1.6rem;
}

.attachFile .attachFile_item button:hover, .attachFile .attachFile_item button:focus-visible {
  color: #1426a8;
  text-decoration: underline;
}

.attachFile .attachFile_item::before {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  background-image: url("../../asset/img/icon/file/file.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media (max-width: 750px) {
  .attachFile {
    row-gap: 3.2rem;
  }
  .attachFile .attachFile_item button {
    font-size: 2.8rem;
  }
  .attachFile .attachFile_item::before {
    content: '';
    width: 4rem;
    height: 4rem;
  }
}

/* ####### progressBox ####### */
.progressBox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.6rem;
}

.progressBox span,
.progressBox progress::-webkit-progress-value {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.progressBox span {
  width: 4rem;
  height: 4rem;
  border-radius: 10rem;
  background-color: #d0d2d8;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.progressBox span.active {
  background-color: #1426a8;
}

.progressBox progress {
  width: 94%;
  height: 0.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.progressBox progress::-webkit-progress-bar {
  background-color: #d0d2d8;
}

.progressBox progress::-webkit-progress-value {
  background-color: #1426a8;
}

/* ####### snsWrap ####### */
.snsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.snsWrap h4 {
  font-weight: 500;
}

.snsWrap > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 0.4rem;
}

.snsWrap a {
  min-height: auto;
  font-size: 0 !important;
}

.snsWrap a i, .snsWrap a path {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.snsWrap a:hover i.icons.sns, .snsWrap a:focus-visible i.icons.sns {
  background-color: #fff;
  border: 0.1rem solid #12203A;
}

.snsWrap a:hover i.icons.sns path, .snsWrap a:focus-visible i.icons.sns path {
  fill: #12203A !important;
}

.snsWrap i.icons.sns {
  width: 3rem;
  height: 3rem;
  background-color: #12203A;
  display: inline-block;
}

@media (max-width: 750px) {
  .snsWrap .multipleObj {
    gap: 0.8rem;
  }
  .snsWrap i.icons.sns {
    width: 4.8rem;
    height: 4.8rem;
    padding: 0.8rem;
  }
}

/* ####### historyInquiry ####### */
.historyInquiry {
  max-width: 61.6rem;
  margin: auto;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.historyInquiry a {
  padding: 1.6rem 3.2rem;
  border-radius: 0.4rem;
  background-color: #1426a81a;
  color: #1426a8;
  font-size: 1.6rem;
  font-weight: bold;
}

.historyInquiry a:hover, .historyInquiry a:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .historyInquiry a {
    padding: 1.4rem 2.4rem;
    font-size: 2rem;
  }
}

/* ####### dateSelectBox ####### */
.dateSelectBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dateSelectBox * {
  color: inherit;
  font-size: inherit;
}

.dateSelectBox span {
  margin: 0 1.6rem;
  color: #222;
  font-size: 1.6rem;
}

.dateSelectBox span:first-child {
  min-width: 6rem;
  margin-left: 0;
  font-weight: 500;
}

@media (max-width: 750px) {
  .dateSelectBox span {
    margin: 0 1.4rem;
  }
  .dateSelectBox span:first-child {
    font-weight: 400;
    margin: 0 2rem 0 0;
  }
}

/* ####### relatedData(연관데이터) ####### */
.relatedData {
  min-width: 20rem;
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  overflow: hidden;
}

.relatedData h4 {
  padding: 1.6rem 2.4rem;
  background-color: #12203A;
  color: #fff;
  font-size: 2rem;
}

.relatedData .relatedDataListWrap {
  margin: 0 2.4rem;
  padding: 2rem 0.8rem;
  border-bottom: 0.1rem solid #B8BCC4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.8rem;
  color: #444;
  font-size: 1.6rem;
}

.relatedData .relatedDataListWrap:last-child {
  border-bottom: 0;
}

.relatedData .relatedDataListWrap h5 {
  color: #222;
  font-weight: 500;
}

.relatedData .relatedDataListWrap ul {
  padding: 0 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.relatedData .relatedDataListWrap ul.more li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.relatedData .relatedDataListWrap ul li {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.relatedData .relatedDataListWrap ul li:nth-child(-n + 5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.relatedData .relatedDataListWrap ul li::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid transparent;
  border-left: 0.4rem solid #444;
  display: inline-block;
}

.relatedData .relatedDataListWrap ul li a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.relatedData .relatedDataListWrap ul li a:hover, .relatedData .relatedDataListWrap ul li a:focus-visible {
  text-decoration: underline;
}

.relatedData .relatedDataListWrap .moreBtn {
  margin-left: auto;
  padding: 0;
}

.relatedData .relatedDataListWrap .moreBtn:hover, .relatedData .relatedDataListWrap .moreBtn:focus-visible {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .relatedData h4 {
    padding: 2.4rem 3.2rem;
    font-size: 3.6rem;
  }
  .relatedData .relatedDataListWrap {
    margin: 3.2rem;
    padding: 0;
    padding-bottom: 3.2rem;
    gap: 2rem;
    font-size: 2.8rem;
  }
  .relatedData .relatedDataListWrap ul {
    padding: 0;
    gap: 1.6rem;
  }
  .relatedData .relatedDataListWrap ul li {
    gap: 1.2rem;
  }
  .relatedData .relatedDataListWrap ul li::before {
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
    border-left: 0.8rem solid #444;
  }
  .relatedData .relatedDataListWrap ul li a:hover, .relatedData .relatedDataListWrap ul li a:focus-visible {
    text-decoration: none;
  }
  .relatedData .relatedDataListWrap .moreBtn {
    font-size: 2rem;
  }
  .relatedData .relatedDataListWrap .moreBtn:hover, .relatedData .relatedDataListWrap .moreBtn:focus-visible {
    text-decoration: none;
  }
}

/* ####### chart ####### */
.chartWrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.chartBox {
  width: 100%;
  min-height: 10rem;
}

/* ####### slide ####### */
.slide_wrap {
  position: relative;
}

.slide_box {
  max-width: 140rem;
  margin: auto;
}

.swiper-slide {
  min-height: 10rem;
  cursor: default;
}

.swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 10rem;
}

.swiper-button-box {
  max-width: 140rem;
  margin: auto;
}

.swiper-button-box .swiper-button-prev,
.swiper-button-box .swiper-button-next {
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 0;
  background: transparent;
  z-index: 2;
}

.swiper-button-box .swiper-button-prev::before,
.swiper-button-box .swiper-button-next::before {
  border-color: #1426a8;
}

.swiper-pagination {
  position: unset;
  z-index: 1;
  text-align: right;
  font-size: 2rem;
  font-weight: 400;
}

.swiper-pagination span.swiper-pagination-current {
  color: #1426a8;
  font-weight: 700;
}

.swiper-scrollbar {
  height: 0.4rem;
  max-width: 140rem;
  margin: auto;
  margin-top: 4rem;
  margin-bottom: 1rem;
  background-color: #E7E9F6;
}

.swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #1426a8;
  border-radius: 0;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (max-width: 750px) {
  .swiper-scrollbar {
    display: block !important;
  }
}

/* #################### article별 레이아웃 #################### */
/* ####### 검색 ####### */
.searchWrap {
  max-width: 60rem;
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  color: #222;
  font-size: 1.6rem;
}

.searchWrap * {
  color: inherit;
  font-size: inherit;
}

.searchWrap h3 {
  margin-bottom: 1rem;
  color: #12203A;
  font-size: 4.8rem;
}

.searchWrap h3 span {
  margin-bottom: 0.8rem;
  display: block;
  color: #909090;
  font-size: 2rem;
  font-weight: 400;
}

.searchWrap h3 span.highlight {
  margin: 0;
  display: inline;
  font-size: inherit;
  font-weight: inherit;
}

.searchBox {
  position: relative;
}

.searchBox input {
  width: 100%;
  padding: 1rem;
  padding-right: 4.6rem;
  border: 0;
  border-bottom: 0.1rem solid #222;
  background-color: transparent;
  font-size: 1.24rem;
}

.searchBox .btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.searchBox button.search {
  width: 2.2rem;
  height: 2.2rem;
  padding: 0.2rem;
  border: 0;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}

.searchBox button.search path {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.searchBox button.search:hover path, .searchBox button.search:focus-visible path {
  stroke: #1426a8 !important;
  fill: #1426a8 !important;
}

.sub_page .searchWrap {
  margin: auto;
  padding: 4rem 0 3.2rem;
  font-size: 1.6rem;
}

.sub_page .searchWrap * {
  font-size: inherit;
}

.sub_page .searchWrap select {
  min-width: 21.7rem;
  background-color: #EBEBEB;
}

.sub_page .searchWrap .flexCenter {
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
  row-gap: 3rem;
}

.sub_page .searchBox {
  width: 100%;
  max-width: 51.2rem;
  margin-left: auto;
}

.sub_page .searchBox input {
  padding: 1.2rem 1.4rem;
  padding-right: 7.4rem;
}

.sub_page .searchBox button.search {
  width: 2.4rem;
  height: 2.4rem;
}

.sub_page .searchBox .btnBox {
  right: 1.6rem;
}

.search_page .searchWrap {
  padding: 7rem 0 10.2rem;
}

.search_page .searchWrap .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 1.6rem;
}

.search_page .searchBox {
  max-width: 69rem;
  font-size: 2.4rem;
}

.search_page .searchBox input {
  padding: 1.2rem 2rem;
  padding-right: 10rem;
}

.search_page .searchBox .btnBox button {
  width: 3.2rem;
  height: 3.2rem;
}

.search_page .datepickerBox {
  padding: 1rem 0;
  border-bottom: 0.1rem solid #222;
  color: #222;
  font-size: 1.6rem;
  font-weight: bold;
}

.search_page .datepickerBox * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.search_page .datepickerBox input:disabled {
  padding-right: 1rem;
  cursor: default;
}

.search_page .datepickerBox input:disabled + i {
  display: none;
}

.search_page .datepickerBox i {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.search_page .note {
  color: #666;
  font-size: 1.4rem;
  position: absolute;
  left: 2rem;
  bottom: -1.2rem;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}

.lod .searchWrap .dateSelectBox select {
  width: auto;
  min-width: 11.4rem;
  background-position: 84%;
}

.lod .searchWrap .flex {
  gap: 2rem;
}

.lod .searchWrap .flex > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.lod .searchWrap .chartWrap label {
  display: none;
}

.lod .searchWrap .chartBox {
  height: 34rem;
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
}

.lod .tabBtn {
  margin: 2rem 0;
  margin-right: auto;
  font-size: 1.6rem;
}

.lod .tabBtn input + span {
  padding: 1.2rem;
}

@media (max-width: 750px) {
  .searchWrap {
    max-width: none;
    margin-bottom: 12rem;
    gap: 0;
    font-size: 3.2rem;
  }
  .searchWrap h3 {
    visibility: hidden !important;
    font-size: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    bottom: 0;
  }
  .searchWrap .search_box input {
    padding-right: 11rem;
    font-size: 3rem;
  }
  .searchWrap .search_box button.search {
    width: 5.4rem;
    height: 5.4rem;
    padding: 0.5rem;
  }
  .searchBox input {
    font-size: 3.2rem;
  }
  .sub_page .searchWrap {
    padding: 5.6rem 0 7.2rem;
    font-size: 3.2rem;
  }
  .sub_page .searchWrap .flexCenter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sub_page .searchWrap select {
    min-width: 32.5rem;
    padding: 2.4rem;
    border-radius: 1rem;
    background-color: #EBEBEB;
    color: #666;
    font-size: 3.2rem;
  }
  .sub_page .searchBox {
    max-width: none;
    font-size: 3rem;
  }
  .sub_page .searchBox input {
    padding: 2.6rem 2rem;
    padding-right: 11rem;
  }
  .sub_page .searchBox .btnBox button {
    width: 4rem;
    height: 4rem;
  }
  .search_page .searchWrap {
    padding: 6.4rem auto 12rem;
  }
  .search_page .searchWrap .flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search_page .searchBox {
    font-size: 4rem;
  }
  .search_page .searchBox input {
    padding: 1.6rem 2rem;
    padding-right: 13rem;
  }
  .search_page .searchBox .btnBox button {
    width: 4.8rem;
    height: 4.8rem;
  }
  .search_page .datepickerBox {
    padding: 1rem 2rem;
    font-size: 2.8rem;
  }
  .search_page .datepickerBox .input-daterange input {
    padding: 0.6rem 1rem;
    padding-right: 4rem;
  }
  .search_page .datepickerBox .input-daterange input:disabled {
    padding-right: 0.6rem;
  }
  .search_page .datepickerBox i.icons.calendar {
    width: 2.4rem;
    height: 2.4rem;
  }
  .search_page .note {
    font-size: 2.4rem;
    bottom: -1.6rem;
  }
  .lod .searchWrap h3:not(.hidden) {
    visibility: visible !important;
    font-size: 4rem !important;
    position: unset !important;
    margin-bottom: calc(4rem - 1.6rem) !important;
  }
  .lod .searchWrap .dateSelectBox select {
    min-width: 19.8rem;
  }
  .lod .searchWrap .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.2rem;
  }
  .lod .searchWrap .chartWrap label {
    display: block;
  }
  .lod .searchWrap .chartWrap label + .chartBox {
    display: none;
  }
  .lod .searchWrap .chartBox {
    height: 40rem;
  }
  .lod .tabBtn {
    margin: 2.4rem 0;
  }
  .lod .tabBtn input + span {
    padding: 2.4rem;
  }
}

/* ####### 날짜 ####### */
.dateWrap {
  padding: 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.8rem;
}

.dateWrap .datepickerBox input {
  color: #222;
  font-size: 3.2rem;
  font-weight: bold;
}

.dateWrap .datepickerBox .datepicker {
  padding-right: 4.4rem;
}

.dateWrap .datepickerBox .icons.calendar {
  width: 3rem;
  height: 3rem;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  pointer-events: none;
}

.dateWrap .radioBox.tabBtn_underline input[name="tabBtn_bottom"] + span {
  padding-top: 1rem;
  padding-bottom: 0;
  border-top: 0.3rem solid #DDD;
  border-bottom: 0;
}

.dateWrap .radioBox.tabBtn_underline input + span {
  color: #222;
  font-size: 2rem;
}

.dateWrap .radioBox.tabBtn_underline input:checked + span {
  border-color: #1426a8;
  color: #1426a8;
}

@media (max-width: 750px) {
  .dateWrap {
    padding: 5.6rem 0 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(5%, transparent), to(#fff));
    background: linear-gradient(90deg, #fff, transparent 5% 95%, #fff);
    gap: 1.6rem;
    pointer-events: none;
  }
  .dateWrap .datepickerBox {
    pointer-events: all;
  }
  .dateWrap .datepickerBox input {
    font-size: 4.8rem;
  }
  .dateWrap .datepickerBox .datepicker {
    padding-right: 6rem;
  }
  .dateWrap .datepickerBox .icons.calendar {
    width: 4rem;
    height: 4rem;
  }
  .dateWrap .datepickerBox .icons.arrow_notail {
    min-width: 4rem;
    min-height: 4rem;
  }
  .dateWrap .datepickerBox .icons.arrow_notail::before {
    border-width: 0.5rem;
  }
  .dateWrap .radioBox.tabBtn_underline {
    padding: 0 43%;
    gap: 7.2rem;
    overflow-x: auto;
    position: relative;
    z-index: -1;
    pointer-events: all;
  }
  .dateWrap .radioBox.tabBtn_underline::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .dateWrap .radioBox.tabBtn_underline input + span {
    font-size: 3.2rem;
    padding-bottom: 0.8rem;
    border-color: transparent;
  }
  .dateWrap .radioBox.tabBtn_underline input:disabled + span {
    border-color: transparent !important;
  }
}

/* ####### 로그인 ####### */
.id_login .btnBox {
  margin-top: 4.8rem;
}

.gpki_login .btnBox {
  margin-top: 8rem;
  margin-bottom: 2.4rem;
}

@media (max-width: 750px) {
  .id_login .dataBox {
    margin-top: 0;
  }
  .id_login .btnBox {
    margin-top: 8rem;
  }
}

/* ####### 회원가입 ####### */
.join_first,
.join_second,
.join_third {
  margin-top: 1.6rem;
  font-size: 1.6rem;
}

.join_first *,
.join_second *,
.join_third * {
  font-size: inherit;
}

.join_first h3,
.join_second h3,
.join_third h3 {
  font-weight: 400;
}

.join_first h3 {
  text-align: left;
}

.join_first h4 {
  color: #12203A;
  font-size: 2.4rem;
  margin-bottom: 2rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.3rem solid #000;
}

.join_first .textBox {
  margin: 4rem 0;
}

.join_first .textBox p {
  height: 17.6rem;
  padding-right: 1.6rem;
  overflow: auto;
}

.join_first .textBox p::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

.join_first .textBox p::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

.join_first .textBox p::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

.join_first .textBox p::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.join_first .textBox p::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

.join_first .checkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.join_first .checkBox label {
  font-size: 2rem;
  font-weight: bold;
}

.join_first .checkBox input[type="checkbox"] + span {
  gap: 1.6rem;
}

.join_first .checkBox input[type="checkbox"] + span::before {
  width: 2.4rem;
  height: 2.4rem;
  border-color: #111;
}

.join_first .checkBox input[type="checkbox"] + span::after {
  width: 0.8rem;
  height: 1.2rem;
  left: 0.7rem;
}

.join_first .checkBox input[type="checkbox"]:checked + span {
  color: #12203A;
}

.join_first .checkBox input[type="checkbox"]:checked + span::before, .join_first .checkBox input[type="checkbox"]:checked + span::after {
  border-color: #222;
}

.join_second h3 {
  text-align: center;
}

.join_second .btnBox {
  margin-top: 8rem;
  margin-bottom: 2.4rem;
}

.join_third {
  margin-top: 4rem;
}

.join_third h3 {
  visibility: hidden !important;
  font-size: 0 !important;
  margin: 0 !important;
  position: absolute !important;
}

.join_third .dataBox {
  margin: 1.4rem 0;
}

.join_third .btnBox {
  margin-top: 4.8rem;
}

/* ####### 아이디 찾기 ####### */
.id_find .btnBox {
  margin-top: 5.6rem;
}

/* ####### 비밀번호 재설정 ####### */
.password_reset .dataBox:nth-child(2) {
  margin-top: 0;
}

/* ####### 이용약관 ####### */
.agreement p {
  font-size: 2rem;
  word-break: keep-all;
  white-space: pre-line;
}

/* ####### 마이페이지 ####### */
.mypage h4 {
  font-size: 1.8rem;
  font-weight: 400;
}

.mypage .dataBox {
  gap: 0.8rem;
}

.mypage .dataBox:nth-child(2) {
  margin-top: 0;
}

.mypage .dataBox .dataBoxItem {
  margin: 0;
  padding-top: 0.8rem;
  border-top: 0.1rem solid #C4C4D6;
  color: #222;
  font-size: 2rem;
  font-weight: 500;
}

.mypage .dataBox .dataBoxItem * {
  color: inherit;
  font-size: inherit;
}

.mypage .dataBox .dataBoxItem button.accent {
  width: auto !important;
  position: unset;
  -webkit-transform: none;
          transform: none;
  color: #fff !important;
  font-size: 1.4rem !important;
}

.mypage .btnBox {
  margin-top: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

@media (max-width: 750px) {
  .mypage h4 {
    font-size: 2.8rem;
  }
  .mypage .dataBox .dataBoxItem {
    font-size: 3rem;
  }
  .mypage .dataBox .dataBoxItem button.accent {
    padding: 1rem 2rem !important;
    font-size: 2rem !important;
  }
}

/* ####### 내 정보 변경_기본정보 ####### */
/* ####### 내 정보 변경_보안 설정 ####### */
.basicInfor,
.securitySet {
  margin-top: 0;
  font-size: 1.6rem;
}

.basicInfor *,
.securitySet * {
  font-size: inherit;
}

.basicInfor h3,
.securitySet h3 {
  color: #222;
  font-size: 3.2rem;
  padding-bottom: 1.6rem;
  border-bottom: 0.3rem solid #000;
}

.basicInfor h4,
.securitySet h4 {
  font-weight: 500;
}

.basicInfor .dataBox:nth-child(2),
.securitySet .dataBox:nth-child(2) {
  margin-top: 3.2rem;
}

.basicInfor .dataBox .dataBoxItem,
.securitySet .dataBox .dataBoxItem {
  margin-top: 0;
}

.basicInfor .dataBox .dataBoxItem span,
.securitySet .dataBox .dataBoxItem span {
  color: #222;
  font-size: 1.8rem;
  font-weight: bold;
}

.basicInfor .dataBox .result,
.securitySet .dataBox .result {
  height: 0;
}

.basicInfor h3 {
  text-align: left;
}

.basicInfor .dataBox:nth-child(2), .basicInfor .dataBox:nth-child(4) {
  gap: 1.2rem;
}

.securitySet {
  margin-top: 8rem;
}

.securitySet h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 0.8rem;
}

.securitySet h3 span {
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
}

.securitySet .btnBox {
  margin-top: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}

@media (max-width: 750px) {
  .basicInfor h3,
  .securitySet h3 {
    font-size: 4rem;
  }
  .basicInfor h3 span,
  .securitySet h3 span {
    font-size: 1.6rem;
  }
  .basicInfor .dataBox .dataBoxItem span,
  .securitySet .dataBox .dataBoxItem span {
    font-size: 2.8rem;
  }
}

/* ####### 모바일 전용 ####### */
.mobile_join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.4rem;
}

.mobile_join .coment {
  color: #222;
  font-size: 2.8rem;
  text-align: center;
}

/* ####### 외교인물 정보 ####### */
.figures .content_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(31rem, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(31rem, 1fr));
  gap: 2rem;
}

.figures .content_list_item {
  border: 0.1rem solid #DEDEDE;
  border-top: 0.3rem solid #12203A;
  border-radius: 0 0 0.6rem 0.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
  color: #222;
  font-size: 1.4rem;
}

.figures .content_list_item * {
  color: inherit;
  font-size: inherit;
}

.figures .content_list_item a {
  padding: 2.3rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  row-gap: 2.4rem;
  -webkit-column-gap: 1.6rem;
          column-gap: 1.6rem;
}

.figures .content_list_item a > figure {
  min-width: 10.2rem;
  max-width: 10.2rem;
  height: 13.6rem;
  margin: 0;
  border-radius: 0.4rem;
  overflow: hidden;
}

.figures .content_list_item a h4,
.figures .content_list_item a p,
.figures .content_list_item a .title_wrap > span,
.figures .content_list_item a .plag > span {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.figures .content_list_item a h4 {
  font-size: 1.6rem;
  font-weight: 500;
}

.figures .content_list_item a p {
  margin-top: -0.8rem;
}

.figures .content_list_item a:hover h4, .figures .content_list_item a:hover p, .figures .content_list_item a:focus-visible h4, .figures .content_list_item a:focus-visible p {
  text-decoration: underline;
}

.figures .content_list_item .title_wrap {
  margin: 0;
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.figures .content_list_item .title_wrap > span {
  color: #999;
  -webkit-line-clamp: 1 !important;
}

.figures .content_list_item .plag figure {
  height: 2rem;
  margin: 0;
}

.figures .content_list_item .plag span {
  -webkit-line-clamp: 1 !important;
}

@media (max-width: 750px) {
  .figures .content_list_item {
    font-size: 2.4rem;
  }
  .figures .content_list_item a {
    padding: 2.7rem 2rem 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .figures .content_list_item a > figure {
    width: 16.2rem;
    max-width: none;
    height: 21rem;
    margin: auto;
  }
  .figures .content_list_item a h4 {
    font-size: 3.2rem;
    text-align: center;
  }
  .figures .content_list_item a p {
    display: none !important;
  }
  .figures .content_list_item .title_wrap {
    min-height: 16.2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .figures .content_list_item .plag {
    gap: 1rem;
  }
}

/* ####### 누적데이터 ####### */
.cumilativeDataList {
  color: #12203A;
}

.cumilativeDataList * {
  color: inherit;
  font-size: inherit;
}

.cumilativeDataList .title_wrap {
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 3.2rem;
  font-weight: bold;
}

.cumilativeDataList .title_wrap * {
  color: inherit;
  font-size: inherit;
}

.cumilativeDataList .title_wrap h3 {
  font-weight: inherit;
}

.cumilativeDataList h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  font-size: 1.8rem;
  font-weight: 400;
}

.cumilativeDataList ul {
  padding-top: 1.6rem;
  border-top: 0.3rem solid #111;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.cumilativeDataList li .icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cumilativeDataList a {
  height: 100%;
  padding: 2.4rem;
  border-radius: 0.4rem;
  background-color: rgba(56, 68, 159, 0.1);
  -webkit-backdrop-filter: blur(10.2rem);
          backdrop-filter: blur(10.2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cumilativeDataList a:hover h4, .cumilativeDataList a:hover .count, .cumilativeDataList a:focus-visible h4, .cumilativeDataList a:focus-visible .count {
  text-decoration: underline;
}

.cumilativeDataList .count {
  font-size: 3.2rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* ####### 실시간 외교 토픽 ####### */
.realTimeTopics figure {
  width: 100%;
  height: 30rem;
}

.realTimeTopics figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.realTimeTopics .controlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  font-size: 3.2rem;
  font-weight: bold;
}

.realTimeTopics .controlBox * {
  font-size: inherit;
}

.realTimeTopics .controlBox span.date {
  color: #1426A8;
}

.realTimeTopics .controlBox span.time {
  color: #444;
}

.realTimeTopics .controlBox span.coment {
  color: #7f7f7f;
  font-size: 1.6rem;
  font-weight: 400;
}

.realTimeTopics .datepicker {
  max-width: 18rem;
  padding: 0;
  font-size: 3.2rem;
  font-weight: 700;
}

.realTimeTopics .slide_wrap {
  margin-top: 4rem;
}

.realTimeTopics .swiper-slide {
  border-top: 0.3rem solid #12203A;
}

.realTimeTopics .swiper-slide a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.realTimeTopics .swiper-slide a:hover h4, .realTimeTopics .swiper-slide a:focus-visible h4 {
  text-decoration: underline;
}

.realTimeTopics .swiper-button-box {
  margin: 0 50%;
}

.realTimeTopics .swiper-button-box .swiper-button-prev,
.realTimeTopics .swiper-button-box .swiper-button-next {
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #ffffff80;
  background-color: #ffffff40;
  -webkit-backdrop-filter: blur(3rem);
          backdrop-filter: blur(3rem);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.realTimeTopics .swiper-button-box .swiper-button-prev:hover, .realTimeTopics .swiper-button-box .swiper-button-prev:focus-visible,
.realTimeTopics .swiper-button-box .swiper-button-next:hover,
.realTimeTopics .swiper-button-box .swiper-button-next:focus-visible {
  background-color: #ffffffaa;
}

.realTimeTopics .swiper-button-box .swiper-button-prev::before,
.realTimeTopics .swiper-button-box .swiper-button-next::before {
  border-width: 0.4rem;
  border-color: #fff;
}

.realTimeTopics .swiper-button-box .swiper-button-prev {
  left: -6%;
}

.realTimeTopics .swiper-button-box .swiper-button-next {
  right: -6%;
}

.realTimeTopics .infor {
  height: 20rem;
  padding: 1.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.realTimeTopics .infor h4, .realTimeTopics .infor p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.realTimeTopics .infor h4 {
  -webkit-line-clamp: 2;
  color: #12203A;
  font-size: 2.4rem;
}

.realTimeTopics .infor p {
  -webkit-line-clamp: 3;
  color: #111;
  font-size: 1.6rem;
}

.realTimeTopics .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.realTimeTopics .etc span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #B3B3B3;
}

.realTimeTopics .etc span:not(:first-child)::before {
  content: '';
  margin: 0 0.6rem;
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  background-color: #B3B3B3;
}

.sub_page .realTimeTopics {
  font-size: 1.6rem;
}

.sub_page .realTimeTopics * {
  font-size: inherit;
}

.sub_page .realTimeTopics h4 {
  margin-bottom: 1.2rem;
  color: #222;
  font-size: 2rem;
}

.sub_page .realTimeTopics a {
  padding: 0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.sub_page .realTimeTopics a:hover, .sub_page .realTimeTopics a:focus-visible {
  background-color: transparent;
  text-decoration: underline;
}

.sub_page .realTimeTopics figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 24rem;
  border-radius: 0.4rem;
  overflow: hidden;
}

.sub_page .realTimeTopics .content_line {
  min-height: auto;
  border: 0;
}

.sub_page .realTimeTopics .content_line_list {
  padding: 1.6rem 0 2.4rem;
  border-top: 0.3rem solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.sub_page .realTimeTopics .content_line_list .title_wrap {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-flex: 2.5;
      -ms-flex: 2.5;
          flex: 2.5;
}

.sub_page .realTimeTopics .content_line_list p {
  white-space: pre-line;
}

.sub_page .realTimeTopics .news {
  padding-right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}

.sub_page .realTimeTopics .relatedNews {
  padding: 0 2rem 2.4rem;
  border-left: 0.1rem solid #DDD;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.sub_page .realTimeTopics .relatedNews ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.sub_page .realTimeTopics .relatedNews li {
  border: 0;
}

.sub_page .realTimeTopics .moreBtn {
  border-top: 0.1rem solid #DDD;
}

@media (max-width: 750px) {
  .realTimeTopics figure {
    height: 34rem;
  }
  .realTimeTopics .explanation {
    max-width: 53rem;
  }
  .realTimeTopics .controlBox {
    gap: 1.2rem;
    font-size: 3.2rem;
  }
  .realTimeTopics .controlBox span.coment {
    font-size: 2.4rem;
  }
  .realTimeTopics .datepicker {
    max-width: 18rem;
  }
  .realTimeTopics .slide_wrap {
    margin-top: 4.8rem;
  }
  .realTimeTopics .swiper-button-box {
    display: none;
  }
  .realTimeTopics .infor {
    height: 32rem;
    padding: 2.4rem 0;
    gap: 1.6rem;
  }
  .realTimeTopics .infor h4 {
    font-size: 3.2rem;
  }
  .realTimeTopics .infor p {
    font-size: 2.8rem;
  }
  .realTimeTopics .etc {
    margin-top: 0.4rem;
  }
  .realTimeTopics .etc span {
    font-size: 2.8rem;
  }
  .sub_page .realTimeTopics {
    font-size: 2.4rem;
  }
  .sub_page .realTimeTopics h4 {
    margin-bottom: 1.2rem;
    font-size: 3.2rem;
  }
  .sub_page .realTimeTopics a {
    font-size: 2.8rem;
    font-weight: 400;
  }
  .sub_page .realTimeTopics a:hover, .sub_page .realTimeTopics a:focus-visible {
    background-color: transparent;
    text-decoration: underline;
  }
  .sub_page .realTimeTopics figure {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 18.6rem;
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .sub_page .realTimeTopics .content_line {
    min-height: auto;
    border: 0;
  }
  .sub_page .realTimeTopics .content_line_list {
    border-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.4rem 0 4rem;
  }
  .sub_page .realTimeTopics .content_line_list .title_wrap {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-flex: 2.5;
        -ms-flex: 2.5;
            flex: 2.5;
  }
  .sub_page .realTimeTopics .news {
    padding-right: 0;
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem solid #DDD;
  }
  .sub_page .realTimeTopics .relatedNews {
    padding: 2.4rem 0;
    border: 0;
  }
  .sub_page .realTimeTopics .relatedNews.off {
    height: 0;
    padding: 0;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .sub_page .realTimeTopics .relatedNews.off + .moreBtn {
    border-top: 0;
  }
  .sub_page .realTimeTopics .relatedNews li {
    border: 0;
  }
}

/* ####### 오늘의 인물 ####### */
.todayPerson .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem;
}

.todayPerson .swiper-slide {
  width: calc((100% - 2rem) / 2);
  border: 0.1rem solid #DEDEDE;
  border-top: 0.3rem solid #12203A;
  border-radius: 0 0 0.6rem 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  row-gap: 3.2rem;
}

.todayPerson .swiper-slide .infor {
  min-width: 25rem;
  padding: 2rem 1.2rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222;
  font-size: 1.6rem;
}

.todayPerson .swiper-slide .infor * {
  color: inherit;
  font-size: inherit;
}

.todayPerson .swiper-slide .infor a {
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.todayPerson .swiper-slide .infor a > figure {
  min-width: 12rem;
  max-width: 12rem;
  height: 16rem;
  border-radius: 0.4rem;
  overflow: hidden;
}

.todayPerson .swiper-slide .infor a > figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.todayPerson .swiper-slide .infor a h4, .todayPerson .swiper-slide .infor a p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.todayPerson .swiper-slide .infor a h4 {
  margin-top: 0.4rem;
  -webkit-line-clamp: 2;
  font-size: 2.4rem;
  font-weight: 500;
}

.todayPerson .swiper-slide .infor a p {
  -webkit-line-clamp: 1;
}

.todayPerson .swiper-slide .infor a:hover h4, .todayPerson .swiper-slide .infor a:hover p, .todayPerson .swiper-slide .infor a:focus-visible h4, .todayPerson .swiper-slide .infor a:focus-visible p {
  text-decoration: underline;
}

.todayPerson .swiper-slide .title_wrap {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.todayPerson .swiper-slide .title_wrap > span {
  margin-top: 0.4rem;
  color: #999;
}

.todayPerson .swiper-slide .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.todayPerson .swiper-scrollbar {
  display: none;
}

.todayPerson .chartWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #F9F9F9;
  position: relative;
}

.todayPerson .chartWrap h5 {
  width: 100%;
  padding: 2rem 1.6rem;
  padding-bottom: 0;
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
}

.todayPerson .chartBox {
  min-width: 33.5rem;
  min-height: 24.8rem;
}

@media (max-width: 750px) {
  .todayPerson {
    max-width: none;
  }
  .todayPerson .slide_wrap {
    margin-top: 6rem;
  }
  .todayPerson .slide_wrap .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
  }
  .todayPerson .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .todayPerson .swiper-slide .infor {
    padding: 2.3rem;
    padding-bottom: 0;
    font-size: 2.8rem;
  }
  .todayPerson .swiper-slide .infor a {
    gap: 1.2rem;
  }
  .todayPerson .swiper-slide .infor a > figure {
    min-width: 17rem;
    max-width: 17rem;
    height: 23rem;
  }
  .todayPerson .swiper-slide .infor a h4 {
    line-height: 1.2;
    font-size: 4rem;
  }
  .todayPerson .swiper-scrollbar {
    display: block;
  }
  .todayPerson .chartWrap {
    padding: 0 1.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #F9F9F9;
    position: relative;
  }
  .todayPerson .chartWrap h5 {
    padding: 2.4rem;
    padding-bottom: 0.4rem;
    font-size: 2.4rem;
  }
}

/* ####### 국가분석 ####### */
.countryAnalysis {
  height: 75rem;
  margin: 6rem auto;
  font-size: 1.4rem;
  color: #fff;
}

.countryAnalysis * {
  color: inherit;
  font-size: inherit;
}

.countryAnalysis h3, .countryAnalysis .explanation {
  margin: 0;
  color: #fff !important;
}

.countryAnalysis h4 {
  font-size: 1.6rem;
  font-weight: 400;
}

.countryAnalysis h5 {
  max-width: 7rem;
  font-weight: 400;
}

.countryAnalysis .title_wrap {
  max-width: 44.4rem;
  margin: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.countryAnalysis .countryInformation {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

.countryAnalysis select {
  width: 100%;
  margin: 1rem 0 0.6rem;
  border-radius: 1rem;
  background-image: url("../../asset/img/arrow/select_bottom_W.svg");
  background-position: 95%;
  background-size: auto 14%;
  font-size: 1.6rem;
}

.countryAnalysis select option {
  color: #666;
}

.countryAnalysis .select_custom {
  font-size: 1.6rem;
  color: #666;
}

.countryAnalysis .select_custom input {
  width: 100%;
  background-image: url("../../asset/img/arrow/select_bottom_W.svg");
  background-position: 97%;
  background-size: auto 14%;
  color: #fff;
}

.countryAnalysis .select_custom input:valid {
  background-image: none;
}

.countryAnalysis .select_custom input::-webkit-input-placeholder {
  color: #bbb;
}

.countryAnalysis .select_custom input:-ms-input-placeholder {
  color: #bbb;
}

.countryAnalysis .select_custom input::-ms-input-placeholder {
  color: #bbb;
}

.countryAnalysis .select_custom input::placeholder {
  color: #bbb;
}

.countryAnalysis .select_custom .btnBox .selectDel::before, .countryAnalysis .select_custom .btnBox .selectDel::after {
  background-color: #bbb;
}

.countryAnalysis .select_custom .btnBox .selectDel:hover::before, .countryAnalysis .select_custom .btnBox .selectDel:hover::after, .countryAnalysis .select_custom .btnBox .selectDel:focus-visible::before, .countryAnalysis .select_custom .btnBox .selectDel:focus-visible::after {
  background-color: #fff;
}

.countryAnalysis select,
.countryAnalysis .countryInfor,
.countryAnalysis .recentData,
.countryAnalysis .select_custom input {
  border: 0.1rem solid #ffffff59;
  border-radius: 1rem;
  background-color: #ffffff1a;
  -webkit-backdrop-filter: blur(3rem);
          backdrop-filter: blur(3rem);
}

.countryAnalysis .countryInfor,
.countryAnalysis .recentData {
  padding: 1.2rem 2rem;
  color: #fff;
}

.countryAnalysis .countryInfor > *:not(:first-child),
.countryAnalysis .recentData > *:not(:first-child) {
  border-top: 0.1rem solid #ffffff4d;
}

.countryAnalysis .title {
  padding-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.countryAnalysis .title .linkMove {
  gap: 1rem;
}

.countryAnalysis .icons.arrow {
  width: 1.2rem;
  height: 1.2rem;
}

.countryAnalysis .icons.arrow::before, .countryAnalysis .icons.arrow::after {
  border-color: #fff;
}

.countryAnalysis .plag figure {
  width: 2.6rem;
  height: 2.6rem;
  border: 0;
  border-radius: 100%;
}

.countryAnalysis .plag p {
  margin-left: 0.8rem;
}

.countryAnalysis .countryInforListWrap {
  padding: 1.2rem 0;
  gap: 1.4rem;
}

.countryAnalysis .countryInforListWrap p {
  word-break: keep-all;
  font-weight: 400;
}

.countryAnalysis .countryInforListWrap ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.countryAnalysis .countryInforListWrap ul figure {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 1.8rem;
  min-height: 1.8rem;
  border-radius: 0;
}

.countryAnalysis .countryInforListWrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.countryAnalysis .countryInforListWrap li > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.countryAnalysis .subInfor {
  padding-top: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}

.countryAnalysis .subInfor h5 {
  display: none;
}

.countryAnalysis .subInfor p {
  margin-left: 1.6rem;
}

.countryAnalysis .slide_wrap {
  overflow: hidden;
}

.countryAnalysis .swiper-slide li {
  padding: 0.8rem 0;
}

.countryAnalysis .swiper-slide li:not(:last-child) {
  border-bottom: 0.1rem solid #ffffff4d;
}

.countryAnalysis .swiper-slide li:last-child {
  padding-bottom: 0;
}

.countryAnalysis .swiper-slide a {
  min-height: auto;
  gap: 1rem;
}

.countryAnalysis .swiper-slide a > figure {
  width: 6.1rem;
  height: 6.1rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.countryAnalysis .swiper-slide a > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.countryAnalysis .swiper-slide a h5 {
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-weight: 400;
}

.countryAnalysis .swiper-slide a span {
  color: #999;
}

.countryAnalysis .swiper-slide a:hover h5, .countryAnalysis .swiper-slide a:focus-visible h5 {
  text-decoration: underline;
}

.countryAnalysis .swiper-slide .infor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}

.countryAnalysis .swiper-slide .plag {
  gap: 0.4rem;
}

.countryAnalysis .swiper-slide .plag figure {
  width: 1.2rem;
  height: 1.2rem;
  min-width: auto;
  min-height: auto;
}

.countryAnalysis .swiper-slide .plag span {
  margin: 0;
}

.countryAnalysis .swiper-button-box {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.countryAnalysis .swiper-button-box button {
  width: auto;
  height: auto;
  position: unset;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.countryAnalysis .swiper-button-box button::before {
  display: none;
}

.countryAnalysis .swiper-pagination {
  color: #999;
  font-size: 1.4rem;
}

.countryAnalysis .swiper-pagination .swiper-pagination-current {
  color: #fff;
}

.countryAnalysis_chart {
  max-width: 140rem;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.countryAnalysis_chart .chartBox {
  height: 100%;
}

@media (max-width: 750px) {
  .countryAnalysis {
    height: 160rem;
    margin: 12rem auto;
    font-size: 2.8rem;
  }
  .countryAnalysis h5 {
    min-width: 10rem;
  }
  .countryAnalysis .title_wrap {
    max-width: none;
    gap: 1.2rem;
  }
  .countryAnalysis .explanation {
    max-width: 48rem;
    margin: 0.4rem 0 4.8rem;
    font-size: 5.6rem;
  }
  .countryAnalysis select,
  .countryAnalysis .select_custom .select_value {
    margin: 0;
    padding: 2.4rem 3rem;
    font-size: 3.6rem;
  }
  .countryAnalysis .title {
    padding-bottom: 3rem;
  }
  .countryAnalysis .title h4 {
    font-size: 3.6rem;
  }
  .countryAnalysis .title .linkMove {
    gap: 1.2rem;
  }
  .countryAnalysis .icons.arrow {
    width: 2.7rem;
    height: 2.7rem;
  }
  .countryAnalysis .icons.arrow::before, .countryAnalysis .icons.arrow::after {
    border-width: 0.4rem;
  }
  .countryAnalysis .countryInfor,
  .countryAnalysis .recentData {
    padding: 3rem;
  }
  .countryAnalysis .countryInforListWrap {
    padding: 3rem 0;
  }
  .countryAnalysis .countryInforListWrap ul {
    gap: 1.2rem;
  }
  .countryAnalysis .subInfor {
    padding-top: 3rem;
    gap: 1rem;
  }
  .countryAnalysis .subInfor h5 {
    display: block;
  }
  .countryAnalysis .plag figure {
    min-width: 4rem;
    height: 4rem;
  }
  .countryAnalysis .swiper-slide li {
    padding: 3rem 0;
  }
  .countryAnalysis .swiper-slide a {
    gap: 2rem;
  }
  .countryAnalysis .swiper-slide a > figure {
    width: 18rem;
    height: 18rem;
  }
  .countryAnalysis .swiper-slide a h5 {
    -webkit-line-clamp: 2;
  }
  .countryAnalysis .swiper-slide .infor {
    gap: 0.8rem;
  }
  .countryAnalysis .swiper-slide .infor span {
    font-size: 2.4rem;
  }
  .countryAnalysis .swiper-slide .plag figure {
    width: 2.4rem;
    height: 2.4rem;
  }
  .countryAnalysis .swiper-button-box {
    gap: 1.6rem;
  }
  .countryAnalysis .swiper-pagination {
    font-size: 2.4rem;
  }
  .countryAnalysis_chart {
    width: 160% !important;
    left: 40%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

/* ####### 해외여행안전정보 ####### */
.overseasSafety ul {
  border-top: 0.2rem solid #12203A;
  color: #999;
  font-size: 1.6rem;
  font-weight: 500;
}

.overseasSafety ul * {
  font-size: inherit;
  color: inherit;
}

.overseasSafety ul li {
  padding: 2rem 0;
  border-bottom: 0.1rem solid #9fa6bd;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 13rem auto 10rem;
      grid-template-columns: 13rem auto 10rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.overseasSafety ul li a {
  color: #12203A;
  font-size: 2rem;
  font-weight: 400;
}

.overseasSafety ul li a:hover, .overseasSafety ul li a:focus-visible {
  text-decoration: underline;
}

.overseasSafety ul li .date {
  font-weight: 400;
  text-align: right;
}

@media (max-width: 750px) {
  .overseasSafety ul {
    margin-top: 6rem;
    font-size: 2.8rem;
  }
  .overseasSafety ul li {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 0;
    row-gap: 3rem;
  }
  .overseasSafety ul li a {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1 / span 3;
    -webkit-line-clamp: 2 !important;
    font-size: 3.2rem;
  }
}

/* ####### 공관 활동 현황 ####### */
.activityStatus .explanation {
  max-width: none;
}

.activityStatus .slide_wrap,
.activityStatus .content_list {
  color: #999;
  font-size: 1.6rem;
}

.activityStatus .slide_wrap *,
.activityStatus .content_list * {
  color: inherit;
  font-size: inherit;
}

.activityStatus .swiper-slide a,
.activityStatus .content_list_item a {
  padding: 1.6rem 0 2rem;
  border-top: 0.1rem solid #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.8rem;
}

.activityStatus .swiper-slide a:hover h4, .activityStatus .swiper-slide a:focus-visible h4,
.activityStatus .content_list_item a:hover h4,
.activityStatus .content_list_item a:focus-visible h4 {
  text-decoration: underline;
}

.activityStatus .swiper-slide a > figure,
.activityStatus .content_list_item a > figure {
  height: 20rem;
  margin-bottom: 0;
}

.activityStatus .swiper-slide a > figure img,
.activityStatus .content_list_item a > figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.activityStatus .swiper-slide h4, .activityStatus .swiper-slide p,
.activityStatus .content_list_item h4,
.activityStatus .content_list_item p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #111;
}

.activityStatus .swiper-slide h4,
.activityStatus .content_list_item h4 {
  height: 5rem;
  font-size: 2rem;
}

.activityStatus .swiper-slide p,
.activityStatus .content_list_item p {
  height: 6.2rem;
  -webkit-line-clamp: 3;
}

.activityStatus .swiper-slide .infor,
.activityStatus .content_list_item .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.activityStatus .swiper-slide .title,
.activityStatus .content_list_item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: inherit;
}

.activityStatus .swiper-slide .date,
.activityStatus .content_list_item .date {
  margin: 0;
  font-size: 1.4rem;
}

.activityStatus .swiper-slide .etc,
.activityStatus .content_list_item .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 1.4rem;
}

.activityStatus .swiper-slide .etc span::before,
.activityStatus .content_list_item .etc span::before {
  margin: 0 1.2rem;
  font-weight: 400;
}

.activityStatus .swiper-slide:last-child,
.activityStatus .content_list_item:last-child {
  margin-right: 0;
}

.activityStatus .swiper-button-box {
  margin: 0 50%;
}

.activityStatus .swiper-button-box .swiper-button-prev,
.activityStatus .swiper-button-box .swiper-button-next {
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #ffffff80;
  background-color: #12203bb3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.activityStatus .swiper-button-box .swiper-button-prev:hover, .activityStatus .swiper-button-box .swiper-button-prev:focus-visible,
.activityStatus .swiper-button-box .swiper-button-next:hover,
.activityStatus .swiper-button-box .swiper-button-next:focus-visible {
  background-color: #12203be6;
}

.activityStatus .swiper-button-box .swiper-button-prev::before,
.activityStatus .swiper-button-box .swiper-button-next::before {
  border-width: 0.4rem;
  border-color: #fff;
}

.activityStatus .swiper-button-box .swiper-button-prev {
  left: -6%;
}

.activityStatus .swiper-button-box .swiper-button-next {
  right: -6%;
}

.sub_page .activityStatus .content_list {
  gap: 2rem;
}

.sub_page .activityStatus .content_list_item {
  border-top: 0;
}

@media (max-width: 750px) {
  .activityStatus .slide_wrap {
    margin-top: 6rem;
    padding-bottom: 10rem;
  }
  .activityStatus .slide_box {
    width: 100%;
  }
  .activityStatus .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.8rem;
  }
  .activityStatus .swiper-slide a {
    width: 100%;
    margin: 0;
    padding: 3rem 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4rem;
  }
  .activityStatus .swiper-slide a > figure {
    width: 100%;
    height: 34.2rem;
  }
  .activityStatus .swiper-slide h4 {
    height: 8.2rem;
    font-size: 3.2rem;
  }
  .activityStatus .swiper-slide p {
    height: 11rem;
    font-size: inherit;
  }
  .activityStatus .swiper-slide .infor {
    gap: 1.6rem;
  }
  .activityStatus .swiper-slide .title {
    gap: 2rem;
  }
  .activityStatus .swiper-button-box {
    display: none;
  }
  .activityStatus .swiper-pagination {
    font-size: 3.6rem;
  }
  .activityStatus .seeAll {
    position: absolute;
  }
  .activityStatus .date {
    display: none;
  }
  .sub_page .activityStatus .content_list {
    gap: 2rem;
  }
  .sub_page .activityStatus .content_list_item a {
    padding: 2rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 2rem;
  }
  .sub_page .activityStatus .content_list_item a > figure {
    width: 21rem;
    height: 21rem;
    border-radius: 0.4rem;
    overflow: hidden;
  }
  .sub_page .activityStatus .content_list_item h4, .sub_page .activityStatus .content_list_item p {
    height: auto;
    font-size: 3.2rem;
    line-height: 1.2;
  }
  .sub_page .activityStatus .content_list_item p {
    font-size: 2.8rem;
    -webkit-line-clamp: 2;
  }
  .sub_page .activityStatus .content_list_item .title {
    gap: 1.6rem;
  }
  .sub_page .activityStatus .content_list_item .infor {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2rem;
  }
  .sub_page .activityStatus .content_list_item .etc {
    font-size: 2.8rem;
  }
}

/* ####### 최신 글로벌 채용정보 ####### */
.recruitmentInfor {
  margin-bottom: 7.2rem;
  padding-top: 18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.recruitmentInfor .title_wrap {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.recruitmentInfor .globalRecruitmentInfor {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0.2rem solid #12203A;
  color: #222;
  font-size: 3.2rem;
  font-weight: bold;
}

.recruitmentInfor .globalRecruitmentInfor * {
  color: inherit;
  font-size: inherit;
}

.recruitmentInfor .globalRecruitmentInfor li {
  width: calc(100% / 3);
  min-width: 23rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.2rem solid #D4D4D4;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.recruitmentInfor .globalRecruitmentInfor li.active {
  background-color: #1426a8;
  color: #fff;
}

.recruitmentInfor .globalRecruitmentInfor li.active .icons.check {
  background-color: #fff;
}

.recruitmentInfor .globalRecruitmentInfor li.active .icons.check::before {
  border-color: #1426a8;
}

.recruitmentInfor .globalRecruitmentInfor li:nth-child(3) a, .recruitmentInfor .globalRecruitmentInfor li:nth-child(6) a {
  border-right: 0;
}

.recruitmentInfor .globalRecruitmentInfor a {
  width: 100%;
  margin: 2rem 0;
  padding: 1.2rem 3.2rem;
  padding-left: 5.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 0.1rem solid #D4D4D4;
}

.recruitmentInfor .globalRecruitmentInfor a:hover h4, .recruitmentInfor .globalRecruitmentInfor a:focus-visible h4 {
  text-decoration: underline;
}

.recruitmentInfor .globalRecruitmentInfor h4 {
  font-size: 2rem;
  font-weight: 400;
}

.recruitmentInfor .globalRecruitmentInfor .icons.check {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 4.6rem;
  height: 4.6rem;
}

.recruitmentInfor .globalRecruitmentInfor .icons.check::before {
  border-width: 0.2rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.recruitmentInfor .seeAll {
  position: unset;
}

.recruitmentInforList {
  padding-bottom: 18rem;
  position: relative;
}

.recruitmentInforList .slide_wrap {
  color: #111;
  font-size: 1.4rem;
}

.recruitmentInforList .slide_wrap * {
  color: inherit;
  font-size: inherit;
}

.recruitmentInforList .slide_wrap h4 {
  height: 13.2rem;
  font-size: 2rem;
  font-weight: 500;
}

.recruitmentInforList .slide_box {
  overflow: hidden;
}

.recruitmentInforList .swiper-slide {
  border-top: 0.3rem solid #111;
}

.recruitmentInforList a {
  padding: 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.recruitmentInforList a:hover, .recruitmentInforList a:focus-visible {
  background-color: #1426a8;
  color: #fff;
}

.recruitmentInforList a:hover h4, .recruitmentInforList a:focus-visible h4 {
  text-decoration: underline;
}

.recruitmentInforList a:hover hr, .recruitmentInforList a:focus-visible hr {
  border-color: #fff;
}

.recruitmentInforList a:hover .subTit, .recruitmentInforList a:focus-visible .subTit {
  color: inherit;
}

.recruitmentInforList hr {
  margin: 0.2rem 0;
  border: 0;
  border-top: 0.1rem solid #999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.recruitmentInforList .subTit {
  color: #1426a8;
  font-size: 1.6rem;
  font-weight: 500;
}

.recruitmentInforList .date {
  color: #999;
}

.recruitmentInforList .swiper-button-box {
  margin: 0 50%;
}

.recruitmentInforList .swiper-button-box .swiper-button-prev,
.recruitmentInforList .swiper-button-box .swiper-button-next {
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #ffffff80;
  background-color: #12203bb3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.recruitmentInforList .swiper-button-box .swiper-button-prev:hover, .recruitmentInforList .swiper-button-box .swiper-button-prev:focus-visible,
.recruitmentInforList .swiper-button-box .swiper-button-next:hover,
.recruitmentInforList .swiper-button-box .swiper-button-next:focus-visible {
  background-color: #12203be6;
}

.recruitmentInforList .swiper-button-box .swiper-button-prev::before,
.recruitmentInforList .swiper-button-box .swiper-button-next::before {
  border-width: 0.4rem;
  border-color: #fff;
}

.recruitmentInforList .swiper-button-box .swiper-button-prev {
  left: -6%;
}

.recruitmentInforList .swiper-button-box .swiper-button-next {
  right: -6%;
}

@media (max-width: 750px) {
  .recruitmentInfor {
    margin-bottom: 0;
  }
  .recruitmentInfor .globalRecruitmentInfor {
    display: none;
  }
  .recruitmentInfor .explanation {
    max-width: 53rem;
    margin-bottom: 6rem;
  }
  .recruitmentInfor .seeAll {
    position: absolute;
  }
  .recruitmentInforList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruitmentInforList .slide_wrap {
    padding-bottom: 10rem;
    font-size: 2.8rem;
  }
  .recruitmentInforList .slide_wrap h4 {
    height: 18.8rem;
    font-size: 3.6rem;
    -webkit-line-clamp: 4;
  }
  .recruitmentInforList .slide_box {
    width: 100%;
  }
  .recruitmentInforList .swiper-wrapper {
    height: calc((42rem * 2) + 2.5rem) !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2rem;
  }
  .recruitmentInforList .swiper-slide {
    width: calc(50% - 1rem) !important;
    height: 42rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.8rem;
  }
  .recruitmentInforList .swiper-slide a {
    width: 100%;
    margin: 0;
    padding: 3rem;
    gap: 2rem;
  }
  .recruitmentInforList .swiper-slide hr {
    margin: 0;
  }
  .recruitmentInforList .swiper-slide .flexCenter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .recruitmentInforList .swiper-button-box {
    display: none;
  }
  .recruitmentInforList .swiper-pagination {
    font-size: 3.6rem;
  }
  .recruitmentInforList .subTit {
    font-size: inherit;
  }
  .recruitmentInforList .seeAll {
    position: absolute;
  }
}

/* ####### 외교부 전체 일정 ####### */
.schedule {
  max-width: 140rem;
  color: #111;
  font-size: 1.6rem;
}

.schedule * {
  color: inherit;
  font-size: inherit;
}

.schedule .controlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  gap: 2rem;
  position: relative;
}

.schedule .controlBox .radioBox span {
  color: #5D5F64;
  background-color: #E5E5E5;
  border-color: transparent;
}

.schedule .datepickerBox .datepicker {
  max-width: 36rem;
  padding: 0 1rem;
  padding-right: 5rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
}

.schedule .datepickerBox .icons {
  width: 3.2rem;
  height: 3.2rem;
}

.schedule .slide_box {
  margin-top: 4.4rem;
}

.schedule .swiper-wrapper .chip {
  color: #fff;
}

.schedule .swiper-wrapper .dateBox {
  color: #C4C4C4;
  font-size: 1.8rem;
  font-weight: 500;
}

.schedule .swiper-wrapper .dateBox span:not(:first-child)::before {
  content: "-";
  margin: 0;
}

.schedule .swiper-wrapper h4 {
  height: 5rem;
  margin-top: 2.4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}

.schedule .swiper-wrapper p {
  height: 4rem;
}

.schedule .swiper-wrapper .chip, .schedule .swiper-wrapper h4, .schedule .swiper-wrapper p {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.schedule .swiper-slide {
  position: relative;
  max-height: 23.6rem;
  border-top: 0.1rem solid #DCDCDC;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.schedule .swiper-slide::before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 5rem;
  background-color: #12203A;
  display: inline-block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.schedule .swiper-slide.dayOff .chip {
  background-color: #1426a8;
}

.schedule .swiper-slide.dayOff h4, .schedule .swiper-slide.dayOff p {
  color: #1426a8;
}

.schedule .swiper-slide.pass * {
  -webkit-filter: opacity(0.65);
          filter: opacity(0.65);
}

.schedule .swiper-slide.none {
  display: none !important;
}

.schedule .swiper-button-box {
  margin: 0 50%;
}

.schedule .swiper-button-box .swiper-button-prev,
.schedule .swiper-button-box .swiper-button-next {
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid #ffffff80;
  background-color: #12203bb3;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.schedule .swiper-button-box .swiper-button-prev:hover, .schedule .swiper-button-box .swiper-button-prev:focus-visible,
.schedule .swiper-button-box .swiper-button-next:hover,
.schedule .swiper-button-box .swiper-button-next:focus-visible {
  background-color: #12203be6;
}

.schedule .swiper-button-box .swiper-button-prev::before,
.schedule .swiper-button-box .swiper-button-next::before {
  border-width: 0.4rem;
  border-color: #fff;
}

.schedule .swiper-button-box .swiper-button-prev {
  left: -6%;
}

.schedule .swiper-button-box .swiper-button-next {
  right: -6%;
}

.schedule .swiper-scrollbar {
  display: block;
}

.schedule.nodata .slide_wrap {
  margin-top: 4.4rem;
}

@media (max-width: 750px) {
  .schedule {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 2.8rem;
  }
  .schedule .explanation {
    margin-bottom: 3.2rem;
  }
  .schedule .controlBox {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .schedule .datepickerBox .datepicker {
    max-width: 24rem;
    padding-right: 4rem;
    font-size: 3.2rem;
  }
  .schedule .datepickerBox .icons {
    width: 2.5rem;
    height: 2.5rem;
  }
  .schedule .slide_box {
    width: 100%;
    margin-top: 6rem;
    overflow: hidden;
  }
  .schedule .swiper-wrapper {
    height: calc((31.2rem * 4) + 9rem) !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 3rem;
  }
  .schedule .swiper-wrapper h4 {
    height: 9.4rem;
    font-size: 3.6rem;
  }
  .schedule .swiper-wrapper p {
    height: 7.2rem;
  }
  .schedule .swiper-wrapper .dateBox {
    font-size: inherit;
  }
  .schedule .swiper-slide {
    width: 100% !important;
    min-height: 31.2rem !important;
    padding: 3rem 0 3rem;
    border-top: 0.6rem solid #12203A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .schedule .swiper-slide::before {
    display: none;
  }
  .schedule .swiper-button-box {
    display: none;
  }
  .schedule .seeAll {
    position: absolute;
  }
}

/* ####### 글로벌 공공데이터 개방목록 ####### */
.globalOpenlist {
  margin-bottom: 2rem;
  padding-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  position: relative;
}

.globalOpenlist * {
  color: inherit;
  font-size: inherit;
}

.globalOpenlist h4 {
  height: 5.6rem;
  font-size: 2rem;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.globalOpenlist li a {
  height: 100%;
  padding: 3.2rem 3.2rem 2.4rem;
  border: 0.1rem solid #DCDCDC;
  border-radius: 0.4rem;
  background-color: #ffffff1a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.globalOpenlist li a:hover, .globalOpenlist li a:focus-visible {
  border-color: transparent;
  background-color: #1426a8;
  color: #fff;
}

.globalOpenlist li a:hover hr, .globalOpenlist li a:focus-visible hr {
  border-color: #fff;
}

.globalOpenlist li a:hover h4, .globalOpenlist li a:focus-visible h4 {
  text-decoration: underline;
}

.globalOpenlist hr {
  margin-top: 4.8rem;
  margin-bottom: 1.4rem;
  border-top: 0.1rem solid #C4C4D6;
}

.globalOpenlist .title_wrap {
  max-width: calc((100% - 2rem) / 3);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.globalOpenlist .seeAll {
  margin-top: auto;
  position: unset;
}

.globalOpenlist .slide_wrap {
  width: 100%;
  color: #111;
  font-size: 1.6rem;
}

.globalOpenlist .slide_wrap .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      grid-template-areas: "none slideItem_1 slideItem_2" "slideItem_3 slideItem_4 slideItem_5";
  gap: 2rem;
}

.globalOpenlist .slide_wrap .swiper-slide:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: slideItem_1;
}

.globalOpenlist .slide_wrap .swiper-slide:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: slideItem_2;
}

.globalOpenlist .slide_wrap .swiper-slide:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: slideItem_3;
}

.globalOpenlist .slide_wrap .swiper-slide:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: slideItem_4;
}

.globalOpenlist .slide_wrap .swiper-slide:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: slideItem_5;
}

.globalOpenlist .swiper-scrollbar {
  display: none;
}

.globalOpenlist.nodata .swiper-wrapper > * {
  display: none;
}

.globalOpenlist.nodata .swiper-wrapper li:first-child {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / span 2;
  min-height: 21.6rem;
  border-top: 0.2rem solid #B8Bcc4;
  border-bottom: 0.1rem solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 500;
}

.globalOpenlist.nodata .swiper-wrapper li:first-child > * {
  display: none;
}

.globalOpenlist.nodata .swiper-wrapper li:first-child::before {
  content: '';
  width: 6rem;
  height: 6rem;
  background-image: url(../../asset/img/nodata/nodata.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.globalOpenlist.nodata .swiper-wrapper li:first-child::after {
  content: '데이터가 없습니다.';
}

@media (max-width: 750px) {
  .globalOpenlist {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .globalOpenlist h4 {
    height: 21rem;
    -webkit-line-clamp: 5;
    font-size: 3.2rem;
  }
  .globalOpenlist hr {
    margin: 2.2rem 0;
  }
  .globalOpenlist li a {
    padding: 4rem;
  }
  .globalOpenlist .title_wrap {
    max-width: none;
    position: unset;
    font-size: 2.8rem;
  }
  .globalOpenlist .seeAll {
    position: absolute;
  }
  .globalOpenlist .slide_wrap {
    font-size: 2.8rem;
  }
  .globalOpenlist .slide_wrap .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
  .globalOpenlist .swiper-scrollbar {
    display: block;
  }
  .globalOpenlist.nodata .slide_wrap {
    height: 40rem;
    border-top: 0.2rem solid #B8Bcc4;
    border-bottom: 0.1rem solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
    color: #666;
    font-size: 2.8rem;
    font-weight: 500;
  }
  .globalOpenlist.nodata .slide_wrap > * {
    display: none !important;
  }
  .globalOpenlist.nodata .slide_wrap::before {
    content: '';
    width: 10rem;
    height: 10rem;
    background-image: url(../../asset/img/nodata/nodata.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  .globalOpenlist.nodata .slide_wrap::after {
    content: '데이터가 없습니다.';
  }
}

/* ####### 이용자 가이드 & 공지사항 ####### */
.landingBtn {
  margin: 10rem auto 5.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  color: #12203A;
  font-size: 2rem;
}

.landingBtn * {
  color: inherit;
  font-size: inherit;
}

.landingBtn h4 {
  font-size: 3.2rem;
}

.landingBtn a {
  padding: 4rem 3.2rem;
  border-top: 0.3rem solid #000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}

.landingBtn a:hover p, .landingBtn a:focus-visible p {
  text-decoration: underline;
}

.landingBtn a:hover i.icons.circleArrow, .landingBtn a:focus-visible i.icons.circleArrow {
  -webkit-transform: rotate(-45deg) scale(1.1);
          transform: rotate(-45deg) scale(1.1);
}

.landingBtn p {
  margin-top: 0.4rem;
  color: #222;
}

.landingBtn i {
  width: 4.6rem;
  height: 4.6rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.landingBtn i.icons.circleArrow::before {
  width: 30%;
  height: 30%;
}

.landingBtn i.icons.circleArrow::after {
  width: 48%;
}

@media (max-width: 750px) {
  .landingBtn {
    margin: 20rem 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.8rem;
  }
  .landingBtn a {
    padding: 3.2rem 0;
    border-width: 0.6rem;
  }
  .landingBtn a i.icons::before, .landingBtn a i.icons::after {
    border-width: 0.4rem;
  }
  .landingBtn p {
    margin-top: 1.6rem;
  }
}

/* ####### 관련태그 ####### */
/* ####### 언급량 추이 ####### */
.mentionAmount .chartWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 2rem;
}

.mentionAmount .chartBox {
  min-height: 40.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.mentionAmount .chartBox:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

@media (max-width: 750px) {
  .mentionAmount .chartWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 2rem;
            column-gap: 2rem;
  }
  .mentionAmount .chartBox {
    min-height: 40.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .mentionAmount .chartBox:first-child {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}

/* ####### 관련 문서 ####### */
.relatedDocument .thumbnail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.relatedDocument .tabBtn {
  margin-bottom: 2rem;
}

.relatedDocument .content_line {
  min-height: auto;
  border-width: 0.1rem;
  text-align: left;
  font-size: 1.6rem;
}

.relatedDocument .content_line * {
  font-size: inherit;
}

.relatedDocument .content_line_list {
  padding: 1.6rem 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}

.relatedDocument .content_line_list:not(:first-child) {
  margin: 1.6rem 0;
  border-top: 0.1rem solid #111;
}

.relatedDocument .content_line_list h4, .relatedDocument .content_line_list p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.relatedDocument .content_line_list h4 {
  color: #222;
  font-size: 2rem;
  -webkit-line-clamp: 1;
}

.relatedDocument .content_line_list p {
  -webkit-line-clamp: 3;
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.relatedDocument .news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.relatedDocument .news figure {
  border-radius: 0.4rem;
  overflow: hidden;
}

.relatedDocument .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: keep-all;
}

.relatedDocument .infor a {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.4rem;
  font-weight: bold;
}

.relatedDocument .infor a:hover, .relatedDocument .infor a:focus-visible {
  background-color: transparent;
  text-decoration: underline;
}

.relatedDocument .infor .plag span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  color: #999;
  font-size: 1.4rem;
}

.relatedDocument .infor .plag span:not(:nth-child(2))::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  display: inline-block;
  background-color: #999;
}

.relatedDocument.nodata .content .content_header,
.relatedDocument.nodata .content .paginationWrap {
  display: none !important;
}

.relatedDocument.nodata .content .content_line,
.relatedDocument.nodata .content .content_list {
  height: 39.7rem;
  border-top: 0.2rem solid #B8Bcc4;
  border-bottom: 0.1rem solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 500;
}

.relatedDocument.nodata .content .content_line > *,
.relatedDocument.nodata .content .content_list > * {
  display: none !important;
}

.relatedDocument.nodata .content .content_line::before,
.relatedDocument.nodata .content .content_list::before {
  content: '';
  width: 6rem;
  height: 6rem;
  background-image: url(../../asset/img/nodata/nodata.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.relatedDocument.nodata .content .content_line::after,
.relatedDocument.nodata .content .content_list::after {
  content: '데이터가 없습니다.';
}

@media (max-width: 750px) {
  .relatedDocument .tabBtn {
    margin-bottom: 4.2rem;
  }
  .relatedDocument .content_line {
    font-size: 2.4rem;
  }
  .relatedDocument .content_line_list {
    padding: 2.4rem 0;
    gap: 1.6rem;
  }
  .relatedDocument .content_line_list h4 {
    margin-bottom: 1.6rem;
    font-size: 3.2rem;
    -webkit-line-clamp: 2;
  }
  .relatedDocument .content_line_list p {
    -webkit-line-clamp: 4;
  }
  .relatedDocument .infor .plag span {
    font-size: inherit;
  }
  .relatedDocument.nodata .content .content_line,
  .relatedDocument.nodata .content .content_list {
    height: 40rem;
    padding: 0;
    gap: 2rem;
    font-size: 2.8rem;
  }
  .relatedDocument.nodata .content .content_line::before,
  .relatedDocument.nodata .content .content_list::before {
    width: 10rem;
    height: 10rem;
  }
}

/* ####### 인물분석 ####### */
/* ####### 외교 인사이트_키워드리스트 ####### */
.insight_keyword_list {
  margin: 4rem auto;
  margin-bottom: 5.6rem;
}

.insight_keyword_list .datepickerBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  font-size: 1.6rem;
}

.insight_keyword_list .datepickerBox * {
  font-size: inherit;
}

.insight_keyword_list .datepickerBox input {
  padding: 0;
  padding-right: 2rem;
  color: #222;
}

.insight_keyword_list .datepickerBox .calendar {
  right: 0;
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.insight_keyword_list .datepickerBox .btnBox {
  display: none;
}

.insight_keyword_list .keyword_warp {
  padding: 2rem 0;
  border-top: 0.3rem solid #B8BCC4;
  border-bottom: 0.1rem solid #B8BCC4;
}

.insight_keyword_list.nodata .keyword_warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.insight_keyword_list.nodata .keyword_warp .keyword_list {
  display: none;
}

.insight_keyword_list.nodata .keyword_warp::before {
  content: '';
  width: 6rem;
  height: 6rem;
  background-image: url(../../asset/img/nodata/nodata.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.insight_keyword_list.nodata .keyword_warp::after {
  content: '데이터가 없습니다.';
}

.insight_keyword_list.nodata .keywordMoreBtn {
  display: none;
}

@media (max-width: 750px) {
  .insight_keyword_list {
    margin: 5.6rem auto;
    margin-bottom: 6.4rem;
  }
  .insight_keyword_list .content_header {
    margin-bottom: 3.2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .insight_keyword_list .countBox {
    display: none;
  }
  .insight_keyword_list .datepickerBox {
    font-size: 4.8rem;
  }
  .insight_keyword_list .datepickerBox input {
    padding-right: 5rem;
    font-weight: bold;
  }
  .insight_keyword_list .datepickerBox span {
    display: none;
  }
  .insight_keyword_list .datepickerBox i.icons {
    width: 4rem;
    height: 4rem;
  }
  .insight_keyword_list .datepickerBox .btnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .insight_keyword_list .keyword_warp {
    padding: 3.2rem 0;
  }
  .insight_keyword_list.nodata .keyword_warp {
    gap: 2rem;
    font-size: 2.8rem;
  }
  .insight_keyword_list.nodata .keyword_warp::before {
    width: 10rem;
    height: 10rem;
  }
}

/* ####### 글로벌 공공데이터 ####### */
.globalList .content_line li.content_line_header,
.globalList .content_line li a {
  -ms-grid-columns: 8rem 1fr 30rem 16rem;
      grid-template-columns: 8rem 1fr 30rem 16rem;
}

@media (max-width: 750px) {
  .globalList .content_line li.content_line_header,
  .globalList .content_line li a {
    -ms-grid-columns: 4fr 1fr;
        grid-template-columns: 4fr 1fr;
  }
  .globalList .content_line li .titleIconBox {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    font-size: 3.2rem;
  }
}

/* ####### 공지사항 리스트 ####### */
.noticeList .content_line li.content_line_header,
.noticeList .content_line li a {
  -ms-grid-columns: 8rem 1fr 16rem 16rem;
      grid-template-columns: 8rem 1fr 16rem 16rem;
}

@media (max-width: 750px) {
  .noticeList .content_line {
    -webkit-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 2rem;
  }
  .noticeList .content_line li.content_line_header,
  .noticeList .content_line li a {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .noticeList .content_line li a {
    padding: 3.2rem 2rem;
  }
  .noticeList .content_line li .date,
  .noticeList .content_line li .views {
    color: #444;
  }
  .noticeList .content_line li .title {
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .noticeList .content_line li .date {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
  .noticeList .content_line li .views {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
}

/* ####### 글로벌 채용정보 ####### */
.globalJobs .content_list {
  -ms-grid-columns: (minmax(35%, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
  gap: 2rem;
}

.globalJobs .content_list_item {
  font-size: 1.6rem;
}

.globalJobs .content_list_item * {
  font-size: inherit;
}

.globalJobs .content_list_item a {
  padding: 3.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 0 0 0.4rem 0.4rem;
}

.globalJobs .content_list_item h4 {
  height: auto;
  color: #222;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.globalJobs .content_list_item h4, .globalJobs .content_list_item .ability {
  font-size: 2rem;
  font-weight: 500;
}

.globalJobs .content_list_item .title_wrap {
  margin: 0;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #B8BCC4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2rem;
}

.globalJobs .content_list_item .title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 1.8rem;
}

.globalJobs .content_list_item .title .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.8rem;
          column-gap: 0.8rem;
  row-gap: 1.2rem;
}

.globalJobs .content_list_item .plag figure {
  height: 2rem;
  margin: 0;
}

.globalJobs .content_list_item .chip {
  padding: 0.4rem 1.2rem;
  background-color: #EBEEFF;
  color: #1426a8;
  font-size: 1.4rem;
}

.globalJobs .content_list_item .etc {
  padding-top: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1.2rem;
  font-size: 1.4rem;
  color: #666;
}

.globalJobs .content_list_item .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}

.globalJobs .content_list_item .infor span:not(:first-child)::before {
  content: 'l';
  margin: 0 2rem;
  color: #ddd;
}

.globalJobs .content_list_item .date {
  margin-top: 0;
}

.globalJobs .content_list_item .date::before {
  display: none;
}

@media (max-width: 750px) {
  .globalJobs .content_list {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .globalJobs .content_list_item {
    font-size: 2.8rem;
  }
  .globalJobs .content_list_item h4 {
    font-size: 3.2rem;
    -webkit-line-clamp: 2;
  }
  .globalJobs .content_list_item .title_wrap {
    padding-bottom: 3.2rem;
    gap: 2rem;
  }
  .globalJobs .content_list_item .title {
    gap: 2.4rem;
  }
  .globalJobs .content_list_item .title .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .globalJobs .content_list_item .chip,
  .globalJobs .content_list_item .ability {
    font-size: 2.4rem;
  }
  .globalJobs .content_list_item .etc {
    padding-top: 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: inherit;
  }
  .globalJobs .content_list_item .etc * {
    font-weight: 400;
  }
}

/* ####### 이용자 가이드 ####### */
.guide_list_wrap .guide_list {
  padding: 2rem 0;
  border-bottom: 0.1rem solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
  row-gap: 4rem;
  font-size: 2rem;
  font-weight: 500;
}

.guide_list_wrap .guide_list h4 {
  min-width: 20rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222;
  font-size: 2.4rem;
}

.guide_list_wrap .guide_list > * {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.guide_list_wrap .guide_list_item {
  min-width: 55rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  row-gap: 1rem;
  -webkit-column-gap: inherit;
          column-gap: inherit;
}

.guide_list_wrap .guide_list_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.guide_list_wrap .guide_list_item a:hover, .guide_list_wrap .guide_list_item a:focus-visible {
  color: #1426a8;
  text-decoration: underline;
}

.guide_list_wrap .guide_list_item a:hover i, .guide_list_wrap .guide_list_item a:focus-visible i {
  -webkit-filter: opacity(1);
          filter: opacity(1);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-animation: 0.6s bounce infinite alternate ease-in-out;
          animation: 0.6s bounce infinite alternate ease-in-out;
}

.guide_list_wrap i.icons.squareArrow {
  width: 1.6rem;
  height: 1.6rem;
  background-color: transparent;
  -webkit-filter: opacity(0);
          filter: opacity(0);
}

@-webkit-keyframes bounce {
  to {
    top: -4px;
  }
  from {
    top: 4px;
  }
}

@keyframes bounce {
  to {
    top: -4px;
  }
  from {
    top: 4px;
  }
}

.guide_detail {
  margin: 12rem auto;
}

.guide_detail h3 {
  margin-bottom: 1.6rem !important;
  color: #12203A !important;
  font-size: 4rem !important;
}

.guide_detail h4 {
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #222;
  font-size: 2.4rem;
}

.guide_detail ul {
  border-top: 0.3rem solid #111;
}

.guide_detail li {
  margin: 3.2rem 0;
  padding-bottom: 3.2rem;
  border-bottom: 0.1rem solid #DDD;
}

.guide_detail li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.guide_detail .page_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 4rem;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
}

.guide_detail .page_description p,
.guide_detail .page_description .description {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.6rem;
  white-space: pre-line;
}

.guide_detail figure {
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  overflow: hidden;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 750px) {
  .guide_list_wrap .guide_list {
    -webkit-column-gap: 1.5rem;
            column-gap: 1.5rem;
    font-size: 2.8rem;
  }
  .guide_list_wrap .guide_list:first-child {
    padding-top: 5.6rem;
  }
  .guide_list_wrap .guide_list h4 {
    font-size: 4rem;
  }
  .guide_list_wrap .guide_list > * {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .guide_list_wrap .guide_list_item {
    row-gap: inherit;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
  }
  .guide_list_wrap .guide_list_item a {
    gap: 0;
  }
  .guide_list_wrap .guide_list_item a:hover, .guide_list_wrap .guide_list_item a:focus-visible {
    color: #1426a8;
    text-decoration: underline;
  }
  .guide_list_wrap .guide_list_item a:hover i, .guide_list_wrap .guide_list_item a:focus-visible i {
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-animation: none;
            animation: none;
  }
  .guide_list_wrap i.icons.squareArrow {
    width: 3.2rem;
    height: 3.2rem;
    -webkit-filter: opacity(1) grayscale(1);
            filter: opacity(1) grayscale(1);
  }
  .guide_list_wrap i.icons.squareArrow::after {
    display: none;
  }
  .guide_list_wrap i.icons.squareArrow::before {
    border-width: 0.3rem;
    border-color: #12203A;
    left: 40%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
  .guide_detail h3 {
    margin-bottom: 2rem !important;
  }
  .guide_detail h4 {
    margin-bottom: 2rem;
    font-size: 3.2rem;
  }
  .guide_detail ul {
    border-top: 0.3rem solid #111;
  }
  .guide_detail li {
    margin: 4rem auto 6.4rem;
    padding-bottom: 6.4rem;
  }
  .guide_detail .page_description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .guide_detail p {
    font-size: 2.4rem;
  }
  .guide_detail .guideNumber {
    width: 3.2rem;
    height: 3.2rem;
  }
  .guide_detail .guideNumber::before {
    font-size: 2.4rem;
  }
  .guide_detail .linkMove_button {
    padding: 1.6rem 2.4rem;
    font-size: 2.4rem;
  }
  .guide_detail .linkMove_button i.icons::before, .guide_detail .linkMove_button i.icons::after {
    border-width: 0.3rem;
  }
  .guide_detail .linkMove_button i.icons::before {
    width: 44%;
    height: 44%;
  }
  .guide_detail .linkMove_button i.icons::after {
    width: 78%;
  }
}

/* ####### 팝업 ####### */
dialog.popup section {
  padding-right: 2rem;
}

dialog.popup section .scroll {
  overflow: auto;
  padding-right: 2rem;
}

dialog.popup section .scroll::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

dialog.popup section .scroll::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

dialog.popup section .scroll::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

dialog.popup section .scroll::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

dialog.popup section .scroll::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

dialog.popup article {
  margin-bottom: 6.4rem;
}

dialog.popup article h3 {
  padding-bottom: 1.2rem;
  border-bottom: 0.3rem solid #111;
  color: #111;
  font-size: 2rem;
  font-weight: 500;
}

dialog.popup.travelInfor .title_wrap {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}

dialog.popup.travelInfor .title_wrap h3 {
  padding-bottom: 0;
  border: 0;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
}

dialog.popup.travelInfor .title_wrap .inforBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  color: #222;
}

dialog.popup.travelInfor .title_wrap .inforBox p {
  color: #666;
  font-size: 1.4rem;
}

dialog.popup .name_wrap {
  color: #222;
  font-size: 1.6rem;
}

dialog.popup .name_wrap * {
  color: inherit;
  font-size: inherit;
}

dialog.popup .name_wrap h3 {
  border-bottom: 0;
  padding-bottom: 0;
  font-size: 2.4rem;
}

dialog.popup .information .content {
  margin-top: 0;
  -webkit-column-gap: 4.9rem;
          column-gap: 4.9rem;
}

dialog.popup .information .content > figure {
  width: 12.8rem;
  height: 17rem;
  margin-top: 1.6rem;
  border-radius: 0.4rem;
  overflow: hidden;
}

dialog.popup .information .content > figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

dialog.popup .information .plag {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

dialog.popup .mention h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 0.8rem;
}

dialog.popup .mention h3 span {
  color: #999;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
}

dialog.popup .mention .chartBox {
  min-height: 28rem;
}

dialog.popup .news {
  margin-bottom: 0;
}

dialog.popup .news h3 {
  border-bottom: 0;
  padding-bottom: 0;
}

dialog.popup .news .content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

dialog.popup .news .content_list {
  -ms-grid-columns: (minmax(25rem, auto))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(25rem, auto));
  gap: 2rem;
}

dialog.popup .news .content_list_item {
  border: 0.1rem solid #DDD;
  border-top: 0.3rem solid #111;
  border-radius: 0 0 0.4rem 0.4rem;
  color: #444;
  font-size: 1.4rem;
}

dialog.popup .news .content_list_item * {
  color: inherit;
  font-size: inherit;
}

dialog.popup .news .content_list_item a {
  padding: 1.2rem;
  gap: 0.8rem;
}

dialog.popup .news .content_list_item h4 {
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 500;
}

dialog.popup .news .content_list_item p {
  height: 9rem;
}

dialog.popup .news .content_list_item .infor {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

dialog.popup .news .content_list_item .infor span {
  margin: 0;
  color: #999;
  font-weight: 400;
}

dialog.popup .attachFileWrap {
  margin: 0;
}

dialog.popup .attachFileWrap .attachFile {
  padding-top: 1.6rem;
}

dialog.popup .travelInfor_contentBox {
  margin-bottom: 2rem;
}

dialog.popup .travelInfor_contentBox .content {
  height: 48rem;
  margin: 0;
  padding: 2.4rem;
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}

dialog.popup .travelInfor_contentBox .content::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

dialog.popup .travelInfor_contentBox .content::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

dialog.popup .travelInfor_contentBox .content::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

dialog.popup .travelInfor_contentBox .content::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

dialog.popup .travelInfor_contentBox .content::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

dialog.mainPopup {
  width: 45rem;
  -webkit-box-shadow: 0 0 1rem 0 #00000033;
          box-shadow: 0 0 1rem 0 #00000033;
}

dialog.mainPopup h2 {
  margin-bottom: 0.4rem;
  color: #12203A;
  font-size: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

dialog.mainPopup hr {
  border-top: 0.3rem solid #111;
}

dialog.mainPopup section {
  padding: 3.2rem;
  padding-bottom: 2.4rem;
}

dialog.mainPopup article {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.6rem;
  gap: 1.6rem;
}

dialog.mainPopup .content {
  height: 20rem;
  overflow: auto;
}

dialog.mainPopup .content::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}

dialog.mainPopup .content::-webkit-scrollbar-thumb {
  background-color: #1426a8;
  cursor: -webkit-grab;
  cursor: grab;
}

dialog.mainPopup .content::-webkit-scrollbar-thumb:hover {
  background-color: #1426a8;
}

dialog.mainPopup .content::-webkit-scrollbar-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

dialog.mainPopup .content::-webkit-scrollbar-track {
  background-color: #1426a81a;
}

dialog.mainPopup footer {
  padding: 1.4rem 3.6rem;
  background-color: #12203A;
  gap: 3.6rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}

dialog.mainPopup footer * {
  color: inherit !important;
  font-size: inherit;
  font-weight: inherit;
}

dialog.mainPopup footer > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

dialog.mainPopup footer .checkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

dialog.mainPopup footer .checkBox input[type='checkbox'] + span::before {
  width: 2.4rem;
  height: 2.4rem;
  background-color: transparent;
  border: 0.2rem solid #fff !important;
}

dialog.mainPopup footer .checkBox input[type='checkbox'] + span::after {
  width: 0.7rem;
  height: 1.1rem;
  top: 40%;
  left: 0.8rem;
}

dialog.mainPopup footer .checkBox input[type='checkbox']:checked + span::after {
  border-color: #fff;
}

dialog.mainPopup footer button {
  background-color: transparent;
  border: 0;
  color: #fff;
}

dialog.mainPopup footer button:hover, dialog.mainPopup footer button:focus-visible {
  text-decoration: underline;
}

dialog.mainPopup .date {
  margin-left: auto;
  color: #999;
}

@media (max-width: 750px) {
  dialog {
    max-width: none;
  }
  dialog.popup article {
    margin-bottom: 12rem;
  }
  dialog.popup article h3 {
    padding-bottom: 2rem;
    font-size: 3.6rem;
  }
  dialog.popup.travelInfor .title_wrap {
    margin-bottom: 4.8rem;
    gap: 2rem;
  }
  dialog.popup.travelInfor .title_wrap h3 {
    padding-bottom: 0;
    border: 0;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  dialog.popup.travelInfor .title_wrap .inforBox {
    border: 0;
  }
  dialog.popup.travelInfor .title_wrap .inforBox p {
    font-size: 2.8rem;
  }
  dialog.popup .name_wrap {
    margin-bottom: 5.6rem;
    color: #222;
    font-size: 2.8rem;
  }
  dialog.popup .name_wrap h3 {
    font-size: 3.8rem;
  }
  dialog.popup .information .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  dialog.popup .information .content > figure {
    width: 21rem;
    height: 28rem;
    margin: 4rem auto;
  }
  dialog.popup .information .snsWrap .flexWrap {
    gap: 1.6rem;
  }
  dialog.popup .information .snsWrap i.icons.sns {
    width: 5.6rem;
    height: 5.6rem;
  }
  dialog.popup .mention h3 {
    -webkit-column-gap: 1.4rem;
            column-gap: 1.4rem;
  }
  dialog.popup .mention h3 span {
    font-size: 2.2rem;
  }
  dialog.popup .news .content_list_item {
    font-size: 2rem;
  }
  dialog.popup .news .content_list_item a {
    padding: 1.6rem;
    gap: 1.2rem;
  }
  dialog.popup .news .content_list_item h4 {
    height: 7rem;
    font-size: 2.8rem;
  }
  dialog.popup .news .content_list_item p {
    height: 14.4rem;
    font-size: 2.2rem;
  }
  dialog.popup .attachFileWrap .attachFile {
    padding-top: 2rem;
  }
  dialog.popup .travelInfor_contentBox {
    margin-bottom: 4.8rem;
  }
  dialog.popup .travelInfor_contentBox .content {
    height: 42.4rem;
    margin: 0;
    padding: 2.4rem;
    border: 0.1rem solid #DDD;
    border-radius: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  dialog.mainPopup {
    width: 50rem;
  }
  dialog.mainPopup h2 {
    font-size: 3rem;
  }
  dialog.mainPopup article {
    font-size: 2rem;
  }
  dialog.mainPopup footer {
    gap: 1rem;
    font-size: 2rem;
  }
}

/* #################### 개방데이터(lod)_article별 레이아웃 #################### */
/* ####### list 공통 ####### */
.openDocList .content_line li.content_line_header,
.openDocList .content_line li a,
.openPubList .content_line li.content_line_header,
.openPubList .content_line li a,
.openBriefList .content_line li.content_line_header,
.openBriefList .content_line li a,
.openPressList .content_line li.content_line_header,
.openPressList .content_line li a {
  -ms-grid-columns: 1fr 12rem 12rem;
      grid-template-columns: 1fr 12rem 12rem;
}

.openDocList .content_line li .inforWarp p,
.openPubList .content_line li .inforWarp p,
.openBriefList .content_line li .inforWarp p,
.openPressList .content_line li .inforWarp p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.openDocList .content_line li .title,
.openPubList .content_line li .title,
.openBriefList .content_line li .title,
.openPressList .content_line li .title {
  -webkit-line-clamp: 3;
}

@media (max-width: 750px) {
  .openDocList .content_line li a,
  .openPubList .content_line li a,
  .openBriefList .content_line li a,
  .openPressList .content_line li a {
    row-gap: 1.6rem;
  }
  .openDocList .content_line li .number,
  .openPubList .content_line li .number,
  .openBriefList .content_line li .number,
  .openPressList .content_line li .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
  .openDocList .content_line li .inforWarp,
  .openPubList .content_line li .inforWarp,
  .openBriefList .content_line li .inforWarp,
  .openPressList .content_line li .inforWarp {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
    -ms-grid-row: 2;
    grid-row: 2;
    gap: 0.8rem;
  }
  .openDocList .content_line li .inforWarp h4,
  .openPubList .content_line li .inforWarp h4,
  .openBriefList .content_line li .inforWarp h4,
  .openPressList .content_line li .inforWarp h4 {
    margin-bottom: 0.8rem;
  }
  .openDocList .content_line li .inforWarp p,
  .openPubList .content_line li .inforWarp p,
  .openBriefList .content_line li .inforWarp p,
  .openPressList .content_line li .inforWarp p {
    font-size: 2.4rem;
  }
  .openDocList .content_line li .date,
  .openPubList .content_line li .date,
  .openBriefList .content_line li .date,
  .openPressList .content_line li .date {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    color: #666;
    font-size: 2.4rem;
  }
}

/* ####### 외교문서 공개목록_list ####### */
.openDocList .content_line li.content_line_header,
.openDocList .content_line li a {
  -ms-grid-columns: 10rem 1fr 10rem 10rem;
      grid-template-columns: 10rem 1fr 10rem 10rem;
}

@media (max-width: 750px) {
  .openDocList .content_line li a {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .openDocList .content_line li .production,
  .openDocList .content_line li .public {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 0.6rem;
    font-size: 2.4rem;
  }
  .openDocList .content_line li .production::before {
    content: '생산 연도:';
  }
  .openDocList .content_line li .public::before {
    content: '공간 연도:';
  }
}

/* ####### 외교안보연구소 발간자료_list ####### */
.openPubList .content_line li.content_line_header,
.openPubList .content_line li a {
  -ms-grid-columns: 12rem 1fr 12rem;
      grid-template-columns: 12rem 1fr 12rem;
}

@media (max-width: 750px) {
  .openPubList .content_line li a {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

/* ####### 외교부 브리핑_list ####### */
.openBriefList .content_line li.content_line_header,
.openBriefList .content_line li a {
  -ms-grid-columns: 1fr 12rem 12rem;
      grid-template-columns: 1fr 12rem 12rem;
}

.openBriefList .content_line li .inforWarp {
  padding-left: 2.4rem;
}

@media (max-width: 750px) {
  .openBriefList .content_line li a {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .openBriefList .content_line li .inforWarp {
    padding-left: 0;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .openBriefList .content_line li .department,
  .openBriefList .content_line li .date {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .openBriefList .content_line li .department {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #666;
    font-size: 2.4rem;
  }
}

/* ####### 외교부 보도자료_list ####### */
.openPressList .content_line li.content_line_header,
.openPressList .content_line li a {
  -ms-grid-columns: 1fr 22rem 12rem;
      grid-template-columns: 1fr 22rem 12rem;
}

.openPressList .content_line li .inforWarp {
  padding-left: 2.4rem;
}

@media (max-width: 750px) {
  .openPressList .content_line li a {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
  .openPressList .content_line li .inforWarp {
    padding-left: 0;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .openPressList .content_line li .department,
  .openPressList .content_line li .date {
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .openPressList .content_line li .department {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #666;
    font-size: 2.4rem;
  }
}

/* ####### 외교부_detail ####### */
.countryInfo .content,
.getSelectDetail .content,
.getDocDetails .content,
.getPubDetails .content,
.getBriefDetails .content,
.getPressDetails .content {
  min-width: 63rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
}

.countryInfo .content_detail_footer .dataBox,
.getSelectDetail .content_detail_footer .dataBox,
.getDocDetails .content_detail_footer .dataBox,
.getPubDetails .content_detail_footer .dataBox,
.getBriefDetails .content_detail_footer .dataBox,
.getPressDetails .content_detail_footer .dataBox {
  margin-bottom: 1.2rem;
}

.countryInfo .dataBox,
.getSelectDetail .dataBox,
.getDocDetails .dataBox,
.getPubDetails .dataBox,
.getBriefDetails .dataBox,
.getPressDetails .dataBox {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
}

.countryInfo .dataBox .dataBoxItem,
.getSelectDetail .dataBox .dataBoxItem,
.getDocDetails .dataBox .dataBoxItem,
.getPubDetails .dataBox .dataBoxItem,
.getBriefDetails .dataBox .dataBoxItem,
.getPressDetails .dataBox .dataBoxItem {
  margin: 0;
  border-bottom: 0.1rem solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.countryInfo .dataBox h5,
.getSelectDetail .dataBox h5,
.getDocDetails .dataBox h5,
.getPubDetails .dataBox h5,
.getBriefDetails .dataBox h5,
.getPressDetails .dataBox h5 {
  width: 12rem;
  padding: 1.2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #1425a80d;
  font-weight: 500;
  text-align: center;
}

.countryInfo .dataBox p,
.getSelectDetail .dataBox p,
.getDocDetails .dataBox p,
.getPubDetails .dataBox p,
.getBriefDetails .dataBox p,
.getPressDetails .dataBox p {
  min-width: 21rem;
  padding: 1.2rem 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.countryInfo .sourceBy,
.getSelectDetail .sourceBy,
.getDocDetails .sourceBy,
.getPubDetails .sourceBy,
.getBriefDetails .sourceBy,
.getPressDetails .sourceBy {
  font-size: 1.4rem;
}

.countryInfo .dataImgBox,
.getSelectDetail .dataImgBox,
.getDocDetails .dataImgBox,
.getPubDetails .dataImgBox,
.getBriefDetails .dataImgBox,
.getPressDetails .dataImgBox {
  margin-top: 6.4rem;
  padding: 2.4rem;
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.countryInfo .dataImgBox img,
.getSelectDetail .dataImgBox img,
.getDocDetails .dataImgBox img,
.getPubDetails .dataImgBox img,
.getBriefDetails .dataImgBox img,
.getPressDetails .dataImgBox img {
  width: 32rem;
  height: 28rem;
}

.countryInfo .content_list,
.getSelectDetail .content_list,
.getDocDetails .content_list,
.getPubDetails .content_list,
.getBriefDetails .content_list,
.getPressDetails .content_list {
  margin-top: 2rem;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

.countryInfo .content_list_item,
.getSelectDetail .content_list_item,
.getDocDetails .content_list_item,
.getPubDetails .content_list_item,
.getBriefDetails .content_list_item,
.getPressDetails .content_list_item {
  border: 0.1rem solid #DDD;
  border-radius: 0.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}

.countryInfo .content_list_item .inforBox,
.getSelectDetail .content_list_item .inforBox,
.getDocDetails .content_list_item .inforBox,
.getPubDetails .content_list_item .inforBox,
.getBriefDetails .content_list_item .inforBox,
.getPressDetails .content_list_item .inforBox {
  padding: 2rem;
  gap: 1.2rem;
}

.countryInfo .content_list_item .inforBox h5,
.getSelectDetail .content_list_item .inforBox h5,
.getDocDetails .content_list_item .inforBox h5,
.getPubDetails .content_list_item .inforBox h5,
.getBriefDetails .content_list_item .inforBox h5,
.getPressDetails .content_list_item .inforBox h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.countryInfo .content_list_item .inforBox a,
.getSelectDetail .content_list_item .inforBox a,
.getDocDetails .content_list_item .inforBox a,
.getPubDetails .content_list_item .inforBox a,
.getBriefDetails .content_list_item .inforBox a,
.getPressDetails .content_list_item .inforBox a {
  padding: 0;
  font-size: 0 !important;
}

.countryInfo .content_list_item .inforBox a i, .countryInfo .content_list_item .inforBox a path,
.getSelectDetail .content_list_item .inforBox a i,
.getSelectDetail .content_list_item .inforBox a path,
.getDocDetails .content_list_item .inforBox a i,
.getDocDetails .content_list_item .inforBox a path,
.getPubDetails .content_list_item .inforBox a i,
.getPubDetails .content_list_item .inforBox a path,
.getBriefDetails .content_list_item .inforBox a i,
.getBriefDetails .content_list_item .inforBox a path,
.getPressDetails .content_list_item .inforBox a i,
.getPressDetails .content_list_item .inforBox a path {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.countryInfo .content_list_item .inforBox a:hover i.icons.sns, .countryInfo .content_list_item .inforBox a:focus-visible i.icons.sns,
.getSelectDetail .content_list_item .inforBox a:hover i.icons.sns,
.getSelectDetail .content_list_item .inforBox a:focus-visible i.icons.sns,
.getDocDetails .content_list_item .inforBox a:hover i.icons.sns,
.getDocDetails .content_list_item .inforBox a:focus-visible i.icons.sns,
.getPubDetails .content_list_item .inforBox a:hover i.icons.sns,
.getPubDetails .content_list_item .inforBox a:focus-visible i.icons.sns,
.getBriefDetails .content_list_item .inforBox a:hover i.icons.sns,
.getBriefDetails .content_list_item .inforBox a:focus-visible i.icons.sns,
.getPressDetails .content_list_item .inforBox a:hover i.icons.sns,
.getPressDetails .content_list_item .inforBox a:focus-visible i.icons.sns {
  background-color: #fff;
  border: 0.1rem solid #12203A;
}

.countryInfo .content_list_item .inforBox a:hover i.icons.sns path, .countryInfo .content_list_item .inforBox a:focus-visible i.icons.sns path,
.getSelectDetail .content_list_item .inforBox a:hover i.icons.sns path,
.getSelectDetail .content_list_item .inforBox a:focus-visible i.icons.sns path,
.getDocDetails .content_list_item .inforBox a:hover i.icons.sns path,
.getDocDetails .content_list_item .inforBox a:focus-visible i.icons.sns path,
.getPubDetails .content_list_item .inforBox a:hover i.icons.sns path,
.getPubDetails .content_list_item .inforBox a:focus-visible i.icons.sns path,
.getBriefDetails .content_list_item .inforBox a:hover i.icons.sns path,
.getBriefDetails .content_list_item .inforBox a:focus-visible i.icons.sns path,
.getPressDetails .content_list_item .inforBox a:hover i.icons.sns path,
.getPressDetails .content_list_item .inforBox a:focus-visible i.icons.sns path {
  fill: #12203A !important;
}

.countryInfo .content_list_item .inforBox p,
.getSelectDetail .content_list_item .inforBox p,
.getDocDetails .content_list_item .inforBox p,
.getPubDetails .content_list_item .inforBox p,
.getBriefDetails .content_list_item .inforBox p,
.getPressDetails .content_list_item .inforBox p {
  height: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
  font-size: 1.4rem;
}

.countryInfo .content_list_item .inforBox p.address,
.getSelectDetail .content_list_item .inforBox p.address,
.getDocDetails .content_list_item .inforBox p.address,
.getPubDetails .content_list_item .inforBox p.address,
.getBriefDetails .content_list_item .inforBox p.address,
.getPressDetails .content_list_item .inforBox p.address {
  -webkit-line-clamp: 4;
}

.countryInfo .content_list_item .titleBox,
.getSelectDetail .content_list_item .titleBox,
.getDocDetails .content_list_item .titleBox,
.getPubDetails .content_list_item .titleBox,
.getBriefDetails .content_list_item .titleBox,
.getPressDetails .content_list_item .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.countryInfo .content_list_item .mapBox,
.getSelectDetail .content_list_item .mapBox,
.getDocDetails .content_list_item .mapBox,
.getPubDetails .content_list_item .mapBox,
.getBriefDetails .content_list_item .mapBox,
.getPressDetails .content_list_item .mapBox {
  height: 22.6rem;
  border-top: 0.1rem solid #DDD;
}

.countryInfo .content_line,
.getSelectDetail .content_line,
.getDocDetails .content_line,
.getPubDetails .content_line,
.getBriefDetails .content_line,
.getPressDetails .content_line {
  border: 0;
}

.countryInfo .content_line.tabList .content_line_list,
.getSelectDetail .content_line.tabList .content_line_list,
.getDocDetails .content_line.tabList .content_line_list,
.getPubDetails .content_line.tabList .content_line_list,
.getBriefDetails .content_line.tabList .content_line_list,
.getPressDetails .content_line.tabList .content_line_list {
  padding: 1.2rem 1.6rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  font-size: 1.4rem;
}

.countryInfo .content_line.tabList .content_line_list *,
.getSelectDetail .content_line.tabList .content_line_list *,
.getDocDetails .content_line.tabList .content_line_list *,
.getPubDetails .content_line.tabList .content_line_list *,
.getBriefDetails .content_line.tabList .content_line_list *,
.getPressDetails .content_line.tabList .content_line_list * {
  font-size: inherit;
}

.countryInfo .content_line.tabList .content_line_list h5,
.getSelectDetail .content_line.tabList .content_line_list h5,
.getDocDetails .content_line.tabList .content_line_list h5,
.getPubDetails .content_line.tabList .content_line_list h5,
.getBriefDetails .content_line.tabList .content_line_list h5,
.getPressDetails .content_line.tabList .content_line_list h5 {
  font-size: 1.6rem;
  font-weight: 500;
}

.countryInfo .content_line.tabList .content_line_list h5 a,
.getSelectDetail .content_line.tabList .content_line_list h5 a,
.getDocDetails .content_line.tabList .content_line_list h5 a,
.getPubDetails .content_line.tabList .content_line_list h5 a,
.getBriefDetails .content_line.tabList .content_line_list h5 a,
.getPressDetails .content_line.tabList .content_line_list h5 a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.countryInfo .content_line.tabList .content_line_list h5 a:hover, .countryInfo .content_line.tabList .content_line_list h5 a:focus-visible,
.getSelectDetail .content_line.tabList .content_line_list h5 a:hover,
.getSelectDetail .content_line.tabList .content_line_list h5 a:focus-visible,
.getDocDetails .content_line.tabList .content_line_list h5 a:hover,
.getDocDetails .content_line.tabList .content_line_list h5 a:focus-visible,
.getPubDetails .content_line.tabList .content_line_list h5 a:hover,
.getPubDetails .content_line.tabList .content_line_list h5 a:focus-visible,
.getBriefDetails .content_line.tabList .content_line_list h5 a:hover,
.getBriefDetails .content_line.tabList .content_line_list h5 a:focus-visible,
.getPressDetails .content_line.tabList .content_line_list h5 a:hover,
.getPressDetails .content_line.tabList .content_line_list h5 a:focus-visible {
  color: #1426a8;
}

.countryInfo .content_line.tabList .content_line_list a,
.getSelectDetail .content_line.tabList .content_line_list a,
.getDocDetails .content_line.tabList .content_line_list a,
.getPubDetails .content_line.tabList .content_line_list a,
.getBriefDetails .content_line.tabList .content_line_list a,
.getPressDetails .content_line.tabList .content_line_list a {
  padding: 0;
}

.countryInfo .content_line.tabList .content_line_list a:hover, .countryInfo .content_line.tabList .content_line_list a:focus-visible,
.getSelectDetail .content_line.tabList .content_line_list a:hover,
.getSelectDetail .content_line.tabList .content_line_list a:focus-visible,
.getDocDetails .content_line.tabList .content_line_list a:hover,
.getDocDetails .content_line.tabList .content_line_list a:focus-visible,
.getPubDetails .content_line.tabList .content_line_list a:hover,
.getPubDetails .content_line.tabList .content_line_list a:focus-visible,
.getBriefDetails .content_line.tabList .content_line_list a:hover,
.getBriefDetails .content_line.tabList .content_line_list a:focus-visible,
.getPressDetails .content_line.tabList .content_line_list a:hover,
.getPressDetails .content_line.tabList .content_line_list a:focus-visible {
  text-decoration: underline;
}

.countryInfo .content_line.tabList .content_line_list p,
.getSelectDetail .content_line.tabList .content_line_list p,
.getDocDetails .content_line.tabList .content_line_list p,
.getPubDetails .content_line.tabList .content_line_list p,
.getBriefDetails .content_line.tabList .content_line_list p,
.getPressDetails .content_line.tabList .content_line_list p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.countryInfo .content_line.tabList .content_line_list .infor,
.getSelectDetail .content_line.tabList .content_line_list .infor,
.getDocDetails .content_line.tabList .content_line_list .infor,
.getPubDetails .content_line.tabList .content_line_list .infor,
.getBriefDetails .content_line.tabList .content_line_list .infor,
.getPressDetails .content_line.tabList .content_line_list .infor {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.countryInfo .content_line.tabList .content_line_list .infor a,
.getSelectDetail .content_line.tabList .content_line_list .infor a,
.getDocDetails .content_line.tabList .content_line_list .infor a,
.getPubDetails .content_line.tabList .content_line_list .infor a,
.getBriefDetails .content_line.tabList .content_line_list .infor a,
.getPressDetails .content_line.tabList .content_line_list .infor a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-weight: bold;
}

.countryInfo .content_line.tabList .content_line_list .infor .date,
.getSelectDetail .content_line.tabList .content_line_list .infor .date,
.getDocDetails .content_line.tabList .content_line_list .infor .date,
.getPubDetails .content_line.tabList .content_line_list .infor .date,
.getBriefDetails .content_line.tabList .content_line_list .infor .date,
.getPressDetails .content_line.tabList .content_line_list .infor .date {
  color: #999;
}

.countryInfo .content_line_list a,
.getSelectDetail .content_line_list a,
.getDocDetails .content_line_list a,
.getPubDetails .content_line_list a,
.getBriefDetails .content_line_list a,
.getPressDetails .content_line_list a {
  -ms-grid-columns: 1fr 12rem;
      grid-template-columns: 1fr 12rem;
}

.countryInfo .content_line_list a:hover, .countryInfo .content_line_list a:focus-visible,
.getSelectDetail .content_line_list a:hover,
.getSelectDetail .content_line_list a:focus-visible,
.getDocDetails .content_line_list a:hover,
.getDocDetails .content_line_list a:focus-visible,
.getPubDetails .content_line_list a:hover,
.getPubDetails .content_line_list a:focus-visible,
.getBriefDetails .content_line_list a:hover,
.getBriefDetails .content_line_list a:focus-visible,
.getPressDetails .content_line_list a:hover,
.getPressDetails .content_line_list a:focus-visible {
  background-color: transparent;
}

.countryInfo .content_line_list a:hover p, .countryInfo .content_line_list a:focus-visible p,
.getSelectDetail .content_line_list a:hover p,
.getSelectDetail .content_line_list a:focus-visible p,
.getDocDetails .content_line_list a:hover p,
.getDocDetails .content_line_list a:focus-visible p,
.getPubDetails .content_line_list a:hover p,
.getPubDetails .content_line_list a:focus-visible p,
.getBriefDetails .content_line_list a:hover p,
.getBriefDetails .content_line_list a:focus-visible p,
.getPressDetails .content_line_list a:hover p,
.getPressDetails .content_line_list a:focus-visible p {
  text-decoration: underline;
}

.countryInfo .content_line_list p,
.getSelectDetail .content_line_list p,
.getDocDetails .content_line_list p,
.getPubDetails .content_line_list p,
.getBriefDetails .content_line_list p,
.getPressDetails .content_line_list p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  text-align: left;
}

.countryInfo .content_line_list .date,
.getSelectDetail .content_line_list .date,
.getDocDetails .content_line_list .date,
.getPubDetails .content_line_list .date,
.getBriefDetails .content_line_list .date,
.getPressDetails .content_line_list .date {
  color: #666;
}

@media (max-width: 750px) {
  .countryInfo .content,
  .getSelectDetail .content,
  .getDocDetails .content,
  .getPubDetails .content,
  .getBriefDetails .content,
  .getPressDetails .content {
    min-width: auto;
    gap: 3.2rem;
  }
  .countryInfo .content_detail_footer .dataBox,
  .getSelectDetail .content_detail_footer .dataBox,
  .getDocDetails .content_detail_footer .dataBox,
  .getPubDetails .content_detail_footer .dataBox,
  .getBriefDetails .content_detail_footer .dataBox,
  .getPressDetails .content_detail_footer .dataBox {
    margin-bottom: 2rem;
  }
  .countryInfo .dataBox,
  .getSelectDetail .dataBox,
  .getDocDetails .dataBox,
  .getPubDetails .dataBox,
  .getBriefDetails .dataBox,
  .getPressDetails .dataBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .countryInfo .dataBox h5,
  .getSelectDetail .dataBox h5,
  .getDocDetails .dataBox h5,
  .getPubDetails .dataBox h5,
  .getBriefDetails .dataBox h5,
  .getPressDetails .dataBox h5 {
    width: 20rem;
    padding: 1.6rem 1rem;
  }
  .countryInfo .dataBox p,
  .getSelectDetail .dataBox p,
  .getDocDetails .dataBox p,
  .getPubDetails .dataBox p,
  .getBriefDetails .dataBox p,
  .getPressDetails .dataBox p {
    min-width: 21rem;
    padding: 1.6rem 2.4rem;
  }
  .countryInfo .sourceBy,
  .getSelectDetail .sourceBy,
  .getDocDetails .sourceBy,
  .getPubDetails .sourceBy,
  .getBriefDetails .sourceBy,
  .getPressDetails .sourceBy {
    margin-top: 1rem;
    font-size: 2rem;
  }
  .countryInfo .dataImgBox,
  .getSelectDetail .dataImgBox,
  .getDocDetails .dataImgBox,
  .getPubDetails .dataImgBox,
  .getBriefDetails .dataImgBox,
  .getPressDetails .dataImgBox {
    margin-top: 12rem;
  }
  .countryInfo .content_list,
  .getSelectDetail .content_list,
  .getDocDetails .content_list,
  .getPubDetails .content_list,
  .getBriefDetails .content_list,
  .getPressDetails .content_list {
    margin-top: 3.2rem;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 3.2rem;
  }
  .countryInfo .content_list_item .inforBox,
  .getSelectDetail .content_list_item .inforBox,
  .getDocDetails .content_list_item .inforBox,
  .getPubDetails .content_list_item .inforBox,
  .getBriefDetails .content_list_item .inforBox,
  .getPressDetails .content_list_item .inforBox {
    border: 0;
  }
  .countryInfo .content_list_item .inforBox a i.icons.sns,
  .getSelectDetail .content_list_item .inforBox a i.icons.sns,
  .getDocDetails .content_list_item .inforBox a i.icons.sns,
  .getPubDetails .content_list_item .inforBox a i.icons.sns,
  .getBriefDetails .content_list_item .inforBox a i.icons.sns,
  .getPressDetails .content_list_item .inforBox a i.icons.sns {
    min-width: 5.8rem;
    min-height: 5.8rem;
  }
  .countryInfo .content_list_item .inforBox p,
  .getSelectDetail .content_list_item .inforBox p,
  .getDocDetails .content_list_item .inforBox p,
  .getPubDetails .content_list_item .inforBox p,
  .getBriefDetails .content_list_item .inforBox p,
  .getPressDetails .content_list_item .inforBox p {
    font-size: 2.4rem;
  }
  .countryInfo .content_list_item .titleBox,
  .getSelectDetail .content_list_item .titleBox,
  .getDocDetails .content_list_item .titleBox,
  .getPubDetails .content_list_item .titleBox,
  .getBriefDetails .content_list_item .titleBox,
  .getPressDetails .content_list_item .titleBox {
    gap: 1.6rem;
  }
  .countryInfo .content_list_item .mapBox,
  .getSelectDetail .content_list_item .mapBox,
  .getDocDetails .content_list_item .mapBox,
  .getPubDetails .content_list_item .mapBox,
  .getBriefDetails .content_list_item .mapBox,
  .getPressDetails .content_list_item .mapBox {
    height: 29rem;
  }
  .countryInfo .content_line.tabList .content_line_list,
  .getSelectDetail .content_line.tabList .content_line_list,
  .getDocDetails .content_line.tabList .content_line_list,
  .getPubDetails .content_line.tabList .content_line_list,
  .getBriefDetails .content_line.tabList .content_line_list,
  .getPressDetails .content_line.tabList .content_line_list {
    padding: 1.6rem 0;
    gap: 1.2rem;
    font-size: 2.4rem;
  }
  .countryInfo .content_line.tabList .content_line_list h5,
  .getSelectDetail .content_line.tabList .content_line_list h5,
  .getDocDetails .content_line.tabList .content_line_list h5,
  .getPubDetails .content_line.tabList .content_line_list h5,
  .getBriefDetails .content_line.tabList .content_line_list h5,
  .getPressDetails .content_line.tabList .content_line_list h5 {
    font-size: 2.8rem;
  }
  .countryInfo .content_line.tabList .content_line_list h5 a,
  .getSelectDetail .content_line.tabList .content_line_list h5 a,
  .getDocDetails .content_line.tabList .content_line_list h5 a,
  .getPubDetails .content_line.tabList .content_line_list h5 a,
  .getBriefDetails .content_line.tabList .content_line_list h5 a,
  .getPressDetails .content_line.tabList .content_line_list h5 a {
    -webkit-line-clamp: 2;
  }
  .countryInfo .content_line.tabList .content_line_list a,
  .getSelectDetail .content_line.tabList .content_line_list a,
  .getDocDetails .content_line.tabList .content_line_list a,
  .getPubDetails .content_line.tabList .content_line_list a,
  .getBriefDetails .content_line.tabList .content_line_list a,
  .getPressDetails .content_line.tabList .content_line_list a {
    padding: 0;
  }
  .countryInfo .content_line.tabList .content_line_list a:hover, .countryInfo .content_line.tabList .content_line_list a:focus-visible,
  .getSelectDetail .content_line.tabList .content_line_list a:hover,
  .getSelectDetail .content_line.tabList .content_line_list a:focus-visible,
  .getDocDetails .content_line.tabList .content_line_list a:hover,
  .getDocDetails .content_line.tabList .content_line_list a:focus-visible,
  .getPubDetails .content_line.tabList .content_line_list a:hover,
  .getPubDetails .content_line.tabList .content_line_list a:focus-visible,
  .getBriefDetails .content_line.tabList .content_line_list a:hover,
  .getBriefDetails .content_line.tabList .content_line_list a:focus-visible,
  .getPressDetails .content_line.tabList .content_line_list a:hover,
  .getPressDetails .content_line.tabList .content_line_list a:focus-visible {
    text-decoration: underline;
  }
  .countryInfo .content_line.tabList .content_line_list .infor a,
  .getSelectDetail .content_line.tabList .content_line_list .infor a,
  .getDocDetails .content_line.tabList .content_line_list .infor a,
  .getPubDetails .content_line.tabList .content_line_list .infor a,
  .getBriefDetails .content_line.tabList .content_line_list .infor a,
  .getPressDetails .content_line.tabList .content_line_list .infor a {
    font-weight: bold;
  }
  .countryInfo .content_line.tabList .content_line_list .infor i.icons,
  .getSelectDetail .content_line.tabList .content_line_list .infor i.icons,
  .getDocDetails .content_line.tabList .content_line_list .infor i.icons,
  .getPubDetails .content_line.tabList .content_line_list .infor i.icons,
  .getBriefDetails .content_line.tabList .content_line_list .infor i.icons,
  .getPressDetails .content_line.tabList .content_line_list .infor i.icons {
    min-width: 3.2rem;
    min-height: 3.2rem;
  }
  .countryInfo .content_line_list a,
  .getSelectDetail .content_line_list a,
  .getDocDetails .content_line_list a,
  .getPubDetails .content_line_list a,
  .getBriefDetails .content_line_list a,
  .getPressDetails .content_line_list a {
    padding: 2rem 0;
    -ms-grid-columns: 1fr 16rem;
        grid-template-columns: 1fr 16rem;
  }
}

/* ####### detailHeader 공통 ####### */
.detailHeader {
  margin-top: 4rem;
}

.detailHeader .linkMove {
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
}

.detailHeader .linkMove i.icons.arrow_notail {
  width: 2.4rem;
  height: 2.4rem;
}

.detailHeader .linkMove i.icons.arrow_notail::before {
  border-width: 0.2rem;
}

.detailHeader .linkMove span {
  line-height: 1;
}

.detailTitleWrap {
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
  padding: 3.2rem 4rem;
  border: 0.1rem solid #DDD;
  border-top-color: #111;
  border-radius: 0 0 0.4rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}

.detailTitleWrap h3 {
  margin-bottom: 0 !important;
}

.detailTitleWrap p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
  font-size: 1.6rem;
}

@media (max-width: 750px) {
  .detailHeader {
    margin-top: 5.6rem;
  }
  .detailHeader .linkMove {
    font-size: 2.8rem;
  }
  .detailHeader .linkMove i.icons.arrow_notail {
    width: 3.2rem;
    height: 3.2rem;
  }
  .detailTitleWrap {
    margin-top: 2rem;
    margin-bottom: 3.2rem;
    padding: 3.2rem 2.4rem;
    gap: 2rem;
  }
  .detailTitleWrap h3 {
    font-size: 3.2rem !important;
  }
  .detailTitleWrap p {
    font-size: 2.4rem;
  }
}

/* ####### 외교부 핵심 키워드 목록 ####### */
.getSelectDetail {
  margin-top: 4rem;
}

@media (max-width: 750px) {
  .getSelectDetail {
    margin-top: 7.2rem;
  }
}

/* ####### 공공데이터 포털 개발 목록 ####### */
.portalOpenListMain .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem;
}

.portalOpenListMain .chip {
  padding: 0.4rem 1.2rem;
  font-weight: bold;
  background-color: #9a1be31a;
  color: #9a1be3;
  line-height: 1.6;
}

.portalOpenListMain .tabBtn {
  margin-top: 0;
  margin-bottom: 2rem;
}

.portalOpenListMain .content_line {
  min-height: auto;
  border-width: 0.1rem;
  text-align: left;
  font-size: 1.6rem;
}

.portalOpenListMain .content_line * {
  font-size: inherit;
}

.portalOpenListMain .content_line_list {
  border-bottom: 0;
}

.portalOpenListMain .content_line_list a {
  padding: 1.2rem 1.6rem;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}

.portalOpenListMain .content_line_list a:hover h4, .portalOpenListMain .content_line_list a:focus-visible h4 {
  color: #1426a8;
  text-decoration: underline;
}

.portalOpenListMain .content_line_list:not(:first-child) {
  margin: 1.6rem 0;
  border-top: 0.1rem solid #111;
}

.portalOpenListMain .content_line_list h4, .portalOpenListMain .content_line_list p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
}

.portalOpenListMain .content_line_list h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #222;
  font-size: 2rem;
  -webkit-line-clamp: 2;
}

.portalOpenListMain .content_line_list p {
  -webkit-line-clamp: 3;
}

.portalOpenListMain .infor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  word-break: keep-all;
}

.portalOpenListMain .infor .date {
  color: #999;
}

.portalOpenListMain .infor .inforBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.portalOpenListMain .infor .inforBox span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666;
}

.portalOpenListMain .infor .inforBox span:not(:first-child)::before {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.8rem;
  display: inline-block;
  background-color: #999;
}

@media (max-width: 750px) {
  .portalOpenListMain .content_header {
    margin-bottom: 3rem;
  }
  .portalOpenListMain .tabBtn {
    margin-bottom: 5.6rem;
  }
  .portalOpenListMain .titleBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .portalOpenListMain .chip {
    font-size: 2.8rem;
  }
  .portalOpenListMain .content_line {
    font-size: 2.4rem;
  }
  .portalOpenListMain .content_line_list:not(:first-child) {
    margin: 2.4rem 0;
  }
  .portalOpenListMain .content_line_list a {
    padding: 1.6rem 0;
    gap: 1.6rem;
  }
  .portalOpenListMain .content_line_list h4 {
    font-size: 3.2rem;
  }
  .portalOpenListMain .infor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.6rem;
  }
  .portalOpenListMain .infor .date {
    margin-left: auto;
  }
  .portalOpenListMain .infor .inforBox {
    border: 0;
  }
  .portalOpenListMain .infor .inforBox span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #666;
  }
  .portalOpenListMain .infor .inforBox span:not(:first-child)::before {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0 2rem;
  }
}
/*# sourceMappingURL=user.css.map */



.headerWrap .main_nav_wrap .main_nav li {list-style:none}
header ul, header ol, header li, footer ul, footer ol, footer li {list-style:none}



nav .main_nav_infor h2 {color: #333; font-size: 4.8rem;}
header nav.sub_nav_wrap .content .main_nav_infor .title_wrap p {color: #12203A; font-size: 4.8rem;}
nav .main_nav_infor figure {max-width: 20rem;height: 16rem;padding:0;margin:0}
nav .main_nav_infor figure img {width: 85%; height: 85%;  -o-object-fit: cover;  object-fit: cove}

/* header {padding:0 5rem !important;display:flex !important;height:5rem !important;z-index:1001;} */
header .headerWrap .main_nav_wrap > ul {margin-top:2px;align-items: center}
header .headerWrap .main_nav_wrap {display:flex}
header .headerWrap .main_nav_wrap .main_nav li button{font-size:1.2rem;font-weight:400;letter-spacing:-1px;}
/* header .headerWrap {max-width:98rem !important} */
header .headerWrap .main_nav_wrap .gnb .userBox span{color: #222; font-size: 1rem; font-weight: 500}
header .headerWrap .main_nav_wrap .gnb .userBox ul li a {font-size:0.9rem;color:#444}
header .headerWrap .main_nav_wrap .gnb .search {width:2.4rem;height:2.4rem}
header nav.sub_nav_wrap .content {max-width:120rem !important}
header nav.sub_nav_wrap .content .main_nav_infor {padding:2.8rem 2.5rem 2.5rem 4rem}
header nav.sub_nav_wrap .content .main_nav_infor .title_wrap h2 {font-size:3rem;font-weight:600;letter-spacing:-3px}
header nav.sub_nav_wrap .content .main_nav_infor .title_wrap p {font-size:1rem}

header nav.sub_nav_wrap .sub_nav li {max-width: 20rem; min-width: 20rem;}
header nav.sub_nav_wrap .sub_nav li a {font-size:1.5rem}
header nav.sub_nav_wrap .sub_nav li p {font-size:1.1rem;letter-spacing:-1px}

nav .main_nav button:focus { outline: none; box-shadow: none; }

/* footer {padding:0 4rem !important;display:flex !important;height:12rem !important} */
/* header .footerWrap {max-width:100rem !important} */

/*수정*/
.headerWrap .logo_main {margin:0;width:auto}
 .headerWrap .logo_main a img {width:87%}
.headerWrap .main_nav_wrap {display:flex}
.headerWrap .main_nav_wrap > ul {margin-bottom:0}
.headerWrap .main_nav_wrap .gnb .userBox .sub_gnb li a {color:#444}


nav .main_nav .active button {color: #1426a8;
  font-weight: bold !important;
}

.searchBox button.search {
    width: 3.2rem;
    height: 3.2rem;
    padding: 0.2rem;
    border: 0;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}


.maxW1400px {max-width:140rem !important}
.W100 {width:100% !important}
.flexCenter {display: flex !important;
  align-items: center !important;
  justify-content: center !important;}


  .hidden {visibility: hidden !important;
  font-size: 0 !important;
  margin: 0 !important;
  position: absolute !important}


article ul li a {font-size:1.2rem}
article p span {font-size:0.98rem}
article  span {font-size:0.98rem}