@charset "utf-8";
/* 프리텐다드 */
@font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Black.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Black.woff") format("woff");
    font-weight: 900;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-ExtraBold.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff");
    font-weight: 800;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Bold.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Bold.woff") format("woff");
    font-weight: 700;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-SemiBold.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-SemiBold.woff") format("woff");
    font-weight: 600;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Medium.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Medium.woff") format("woff");
    font-weight: 500;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Regular.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Regular.woff") format("woff");
    font-weight: 400;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Light.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Light.woff") format("woff");
    font-weight: 300;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-ExtraLight.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-ExtraLight.woff") format("woff");
    font-weight: 200;
  }
  
  @font-face {
    font-family: "Pretendard";
    src: url("/fonts/Pretendard/Pretendard-Thin.ttf") format("truetype"),
      url("/fonts/Pretendard/Pretendard-Thin.woff") format("woff");
    font-weight: 100;
  }
  
  
  /* 프리젠테이션 */
  @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-9Black.ttf") format("truetype");
      font-weight: 900;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-8ExtraBold.ttf") format("truetype");
      font-weight: 800;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-7Bold.ttf") format("truetype");
      font-weight: 700;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-6SemiBold.ttf") format("truetype");
      font-weight: 600;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-5Medium.ttf") format("truetype");
      font-weight: 500;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-4Regular.ttf") format("truetype");
      font-weight: 400;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-3Light.ttf") format("truetype");
      font-weight: 300;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-2ExtraLight.ttf") format("truetype");
      font-weight: 200;
    }
    @font-face {
      font-family: "Freesentation";
      src: url("/fonts/freesentation/Freesentation-1Thin.ttf") format("truetype");
      font-weight: 100;
    }
    
    
