@charset "UTF-8";
/***************************************/
/**************** function ****************/
/***************************************/
/*
사용법 vw( px 수치 );
*/
/* vw 변환 function */
/***************************************/
/**************** mixin ****************/
/***************************************/
/***************************************/
/**************** color ****************/
/***************************************/
/***************************************/
/**************** style ****************/
/***************************************/
body * {
  color: rgb(51, 51, 51);
  font-family: "Noto Sans KR", sans-serif;
  -webkit-box-sizing: content-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0;
}

body {
  min-width: 1280px !important;
}

.container,
.common-container {
  width: 1280px !important;
  min-width: 1280px !important;
  padding: 0 2.5rem;
  margin: 0 auto;
}

/****************************************************/
.pc_layout {
  display: block !important;
}

.mo_layout {
  display: none !important;
}

/****************************************************/
/* 해더 */
.pc_layout .fn_header_wrap {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 999;
}
.pc_layout .fn_header_wrap .header > ul > li.on > a {
  font-size: 1.125rem;
  line-height: 7.75rem;
  font-weight: 500;
  text-align: center;
  color: rgb(66, 130, 255);
  opacity: 1;
}
.pc_layout .fn_header_wrap .header > ul > li.on .depth2 {
  display: block;
}
.pc_layout .header_wrap,
.pc_layout .fn_header_wrap {
  transition: all 0.5s;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pc_layout .header_wrap .header,
.pc_layout .fn_header_wrap .header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.pc_layout .header_wrap .header h1,
.pc_layout .fn_header_wrap .header h1 {
  width: 6.6875rem;
  height: 3.75rem;
}
.pc_layout .header_wrap .header h1 a,
.pc_layout .fn_header_wrap .header h1 a {
  width: 100%;
  display: block;
  padding: 0;
  background: url("/common/ko/img/foundation_logo.png");
  background-size: cover;
}
.pc_layout .header_wrap .header > ul,
.pc_layout .fn_header_wrap .header > ul {
  display: flex;
  justify-content: flex-end;
  gap: 1.875rem;
  flex: 1;
  margin-left: 0;
}
.pc_layout .header_wrap .header > ul > li,
.pc_layout .fn_header_wrap .header > ul > li {
  position: relative;
  display: block;
  margin-left: 0px;
  width: auto;
}
.pc_layout .header_wrap .header > ul > li > a,
.pc_layout .fn_header_wrap .header > ul > li > a {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 7.75rem;
  height: 7.75rem;
  padding: 0 1.25rem;
  font-weight: 500;
  opacity: 0.4;
  color: rgb(255, 255, 255);
  transition: all 0.5s;
}
.pc_layout .header_wrap .header > ul > li:last-child,
.pc_layout .fn_header_wrap .header > ul > li:last-child {
  margin-left: 5rem;
}
.pc_layout .header_wrap .header > ul > li:last-child a,
.pc_layout .fn_header_wrap .header > ul > li:last-child a {
  font-size: 1rem;
  line-height: 7.75rem;
  font-weight: 700;
  text-align: center;
  color: rgb(153, 153, 153);
  font-family: "Raleway", sans-serif;
}
.pc_layout .header_wrap .header > ul > li.on,
.pc_layout .fn_header_wrap .header > ul > li.on {
  font-weight: 500;
}
.pc_layout .header_wrap .header > ul > li.on a:after,
.pc_layout .fn_header_wrap .header > ul > li.on a:after {
  background: transparent;
}

.depth2 {
  width: auto;
  padding: 0.75rem 0;
}
.depth2 ul {
  display: flex;
  flex-direction: column;
  width: 12.5rem;
}
.depth2 ul li {
  margin-left: 0px;
  width: 100%;
  height: 2.3125rem;
}
.depth2 ul li a {
  opacity: 1;
  display: block;
  width: 100%;
  height: 2.3125rem;
  padding: 0 2rem;
  font-size: 0.875rem;
  line-height: 2.3125rem;
  font-weight: 700;
  text-align: left;
  color: rgb(102, 102, 102) !important;
}
.depth2 ul li:hover a {
  color: rgb(66, 130, 255) !important;
}
.depth2.long ul {
  width: 15.25rem;
}

.header_wrap.on,
.fn_header_wrap.on {
  background-color: transparent;
}
.header_wrap.on .header h1 a,
.fn_header_wrap.on .header h1 a {
  background: url("/common/ko/img/foundation_logo.png");
  background-size: cover;
}
.header_wrap.on .header > ul > li > a,
.fn_header_wrap.on .header > ul > li > a {
  opacity: 0.4;
  color: rgb(255, 255, 255);
}
.header_wrap.on .header > ul > li.on a,
.fn_header_wrap.on .header > ul > li.on a {
  opacity: 1;
  color: rgb(66, 130, 255);
  font-weight: 400;
  background: url("");
}
.header_wrap.on .header > ul > li.on a:active,
.fn_header_wrap.on .header > ul > li.on a:active {
  font-weight: 700;
  display: none;
  height: 0;
}

.header_wrap.active,
.fn_header_wrap.active {
  position: fixed;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(217, 217, 217);
}
.header_wrap.active .header h1 a,
.fn_header_wrap.active .header h1 a {
  background: url("/common/ko/img/foundation_logo_on.png");
  background-size: cover;
}
.header_wrap.active .header > ul > li > a,
.fn_header_wrap.active .header > ul > li > a {
  color: rgb(51, 51, 51);
}

/* 해더 */
/* 메인 */
.section {
  width: 100%;
  height: 100%;
  min-height: 980px;
  display: flex;
}

#section0 {
  background: url("/common/ko/img/main/f_main_visual1.png");
  background-size: cover;
  background-position: bottom;
}
#section0 .text_group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#section0 .text_group .title {
  font-size: 4.5rem;
  line-height: 5.3125rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 2.5rem;
}
#section0 .text_group .title span {
  font-size: 4.5rem;
  line-height: 5.3125rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}
