@import url("new.css");
/* @import url("font.css"); */

@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
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;
  font-size: 100%;
  font-family: inherit;
  font-weight: 400;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html, body {
  margin: 0px;
  padding: 0;
  width: 100%;
  height: 100%;
    /* overflow-x: hidden; */
}
html {
  /* overflow-x: hidden; */
  font-size: 14px;
}
body {
  font-family: "Pretendard", sans-serif;
  max-width: 2560px;
  margin: 0 auto;
  line-height: 1.5rem;
  overflow-x: hidden;
  transition: 0.3s all ease;
}
ol,
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

a {
  text-decoration: none !important;
  color: inherit;
}
button {
  border: none;
  background: transparent;
  cursor: pointer;
}
input {
  border: 1px solid #adb5c2;
}
input,
select,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  background: none;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #000 !important;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}
textarea {
  font-family: inherit;
}
img {
  /* width: 100%; */
  max-width: 100%;
      -webkit-perspective: 1;
  -webkit-text-size-adjust: none;
    image-rendering: -webkit-optimize-contrast;
}

.pt16 {
  padding-top: 16px;
}
.pt18 {
  padding-top: 18px;
}
.pt20 {
  padding-top: 20px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.b {
  font-weight: 600;
}
.f700 {
  font-weight: 700;
}
.blue {
  color: #004cff;
}
.red {
  color: #f00;
}
.underline {
  text-decoration: underline !important;
}
.ta-c {
  text-align: center;
}
.ta-l {
  text-align: left;
}
.ta-r {
  text-align: right;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.chlorophyll {
  color: #80bcbb !important;
}

.containerWrap {
  width: 100%;
  padding: 4rem 3rem;
}
.container,
.container2 {
  max-width: 1320px;
  margin: 0 auto;
}
.container.fixed {
  margin-top: 255px;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justfy_between {
  justify-content: space-between;
}
.direction-col {
  flex-direction: column !important;
}
.align-center {
  align-items: center;
}

.hidden {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
  touch-action: none;
}

.pc_none {
  display: none !important;
}
.pc_none_flex {
  display: none !important;
}
.mo_none {
  display: block !important;
}
.mo_none_flex {
  display: flex !important;
}
.bg_none {
  background: none !important;
}

.no-contents {
  text-align: center;
  font-size: 1.5rem;
  padding: 5rem 0 10rem;
}

#privacy-contents {
  display: none;
  position: fixed;
  top: 25%;
  left: 0;
  right: 0;
  width: 768px;
  box-shadow: 0 0 11px #000;
  font-size: 1rem;
  line-height: 1.5rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  background: #fff;
  z-index: 91;
}
#privacy-contents h3 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 5rem;
  border-bottom: 1px solid #aaa;
  padding-left: 2rem;
  margin-bottom: 2rem;
  background: #fafafa;
}

#privacy-contents .tbl_basic {
  width: 90%;
  text-align: center;
  border-top: solid 2px #bfbfbf;
  border-bottom: solid 2px #bfbfbf;
  margin: 0 auto;
}
#privacy-contents .tbl_basic th {
  color: #222;
  font-weight: 600;
  padding: 0.75rem 0;
  background-color: #e2e2e2;
}
#privacy-contents .tbl_basic td {
  vertical-align: middle;
  border-top: solid 1px #bfbfbf;
  padding: 0.75rem 0;
  background-color: #f4f4f4;
}
#privacy-contents .add {
  width: 90%;
  margin: 2rem auto;
}
#privacy-contents .btns {
  text-align: center;
}
#privacy-contents .btns button {
  color: #fff;
  padding: 1rem 5rem;
  background-color: #222;
}
.grecaptcha-badge {
  display: none;
}

/**************** header ****************/

