@charset "UTF-8";

/*─────────── Fonts ───────────*/
/* Pretendard */
@font-face {
  font-family: Pretendard;
  font-weight: 300;
  src:
    url("../font/pretendard/Pretendard-Light.woff2") format("woff2"),
    url("../font/pretendard/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 400;
  src:
    url("../font/pretendard/Pretendard-Regular.woff2") format("woff2"),
    url("../font/pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 500;
  src:
    url("../font/pretendard/Pretendard-Medium.woff2") format("woff2"),
    url("../font/pretendard/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 700;
  src:
    url("../font/pretendard/Pretendard-Bold.woff2") format("woff2"),
    url("../font/pretendard/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 800;
  src:
    url("../font/pretendard/Pretendard-ExtraBold.woff2") format("woff2"),
    url("../font/pretendard/Pretendard-ExtraBold.woff") format("woff");
}
/* Pretendard */

/* Poppins */
@font-face {
  font-family: Poppins;
  font-weight: 300;
  src:
    url("../font/poppins/Poppins-Light.woff2") format("woff2"),
    url("../font/poppins/Poppins-Light.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 400;
  src:
    url("../font/poppins/Poppins-Regular.woff2") format("woff2"),
    url("../font/poppins/Poppins-Regular.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 500;
  src:
    url("../font/poppins/Poppins-Medium.woff2") format("woff2"),
    url("../font/poppins/Poppins-Medium.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  src:
    url("../font/poppins/Poppins-Bold.woff2") format("woff2"),
    url("../font/poppins/Poppins-Bold.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 800;
  src:
    url("../font/poppins/Poppins-ExtraBold.woff2") format("woff2"),
    url("../font/poppins/Poppins-ExtraBold.woff") format("woff");
}
/* Poppins */

/* Playfair Display */
@font-face {
  font-family: Playfair Display;
  font-weight: 600;
  src:
    url("../font/playfair/PlayfairDisplay-SemiBold.woff2") format("woff2"),
    url("../font/playfair/PlayfairDisplay-SemiBold.woff") format("woff");
}
@font-face {
  font-family: Playfair Display;
  font-weight: 600;
  src:
    url("../font/playfair/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"),
    url("../font/playfair/PlayfairDisplay-SemiBoldItalic.woff") format("woff");
}
/* Playfair Display */
/*───────────// Fonts ───────────*/

h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
th,
td,
div,
span,
label,
input,
select,
textarea,
li,
label,
button,
small,
dl,
dt,
dd,
b,
u,
strong,
em,
caption,
figcaption {
  font-family: "Pretendard", "pretendard", sans-serif;
  letter-spacing: 0;
  word-break: keep-all;
}

h1, h2, h3, h4, h5, h6 { font-weight: 600;}

em, address { font-style: normal;}

button { color: inherit;}

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

/* Family */
.poppins { font-family: "Poppins", "Pretendard";}

.fair { font-family: "Playfair Display", "Pretendard", serif;}

/* Size */
.title-m-titanic {font-size: 44px;}
.title-s-titanic { font-size: 42px;}
.title-titanic { font-size: 40px;}

.title-gigantic {
  font-size: 38px;
}

.title-xxxlarge {
  font-size: 36px;
}

.title-xxlarge {
  font-size: 34px;
}

.title-xlarge {
  font-size: 32px;
}

.title-large {
  font-size: 30px;
}

.title-medium {
  font-size: 28px;
}

.title-small {
  font-size: 26px;
}

.title-xsmall {
  font-size: 24px;
}

.title-exsmall {
  font-size: 22px;
}

.text-xxlarge {
  font-size: 20px;
}

.text-xlarge {
  font-size: 19px;
}

.text-large {
  font-size: 18px;
}

.text-medium {
  font-size: 17px;
}

.text-small {
  font-size: 16px;
}

.text-xsmall {
  font-size: 15px;
}

.text-exsmall {
  font-size: 14px;
}

@media (max-width: 800px) {
  .title-m-titanic {
    font-size: 40px;
  }
  .title-s-titanic {
    font-size: 38.1818181818px;
  }
  .title-titanic {
    font-size: 36.3636363636px;
  }
  .title-gigantic {
    font-size: 34.5454545455px;
  }
  .title-xxxlarge {
    font-size: 32.7272727273px;
  }
  .title-xxlarge {
    font-size: 30.9090909091px;
  }
  .title-xlarge {
    font-size: 29.0909090909px;
  }
  .title-large {
    font-size: 27.2727272727px;
  }
  .title-medium {
    font-size: 25.4545454545px;
  }
  .title-small {
    font-size: 23.6363636364px;
  }
  .title-xsmall {
    font-size: 21.8181818182px;
  }
  .title-exsmall {
    font-size: 20px;
  }
  .text-xxlarge {
    font-size: 18.1818181818px;
  }
  .text-xlarge {
    font-size: 17.2727272727px;
  }
  .text-large {
    font-size: 16.3636363636px;
  }
  .text-medium {
    font-size: 15.4545454545px;
  }
  .text-small {
    font-size: 14.5454545455px;
  }
  .text-xsmall {
    font-size: 13.6363636364px;
  }
  .text-exsmall {
    font-size: 12.7272727273px;
  }
}
@media (max-width: 445px) {
  .title-m-titanic {
    font-size: 33.8461538462px;
  }
  .title-s-titanic {
    font-size: 32.3076923077px;
  }
  .title-titanic {
    font-size: 30.7692307692px;
  }
  .title-gigantic {
    font-size: 29.2307692308px;
  }
  .title-xxxlarge {
    font-size: 27.6923076923px;
  }
  .title-xxlarge {
    font-size: 26.1538461538px;
  }
  .title-xlarge {
    font-size: 24.6153846154px;
  }
  .title-large {
    font-size: 23.0769230769px;
  }
  .title-medium {
    font-size: 21.5384615385px;
  }
  .title-small {
    font-size: 20px;
  }
  .title-xsmall {
    font-size: 18.4615384615px;
  }
  .title-exsmall {
    font-size: 16.9230769231px;
  }
  .text-xxlarge {
    font-size: 17.3913043478px;
  }
  .text-xlarge {
    font-size: 16.5217391304px;
  }
  .text-large {
    font-size: 15.652173913px;
  }
  .text-medium {
    font-size: 14.7826086957px;
  }
  .text-small {
    font-size: 13.9130434783px;
  }
  .text-xsmall {
    font-size: 13.0434782609px;
  }
  .text-exsmall {
    font-size: 12.1739130435px;
  }
}
/* // Size */
/* Font Weight */
.weight-thin {
  font-weight: 100;
}
.weight-exlight {
  font-weight: 200;
}
.weight-light {
  font-weight: 300;
}
.weight-normal {
  font-weight: 400;
}
.weight-medium {
  font-weight: 500;
}
.weight-semi {
  font-weight: 600;
}
.weight-bold {
  font-weight: 700;
}
.weight-exbold {
  font-weight: 800;
}
.weight-black {
  font-weight: 900;
}

/* // Font Weight */
/* Color */
.color-point {
  color: var(--primary-color);
}

.color-two {
  color: #222;
}

.color-four {
  color: #444;
}

.color-five {
  color: #555;
}

.color-six {
  color: #666;
}

.color-seven {
  color: #777;
}

.color-eight {
  color: #888;
}

.color-nine {
  color: #999;
}

.color-a {
  color: #aaa;
}

.color-c {
  color: #ccc;
}

.color-d {
  color: #ddd;
}

.color-e {
  color: #eee;
}

.color-f {
  color: #fff;
}

/* // Color */
/* Line height */
.lh-0 {
  line-height: 1;
}

.lh-1 {
  line-height: 1.1;
}

.lh-2 {
  line-height: 1.2;
}

.lh-3 {
  line-height: 1.3;
}

.lh-4 {
  line-height: 1.4;
}

.lh-5 {
  line-height: 1.5;
}

.lh-6 {
  line-height: 1.6;
}

.lh-7 {
  line-height: 1.7;
}

.lh-8 {
  line-height: 1.8;
}

.lh-9 {
  line-height: 1.9;
}

.lh-10 {
  line-height: 2;
}

@media (max-width: 1440px) {
  .lh-xxl-0 {
    line-height: 1;
  }
  .lh-xxl-1 {
    line-height: 1.1;
  }
  .lh-xxl-2 {
    line-height: 1.2;
  }
  .lh-xxl-3 {
    line-height: 1.3;
  }
  .lh-xxl-4 {
    line-height: 1.4;
  }
  .lh-xxl-5 {
    line-height: 1.5;
  }
  .lh-xxl-6 {
    line-height: 1.6;
  }
  .lh-xxl-7 {
    line-height: 1.7;
  }
  .lh-xxl-8 {
    line-height: 1.8;
  }
  .lh-xxl-9 {
    line-height: 1.9;
  }
  .lh-xxl-10 {
    line-height: 2;
  }
}
@media (max-width: 1280px) {
  .lh-xl-0 {
    line-height: 1;
  }
  .lh-xl-1 {
    line-height: 1.1;
  }
  .lh-xl-2 {
    line-height: 1.2;
  }
  .lh-xl-3 {
    line-height: 1.3;
  }
  .lh-xl-4 {
    line-height: 1.4;
  }
  .lh-xl-5 {
    line-height: 1.5;
  }
  .lh-xl-6 {
    line-height: 1.6;
  }
  .lh-xl-7 {
    line-height: 1.7;
  }
  .lh-xl-8 {
    line-height: 1.8;
  }
  .lh-xl-9 {
    line-height: 1.9;
  }
  .lh-xl-10 {
    line-height: 2;
  }
}
@media (max-width: 1024px) {
  .lh-lg-0 {
    line-height: 1;
  }
  .lh-lg-1 {
    line-height: 1.1;
  }
  .lh-lg-2 {
    line-height: 1.2;
  }
  .lh-lg-3 {
    line-height: 1.3;
  }
  .lh-lg-4 {
    line-height: 1.4;
  }
  .lh-lg-5 {
    line-height: 1.5;
  }
  .lh-lg-6 {
    line-height: 1.6;
  }
  .lh-lg-7 {
    line-height: 1.7;
  }
  .lh-lg-8 {
    line-height: 1.8;
  }
  .lh-lg-9 {
    line-height: 1.9;
  }
  .lh-lg-10 {
    line-height: 2;
  }
}
@media (max-width: 800px) {
  .lh-md-0 {
    line-height: 1;
  }
  .lh-md-1 {
    line-height: 1.1;
  }
  .lh-md-2 {
    line-height: 1.2;
  }
  .lh-md-3 {
    line-height: 1.3;
  }
  .lh-md-4 {
    line-height: 1.4;
  }
  .lh-md-5 {
    line-height: 1.5;
  }
  .lh-md-6 {
    line-height: 1.6;
  }
  .lh-md-7 {
    line-height: 1.7;
  }
  .lh-md-8 {
    line-height: 1.8;
  }
  .lh-md-9 {
    line-height: 1.9;
  }
  .lh-md-10 {
    line-height: 2;
  }
}
@media (max-width: 640px) {
  .lh-sm-0 {
    line-height: 1;
  }
  .lh-sm-1 {
    line-height: 1.1;
  }
  .lh-sm-2 {
    line-height: 1.2;
  }
  .lh-sm-3 {
    line-height: 1.3;
  }
  .lh-sm-4 {
    line-height: 1.4;
  }
  .lh-sm-5 {
    line-height: 1.5;
  }
  .lh-sm-6 {
    line-height: 1.6;
  }
  .lh-sm-7 {
    line-height: 1.7;
  }
  .lh-sm-8 {
    line-height: 1.8;
  }
  .lh-sm-9 {
    line-height: 1.9;
  }
  .lh-sm-10 {
    line-height: 2;
  }
}
@media (max-width: 445px) {
  .lh-exsm-0 {
    line-height: 1;
  }
  .lh-exsm-1 {
    line-height: 1.1;
  }
  .lh-exsm-2 {
    line-height: 1.2;
  }
  .lh-exsm-3 {
    line-height: 1.3;
  }
  .lh-exsm-4 {
    line-height: 1.4;
  }
  .lh-exsm-5 {
    line-height: 1.5;
  }
  .lh-exsm-6 {
    line-height: 1.6;
  }
  .lh-exsm-7 {
    line-height: 1.7;
  }
  .lh-exsm-8 {
    line-height: 1.8;
  }
  .lh-exsm-9 {
    line-height: 1.9;
  }
  .lh-exsm-10 {
    line-height: 2;
  }
}
/*// Line height */