#section0 .text_group .subtitle {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: center;
  color: rgb(255, 255, 255);
}

#section1 {
  background: url("/common/ko/img/main/f_main_visual2.png");
  background-size: cover;
  background-position: bottom;
}
#section1 .contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
#section1 .contents .text_group {
  margin-bottom: 3.75rem;
}
#section1 .contents .text_group > div:nth-child(1) {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 0.75rem;
}
#section1 .contents .text_group > div:nth-child(2) {
  font-size: 2.625rem;
  line-height: 4rem;
  font-weight: 700;
  text-align: left;
  margin-bottom: 1.5rem;
}
#section1 .contents .text_group > div:nth-child(3) {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
  color: rgb(153, 153, 153);
}
#section1 .contents .img_group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem;
}
#section1 .contents .img_group .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 16.875rem;
  height: 16.25rem;
  background-color: rgb(56, 68, 91);
}
#section1 .contents .img_group .box .img {
  margin-bottom: 2rem;
}
#section1 .contents .img_group .box .img img {
  width: 3.75rem;
}
#section1 .contents .img_group .box .txt {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  height: 4.5rem;
}
#section1 .contents .btn_group a {
  width: 13.3125rem;
  height: 4.6875rem;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: rgb(66, 130, 255);
  color: rgb(255, 255, 255);
  margin: 0 auto;
}
#section1 .contents .btn_group a:hover {
  background-color: rgb(49, 104, 212);
}
#section1 .contents .btn_group a:disabled {
  background-color: rgb(204, 204, 204);
  cursor: none;
}
#section1 .contents .btn_group a.press {
  background-color: rgb(91, 147, 255);
}
#section1.txt_v .contents .text_group > div:nth-child(1) {
  margin-bottom: 0.75rem;
}
#section1.txt_v .contents .text_group > div:nth-child(2) {
  margin-bottom: 2.25rem;
}
#section2 {
  background: url("/common/ko/img/main/f_main_visual3.png");
  background-size: cover;
  background-position: bottom;
  height: auto;
  min-height: auto;
}
#section2 .contents {
  padding: 7.5rem 0 10rem;
}
#section2 .contents .text_group > div:nth-child(1) {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}
#section2 .contents .text_group > div:nth-child(2) {
  font-size: 2.625rem;
  line-height: 4rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}
#section2 .contents .img_group {
  margin-top: 3.625rem;
}
#section2 .contents .img_group .swiper-container-initialized {
  transition-property: transform;
  transition-duration: 0.6s; /* 이 값을 더 크게 조정하여 부드러운 이동을 도모 */
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 원하는 easing 함수 사용 */
}
#section2 .contents .img_group .memberLogoSwiper_zigzag {
  margin-bottom: 2.5rem;
}
#section2 .contents .img_group .memberLogoSwiper_zigzag .swiper-wrapper {
  display: none;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#section2 .contents .img_group .memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide {
  display: inline-block;
  color: #fff;
  width: 16.875rem;
  height: 6.25rem;
  margin-right: 2.5rem;
  background-color: #fff;
  margin-left: -9.6875rem;
}
#section2 .contents .img_group .memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide:nth-child(odd) {
  margin-top: 8.75rem;
}
#section2 .contents .img_group .memberLogoSwiper_horizon .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
#section2 .contents .img_group .memberLogoSwiper_horizon .swiper-wrapper .swiper-slide {
  margin-left: 2.5rem;
  display: inline-block;
  color: #fff;
  width: 16.875rem;
  height: 6.25rem;
  background-color: #fff;
  border-radius: 4px;
}