header {
  position: absolute;
  width: 100%;
  transition: 1s all ease;
}
header.fixed {
  position: fixed;
  z-index: 100;
  background: #fff;
  top: 0;
}
header .quick-bar {
  position: fixed;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
  width: 6.25rem;
  z-index: 2;
  flex-direction: column;
}
header .quick-bar .title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.25rem;
  width: 6.25rem;
  color: #fff;
  font-weight: 600;
  border-radius: 100%;
  margin-bottom: 0.62rem;
  background-color: #000;
}
header .quick-bar .list-wrap {
  text-align: center;
  border-radius: 6.35rem;
  padding: 3rem 0.75rem;
  margin-bottom: 0.62rem;
  backdrop-filter: blur(15px);
  background: #fff;
}
header .quick-bar .list-wrap li {
  font-size: 0.875rem;
  font-weight: 700;
  border-bottom: 1px solid #000;
  padding: 1rem;
}
header .quick-bar .list-wrap li:last-child {
  border-bottom: 0;
}
header .quick-bar .icon {
  width: 3.375rem;
  height: 3.375rem;
  background: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0.62rem auto;
}
header .quick-bar .icon img {
  width: 1.5rem;
}
header .quick-bar .icon:last-child img {
  width: 0.8rem;
}

header nav {
  display: flex;
  position: relative;
  max-width: 2560px;
  padding: 0;
  justify-content: center;
}
header .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5rem;
  box-sizing: border-box;
  background-color: #fff;
}
header .back-layer {
  display: none;
  position: fixed;
  z-index: 3;
  top: -50px;
  width: 100%;
  height: calc(100% + 50px);
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}
header .back-layer.active {
  display: block;
}
header .menu-pc {
  display: flex;
  position: fixed;
  left: 2vw;
  top: 1vw;
  width: 100%;
  justify-content: space-between;
  z-index: 3;
}
header .menu-pc a {
  width: 9rem;
}
header .menu-pc button {
  position: fixed;
  top: 1.5rem;
  right: 2.5rem;
  width: 2.5rem;
}
header .menu-mo {
  position: relative;
  top: 0;
  right: 0;
  width: 100%;
}
header .menu-mo.active {
  display: block;
}
header .menu-mo .inner {
  display: none;
}
header .menu-mo .logo-mo {
  width: 10rem;
  padding: 1.5rem 0 0.5rem;
}
header .menu-mo-list-wrap {  display: block;  position: fixed;
  right: -100%;
  top: 0;
  z-index: 3;
  /* width: 25rem; */
  width: 30rem;
  height: 100%;
  background: transparent;
  transition: all 0.5s;
}
header .menu-mo-list-wrap.active {
  right: 0;
  transition: all 0.5s;
}
header .menu-mo-list {  display: block;  width: 100%;  height: 100%;  max-width: 500px;
  position: absolute;
  top: 0;
  padding: 1.62rem 2.5rem;
  background-color: #fff;
  transition: all 0.5s;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  z-index: 4;
}
header .menu-mo-list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
header .menu-mo-list.active {  margin-left: 0;}
header .menu-mo-list .menu-mo-header {  display: flex;  justify-content: end;
  /* margin-bottom: 50px; */}
header .menu-mo-list .menu-mo-header > div {  display: flex;}
header .menu-mo-list .menu-mo-header a { font-size: 2.2rem; font-weight: bold; color: #000000;}
header .menu-mo-list .menu-mo-header i {  display: block;  width: 2px;  height: 1.5rem;
  background: #7b7b7b;  margin: 0 1.5rem;}
header .menu-mo-list .menu-mo-header .btn-close {  margin-top: -3px;  padding: 0;}
header .menu-mo-list .menu-mo-header .btn-close img { display: block; width: 70%; margin: 0 auto;}
header .menu-mo-list .main-menu-mo {  display: block;  margin-bottom: 50px;}
header .menu-mo-list .main-menu-mo.active {  display: none;}
header .menu-mo-list .main-menu-mo > li {  margin-bottom: 1.38rem;}
header .menu-mo-list .main-menu-mo > li > a {  display: block;  width: 100%;
  font-size: 1.5rem;  font-weight: 700;  padding: 0.875rem 0rem;}
header .menu-mo-list .main-menu-mo > li > a.active {
  background-image: url("../images/common/icon_minus.jpg");
  background-size: 12.5px 3px;
}
header .menu-mo-list .main-menu-mo .sub-menu-mo li {  border-bottom: 1px solid #7a7a7a;}
header .menu-mo-list .main-menu-mo .sub-menu-mo li a {  display: block; font-size: 1.125rem;
  text-transform: uppercase;
  /* padding: 0.875rem 0rem; */
  padding: 0.675rem 0rem;
}
header .menu-mo-list .main-menu-mo .sub-menu-mo li a p{font-size: 15px; line-height: 1.4;}
header .menu-mo-list .main-menu-mo .sub-menu-mo li a span, header .menu-mo-list .main-menu-mo .sub-menu-mo li a i{display: block; font-size: 13px; line-height: 1.3;  font-style: normal;
   color: #009eaa;
}

/****** main banner ******/
#main section .title-wrap {
  color: #000;
  text-align: center;
  font-family: "Raleway";
  font-size: 3.5rem;
  font-weight: 700;
  padding-top: 6.5rem;
  padding-bottom: 4.5rem;
  line-height: 100%;
}
#main section .inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  text-align: center;
}
#main #section1 {
  position: relative;
  display: inline-block;
  display: block;
  width: 100% !important; margin: 0 auto;
  height: 100%;
  /* max-width: 2560px; */

  text-align: center; box-sizing: border-box;
}
#main #section1 .mySwiper1 .swiper-pagination {
  bottom: 3.8rem !important;
}
#main #section1 .mySwiper1 .swiper-slide img {  width: 100%;  height: 100%;}
#main #section1 .mySwiper2 {  display: none;}
#main #section1 .mySwiper2 .swiper-pagination {  bottom: 2rem !important;}
#main #section1 .mySwiper2 .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
#main #section1 .mySwiper2 .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
  border-radius: 25px;
}

