/* common.css */



@font-face {
  font-family: 'SUIT';
  font-weight: 100;
  | src:
    url('../font/SUIT-Thin.woff2') format('woff2'),
    url("../font/SUIT-Thin.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 200;
  src:
    url('../font/SUIT-ExtraLight.woff2') format('woff2'),
    url("../font/SUIT-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 300;
  src:
    url('../font/SUIT-Light.woff2') format('woff2'),
    url("../font/SUIT-Light.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 400;
  src:
    url('../font/SUIT-Regular.woff2') format('woff2'),
    url("../font/SUIT-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 500;
  src:
    url('../font/SUIT-Medium.woff2') format('woff2'),
    url("../font/SUIT-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 600;
  src:
    url('../font/SUIT-SemiBold.woff2') format('woff2'),
    url("../font/SUIT-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 700;
  src:
    url('../font/SUIT-Bold.woff2') format('woff2'),
    url("../font/SUIT-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 800;
  src:
    url('../font/SUIT-ExtraBold.woff2') format('woff2'),
    url("../font/SUIT-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: 'SUIT';
  font-weight: 900;
  src:
    url('../font/SUIT-Heavy.woff2') format('woff2'),
    url("../font/SUIT-Heavy.ttf") format("truetype");
}

/* header: pc형 */

header {
  width: 100%;
  height: 90px;
  /* border: 1px solid red; */
  position: absolute;
  z-index: 10;
  /* background-color: rgba(255, 255, 255, 0.3); */
}

header div.t-inner {
  width: 90%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  /* border: 10px solid rgb(42, 42, 167); */

}

header div.t-inner h1.pc-logo {
  /* border: 5px solid pink; */
  /* padding: 41px 0 30px 0; */
  float: left;
  margin-top: 30px;
}

header div.t-inner nav#t-nav {
  /* border: 5px solid rgb(206, 142, 222); */
  margin-top: 32px;
  float: right;
}

header div.t-inner nav#t-nav ul {
  /* border: 5px solid rgb(175, 82, 198); */
  /* text-align: right; */
}

header div.t-inner nav#t-nav ul li {
  /* border: 5px solid rgb(42, 5, 51); */
  display: inline-block;

}

header div.t-inner nav#t-nav ul li a {
  /* background: yellow; */
  padding: 14px 37px 14px 37px;
  display: inline-block;
  font-family: 'SUIT';
  font-weight: 700;
  font-size: 17px;
  color: #323232;
}

header div.t-inner nav#t-nav ul li a:hover {
  color: #184990;
  text-decoration: underline;
}

header div.t-inner nav#t-nav ul li:first-child a {
  padding-left: 0;
}

header div.t-inner nav#t-nav ul li:last-child a {
  padding-right: 0;
}


/* footer */
footer {
  margin-top: 194px;
  width: 100%;
  height: 240px;
  background: #232323;
  display: flex;
}

.f-inner {
  margin: 0 auto;
  padding-top: 58px;
  width: 70.31%;
  color: #909090;
}

.f-left {
  float: left;
}

.f-left a {
  display: inline-block;
  font-family: 'SUIT';
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  padding: 3px 12px 3px 12px;
}

.f-left a:first-child {
  padding-left: 0;
}

.f-left a:last-child {
  padding-right: 0;
}

.f-right {
  float: right;
}

.f-l-c{
  /* border: 2px solid rgb(204, 33, 62); */
  font-family: 'SUIT';
  font-weight: 500;
  font-size: 15px;
  color: #909090;
  margin-top: 12px;
}

.f-a-w {
  /* border: 2px solid pink; */
  float: left;
  font-family: 'SUIT';
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  margin-right: 33px;
  line-height: 36px;
  margin-top: -6px;
}

.f-a {
  /* border: 2px solid rgb(204, 33, 62); */
  float: right;
  font-family: 'SUIT';
  font-weight: 500;
  font-size: 15px;
  color: #909090;
  line-height: 36px;
  margin-top: -6px;
  /* 또는 bottom */
}

/* //footer */