#section3 .contents {
  padding: 7.5rem 0 5.1875rem;
}
#section3 .contents .text_group {
  margin-bottom: 3.75rem;
}
#section3 .contents .text_group > div:nth-child(1) {
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 0.75rem;
}
#section3 .contents .text_group > div:nth-child(2) {
  font-size: 2.625rem;
  line-height: 4rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
}
#section3 .contents .bbs_group .bbs {
  width: 36.25rem;
}

#footer {
  background-color: rgb(51, 51, 51);
  padding: 2.96875rem 0;
}
#footer .contents > div:nth-child(1) {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgb(77, 77, 77);
}
#footer .contents > div:nth-child(1) .logo {
  width: 6.6875rem;
  height: 3.75rem;
  background: url("/common/ko/img/foundation_logo.png");
  background-size: cover;
}
#footer .contents > div:nth-child(1) .company_name {
  margin-left: 1.25rem;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(217, 217, 217);
}
#footer .contents > div:nth-child(1) .select {
  margin-left: auto;
  width: 7.5rem;
}
#footer .contents > div:nth-child(1) .select .nice-select {
  width: 7.5rem;
}
#footer .contents > div:nth-child(1) .select .nice-select .list {
  width: 7.375rem;
}
#footer .contents > div:nth-child(2) {
  padding-top: 2rem;
  display: flex;
  justify-content: space-between;
}
#footer .contents > div:nth-child(2) .left div {
  margin-bottom: 0.75rem;
  display: flex;
}
#footer .contents > div:nth-child(2) .left div p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: left;
  color: rgb(102, 102, 102);
  width: 5rem;
  margin-right: 0.75rem;
}
#footer .contents > div:nth-child(2) .left div span {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  color: rgb(217, 217, 217);
}
#footer .contents > div:nth-child(2) .right {
  display: flex;
}
#footer .contents > div:nth-child(2) .right a {
  display: block;
  text-decoration: underline;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
  color: rgb(153, 153, 153);
}
#footer .contents > div:nth-child(2) .right span {
  margin-left: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-align: left;
  color: rgb(102, 102, 102);
}

/********************************/
/************* 게시판 ************/
/********************************/
.subCon .sub_visual.programVisual {
  height: 25.875rem;
}
.subCon .sub_visual.programVisual .sub_visualTxt p {
  font-size: 2.625rem;
  line-height: 4rem;
  text-align: center;
  color: rgb(255, 255, 255);
}

.notice {
  background: url("/common/en/img/content/foundation_notice.png");
}

.press_releases {
  background: url("/common/en/img/content/foundation_notice.png");
}

.contact_us {
  background: url("/common/en/img/content/foundation_contact_us.png");
}

.foundation {
  background: url("/common/en/img/content/foundation.png");
}

.project {
  background: url("/common/en/img/content/project.png");
}

/********************************/
.div_line {
  width: 100%;
  height: 1px;
  background-color: rgb(217, 217, 217);
}

.bbs_group {
  display: flex;
  justify-content: space-between;
}
.bbs_group .bbs {
  width: 100%;
}
.bbs_group .bbs .lists {
  height: 30.1875rem;
}
.bbs_group .bbs .lists .list {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgb(217, 217, 217);
  height: 10rem;
}
.bbs_group .bbs .lists .list .dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgb(56, 68, 91);
  padding: 0.75rem;
  width: 5.1875rem;
  height: 5.625rem;
  margin-right: 1.5rem;
}
.bbs_group .bbs .lists .list .dt p {
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 700;
  text-align: left;
  color: rgb(255, 255, 255);
  font-family: "Raleway", sans-serif;
}
.bbs_group .bbs .lists .list .dt span {
  font-size: 2.5rem;
  line-height: 2.9375rem;
  font-weight: 700;
  text-align: left;
  color: rgb(255, 255, 255);
  font-family: "Raleway", sans-serif;
}
.bbs_group .bbs .lists .list .info {
  flex: 1;
}
.bbs_group .bbs .lists .list .info p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 0.75rem;
}
.bbs_group .bbs .lists .list .info div {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4.5rem;
}
.bbs_group .bbs .lists .no_posts {
  width: 100%;
  height: 0;
}
.bbs_group .bbs .lists .no_posts p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: rgb(51, 51, 51);
  width: 100%;
}
.bbs_group .bbs .lists .no_posts:nth-child(3) {
  height: 10rem;
}
.bbs_group .bbs .lists .no_posts:nth-child(2) {
  height: 20rem;
}
.bbs_group .bbs .lists .no_posts:nth-child(1) {
  height: 30rem;
}
.bbs_group .btn {
  margin-top: 1rem;
}
.bbs_group .btn a {
  width: 13.3125rem;
  height: 4.6875rem;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgb(217, 217, 217);
  color: rgb(51, 51, 51);
  width: 100%;
  height: 4.5rem;
}
.bbs_group .btn a:hover {
  border: 1px solid rgb(51, 51, 51);
  color: rgb(51, 51, 51);
}
.bbs_group .btn a:disabled {
  border: 1px solid rgb(153, 153, 153);
  color: rgb(153, 153, 153);
  cursor: none;
}
.bbs_group .btn a.press {
  border: 1px solid rgb(51, 51, 51);
  color: rgb(153, 153, 153);
}