#main #section1 .swiper-button-prev,
#main #section1 .swiper-button-next {
  top: auto;
  width: 6.5px;
  height: 12px;
  bottom: 4.05rem;
}
#main #section1 .swiper-button-prev {
  left: 47%;
  background: url("../images/arrow_prev.png") no-repeat 0 0 / 100%;
}
#main #section1 .swiper-button-next {
  right: 47%;
  background: url("../images/arrow_next.png") no-repeat 0 0 / 100%;
}
#main #section1 .swiper-button-prev::after,
.swiper-button-next::after {  display: none;}
#main #section1 .swiper-pagination-bullet {  background: #fff;  opacity: 1;}
#main #section1 .swiper-pagination-bullet-active {  background: #000;  border-radius: 25px;}
#main #section2 {  margin-bottom: 11.75rem;}
#main #section2 .stage {  display: flex;}
#main #section2 .stage1 {  margin-right: 0.5rem;}
#main #section2 .stage2 {  margin-left: 0.5rem;}
#main #section2 .stage1, #section2 .stage2 {  width: 50%;}
#main #section2 .stage1 .text {  font-size: 1.25rem;  font-weight: 500;
  line-height: 1.8rem;}
#main #section2 .stage1 .padding1 {  padding: 4.69rem 0;}
#main #section2 .stage1 .title, #main #section2 .stage2 .title {
  font-size: 2.5rem;  font-weight: 900;  line-height: 155%;  margin-bottom: 1.56rem;}

#main #section2 .stage1 .text, #main #section2 .stage2 .text{
  padding: 0 5%;
  width: 90%;
  margin: 0 auto;
  box-sizing: border-box;
}
#main #section2 .stage2 .text {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 155%;
}
#main #section2 .stage2 .padding2 {
  padding: 6.56rem 0;
}

#main #section3 {
  margin-bottom: 9.87rem;
}
#main #section3 .stage {
  display: flex;
  flex-wrap: wrap;box-sizing: border-box;
}
#main #section3 .stage li {
  width: 25%;
  padding: 0.5rem 0.5rem 0rem 0.5rem;  box-sizing: border-box;
}

/* #main #section3 .stage li img {
  width: 100%;
  box-sizing: border-box;
} */
#main #section3 .stage li a{  position: relative;  width: 100%; height: 100%;
  box-sizing: border-box;}


#main #section3 .screen{  position: relative; display: block;
  width: 100%;  height: 100%;   overflow: hidden; }
#main #section3 .screen img {  position: relative; display: block;
    width: 100%; height: 100%;}
#main #section3 .screen::after{
  content: '';  position: absolute;
  display: block; width: 100%;  height: 100%;
  /* z-index: -1; opacity: 0; */
  opacity: 0.8;
