/************************************************************ 
    Font related settings
*************************************************************/
/* KR Font - Noto Sans Korean */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
/* EN Font - Lato */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
/* Setting Shortened Names */
.f_noto {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
}

.f_lato {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
}

.f_bold {
  font-weight: bold !important;
}

.f_normal {
  font-weight: normal !important;
}

/* font Setting */
* {
  font-family: "Noto Sans KR", sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
} /*overflow-y: auto !important;*/
body {
  line-height: 1;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: normal;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/************************************************************ 
    HTML5 display-role reset for older browsers 
*************************************************************/
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, ol, ul, li,
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;
  vertical-align: middle;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol, li, dl, dd {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

li, img, input, button {
  vertical-align: middle;
}

b, strong {
  font-weight: bold;
}

input, textarea {
  border: none;
  outline: none;
}

button {
  background: none;
  border: 0;
  outline: 0;
  vertical-align: top;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
  resize: none;
  font-family: "Noto Sans KR", sans-serif;
}

table {
  border-spacing: 0;
}

td, th {
  padding: 0;
}

address {
  font-style: normal;
}

/* hyper link */
a:link, a:visited {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  font: inherit;
  color: inherit;
  text-decoration: none;
}

/* hr , legend , caption */
caption, legend {
  clear: both;
  display: none;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0px;
  line-height: 0;
  visibility: hidden;
}

/************************************************************ 
    Setting Shortened Names
*************************************************************/
/* inner */
.inner {
  width: 120rem;
  margin: 0 auto;
}

/* cursor */
.hand {
  cursor: pointer;
}

/* hidden content */
.blind {
  position: absolute;
  left: -1000%;
  top: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.hidden {
  font-size: 0;
  height: 1px;
  left: -1000%;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px;
}

/* margin */
.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

/* padding */
.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

/* border */
.bd0 {
  border: 0 !important;
}

.bdr0 {
  border-right: 0 !important;
}

.bdl0 {
  border-left: 0 !important;
}

.bdt0 {
  border-top: 0 !important;
}

.bdb0 {
  border-bottom: 0 !important;
}

/* background */
.bg0 {
  background: none !important;
}

/* display */
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

/* .inline_block{display:inline-block !important; *zoom:1; *display:inline;} */
/* text align */
.ta_left {
  text-align: left;
}
.ta_right {
  text-align: right;
}
.ta_center {
  text-align: center;
}

/* scrolling stop */
.stop-scrolling {
  height: 100vh;
  overflow: hidden;
}
.stop-scrolling::-webkit-scrollbar {
  display: none;
}

.stop-scrolling-i {
  height: 100% !important;
  overflow: hidden !important;
}
.stop-scrolling-i::-webkit-scrollbar {
  display: none;
}

/************************************************************ 
    Header
*************************************************************/
header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: 3rem 4rem 0;
  z-index: 1000;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  opacity: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .logo {
  width: 8.4rem;
  height: 4rem;
  background: url(../images/common/logo_c.svg);
  -webkit-filter: invert(0%);
          filter: invert(0%);
}
header.active {
  opacity: 1;
}
header.scroll_bg {
  background-color: #fff;
  padding-bottom: 2rem;
}
header[data-logo=white] .logo {
  background: url(../images/common/logo.svg);
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
header[data-util=white] .util .lang_area,
header[data-util=white] .util .now .group .ico img,
header[data-util=white] .util .now .group .ico::after,
header[data-util=white] .util .btn_etc img,
header[data-util=white] .util .menu button {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
header[data-util=white] .util .now.active .group .ico img,
header[data-util=white] .util .now.active .group .ico::after {
  -webkit-filter: invert(0%);
          filter: invert(0%);
}
header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .util .lang_area {
  height: 2rem;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  line-height: 172%;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  margin-right: -0.5rem;
}
header .util .lang_area dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
header .util .lang_area dt::before {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-right: 0.1rem;
  background: url(../images/icon/icon_lang.svg) no-repeat;
}
header .util .lang_area dt::after {
  content: "";
  width: 0.8rem;
  height: 0.5rem;
  margin-left: 0.8rem;
  background: url(../images/icon/btn_lang_drop.svg) no-repeat;
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
}
header .util .lang_area dd {
  opacity: 0;
  padding-left: 2.1rem;
}
header .util .lang_area dd:nth-child(2) {
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
}
header .util .lang_area dd:last-child {
  -webkit-transition: 1s all 0s;
  transition: 1s all 0s;
}
header .util .lang_area.on dt::after {
  background: url(../images/icon/btn_lang_drop.svg) no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
header .util .lang_area.on dd {
  opacity: 1;
  height: auto;
}
header .util .now {
  overflow: hidden;
}
header .util .now .group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(45px);
          transform: translateX(45px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 10;
  color: #000;
}
header .util .now .group .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .util .now .group .ico.now_new::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 2.1rem;
  width: 0.3rem;
  height: 0.3rem;
  background: #E8468A;
}
header .util .now .group .ico:after {
  content: "NOW";
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  margin-left: 0.8rem;
}
header .util .now .group .more {
  padding: 0.8rem;
  padding-left: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .util .now .now_area {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: right;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
  visibility: hidden;
}
header .util .now .now_area .now_list {
  position: absolute;
  right: 0;
  width: 33rem;
  height: 100%;
  overflow: hidden;
  -webkit-transform: translateX(33rem);
          transform: translateX(33rem);
  -webkit-transition: 0.7s all 0s;
  transition: 0.7s all 0s;
  padding: 0 3rem;
}
header .util .now .now_area .now_list::before {
  position: absolute;
  content: "";
  top: 15rem;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/common/now_dot.png) 5.4rem 0 repeat-y;
  z-index: -1;
}
header .util .now .now_area .now_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
header .util .now .now_area .now_list li:first-child {
  margin-top: 15rem;
}
header .util .now .now_area .now_list li:not(:first-child) {
  padding-top: 2rem;
}
header .util .now .now_area .now_list li strong, header .util .now .now_area .now_list li span {
  display: block;
}
header .util .now .now_area .now_list li .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.6rem;
  height: 4.6rem;
  font-size: 1.2rem;
  color: #00172F;
  line-height: 1.4rem;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  border-radius: 100%;
  border: 1px solid #535E68;
  background-color: #fff;
  margin-right: 1.8rem;
  padding: 0 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .util .now .now_area .now_list li .tag.news {
  color: #FFF;
  font-weight: 700;
  background-color: #00172F;
  border: none;
}
header .util .now .now_area .now_list li .summary {
  font-size: 1.4rem;
  line-height: 180%;
  letter-spacing: -0.42px;
  text-transform: uppercase;
  width: 17.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .util .now .now_area .now_list li .real_time {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: #888;
  line-height: 1.8rem;
  text-transform: uppercase;
}
header .util .now .now_area .now_list li.now_link {
  width: 100%;
  padding: 3rem 0 0 9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header .util .now .now_area .now_list li.now_link a {
  display: block;
  width: 9rem;
  height: 3.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: 3.4rem;
  letter-spacing: -0.36px;
  text-transform: uppercase;
  border-radius: 100px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 6px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid #333;
  -webkit-backdrop-filter: blur(5rem);
          backdrop-filter: blur(5rem);
}
header .util .now.active .group {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
header .util .now.active .now_area {
  background: rgba(0, 0, 0, 0.5);
  visibility: visible;
}
header .util .now.active .now_area .now_list {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  background-color: #fff;
}
header .util .menu button {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: top;
  cursor: pointer;
}
header .util .menu button:before, header .util .menu button:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 0.2rem;
  left: 50%;
  top: 50%;
  background: #000;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
}
header .util .menu button:before {
  -webkit-transform: translate(-50%, -0.6rem);
          transform: translate(-50%, -0.6rem);
}
header .util .menu button:after {
  -webkit-transform: translate(-50%, 0.4rem);
          transform: translate(-50%, 0.4rem);
}
header .util .menu.active button:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
header .util .menu.active button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
header .util .menu.active .menu_area {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
header .util .menu .menu_area {
  -webkit-transition: 1s all 0s;
  transition: 1s all 0s;
}
header .util .btn_etc {
  display: inline-block;
  margin-right: 2.2rem;
}
header .util .btn_etc img {
  width: 2.4rem;
  height: 2.4rem;
}
header .util .btn_etc.mypage {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4.5rem;
}
header .util .btn_etc.mypage::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 1.6rem;
  background-color: #ccc;
  left: -2.2rem;
}
header .util .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .util .etc:before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background-color: #cccccc;
  margin: 0 2.2rem;
}
header img, header button {
  -webkit-transition: 0.7s all 0.3s;
  transition: 0.7s all 0.3s;
}

html[lang=en] header .util .now .now_area .now_list li .tag {
  width: 5.2rem;
  height: 5.2rem;
  font-size: 1rem;
}

/************************************************************ 
    Sit Map
*************************************************************/
header .util .menu .menu_area,
.sitmap .menu .menu_area {
  position: fixed;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../images/common/sitmap_bg.png) left top/contain no-repeat, #fff;
}
header .util .menu .menu_area .menu_list,
.sitmap .menu .menu_area .menu_list {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 39.0104166667vw;
}
header .util .menu .menu_area .menu_list dl,
.sitmap .menu .menu_area .menu_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(92, 92, 92, 0.15);
}
header .util .menu .menu_area .menu_list dl:first-child,
.sitmap .menu .menu_area .menu_list dl:first-child {
  padding-bottom: min(3.7037037037vh, 4rem);
}
header .util .menu .menu_area .menu_list dl:not(:first-child),
.sitmap .menu .menu_area .menu_list dl:not(:first-child) {
  padding: min(3.7037037037vh, 4rem) 0;
}
header .util .menu .menu_area .menu_list dl dt,
.sitmap .menu .menu_area .menu_list dl dt {
  font-family: "Lato", sans-serif;
  font-size: min(1.7708333333vw, 3.4rem);
  font-weight: 700;
  width: min(15.9375vw, 30.6rem);
  line-height: 1.3;
}
header .util .menu .menu_area .menu_list dl dt a,
.sitmap .menu .menu_area .menu_list dl dt a {
  vertical-align: top;
}
header .util .menu .menu_area .menu_list dl dd,
.sitmap .menu .menu_area .menu_list dl dd {
  font-size: min(0.9375vw, 1.8rem);
  font-weight: 400;
  margin-right: min(2.0833333333vw, 4rem);
  line-height: 1.8;
  letter-spacing: -0.054rem;
}
header .util .menu .menu_area .menu_list dl dd a,
.sitmap .menu .menu_area .menu_list dl dd a {
  vertical-align: top;
}

.sitmap header {
  padding: min(2.7777777778vh, 3rem) min(2.0833333333vw, 4rem) 0;
}
.sitmap header .logo {
  background: url(../images/common/logo.svg);
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
.sitmap header .logo img {
  height: min(3.7037037037vh, 4rem);
  width: auto;
}
.sitmap header .util .lang_area {
  margin-right: min(2.0833333333vw, 4rem);
  font-size: min(0.625vw, 1.2rem);
}
.sitmap header .util .btn_etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
}
.sitmap header .util .btn_etc span {
  font-size: min(0.7291666667vw, 1.4rem);
  color: #000;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: min(-0.021875vw, -0.042rem);
}
.sitmap header .util .btn_etc img {
  width: min(2.2222222222vh, 2.4rem);
  height: min(2.2222222222vh, 2.4rem);
}
.sitmap header .util .btn_etc:not(:nth-child(n+1):nth-child(-n+2)):before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background-color: #cccccc;
}
.sitmap header .util .btn_etc:not(:first-child)::before {
  margin: 0 2rem;
}
.sitmap .menu_area {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
}
.sitmap .menu_area .footer_sit {
  margin-top: min(4.6296296296vh, 5rem);
}
.sitmap .menu_area .footer_sit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.0416666667vw, 2rem);
}
.sitmap .menu_area .footer_sit ul li a {
  font-size: min(0.8333333333vw, 1.6rem);
  color: #333;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.048rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sitmap .menu_area .footer_sit ul li a:hover {
  color: #000;
  border-bottom: 0.1rem solid #000;
}

[lang=en] header .util .menu .menu_area .menu_list,
[lang=en] .sitmap .menu .menu_area .menu_list {
  width: min(53.125vw, 102rem);
}
[lang=en] header .util .menu .menu_area .menu_list dl,
[lang=en] .sitmap .menu .menu_area .menu_list dl {
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 15.94vw;
}
[lang=en] header .util .menu .menu_area .menu_list dl dt,
[lang=en] .sitmap .menu .menu_area .menu_list dl dt {
  position: absolute;
  top: 3.7037037037vh;
  left: 0;
  height: min(4.0740740741vh, 4.4rem);
  line-height: min(4.0740740741vh, 4.4rem);
}
[lang=en] header .util .menu .menu_area .menu_list dl:first-child dt,
[lang=en] .sitmap .menu .menu_area .menu_list dl:first-child dt {
  top: 0;
}
[lang=en] header .util .menu .menu_area .menu_list dl dd,
[lang=en] .sitmap .menu .menu_area .menu_list dl dd {
  margin-right: min(2.2916666667vw, 4.4rem);
  height: min(4.0740740741vh, 4.4rem);
  line-height: min(4.0740740741vh, 4.4rem);
}
[lang=en] header .util .menu .menu_area .footer_sit,
[lang=en] .sitmap .menu .menu_area .footer_sit {
  margin-top: min(3.7037037037vh, 4rem);
}

/************************************************************ 
    Footer
*************************************************************/
footer {
  background-color: #00172F;
  height: 32rem;
  padding-top: 7rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
footer #footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  color: #99A0A9;
}
footer #footer .con_ifc {
  width: 26.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
footer #footer .con_ifc .f_logo {
  width: 8.4rem;
  height: 4rem;
  margin-bottom: 5.2rem;
}
footer #footer .con_ifc .f_logo img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
footer #footer .con_ifc .familysite {
  width: 100%;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
}
footer #footer .con_ifc .familysite h2 {
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 180%;
}
footer #footer .con_ifc .familysite .link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 180%;
}
footer #footer .con_ifc .familysite .link a:first-child {
  margin-top: 0.4rem;
  width: 12rem;
}
footer #footer .con_ifc .familysite .link a:first-child::before {
  background: url(../images/icon/icon_ifcseoul.svg) no-repeat left 70%/1rem 1.2rem;
}
footer #footer .con_ifc .familysite .link a:last-child {
  width: 17rem;
}
footer #footer .con_ifc .familysite .link a:last-child::before {
  background: url(../images/icon/icon_conradseoul.svg) no-repeat;
}
footer #footer .con_ifc .familysite .link a::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
}
footer #footer .con_ifc .familysite .link a::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none' %3E%3Cpath d='M2 11.9993L8.63158 5.36767M2 5H9V12' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E");
}
footer #footer .con_info {
  width: calc(100% - 26.2rem);
}
footer #footer .con_info .area_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1.7rem;
}
footer #footer .con_info .area_top .primary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1.6rem;
}
footer #footer .con_info .area_top .primary li {
  font-weight: 500;
}
footer #footer .con_info .area_top .primary li:nth-child(n+3):nth-child(-n+4) {
  font-weight: 400;
}
footer #footer .con_info .area_top .primary li:nth-child(n+1):nth-child(-n+2) {
  color: #fff;
}
footer #footer .con_info .area_top .primary li:not(footer #footer .con_info .area_top .primary li:last-child) {
  margin-right: 2rem;
}
footer #footer .con_info .area_top .sns li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
}
footer #footer .con_info .area_top .sns li a {
  font-family: "Lato", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
}
footer #footer .con_info .area_top .sns li::before {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
}
footer #footer .con_info .area_top .sns li.instagram::before {
  background: url(../images/icon/icon_instagram.svg) no-repeat;
}
footer #footer .con_info .area_top .sns li.facebook::before {
  background: url(../images/icon/icon_facebook.svg) no-repeat;
}
footer #footer .con_info .area_top .sns li.naverblog::before {
  background: url(../images/icon/icon_blog.svg) no-repeat;
}
footer #footer .con_info .area_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3.2rem;
}
footer #footer .con_info .area_bottom address {
  padding-right: 4.65rem;
}
footer #footer .con_info .area_bottom address span {
  font-weight: 400;
  line-height: 180%;
}
footer #footer .con_info .area_bottom address span:first-child {
  letter-spacing: -0.42px;
}
footer #footer .con_info .area_bottom address .tel {
  font-family: "Lato", sans-serif;
}
footer #footer .con_info .area_bottom address .tel::before {
  display: inline-block;
  content: "";
  width: 0.1rem;
  height: 1rem;
  background: #99A0A9;
  margin: 0 0.9rem 0;
  opacity: 0.3;
}
footer #footer .con_info .area_bottom address .tel strong {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.4rem;
}
footer #footer .con_info .area_bottom address .copyright {
  display: block;
  font-family: "Lato", sans-serif;
  opacity: 0.8;
}
footer #footer .con_info .area_bottom address .copyright span {
  vertical-align: top;
}
footer #footer .con_info .area_bottom .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer #footer .con_info .area_bottom .time dl {
  line-height: 180%;
}
footer #footer .con_info .area_bottom .time dl:last-child {
  position: relative;
  padding-left: 3.2rem;
}
footer #footer .con_info .area_bottom .time dl:last-child::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 1.6rem;
  width: 0.1rem;
  height: 3.8rem;
  background-color: #99A0A9;
  opacity: 0.3;
}
footer #footer .con_info .area_bottom .time dl dt {
  font-family: "Lato", sans-serif;
  font-weight: 900;
}
footer #footer .con_info .area_bottom .time dl dd {
  font-family: "Lato", sans-serif;
}
footer #footer .con_info .area_bottom .awards {
  margin-left: auto;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 500;
  color: #99A0A9;
  line-height: 1.4;
  letter-spacing: -0.04rem;
}
footer #footer .con_info .area_bottom .awards > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 1.07rem 0 3.98rem;
}
footer #footer .con_info .area_bottom .awards_23 {
  background: url("../images/icon/icon_web_award_2023.png") no-repeat left center/2.8rem 3.8601rem;
}