.page_title {
  margin: 7.5rem 0 3.75rem;
}
.page_title .page_line {
  border-bottom: 1px solid rgb(217, 217, 217);
  padding-bottom: 3.75rem;
}
.page_title .page_line p {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
  color: rgb(51, 51, 51);
}

/* 게시판 */
#noticeCon,
.programCon {
  padding-top: 1.25rem;
  padding-bottom: 7.5rem;
}

.move_links {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.move_links .links {
  display: flex;
}
.move_links .links .link {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.move_links .links .link a,
.move_links .links .link div {
  font-size: 1.125rem;
  line-height: 3.75rem;
  text-align: center;
  color: rgb(153, 153, 153);
  display: block;
  cursor: pointer;
}
.move_links .links .link.half {
  width: 50%;
}
.move_links .links .link.half:last-child {
  border-right: 0;
}
.move_links .links .link:hover, .move_links .links .link.on {
  background-color: rgb(66, 130, 255);
}
.move_links .links .link:hover a,
.move_links .links .link:hover div, .move_links .links .link.on a,
.move_links .links .link.on div {
  font-size: 1.125rem;
  line-height: 3.75rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}

.board_search {
  justify-content: center;
  margin-bottom: 2.5rem;
}
.board_search .search {
  overflow: visible;
  border: none;
  width: 28.625rem;
  display: flex;
  gap: 0.75rem;
}
.board_search .search .nice-select {
  margin: 0 auto;
  width: 13.75rem;
  height: 2.5rem;
  font-size: 1rem;
  line-height: 2.375rem;
  text-align: left;
  color: rgb(153, 153, 153);
  line-height: 2.375rem !important;
}
.board_search .search .nice-select .list {
  width: 13.625rem;
}
.board_search .search input {
  flex: 1;
  width: 21.5rem !important;
  height: 2.5rem !important;
  border: 1px solid rgb(217, 217, 217);
  padding: 0 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  color: rgb(153, 153, 153);
}
.board_search .search a {
  background-color: rgb(66, 130, 255);
  display: block;
  width: 6.375rem;
  height: 2.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}

.board_list .boardTable #id_tbody_notice tr:hover,
.board_list .boardTable #id_tbody_ir tr:hover {
  background-color: rgb(236, 243, 255);
}
.board_list .boardTable #id_tbody_notice tr td,
.board_list .boardTable #id_tbody_ir tr td {
  display: table-cell !important;
}
.board_list .boardTable #id_tbody_notice tr td .dt,
.board_list .boardTable #id_tbody_ir tr td .dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: rgb(56, 68, 91);
  padding: 0.75rem;
  width: 5.1875rem;
  height: 5.625rem;
  margin-right: 1.5rem;
}
.board_list .boardTable #id_tbody_notice tr td .dt p,
.board_list .boardTable #id_tbody_ir tr td .dt p {
  font-size: 1rem;
  line-height: 1.1875rem;
  font-weight: 700;
  text-align: left;
  color: rgb(255, 255, 255);
  font-family: "Raleway", sans-serif;
}
.board_list .boardTable #id_tbody_notice tr td .dt span,
.board_list .boardTable #id_tbody_ir tr td .dt span {
  font-size: 2.5rem;
  line-height: 2.9375rem;
  font-weight: 700;
  text-align: left;
  color: rgb(255, 255, 255);
  font-family: "Raleway", sans-serif;
}
.board_list .boardTable #id_tbody_notice tr td .info,
.board_list .boardTable #id_tbody_ir tr td .info {
  flex: 1;
  padding: 1.75rem 1.875rem;
}
.board_list .boardTable #id_tbody_notice tr td .info p,
.board_list .boardTable #id_tbody_ir tr td .info p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 0.75rem;
}
.board_list .boardTable #id_tbody_notice tr td .info div,
.board_list .boardTable #id_tbody_ir tr td .info div {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_list .boardTable #id_tbody_notice tr td:first-child,
.board_list .boardTable #id_tbody_ir tr td:first-child {
  width: 7.3125rem;
}
.board_list .boardTable #id_tbody_notice tr td.tit,
.board_list .boardTable #id_tbody_ir tr td.tit {
  padding: 0;
  overflow: hidden;
}
.board_list .btn_wrap a {
  width: 13.3125rem;
  height: 4.6875rem;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid rgb(217, 217, 217);
  color: rgb(51, 51, 51);
  width: 20.25rem;
  margin: 2.5rem auto 0;
}
.board_list .btn_wrap a:hover {
  border: 1px solid rgb(51, 51, 51);
  color: rgb(51, 51, 51);
}
.board_list .btn_wrap a:disabled {
  border: 1px solid rgb(153, 153, 153);
  color: rgb(153, 153, 153);
  cursor: none;
}
.board_list .btn_wrap a.press {
  border: 1px solid rgb(51, 51, 51);
  color: rgb(153, 153, 153);
}