* {
  font-family: "Freesentation";
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  line-height: 140%;
  word-break: keep-all;
  border: 0;
 
}
body {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.wrap_in {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
.wrap_in2 {
  width: 1400px;
  margin: 0 auto;
  position: relative;
}
.wrap_in3 {
    margin-left: auto;
    position: relative;
    width: calc(100vh - -735px);
}
.wrap_in4 {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.line_h {
  width: 1px;
  height: 280px;
  background: #E7E9EB;
  position: relative;
  top: 180px;
  /* margin: 20px auto; */
}
.line_h2 {
  width: 70px;
  height: 4px;
  background: #fff;
  margin: 20px auto;
  _background-color: rgba(00, 00, 00, 0.8);
  display: block;
}
.line_h3 {
  width: 70px;
  height: 4px;
  background: #fff;
  margin: 20px auto;
  background-color: rgba(00, 00, 00, 0.8);
  display: block;
}

.line_v {
  height: 37%;
  width: 2px;
  background-color: black;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.line_v2 {
  height: 20%;
  width: 2px;
  background-color: black;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Freesentation";
}
img {
  _vertical-align: top;
}
a {
  text-decoration: none;
}
/*
input, button{
    padding: 0;
    vertical-align: top;
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif
}
*/
input,
button {
  padding: 0;
  vertical-align: top;
  font-family: "Freesentation";
}

/*  clearfix  */
.cf:after {
  content: "";
  display: block;
  clear: both;
}
.fl {
  float: left;
}

ul,
ol,
li {
  list-style: none;
}
a {
  color: var(--black);
  text-decoration: none;
}
input {
  vertical-align: initial;
}
button {
  vertical-align: top;
  cursor: pointer;
  color: #070707;
}
select {
  vertical-align: top;
}
.cf:after {
  display: block;
  content: "";
  clear: both;
}
.fwb {
  font-weight: bold;
}
img {
  _display: block;
}

.op80 {
  opacity: 80%;
}
.op70 {
  opacity: 70%;
}
.op60 {
  opacity: 60%;
}
.op50 {
  opacity: 30%;
}
.op40 {
  opacity: 40%;
}
.op30 {
  opacity: 30%;
}
.op20 {
  opacity: 20%;
}
.op10 {
  opacity: 10%;
}

.col_10 {
  width: 10% !important;
}
.col_13 {
    width: 13% !important;
  }
.col_15 {
    width: 15% !important;
  }
.col_20 {
  width: 20% !important;
}
.col_25 {
  width: 25% !important;
}
.col_28 {
    width: 28% !important;
  }
.col_30 {
  width: 30%;
}
.col_33 {
    width: 33%;
  }
.col_35 {
    width: 35%;
  }

.col_37 {
width: 37%;
}
.col_40 {
  width: 40% !important;
}
.col_45 {
  width: 45% !important;
}
.col_48 {
    width: 48% !important;
  }
.col_50 {
  width: 50% !important;
}
.col_55 {
  width: 55% !important;
}
.col_59 {
    width: 59% !important;
  }
.col_60 {
  width: 60%;
}
.col_66 {
    width: 67%;
  }
.col_70 {
  width: 70%;
}

.col_74 {
  width: 74%;
}
.col_75 {
    width: 75%;
  }
.col_80 {
  width: 80%;
}
.col_90 {
  width: 90% !important;
}
.col_100 {
  width: 100% !important;
}

.mb05 {
  margin-bottom: 5px !important;
}
.mb07 {
  margin-bottom: 7px !important;
}
.mb08 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb26 {
  margin-bottom: 26px !important;
}
.mb28 {
  margin-bottom: 28px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.mb36 {
  margin-bottom: 36px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}
.mb44 {
  margin-bottom: 44px !important;
}
.mb48 {
  margin-bottom: 48px !important;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb135 {
  margin-bottom: 135px;
}
.mb140 {
  margin-bottom: 140px;
}
.mb150 {
  margin-bottom: 150px;
}
.mb160 {
  margin-bottom: 160px;
}
.mb200 {
    margin-bottom: 200px;
  }

.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt90 {
  margin-top: 90px;
}
.mt100 {
  margin-top: 100px !important;
}
.mt115 {
  margin-top: 115px !important;
}
.mt130 {
  margin-top: 130px !important;
}
.mt150 {
  margin-top: 150px !important;
}
.mt200 {
  margin-top: 200px !important;
}



.ml8 {
  margin-left: 8px;
}
.ml16 {
  margin-left: 16px;
}
.ml20 {
  margin-left: 20px;
}
.ml24 {
  margin-left: 24px;
}
.ml40 {
  margin-left: 40px;
}
.ml30 {
  margin-left: 30px;
}
.ml160 {
    margin-left: 160px;
}
.ml200 {
    margin-left: 200px;
}


.mr10 {
  margin-right: 10px;
}
.mr16 {
  margin-right: 16px;
}
.mr40 {
  margin-right: 40px;
}
.mr80 {
  margin-right: 80px;
}

.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt70 {
  padding-top: 70px;
}
.pt80 {
  padding-top: 80px;
}
.pt90 {
  padding-top: 90px;
}
.pt100 {
  padding-top: 100px;
}
.pt120 {
  padding-top: 120px;
}
.pt150 {
  padding-top: 150px;
}
.pt160 {
    padding-top: 160px;
}
.pt200 {
  padding-top: 200px;
}

.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb70 {
  padding-bottom: 70px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb90 {
  padding-bottom: 90px;
}
.pb100 {
  padding-bottom: 100px;
}
.pb110 {
  padding-bottom: 110px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb200 {
  padding-bottom: 120px;
}

.ht10 {
  height: 10px;
}
.ht20 {
  height: 20px;
}
.ht30 {
  height: 30px;
}
.ht40 {
  height: 40px;
}
.ht50 {
  height: 50px;
}
.ht60 {
  height: 60px;
}
.ht70 {
  height: 70px;
}
.ht80 {
  height: 80px;
}
.ht90 {
  height: 90px;
}
.ht100 {
  height: 100px;
}

.fs120 {
  font-size: 120px !important;
}

.fs100 {
  font-size: 100px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs72 {
  font-size: 72px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs64 {
  font-size: 64px !important;
}
.fs52 {
  font-size: 52px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs42 {
  font-size: 42px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs36 {
  font-size: 36px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs32 {
  font-size: 32px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs13 {
  font-size: 13px !important;
}

.fw900{font-weight: 900;}
.fw800{font-weight: 800;}
.fw700{font-weight: 700;}
.fw600{font-weight: 600 !important;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}
.fw200{font-weight: 200;}
.fw100{font-weight: 100;}


.ts {
  text-shadow: 1px 1px 1px #373737;
}

.line:before {
  content: "";
  width: 100%;
  height: 7px;
  background-color: #7f0106;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: -1;
}

.flex{display: flex;    flex-wrap: wrap;}

/*position 클래스*/
.pr {
  position: relative;
} /*부모에다가 pr를 넣어주고*/

.scale img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.scale:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.j_center{justify-content: center;}
.j_between{justify-content:space-between;}
.t_left{text-align: center !important;}
.t_right{text-align: right !important;}
.t_center{text-align: center !important;}
.itmes_center{align-items: center;}
.block{display: block;}