top: 0; left: 0; right: 0; bottom: 0;
 /* background:rgba(0, 188, 212, 0.7); */
 background: rgba(51, 51, 51, 0.6);
  transition: all .5s;  -webkit-transition: all .5s;  -moz-transition: all .5s;
  -ms-transition: all .5s;  -o-transition: all .5s;
  box-sizing: border-box;
 overflow: hidden;
}

#main #section3 .screen .top,
#main #section3 .screen .bottom {
  position: absolute;  left: -350%;
   z-index: 2;
  /* z-index: 2;  */color: #fff;
     transition: all .5s;  -webkit-transition: all .5s;
    -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;
  width: 100%; padding: 0 10%; text-align: left;
    font-weight: 700; line-height: 1.4;box-sizing: border-box;
  }

#main #section3 .screen .top{  bottom: 15%; font-size: 18px; left: 0%;
}
#main #section3 .screen .bottom{  bottom: 15%;  font-size: 16px; left: 0%; }


/* #main #section3 li a:hover .top{  left: 0%; }
#main #section3 li a:hover .bottom{  left: 0%; }
#main #section3  .stage li a:hover .screen::after{  opacity: 0.8; z-index: 1;} */


#main #section4 {
  margin-bottom: 9.87rem;
}
#main #section4 .stage {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#main #section4 .stage li {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 100%;
  border: 1px solid #000;
  padding: 1.25rem 1.5rem;
  margin-bottom: 0.88rem;
  margin-right: 0.75rem;
}

#main #section5 {
  width: 100%;
  margin-bottom: 9.87rem;
}
#main #section5 .stage {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  box-sizing: border-box;
}
#main #section5 .stage li {
  margin: 0 0.5rem; width: 90%;
}

/********* sub ***********/
#sub .wrap {
  width: 912px;
  margin: 10rem auto;
}
#sub section .category {
  font-size: 1.125rem;
  line-height: 100%;
  margin-bottom: 1.87rem;
}
#sub section h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  border-bottom: 4px solid #000;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
#sub section h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
}
#sub section h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2.1875rem;
  margin-bottom: 4.5rem;
  text-align: justify;
}
#sub section p {
  font-size: 1.25rem;
  letter-spacing: 0.12px;
  line-height: 2.1875rem;
  margin-bottom: 1.25rem;
}
#sub section p.m2 {
  margin-bottom: 2rem;
}
#sub section p.m3 {
  margin-bottom: 3rem;
}
#sub section p.m5 {
  margin-bottom: 5rem;
}
#sub section .video-box {
  text-align: center;
  margin: 2.5rem 0;
}
#sub section .img-box {
  margin: 4rem 0;
}
#sub section .img-box.m0 {
  margin-bottom: 0;
} /*이미지 연속될때*/
#sub section .img-box .one-line {
  display: flex;
  max-width: 100%;
}
#sub section .img-box img {
  flex: 1;
  width: 100%;
}
#sub section .img-box img.square {
  /*이미지 정사각형화*/
  width: 30vw;
  object-fit: cover;
  height: 30vw;
  object-position: top;
}
#sub section .img-box .annotation {
  color: #9b9b9b;
  font-size: 1rem;
  line-height: 155%;
  margin-bottom: 0;
}
#sub section .img-box .annotation.essential {
  color: #000000;
  font-size: 1.3rem;
  font-weight: 700;
}
#sub section .write {
  font-size: 1.125rem;
  margin-top: 3rem;
  line-height: 1.75rem;
}
#sub section .write span {
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0.5rem;
}
#sub section .tags {
  /* display: flex; */
  display: none;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 2.38rem;
}
#sub section .tags li {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 100%;
  border: 2px solid #000;
  padding: 0.75rem 1rem;
  margin-bottom: 0.88rem;
  margin-right: 0.75rem;
}

#privacy .privacy-content {
  max-width: 1200px;
  color: #797979;
  font-size: 1.2rem;
  line-height: 2rem;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin: 0 auto 100px;
}
#privacy .privacy-content pre {
  white-space: pre-wrap;
}