.board_view .board_view_top {
  padding: 1.5rem 2.5rem;
}
.board_view .board_view_top .txt {
  margin: 0;
}
.board_view .board_view_top .txt h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.75rem;
}
.board_view .board_view_top .txt span {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  color: rgb(102, 102, 102);
}
.board_view .board_view_mid {
  margin-bottom: 2.5rem;
}
.board_view .board_view_mid .txt_wrap {
  padding: 3.75rem 2.5rem;
}
#id_pre_next_notice.fd_pre_next,
#id_pre_next_ir.fd_pre_next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0;
  border-bottom: 0;
}
#id_pre_next_notice.fd_pre_next li,
#id_pre_next_ir.fd_pre_next li {
  border-bottom: 0;
  width: auto;
}
#id_pre_next_notice.fd_pre_next li > span,
#id_pre_next_ir.fd_pre_next li > span {
  padding: 0;
  background-color: rgb(255, 255, 255);
}
#id_pre_next_notice.fd_pre_next li > span img,
#id_pre_next_ir.fd_pre_next li > span img {
  width: 0.75rem;
}
#id_pre_next_notice.fd_pre_next li > p,
#id_pre_next_ir.fd_pre_next li > p {
  width: 100%;
  padding: 0px 2.5rem;
}
#id_pre_next_notice.fd_pre_next li > p > a,
#id_pre_next_ir.fd_pre_next li > p > a {
  display: flex;
  align-items: center;
}
#id_pre_next_notice.fd_pre_next li > p > a span,
#id_pre_next_ir.fd_pre_next li > p > a span {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
  color: rgb(77, 77, 77);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  height: auto;
  white-space: normal;
}
#id_pre_next_notice.fd_pre_next li .list_btn,
#id_pre_next_ir.fd_pre_next li .list_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5.5rem;
  height: 5.5rem;
  background-color: rgb(56, 68, 91);
}
#id_pre_next_notice.fd_pre_next li .list_btn img,
#id_pre_next_ir.fd_pre_next li .list_btn img {
  width: 2.5rem;
  height: 1.5rem;
  margin: 0.3125rem 0;
}
#id_pre_next_notice.fd_pre_next li .list_btn p,
#id_pre_next_ir.fd_pre_next li .list_btn p {
  width: 100%;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
#id_pre_next_notice.fd_pre_next li:first-child,
#id_pre_next_ir.fd_pre_next li:first-child {
  width: calc(50% - 2.75rem);
}
#id_pre_next_notice.fd_pre_next li:last-child,
#id_pre_next_ir.fd_pre_next li:last-child {
  width: calc(50% - 2.75rem);
}
#id_pre_next_notice.fd_pre_next li:last-child span,
#id_pre_next_notice.fd_pre_next li:last-child p,
#id_pre_next_ir.fd_pre_next li:last-child span,
#id_pre_next_ir.fd_pre_next li:last-child p {
  text-align: right;
}

