@charset "utf-8";

/* font */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap");
@import url("https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face {
  font-family: "InkLipquid";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LotteMartDream";
  font-style: normal;
  font-weight: 400;
  src: url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2")
      format("woff2"),
    url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff")
      format("woff");
}
@font-face {
  font-family: "LotteMartDream";
  font-style: normal;
  font-weight: 700;
  src: url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2")
      format("woff2"),
    url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff")
      format("woff");
}
@font-face {
  font-family: "LotteMartDream";
  font-style: normal;
  font-weight: 300;
  src: url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2")
      format("woff2"),
    url("//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff")
      format("woff");
}
/*@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }
 
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:100;src:url('./fonts/NotoSansCJKkr-Thin.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:200;src:url('./fonts/NotoSansCJKkr-Light.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:300;src:url('./fonts/NotoSansCJKkr-DemiLight.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:400;src:url('./fonts/NotoSansCJKkr-Regular.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:500;src:url('./fonts/NotoSansCJKkr-Medium.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:bold;src:url('./fonts/NotoSansCJKkr-Bold.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:900;src:url('./fonts/NotoSansCJKkr-Black.otf') format('OpenType')}
*/

@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 100;
  src: url("./fonts/NotoSansKR-Thin.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Thin.woff") format("woff"),
    url("./fonts/NotoSansKR-Thin.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 200;
  src: url("./fonts/NotoSansKR-Light.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Light.woff") format("woff"),
    url("./fonts/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/NotoSansKR-DemiLight.woff2") format("woff2"),
    url("./fonts/NotoSansKR-DemiLight.woff") format("woff"),
    url("./fonts/NotoSansKR-DemiLight.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/NotoSansKR-Regular.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Regular.woff") format("woff"),
    url("./fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/NotoSansKR-Medium.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Medium.woff") format("woff"),
    url("./fonts/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: bold;
  src: url("./fonts/NotoSansKR-Bold.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Bold.woff") format("woff"),
    url("./fonts/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansCJK";
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/NotoSansKR-Black.woff2") format("woff2"),
    url("./fonts/NotoSansKR-Black.woff") format("woff"),
    url("./fonts/NotoSansKR-Black.otf") format("opentype");
}

/* 에스코어드림 */
@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 100;
	src:url('./fonts/S-CoreDream-1Thin.eot');
	src:url('./fonts/S-CoreDream-1Thin.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-1Thin.woff') format('woff'),
	url('./fonts/S-CoreDream-1Thin.woff2') format('woff2'),
	url('./fonts/S-CoreDream-1Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 200;
	src:url('./fonts/S-CoreDream-2ExtraLight.eot');
	src:url('./fonts/S-CoreDream-2ExtraLight.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-2ExtraLight.woff') format('woff'),
	url('./fonts/S-CoreDream-2ExtraLight.woff2') format('woff2'),
	url('./fonts/S-CoreDream-2ExtraLight.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 300;
	src:url('./fonts/S-CoreDream-3Light.eot');
	src:url('./fonts/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-3Light.woff') format('woff'),
	url('./fonts/S-CoreDream-3Light.woff2') format('woff2'),
	url('./fonts/S-CoreDream-3Light.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 400;
	src:url('./fonts/S-CoreDream-4Regular.eot');
	src:url('./fonts/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-4Regular.woff') format('woff'),
	url('./fonts/S-CoreDream-4Regular.woff2') format('woff2'),
	url('./fonts/S-CoreDream-4Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 500;
	src:url('./fonts/S-CoreDream-5Medium.eot');
	src:url('./fonts/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-5Medium.woff') format('woff'),
	url('./fonts/S-CoreDream-5Medium.woff2') format('woff2'),
	url('./fonts/S-CoreDream-5Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 600;
	src:url('./fonts/S-CoreDream-6Bold.eot');
	src:url('./fonts/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-6Bold.woff') format('woff'),
	url('./fonts/S-CoreDream-6Bold.woff2') format('woff2'),
	url('./fonts/S-CoreDream-6Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 700;
	src:url('./fonts/S-CoreDream-7ExtraBold.eot');
	src:url('./fonts/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-7ExtraBold.woff') format('woff'),
	url('./fonts/S-CoreDream-7ExtraBold.woff2') format('woff2'),
	url('./fonts/S-CoreDream-7ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 800;
	src:url('./fonts/S-CoreDream-8Heavy.eot');
	src:url('./fonts/S-CoreDream-8Heavy.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-8Heavy.woff') format('woff'),
	url('./fonts/S-CoreDream-8Heavy.woff2') format('woff2'),
	url('./fonts/S-CoreDream-8Heavy.ttf') format('truetype');
}

@font-face {
	font-family: 'score';
	font-style: normal;
	font-weight: 900;
	src:url('./fonts/S-CoreDream-9Black.eot');
	src:url('./fonts/S-CoreDream-9Black.eot?#iefix') format('embedded-opentype'),
	url('./fonts/S-CoreDream-9Black.woff') format('woff'),
	url('./fonts/S-CoreDream-9Black.woff2') format('woff2'),
	url('./fonts/S-CoreDream-9Black.ttf') format('truetype');
}

.f-lottemartdream {
  font-family: "LotteMartDream", sans-serif;
}
.f-nanummyeongjo {
  font-family: "Nanum Myeongjo", serif;
}
.f-nanum {
  font-family: "NanumSquare", sans-serif;
}
.f-basic {
  font-family: "굴림", sans-serif;
}

/* 초기화 */
html {
  overflow-y: scroll;
  min-width: 320px;
}
body {
  margin: 0;
  padding: 0;
  font-family: "score", sans-serif;
  color: #363636;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: "NanumSquare", sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em;
}
input,
button {
  margin: 0;
  padding: 0;
  font-family: "NanumSquare", sans-serif;
  font-size: 1em;
}
input[type="submit"] {
  cursor: pointer;
}
button {
  cursor: pointer;
}
button:focus {
  outline: 0;
}
img {
  max-width: 100%;
}
textarea,
select {
  font-family: "NanumSquare", sans-serif;
  font-size: 1em;
}
select {
  margin: 0;
}
/*select::-ms-expand{display:none} select design 시에만 풀기 */
p {
  margin: 0;
  padding: 0;
  word-break: keep-all;
}
hr {
  display: none;
}
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"],
input[type="password"],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}

/* UI */
.badge {
  width: 95px;
  display: inline-block;
  background-color: #00adba;
  font-size: 1.125rem;
  color: #fff;
  padding: 5px;
  border-radius: 20px;
  text-align: center;
}

.radio-wrap {
  display: flex;
  display: -ms-flex;
  align-items: flex-end;
}
.radio-box {
  position: relative;
  margin-right: 15px;
}
.radio-box input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.radio-box input[type="radio"] + label {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #555;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio-box input[type="radio"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  text-align: center;
  background: #fff;
  border: 1px solid #a2a2a2;
  border-radius: 50%;
}
.radio-box input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50%;
}

.input-text {
  border: 1px solid #d9d9d9;
  padding: 8px;
  color: #555;
  width: 100%;
  max-height: 35px;
}
select.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/icon/icon-select.jpg") #fff right center no-repeat;
  background-size: contain;
}

.item-square > li {
  position: relative;
  padding-left: 10px;
}
.item-square > li:before {
  width: 3px;
  height: 3px;
  background-color: #000;
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 10px;
}
.item-dot > li {
  position: relative;
  padding-left: 10px;
}
.item-dot > li:before {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  width: 2px;
  height: 2px;
  background-color: #727272;
  left: 0;
}
.item-dot > li:last-child {
  margin-bottom: 0;
}

.board-subject {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-con {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.hexagon {
  width: 100px;
  height: 55px;
  background: pink;
  position: relative;
}
.hexagon:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -16px;
  width: 0;
  height: 0;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-right: 16px solid pink;
}
.hexagon:after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;
  width: 0;
  height: 0;
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 16px solid pink;
}

/* layout */
.cinner {
  width: 1200px;
  margin: 0 auto;
}
.layout-flex {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
}
.layout-flex.align-start {
  align-items: flex-start;
}
.layout-flex.align-end {
  align-items: flex-end;
}
.layout-flex.justify-start {
  justify-content: flex-start;
}
.layout-tbl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.bg-cover {
  background: url("") center no-repeat;
  background-size: cover;
}

.sound-only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

.sub-con .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 450px;
}
.sub-con .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.sub-con .root_daum_roughmap .wrap_controllers,
.sub-con .root_daum_roughmap .wrap_btn_zoom,
.sub-con .roughmap_maker_label {
  display: none;
}

/* color */
.c-point {
  color: #e84e25;
}
.c-black {
  color: #000;
}
.c-red {
  color: #ff0000;
}
.c-main {
  color: #0c506b;
}

/* sort */
.txt-c {
  text-align: center;
}

/* response */
.mode-mobile {
  display: none;
}
.mode-pc {
  display: block;
}
.mode-pc.layout-flex {
  display: flex;
  display: -ms-flex;
}