/*************** pager *****************/
.pager {
  text-align: center;
  margin-top: 5%;
  margin-bottom: 5%;
  display: flex;
  justify-content: center;
}
.pager:after {
  content: "";
  display: block;
  clear: both;
}
.pager li {
  padding: 4px 8px 3px;
}
.pager a {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.pager a.active {
  font-weight: bold;
  background: #80bcbb;
  border-radius: 100%;
  color: #fff;
}
.pager .prev {
  background: url("/img/common/pager_prev.png") no-repeat;
  background-size: 100% 100%;
  text-indent: -999999px;
}
.pager .next {
  background: url("/img/common/pager_next.png") no-repeat;
  background-size: 100% 100%;
  text-indent: -999999px;
}
/* 인스타그램 ysy-240110 */
.instagram_Wr{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.instagram {
  position: relative;
  display: flex;
  flex-direction: row;
    align-items: flex-start;

  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px 53px; */
}
.instagram__list {
  display: inline-block;
  width: 100%;
  /* width: calc(100% / 2 - 34px); */
  margin: 15px 15px; padding: 10px 30px 20px 30px;
  border: 1px solid #000;
  box-sizing: border-box;
}

 .insta__title {
  position: relative;
  display: flex;
  align-items: center;
  height: 53px;
  background: url("../../img/instagram/logo.svg") no-repeat 0 center / 50px;
  color: #000;
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 800;
  padding-left: 58px;
}
.insta__img img {
  width: 100%;
  min-height: 207px;
  /*max-height: 207px;*/
  object-fit: cover;
}
.insta__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.insta__btn .icon1 {
  width: 106px;
  height: 53px;
  background: url("../../img/instagram/icon1.svg") no-repeat 0 center / 80px;
}
.insta__btn .icon2 {
  width: 20px;
  height: 53px;
  background: url("../../img/instagram/icon2.svg") no-repeat 0 center / 16px;
}
.insta__desc {
  min-height: 150px;
  color: #000;
  text-align: justify;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 155%;
  letter-spacing: 0;
}
.insta__tag ul {
  /* display: inline-flex;
  flex-wrap: nowrap; */
}
.insta__tag ul li {
  display: inline-block;
  color: #463490;
  font-family: Pretendard;
  font-size: 15.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 155%;
  letter-spacing: -1px;
}

/* essential */
#sub section .title-type1 {
  margin-bottom: 4.5rem !important;
}
#sub section .title-type1 > div {
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 155% !important;
}
#sub section .title-type1 > div:nth-child(1) {
  padding-bottom: 20px;
}
#sub section .title-type2 {
  font-weight: bold;
}