/* 문의하기 */
#id_div_inquiry {
  margin-bottom: 7.5rem;
}
#id_div_inquiry .prodContact .topTxt {
  padding: 1.25rem 0;
  margin-bottom: 3.75rem;
  background-color: transparent;
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: rgb(51, 51, 51);
}
#id_div_inquiry .prodContact .contactBoard {
  padding-bottom: 5rem;
}
#id_div_inquiry .prodContact .privacyCheck_wrap {
  margin-bottom: 5rem;
}
#id_div_inquiry .prodContact .raonCall_center {
  padding: 2rem 0;
}
#id_div_inquiry .prodContact .raonCall_center dt {
  margin-right: 7.5rem;
}
#id_div_inquiry .prodContact .raonCall_center dt img {
  width: 19.6875rem;
}
#id_div_inquiry .prodContact .raonCall_center dd div {
  display: flex;
  align-items: center;
}
#id_div_inquiry .prodContact .raonCall_center dd div p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  width: 5rem;
  margin-right: 2.5rem;
}
#id_div_inquiry .prodContact .raonCall_center dd div span {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: rgb(102, 102, 102);
}
#id_div_inquiry .prodContact .btn_wrap a {
  width: 13.3125rem;
  height: 4.6875rem;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: rgb(66, 130, 255);
  color: rgb(255, 255, 255);
  width: 14.0625rem;
  margin: 5rem auto 0;
}
#id_div_inquiry .prodContact .btn_wrap a:hover {
  background-color: rgb(49, 104, 212);
}
#id_div_inquiry .prodContact .btn_wrap a:disabled {
  background-color: rgb(204, 204, 204);
  cursor: none;
}
#id_div_inquiry .prodContact .btn_wrap a.press {
  background-color: rgb(91, 147, 255);
}
#id_div_inquiry .prodContact .btn_wrap a.discible {
  background-color: rgb(204, 204, 204);
  pointer-events: none;
  cursor: default;
}

/* THE FOUNDATION */
.subCons {
  display: none;
}

#subCon1 {
  margin-bottom: 7.5rem;
}
#subCon1 .contents_area {
  display: flex;
  gap: 5rem;
}
#subCon1 .contents_area > div:nth-child(2) > div:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 2rem;
}
#subCon1 .contents_area > div:nth-child(2) > div:nth-child(2) {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
  margin-bottom: 3.75rem;
}
#subCon1 .contents_area > div:nth-child(2) > div:nth-child(3) {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
#subCon1 .contents_area > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  letter-spacing: 1.1875rem;
}

#subCon2 .contents_area {
  margin-bottom: 2.5rem;
}
#subCon2 .contents_area > div:nth-child(1) {
  padding: 1.25rem 0 5rem;
  border-bottom: 1px solid rgb(217, 217, 217);
}
#subCon2 .contents_area > div:nth-child(1) .txt_group {
  margin-top: 2.5rem;
}
#subCon2 .contents_area > div:nth-child(1) .txt_group > div:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
  color: rgb(66, 130, 255);
  margin-bottom: 2rem;
}
#subCon2 .contents_area > div:nth-child(1) .txt_group > div:nth-child(2) {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: center;
  color: rgb(102, 102, 102);
}
#subCon2 .contents_area > div:nth-child(1) .txt_group .subject {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  margin-bottom: 0.75rem;
}
#subCon2 .contents_area > div:nth-child(1) .txt_group .txt {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
  margin-bottom: 2.25rem;
}
#subCon2 .contents_area > div:nth-child(1) .txt_group > p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
  margin-bottom: 2.25rem;
}
#subCon2 .contents_area > div:nth-child(2) {
  padding: 5rem 0;
  border-bottom: 1px solid rgb(217, 217, 217);
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 2rem;
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2.5rem;
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(2) > div {
  display: flex;
  width: calc(50% - 1.25rem);
  width: 100%;
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(2) > div .img {
  width: 7.5rem;
  height: 7.5rem;
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(2) > div .img img {
  width: 100%;
}
#subCon2 .contents_area > div:nth-child(2) > div:nth-child(2) > div .txt {
  border: 1px solid rgb(217, 217, 217);
  border-left: none;
  width: calc(100% - 7.5rem);
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: left;
  color: rgb(102, 102, 102);
}
#subCon2 .contents_area > div:nth-child(3) {
  padding: 5rem 0;
  display: flex;
  gap: 5rem;
}
#subCon2 .contents_area > div:nth-child(3) .txt_group > div:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 2rem;
}
#subCon2 .contents_area > div:nth-child(3) .txt_group > div:nth-child(2) > div {
  margin-bottom: 2rem;
}
#subCon2 .contents_area > div:nth-child(3) .txt_group > div:nth-child(2) > div .subject {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  margin-bottom: 0.75rem;
}
#subCon2 .contents_area > div:nth-child(3) .txt_group > div:nth-child(2) > div .txt {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
}