html[lang=en] footer #footer .con_info .area_bottom .awards {
  font-family: "Lato";
  width: 11rem;
}
html[lang=en] footer #footer .con_info .area_bottom .awards > div {
  padding-right: 0;
}

/************************************************************ 
    Form Custom
*************************************************************/
/*checkbox custom*/
.chk_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chkbox .custom_chk,
.chkbox .custom_chk_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.chkbox .custom_chk {
  opacity: 0;
  position: absolute;
}
.chkbox .custom_chk_label {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.chkbox .custom_chk + .custom_chk_label:before {
  content: "";
  background: #fff;
  border: 1px solid #C0C0C0;
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.chkbox .custom_chk:checked + .custom_chk_label:before {
  border-color: #333;
  background: url(../images/icon/icon_check.svg) center no-repeat, #333;
}

/*radio custom*/
.radio_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radiobox .custom_radio,
.radiobox .custom_radio_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.radiobox .custom_radio {
  opacity: 0;
  position: absolute;
}
.radiobox .custom_radio_label {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.radiobox .custom_radio + .custom_radio_label:before {
  content: "";
  background: #fff;
  border: 1px solid #C0C0C0;
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  margin-right: 0.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radiobox .custom_radio:checked + .custom_radio_label:before {
  border-color: #333;
  background: url(../images/icon/icon_radio.svg) center no-repeat, #333;
}

/*select custom*/
.select_area {
  width: 100%;
}
.select_area_full .custom_select,
.select_area_full .btn_select {
  width: 100%;
}

.custom_select {
  position: relative;
  display: inline-block;
}
.custom_select.active .btn_select {
  color: #000;
  border-bottom: 1px solid #000;
}
.custom_select.active .btn_select::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin-top: 0.3rem;
  background: url(../images/icon/icon_select.svg) center/cover no-repeat;
}
.custom_select.active .select_option {
  display: block;
}
.custom_select .btn_select {
  position: relative;
  display: block;
  min-width: 15.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 4rem;
  letter-spacing: -0.48px;
  text-align: left;
  color: #c0c0c0;
  padding: 0 4.3rem 0 0.8rem;
  border-bottom: 1px solid #C0C0C0;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.custom_select .btn_select:after {
  position: absolute;
  display: block;
  content: "";
  width: 1.2rem;
  height: 0.6rem;
  top: 50%;
  right: 1.7rem;
  margin-top: -0.3rem;
  -webkit-transform: rotate(0deg) translateY(0%);
          transform: rotate(0deg) translateY(0%);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  background: url(../images/icon/icon_select.svg) center/cover no-repeat;
}
.custom_select .btn_select.choice {
  color: #000;
  border-bottom: 1px solid #000;
}
.custom_select .select_option {
  display: none;
  position: absolute;
  z-index: 10;
  top: 4rem;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  background: #FFF;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.custom_select .select_option li {
  position: relative;
  width: 100%;
  -webkit-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
  display: block;
  padding: 0 0.8rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 47px;
  text-align: left;
  width: 100%;
  cursor: pointer;
}
.custom_select .select_option li:hover {
  color: #333;
  font-weight: 700;
}
.custom_select .select_option li.choice {
  color: #E8468A;
  font-weight: 700;
}

/*input custom*/
.input_area {
  position: relative;
}
.input_area_pw .icon_close {
  right: 4rem !important;
}
.input_area .custom_input {
  width: 100%;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.48px;
  padding: 1rem 0.8rem;
  border: none;
  border-bottom: 1px solid #C0C0C0;
}
.input_area .custom_input_pw {
  position: relative;
  letter-spacing: 0.2rem;
  padding: 1rem 0.8rem;
}
.input_area .custom_input_card {
  text-align: center;
  border-bottom: 1px solid #000;
}
.input_area .custom_input_card[type=number]::-webkit-outer-spin-button, .input_area .custom_input_card[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input_area .custom_input:focus, .input_area .custom_input:valid {
  border-bottom: 1px solid #000;
}
.input_area .custom_input::-webkit-input-placeholder {
  color: #C0C0C0;
}
.input_area .custom_input::-moz-placeholder {
  color: #C0C0C0;
}
.input_area .custom_input:-ms-input-placeholder {
  color: #C0C0C0;
}
.input_area .custom_input::-ms-input-placeholder {
  color: #C0C0C0;
}
.input_area .custom_input::placeholder {
  color: #C0C0C0;
}
.input_area .custom_input:disabled {
  color: #808080;
  background: #F5F5F5;
}
.input_area .custom_input_error:valid {
  border-bottom: 1px solid #F00;
}
.input_area .custom_input_sucess:valid {
  border-bottom: 1px solid #2BE51A;
}
.input_area .custom_input:not(:valid) ~ .icon_close {
  display: none;
}
.input_area .icon_close {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  right: 1.6rem;
  top: 0.8rem;
  cursor: pointer;
}
.input_area .value_check {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}
.input_area .value_check i {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.input_area .eye {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  cursor: pointer;
}
.input_area .eye i {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.input_area .eye i.pw_eye_off {
  background: url(../images/icon/icon_pw_off.svg) no-repeat;
}
.input_area .eye i.pw_eye_on {
  background: url(../images/icon/icon_pw_on.svg) no-repeat;
}
.input_area .input_noti {
  display: block;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.42px;
  color: #E8468A;
  margin-top: 1rem;
}
.input_area .input_noti_error {
  color: #F00;
}

/*search input custom*/
.search_area {
  width: 100%;
}
.search_area .search_form {
  position: relative;
}
.search_area .search_form::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url(../images/icon/icon_search.svg) no-repeat;
}
.search_area .search_form .input_search {
  width: 100%;
  height: 5rem;
  font-size: 1.8rem;
  line-height: 5rem;
  font-weight: 400;
  color: #555;
  padding: 1rem 4rem 1rem 5rem;
  border: 1px solid #C0BCBE;
  border-radius: 10rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search_area .search_form .input_search:not(:valid) ~ .icon_close {
  display: none;
}
.search_area .search_form .icon_close {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  right: 1.6rem;
  top: 50%;
  margin-top: -1.2rem;
  cursor: pointer;
}

/*btn custom*/
.btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btn_area_center button:not(:first-child), .btn_area_between button:not(:first-child), .btn_area_end button:not(:first-child) {
  margin-left: 0.8rem;
}
.btn_area_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn_area_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.btn_area_end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.btn_area_row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btn_area_row button:not(:first-child) {
  margin-top: 0.8rem;
}

.btn_sub,
.btn_primary,
.btn_sub_small {
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.5s all 0s;
  transition: 0.5s all 0s;
}
.btn_sub:disabled,
.btn_primary:disabled,
.btn_sub_small:disabled {
  border: none;
  color: #C0C0C0;
  background-color: #E3E3E3;
  cursor: not-allowed;
}
.btn_sub:disabled:hover, .btn_sub:disabled:active,
.btn_primary:disabled:hover,
.btn_primary:disabled:active,
.btn_sub_small:disabled:hover,
.btn_sub_small:disabled:active {
  color: #C0C0C0;
  background-color: #E3E3E3;
}

.btn_sub {
  width: 11.5rem;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.42px;
  border-radius: 10rem;
  border: 1px solid #333;
  background: #fff;
}
.btn_sub_small {
  width: 8.6rem;
  height: 3.2rem;
  font-size: 1.4rem;
  border-radius: 10rem;
}
.btn_sub_press, .btn_sub_fix, .btn_sub:hover, .btn_sub:active {
  color: #fff;
  background-color: #333;
}
.btn_sub_fix {
  font-weight: 700;
}
.btn_sub_fix:hover, .btn_sub_fix:active {
  background-color: #808080;
  border: 1px solid #333;
}
.btn_sub_del {
  font-weight: 400;
  border: 1px solid #000;
  background: #fff;
}
.btn_sub_del:hover, .btn_sub_del:active {
  background-color: #E3E3E3;
  border: 1px solid #333;
}

.btn_primary {
  width: 100%;
  height: 5.6rem;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.54px;
  background-color: #E8468A;
}
.btn_primary_press, .btn_primary:hover, .btn_primary:active {
  color: #fff;
  background-color: #9C1F53;
}
.btn_primary_cancel {
  color: #000;
  background-color: #fff;
  border: 1px solid #D8D8D8;
}
.btn_primary_cancel:hover, .btn_primary_cancel:active {
  color: #000;
  background-color: #E3E3E3;
  border: 1px solid #D8D8D8;
}

/*btn - switch(slide toggle) */
.switch {
  position: relative;
  display: inline-block;
  width: 3.4rem;
  height: 1.8rem;
}
.switch input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.switch input[type=checkbox]:checked + .switch_nob {
  background-color: #001B37;
}
.switch input[type=checkbox]:checked + .switch_nob::before {
  left: 1.7rem;
}
.switch_nob {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d9d9d9;
  border-radius: 1rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch_nob::before {
  position: absolute;
  content: "";
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 50%;
  left: 0.2rem;
  bottom: 0.2rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch_label_txt {
  display: none;
}

/*popup custom*/
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 900px;
}
.popup_content_tit {
  position: relative;
  padding: 1.65rem 2.4rem;
  background: #000;
  font-size: 2.2rem;
  line-height: 1.7;
  letter-spacing: -0.066rem;
  font-weight: 500;
  color: #fff;
}
.popup_content_tit .popup_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 7rem;
  height: 100%;
  text-indent: -9999px;
  background: url("../../resource/images/icon/ico_popup_close.svg") center center no-repeat;
  cursor: pointer;
}
.popup_content_txt {
  width: 100%;
  padding: 6rem;
  background: #fff;
  max-height: calc(100vh - 12rem);
  overflow-y: auto;
}
.popup_content_txt::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #F5F5F5;
}
.popup_content_txt::-webkit-scrollbar-thumb {
  height: 12.5rem;
  background-color: #D8D8D8;
}
.popup_content_txt::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
.popup_content_txt::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.popup.pd_small .popup_content_txt {
  padding: 4rem 6rem;
}
.popup.dimmed {
  background: rgba(0, 0, 0, 0.65);
}
.popup[id^=popup_cookie].dimmed {
  background: rgba(0, 0, 0, 0.5);
}
.popup[id^=popup_cookie] .popup_content {
  left: 4rem;
  top: auto;
  bottom: 3.2rem;
  -webkit-transform: none;
          transform: none;
}
.popup[id^=popup_cookie] .popup_content .term-wrap h2 {
  font-weight: 700;
  color: #000;
  letter-spacing: -0.054rem;
}
.popup[id^=popup_cookie] .popup_content .term-wrap p {
  letter-spacing: -0.048rem;
}
.popup[id^=popup_cookie] .popup_content .term-wrap p strong {
  font-weight: 700;
  vertical-align: baseline;
}
.popup[id^=popup_cookie] .popup_content .term-wrap ol {
  margin-top: 1rem;
}
.popup[id^=popup_cookie] .popup_content .term-wrap ol li {
  position: relative;
  padding-left: 2.4rem;
  color: #333;
  text-indent: 0;
}
.popup[id^=popup_cookie] .popup_content .term-wrap ol li::before {
  display: block;
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #333;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
}
.popup[id^=popup_cookie] .popup_content .term-wrap a {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: -0.042rem;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content {
  width: 49rem;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content .term-wrap h2 {
  margin-bottom: 0.8rem;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content .term-wrap p {
  word-break: keep-all;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content .term-wrap a {
  margin-top: 0.8rem;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content .btn_area {
  gap: 0.5rem;
  margin-top: 3.2rem;
}
.popup[id^=popup_cookie]#popup_cookie_agree .popup_content .btn_area .btn_sub {
  width: 12.5rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content {
  width: 60rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .term-wrap {
  margin-bottom: 4rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .term-wrap a {
  margin-top: 1rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content #btn_accept_all {
  margin-bottom: 4rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_wrap h2 {
  margin-bottom: 1.7rem;
  color: #000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.054rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list {
  border-bottom: 1px solid #DADADA;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list li {
  border-top: 1px solid #DADADA;
  cursor: pointer;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list li.on .ui_tree_list_head {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='3' viewBox='0 0 16 3' fill='none'%3E%3Cpath d='M15.0094 0.524029L0.00947206 0.475757L0.0159082 2.47575L15.0158 2.52402L15.0094 0.524029Z' fill='%23001B37'/%3E%3C/svg%3E");
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list li.on .ui_tree_list_content {
  height: auto;
  max-height: 100rem;
  will-change: max-height;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_head {
  padding: 1.5rem 0 1.6rem 2.9rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.49044 8.49664L6.5114 15.0093L8.51139 15.0158L8.49043 8.50308L15.0031 8.52404L14.9967 6.52405L8.484 6.50309L8.46312 0.0158399L6.46313 0.00940371L6.48401 6.49665L-0.00323995 6.47577L0.00319669 8.47576L6.49044 8.49664Z' fill='%23001B37'/%3E%3C/svg%3E") no-repeat left center/1.5rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_head .switch_area {
  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;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_head .switch_area h4 {
  color: #333;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: -0.048rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_head .switch_always {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.048rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_content {
  max-height: 0;
  overflow: hidden;
  background: #F6F8F9;
  will-change: max-height;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .ui_tree_list_content p {
  padding: 2rem 2.6rem 2.2rem 3.6rem;
  color: #808080;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: -0.042rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .btn_area {
  margin-top: 2.8rem;
}
.popup[id^=popup_cookie]#popup_cookie_setting .popup_content .btn_area .btn_sub {
  width: 16.4rem;
}

html[lang=en] .popup[id^=popup_cookie]#popup_cookie_agree .popup_content .btn_area {
  gap: 0.2rem;
}
html[lang=en] .popup[id^=popup_cookie]#popup_cookie_agree .popup_content .btn_area .btn_sub {
  padding: 1rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
}

/* paging */
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paging_center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paging .btn_paging {
  display: inline-block;
}
.paging .btn_paging_first, .paging .btn_paging_last {
  width: 1.4rem;
  height: 1.3rem;
}
.paging .btn_paging_prev, .paging .btn_paging_next {
  width: 0.8rem;
  height: 1.3rem;
}
.paging .btn_paging_first {
  background: url(../images/icon/btn_first.svg) no-repeat;
}
.paging .btn_paging_last {
  background: url(../images/icon/btn_last.svg) no-repeat;
}
.paging .btn_paging_prev {
  background: url(../images/icon/btn_prev.svg) no-repeat;
  margin: 0 3rem 0 2rem;
}
.paging .btn_paging_next {
  background: url(../images/icon/btn_next.svg) no-repeat;
  margin: 0 2rem 0 3rem;
}
.paging > div:not(:first-child) {
  margin-left: 1.2rem;
}
.paging > div a {
  display: inline-block;
  width: 2.8rem;
  height: 3rem;
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
  text-align: center;
  line-height: 180%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paging > div a.on {
  color: #fff;
  background: url(../images/icon/icon_paging.svg) no-repeat;
}

/* period lookup */
.period_lookup_area {
  padding: 4rem;
  background-color: #F6F8F9;
}
.period_lookup .tit {
  font-size: 1.8rem;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.54px;
  padding-bottom: 2rem;
}
.period_lookup .form_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period_lookup .form_area .period_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.period_lookup .form_area .period_area .btn_period {
  width: 6.5rem;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #C0C0C0;
  letter-spacing: -0.4px;
  border: 1px solid #C0C0C0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
}
.period_lookup .form_area .period_area .btn_period.choice {
  color: #333;
  border: 1px solid #333;
}
.period_lookup .form_area .period_area .btn_period:not(:first-child) {
  margin-left: 0.4rem;
}
.period_lookup .form_area .lookup_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 3rem;
}
.period_lookup .form_area .lookup_area .calendar {
  width: 16rem;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar {
  width: 100%;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.42px;
  padding: 0 2.8rem 0 0.8rem;
  border-bottom: 1px solid #333;
  background: transparent url(../images/icon/icon_calendar.svg) no-repeat calc(100% - 0.8rem) center/2rem;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar::-webkit-input-placeholder {
  color: #c0c0c0;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar::-moz-placeholder {
  color: #c0c0c0;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar:-ms-input-placeholder {
  color: #c0c0c0;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar::-ms-input-placeholder {
  color: #c0c0c0;
}
.period_lookup .form_area .lookup_area .calendar .input_calendar::placeholder {
  color: #c0c0c0;
}
.period_lookup .form_area .lookup_area span {
  font-size: 0;
}
.period_lookup .form_area .lookup_area span::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.1rem;
  background-color: #000;
  margin: 0 1rem;
}
.period_lookup .form_area .lookup_area .btn_search {
  width: 8rem;
  height: 3rem;
  background-color: #000;
  margin-left: 2rem;
  cursor: pointer;
}
.period_lookup .form_area .lookup_area .btn_search strong {
  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;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.042rem;
  line-height: 1.57;
}
.period_lookup .form_area .lookup_area .btn_search strong::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.4rem;
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 20L14 14M16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10C4 6.68629 6.68629 4 10 4C13.3137 4 16 6.68629 16 10Z" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>');
}

html[lang=en] .period_lookup .form_area .period_area .btn_period {
  width: 8rem;
}
html[lang=en] .period_lookup .form_area .lookup_area .btn_search {
  width: 8.6rem;
}

/************************************************************ 
    include
***********************************************************/
.term-wrap * {
  color: #333;
}
.term-wrap h1 {
  margin: 6rem 0 3rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.7rem;
}
.term-wrap h2 {
  margin: 3rem 0 0.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
}
.term-wrap p {
  margin-top: 0.6rem;
}
.term-wrap p, .term-wrap li, .term-wrap a {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.9rem;
  letter-spacing: -0.03em;
  vertical-align: top;
}
.term-wrap a {
  text-decoration: underline;
}
.term-wrap ol {
  margin-top: 0.6rem;
}
.term-wrap ol *:not(.link):not(a) {
  color: #808080;
}
.term-wrap ol.decimal {
  list-style-type: decimal;
  list-style-position: inside;
}
.term-wrap ol.lower-latin {
  list-style-type: lower-latin;
  list-style-position: inside;
}
.term-wrap ol.disc {
  list-style-type: disc;
  list-style-position: inside;
}
.term-wrap ol > li {
  list-style-type: inherit;
  list-style-position: inherit;
  text-indent: -2rem;
  padding-left: 2rem;
}
.term-wrap ol p, .term-wrap ol a {
  text-indent: 0;
}
.term-wrap ol p:not(.lower-latin-tit), .term-wrap ol a:not(.lower-latin-tit) {
  margin-top: 0;
}
.term-wrap ol p.lower-latin-tit + .lower-latin, .term-wrap ol a.lower-latin-tit + .lower-latin {
  margin-top: 0;
}
.term-wrap .desc {
  margin-top: 2rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: -0.03em;
  color: #333;
}
.term-wrap > *:first-child {
  margin-top: 0;
}
.term-wrap .table_wrap {
  margin: 6rem auto;
}
.term-wrap .table_wrap table {
  width: 100%;
  border: 1px solid #C0C0C0;
}
.term-wrap .table_wrap table colgroup .w160 {
  width: 16rem;
}
.term-wrap .table_wrap table colgroup .w180 {
  width: 18rem;
}
.term-wrap .table_wrap table colgroup .w220 {
  width: 22rem;
}
.term-wrap .table_wrap table tr th, .term-wrap .table_wrap table tr td {
  min-height: 6rem;
  padding: 1.6rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.048rem;
  word-break: keep-all;
}
.term-wrap .table_wrap table tr th:not(:first-child), .term-wrap .table_wrap table tr td:not(:first-child) {
  border-left: 1px solid #C0C0C0;
}
.term-wrap .table_wrap table tr th {
  text-align: center;
  background-color: #F6F8F9;
  color: #000;
}
.term-wrap .table_wrap table tr td {
  border-top: 1px solid #C0C0C0;
  color: #808080;
}
.term-wrap .table_wrap table ul li::before {
  background-color: #808080;
}
.term-wrap .table_wrap table ul.ul_h4 > li, .term-wrap .table_wrap table ul.ul_h5 > li, .term-wrap .table_wrap table ul.ul_h6 > li {
  padding-left: 0.9rem;
}
.term-wrap .table_wrap table ul.bullet_list_cir li::before {
  left: 0.35rem;
  top: 1.4rem;
}
.term-wrap .table_wrap table ul.bullet_list_hypen li::before {
  left: 0rem;
  top: 1.4rem;
}

/************************************************************ 
    floating
*************************************************************/
#ifc {
  position: relative;
}

#floating .floating_wrap {
  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;
  position: fixed;
  bottom: 6rem;
  right: 6rem;
  z-index: 900;
}
#floating .floating_wrap button {
  padding: 0;
}
#floating .floating_wrap.btm {
  position: absolute;
}
#floating .floating_wrap.on {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#floating .floating_wrap .drop_wrap {
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
#floating .floating_wrap .drop_wrap .btn_drop {
  position: relative;
  left: 1px;
  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;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid #E3E3E3;
  background-color: #fff;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784);
  z-index: 900;
}
#floating .floating_wrap .drop_wrap .btn_drop svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
#floating .floating_wrap .drop_wrap .btn_drop svg path {
  fill: black !important;
}
#floating .floating_wrap .drop_wrap .drop_menu {
  max-height: 0;
  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;
  padding: 8px 0;
  border: 1px solid #E3E3E3;
  border-radius: 30px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0901960784);
  opacity: 0;
  -webkit-transform: translateY(64px);
          transform: translateY(64px);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
#floating .floating_wrap .drop_wrap .drop_menu button {
  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;
  width: 55px;
  min-height: 56px;
}
#floating .floating_wrap .drop_wrap.expand .btn_drop {
  border-color: #000;
  background-color: #000;
}
#floating .floating_wrap .drop_wrap.expand .btn_drop svg {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#floating .floating_wrap .drop_wrap.expand .btn_drop svg path {
  fill: white !important;
}
#floating .floating_wrap .drop_wrap.expand .drop_menu {
  height: 26.2rem;
  max-height: 26.2rem;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  gap: 0.4rem;
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon {
  display: inline-block;
  width: 100%;
  height: auto;
  padding-top: 3.3rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03rem;
  text-indent: 0;
  color: #000;
  background-position: center 1.1rem;
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon.floor {
  background-image: url(../images/common/icon_floor.svg);
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon.parking {
  background-image: url(../images/common/icon_parking.svg);
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon.contact {
  background-image: url(../images/common/icon_contact.svg);
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon.push {
  position: relative;
  background-image: url(../images/common/icon_push.svg);
}
#floating .floating_wrap .drop_wrap.expand .drop_menu button i.icon.push.new:after {
  content: "";
  position: absolute;
  top: 0.9rem;
  right: 1.8rem;
  width: 3px;
  height: 3px;
  background: #E8468A;
}
#floating .floating_wrap button {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
#floating .floating_wrap button.top_anchor {
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #00172F url("../images/icon/btn_scrollTop.svg") no-repeat center center/100%;
  margin-top: -5.3rem;
  margin-left: auto;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#floating .floating_wrap button.top_anchor.on {
  margin-top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}/*# sourceMappingURL=common.css.map */