footer {
  width: 100%;
  max-width: 2560px;
  background: #000814;
}
footer .inner {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 6.38rem 4.9rem;
}
footer .top {
  color: #fff;
  margin-bottom: 26rem;
}
footer .top img {
  width: 18rem;
}
footer .bottom p {
  margin-bottom: 1.25rem;
}
footer .bottom img {
  width: 9rem;
}
footer .bottom ul {
  display: flex;
}
footer .bottom li {
  color: #fff;
  margin-right: 2.5rem;
}
footer .subscribe {
  position: absolute;
  right: 1vw;
  bottom: 6.38rem;
  color: #000;
  padding: 3.8rem 9.8rem;
  background-color: #fff;
}
footer .subscribe h3 {
  text-align: center;
  font-family: Raleway;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 100%; /* 3.5rem */
  margin-bottom: 1.19rem;
}
footer .subscribe .sub {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 2.75rem;
}
footer .subscribe input[type="text"] {
  width: 90%;
  border: 0;
  border-bottom: 4px solid #000;
  padding: 1rem 0.5rem;
}
footer .subscribe .name {
  border-bottom: 4px solid #000;
}
footer .subscribe .email {
  display: flex;
}
footer .subscribe .phone {
  display: flex;
  margin-bottom: 1.13rem;
}
footer .subscribe .email span,
footer .subscribe .phone span {
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .subscribe .check {
  font-size: 1.125rem;
  line-height: 2rem;
  padding-left: 4rem;
}
footer .subscribe button {
  width: 100%;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%;
  padding: 1.5rem 0.5rem;
  margin-top: 2.25rem;
  background-color: #000;
}
footer .modal_content {
  display: none;
}
.img-sign {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0px;
  margin-top: 0;
}
.img-sign img {
  display: block;
  width: 210px !important;
}

/* 2024-02-06 정승재 추가 */
.board_table {
    border-collapse: collapse !important;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-weight:400;
	border-bottom: 1px solid #666;
	font-size:15px;
  }
.board_table > thead > tr > th,
.board_table > tbody > tr > th,
.board_table > tfoot > tr > th,
.board_table > thead > tr > td,
.board_table > tbody > tr > td,
.board_table > tfoot > tr > td {
  padding: 10px ;
  line-height: 1.8;
  vertical-align: middle;
  letter-spacing:-0.2px;
  font-weight:400;
  text-align:center;
  font-size: 15px;
}
.board_table td{line-height:1.5}
.board_table > tbody > tr > th,
.board_table > tbody > tr > td{
  border-top: 1px solid #666;
  font-weight:400;
  font-size: 15px;
}

.board_table td{background-color: #FFF !important;}
.board_table.table-hover  > tbody > tr > td:hover, .board_table .td{background-color: #FBFBFB !important;}
.board_table th { background-color: #EEE ;text-align:center; !important; }
.board_table .th {font-weight:700;}



.board_table-bordered {border: 1px solid #000;}
.board_table-td-bordered {border: 1px solid #000;}
.board_table .border-left	{border-left:1px solid #000}
.board_table .border-right	{border-right:1px solid #000}
.board_table .border-top		{border-top:1px solid #000}
.board_table .border-bottom	{border-bottom:1px solid #000}
.write-br-bottom			{border-bottom:1px solid #FFF;}
.board_table .view_content	{color:#000080;font-size:1.05em}

.border-bt2 {border-bottom: 2px solid #666;}
.border-bt1 {border-bottom: 1px solid #666;}
.board_table .tleft {text-align:left;}
.board_table .tcenter {text-align:center;}
.board_table .tright {text-align:right;}

#sub section .flex2 .img-box2{
	width: 100%;
		/* height: 180px; */
  }

.gridArea{
	width: 100%;
    margin: 10px 0;
    border-bottom: 1px solid #000;
	    align-items: flex-start;
}
.gridArea > .flex {
    width: 55%;
    margin: 0;
	    justify-content: flex-start;
    align-items: flex-start;
}

.total h2{margin-bottom: 0 !important;}
.total > p {
	margin: 0;
}

.total div > span{font-size: 1.25rem;}
.total div > span:nth-child(2) {
    font-size: 5rem;
    line-height: 50px;
}

.essential_flex{
  flex-wrap: wrap;
  border-left: 1px solid #000;
  width: 70%;
  padding-left: 40px;
  margin-top: 0;
}
.essential_flex li{width: 30%;}
.essential_flex li p{margin-bottom: 0 !important;}
.essential_flex li p span{font-size: 1.5rem;}

.gridArea .gridArea_content {padding:15px 0 0 10px;}

@media only screen and (max-width: 767px) {
.gridArea > .flex {
	width: 100%;
    flex-direction: row;
	/* height: 200px; */
  }
  #sub section .flex2 .img-box2{
	width: 80%;
	height: 100%;
  }
  .gridArea .gridArea_content {padding:100px 0 0 10px;}
  /* 외부용
  .gridArea .gridArea_content {padding:180px 0 0 10px;} */
}


@media only screen and (max-width: 500px) {
.gridArea > .flex {
width: 100%;
    flex-direction: row;
	height: 150px;
  }
  #sub section .flex2 .img-box2{
	width: 100%;
	height: 100%;
  }
  .gridArea .gridArea_content {padding:70px 0 0 10px;}
}
/*
외부용
.grid {display: -ms-grid;display: grid;}

.gridArea{
	width: 100%;
    -ms-grid-columns: 40% 10px 1fr;
    grid-template-columns: repeat(1, 40% 1fr);
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    margin: 10px 0;
    border-bottom: 1px solid #000;
}
.gridArea > .grid {
	width: 100%;
	-ms-grid-columns: (60% 1fr)[1];
	grid-template-columns: repeat(1, 60% 1fr);
}

@media only screen and (max-width: 500px) {
  .gridArea {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
  }
} */

/* 2024-02-06 정승재 추가 끝*/


/* k-info */
@media only screen and (max-width: 500px){
  .kinfo_flex{flex-direction: column;}
  .kinfo_flex h2{text-align: center; margin: 20px 0 !important;}
}