#subCon3 .contents_area {
  margin-bottom: 7.5rem;
}
#subCon3 .contents_area > div:nth-child(1) {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: center;
  color: rgb(102, 102, 102);
  margin-bottom: 5rem;
}
#subCon3 .contents_area > div:nth-child(2) {
  display: flex;
  gap: 2.5rem;
  margin-bottom: 5rem;
}
#subCon3 .contents_area > div:nth-child(2) .box {
  width: 33%;
  border: 1px solid rgb(217, 217, 217);
}
#subCon3 .contents_area > div:nth-child(2) .box .box_top {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
  background-color: rgb(66, 130, 255);
  padding: 1.4375rem 0;
}
#subCon3 .contents_area > div:nth-child(2) .box .box_body {
  padding: 2.5rem;
}
#subCon3 .contents_area > div:nth-child(2) .box .box_body img {
  width: 100%;
}
#subCon3 .contents_area > div:nth-child(2) .box .box_footrt {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
  color: rgb(102, 102, 102);
  padding: 0 0 1.5rem 0;
}
#subCon3 .contents_area > div:nth-child(3) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.5rem;
}
#subCon3 .contents_area > div:nth-child(3) > div {
  width: calc(50% - 1.25rem);
  height: 13.75rem;
  padding-top: 2.5rem;
}
#subCon3 .contents_area > div:nth-child(3) > div > div:nth-child(1) {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
  margin-bottom: 0.75rem;
}
#subCon3 .contents_area > div:nth-child(3) > div > div:nth-child(2) {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  color: rgb(255, 255, 255);
}
#subCon3 .contents_area > div:nth-child(3) > div:nth-child(1) {
  background: url("/common/en/img/content/subCon3_2_1.png");
}
#subCon3 .contents_area > div:nth-child(3) > div:nth-child(2) {
  background: url("/common/en/img/content/subCon3_2_2.png");
}
#subCon3 .contents_area > div:nth-child(3) > div:nth-child(3) {
  background: url("/common/en/img/content/subCon3_2_3.png");
}
#subCon3 .contents_area > div:nth-child(3) > div:nth-child(4) {
  background: url("/common/en/img/content/subCon3_2_4.png");
}

#subCon4 .contents_area {
  margin-bottom: 7.5rem;
}
#subCon4 .contents_area .txt_group {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(51, 51, 51);
}
#subCon4 .contents_area .img_group {
  margin-bottom: 2.5rem;
}
#subCon4 .contents_area .img_group img {
  width: 100%;
}
#subCon4 .contents_area .box_group {
  margin: 2.5rem 0 3.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.5rem;
}
#subCon4 .contents_area .box_group > div {
  width: calc(50% - 1.25rem);
  display: flex;
  gap: 1.5rem;
}
#subCon4 .contents_area .box_group > div > div:nth-child(1) {
  width: 10rem;
}
#subCon4 .contents_area .box_group > div > div:nth-child(1) img {
  width: 100%;
}
#subCon4 .contents_area .box_group > div > div:nth-child(2) {
  flex: 1;
}
#subCon4 .contents_area .box_group > div > div:nth-child(2) > div:nth-child(1) {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
  margin-bottom: 0.75rem;
}
#subCon4 .contents_area .box_group > div > div:nth-child(2) > div:nth-child(2) {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: left;
  color: rgb(102, 102, 102);
}

#subCon5 .contents_area {
  margin-bottom: 7.5rem;
}
#subCon5 .contents_area .txt_group {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: center;
  color: rgb(51, 51, 51);
  margin-bottom: 3.75rem;
}
#subCon5 .contents_area .box_group > div {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
  color: rgb(66, 130, 255);
}
#subCon5 .contents_area .box_group .img_area {
  display: flex;
}
#subCon5 .contents_area .box_group .img_area.cycle {
  margin-top: 2rem;
  gap: 2rem;
}
#subCon5 .contents_area .box_group .img_area.cycle > div {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.375rem;
  height: 17.375rem;
  border-radius: 50%;
}
#subCon5 .contents_area .box_group .img_area.cycle > div:nth-child(1) {
  background-color: rgb(0, 127, 191);
}
#subCon5 .contents_area .box_group .img_area.cycle > div:nth-child(2) {
  background-color: rgb(0, 84, 127);
}
#subCon5 .contents_area .box_group .img_area.cycle > div:nth-child(3) {
  background-color: rgb(0, 42, 64);
}
#subCon5 .contents_area .box_group .img_area.cycle > div:nth-child(4) {
  background-color: rgb(0, 135, 204);
}
#subCon5 .contents_area .box_group .img_area.box {
  margin-top: 5rem;
  gap: 2.5rem;
  flex-direction: row;
  flex-wrap: wrap;
}
#subCon5 .contents_area .box_group .img_area.box > div {
  font-size: 1.125rem;
  line-height: 1.75rem;
  text-align: center;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23.3125rem;
  height: 15rem;
}
#subCon5 .contents_area .box_group .img_area.box > div:nth-child(1) {
  background: url("/common/en/img/content/subCon5_1.png");
}
#subCon5 .contents_area .box_group .img_area.box > div:nth-child(2) {
  background: url("/common/en/img/content/subCon5_2.png");
}
#subCon5 .contents_area .box_group .img_area.box > div:nth-child(3) {
  background: url("/common/en/img/content/subCon5_3.png");
}
#subCon5 .contents_area .box_group .img_area.box > div:nth-child(4) {
  background: url("/common/en/img/content/subCon5_4.png");
}
#subCon5 .contents_area .box_group .img_area.box > div:nth-child(5) {
  background: url("/common/en/img/content/subCon5_5.png");
}
#subCon5 .contents_area .div_line {
  margin: 5rem 0;
  height: 1px;
  width: 100%;
  background: rgb(217, 217, 217);
}

#subCon6 .contents_area {
  margin-bottom: 7.5rem;
}
#subCon6 .contents_area .contents_group:first-child {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid rgb(217, 217, 217);
}
#subCon6 .contents_area .contents_group:first-child .img_group {
  width: calc(50% - 2.5rem);
}
#subCon6 .contents_area .contents_group:first-child .img_group img {
  width: 100%;
}
#subCon6 .contents_area .contents_group:first-child .txt_group {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
  width: 50%;
  margin-bottom: 5rem;
}
#subCon6 .contents_area .contents_group:last-child {
  margin-bottom: 2rem;
}
#subCon6 .contents_area .contents_group:last-child .txt_group {
  margin-bottom: 5rem;
}
#subCon6 .contents_area .contents_group:last-child .txt_group .subject {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
  text-align: left;
  color: rgb(66, 130, 255);
  margin-bottom: 0.75rem;
}
#subCon6 .contents_area .contents_group:last-child .txt_group .txt {
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-align: left;
  color: rgb(102, 102, 102);
}

/****** 공통 ******/
/* 테이블 */
.contactBoard .boardWrite {
  border-top: 0;
}
.contactBoard .boardWrite tbody tr {
  border-bottom: none;
}
.contactBoard .boardWrite tbody tr th {
  padding: 0.75rem 2.5rem;
}
.contactBoard .boardWrite tbody tr th strong {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: left;
  color: rgb(51, 51, 51);
}
.contactBoard .boardWrite tbody tr th span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: left;
  color: rgb(255, 96, 61);
}
.contactBoard .boardWrite tbody tr td {
  padding: 0.75rem 0;
}
.contactBoard .boardWrite tbody tr td textarea,
.contactBoard .boardWrite tbody tr td input {
  border: 1px solid rgb(217, 217, 217);
  outline: 1px solid rgb(217, 217, 217);
}

/* 모바일 테이블 레이아웃 수정 */
.boardWrite,
.boardWrite tbody,
.boardWrite tr,
.boardWrite th,
.boardWrite td {
  display: revert !important;
}

/* 나이스셀렉트 */
.nice-select .option:hover,
.nice-select .nice-select .option.focus,
.nice-select .nice-select .option.selected.focus {
  background-color: rgb(236, 243, 255) !important;
}
.nice-select .option {
  line-height: 3rem !important;
  min-height: 3rem !important;
}
.nice-select .list {
  padding: 0.75rem !important;
}

/* 페이징 */
.fd_paging {
  margin-top: 5rem;
}
.fd_paging ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fd_paging ul li {
  display: block;
  text-align: center;
  margin-right: 0.75rem;
}
.fd_paging ul li a {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 2rem;
}
.fd_paging ul li a:not(.material-icons):hover {
  background-color: rgba(66, 130, 255, 0.1);
}
.fd_paging ul li a.first-child, .fd_paging ul li a.last-child {
  box-shadow: inset 0px 0px 1px 1px #e1e1e1;
}
.fd_paging ul li a.material-icons {
  font-size: 1.25rem;
  border: 1px solid rgb(217, 217, 217);
}
.fd_paging ul li:last-child {
  margin-right: 0;
}/*# sourceMappingURL=foundation.css.map */