.tabDepth > a,
.lastDepth > a,
.depth3 > a,
.depth3 > a > span:before,
.faq_list > li .q,
.faq_list > li .q > .bul,
#mVisual .visualRoll .slider > div,
#mVisual .vTxtArea .ii,
#mVisual .slick-dots > li button,
#mVisual .slick-dots > li button:before,
#mVisual .vTxt .ii,
#mVisual .iconMenu .inConts > a,
.trigger-text .trigger-text-01,
.trigger-text .trigger-text-02,
.investment-tab > a,
.news-list .news-thumb img.ov,
.news-list .news-conts dl > dt > div,
.contact-list > li:hover dl,
.contact-list > li:hover dl > dt .icon,
.contact-list > li:hover dl > dt strong,
.contact-list > li:hover dl > dd,
.society-area .society-slider img,
.mouse-scroll .f_arr,
.contact-section .contact-category > a {
  transition: all 0.3s ease-out;
  transform-origin: 50% 50%;
}

.historyArea .history_box > .logo > span,
.historyArea .history_box > .list:before,
#mVisual .vTxt .ii {
  transition: all 0.5s ease-out;
  transform-origin: 50% 50%;
}

#mVisual .visualRoll .slider .photoBox p {
  transition: all 1s ease-out;
  transform-origin: 50% 50%;
}

/*[s] All Style */
.bg_thumb_box {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
}
img.bg_thumb {
  opacity: 0;
}
img.ofi {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

.tbLayout {
  width: 100%;
  display: table;
}
.tbLayout.fixed {
  table-layout: fixed;
}
.tbLayout > * {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
.tbLayout.vat > .td {
  vertical-align: top;
}
.tbLayout.full {
  width: 1920px;
  margin-left: -960px;
  position: relative;
  left: 50%;
}

.nTable {
  width: 100%;
  border-top: 2px solid #333;
  font-size: 0;
  line-height: 0;
}
.nTable > table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.nTable > table th,
.nTable > table td {
  padding: 3rem 4.5rem;
  background-color: #fff;
  border-bottom: 1px solid #dadada;
  font-size: 1.7rem;
  line-height: 1.5;
  color: #666;
  text-align: left;
  vertical-align: middle;
  border-collapse: collapse;
  empty-cells: show;
  box-sizing: border-box;
  word-break: keep-all;
  word-wrap: break-word;
}

.nTable > table th {
  height: 5rem;
  padding: 0;
  border-right: 1px solid #dadada;
  font-size: 1.8rem;
  color: #333;
  text-align: center;
}
.nTable > table > thead > tr > th {
  background-color: #f8f9fb;
  font-weight: 500;
}
.nTable > table > tbody > tr > th {
}

.nTable > table .inT {
  margin-right: 2rem;
  display: inline-block;
}
.nTable > table .transportation {
}
.nTable > table .transportation > li {
  padding-left: 7.5rem;
  position: relative;
}
.nTable > table .transportation > li + li {
  margin-top: 2rem;
}
.nTable > table .transportation > li > p {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #333;
  position: absolute;
  left: 0;
  top: 0;
}
.nTable > table .transportation > li > dl {
  display: flex;
  justify-content: space-between;
}
.nTable > table .transportation > li > dl + dl {
  margin-top: 1rem;
}
.nTable > table .transportation > li > dl > dt {
  padding-right: 1rem;
  white-space: nowrap;
}
.nTable > table .transportation > li > dl > dt > span {
  padding: 0 0.8rem;
  background-color: #a2133f;
  font-size: 1.5rem;
  line-height: 3rem;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
}
.nTable > table .transportation > li > dl > dt.g > span {
  background-color: #48a824;
}
.nTable > table .transportation > li > dl > dt.b > span {
  background-color: #205cc0;
}
.nTable > table .transportation > li > dl > dt.h > span {
  background-color: #2faebd;
}
.nTable > table .transportation > li > dl > dt.r > span {
  background-color: #da352d;
}
.nTable > table .transportation > li > dl > dd {
  width: 100%;
}
.nTable > table .transportation > li > dl > dd .inT {
  margin-right: 1.5rem;
  font-size: 1.6rem;
  line-height: 3rem;
}

.nTable.en > table .transportation > li {
  padding-left: 8.5rem;
}

.nTable > table .tit {
  padding-bottom: 0.5rem;
  font-weight: 400;
  color: #1b1b1b;
}
.nTable > table ul.bul {
}
.nTable > table ul.bul > li {
  font-weight: 300;
  font-size: 1.7rem;
  line-height: 1.6;
  color: #666;
}

.nTable > table .icon {
  width: 14.5rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.nTable > table .icon > dt {
  width: 5.8rem;
}
.nTable > table .icon .i01 {
  width: 3.3rem;
}
.nTable > table .icon .i02 {
  width: 3.8rem;
}
.nTable > table .icon .i03 {
  width: 3.5rem;
}
.nTable > table .icon .i04 {
  width: 2.7rem;
}
.nTable > table .icon .i05 {
  width: 3.4rem;
}
.nTable > table .icon .i06 {
  width: 3.6rem;
}

.nTable.small {
  margin-top: 1.5rem;
  border: 1px solid #2f3334;
  overflow: hidden;
}
.nTable.small > table {
  width: calc(100% + 3px);
  margin: -1px;
  background-color: #bcbcbc;
  border-spacing: 1px;
}
.nTable.small > table th,
.nTable.small > table td {
  padding: 10px;
  border: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #595959;
  text-align: center;
}
.nTable.small > table > thead > tr > th {
  background-color: #e9e9e9;
  font-size: 16px;
  color: #262626;
}
.nTable.small > table > tbody > tr > th {
  width: auto;
  border-right: none;
}

.nTable + .nTable {
  margin-top: 40px;
}

.tabDepth {
  width: 100%;
  margin-bottom: 35px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}
.tabDepth > a {
  width: 19rem;
  height: 46px;
  background-color: #fdfdfd;
  border: 1px solid #e2e2e2;
  font-size: 18px;
  line-height: 1.2;
  color: #737373;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.tabDepth > a + a {
  margin-left: -1px;
}
.tabDepth > a > span {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tabDepth > a:hover,
.tabDepth > a.active {
  background-color: #1b54aa;
  border-color: #1b54aa;
  color: #fff;
  z-index: 2;
}

.depth3 {
  width: 100%;
  margin-bottom: 70px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.depth3:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #b0b0b0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
}
.depth3 > a {
  width: 260px;
  height: 54px;
  min-height: 5.4rem;
  background-color: #1952a7;
  border: 1px solid #0c3879;
  font-size: 19px;
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.depth3 > a + a {
  margin-left: -1px;
}
.depth3 > a > span {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  word-break: keep-all;
  word-wrap: break-word;
}
.depth3 > a > span:before {
  content: "";
  width: 0;
  height: 2.1rem;
  margin-top: 0.2rem;
  background: url("/images/bul_d3.png") no-repeat left top;
  background-size: 2.1rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  left: -3.1rem;
  opacity: 0;
}

.depth3 > a:hover,
.depth3 > a.active {
  background-color: #0091db;
  border-color: #0086cb;
  z-index: 3;
}
.depth3 > a:hover > span:before,
.depth3 > a.active > span:before {
  width: 3.1rem;
  left: 0rem;
  opacity: 1;
}

.lastDepth {
  width: 100%;
  margin-bottom: 50px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.lastDepth > a {
  width: 100%;
  height: 60px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  font-size: 18px;
  line-height: 1.2;
  color: #666;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.lastDepth > a + a {
  margin-left: -1px;
}
.lastDepth > a > span {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lastDepth > a:hover,
.lastDepth > a.active {
  background-color: #f192a6;
  border-color: #f192a6;
  color: #fff;
  z-index: 2;
}

.lastDepthConts {
  font-size: 0;
  line-height: 0;
  display: none;
  overflow: hidden;
}

.groupTit {
  padding-bottom: 3.5rem;
}
.groupTit .step {
  padding-bottom: 1rem;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1;
  color: #23abaf;
}
h4.txt {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  color: #1b1b1b;
}
.nTxt {
  padding-top: 2.5rem;
  font-size: 1.7rem;
  line-height: 2.6rem;
  color: #888;
}

ul.star {
}
ul.star > li {
  padding-left: 2.2rem;
  font-size: 1.7rem;
  line-height: 3.2rem;
  color: #666;
  position: relative;
}
ul.star > li:before {
  content: "※";
  position: absolute;
  left: 0.4rem;
  top: 0px;
}

.t-star {
  padding-left: 1.6rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #111;
  position: relative;
}
.t-star:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0px;
}

ul.etc {
}
ul.etc > li {
  padding-left: 3.3rem;
  font-size: 1.7rem;
  line-height: 3.2rem;
  color: #666;
  position: relative;
}
ul.etc > li:before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  top: 0px;
}

.wideFrame {
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
}
.wideFrame > video,
.wideFrame > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.wideKakao {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.wideKakao > .root_daum_roughmap {
  width: 100%;
  padding-bottom: 56.25%;
}
.wideKakao > .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.wideKakao .hide {
  display: none;
}

.admGo {
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 7;
}
.admGo > a {
  padding: 10px 20px;
  background-color: #f00;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.admGos {
  padding: 0.5rem 1rem;
  background-color: #f00;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 7;
}

.arrBtn {
  padding: 0 1.8rem;
  border: 0.2rem solid #fff;
  font-size: 16px;
  line-height: 4rem;
  color: #fff;
  display: inline-block;
  border-radius: 99px;
}
.arrBtn > span {
  padding-right: 6rem;
  background: url("/images/main/arr_mBtns_w.png") no-repeat right center;
  background-size: 3.1rem;
  display: inline-block;
}
.arrBtn.black {
  border-color: #333;
  color: #333;
}
.arrBtn.black > span {
  background-image: url("/images/main/arr_mBtns.png");
}

.f0 {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
h4 {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  color: #222;
  position: relative;
}
h4 .pg-txt.link {
  position: absolute;
  right: 0;
  bottom: 0;
}
#ajaxBoardArea .board_search {
  margin-top: -6.8rem;
}
* + h4 {
  margin-top: 19rem;
}
h4 + * {
  margin-top: 2.5rem;
}
h5 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #222;
  position: relative;
}
h5 + form[name="searchfrm"] .board_search {
  margin-top: -4rem;
}
* + h5 {
  margin-top: 3rem;
}
.information-ol + h5,
h5.mt {
  margin-top: 9rem;
}
h5 + * {
  margin-top: 3rem;
}

.category-top {
  width: calc(100% + 1rem);
  margin: 5rem 0 5rem -0.5rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}
.category-top > ul {
  display: flex;
  justify-content: flex-start;
}
.category-top > ul > li {
  margin: 0.5rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.category-top > ul > li a {
  height: 4.5rem;
  padding: 0 2rem;
  background-color: #eee;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #222;
  display: table;
  white-space: nowrap;
  border-radius: 99px;
}
.category-top > ul > li a > span {
  display: table-cell;
  vertical-align: middle;
  word-break: keep-all;
  word-wrap: break-word;
}

.category-top > ul > li a.active,
.category-top > ul > li:hover a {
  background-color: #222;
  color: #fff;
}
.category-top > ul > li a.active {
  font-weight: 500;
}

.category-txt {
  width: 100%;
  margin: -1rem 0 5rem 0;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}
.category-txt > ul {
  display: flex;
  justify-content: flex-start;
}
.category-txt > ul > li {
  margin: 1rem 6rem 1rem 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.category-txt > ul > li a {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
  display: inline-block;
  white-space: nowrap;
}
.category-txt > ul > li a > span {
}

.category-txt > ul > li a.active,
.category-txt > ul > li:hover a {
  color: var(--point);
}
.category-txt > ul > li a.active {
}

.category-tab {
  width: 100%;
  height: 6rem;
  margin: 7rem 0 5rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
}
.category-tab > .category-tab_in {
  position: relative;
}
.category-tab ul {
  width: 100%;
  margin: 0 auto;
  background-color: #636772;
  display: flex;
  justify-content: center;
  border-radius: 99px;
}
.category-tab ul > li {
  flex: 1 1 25%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.category-tab ul > li a {
  width: 100%;
  height: 6rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
}
.category-tab ul > li a > span {
}

.category-tab ul > li a.active,
.category-tab ul > li:hover a {
  background-color: #bffa55;
  color: #222;
}

.category-tab.gray ul > li a.active,
.category-tab.gray ul > li:hover a {
  background-color: #d3d3d3;
  color: #222;
}

.category-tab.fixed {
  transform: inherit !important;
  transition-delay: inherit !important;
  transition-duration: inherit !important;
}
.category-tab.fixed .category-tab_in {
  width: 100vw;
  background-color: #636772;
  position: fixed;
  left: 0;
  top: 9rem;
  z-index: 7;
}
.category-tab.fixed ul {
  max-width: 120rem;
  border-radius: 0;
}
.category-tab.fixed ul > li a {
  border-radius: 0;
}

ul.bul {
}
ul.bul > li {
  padding-left: 1rem;
  font-size: 1.7rem;
  line-height: 2.5rem;
  color: #222;
  position: relative;
}
ul.bul > li + li {
  margin-top: 0.5rem;
}
ul.bul > li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0px;
}

.scrollTb {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.scrollTb img {
  max-width: none;
}
.nTable.scrollTb {
  padding-bottom: 2rem;
}
.scroll_info {
  width: 100%;
  padding: 2rem 0;
  font-size: 0;
  line-height: 0;
  position: relative;
  display: none;
}
.scroll_info:before {
  content: "← scroll →";
  margin-top: -1rem;
  font-size: 2rem;
  line-height: 1;
  color: #ff0000;
  display: inline-block;
  position: absolute;
  left: 44%;
  top: 50%;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: scrollMove;
  animation-timing-function: ease-In-Out;
  animation-direction: alternate;
}
@keyframes scrollMove {
  from {
    color: #222;
    left: 42%;
  }
  to {
    color: var(--point);
    left: 46%;
  }
}
.scrollSb {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

select.base {
  width: 100%;
  height: 4rem;
  padding: 0 5rem 0 2rem;
  background: #fff url("/images/bg_select_arr_m.png") no-repeat right center;
  background-size: 3rem;
  border: 1px solid #ccc;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 3.8rem;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 5px;
  box-sizing: border-box;
}
select.base::-ms-expand {
  display: none;
}
/*[e] All Style */

/*[s] Main Popup Style */
#hd_pop {
  z-index: 101;
  position: relative;
  margin: 0 auto;
  height: 0;
}
#hd_pop h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.hd_pops {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  background-color: #fff;
  border: 1px solid #333;
  position: absolute;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
.hd_pops img {
  width: 100%;
}
.hd_pops_con {
}
.hd_pops_footer {
  padding: 0;
  background-color: #333;
  font-size: 1.4rem;
  color: #fff;
  text-align: left;
  position: relative;
}
.hd_pops_footer:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.hd_pops_footer button {
  padding: 1rem;
  border: 0;
  color: #fff;
}
.hd_pops_footer .hd_pops_reject {
  text-align: left;
}
.hd_pops_footer .hd_pops_close {
  position: absolute;
  top: 0;
  right: 0;
}

#popLayer {
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  overflow: hidden;
  overflow-y: auto;
}
#popLayer.disNone {
  display: none !important;
}
#popLayer #moPopArea {
  width: 100vw;
  height: 100vh;
  padding: 10rem 3rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
}
#popLayer #moPopArea .moPop {
  width: 100%;
  max-width: 50rem;
  margin: 0;
  position: relative;
}
#popLayer #moPopArea #moPopRoll {
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.3);
}
#popLayer .slider {
  width: 100%;
  border-radius: 2rem 2rem 0 0;
  box-sizing: border-box;
  overflow: hidden;
}
#popLayer .slider img {
  width: 100%;
  vertical-align: top;
}
#popLayer .slider .HKeditorContent {
  padding: 20px;
  font-size: 20px;
  line-height: 1.5;
  color: #666;
}
#popLayer .slider .HKeditorContent img {
  width: auto;
}
#popLayer #moPopRoll.roll .slider {
}

#popLayer .layerPopClose {
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  z-index: 6;
  transform: rotate(45deg);
}
#popLayer .layerPopClose:before,
#popLayer .layerPopClose:after {
  content: "";
  background-color: #222;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
}
#popLayer .layerPopClose:before {
  width: 100%;
  height: 2px;
  margin: -1px 0 0 -1.5rem;
}
#popLayer .layerPopClose:after {
  width: 2px;
  height: 100%;
  margin: -1.5rem 0 0 -1px;
}

#popLayer .moPopClose {
  width: 100%;
  border-radius: 0 0 2rem 2rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#popLayer .moPopClose > * {
  flex: 1 1 50%;
  height: 6rem;
  font-size: 1.6rem;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#popLayer .moPopClose button {
  background-color: #878896;
  border: none;
  color: #dcdeea;
  position: relative;
}
/*#popLayer .moPopClose button:before{content: "X"; width: 1.8rem; height: 1.8rem; background-color: rgba(255,255,255,0.3); border:1px solid #000; font-family: dotum; font-weight: bold; font-size:1.6rem; line-height:1.6rem; color: #000;display: inline-block; position:absolute; top:0; box-sizing: border-box;}
	#popLayer .moPopClose button.toDay_close{padding-left:2.5rem;}
	#popLayer .moPopClose button.toDay_close:before{left:0;}*/
#popLayer .moPopClose button.close {
  padding-right: 2.5rem;
}
#popLayer .moPopClose button.close:before {
  right: 0;
}
#popLayer .moPopClose a {
  background-color: #3617cd;
  color: #fff;
}

#popLayer .slick-dots {
  width: 100%;
  padding: 0;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 7rem;
  z-index: 7;
}
#popLayer .slick-dots > li {
  margin: 0 0.7rem;
  display: inline-block;
  vertical-align: top;
}
#popLayer .slick-dots > li + li {
}
#popLayer .slick-dots > li button {
  width: 1.4rem;
  height: 1.4rem;
  padding: 0;
  background-color: #d4d7d9;
  border: none;
  font-size: 0;
  line-height: 0;
  position: relative;
  cursor: pointer;
  border-radius: 999px;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
#popLayer .slick-dots > li.slick-active button {
  width: 30px;
  background-color: #333;
}

#popLayer #moPopArea #moPopRoll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
#popLayer #moPopArea #moPopRoll.open,
#popLayer #moPopArea #moPopRoll.slick-initialized {
  visibility: visible;
  opacity: 1;
}
/*[e] Main Popup Style */

/*[s] Main Style */
.mouse-scroll {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 2.3rem;
  z-index: 8;
}
.mouse-scroll .tit {
  padding: 1rem 0 2rem;
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 1;
  color: #222;
}
.mouse-scroll .f_arr {
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 0.5;
  color: #222;
  position: relative;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.mouse-scroll .f_arr:nth-child(1) {
  animation-name: mouseScroll;
}
.mouse-scroll .f_arr:nth-child(2) {
  animation-name: mouseScroll2;
}
.mouse-scroll .f_arr:nth-child(3) {
  animation-name: mouseScroll3;
}
@keyframes mouseScroll {
  0%,
  20% {
    transform: translateY(-40%);
    opacity: 0;
  }
  20%,
  80% {
    transform: translateY(20%);
    opacity: 1;
  }
}
@keyframes mouseScroll2 {
  0%,
  40% {
    transform: translateY(-40%);
    opacity: 0;
  }
  40%,
  80% {
    transform: translateY(20%);
    opacity: 1;
  }
}
@keyframes mouseScroll3 {
  0%,
  60% {
    transform: translateY(-40%);
    opacity: 0;
  }
  60%,
  80% {
    transform: translateY(20%);
    opacity: 1;
  }
}

.mScrolls {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 40px;
  z-index: 8;
  display: none;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  animation-name: scrollDown;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
@keyframes scrollDown {
  from {
    bottom: 50px;
    opacity: 1;
  }
  to {
    bottom: 30px;
    opacity: 0.5;
  }
}
.mTitle {
  margin-bottom: 7rem;
  color: #fff;
  text-align: center;
}
.mTitle > dt {
  margin-bottom: 3.5rem;
  padding-bottom: 4rem;
  background: url("/images/line_white.png") no-repeat center bottom;
  background-size: 7.8rem;
  font-family: "S-CoreDream-9Black";
  font-size: 4.8rem;
  line-height: 1;
}
.mTitle > dd {
  font-family: "S-CoreDream-4Regular";
  font-size: 2rem;
  line-height: 1.6;
}

.mTitle.black {
  color: #111;
}
.mTitle.black > dt {
  background-image: url("/images/line_black.png");
}

/* visual */
#main-visual,
#main-visual .main-slider,
#main-visual .main-slider .slick-slide,
#main-visual .main-slider .slide-media,
#main-visual .main-slider .mobile_in {
  height: 1030px !important;
}

#main-visual .main-slider .mobile_in {
  width: 242vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#main-visual .main-slider .mobile_in video,
#main-visual .main-slider .mobile_in iframe {
  width: 100% !important;
  height: 110% !important;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  transform: translate(0%, 0%);
}

#main-visual {
  width: 100%;
  margin-bottom: 5rem;
  background: #36465d url("/theme/prix/img/loading.gif") no-repeat center center;
  background-size: contain;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
}
#main-visual .main-slider {
  width: 100%;
  background-color: #36465d;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 3s ease;
}
#main-visual .main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}

#main-visual .main-slider .slick-slide {
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#main-visual .main-slider .slick-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.3;
  z-index: 1;
}
#main-visual .main-slider video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#main-visual .main-slider iframe {
  position: relative;
  pointer-events: none;
}
#main-visual .main-slider figure {
  height: 100%;
  margin: 0;
  position: relative;
}
#main-visual .main-slider .slide-image {
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: all 0.8s ease;
}
#main-visual .main-slider .slide-image {
  opacity: 1;
}

#main-visual .main-slider .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
#main-visual .main-slider .loading {
  width: 100%;
  position: absolute;
  left: 0;
  top: 44%;
}
#main-visual .main-slider .slide-media {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
#main-visual .main-slider .caption {
  position: absolute;
  left: 5%;
  top: 44%;
  text-align: center;
  padding: 20px;
  border: 3px solid;
  color: #fff;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.02em;
  opacity: 0;
  z-index: 1;
  transition: all 0.3s ease;
  transform: translateY(100px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#main-visual .main-slider .slick-active {
  z-index: 1;
}
#main-visual .main-slider .slick-active .slide-media {
  animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
#main-visual .main-slider .slick-active .caption {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

#main-visual .slick-arrow {
  width: 47px;
  height: 90px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 7;
  transform: translateY(-50%);
  cursor: pointer;
}
#main-visual .slick-prev {
  background-image: url("/images/main/btn_slick_prev.png");
  left: 100px;
}
#main-visual .slick-next {
  background-image: url("/images/main/btn_slick_next.png");
  right: 100px;
}
#main-visual .slick-arrow:hover {
  opacity: 1;
}

#main-visual .controll {
  width: 260px;
  padding-top: 0;
  margin-left: -130px;
  position: absolute;
  left: 50%;
  bottom: 5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#main-visual .controll .dot {
  display: inline-block;
  vertical-align: middle;
}
#main-visual .controll .auto {
  display: inline-block;
  vertical-align: middle;
}
#main-visual .controll .auto {
  padding-left: 10px;
}
#main-visual .controll .auto button {
  width: 27px;
  height: 27px;
  background: transparent url("/images/btn_slick_pause.png") no-repeat left top;
  border: none;
}
#main-visual .controll .auto button.off {
  background-image: url("/images/btn_slick_play.png");
}

#main-visual .slick-dots {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#main-visual .slick-dots > li {
  width: auto !important;
  padding: 0 !important;
  display: inline-block;
  vertical-align: top;
}
#main-visual .slick-dots > li + li {
  margin-left: 0;
}

#main-visual .dot_Line,
#main-visual .dot_Line > dt,
#main-visual .dot_Line > dd .line {
  transition: all 0.3s ease-out;
  transform-origin: 50% 50%;
}
#main-visual .dot_Line > dd .line > span {
}
#main-visual .vTxt.first .dot_Line > dd .line > span {
}

#main-visual .dot_Line {
  padding-right: 10px;
  box-sizing: border-box;
  position: relative;
}
#main-visual .dot_Line > dt {
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
}
#main-visual .dot_Line > dd {
  position: absolute;
  left: 27px;
  right: 10px;
  top: 50%;
}
#main-visual .dot_Line > dd .line {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
}
#main-visual .dot_Line > dd .line > span {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 1);
  display: inline-block;
  position: absolute;
  left: -100%;
  top: 0;
}

#main-visual .slick-dots > li.slick-active .dot_Line {
  padding-right: 120px;
}
#main-visual .slick-dots > li.slick-active .dot_Line > dt {
  color: rgba(255, 255, 255, 1);
}
#main-visual .slick-dots > li.slick-active .dot_Line > dd .line {
  width: 100%;
}
#main-visual .slick-dots > li.slick-active .dot_Line > dd .line > span {
}

@keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}
@keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}

/* visual */
#mVisual {
  width: 100%;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
}
#mVisual .visualRoll {
  white-space: nowrap;
}
#mVisual .visualRoll .slider {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
#mVisual .visualRoll .slider img {
  width: 100%;
  max-width: none;
  height: 100vh;
  max-height: 80rem;
  object-fit: cover;
}

#mVisual .slick-arrow {
  width: 35px;
  height: 63px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 7;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 1;
}
#mVisual .slick-prev {
  background-image: url("/images/main/btn_slick_prev.png");
  left: 4.25%;
}
#mVisual .slick-next {
  background-image: url("/images/main/btn_slick_next.png");
  right: 4.25%;
}
#mVisual .slick-arrow:hover {
  opacity: 1;
}

#mVisual .vTxtArea {
  width: 100%;
  height: 100%;
  max-width: 1400px;
  text-align: left;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}
#mVisual .vTxtArea .vTxt_in {
  width: 100%;
  padding-bottom: 15rem;
  position: relative;
}
#mVisual .vTxt {
  width: 100%;
  position: absolute;
  left: 0;
  top: -999px;
}
#mVisual .vTxt .ii {
  top: 50px;
  text-align: center;
  display: block;
  opacity: 0;
  position: relative;
  word-break: keep-all;
  word-wrap: break-word;
}
#mVisual .vTxt .i01 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#mVisual .vTxt .i02 {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
#mVisual .vTxt .i03 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
#mVisual .vTxt .i04 {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}
#mVisual .vTxt .i05 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#mVisual .vTxt .i06 {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}
#mVisual .vTxt .i07 {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

#mVisual .vTxt .ii.logo {
}
#mVisual .vTxt .ii.logo.i01 {
}
#mVisual .vTxt .ii.logo.i01 img {
  height: 16.4rem;
}
#mVisual .vTxt .ii.logo.i02 {
  margin-top: 2rem;
}
#mVisual .vTxt .ii.logo.i02 img {
  height: 4.7rem;
}
#mVisual .vTxt .ii.tit {
  font-weight: bold;
  font-size: 6.8rem;
  line-height: 1;
  color: #f8f8f8;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#mVisual .vTxt .ii.txt {
  padding-top: 3rem;
  font-family: "S-CoreDream-3Light";
  font-size: 2rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 1);
}

#mVisual .slick-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 4rem;
  z-index: 7;
  display: none !important;
}
#mVisual .slick-dots > li {
  display: inline-block;
  vertical-align: top;
}
#mVisual .slick-dots > li + li {
  margin-left: 1.5rem;
}
#mVisual .slick-dots > li button {
  width: 2rem !important;
  height: 2rem;
  margin: 0;
  padding: 0;
  background-color: #cdcdcc;
  border: none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 99px;
}
#mVisual .slick-dots > li.slick-active button {
  background-color: #7cb741;
}

#mVisual .vTxt.active {
  position: static;
  top: 0px;
}
#mVisual .vTxt.active .ii {
  top: 0px;
  opacity: 1;
}

.main-in {
}
.motion-video {
  height: 10rem;
  position: relative;
}
.motion-video video {
  width: 100%;
  height: 100%;
  background-color: transparent !important;
  color: transparent !important;
  position: absolute;
  left: 0;
  top: 0;
}
.motion-video img {
  height: 10rem;
}

.pendulum-movement > * {
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  animation: 0.7s ease-in-out infinite alternate;
  transform: scale(1);
}
.pendulum-movement > * + * {
  margin-left: 0.2rem;
}
.pendulum-movement *:nth-child(1) {
  background-color: #3726f8;
  animation-name: animloader_1;
}
.pendulum-movement *:nth-child(2) {
  background-color: #fd3f51;
  animation-name: animloader_2;
}
.pendulum-movement *:nth-child(3) {
  background-color: #40ea8b;
  animation-name: animloader_3;
}
.pendulum-movement *:nth-child(4) {
  background-color: #c1f867;
  animation-name: animloader_4;
}
.pendulum-movement *:nth-child(5) {
  background-color: #d3d3d3;
  animation-name: animloader_5;
}

.pendulum-movement-big {
  width: 100%;
  max-width: 84rem;
  margin: 6.5rem auto 0;
  padding-bottom: 16rem;
  text-align: center;
  display: flex;
}
.pendulum-movement-big > .big_re {
  width: 12rem;
  text-align: center;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease-out;
  transform-origin: 50% 50%;
  cursor: pointer;
}
.pendulum-movement-big > .big_re + .big_re {
  margin-left: 1rem;
}
.pendulum-movement-big > .big_re > p {
  width: 12rem;
  height: 12rem;
  background-color: transparent;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  animation: 0.7s ease-in-out infinite alternate;
  transform: scale(1);
}
.pendulum-movement-big > .big_re > dl {
  position: absolute;
  left: 50%;
  top: calc(100% + 2.5rem);
  transform: translateX(-50%);
  white-space: nowrap;
  display: none;
}
.pendulum-movement-big > .big_re > dl > dt {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
  color: #222;
}
.pendulum-movement-big > .big_re > dl > dd {
  margin-top: 1rem;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #666;
}

.pendulum-movement-big *:nth-child(1) > p {
  background-color: #3726f8;
  animation-name: animloader_1;
}
.pendulum-movement-big *:nth-child(2) > p {
  background-color: #fd3f51;
  animation-name: animloader_2;
}
.pendulum-movement-big *:nth-child(3) > p {
  background-color: #40ea8b;
  animation-name: animloader_3;
}
.pendulum-movement-big *:nth-child(4) > p {
  background-color: #c1f867;
  animation-name: animloader_4;
}
.pendulum-movement-big *:nth-child(5) > p {
  background-color: #d3d3d3;
  animation-name: animloader_5;
}

.pendulum-movement-big > .big_re.active {
  width: 32rem;
}
/*
		@keyframes animloader_1 {
			0%,30%{left:-3rem;}
			40%,100%{left:0.5rem; transform:scale(1);}
		}
		@keyframes animloader_2 {
			0%,40%{left:0rem;}
			50%,100%{left:0.5rem; transform:scale(1);}
		}
		@keyframes animloader_3 {
			0%,50%{left:0rem;}
			60%,100%{left:0.5rem; transform:scale(1);}
		}
		@keyframes animloader_4 {
			0%,60%{left:0rem;}
			70%,100%{left:0.5rem; transform:scale(1);}
		}
		@keyframes animloader_5 {
			0%, 70%{left:0rem;}
			80%,100%{left:3.5rem; transform:scale(1);}
		}
	*/
/* visual */
.mVisual {
  width: 100%;
  background-color: #292e3f;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
}
.mVisual > .inConts {
  height: 76.6rem;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1.2;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.mVisual #playBg {
  width: 192rem;
  max-width: none;
  height: 76.6rem;
  margin: -38.3rem 0 0 -96rem;
  position: absolute;
  left: 50%;
  top: 50%;
}

/* news bar */
.news-bar {
  width: 100%;
  padding: 4rem 0;
  display: flex;
  justify-content: space-between;
}
.news-bar .news-bar-re {
  flex: 1;
  width: 25%;
  padding: 1rem 0;
  position: relative;
}
.news-bar .news-bar-re + .news-bar-re {
  margin-left: 6.3rem;
}
.news-bar .news-bar-re + .news-bar-re:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #e6e6e6;
  display: inline-block;
  position: absolute;
  left: -3.1rem;
  top: 0px;
}
.news-bar .news-bar-re .title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #292e3f;
}
.news-bar .news-bar-re .article-link {
  margin-top: 2.5rem;
  display: block;
}
.news-bar .news-bar-re .article-link .article-link_in {
  min-height: 10rem;
}
.news-bar .news-bar-re .article-link .tit {
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #222;
}
.news-bar .news-bar-re .article-link .tit.big {
  font-size: 2.4rem;
  line-height: 1.2;
}
.news-bar .news-bar-re .article-link .txt {
  margin-top: 0.8rem;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #666;
}
.news-bar .news-bar-re .article-link .txt.stock {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #999;
  text-align: right;
}
.news-bar .news-bar-re .article-link .view {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #666;
}

.news-bar .news-bar-re .article-link.stock {
  margin-top: 0.5rem;
}
.news-bar .news-bar-re .article-link.stock .article-link_in {
  min-height: 12rem;
}
.news-bar .news-bar-re .article-link.stock .stock-conts {
  width: 100%;
  height: 6.6rem;
  border-bottom: 1px solid #292e3f;
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.news-bar .news-bar-re .article-link.stock .stock-conts > dt {
}
.news-bar .news-bar-re .article-link.stock .stock-conts > dt > strong {
  font-size: 2.4rem;
}
.news-bar .news-bar-re .article-link.stock .stock-conts > dd {
}
.news-bar .news-bar-re .article-link.stock .stock-conts > dd > span {
  padding-top: 0.1rem;
  font-size: 1.5rem;
  display: inline-block;
}
.news-bar
  .news-bar-re
  .article-link.stock
  .stock-conts
  > dd
  > span[data-bul="up"]:before {
  content: "▲";
  color: #ff0000;
}
.news-bar
  .news-bar-re
  .article-link.stock
  .stock-conts
  > dd
  > span[data-bul="down"]:before {
  content: "▼";
  color: #0000ff;
}

.news-bar .news-bar-re .article-link *.one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-bar .news-bar-re .article-link *.two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* trigger text */
.trigger-text {
  width: 100%;
  height: 500vh;
  position: relative;
}
.trigger-text .trigger-text_in {
  width: 100%;
  height: 100vh;
  position: relative;
}
.trigger-text .trigger-text-01,
.trigger-text .trigger-text-02 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.trigger-text .trigger-text-01 .tit {
  margin-top: 3.5rem;
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 1.2;
  color: #222;
}

.trigger-text .trigger-text-02 .tit {
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  color: #222;
}
.trigger-text .trigger-text-02 .txt {
  margin-top: 4.5rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #222;
}
.trigger-text .trigger-text_in.active .trigger-text-01,
.trigger-text .trigger-text_in.active .trigger-text-02 {
  opacity: 1;
}

/* business area */
.business-area {
  width: 100%;
  padding-bottom: 12rem;
  position: relative;
}
.business-area .business-re {
  padding: 12rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.business-area.motions .business-re .motion {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
}
.business-area .business-re > * {
  width: 56.5rem;
}
.business-area .business-re .icon-box {
  text-align: right;
}
.business-area .business-re .icon-box .icon-box_in {
  display: inline-block;
  position: relative;
}
.business-area .business-re .icon-box .ii {
  position: absolute;
  opacity: 1;
} /* transition: all .3s ease-out; transform-origin: 50% 50%; */

.business-area .business-re .text-box {
}
.business-area .business-re .text-box .title {
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  color: #222;
}
.business-area .business-re .text-box .text {
  margin-top: 2rem;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 3.2rem;
  color: #666;
}
.business-area .business-re .text-box .more {
  margin-top: 4rem;
}
.business-area .business-re .text-box .more > a {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #6134fe;
  display: inline-block;
  vertical-align: top;
}
.business-area .business-re .text-box .more > a + a {
  margin-left: 3rem;
}

.business-area .business-re:nth-child(even) .icon-box {
  order: 2;
  text-align: left;
}
.business-area .business-re:nth-child(even) .text-box {
  order: 1;
  text-align: right;
}

.business-area .business-re .icon-box.i01 {
}
.business-area .business-re .icon-box.i01 .icon-box_in {
  width: 42.6rem;
  height: 32.7rem;
}
.business-area .business-re .icon-box.i01 .ii.i_00 {
  left: 6rem;
  bottom: 0;
}
.business-area .business-re .icon-box.i01 .ii.i_01 {
  left: 6.7rem;
  bottom: 2.2rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i01 .ii.i_02 {
  left: 35.2rem;
  top: 14rem;
}
.business-area .business-re .icon-box.i01 .ii.i_03 {
  left: 37.8rem;
  top: 10.5rem;
}
.business-area .business-re .icon-box.i01 .ii.i_04 {
  left: 32.2rem;
  top: 6.2rem;
}
.business-area .business-re .icon-box.i01 .ii.i_05 {
  left: 32rem;
  top: 0rem;
}
.business-area .business-re .icon-box.i01 .ii.i_06 {
  left: 11.3rem;
  top: 1.6rem;
}
.business-area .business-re .icon-box.i01 .ii.i_07 {
  left: 2.2rem;
  top: 2.6rem;
}
.business-area .business-re .icon-box.i01 .ii.i_08 {
  left: 0rem;
  top: 8.7rem;
}
.business-area .business-re .icon-box.i01 .ii.i_09 {
  left: 4.6rem;
  top: 16.7rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i01 .ii.i_10 {
  left: 1.5rem;
  top: 23.2rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i01 .ii.i_11 {
  left: 34.5rem;
  top: 23.3rem;
}
.business-area .business-re .icon-box.i01 .ii.i_12 {
  left: 30rem;
  top: 16.8rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i02 {
}
.business-area .business-re .icon-box.i02 .icon-box_in {
  width: 35.7rem;
  height: 31.6rem;
}
.business-area .business-re .icon-box.i02 .ii.i_00 {
  right: -3rem;
  bottom: 0rem;
}
.business-area .business-re .icon-box.i02 .ii.i_01 {
  left: 4.8rem;
  top: 2.8rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i02 .ii.i_02 {
  left: 9.9rem;
  top: 19.3rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i02 .ii.i_03 {
  left: 0.1rem;
  top: 6rem;
}
.business-area .business-re .icon-box.i02 .ii.i_04 {
  left: 0.6rem;
  top: 15.1rem;
}
.business-area .business-re .icon-box.i02 .ii.i_05 {
  left: 22.2rem;
  top: 0rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i02 .ii.i_06 {
  left: 30.5rem;
  top: 10.5rem;
}
.business-area .business-re .icon-box.i02 .ii.i_07 {
  left: 30.2rem;
  top: 20.3rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i03 {
}
.business-area .business-re .icon-box.i03 .icon-box_in {
  width: 35.7rem;
  height: 39rem;
}
.business-area .business-re .icon-box.i03 .ii.i_00 {
  right: -6.5rem;
  bottom: 0rem;
}
.business-area .business-re .icon-box.i03 .ii.i_01 {
  left: 6rem;
  top: 2rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i03 .ii.i_02 {
  left: 0rem;
  top: 0rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i03 .ii.i_03 {
  right: 0rem;
  top: 22.5rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i04 {
}
.business-area .business-re .icon-box.i04 .icon-box_in {
  width: 47rem;
  height: 29rem;
}
.business-area .business-re .icon-box.i04 .ii.i_00 {
  left: 0rem;
  bottom: 0rem;
}
.business-area .business-re .icon-box.i04 .ii.i_01 {
  left: 5.1rem;
  top: 0rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i04 .ii.i_02 {
  left: 1.7rem;
  top: 17.2rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i04 .ii.i_03 {
  left: 34rem;
  top: 14.8rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i05 {
}
.business-area .business-re .icon-box.i05 .icon-box_in {
  width: 43.5rem;
  height: 25.1rem;
}
.business-area .business-re .icon-box.i05 .ii.i_00 {
  left: 3rem;
  bottom: -1.5rem;
}
.business-area .business-re .icon-box.i05 .ii.i_01 {
  left: 8.2rem;
  top: 2.8rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i05 .ii.i_02 {
  left: 0rem;
  top: 10.8rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i05 .ii.i_03 {
  left: 4.3rem;
  top: 3.9rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i05 .ii.i_04 {
  left: 30.5rem;
  top: 0;
  z-index: 3;
}
.business-area .business-re .icon-box.i05 .ii.i_05 {
  left: 28.3rem;
  top: 11.3rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i06 {
}
.business-area .business-re .icon-box.i06 .icon-box_in {
  width: 44.5rem;
  height: 40rem;
}
.business-area .business-re .icon-box.i06 .ii.i_00 {
  left: 5.5rem;
  bottom: -1rem;
}
.business-area .business-re .icon-box.i06 .ii.i_01 {
  left: 5.3rem;
  top: 9.1rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i06 .ii.i_02 {
  left: -0.1rem;
  top: 23.5rem;
}
.business-area .business-re .icon-box.i06 .ii.i_03 {
  left: 5.5rem;
  top: 17rem;
}
.business-area .business-re .icon-box.i06 .ii.i_04 {
  left: 9.7rem;
  top: 12.3rem;
}
.business-area .business-re .icon-box.i06 .ii.i_05 {
  left: 17rem;
  top: 0rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i06 .ii.i_06 {
  left: 32.2rem;
  top: 10rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i06 .ii.i_07 {
  left: 33.5rem;
  top: 16.5rem;
  z-index: 3;
}
.business-area .business-re .icon-box.i06 .ii.i_08 {
  left: 26.5rem;
  top: 28rem;
  z-index: 3;
}

.business-area .business-re .icon-box.i07 {
}
.business-area .business-re .icon-box.i07 .icon-box_in {
  width: 45.4rem;
  height: 28.5rem;
}
.business-area .business-re .icon-box.i07 .ii.i_00 {
  left: 12.6rem;
  bottom: 0rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i07 .ii.i_01 {
  left: 0;
  bottom: 0rem;
}
.business-area .business-re .icon-box.i07 .ii.i_02 {
  right: 0;
  bottom: 0rem;
}

.business-area .business-re .icon-box.i08 {
}
.business-area .business-re .icon-box.i08 .icon-box_in {
  width: 45.4rem;
  height: 28.1rem;
}
.business-area .business-re .icon-box.i08 .ii.i_00 {
  left: 1rem;
  bottom: -0.7rem;
}
.business-area .business-re .icon-box.i08 .ii.i_01 {
  left: 12.7rem;
  top: 5.6rem;
}
.business-area .business-re .icon-box.i08 .ii.i_02 {
  left: -0.1rem;
  top: 14.9rem;
  z-index: 2;
}
.business-area .business-re .icon-box.i08 .ii.i_03 {
  left: 3.6rem;
  top: 0;
  z-index: 3;
}
.business-area .business-re .icon-box.i08 .ii.i_04 {
  left: 32.2rem;
  top: 13.3rem;
}

.business-area .business-re .icon-box .ii {
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.business-area .business-re .icon-box .ii:nth-child(1),
.business-area .business-re .icon-box .ii:nth-child(2),
.business-area .business-re .icon-box .ii:nth-child(9),
.business-area .business-re .icon-box .ii:nth-child(13) {
  animation-name: dungdung_01;
  animation-duration: 1.5s;
}
.business-area .business-re .icon-box .ii:nth-child(3),
.business-area .business-re .icon-box .ii:nth-child(6),
.business-area .business-re .icon-box .ii:nth-child(10) {
  animation-name: dungdung_02;
  animation-duration: 2s;
}
.business-area .business-re .icon-box .ii:nth-child(4),
.business-area .business-re .icon-box .ii:nth-child(7),
.business-area .business-re .icon-box .ii:nth-child(11) {
  animation-name: dungdung_03;
  animation-duration: 2.5s;
}
.business-area .business-re .icon-box .ii:nth-child(5),
.business-area .business-re .icon-box .ii:nth-child(8),
.business-area .business-re .icon-box .ii:nth-child(12) {
  animation-name: dungdung_04;
  animation-duration: 3s;
}

@keyframes dungdung_01 {
  from {
    transform: translateY(1%);
  }
  to {
    transform: translateY(-1%);
  }
}
@keyframes dungdung_02 {
  from {
    transform: translateY(-2%);
  }
  to {
    transform: translateY(2%);
  }
}
@keyframes dungdung_03 {
  from {
    transform: translateY(3%);
  }
  to {
    transform: translateY(-3%);
  }
}
@keyframes dungdung_04 {
  from {
    transform: translateY(-4%);
  }
  to {
    transform: translateY(4%);
  }
}

/* bottom text */
.bottom-text {
  width: 100%;
  height: 70rem;
  background-color: #292e3f;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bottom-text .tit {
  font-weight: 600;
  font-size: 6rem;
  line-height: 1.2;
  color: #fff;
}
.bottom-text .txt {
  margin: 1.5rem 0 2rem;
  font-weight: 500;
  font-size: 3rem;
  line-height: 4rem;
  color: #fff;
}
/*[e] Main Style */

/*[s] Sub Style */
.sub-top {
  margin-top: 9rem !important;
}
/* company */
.history-card .his-over {
  background-color: #fff;
  color: #222;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
  position: relative;
  border-radius: 1rem;
  cursor: pointer;
}
.history-card .his-over .year {
  margin: 0 auto;
  padding-top: 6rem;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
  writing-mode: tb-rl;
}
.history-card .his-over .title {
  margin-top: 3rem;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.2rem;
  display: none;
}
.history-card .his-over .text {
  margin-top: 2rem;
  padding-left: 0.8rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #666;
  display: none;
  position: relative;
}
.history-card .his-over .text:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0px;
}
.history-card .his-over .text + .text {
  margin-top: 1.5rem;
}
.history-card .his-over .year + .text {
  margin-top: 3rem;
}
.history-card .his-over .logo {
  position: absolute;
  bottom: 4rem;
  transform: rotate(90deg);
  transform-origin: 100% 100%;
}

.history-card .his-over:nth-child(1) {
  background-color: #3617cd;
  color: #fff;
}
.history-card .his-over:nth-child(1) .text {
  color: #fff;
}

.history-card .his-over.y2016 {
  background-color: #36ea84;
  color: #fff;
}
.history-card .his-over.y2016 .text {
  color: #fff;
}
.history-card.var-pc .his-over.y2025 .logo {
  width: 4rem;
  right: calc(100% / 1.35);
  bottom: 3.5rem !important;
}
.history-card.var-pc .his-over.y2024 .logo {
  width: 3rem;
  right: calc(100% / 1.25);
}
.history-card.var-pc .his-over.y2022 .logo {
  width: 25.4rem;
  right: calc(100% / 1.45);
}
.history-card.var-pc .his-over.y2021 .logo {
  width: 5rem;
  right: calc(100% / 1.25);
}
.history-card.var-pc .his-over.y2020 .logo {
  width: 10.1rem;
  right: calc(100% / 1.6);
}
.history-card.var-pc .his-over.y2019 .logo {
  width: 3.8rem;
  right: calc(100% / 1.35);
}
.history-card.var-pc .his-over.y2018 .logo {
  width: 4.1rem;
  right: calc(100% / 1.35);
}
.history-card.var-pc .his-over.y2014 .logo {
  width: 5.6rem;
  right: calc(100% / 1.4);
}
.history-card.var-pc .his-over.y2013 .logo {
  width: 3.8rem;
  right: calc(100% / 1.25);
}
.history-card.var-pc .his-over.y2012 .logo {
  width: 11.5rem;
  right: calc(100% / 1.5);
}
.history-card.var-pc .his-over.y2009 .logo {
  width: 15.8rem;
  right: calc(100% / 1.4);
}
.history-card.var-pc .his-over.y2007 .logo {
  width: 16.2rem;
  right: calc(100% / 1.6);
}

.history-card.var-pc {
  width: 100vw;
  margin: 5.5rem 0 0 -50vw;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
  display: flex;
  justify-content: center;
}
.history-card.var-pc .history-card_in {
  text-align: left;
  display: flex;
  justify-content: flex-start;
}
.history-card.var-pc .his-over {
  width: 9rem;
  height: 48.5rem;
}
.history-card.var-pc .his-over + .his-over {
  margin-left: 2rem;
}

.history-card.var-pc .his-over {
  transition: all 0.3s ease-out;
}
.history-card.var-pc .his-over .year,
.history-card.var-pc .his-over .title,
.history-card.var-pc .his-over .text,
.history-card.var-pc .his-over .logo {
}
.history-card.var-pc .his-over .title,
.history-card.var-pc .his-over .text {
  display: block;
  position: relative;
  right: -1rem;
  opacity: 0;
  transition: all 0s ease-out;
  transition-delay: 0s;
}

.history-card.var-pc .his-over.active {
  width: 33rem;
  padding: 5.5rem 3rem 6rem;
}
.history-card.var-pc .his-over.active .title,
.history-card.var-pc .his-over.active .text {
  right: 0px;
  opacity: 1;
  transition: all 0.3s ease-out;
  transition-delay: 0.3s;
}
.history-card.var-pc .his-over.active .year {
  padding-top: 0;
  writing-mode: inherit;
}
.history-card.var-pc .his-over.active .title,
.history-card.var-pc .his-over.active .text {
  display: block;
}
.history-card.var-pc .his-over.active .logo {
  right: 4rem;
  bottom: 4rem;
  transform: rotate(0deg);
}

.history-card.var-mobile {
  width: 100%;
  max-width: 37rem;
  margin: 5.5rem auto 0;
}
.history-card.var-mobile .his-over {
  height: 52.5rem;
  padding: 5.5rem 3rem 6rem;
}
.history-card.var-mobile .his-over .year {
  padding-top: 0;
  writing-mode: inherit;
}
.history-card.var-mobile .his-over .title,
.history-card.var-mobile .his-over .text {
  display: block;
}
.history-card.var-mobile .his-over .logo {
  right: auto;
  left: 3rem;
  bottom: 4rem;
  transform: rotate(0deg);
}
.history-card.var-mobile .his-over .logo img {
  width: 10rem;
}
.history-card.var-mobile .his-over .logo img + img {
  margin-left: 2rem;
}

.history-card-thumb {
  width: 80%;
  margin: 4rem auto 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
}
.history-card-thumb .swiper-wrapper {
}
.history-card-thumb .swiper-wrapper .swiper-slide {
  width: 10rem;
  position: relative;
  opacity: 0.4;
}
.history-card-thumb .swiper-wrapper .swiper-slide[data-title]:before {
  content: attr(data-title);
  width: 100%;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1;
  color: #222;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.history-card-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.mySwiper2-btns {
  width: 10rem;
  height: 5rem;
  margin: 4rem auto 0;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  border-radius: 1rem;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2);
}
.mySwiper2-btns .swiper-button {
  width: 5rem;
  height: 5rem;
  margin: 0 !important;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
  font-size: 0;
  line-height: 0;
  color: #2c78ff;
  display: inline-block !important;
  vertical-align: top;
  cursor: pointer;
  position: static !important;
}
.mySwiper2-btns .swiper-button:before {
  font-weight: 500;
  font-size: 3rem;
  line-height: 5rem;
}
.mySwiper2-btns .swiper-button-prev:before {
  content: "←";
}
.mySwiper2-btns .swiper-button-next:before {
  content: "→";
}
.mySwiper2-btns .swiper-button:after {
  display: none !important;
}

/* business */
/* index */
.business-index {
  width: 100%;
  max-width: 120rem;
  margin: 7rem auto 0;
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}
.business-index > li {
  width: calc(100% / 3); /*flex:1 1 25%;*/
}
.business-index .business-re {
  width: 100%;
  overflow: hidden;
  display: block;
  position: relative;
}
.business-index .business-re > * {
}
.business-index .business-re .icon-box {
  width: 100%;
  position: relative;
}
.business-index .business-re .icon-box > img {
  width: 100%;
  max-width: none;
  opacity: 0;
}
.business-index .business-re .icon-box .icon-box_in {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 0;
}
.business-index .business-re .icon-box .ii {
  position: absolute;
  opacity: 1;
} /* transition: all .3s ease-out; transform-origin: 50% 50%; */

.business-index .business-re .text-box {
  width: 100%;
  height: 100%;
  padding: 3rem 2rem;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: end;
  justify-content: flex-start;
  transition: all 0.4s ease-out;
  transform-origin: 50% 50%;
  cursor: pointer;
}
.business-index .business-re .text-box > * {
  width: 100%;
}
.business-index .business-re .text-box .title {
  margin-top: 1.5rem;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff;
  order: 2;
}
.business-index .business-re .text-box .text {
  margin-top: 0.7rem;
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #fff;
  order: 3;
}
.business-index .business-re .text-box .more {
  order: 1;
}
.business-index .business-re .text-box .more > strong {
  width: 3.2rem;
  height: 3.2rem;
  background-color: rgba(35, 30, 93, 0.5);
  font-family: Malgun Gothic;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  border-radius: 99px;
}
.business-index .business-re .text-box .more > strong > span {
  transform: rotate(-45deg);
  display: inline-block;
  transform-origin: 28% 52%;
}

.business-index .business-re:hover .text-box {
  left: 0;
  top: 0;
}

.business-index .business-re .icon-box.i01 {
  background-color: #bffa55;
}
.business-index .business-re .icon-box.i01 .icon-box_in {
  width: 42.6rem;
  height: 32.7rem;
  transform: scale(0.73) translate(-50%, -50%);
}
.business-index .business-re .icon-box.i01 .ii.i_00 {
  left: 6rem;
  bottom: 0;
}
.business-index .business-re .icon-box.i01 .ii.i_01 {
  left: 6.7rem;
  bottom: 2.2rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i01 .ii.i_02 {
  left: 35.2rem;
  top: 14rem;
}
.business-index .business-re .icon-box.i01 .ii.i_03 {
  left: 37.8rem;
  top: 10.5rem;
}
.business-index .business-re .icon-box.i01 .ii.i_04 {
  left: 32.2rem;
  top: 6.2rem;
}
.business-index .business-re .icon-box.i01 .ii.i_05 {
  left: 32rem;
  top: 0rem;
}
.business-index .business-re .icon-box.i01 .ii.i_06 {
  left: 11.3rem;
  top: 1.6rem;
}
.business-index .business-re .icon-box.i01 .ii.i_07 {
  left: 2.2rem;
  top: 2.6rem;
}
.business-index .business-re .icon-box.i01 .ii.i_08 {
  left: 0rem;
  top: 8.7rem;
}
.business-index .business-re .icon-box.i01 .ii.i_09 {
  left: 4.6rem;
  top: 16.7rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i01 .ii.i_10 {
  left: 1.5rem;
  top: 23.2rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i01 .ii.i_11 {
  left: 34.5rem;
  top: 23.3rem;
}
.business-index .business-re .icon-box.i01 .ii.i_12 {
  left: 30rem;
  top: 16.8rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i02 {
  background-color: #3a01fe;
}
.business-index .business-re .icon-box.i02 .icon-box_in {
  width: 35.7rem;
  height: 31.6rem;
  transform: scale(0.73) translate(-50%, -50%);
}
.business-index .business-re .icon-box.i02 .ii.i_00 {
  right: -3rem;
  bottom: 0rem;
}
.business-index .business-re .icon-box.i02 .ii.i_01 {
  left: 4.8rem;
  top: 2.8rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i02 .ii.i_02 {
  left: 9.9rem;
  top: 19.3rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i02 .ii.i_03 {
  left: 0.1rem;
  top: 6rem;
}
.business-index .business-re .icon-box.i02 .ii.i_04 {
  left: 0.6rem;
  top: 15.1rem;
}
.business-index .business-re .icon-box.i02 .ii.i_05 {
  left: 22.2rem;
  top: 0rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i02 .ii.i_06 {
  left: 30.5rem;
  top: 10.5rem;
}
.business-index .business-re .icon-box.i02 .ii.i_07 {
  left: 30.2rem;
  top: 20.3rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i03 {
  background-color: #d3d3d3;
}
.business-index .business-re .icon-box.i03 .icon-box_in {
  width: 35.7rem;
  height: 39rem;
  transform: scale(0.73) translate(-60%, -50%);
}
.business-index .business-re .icon-box.i03 .ii.i_00 {
  right: -6.5rem;
  bottom: 0rem;
}
.business-index .business-re .icon-box.i03 .ii.i_01 {
  left: 6rem;
  top: 2rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i03 .ii.i_02 {
  left: 0rem;
  top: 0rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i03 .ii.i_03 {
  right: 0rem;
  top: 22.5rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i04 {
  background-color: #ff404e;
}
.business-index .business-re .icon-box.i04 .icon-box_in {
  width: 47rem;
  height: 29rem;
  transform: scale(0.73) translate(-50%, -50%);
}
.business-index .business-re .icon-box.i04 .ii.i_00 {
  left: 0rem;
  bottom: 0rem;
}
.business-index .business-re .icon-box.i04 .ii.i_01 {
  left: 5.1rem;
  top: 0rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i04 .ii.i_02 {
  left: 1.7rem;
  top: 17.2rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i04 .ii.i_03 {
  left: 34rem;
  top: 14.8rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i05 {
  background-color: #000;
}
.business-index .business-re .icon-box.i05 .icon-box_in {
  width: 43.5rem;
  height: 25.1rem;
  transform: scale(0.73) translate(-50%, -50%);
}
.business-index .business-re .icon-box.i05 .ii.i_00 {
  left: 3rem;
  bottom: -1.5rem;
}
.business-index .business-re .icon-box.i05 .ii.i_01 {
  left: 8.2rem;
  top: 2.8rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i05 .ii.i_02 {
  left: 0rem;
  top: 10.8rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i05 .ii.i_03 {
  left: 4.3rem;
  top: 3.9rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i05 .ii.i_04 {
  left: 30.5rem;
  top: 0;
  z-index: 3;
}
.business-index .business-re .icon-box.i05 .ii.i_05 {
  left: 28.3rem;
  top: 11.3rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i06 {
  background-color: #36ea84;
}
.business-index .business-re .icon-box.i06 .icon-box_in {
  width: 44.5rem;
  height: 40rem;
  transform: scale(0.73) translate(-50%, -50%);
}
.business-index .business-re .icon-box.i06 .ii.i_00 {
  left: 5.5rem;
  bottom: -1rem;
}
.business-index .business-re .icon-box.i06 .ii.i_01 {
  left: 5.3rem;
  top: 9.1rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i06 .ii.i_02 {
  left: -0.1rem;
  top: 23.5rem;
}
.business-index .business-re .icon-box.i06 .ii.i_03 {
  left: 5.5rem;
  top: 17rem;
}
.business-index .business-re .icon-box.i06 .ii.i_04 {
  left: 9.7rem;
  top: 12.3rem;
}
.business-index .business-re .icon-box.i06 .ii.i_05 {
  left: 17rem;
  top: 0rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i06 .ii.i_06 {
  left: 32.2rem;
  top: 10rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i06 .ii.i_07 {
  left: 33.5rem;
  top: 16.5rem;
  z-index: 3;
}
.business-index .business-re .icon-box.i06 .ii.i_08 {
  left: 26.5rem;
  top: 28rem;
  z-index: 3;
}

.business-index .business-re .icon-box.i07 {
  background-color: #f97046;
}
.business-index .business-re .icon-box.i07 .icon-box_in {
  width: 45.4rem;
  height: 28.5rem;
  top: auto;
  bottom: 0;
  transform: scale(0.73) translate(-50%, 0);
  transform-origin: 0 100%;
}
.business-index .business-re .icon-box.i07 .ii.i_00 {
  left: 12.6rem;
  bottom: 0rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i07 .ii.i_01 {
  left: 0;
  bottom: 0rem;
}
.business-index .business-re .icon-box.i07 .ii.i_02 {
  right: 0;
  bottom: 0rem;
}

.business-index .business-re .icon-box.i08 {
  background-color: #902df5;
}
.business-index .business-re .icon-box.i08 .icon-box_in {
  width: 45.4rem;
  height: 28.1rem;
  top: auto;
  bottom: 1rem;
  transform: scale(0.73) translate(-50%, 0);
  transform-origin: 0 100%;
}
.business-index .business-re .icon-box.i08 .ii.i_00 {
  left: 1rem;
  bottom: -0.7rem;
}
.business-index .business-re .icon-box.i08 .ii.i_01 {
  left: 12.7rem;
  top: 5.6rem;
}
.business-index .business-re .icon-box.i08 .ii.i_02 {
  left: -0.1rem;
  top: 14.9rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i08 .ii.i_03 {
  left: 3.6rem;
  top: 0;
  z-index: 3;
}
.business-index .business-re .icon-box.i08 .ii.i_04 {
  left: 32.2rem;
  top: 13.3rem;
}

.business-index .business-re .icon-box.i09 {
  background-color: #ff7eff;
}
.business-index .business-re .icon-box.i09 .icon-box_in {
  width: 36.1rem;
  height: 22.8rem;
  top: auto;
  bottom: 2rem;
  transform: scale(1) translate(-50%, 0);
  transform-origin: 0 100%;
}
.business-index .business-re .icon-box.i09 .ii.i_00 {
  left: 0;
  bottom: -0.7rem;
}
.business-index .business-re .icon-box.i09 .ii.i_01 {
  left: 12.7rem;
  top: 5.6rem;
}
.business-index .business-re .icon-box.i09 .ii.i_02 {
  left: -0.1rem;
  top: 14.9rem;
  z-index: 2;
}
.business-index .business-re .icon-box.i09 .ii.i_03 {
  left: 3.6rem;
  top: 0;
  z-index: 3;
}
.business-index .business-re .icon-box.i09 .ii.i_04 {
  left: 32.2rem;
  top: 13.3rem;
}

.business-index .business-re .icon-box .ii {
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.business-index .business-re .icon-box .ii:nth-child(1),
.business-index .business-re .icon-box .ii:nth-child(2),
.business-index .business-re .icon-box .ii:nth-child(9),
.business-index .business-re .icon-box .ii:nth-child(13) {
  animation-name: dungdung_01;
  animation-duration: 1s;
}
.business-index .business-re .icon-box .ii:nth-child(3),
.business-index .business-re .icon-box .ii:nth-child(6),
.business-index .business-re .icon-box .ii:nth-child(10) {
  animation-name: dungdung_02;
  animation-duration: 1.5s;
}
.business-index .business-re .icon-box .ii:nth-child(4),
.business-index .business-re .icon-box .ii:nth-child(7),
.business-index .business-re .icon-box .ii:nth-child(11) {
  animation-name: dungdung_03;
  animation-duration: 2s;
}
.business-index .business-re .icon-box .ii:nth-child(5),
.business-index .business-re .icon-box .ii:nth-child(8),
.business-index .business-re .icon-box .ii:nth-child(12) {
  animation-name: dungdung_04;
  animation-duration: 2.5s;
}

@keyframes dungdung_01 {
  from {
    transform: translateY(1%);
  }
  to {
    transform: translateY(-1%);
  }
}
@keyframes dungdung_02 {
  from {
    transform: translateY(-2%);
  }
  to {
    transform: translateY(2%);
  }
}
@keyframes dungdung_03 {
  from {
    transform: translateY(3%);
  }
  to {
    transform: translateY(-3%);
  }
}
@keyframes dungdung_04 {
  from {
    transform: translateY(-4%);
  }
  to {
    transform: translateY(4%);
  }
}

/* digital */
/* 2023-03-30
			.digital-conts{width:100%; display: none; justify-content: flex-start;}
			.digital-conts.active{display: flex;}
			.digital-conts>*{width:50%; height:22.5rem; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
			.digital-conts>.digital-left{font-weight: 600; font-size:10rem; line-height:1; color: #222; text-align: center; white-space: nowrap;}
			.digital-conts>.digital-left>p{padding:0rem 1rem; background-color: #bffa55;}
			.digital-conts>.digital-right{padding-left:5rem; justify-content: flex-start;}
			*/
.img-one {
  margin-top: 7rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.digital-conts.iptv .img-one {
  margin-top: 4rem;
}

.digital-conts {
  width: 100%;
  margin-top: 12rem;
  margin-bottom: 24rem;
}
.digital-conts + .digital-conts {
}
.digital-conts:last-child {
  margin-bottom: 0rem;
}

.digital-conts * + h4 {
  margin-top: 12rem;
}

.radius-group {
  margin-top: 9.5rem;
  text-align: center;
}
.radius-group .radius-tit {
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
  color: #222;
}
.radius-group .radius-title {
  display: inline-block;
}
.radius-group .radius-title > span {
  height: 6rem;
  margin: 0 auto;
  padding: 0 4rem;
  background-color: #bffa55;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
  color: #222;
  border-radius: 99px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.radius-group .radius-title.line > span {
  background-color: #fff;
  border: 2px solid #bffa55;
}
.radius-group .radius-title.black > span {
  background-color: #000;
  font-size: 2.2rem;
  color: #fff;
}
.radius-group .radius-text {
  margin-top: 2.5rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.4;
  color: #666;
}

.img-one + .radius-group {
  margin-top: 14rem;
}

.circle-tt {
  width: 100%;
  margin-top: 7rem;
  display: flex;
  justify-content: space-around;
}
.circle-tt .circle-tt_re {
  width: calc(100% / 3);
  text-align: center;
}
.circle-tt .circle-tt_re .circle {
  width: 30rem;
  height: 30rem;
  margin: 0 auto;
  position: relative;
}
.circle-tt .circle-tt_re .circle > p {
  width: 100%;
  height: 100%;
  background-color: #bffa55;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 999px;
}
.circle-tt .circle-tt_re .title {
  margin-top: 2.5rem;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  color: #222;
}
.circle-tt .circle-tt_re ul {
  margin-top: 2rem;
  display: inline-block;
}
.circle-tt .circle-tt_re ul > li {
  padding-left: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #666;
  text-align: left;
  position: relative;
}
.circle-tt .circle-tt_re ul > li:before {
  content: "·";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
}

.iptv-graphics {
  width: 100%;
  min-width: 1200px;
  margin: 30px 0 50px;
  background-color: #ecf8e4;
  display: flex;
}
.iptv-graphics > li {
  padding: 0 25px;
}
.iptv-graphics > li.line {
  padding: 0 0 0 30px;
}
.iptv-graphics > li.tv {
  width: 205px;
  padding: 0;
  position: relative;
}
.iptv-graphics > li.tv.small {
  width: 190px;
}
.iptv-graphics > li.three {
  width: 510px;
}
.iptv-graphics .iptv-graphics-title {
  width: 100%;
  height: 120px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.iptv-graphics .iptv-graphics-tv {
  width: 100%;
  height: 140px;
  background-color: #bef954;
  position: absolute;
  left: 0;
  top: -1.5rem;
}
.iptv-graphics .iptv-graphics-tv > div {
  width: 100%;
  text-align: center;
  display: flex;
}
.iptv-graphics .iptv-graphics-tv > div > p {
  width: 100%;
  height: 103px;
  margin: 8px 8px 0;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.iptv-graphics .iptv-graphics-tv > div > p:before {
  content: "▶";
  font-size: 35px;
  line-height: 1;
  color: #bef954;
}
.iptv-graphics .iptv-graphics-tv > dl {
  text-align: center;
}
.iptv-graphics .iptv-graphics-tv > dl > dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  color: #222;
}
.iptv-graphics .iptv-graphics-tv > dl > dd {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.3;
  color: #222;
}
.iptv-graphics .iptv-graphics-tv > dl > dd > span {
  color: #9bdb0e;
}

.iptv-graphics .iptv-graphics-tv.qtone {
  background-color: #f8da57;
}
.iptv-graphics .iptv-graphics-tv.qtone > div > p:before,
.iptv-graphics .iptv-graphics-tv.qtone > dl > dd > span {
  color: #f8da57;
}

/* T deal */
.tdeal-stop {
  width: 100%;
  margin-top: 9rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.tdeal-stop > li + li {
  margin-left: 3rem;
}

.tdeal-section {
  width: 100vw;
  margin-left: -50vw;
  padding: 10rem 0;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
}
.tdeal-section.first {
  min-height: 87rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tdeal-section.blue {
  background-color: #3617cd;
}
.tdeal-section.gray {
  background-color: #fafafa !important;
}
.tdeal-section.purple {
  background-color: #e4e5f7 !important;
}
.tdeal-section.pink {
  background-color: #ffeff0 !important;
}
.tdeal-section.white {
  background-color: #fff !important;
}
.tdeal-section .scrollTb {
  margin-top: 7rem;
}

.tdeal-extract {
}
* + .tdeal-extract {
  margin-top: 4.5rem;
}
.tdeal-extract .title {
  margin: 0 0 7rem;
  display: inline-block;
}
.tdeal-extract .title > span {
  height: 4.5rem;
  margin: 0 auto;
  padding: 0 4rem;
  background-color: #222;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  border-radius: 99px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tdeal-extract .title.pink > span {
  background-color: #ff4d59;
}
.tdeal-extract .title.green > span {
  background-color: #bffa55;
  color: #222;
}
.tdeal-extract .text {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #222;
  text-align: center;
}
.tdeal-extract .title + .text {
  margin-top: -5rem;
}
.tdeal-extract .brandday-img {
  margin-top: 3.5rem;
  font-size: 0;
  line-height: ;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.tdeal-extract .brandday-img dl {
  margin: 0 1.6rem;
}
.tdeal-extract .brandday-img dl > dd {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1;
  color: #222;
}
.tdeal-extract .brandday-img dl > dd .small {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.4;
}

.tdeal-extract .brandday-ps {
  width: 100%;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
}
.tdeal-extract .brandday-ps > * {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.tdeal-extract .brandday-ps > dt {
  width: 14rem;
  padding-right: 1.8rem;
}
.tdeal-extract .brandday-ps > dt > span {
  width: 12.2rem;
  height: 4rem;
  margin: 0 auto;
  padding: 0 2rem;
  background-color: #222;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  border-radius: 99px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tdeal-extract .brandday-ps > dd {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #222;
  text-align: left;
}

.tdeal-extract.message {
  margin-top: 0;
}
.tdeal-extract.message dl {
  display: inline-block;
  vertical-align: top;
}
.tdeal-extract.message dl + dl {
  margin-left: 9rem;
}
.tdeal-extract.message dl .title {
  margin: 5rem 0 3.5rem;
}
.tdeal-extract.message dl:nth-child(1) .title > span {
  background-color: #ff4d59;
}
.tdeal-extract.message dl:nth-child(2) .title > span {
  background-color: #3617cd;
}

/* dawin */
.dawin-section {
  width: 100vw;
  margin: -10rem 0 -14rem -50vw;
  padding: 10rem 0;
  background-color: #fafafa;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
}

.dawin-conts {
  width: 100%;
  margin-bottom: 20rem;
  font-size: 0;
  line-height: 0;
}
.dawin-conts:nth-child(1) {
  margin-top: 10rem;
}
.dawin-conts:last-child {
  margin-bottom: 0rem;
}

.dawin-conts .pg-txt {
  color: #222;
}

.dawin-conts .scrollTb {
  margin-top: 7rem;
}

.coverage-area {
  width: 100%;
}
.coverage-area .coverage-re {
  width: 100%;
  margin-top: 14rem;
  display: flex;
  justify-content: space-between;
}
.coverage-area .coverage-re + .coverage-re {
}
.coverage-area .coverage-re > * {
  width: 50%;
}
.coverage-area .coverage-re .coverage-text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #222;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
}
.coverage-area .coverage-re .coverage-text > dl {
  display: inline-block;
}
.coverage-area .coverage-re .coverage-text dt {
  font-weight: 600;
  font-size: 4rem;
  line-height: 1;
}
.coverage-area .coverage-re .coverage-text dt + dd {
  margin-top: 2.5rem;
}

.coverage-carousel {
  width: 100%;
  font-size: 0;
  line-height: 0;
  user-select: none;
}
.coverage-carousel + .coverage-carousel {
  margin-top: 4rem;
}
.coverage-carousel ul {
  white-space: nowrap;
  display: flex;
}
.coverage-carousel ul > li {
  margin-left: 6rem;
  border: none;
  display: inline-block;
  vertical-align: top;
}
.coverage-carousel ul > li > span {
  padding: 0;
  background-color: #fff;
  display: inline-block;
}
.coverage-carousel ul > li > span img {
  width: fit-content;
  min-width: fit-content;
  max-width: fit-content;
  height: 4rem;
  max-width: fit-content;
  object-fit: contain;
  object-position: center center;
}
/*
			.coverage-carousel ul>li.name{}
			.coverage-carousel ul>li.name>span{background-color: #36ea84; color: #fff;}
			*/

.coverage-area .coverage-re .coverage-circle {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.coverage-area .coverage-re .coverage-circle .coverage-circle-re {
  width: 35rem;
  height: 35rem;
  border-radius: 999px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  position: relative;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.coverage-area .coverage-re .coverage-circle .coverage-circle-re dd {
  margin-top: 0.7rem;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
}
.coverage-area
  .coverage-re
  .coverage-circle
  .coverage-circle-re
  + .coverage-circle-re {
}
.coverage-area .coverage-re .coverage-circle .coverage-circle-re.blue {
  margin-right: -20rem;
  background-color: #3617cd;
  z-index: 2;
  justify-content: center;
  animation-name: coverage-blue;
}
.coverage-area .coverage-re .coverage-circle .coverage-circle-re.red {
  background-color: #ed2224;
  padding-right: 1.5rem;
  animation-name: coverage-red;
}

.coverage-area .coverage-re:nth-child(odd) .coverage-text {
  order: 1;
  text-align: right;
}
.coverage-area .coverage-re:nth-child(odd) .coverage-thumb {
  order: 2;
}

@keyframes coverage-blue {
  from {
    transform: translateY(3%);
  }
  to {
    transform: translateY(-3%);
  }
}
@keyframes coverage-red {
  from {
    transform: translateY(-1%);
  }
  to {
    transform: translateY(1%);
  }
}

#reference-carousel {
  width: 192rem;
  margin: 0 auto;
}
.reference-carousel {
  width: 100%;
  margin-top: 5rem;
  font-size: 0;
  line-height: 0;
  user-select: none;
}
.reference-carousel + .reference-carousel {
  margin-top: 0;
}
.reference-carousel ul {
  padding-bottom: 2rem;
  white-space: nowrap;
  display: flex;
  overflow: visible !important;
}
.reference-carousel ul > li {
  margin-left: 4rem;
  border: none;
  display: inline-block;
  vertical-align: top;
}
.reference-carousel ul > li > span {
  width: 22rem;
  height: 9rem;
  background-color: #fff;
  display: inline-block;
  border-radius: 99px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.reference-carousel ul > li > span img {
  width: fit-content;
  min-width: fit-content;
  max-width: fit-content;
  height: 9rem;
  max-width: fit-content;
  object-fit: contain;
  object-position: center center;
}

.reference-carousel ul > li.name {
}
.reference-carousel ul > li.name > span {
  background-color: #36ea84;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff;
}

/* ASUM */
#container.asum .tdeal-section {
  background-color: #ff404e;
}
#container.asum .board_btn .click.white {
  color: #ff404e;
}
.asum-info {
  width: 100%;
  margin-top: 10rem;
  font-size: 0;
  line-height: 0;
  display: flex;
  justify-content: space-around;
}
.asum-info > li {
  flex: 1 1 30%;
}
.asum-info > li .icon {
  height: 17.6rem;
  position: relative;
}
.asum-info > li .icon:before {
  content: "";
  width: 6rem;
  height: 1px;
  margin-left: -3rem;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0px;
}
.asum-info > li dl {
  margin-top: 2.5rem;
  color: #fff;
  text-align: center;
}
.asum-info > li dl > dt {
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.2;
}
.asum-info > li dl > dd {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.asum-section {
  width: 100vw;
  margin: 0 0 0 -50vw;
  padding: 24rem 0;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
}
.asum-section + .asum-section {
  padding-top: 0;
}

/* platform */
#container.platform .tdeal-section {
}
.platform-info {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}
.platform-info .platform-info-re {
  margin-top: 9rem;
}
.platform-info .platform-info-re + .platform-info-re {
  margin-top: 18rem;
}

.platform-info .platform-info-re .platform-info-box {
  width: 100%;
  max-width: 120rem;
  margin: 5rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.platform-info .platform-info-re .platform-info-box > dl {
  width: calc(33.333% - 1rem);
  max-width: 36rem;
  border: 1px solid #000;
  color: #222;
}
.platform-info .platform-info-re .platform-info-box > dl > dt {
  width: 100%;
  height: 6rem;
  background-color: #000;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.platform-info .platform-info-re .platform-info-box > dl > dd {
  width: 100%;
  height: 16rem;
  padding: 0 1.9rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.platform-info .platform-info-re .platform-info-box ul.bul > li {
  padding-left: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #666;
  position: relative;
}
.platform-info .platform-info-re .platform-info-box ul.bul > li + li {
  margin-top: 0;
}

/* global */
#container.global .tdeal-section {
  background-color: #36ea84;
}
.global-info {
  width: 100%;
  margin-top: 6.5rem;
  font-size: 0;
  line-height: 0;
  display: flex;
  justify-content: space-around;
}
.global-info > li {
  flex: 1 1 33.333%;
}
.global-info > li .icon {
  height: 20rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.global-info > li:nth-child(1) .icon {
  animation-name: dungdung01;
}
.global-info > li:nth-child(1) .icon img {
  width: 18.1rem;
  margin-right: -9.8rem;
}
.global-info > li:nth-child(2) .icon {
  animation-name: dungdung02;
}
.global-info > li:nth-child(2) .icon img {
  width: 19.2rem;
  margin-right: -8.5rem;
}
.global-info > li:nth-child(3) .icon {
  animation-name: dungdung03;
}
.global-info > li:nth-child(3) .icon img {
  width: 27rem;
  margin-right: -15rem;
}
.global-info > li dl {
  margin-top: 1rem;
  color: #222;
  text-align: center;
}
.global-info > li dl > dt > span {
  width: 16rem;
  height: 5rem;
  margin: 0 auto;
  background-color: #fff;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #36ea84;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
}
.global-info > li dl > dd {
  margin-top: 1.5rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.global-info > li dl > dd > p {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
}

@keyframes dungdung01 {
  from {
    transform: translateY(1.5%);
  }
  to {
    transform: translateY(-1.5%);
  }
}
@keyframes dungdung02 {
  from {
    transform: translateY(-1%);
  }
  to {
    transform: translateY(1%);
  }
}
@keyframes dungdung03 {
  from {
    transform: translateY(-2%);
  }
  to {
    transform: translateY(2%);
  }
}

.global-middle {
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.global-organization {
  width: 100%;
  margin-top: 7rem;
  padding-top: 12rem;
  background: url("/images/business/bg_global.png") no-repeat center top;
}
.global-organization .go-re-one {
  width: 20rem;
  height: 20rem;
  margin: 0 auto;
  padding: 1rem;
  background-color: rgba(54, 234, 132, 0.3);
  border-radius: 999px;
  position: relative;
  z-index: 2;
}
.global-organization .go-re-one > p {
  width: 18rem;
  height: 18rem;
  background-color: rgba(54, 234, 132, 1);
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}
.global-organization .go-re-two {
  width: 100%;
  max-width: 111rem;
  margin: 10rem auto 0;
  padding-top: 9rem;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.global-organization .go-re-two:after,
.global-organization .go-re-two:before {
  content: "";
  background-color: #222;
  display: inline-block;
  position: absolute;
  left: 50%;
}

.global-organization .go-re-two:before {
  width: 87.1rem;
  height: 1px;
  margin-left: -43.55rem;
  top: 0px;
  display: none;
}
.global-organization .go-re-two:after {
  width: 1px;
  height: 12rem;
  margin-left: -0.5px;
  top: -12rem;
}
.global-organization .go-re-three {
  width: calc(100% / 4);
  max-width: 24rem;
  position: relative;
}
.global-organization .go-re-three + .go-re-three {
  margin-left: 4.5454%;
}
.global-organization .go-re-three:before {
  content: "";
  width: 1px;
  height: 9rem;
  margin-left: -0.5px;
  background-color: #222;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -9rem;
}
.global-organization .go-re-three:after {
  content: "";
  width: 130%;
  height: 1px;
  margin-left: -50%;
  background-color: #222;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -9rem;
}
.global-organization .go-re-three:nth-child(1):after {
  margin-left: 0%;
}
.global-organization .go-re-three:nth-child(4):after {
  margin-left: -130%;
}
.global-organization .go-re-three > dt {
  width: 100%;
  height: 6.6rem;
  background-color: #eee;
  border: 1px solid #ddd;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1;
  color: #222;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
}
.global-organization .go-re-three > dd {
}

.global-organization .go-re-three > dd ul {
  margin-top: 2.5rem;
}
.global-organization .go-re-three > dd ul > li {
  padding-left: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 3rem;
  color: #666;
  text-align: left;
  position: relative;
}
.global-organization .go-re-three > dd ul > li:before {
  content: "·";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
}

/* IDL */
.idl-img-top {
  margin-top: 7.5rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.idl-info {
  margin-top: 24rem;
}

.idl-graphic {
  margin: 7.5rem 0 12rem;
  position: relative;
}
.idl-graphic .idl-graphic-center {
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
.idl-graphic .idl-graphic-center img {
  position: relative;
  z-index: 2;
}
.idl-graphic .idl-graphic-center:before,
.idl-graphic .idl-graphic-center:after,
.idl-graphic .idl-graphic-center > span:before,
.idl-graphic .idl-graphic-center > span:after {
  content: "";
  width: 1px;
  height: 0;
  border-right: 1px dotted #ccc;
  display: inline-block;
  position: absolute;
  left: 50%;
}
.idl-graphic .idl-graphic-center:before {
  margin-left: -15.4rem;
  top: -13rem;
}
.idl-graphic .idl-graphic-center:after {
  margin-left: 14.5rem;
  top: -3rem;
}
.idl-graphic .idl-graphic-center > span:before {
  margin-left: 14.5rem;
  bottom: -13rem;
}
.idl-graphic .idl-graphic-center > span:after {
  margin-left: -15.4rem;
  bottom: -3rem;
}
.idl-graphic .idl-graphic-txt {
  width: 31.25%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.idl-graphic .idl-graphic-txt > dt {
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #222;
}
.idl-graphic .idl-graphic-txt > dd {
  margin-top: 1.5rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #666;
}
.idl-graphic .idl-graphic-txt .point {
  color: #ff6600;
}

.idl-graphic .idl-graphic-txt.lt {
  margin: -13% 0 0 -34%;
  text-align: right;
}
.idl-graphic .idl-graphic-txt.rt {
  margin: -13% 0 0 34%;
}
.idl-graphic .idl-graphic-txt.rb {
  margin: 13% 0 0 -34%;
  text-align: right;
}
.idl-graphic .idl-graphic-txt.lb {
  margin: 13% 0 0 34%;
}

/* iav */
#container.iav .iav-section {
  background-color: #fafafa;
}
#container.iav .board_btn .click.white {
  background-color: #111;
  color: #fff;
}

.iav-section {
  width: 100vw;
  margin: 0 0 0 -50vw;
  padding: 7.5rem 0 10rem;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: relative;
  left: 50%;
}
.iav-section.first {
}
.iav-section + .iav-section {
  padding-top: 10rem;
}

.iav-section:nth-of-type(1) #hgroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}
.iav-section:nth-of-type(1) #hgroup .hgroup-left {
  min-width: 54.3rem;
}
.iav-section:nth-of-type(1) #hgroup * {
  color: #333;
  text-align: left;
}
.iav-section #hgroup .pg-txt {
  padding-bottom: 2.5rem;
  font-weight: bold;
  font-size: 4.5rem;
  line-height: 5.5rem;
}
.iav-section #hgroup .pg-txt > strong {
  font-weight: 900;
  color: #fe76a7;
}
.iav-section #hgroup .pg-txts {
  font-weight: 600;
  font-size: 2rem;
  line-height: 4.4rem;
  color: #111;
}
.iav-section #hgroup .pg-txts > strong {
  font-weight: 900;
  color: #ff9b93;
}
.iav-section #hgroup .img img {
  width: 45.4rem;
}

.iav-section:nth-child(n + 1) #hgroup .pg-tit {
  font-weight: bold;
  font-size: 4rem;
  line-height: 1.2;
  color: #fe76a7;
}
.iav-section:nth-child(n + 1) #hgroup .pg-txt {
  padding-bottom: 2rem;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 3.6rem;
  color: #111;
}

.iav-section .iav-option {
  width: 100%;
  margin-top: 7rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 7.5rem 3rem;
}
.iav-section .iav-option > li {
  width: calc((100% - 6rem) / 3);
}
.iav-section .iav-option > li:is(:nth-child(2), :nth-child(5)) {
  text-align: center;
}
.iav-section .iav-option > li:is(:nth-child(2), :nth-child(5)) img {
  position: relative;
  left: 0.5rem;
}
.iav-section .iav-option > li:is(:nth-child(3), :nth-child(6)) {
  text-align: right;
}

.iav-section .iav-step {
  margin-top: 4rem;
}
.iav-section .t-star {
  margin: 3rem 0;
}

/* insight */
#insight-top {
  width: 100%;
  padding: 4.5rem 0;
  background-color: #f2f6ff;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
#top-banner {
  width: 100%;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

.sub-top-slick {
  position: relative;
}
.sub-top-slick .slick-dots {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 5;
}
.sub-top-slick .slick-dots > li {
  display: inline-block;
  vertical-align: top;
}
.sub-top-slick .slick-dots > li + li {
  margin-left: 1rem;
}
.sub-top-slick .slick-dots > li button {
  width: 0.8rem !important;
  height: 0.8rem;
  margin: 0;
  padding: 0;
  background-color: #c8dbff;
  border: none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 99px;
}
.sub-top-slick .slick-dots > li.slick-active button {
  background-color: #1c6eff;
}

.sub-top-slick .sub-top-slick-roll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
.sub-top-slick .sub-top-slick-roll.slick-initialized,
.sub-top-slick.destroy .sub-top-slick-roll {
  visibility: visible;
  opacity: 1;
}

/* promotion */
#news-top {
  width: 100%;
  margin-top: 9rem;
  padding: 10rem 0 12.5rem;
  background-color: #f2f6ff;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.summary-news-btn {
  width: 20rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  position: absolute;
  right: 3rem;
  bottom: -2rem;
}
.summary-news-btn .character {
}
.summary-news-btn .character img {
  width: 6.8rem;
}
.summary-news-btn .summary-news_con {
  width: 100%;
  padding: 1.8rem;
  background-color: #fff;
  display: block;
  border-radius: 1rem 1rem 0 0;
}
.summary-news-btn .summary-news_con dt {
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--point);
}
.summary-news-btn .summary-news_con dd {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #666;
}

.summary-news_close {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 1rem;
  padding: 0;
  background-color: #333;
  border: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 99px;
  position: relative;
}
.summary-news_close:before,
.summary-news_close:after {
  content: "";
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.summary-news_close:before {
  width: 50%;
  height: 1px;
}
.summary-news_close:after {
  width: 1px;
  height: 50%;
}

.news-list {
  width: 100%;
  position: relative;
}
.news-list .news-roll {
}
.news-list .news-slider {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.news-list .news-slider_in {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.news-list .news-thumb {
  width: 35%;
  font-size: 0;
  line-height: 0;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.news-list .news-thumb img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.news-list .news-thumb img.ov {
  position: absolute;
  left: 0;
  top: 0;
}
.news-list .news-conts {
  width: calc(100% - 35%);
  min-height: 100%;
  padding: 0 4rem 0 6.6666%;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #666;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  justify-content: flex-start;
}
.news-list .news-conts .cate {
  padding-bottom: 2.5rem;
  line-height: 1;
}
.news-list .news-conts dl {
  width: 100%;
}
.news-list .news-conts dl > dt > div {
  font-weight: 600;
  font-size: 3.5rem;
  line-height: 4.5rem;
  color: #222;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list .news-conts dl > dd {
  margin-top: 2.5rem;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-list .news-conts .day {
  width: 100%;
  margin-top: 3.5rem;
  font-size: 1.4rem;
  line-height: 1;
}

.news-list .news-slider:hover .news-thumb img.ov {
  transform: scale(1.05) rotate(0.001deg);
}
.news-list .news-slider:hover .news-conts dl > dt > div {
  color: var(--point);
}

.news-list .news-control {
  width: 7rem;
  height: 3.5rem;
  background-color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  top: -5.8rem;
  z-index: 6;
  border-radius: 1rem;
  box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
}
.news-list .slick-arrow {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3.5rem;
  color: #2c78ff;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.news-list .slick-prev {
  left: 0%;
}
.news-list .slick-next {
  right: 0%;
}

.news-list .slick-dots {
  padding-left: 6.6666%;
  position: absolute;
  left: 35%;
  right: 0;
  top: -4.3rem;
  z-index: 5;
}
.news-list .slick-dots > li {
  display: inline-block;
  vertical-align: top;
}
.news-list .slick-dots > li + li {
  margin-left: 1rem;
}
.news-list .slick-dots > li button {
  width: 0.8rem !important;
  height: 0.8rem;
  margin: 0;
  padding: 0;
  background-color: #c8dbff;
  border: none;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 99px;
}
.news-list .slick-dots > li.slick-active button {
  background-color: #1c6eff;
}

.news-list .news-roll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
.news-list .news-roll.slick-initialized,
.news-list.destroy .news-roll {
  visibility: visible;
  opacity: 1;
}

/* 작은거 */
.news-list.repeat {
}
.news-list.repeat .news-slider {
  margin-top: 6rem;
  display: block;
}

.news-list.repeat .news-thumb {
  width: 28.3333%;
  box-shadow: 0 0 3rem rgb(0, 0, 0, 0.1);
}
.news-list.repeat .news-conts {
  width: calc(100% - 28.3333%);
  padding: 0 0 0 5%;
}
.news-list.repeat .news-conts .cate {
}
.news-list.repeat .news-conts dl {
}
.news-list.repeat .news-conts dl > dt > div {
  font-size: 2rem;
  line-height: 3rem;
}
.news-list.repeat .news-conts dl > dd {
  margin-top: 2rem;
  -webkit-line-clamp: 2;
}
.news-list.repeat .news-conts .day {
}

.news-list.repeat.hit {
  margin-top: 2rem;
  counter-reset: item;
}
.news-list.repeat.hit .news-slider {
  margin-top: 0;
  padding: 4rem 0;
  border-bottom: 1px solid #e6e6e6;
}
.news-list.repeat.hit .hit-ranking {
  width: 3.4rem;
  height: 3.4rem;
  padding-top: 0.5rem;
  background-color: #3a01fe;
  text-align: center;
  position: absolute;
  left: 0.5rem;
  top: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.news-list.repeat.hit .hit-ranking:before {
  counter-increment: item;
  content: counter(item) "위";
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
}
.news-list.repeat.hit .hit-ranking:after {
  content: "";
  width: 0;
  height: 0;
  border: 0;
  border-left: 1.7rem solid #3a01fe;
  border-right: 1.7rem solid #3a01fe;
  border-bottom: 1.5rem solid transparent;
  position: absolute;
  left: 0;
  top: calc(100% - 0.05rem);
}

/* 세로방향 작은거 */
.news-list.repeat.portrait {
  width: calc(100% + 3rem);
  margin-top: -6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
h5.mt + .news-list.repeat.portrait {
  margin-top: -3.5rem;
}
.news-list.repeat.portrait .news-slider {
  width: calc(100% / 3 - 3rem);
  margin-right: 3rem;
  display: inline-block;
}
.news-list.repeat.portrait .news-slider_in {
  display: block;
}
.news-list.repeat.portrait .news-thumb {
  width: 100%;
}
.news-list.repeat.portrait .news-conts {
  width: 100%;
  padding: 3rem 0 0 0;
}
.news-list.repeat.portrait .news-conts .cate {
  padding-bottom: 1rem;
}
.news-list.repeat.portrait .news-conts dl > dt > div {
  -webkit-line-clamp: 1;
}
.news-list.repeat.portrait .news-conts dl > dd {
  margin-top: 1rem;
}
.news-list.repeat.portrait .news-conts .day {
  margin-top: 1.5rem;
}

#insight-top .news-list .news-conts {
  padding-top: 6.5rem;
  align-content: flex-start;
}
#insight-top .news-list .news-conts .cate {
  padding-bottom: 2rem;
}
#insight-top .news-list .news-conts dl {
}
#insight-top .news-list .news-conts dl > dt > div {
}
#insight-top .news-list .news-conts dl > dd {
  margin-top: 3rem;
  -webkit-line-clamp: 2;
}
#insight-top .news-list .news-conts .day {
  margin-top: 2rem;
}

#insight-top .news-list .news-control {
  top: 0rem;
}
#insight-top .news-list .slick-dots {
  top: 1.5rem;
}

.ci-thumb {
  width: 100%;
  margin-top: 7rem;
  display: flex;
  justify-content: center;
}
.ci-thumb > p {
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 1rem;
  overflow: hidden;
}
.ci-thumb > p + p {
  margin-left: 2rem;
}

.society-area {
  width: 100vw;
  margin-left: -50vw;
  font-size: 0;
  line-height: 0;
  position: relative;
  left: 50%;
}
.society-area .society-in {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  position: relative;
}
.society-area .slick-list {
  overflow: visible !important;
}
.society-area .society-roll {
}
.society-area .slick-slide {
  padding: 0 1rem;
}
.society-area .society-slider {
  width: 100%;
  background-color: #000;
  display: inline-block;
  border-radius: 1rem;
  overflow: hidden;
}
.society-area .society-slider img {
  opacity: 0.5;
}

.society-area .slick-arrow {
  padding: 0;
  background-color: transparent;
  border: none;
  font-weight: 300;
  font-size: 4.6rem;
  line-height: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 7;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.society-area .slick-prev {
  margin-left: -31rem;
}
.society-area .slick-next {
  margin-left: 31rem;
}

.society-area .slick-center .society-slider img {
  opacity: 1;
}

.society-area .society-roll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
.society-area .society-roll.slick-initialized {
  visibility: visible;
  opacity: 1;
}

/* Investment */
.investment-tab {
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.investment-tab > a {
  flex: 1 1 50%;
  height: 6.1rem;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  border-bottom-color: #222;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.investment-tab > a + a {
  margin-left: -1px;
}
.investment-tab > a.active {
  background-color: #fff;
  border-color: #222;
  border-bottom-color: #fff;
  font-weight: 600;
  color: #222;
  z-index: 2;
}

.investment-tab-conts {
  width: 100%;
  padding: 5rem 4rem 12rem;
  border: 1px solid #e2e2e2;
  border-top: none;
  display: none;
}

/* Recruitment */
.recruitment-area {
}
.information-thumb {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.information-step {
  width: 100%;
  font-size: 0;
  line-height: 0;
  counter-reset: item;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.information-step:before {
  content: "";
  margin-top: -0.1rem;
  border-top: 0.2rem dashed #ccc;
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 50%;
}
.information-step > li {
  width: 20rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.information-step > li + li {
  margin-left: -7rem;
}
.information-step > li dl {
  width: 20rem;
  height: 20rem;
  margin: 0 auto;
  padding-top: 4.5rem;
  background-color: #3a01fe;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  border-radius: 999px;
}
.information-step > li dl > dt:before {
  counter-increment: item;
  content: counter(item);
  color: #fff;
}
.information-step > li:nth-child(-n + 9) dl > dt:before {
  content: "0" counter(item);
}
.information-step > li dl > dd {
  padding-top: 2rem;
}
.information-step > li dl > dd .small {
  font-weight: 400;
  font-size: 1.8rem;
}

.information-step > li:nth-child(2) dl {
  background-color: #ff404e;
}
.information-step > li:nth-child(3) dl {
  background-color: #36ea84;
}
.information-step > li:nth-child(4) dl {
  background-color: #bffa55;
  color: #222;
}
.information-step > li:nth-child(5) dl {
  background-color: #d3d3d3;
  color: #222;
}
.information-step > li:last-child {
  margin: 0 0 0 0;
}
.information-step > li:last-child dl {
  background-color: #fff;
  border: 1px solid #3617cd;
  color: #3617cd;
}
.information-step > li:last-child dl > dt:before {
  color: #3617cd;
}

.information-step[data-num="5"] {
  max-width: 100rem;
}

.information-ol {
  width: 100%;
  margin-top: 7rem;
  font-size: 0;
  line-height: 0;
  counter-reset: item;
  overflow: hidden;
  position: relative;
}
.information-ol:before {
  content: "";
  width: 0.2rem;
  border-left: 0.2rem dashed #ccc;
  position: absolute;
  left: 1.2rem;
  top: 0.5rem;
  bottom: 0.5rem;
}
.information-ol > li {
  padding-left: 4.2rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #666;
  position: relative;
}
.information-ol > li + li {
  margin-top: 1.4rem;
}
.information-ol > li:before {
  counter-increment: item;
  content: counter(item);
  width: 2.6rem;
  height: 2.6rem;
  background-color: #222;
  font-size: 1.3rem;
  line-height: 2.6rem;
  color: #fff;
  text-align: center;
  border-radius: 999px;
  position: absolute;
  left: 0;
  top: 0;
}
.information-ol > li:nth-child(-n + 9):before {
  content: "0" counter(item);
}

.information-ol > li:last-child:before {
  background-color: #3617cd;
}

.welfare-list {
  width: 100%;
  margin-bottom: -3rem;
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pg-txt + .welfare-list {
  margin-top: 6rem;
}
.welfare-list > li {
  flex: 1 1 33.333%;
  padding: 0 0 3rem;
}
.welfare-list > li .icon {
  width: 100%;
  height: 10.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  -ms-flex-align: center;
}
.welfare-list > li dl {
}
.welfare-list > li dl > dt {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.3;
  color: #222;
}
.welfare-list > li dl > dd {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.45;
  color: #666;
}

.inclife-area {
  width: calc(100% + 4rem);
  margin: 10rem 0 0 -2rem;
  font-size: 0;
  line-height: 0;
}
.inclife-area .slick-list {
  overflow: visible !important;
}
.inclife-area .inclife-roll {
}
.inclife-area .inclife-slider {
  min-width: 106.4rem;
  padding: 0 2rem;
  display: inline-block;
  vertical-align: top;
}
.inclife-area .inclife-slider_in {
  width: 100%;
  display: flex !important;
  justify-content: space-between;
}
.inclife-area .inclife-keyword {
  width: 32.5%;
  padding: 5rem;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 2rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
}
.inclife-area .inclife-keyword .title {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  color: #222;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inclife-area .inclife-keyword .text {
  margin-top: 4.5rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #666;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inclife-area .inclife-interview {
  width: 65%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
}
.inclife-area .inclife-interview .inclife-interview_thumb {
  width: 50%;
  height: 100%;
  position: relative;
}
.inclife-area .inclife-interview .inclife-interview_thumb img {
  width: 100%;
  height: 100%;
}
.inclife-area .inclife-interview .inclife-interview_thumb img.ov {
  object-fit: cover;
  object-position: top center;
  position: absolute;
  left: 0;
  top: 0;
}
.inclife-area .inclife-interview .inclife-interview_conts {
  width: 50%;
  height: 100%;
  padding: 5rem 2rem 9rem 4.5rem;
  background-color: #3a01fe;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-end;
  justify-content: flex-start;
}
.inclife-area .inclife-interview .inclife-interview_conts > * {
  width: 100%;
}
.inclife-area .inclife-interview .inclife-interview_conts .cate {
  font-size: 1.6rem;
  line-height: 1.2;
}
.inclife-area .inclife-interview .inclife-interview_conts .title {
  margin-top: 2rem;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inclife-area .inclife-interview .inclife-interview_conts .text {
  margin-top: 3rem;
  font-size: 1.8rem;
  line-height: 2.8rem;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inclife-area .inclife-control {
  width: 17rem;
  height: 3.5rem;
  margin: 6rem auto 0;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3.5rem;
  color: #222;
  text-align: center;
  position: relative;
}
.inclife-area .slick-arrow {
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 3.5rem;
  position: absolute;
  top: 0;
  z-index: 7;
  cursor: pointer;
}
.inclife-area .slick-prev {
  left: 0%;
}
.inclife-area .slick-next {
  right: 0%;
}

.inclife-area .inclife-roll {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}
.inclife-area .inclife-roll.slick-initialized,
.inclife-area.destroy .inclife-roll {
  visibility: visible;
  opacity: 1;
}
.inclife-area.destroy .inclife-control {
  display: none;
}

/* Contact Us */
.contact-list {
  width: 100%;
  margin-top: -2.5rem;
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.contact-list > li {
  flex-basis: 33.3333%;
  padding: 2.5rem 3rem;
}
.contact-list a {
  display: block;
}
.contact-list dl {
  width: 100%;
  max-width: 30rem;
  height: 17rem;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  border-radius: 2rem;
  box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);
}
.contact-list dl > * {
  width: 100%;
}
.contact-list dl > dt {
}
.contact-list dl > dt .icon {
  display: none;
  margin-bottom: 1.5rem;
}
.contact-list dl > dt .icon img {
  height: 3.1rem;
}
.contact-list dl > dt strong {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
}
.contact-list dl > dd {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #666;
}

/*.contact-list>li:nth-child(1){flex-basis:100%;}*/
.contact-list > li:nth-child(2) dl > dt .icon img {
  height: 3.9rem;
}

.contact-list > li dl:hover {
  background-color: var(--point);
}
.contact-list > li dl:hover > dt .icon {
  display: block;
}
.contact-list > li dl:hover > dt strong,
.contact-list > li dl:hover > dd {
  color: #fff;
}

.contact-section {
  width: 100%;
  background-color: #fff;
  padding: 10rem 0;
}

.contact-section .board_btn .click {
  width: 20rem;
  height: 5rem;
  background-color: #404040;
  border: 1px solid #404040;
  font-size: 1.8rem;
  border-radius: 99px;
}

.contact-section > .inConts {
  max-width: 106rem;
}
#contact-top.contact-section {
  background-color: #dddae7;
  padding: 0 0 10rem;
}
.contact-section h3.pg-tit {
  font-weight: bold;
  font-size: 5rem;
}
.contact-section .contact-tel {
  margin-top: 5rem;
  text-align: center;
}
.contact-section .contact-tel > dt {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  color: #666;
}
.contact-section .contact-tel > dd {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1;
  color: #222;
}
.contact-section .contact-icon {
  margin-top: 4.5rem;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
  animation-name: dungdung01;
}
.contact-section .contact-icon-arr {
  margin-top: 4rem;
}
.contact-section .contact-icon-arr img {
  margin: 0 auto;
  display: block;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: mouseScroll;
}
.contact-section .contact-icon-arr img + img {
  margin-top: -1.8rem;
  animation-name: mouseScroll2;
}

.contact-section .contact-category {
  width: calc(100% + 2rem);
  margin: 4.5rem 0 0 -1rem;
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-wrap: wrap;
}
.contact-section .ad-section img {
  width: 36px;
}
.contact-section .commerce-section dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}
.contact-section .contact-category > a {
  flex: 1 1 calc(100% / 3 - 2rem);
  height: 16rem;
  margin: 1rem;
  background-color: #f5f2ff;
  border: 1px solid #f5f2ff;
  border-radius: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.contact-section .contact-category > a.full {
  flex: 1 1 100%;
}
.contact-section .contact-category > a.full > dl > dt img {
  width: 10.1rem;
}
.contact-section .contact-category > a > dl {
}
.contact-section .contact-category > a > dl > dt {
}
.contact-section .contact-category > a > dl > dd {
  margin-top: 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #666;
}
.contact-section .contact-category > a .line {
  text-decoration: underline;
  text-underline-position: under;
}
.contact-section .contact-category > a:hover {
  border-color: #5a2bfe;
}

.contact-section.first {
  /* padding-bottom: 27rem; */
}

.contact-section.middle {
  height: 27rem;
  padding: 0;
  background-color: #f5f2ff;
}
.contact-section.middle .contact-quick {
  width: 100%;
  position: relative;
  top: -6.5rem;
}
.contact-section.middle .contact-quick > li {
  width: 50%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.contact-section.middle .contact-quick > li h4 {
  margin-top: 2rem;
}
.contact-section.middle .contact-quick > li .pg-txt {
  margin-top: 0.5rem;
}
.contact-section.middle .contact-quick > li .board_btn {
  margin-top: 2.5rem;
}

.contact-section.bottom {
  padding: 16rem 0;
}
.contact-section.bottom .contact-icon {
  margin-top: 7rem;
}

/* HISTORY */
.historyArea {
  font-size: 0;
  line-height: 0;
  position: relative;
}
.historyArea:before {
  content: "";
  width: 0.6rem;
  margin-left: -0.3rem;
  background-color: rgba(221, 221, 221, 0.8);
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 1.5rem;
  bottom: 10rem;
}
.historyArea > li {
  text-align: right;
  position: relative;
  z-index: 2;
}
.historyArea .txt_wrap {
  width: 50%;
  padding: 0 4rem;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}
.historyArea .txt_wrap:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-color: #333;
  border: 4px solid #fff;
  display: inline-block;
  position: absolute;
  left: -1.2rem;
  top: 1rem;
  border-radius: 999px;
  box-sizing: border-box;
}
.historyArea .txt_wrap > strong {
  font-weight: 500;
  font-size: 3.6rem;
  line-height: 1;
  color: #333;
  display: block;
}
.historyArea .txt_wrap > ul {
  margin: 2rem 0 4rem;
}
.historyArea .txt_wrap > ul > li {
  margin-top: 1rem;
  padding-left: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #666;
  position: relative;
}
.historyArea .txt_wrap > ul > li:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0px;
}

.historyArea > li:nth-child(even) {
  text-align: left;
}
.historyArea > li:nth-child(even) .txt_wrap {
  text-align: right;
}
.historyArea > li:nth-child(even) .txt_wrap:before {
  left: auto;
  right: -1.2rem;
}
.historyArea > li:nth-child(even) .txt_wrap > ul > li {
  padding: 0 1.2rem 0 0;
}
.historyArea > li:nth-child(even) .txt_wrap > ul > li:before {
  left: auto;
  right: 0;
}

.historyArea.month .txt_wrap > ul > li {
  padding-left: 4.3rem;
}
.historyArea.month .txt_wrap > ul > li:before {
  content: attr(data-month) "월";
  color: #333;
}

.historyArea.month > li:nth-child(even) .txt_wrap > ul > li {
  padding: 0 4.3rem 0 0;
}

.historyArea.admin .txt_wrap > ul > li {
  padding: 0 3rem !important;
}
.historyArea.admin .txt_wrap > ul > li:before {
  display: none;
}
.historyArea.admin .txt_wrap > ul > li .checkIn.noTxt {
  position: absolute;
  left: 0;
  top: 0rem;
}
.historyArea.admin > li:nth-child(even) .txt_wrap > ul > li .checkIn.noTxt {
  left: auto;
  right: 0;
}

.etc_clause {
  width: 90%;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}
.etc_clause:before,
.etc_clause:after {
  content: "";
  position: absolute;
  top: 2%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
}
.etc_clause:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

.etc_clause .etc_clause_in {
  padding: 60px 80px 80px;
  background-color: #fdfdfd;
  border: 1px solid #cecece;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.etc_clause .logo {
  margin: 0;
}
.etc_clause .logo img {
}
.etc_clause .txt {
  padding: 15px 0 55px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1;
  color: #636363;
}
.etc_clause .txt > span {
  font-weight: 400;
  color: #1b1b1b;
}

.etc_clause .scroll {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8;
  color: #626262;
  text-align: left;
}

.etc_select {
  width: 90%;
  margin: 0 auto 2rem;
  text-align: right;
}
.etc_select select.base {
  width: auto;
}
/*[e] Sub Style */

/*[s] Plugin Style */
.layer-base.fancybox__content > .carousel__button.is-close {
  width: 3.3rem;
  height: 3.3rem;
  top: 2.2rem !important;
  right: 3rem;
  display: none !important;
}
.layer-base.fancybox__content > .carousel__button.is-close svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.5;
  filter: none;
  color: #222;
}

.layer-base {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 0;
  line-height: 0;
  display: none;
}
.layer-base .layer-in {
}
.layer-base .layer-title {
  margin-bottom: 3rem;
  font-weight: bold;
  font-size: 6rem;
  line-height: 1;
  color: #222;
}
.layer-base .layer-tit {
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1;
  color: #222;
}
/*
		.lay-table{width:100%; font-size:0; line-height:0;}
		.lay-table>table{width:100%; border-spacing:0; table-layout : fixed;}
		.lay-table>table th,
		.lay-table>table td{height:7rem; padding:1.5rem 0; background-color: #fff; border-top:1px solid #ebebeb; font-size:1.6rem; line-height:1.5; color:#666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:keep-all; word-wrap:break-word;}

		.lay-table>table th{}
		.lay-table>table>thead>tr>th{}
		.lay-table>table>tbody>tr>th{font-weight: 500; color: #222;}

		.lay-table>table .tel{padding-left:4rem; display:inline-block;}
		.lay-table>table .tel>strong{font-weight: 500; color: #ffde25;}

		.lay-table>table .btns{width:20rem; height:5rem; background-color: #fff; font-weight: 500; font-size:1.6rem; line-height:5rem; color: #222; text-align: center; display:inline-block; vertical-align: top; border-radius:0.5rem; box-shadow:0 0 2rem rgba(0,0,0,0.1);}
		.lay-table>table .btns>span{font-weight:bold; font-size:1.6rem;}
		.lay-table>table .btns+.btns{margin-left:1rem;}
		.lay-table>table .btns.kakao{background-color: #ffe618;}

		#layer-time,
		#layer-juso{width:100%; max-width:160rem;}
		.layer-base .title{padding-top:2.3rem; font-weight: bold; font-size:3rem; line-height:1; color: #222; position: relative;}
		.layer-base .title:before{content: ""; width: 4rem; height: 0.5rem; background-color: #222; font-size:0; line-height:0; display: inline-block; position:absolute; left: 0; top:0px;}
		.lay-time-area{margin-top:3rem; display: flex; justify-content: space-between;}
		.lay-time-area .lay-map{width:50%; border-radius:1rem; overflow:hidden; position: relative;}
		.lay-time-area .lay-map>img{width:100%; max-width:none;}
		.lay-time-area .lay-map .root_daum_roughmap{width:1400px; height:700px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		.lay-time-area .lay-map .wrap_map,
		.lay-time-area .lay-map .map{width:100%; height:100%;}
		.lay-time-area .lay-table{width:45.7142%;}

		#layer-schdule{width:100%; max-width:84rem;}
		#layer-schdule .layer-in{padding:8rem 4rem 5rem;}
		#layer-schdule .layer-schdule-area{}
		#layer-schdule .layer-schdule-text{margin-top:4rem; font-size:1.6rem; line-height:1.4; color: #666;}
		#layer-schdule .layer-schdule-text>dt{font-weight: 500; font-size:1.8rem; color: #222; }
		#layer-schdule .layer-schdule-text>dd{margin-top:1rem;}
	*/
#insight-summary {
  width: 100%;
  max-width: 120rem;
  text-align: center;
}
#insight-summary .layer-in {
  padding: 9rem 12rem;
  background-color: #fff;
  border-radius: 1rem;
}
#insight-summary .character {
}
#insight-summary .character img {
  width: 10rem;
}
#insight-summary .insight-summary-title {
}
#insight-summary .insight-summary-title > dt {
  font-weight: 600;
  font-size: 3rem;
  line-height: 1.2;
  color: var(--point);
}
#insight-summary .insight-summary-title > dd {
  font-size: 2.6rem;
  line-height: 3.4rem;
  color: #666;
}

.insight-summary-title {
  width: 100%;
  margin-bottom: 6rem;
  padding: 4rem 3rem;
  background-color: #f0f0f0;
}
.insight-summary-title .cate {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #666;
}
.insight-summary-title .title {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  color: var(--point);
  display: block;
  overflow: hidden;
}
.insight-summary-title .day {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #999;
}

.insight-summary-list {
  width: 100%;
  text-align: left;
}
.insight-summary-list > li + li {
  margin-top: 5.5rem;
}
.insight-summary-list .cate {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #666;
}
.insight-summary-list .title {
  margin-top: 1.5rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--point);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.insight-summary-list .text {
  margin-top: 1rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #666;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.insight-summary-list .view {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #999;
  text-decoration: underline;
  text-underline-position: under;
  display: inline-block;
}

#insight-summary .insight-summary-list {
  margin-top: 4rem;
}

.contact-form {
  width: 100%;
  max-width: 100rem;
}
.contact-form.fancybox__content > .carousel__button.is-close {
  display: block !important;
}
.contact-form .layer-in {
  padding: 4rem;
  background-color: #fff;
  border-radius: 2rem;
  overflow: hidden;
}

/* Layer Style */
/*.layerArea .layerIn .layerBgIn{width:0px; height:0px; background-color: rgba(255,255,255,0.7); position:absolute; left:50%; top:50%; z-index:100; -webkit-transition: .5s; transition: .5s; transform-origin: 50% 50%;}*/

.layerCell {
  display: none;
}

.layerArea {
  width: 0px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transform-origin: 50% 50%;
}
.layerArea.one,
.layerArea.two {
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
}
.layerArea.two .layerBgIn {
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
}
.layerArea .closeLy {
  width: 1.7rem;
  height: 1.7rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.layerArea .closeLy:before,
.layerArea .closeLy:after {
  content: "";
  background-color: #080808;
  position: absolute;
  left: 50%;
  top: 50%;
}
.layerArea .closeLy:before {
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.layerArea .closeLy:after {
  width: 2px;
  height: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.layerArea .closeLy.type02 {
  width: 2.3rem;
  height: 2.3rem;
  right: 3rem;
  top: 3rem;
}
.layerArea .closeLy.type02:before,
.layerArea .closeLy.type02:after {
  background-color: #676767;
}

.layerArea .layerIn {
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
}
.layerArea .layerIn .layerCell {
  width: 100%;
  height: 100%;
  padding: 70px 0;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
}
.layerArea .layerIn .layerBox {
  margin: 0 auto;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  display: none;
  position: relative;
  box-sizing: border-box;
  z-index: 99;
  border-radius: 1rem;
}
/*
		.layerArea .layerIn .layerBox>.tit_lay{padding:25px 25px 15px;}
		.layerArea .layerIn .layerBox>.tit_lay>strong{font-size:16px; line-height:1; color:#00a9cc;}
		*/
.layerArea .layerIn .layerBox .contLy {
  position: relative;
}

.downlay {
  width: 100%;
  padding: 10rem 0;
  border-radius: 0 !important;
}
.downlay .closeLy {
  top: -5rem;
}
.downlay > .contLy {
  width: 64.5rem;
  margin: 0 auto;
  text-align: center;
}
.downlay .title {
  padding-bottom: 5rem;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1;
  color: #000;
}
.downlay .title > strong {
  color: #23abaf;
}
.downlay .utllBox {
  width: 47.6rem;
  margin: 0 auto;
  display: table;
  table-layout: fixed;
}
.downlay .utllBox > * {
  width: 50%;
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
}
.downlay .utllBox .tit {
  font-size: 1.5rem;
  line-height: 1;
  color: #666;
}
.downlay .utllBox .txt {
  margin-top: 2.5rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #888;
}
.downlay .utllBox .icon {
  height: 15rem;
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
}
.downlay .utllBox .icon > p + p {
  margin-top: 2rem;
}
.downlay .utllBox > .qr {
  border-left: 1px solid #dadada;
}
.downlay .utllBox > .store img {
  width: 16.8rem;
}
.downlay .utllBox > .qr img {
  width: 15rem;
}

.formLay {
  width: 62rem;
  padding: 7rem 5rem 6rem;
  border-radius: 1rem;
}
.formLay input[type="text"] {
  width: 100%;
  height: 5.4rem;
  padding: 0;
  background-color: #fff;
  border-bottom: 2px solid #e8e8e8;
  font-size: 1.8rem;
  line-height: 5.2rem;
  color: #666;
  box-sizing: border-box;
  vertical-align: middle;
  display: inline-block;
}
.formLay .title {
  padding-bottom: 3.5rem;
  border-bottom: 1px solid #333;
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1;
  color: #1b1b1b;
}
.formLay .textBox {
  width: 62rem;
  margin: -1px 0 0 -5rem;
  padding: 4rem 0;
  background-color: #f6f7fa;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  font-size: 1.9rem;
  line-height: 1;
  color: #1b1b1b;
  letter-spacing: -0.08em;
  text-align: center;
  position: relative;
  z-index: 2;
}
.formLay .textBox > span {
  color: #149699;
}
.formLay .launchingForm {
  margin-top: 1rem;
}
.formLay .launchingForm > li {
  padding-top: 4rem;
}
.formLay .launchingForm > li > dl {
}
.formLay .launchingForm > li > dl > dt {
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1;
  color: #1b1b1b;
}
.formLay .launchingForm > li > dl > dd {
  height: 6.4rem;
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}
.formLay .launchingForm > li > dl > dd.two {
  flex-wrap: nowrap;
  justify-content: space-between;
  white-space: nowrap;
}
.formLay .launchingForm > li > dl .checkIn {
}

.formLay .launchingForm > li.two {
  display: flex;
  justify-content: space-between;
}
.formLay .launchingForm > li.two > dl {
  width: 48%;
}
.formLay .launchingForm > li .clauseView {
  font-size: 1.7rem;
  line-height: 1;
  color: #989898;
  display: inline-block;
}
.formLay .launchingForm > li .clauseView > span {
  border-bottom: 1px solid #999;
  padding: 0.2rem 0 0.3rem;
  display: inline-block;
}
.formLay .btnArea {
  margin-top: 6rem;
}

.privacylay {
  width: 62rem;
  padding: 7rem 5rem;
}
.privacylay .title {
  padding-bottom: 3.5rem;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 1;
  color: #000;
  text-align: center;
}
.privacylay .clauseArea .scroll {
  padding: 3.5rem 3.9rem;
  background-color: #f8f9fb;
  border: 1px solid #eee;
  font-weight: 300;
  font-size: 1.7rem;
  line-height: 2.6rem;
  color: #666;
}

/* Img Over Bg Style */
#photo {
  width: 960px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
#photo > li {
  width: 150px;
  height: 150px;
  margin: 5px;
  float: left;
  display: inline;
  overflow: hidden;
}
#photo > li > a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
#photo > li > a > img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
}
#photo > li > a > .bg_l {
  width: 100%;
  height: 100%;
  background-color: red;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  opacity: 0.3;
  border-radius: 5px;
}

/* Notice One Line Style */
.mNoticeList {
  width: 100%;
  height: 60px;
  margin-top: 25px;
  overflow: hidden;
  position: relative;
}
.mNoticeList > ul {
  width: 100%;
  position: absolute;
  left: 0;
  top: -60px;
}
.mNoticeList > ul > li {
  height: 60px;
  position: relative;
}
.mNoticeList > ul > li > a {
  padding-left: 73px;
  display: block;
  position: relative;
}
.mNoticeList .day {
  width: 41px;
  padding-right: 15px;
  border-right: 1px solid #d5d1cc;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #b99764;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
.mNoticeList .day > strong {
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  display: block;
}
.mNoticeList dl.list {
  font-size: 16px;
  line-height: 20px;
  color: #876e49;
  word-break: keep-all;
  word-wrap: break-word;
}
.mNoticeList dl.list > dt {
  padding-bottom: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #b99764;
}
/*[e] Plugin Style */

/*[s] eng Style */
html[lang="en"] {
}
/*
	html[lang="en"] .mVisual{height:100vh;}
	html[lang="en"] .mVisual #playBg{width:123vw; height:100vh; margin-top:0; top:0; object-fit: cover}
	*/
html[lang="en"] .news-bar {
  display: none !important;
}

html[lang="en"] .history-card .his-over .title {
  font-size: 2rem;
  line-height: 2.8rem;
}
html[lang="en"] .history-card .his-over .text {
  font-size: 1.7rem;
  line-height: 2.4rem;
}
html[lang="en"] .iptv-graphics {
  margin-bottom: 120px;
}

html[lang="en"] .tdeal-extract .brandday-ps > dt {
  width: 18rem;
}
html[lang="en"] .tdeal-extract .brandday-ps > dt > span {
  width: auto;
  min-width: 15.6rem;
}

html[lang="en"] .platform-info .platform-info-re .platform-info-box > dl > dd {
  height: 18rem;
}
/*[e] eng Style */

@media only screen and (max-width: 1600px) {
  /*[s] Main Style */
  /*[e] Main Style */

  /*[s] Sub Style */
  /* business
			.business-index .business-re .icon-box.i01 .icon-box_in,
			.business-index .business-re .icon-box.i02 .icon-box_in,
			.business-index .business-re .icon-box.i04 .icon-box_in,
			.business-index .business-re .icon-box.i05 .icon-box_in,
			.business-index .business-re .icon-box.i06 .icon-box_in{transform:scale(0.52) translate(-50%, -50%);}
			.business-index .business-re .icon-box.i03 .icon-box_in{transform:scale(0.52) translate(-60%, -50%);}
			.business-index .business-re .icon-box.i07 .icon-box_in{transform:scale(0.52) translate(-50%, 0);}
			.business-index .business-re .icon-box.i08 .icon-box_in{transform:scale(0.52) translate(-50%, 0);}
		*/
  /*[e] Sub Style */
}
@media only screen and (max-width: 1440px) {
  /*[s] Main Style */
  #mVisual .vTxtArea {
    padding: 0 2rem;
  }
  /*[e] Main Style */

  /*[s] Layer Style */
  /*[e] Layer Style */
}
@media only screen and (max-width: 1260px) {
  .scroll_info {
    display: block;
  }
  .scrollTb {
    width: 100%;
    padding-bottom: 2rem;
    display: block;
    overflow: hidden;
    overflow-x: scroll;
  }
  .scrollTb > * {
    width: 120rem !important;
  }

  /*[s] Main Style */
  /* news bar */
  .news-bar .news-bar-re + .news-bar-re {
    margin-left: 4.3rem;
  }
  .news-bar .news-bar-re + .news-bar-re:before {
    left: -2.1rem;
    top: 0px;
  }

  /* business area */
  .business-area .business-re .icon-box {
    width: auto;
  }
  .business-area .business-re .icon-box .icon-box_in {
    transform: translate(0px) scale(0.8) rotate(0.001deg);
  }
  /*[e] Main Style */

  /*[s] Sub Style */
  /* business */
  /* index */
  .business-index {
  }
  .business-index > li {
    width: calc(100% / 2);
  }
  .business-index .business-re .icon-box.i01 .icon-box_in,
  .business-index .business-re .icon-box.i02 .icon-box_in,
  .business-index .business-re .icon-box.i04 .icon-box_in,
  .business-index .business-re .icon-box.i05 .icon-box_in,
  .business-index .business-re .icon-box.i06 .icon-box_in {
    transform: scale(0.7) translate(-50%, -50%);
  }
  .business-index .business-re .icon-box.i03 .icon-box_in {
    transform: scale(0.7) translate(-60%, -50%);
  }
  .business-index .business-re .icon-box.i07 .icon-box_in,
  .business-index .business-re .icon-box.i08 .icon-box_in {
    transform: scale(0.7) translate(-50%, 0);
  }

  /* digital */
  .digital-conts {
  }
  .digital-conts.active {
    display: block;
  }
  .digital-conts > * {
    width: 100%;
  }
  .digital-conts > .digital-right {
    height: auto;
    padding-left: 0;
    justify-content: center;
  }

  /* T deal */
  .tdeal-section .scroll_info,
  .dawin-conts .scroll_info {
    margin-top: 7rem;
  }
  .tdeal-section .scrollTb,
  .dawin-conts .scrollTb {
    margin-top: 3rem;
  }

  /* platform */
  .platform-info {
    display: block;
  }
  .platform-info .platform-info-re:nth-child(1) {
    padding-right: 0;
  }
  .platform-info .platform-info-re:nth-child(2) {
    padding-left: 0;
  }

  /* IDL */
  .idl-graphic {
    padding: 27rem 0;
  }
  .idl-graphic .idl-graphic-center:before,
  .idl-graphic .idl-graphic-center:after,
  .idl-graphic .idl-graphic-center > span:before,
  .idl-graphic .idl-graphic-center > span:after {
    height: 23rem;
  }

  .idl-graphic .idl-graphic-txt {
    width: 50%;
    transform: translate(-50%, 0%);
  }

  .idl-graphic .idl-graphic-txt.lt {
    margin: 0 0 0 -10%;
    text-align: left;
    top: 0;
  }
  .idl-graphic .idl-graphic-txt.rt {
    margin: 0 0 0 10%;
    top: 10.7rem;
    text-align: right;
  }
  .idl-graphic .idl-graphic-txt.rb {
    margin: 0 0 0 -10%;
    text-align: left;
    top: auto;
    bottom: 10.7rem;
  }
  .idl-graphic .idl-graphic-txt.lb {
    margin: 0 0 0 10%;
    top: auto;
    bottom: 0;
    text-align: right;
  }

  /* Investment */

  /* Recruitment */
  .inclife-area .inclife-keyword {
  }

  .inclife-area.destroy {
    width: calc(100% + 10rem);
    margin: 5rem 0 0 -5rem;
    padding: 0rem;
  }
  .inclife-area.destroy .inclife-slider {
    width: 100%;
    min-width: auto;
    padding: 5rem;
    display: block;
    overflow: hidden;
    overflow-x: scroll;
  }
  .inclife-area.destroy .inclife-slider_in {
    width: 1260px;
  }
  .inclife-area.destroy .inclife-slider + .inclife-slider {
  }
  /*[e] Sub Style */

  /*[s] Layer Style */
  /*[e] Layer Style */

  /*[s] eng Style */
  html[lang="en"] .idl-graphic {
    padding: 33rem 0 35rem;
  }

  html[lang="en"] .idl-graphic .idl-graphic-center:before {
    top: -19rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-center > span:before {
    bottom: -18rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-center > span:after {
    bottom: -1rem;
  }

  html[lang="en"] .idl-graphic .idl-graphic-txt {
    width: 61%;
  }
  html[lang="en"] .idl-graphic .idl-graphic-txt.rt {
    top: 15.7rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-txt.rb {
    bottom: 17.7rem;
  }
  /*[e] eng Style */
}
@media only screen and (max-width: 1024px) {
  /*[s] All Style */
  .category-top {
    width: 100%;
    padding: 0 0 0 0rem;
  }
  .category-top > ul {
  }
  /*[e] All Style */

  /*[s] Main Popup Style */
  .hd_pops {
    position: absolute;
    left: 2rem !important;
    top: 2rem !important;
  }
  .hd_pops_con {
    width: auto !important;
  }
  /*[e] Main Popup Style */

  /*[s] Main Style */
  .pendulum-movement-big {
    margin-top: 1.5rem;
    padding-bottom: 0;
    flex-wrap: wrap;
  }
  .pendulum-movement-big > .big_re {
    flex: 1 1 50%;
    margin-top: 5rem;
  }
  .pendulum-movement-big > .big_re + .big_re {
    margin-left: 0;
  }
  .pendulum-movement-big > .big_re > dl {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
    position: static !important;
    transform: translateX(0);
    display: block;
  }

  .mVisual #playBg {
    margin-left: -120rem;
  }
  /* visual */
  #mVisual .visualRoll .slider img {
  }
  #mVisual .slick-arrow {
    display: none !important;
  }
  #mVisual .slick-dots {
    display: block !important;
  }

  /* news bar */
  .news-bar {
    padding: 0;
    display: block;
  }
  .news-bar .news-bar-re {
    width: 100%;
    padding: 10rem 0;
  }
  .news-bar .news-bar-re + .news-bar-re {
    margin-left: 0rem;
  }
  .news-bar .news-bar-re + .news-bar-re:before {
    width: 100%;
    height: 1px;
    left: 0;
  }

  /* business area */
  .business-area {
  }
  .business-area .business-re {
    flex-wrap: wrap;
  }
  .business-area .business-re > * {
    width: 100%;
  }
  .business-area .business-re .icon-box {
    order: 2 !important;
    width: 100%;
    margin-top: 6.5rem;
    text-align: center !important;
  }
  .business-area .business-re .text-box {
    order: 1 !important;
  }

  .business-area .business-re .icon-box .icon-box_in {
    transform: translate(0px) scale(1) rotate(00);
  }
  /*[e] Main Style */

  /*[s] Sub Style */
  /* business */
  .business-index .business-re .text-box {
    top: 0;
  }

  /* digital */
  .circle-tt {
    display: block;
  }
  .circle-tt .circle-tt_re {
    width: 100%;
  }
  .circle-tt .circle-tt_re + .circle-tt_re {
    margin-top: 5rem;
  }

  /* dawin */
  .coverage-area {
  }
  .coverage-area .coverage-re {
    display: block;
  }
  .coverage-area .coverage-re + .coverage-re {
  }
  .coverage-area .coverage-re > * {
    width: 100%;
  }
  .coverage-area .coverage-re .coverage-text {
    margin-top: 7rem;
    text-align: center;
  }
  .coverage-area .coverage-re .coverage-rolling {
    width: 100vw;
    margin-left: -3rem;
  }

  .coverage-area .coverage-re .coverage-circle {
    justify-content: center;
  }
  .coverage-area .coverage-re .coverage-circle .coverage-circle-re dd {
    margin-top: 0.7rem;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.2;
    color: #fff;
  }
  .coverage-area
    .coverage-re
    .coverage-circle
    .coverage-circle-re
    + .coverage-circle-re {
  }
  .coverage-area .coverage-re .coverage-circle .coverage-circle-re.blue {
  }
  .coverage-area .coverage-re .coverage-circle .coverage-circle-re.red {
  }

  .coverage-area .coverage-re:nth-child(odd) .coverage-text {
    text-align: center;
  }
  .coverage-area .coverage-re:nth-child(odd) .coverage-thumb {
  }

  /* ASUM */
  .asum-info {
    justify-content: space-between;
  }

  /* platform */
  .platform-info {
  }
  .platform-info .platform-info-re .platform-info-box {
    display: block;
  }
  .platform-info .platform-info-re .platform-info-box > dl {
    width: 100%;
    max-width: none;
  }
  .platform-info .platform-info-re .platform-info-box > dl + dl {
    margin-top: 3rem;
  }

  /* global */
  .global-organization {
    width: 100vw;
    margin-left: -3rem;
    padding: 0 1rem;
  }

  /* iav */
  .iav-section:nth-of-type(1) #hgroup {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10rem;
  }
  .iav-section:nth-of-type(1) #hgroup .hgroup-left {
    min-width: none;
  }

  .iav-section .iav-step {
    margin-top: 7rem;
  }

  /* promotion */
  /* 세로방향 작은거 */
  .news-list.repeat.portrait .news-slider {
    width: calc(100% / 2 - 3rem);
  }

  /* Recruitment */
  .information-step {
    margin: 1.5rem 0 0 -1.5rem;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .information-step:before {
    display: none;
  }
  .information-step > li {
    width: 31%;
    padding: 1.5rem 0 !important;
  }
  .information-step > li + li {
    margin: 0;
  }

  .welfare-list > li {
    flex: 1 1 50%;
  }

  /* Contact Us */
  .contact-list {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
  }
  /*[e] Sub Style */

  /*[s] Plugin Style */
  .fancybox__slide {
    padding: 48px 3rem 8px !important;
  }
  #insight-summary .layer-in {
    padding: 9rem 6rem;
  }
  /*[e] Plugin Style */

  /*[s] eng Style */
  html[lang="en"] {
  }
  /*
		html[lang="en"] .mVisual{}
		html[lang="en"] .mVisual #playBg{margin:0; left:auto; right:-30%;}
		*/
  /*[e] eng Style */
}
@media only screen and (max-width: 840px) {
  /*[s] All Style */
  .nTable {
  }
  .nTable > table {
  }
  .nTable > table th,
  .nTable > table td {
    padding: 3rem;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .nTable > table th {
    height: 8rem;
    padding: 0;
    font-size: 2.4rem;
  }

  .nTable > table ul.bul > li {
    font-size: 2rem;
    line-height: 1.6;
  }

  .nTable > table .transportation > li {
    padding-left: 0;
  }
  .nTable > table .transportation > li > p {
    padding-bottom: 1rem;
    font-size: 2.2rem;
    line-height: 1;
    position: relative;
  }
  .nTable > table .transportation > li > dl > dt > span {
    font-size: 2rem;
    line-height: 4rem;
  }
  .nTable > table .transportation > li > dl > dd .inT {
    font-size: 2rem;
    line-height: 4rem;
  }

  .nTable + .nTable {
    margin-top: 4rem;
  }

  .tabDepth {
    margin-bottom: 3rem;
  }
  .tabDepth > a {
    height: 5.2rem;
    font-size: 2rem;
  }

  .depth3 > a {
    font-size: 2rem;
    line-height: 1.4;
  }

  .groupTit {
    padding-bottom: 4rem;
  }
  .groupTit .step {
    font-size: 2.4rem;
  }
  h4.txt {
    font-size: 3rem;
  }
  .nTxt {
    font-size: 2rem;
    line-height: 2.8rem;
  }

  ul.bul {
  }
  ul.bul > li {
    padding-left: 1.5rem;
    font-size: 2rem;
  }

  ul.star {
  }
  ul.star > li {
    padding-left: 2.9rem;
    font-size: 2rem;
  }

  .t-star {
    padding-left: 1.8rem;
    font-size: 2.2rem;
  }

  ul.etc {
  }
  ul.etc > li {
    padding-left: 4rem;
    font-size: 2rem;
  }

  h4.line {
    margin-bottom: 4rem;
  }
  h4.line.mt {
    margin-top: 6rem;
  }

  h5.bul {
    margin: 6rem 0 3rem;
    padding-left: 2.6rem;
    font-size: 2.8rem;
  }
  h5.bul:before {
    width: 1.8rem;
    height: 1.8rem;
    border-width: 0.4rem;
  }
  h5.bul .more {
    padding: 1rem 1.5rem;
    font-size: 1.8rem;
    top: -0.7rem;
  }

  .admGo {
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 7;
  }
  .admGo > a {
    padding: 0.625rem 1.25rem;
    background-color: #f00;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .admGos {
    font-size: 1.8rem;
  }

  .arrBtn {
    font-size: 2rem;
    line-height: 4.6rem;
  }
  .arrBtn > span {
    padding-right: 60px;
  }

  select.base {
    height: 5rem;
    background-size: 4.3rem;
    font-size: 2rem;
    line-height: 4.8rem;
  }

  h4 {
    font-size: 3.5rem;
  }
  #ajaxBoardArea .board_search {
    margin-top: 3rem;
  }
  h5 {
    font-size: 2.6rem;
    line-height: 3.4rem;
  }
  h5 + form[name="searchfrm"] .board_search {
    margin-top: 5rem;
  }

  .category-top {
  }
  .category-top > ul {
  }
  .category-top > ul > li {
  }
  .category-top > ul > li a {
    height: 6rem;
    padding: 0 3rem;
    font-size: 2.4rem;
    line-height: 1.2;
  }

  .category-txt > ul > li a {
    font-size: 2.4rem;
  }

  .category-tab {
    width: 100vw;
    height: 7rem;
    margin-left: -3rem;
  }
  .category-tab ul {
    border-radius: 0;
  }
  .category-tab ul > li {
  }
  .category-tab ul > li a {
    height: 7rem;
    font-size: 2.4rem;
    border-radius: 0;
  }
  .category-tab ul > li a > span {
  }

  ul.bul {
  }
  ul.bul > li {
    padding-left: 1rem;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  ul.bul > li + li {
    margin-top: 0.5rem;
  }

  .scroll_info:before {
    margin-top: -1.2rem;
    font-size: 2.4rem;
  }
  .scrollSb {
    width: 100%;
    padding-bottom: 2rem;
    display: block;
    overflow: hidden;
    overflow-x: scroll;
  }
  .scrollSb img {
    max-width: none;
  }
  .scrollSb > * {
    width: 102.4rem;
  }
  /*[e] All Style */

  /*[s] Main Popup Style */
  .hd_pops {
    left: 2rem !important;
    right: 2rem !important;
  }
  .hd_pops_con {
  }

  #popLayer {
  }
  #popLayer #moPopArea {
  }
  #popLayer #moPopArea .moPop {
    max-width: 90%;
  }
  #popLayer #moPopArea #moPopRoll {
  }
  #popLayer .slider {
  }
  #popLayer .slider img {
  }
  /*
		#popLayer .slider#HKeditorContent{padding:20px; font-size:20px; line-height:1.5; color: #666;}
		#popLayer .slider#HKeditorContent img{width:auto;}

		#popLayer #moPopRoll.roll .slider{}
		*/

  #popLayer .layerPopClose {
    width: 4rem;
    height: 4rem;
    right: 2rem;
    top: 2rem;
  }
  #popLayer .layerPopClose:before {
    margin: -1px 0 0 -2rem;
  }
  #popLayer .layerPopClose:after {
    margin: -2rem 0 0 -1px;
  }

  #popLayer .moPopClose {
  }
  #popLayer .moPopClose > * {
    height: 8rem;
    font-size: 2rem;
  }
  /*
		#popLayer .moPopClose button{font-size:1.8rem; line-height:2.4rem;}
		#popLayer .moPopClose button:before{width: 2.4rem; height: 2.4rem; font-size:1.8rem; line-height:2.6rem;}
		#popLayer .moPopClose button.toDay_close{padding-left:3.2rem;}
		#popLayer .moPopClose button.close{padding-right:3.2rem}
		*/

  #popLayer .slick-dots {
    bottom: 10rem;
  }
  #popLayer .slick-dots > li {
  }
  #popLayer .slick-dots > li + li {
  }
  #popLayer .slick-dots > li button {
    width: 1.8rem;
    height: 1.8rem;
  }
  #popLayer .slick-dots > li.slick-active button {
  }
  /*[e] Main Popup Style */

  /*[s] Main Style */
  .mTitle {
    margin-bottom: 5.5rem !important;
  }
  .mTitle > dt {
    margin-bottom: 3rem;
    padding-bottom: 3.5rem;
  }
  .mTitle > dd {
    font-size: 2.2rem;
  }

  /* visual */
  #main-visual,
  #main-visual .main-slider,
  #main-visual .main-slider .slick-slide,
  #main-visual .main-slider .slide-media,
  #main-visual .main-slider .mobile_in {
    height: 70vh !important;
  }

  #main-visual .main-slider .mobile_in {
    width: 242vw;
  }
  #main-visual .main-slider .mobile_in video,
  #main-visual .main-slider .mobile_in iframe {
    height: 100% !important;
  }

  /* visual */
  #mVisual .visualRoll .slider img {
    max-height: 70rem;
  }

  #mVisual .vTxtArea .vTxt_in {
    padding-bottom: 0;
  }

  #mVisual .vTxt .ii.logo.i01 img {
    height: 12rem;
  }
  #mVisual .vTxt .ii.logo.i02 {
    margin-top: 2rem;
  }
  #mVisual .vTxt .ii.logo.i02 img {
    height: 3.6rem;
  }
  #mVisual .vTxt .ii.txt {
    padding-top: 2.5rem;
    font-size: 2.4rem;
  }

  #mVisual .slick-dots > li + li {
    margin-left: 2rem;
  }
  #mVisual .slick-dots > li button {
    width: 2.8rem !important;
    height: 2.8rem;
  }

  .pendulum-movement > * {
    width: 3.2rem;
    height: 3.2rem;
  }
  .pendulum-movement > * + * {
    margin-left: 0.4rem;
  }

  .pendulum-movement-big {
    margin-top: 0;
  }
  .pendulum-movement-big > .big_re {
    flex: 1 1 100%;
    margin-top: 6.5rem;
  }
  .pendulum-movement-big > .big_re > p {
    width: 20rem;
    height: 20rem;
  }
  .pendulum-movement-big > .big_re > dl {
    margin-top: 3rem;
  }
  .pendulum-movement-big > .big_re > dl > dt {
    font-size: 3rem;
  }
  .pendulum-movement-big > .big_re > dl > dd {
    margin-top: 1.5rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  /* news bar */
  .news-bar .news-bar-re .title {
    font-size: 3.2rem;
  }
  .news-bar .news-bar-re .article-link {
    margin-top: 2.5rem;
    display: block;
  }
  .news-bar .news-bar-re .article-link .article-link_in {
    min-height: 18.5rem;
  }
  .news-bar .news-bar-re .article-link .tit {
    font-size: 3rem;
  }
  .news-bar .news-bar-re .article-link .tit.big {
    font-size: 4rem;
    line-height: 1.2;
  }
  .news-bar .news-bar-re .article-link .txt {
    margin-top: 1.5rem;
    font-size: 3rem;
    line-height: 4rem;
  }
  .news-bar .news-bar-re .article-link .txt.stock {
    margin-top: 1.5rem;
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
  .news-bar .news-bar-re .article-link .view {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }

  .news-bar .news-bar-re .article-link.stock {
    margin-top: 0.5rem;
  }
  .news-bar .news-bar-re .article-link.stock .article-link_in {
    min-height: 20rem;
  }
  .news-bar .news-bar-re .article-link.stock .stock-conts {
    height: 12rem;
    font-size: 3rem;
  }
  .news-bar .news-bar-re .article-link.stock .stock-conts > dt {
  }
  .news-bar .news-bar-re .article-link.stock .stock-conts > dt > strong {
    font-size: 4rem;
  }
  .news-bar .news-bar-re .article-link.stock .stock-conts > dd {
  }
  .news-bar .news-bar-re .article-link.stock .stock-conts > dd > span {
    font-size: 3rem;
  }

  /* trigger text */
  .trigger-text .trigger-text-01,
  .trigger-text .trigger-text-02 {
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
  .trigger-text .trigger-text-01 .tit {
    margin-top: 9rem;
    font-size: 4rem;
    line-height: 5rem;
  }

  .trigger-text .trigger-text-02 .tit {
    margin-bottom: 4rem;
    font-size: 5rem;
  }
  .trigger-text .trigger-text-02 .txt {
    margin-top: 9rem;
    font-size: 4rem;
    line-height: 5rem;
  }

  /* business area */
  .business-area {
    padding-bottom: 0;
  }
  .business-area .business-re {
    padding: 0 0 12rem 0;
  }

  .business-area .business-re .text-box .text {
    margin-top: 2rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .business-area .business-re .text-box .more {
    margin-top: 4.5rem;
  }
  .business-area .business-re .text-box .more > a {
    font-size: 2.4rem;
  }
  .business-area .business-re .text-box .more > a + a {
    margin-left: 2rem;
  }
  /*[e] Main Style */

  /*[s] Sub Style */
  .sub-top {
    margin-top: 9.5rem;
  }

  /* company */
  .history-card .his-over {
    border-radius: 1.5rem;
  }
  .history-card .his-over .year {
    font-size: 4rem;
  }
  .history-card .his-over .title {
    margin-top: 4rem;
    font-size: 3rem;
    line-height: 4rem;
  }
  .history-card .his-over .text {
    margin-top: 3rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .history-card .his-over .text + .text {
    margin-top: 2rem;
  }
  .history-card .his-over .year + .text {
    margin-top: 4rem;
  }

  .history-card.var-mobile {
    max-width: 46rem;
  }
  .history-card.var-mobile .his-over {
    height: 67.5rem;
    padding: 6rem 4rem 4rem;
  }
  .history-card.var-mobile .his-over .year {
  }
  .history-card.var-mobile .his-over .title,
  .history-card.var-mobile .his-over .text {
    display: block;
  }
  .history-card.var-mobile .his-over .logo {
    left: 4rem;
  }
  .history-card.var-mobile .his-over .logo img {
    width: 14rem;
  }

  .history-card-thumb {
    width: 100%;
  }
  .history-card-thumb .swiper-wrapper {
  }
  .history-card-thumb .swiper-wrapper .swiper-slide {
    width: 14rem;
  }
  .history-card-thumb .swiper-wrapper .swiper-slide[data-title]:before {
    font-size: 3rem;
  }

  .mySwiper2-btns {
    width: 12rem;
    height: 6rem;
  }
  .mySwiper2-btns .swiper-button {
    width: 6rem;
    height: 6rem;
  }
  .mySwiper2-btns .swiper-button:before {
    font-size: 4rem;
    line-height: 6rem;
  }

  /* business */
  /* index */
  .business-index .business-re .text-box .title {
    font-size: 2.8rem;
  }
  .business-index .business-re .text-box .text {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .business-index .business-re .text-box .more {
    order: 1;
  }
  .business-index .business-re .text-box .more > strong {
    width: 4rem;
    height: 4rem;
    font-size: 2.4rem;
    line-height: 4.5rem;
  }

  .business-index .business-re .icon-box.i01 .icon-box_in,
  .business-index .business-re .icon-box.i02 .icon-box_in,
  .business-index .business-re .icon-box.i04 .icon-box_in,
  .business-index .business-re .icon-box.i05 .icon-box_in,
  .business-index .business-re .icon-box.i06 .icon-box_in {
    transform: scale(0.52) translate(-50%, -50%);
  }
  .business-index .business-re .icon-box.i03 .icon-box_in {
    transform: scale(0.52) translate(-60%, -50%);
  }
  .business-index .business-re .icon-box.i07 .icon-box_in {
    transform: scale(0.52) translate(-50%, 0);
  }
  .business-index .business-re .icon-box.i08 .icon-box_in {
    transform: scale(0.52) translate(-50%, 0);
  }
  .business-index .business-re .icon-box.i09 .icon-box_in {
    transform: scale(0.7) translate(-50%, 0);
  }

  /* digital */
  .radius-group {
  }
  .radius-group .radius-title {
  }
  .radius-group .radius-tit {
    font-size: 2.6rem;
  }
  .radius-group .radius-title > span {
    height: 7rem;
    font-size: 3.4rem;
  }
  .radius-group .radius-title.black > span {
    font-size: 2.6rem;
  }
  .radius-group .radius-text {
    font-size: 2.4rem;
  }

  .circle-tt .circle-tt_re .circle > p {
    font-size: 3.4rem;
  }
  .circle-tt .circle-tt_re .title {
    margin-top: 3rem;
    font-size: 3.4rem;
  }
  .circle-tt .circle-tt_re ul {
    margin-top: 2.5rem;
  }
  .circle-tt .circle-tt_re ul > li {
    padding-left: 1rem;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  /* T deal */
  .tdeal-stop {
    margin-top: 7.5rem;
    flex-wrap: wrap;
  }
  .tdeal-stop > li {
    flex: 1 1 50%;
    padding: 1.5rem;
  }
  .tdeal-stop > li + li {
    margin-left: 0;
  }

  .tdeal-extract .title > span {
    height: 5.5rem;
    font-size: 2.4rem;
  }

  .tdeal-extract .text {
    font-size: 2.2rem;
  }
  .tdeal-extract .brandday-img {
    margin: 3.5rem -1.5rem 0;
    flex-wrap: wrap;
  }
  .tdeal-extract .brandday-img dl {
    flex-basis: 50%;
    margin: 0;
    padding: 1.5rem;
  }
  .tdeal-extract .brandday-img dl > dd {
    font-size: 2.4rem;
  }
  .tdeal-extract .brandday-img dl > dd .small {
    margin-top: 1rem;
    font-size: 2rem;
  }
  .tdeal-extract .brandday-img dl.full {
    flex-basis: 100%;
  }

  .tdeal-extract .brandday-ps {
  }
  .tdeal-extract .brandday-ps > dt {
    width: 19rem;
    padding-right: 3rem;
  }
  .tdeal-extract .brandday-ps > dt > span {
    width: 16rem;
    height: 5rem;
    font-size: 2.4rem;
  }
  .tdeal-extract .brandday-ps > dd {
    font-size: 2.2rem;
  }

  .tdeal-extract.message {
    margin-top: 0;
    display: flex;
    justify-content: center;
  }
  .tdeal-extract.message dl {
    max-width: 50%;
    margin: 0 1.5rem !important;
  }
  .tdeal-extract.message dl + dl {
    margin-left: 0;
  }
  .tdeal-extract.message dl .title {
    margin: 5rem 0 3.5rem;
  }
  .tdeal-extract.message dl:nth-child(1) .title > span {
    background-color: #ff4d59;
  }
  .tdeal-extract.message dl:nth-child(2) .title > span {
    background-color: #3617cd;
  }

  /* dawin */
  .coverage-carousel ul > li {
  }
  .coverage-carousel ul > li > span img {
    height: 6rem;
  }

  .coverage-area .coverage-re .coverage-text {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .coverage-area .coverage-re .coverage-circle .coverage-circle-re.blue {
    margin-right: -13rem;
  }
  .coverage-area .coverage-re .coverage-circle .coverage-circle-re dd {
    margin-top: 1rem;
    font-size: 2.4rem;
  }

  /* ASUM */
  .asum-info {
    display: block;
  }
  .asum-info > li {
  }
  .asum-info > li + li {
    margin-top: 8rem;
  }
  .asum-info > li .icon {
    height: auto;
    padding-bottom: 3rem;
  }
  .asum-info > li .icon:before {
    width: 12rem;
    margin-left: -6rem;
  }
  .asum-info > li dl {
    margin-top: 4.5rem;
  }
  .asum-info > li dl > dt {
    font-size: 2.8rem;
    line-height: 1.2;
  }
  .asum-info > li dl > dd {
    margin-top: 1.5rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  /* platform */
  .platform-info {
  }
  .platform-info .platform-info-re .platform-info-box > dl > dt {
    font-size: 2.4rem;
  }
  .platform-info .platform-info-re .platform-info-box > dl > dd {
  }
  .platform-info .platform-info-re .platform-info-box ul.bul > li {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  /* global */
  .global-info > li:nth-child(3) .icon img {
    margin-right: -13rem;
  }

  .global-organization {
    background-size: cover;
  }
  .global-organization .go-re-three + .go-re-three {
    margin-left: 1rem;
  }

  /* IDL */
  .idl-graphic {
    padding: 37rem 0;
  }

  .idl-graphic .idl-graphic-center:before {
    margin-left: -22.4rem;
    top: -20rem;
  }
  .idl-graphic .idl-graphic-center:after {
    margin-left: 21.5rem;
    top: -4rem;
  }
  .idl-graphic .idl-graphic-center > span:before {
    margin-left: 21.5rem;
    bottom: -20rem;
  }
  .idl-graphic .idl-graphic-center > span:after {
    margin-left: -22.4rem;
    bottom: -4rem;
  }

  .idl-graphic .idl-graphic-txt {
    width: 100%;
    left: auto;
    transform: translate(0, 0%);
  }
  .idl-graphic .idl-graphic-txt > dt {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .idl-graphic .idl-graphic-txt > dd {
    margin-top: 2rem;
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  .idl-graphic .idl-graphic-txt.lt {
    margin: 0;
  }
  .idl-graphic .idl-graphic-txt.rt {
    margin: 0;
    top: 16.7rem;
  }
  .idl-graphic .idl-graphic-txt.rb {
    margin: 0;
    bottom: 16.7rem;
  }
  .idl-graphic .idl-graphic-txt.lb {
    margin: 0;
  }

  /* iav */
  .iav-section #hgroup .pg-txts {
    font-size: 2.4rem;
  }

  .iav-section .iav-option > li {
    width: calc((100% - 3rem) / 2);
    text-align: center !important;
  }
  .iav-section .iav-option > li:is(:nth-child(2), :nth-child(5)) {
    text-align: center;
  }
  .iav-section .iav-option > li:is(:nth-child(2), :nth-child(5)) img {
    left: 0rem;
  }
  .iav-section .iav-option > li:is(:nth-child(3), :nth-child(6)) {
    text-align: center;
  }

  /* insight */
  #insight-top {
    padding: 7rem 0;
  }
  #advertising-top {
  }

  .sub-top-slick .slick-dots {
  }
  .sub-top-slick .slick-dots > li + li {
    margin-left: 1.5rem;
  }
  .sub-top-slick .slick-dots > li button {
    width: 1.5rem !important;
    height: 1.5rem;
  }

  /* promotion */
  #news-top {
    margin-top: 9.5rem;
    padding: 13rem 0;
  }
  .summary-news-btn {
    width: 25rem;
    right: 1rem;
    bottom: -2rem;
  }
  .summary-news-btn .character {
  }
  .summary-news-btn .character img {
    width: 8.8rem;
  }
  .summary-news-btn .summary-news_con {
    padding: 2rem;
  }
  .summary-news-btn .summary-news_con dt {
    font-size: 2.4rem;
  }
  .summary-news-btn .summary-news_con dd {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .summary-news_close {
    width: 4rem;
    height: 4rem;
  }

  .news-list {
  }
  .news-list .news-roll {
  }
  .news-list .news-slider {
    display: block;
  }
  .news-list .news-slider_in {
    display: block;
  }
  .news-list .news-thumb {
    width: 100%;
  }
  .news-list .news-conts {
    width: 100%;
    min-height: auto;
    padding: 6rem 0 0 0;
    font-size: 2.4rem;
    line-height: 3.4rem;
    display: block;
  }
  .news-list .news-conts .cate {
  }
  .news-list .news-conts dl {
  }
  .news-list .news-conts dl > dt > div {
  }
  .news-list .news-conts dl > dd {
  }
  .news-list .news-conts .day {
    font-size: 2rem;
  }

  .news-list .news-control {
    width: 10rem;
    height: 5rem;
    top: -9rem;
    box-shadow: 0.3rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  }
  .news-list .slick-arrow {
    width: 5rem;
    height: 5rem;
    font-size: 3rem;
    line-height: 5rem;
  }

  .news-list .slick-dots {
    padding-left: 0%;
    left: 0;
    right: 10rem;
    top: -6.5rem;
  }
  .news-list .slick-dots > li + li {
    margin-left: 1.5rem;
  }
  .news-list .slick-dots > li button {
    width: 1.5rem !important;
    height: 1.5rem;
  }

  /* 작은거 */
  .news-list.repeat {
  }
  .news-list.repeat .news-slider {
    margin-top: 8rem;
  }

  .news-list.repeat .news-thumb {
    width: 100%;
  }
  .news-list.repeat .news-conts {
    width: 100%;
    padding: 4rem 0 0 0;
  }
  .news-list.repeat .news-conts .cate {
  }
  .news-list.repeat .news-conts dl {
  }
  .news-list.repeat .news-conts dl > dt > div {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
  .news-list.repeat .news-conts dl > dd {
    margin-top: 2rem;
    -webkit-line-clamp: 2;
  }
  .news-list.repeat .news-conts .day {
  }

  .news-list.repeat.hit .hit-ranking {
    width: 5.4rem;
    height: 5.4rem;
    left: 1rem;
  }
  .news-list.repeat.hit .hit-ranking:before {
    font-size: 2.2rem;
  }
  .news-list.repeat.hit .hit-ranking:after {
    border-left: 2.7rem solid #3a01fe;
    border-right: 2.7rem solid #3a01fe;
    border-bottom: 2.5rem solid transparent;
  }

  /* 세로방향 작은거 */
  .news-list.repeat.portrait {
    width: 100%;
  }
  .news-list.repeat.portrait .news-slider {
    width: 100%;
    margin-right: 0;
  }
  .news-list.repeat.portrait .news-slider_in {
    display: block;
  }
  .news-list.repeat.portrait .news-thumb {
    width: 100%;
  }
  .news-list.repeat.portrait .news-conts {
    width: 100%;
    padding: 4rem 0 0 0;
  }
  .news-list.repeat.portrait .news-conts .cate {
    padding-bottom: 2rem;
  }
  .news-list.repeat.portrait .news-conts dl > dt > div {
    -webkit-line-clamp: 2;
  }
  .news-list.repeat.portrait .news-conts dl > dd {
    margin-top: 2rem;
  }
  .news-list.repeat.portrait .news-conts .day {
    margin-top: 2.5rem;
  }

  #insight-top .news-list .news-thumb {
    margin-top: 7rem;
  }

  .ci-thumb {
    display: block;
  }
  .ci-thumb > p + p {
    margin: 3rem 0 0 0;
  }

  .society-area .society-in {
    max-width: 76rem;
  }
  .society-area .slick-slide {
    padding: 0 3rem;
  }
  .society-area .slick-arrow {
    font-size: 5.2rem;
  }
  .society-area .slick-prev {
    margin-left: -28rem;
  }
  .society-area .slick-next {
    margin-left: 28rem;
  }

  /* Investment */
  .investment-tab {
  }
  .investment-tab > a {
    height: 8rem;
    font-size: 2.4rem;
  }

  .investment-tab-conts {
    padding: 6rem 3rem 12rem;
  }

  /* Recruitment */
  .information-step > li {
    width: 50%;
    padding: 1.5rem 0 !important;
  }
  .information-step > li dl {
    font-size: 2.4rem;
  }
  .information-step > li dl > dd .small {
    font-size: 2.2rem;
  }

  .information-ol {
  }
  .information-ol:before {
    left: 2.4rem;
  }
  .information-ol > li {
    min-height: 5rem;
    padding: 1rem 0 0 7rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .information-ol > li + li {
    margin-top: 2.5rem;
  }
  .information-ol > li:before {
    width: 5rem;
    height: 5rem;
    font-size: 2.2rem;
    line-height: 5rem;
  }

  .welfare-list {
    margin-bottom: -5rem;
  }
  .welfare-list > li {
    padding: 0 1.5rem 5rem;
  }
  .welfare-list > li dl > dt {
    padding-top: 1rem;
    font-size: 2.6rem;
  }
  .welfare-list > li dl > dd {
    font-size: 2.4rem;
  }

  .inclife-area .inclife-keyword .title {
    font-size: 3.5rem;
  }
  .inclife-area .inclife-keyword .text {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
  .inclife-area .inclife-interview .inclife-interview_conts .cate {
    font-size: 2rem;
  }
  .inclife-area .inclife-interview .inclife-interview_conts .title {
    margin-top: 2rem;
    font-size: 3.4rem;
  }
  .inclife-area .inclife-interview .inclife-interview_conts .text {
    margin-top: 3rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
  }

  .inclife-area.destroy .inclife-slider_in {
    width: 1024px;
  }

  /* Contact Us */
  .contact-list {
    width: calc(100% + 3rem);
    margin: -2rem 0 0 -1.5rem;
  }
  .contact-list > li {
    flex-basis: 50%;
    padding: 2rem 1.5rem;
  }
  .contact-list dl {
    max-width: 60rem;
    height: 20rem;
  }
  .contact-list dl > * {
    width: 100%;
  }
  .contact-list dl > dt {
  }
  .contact-list dl > dt .icon {
    margin-bottom: 2rem;
  }
  .contact-list dl > dt strong {
    font-size: 2.4rem;
  }
  .contact-list dl > dd {
    font-size: 2.2rem;
  }

  .contact-list > li:nth-child(1),
  .contact-list > li:nth-child(3) {
    display: none;
  }
  .contact-list > li:nth-child(2) {
    flex-basis: 100%;
  }

  .contact-section .board_btn .click {
    width: 23rem;
    height: 6rem;
    font-size: 2.4rem;
  }

  .contact-section h3.pg-tit {
  }
  .contact-section .contact-tel {
  }
  .contact-section .contact-tel > dt {
    font-size: 2.2rem;
  }
  .contact-section .contact-tel > dd {
    font-size: 3rem;
  }

  .contact-section .contact-category {
  }
  .contact-section .contact-category > a {
    flex: 1 1 calc(100% / 2 - 2rem);
    height: 20rem;
  }
  .contact-section .contact-category > a.full {
    flex: 1 1 100%;
  }
  .contact-section .contact-category > a > dl {
  }
  .contact-section .contact-category > a > dl > dt {
  }
  .contact-section .contact-category > a > dl > dd {
    margin-top: 2rem;
    font-size: 2.2rem;
  }

  .contact-section .contact-category > a.full > dl > dt img {
    width: 13.1rem;
  }
  .contact-section .contact-category > a.full > dl > dd {
    margin-top: 1rem;
  }

  .contact-section.middle {
    height: 37rem;
  }
  .contact-section.middle .contact-quick {
  }
  .contact-section.middle .contact-quick > li {
  }
  .contact-section.middle .contact-quick > li .icon img {
    width: auto !important;
    height: 13.2rem;
  }
  .contact-section.middle .contact-quick > li h4 {
    margin-top: 3rem;
  }
  .contact-section.middle .contact-quick > li .pg-txt {
    margin-top: 1.5rem;
  }
  .contact-section.middle .contact-quick > li .board_btn {
    margin-top: 3.5rem;
  }

  .contact-section.middle .contact-quick > li + li,
  .contact-section.middle .contact-quick > li + li h4,
  .contact-section.middle .contact-quick > li + li .pg-txt {
    text-align: right !important;
  }
  .contact-section.middle .contact-quick > li + li .board_btn {
    justify-content: flex-end;
  }

  .contact-section.bottom {
    padding: 16rem 0;
  }
  .contact-section.bottom .contact-icon {
    margin-top: 7rem;
  }

  /* HISTORY */
  .historyArea {
  }
  .historyArea:before {
    margin-left: 0;
    left: 0%;
  }
  .historyArea > li {
  }
  .historyArea .txt_wrap {
    width: 100%;
    padding: 0 0 0 4rem;
  }
  .historyArea .txt_wrap:before {
    width: 3rem;
    height: 3rem;
    left: -1.2rem;
    top: 0.5rem;
  }
  .historyArea .txt_wrap > strong {
    font-size: 3.2rem;
  }
  .historyArea .txt_wrap > ul {
  }
  .historyArea .txt_wrap > ul > li {
    padding-left: 1.2rem;
    font-size: 2rem;
  }

  .historyArea > li:nth-child(even) {
    text-align: left;
  }
  .historyArea > li:nth-child(even) .txt_wrap {
    text-align: left;
  }
  .historyArea > li:nth-child(even) .txt_wrap:before {
    left: -1.2rem;
    right: auto;
  }
  .historyArea > li:nth-child(even) .txt_wrap > ul > li {
    padding: 0 0 0 1.2rem;
  }
  .historyArea > li:nth-child(even) .txt_wrap > ul > li:before {
    left: 0;
    right: auto;
  }

  .historyArea.month .txt_wrap > ul > li {
    padding-left: 5rem;
  }
  .historyArea.month .txt_wrap > ul > li:before {
  }

  .historyArea.month > li:nth-child(even) .txt_wrap > ul > li {
    padding: 0 0 0 5rem;
  }

  .historyArea.admin .txt_wrap > ul > li {
    padding: 0 5rem !important;
  }
  .historyArea.admin > li:nth-child(even) .txt_wrap > ul > li .checkIn.noTxt {
    left: 0;
    right: auto;
  }

  .etc_clause {
    width: 100%;
    margin: 0 auto;
  }
  .etc_clause .etc_clause_in {
    padding: 5rem 3rem;
    border-radius: 1rem;
  }
  .etc_clause .logo {
    margin: 0;
  }
  .etc_clause .txt {
    padding: 2rem 0 6rem;
    font-size: 2.2rem;
  }

  .etc_clause .scroll {
    font-size: 2rem;
  }

  .etc_select {
    width: 100%;
  }
  .etc_select select.base {
    width: 22rem;
  }
  /*[e] Sub Style */

  /*[s] Plugin Style */
  .layer-base.fancybox__content > .carousel__button.is-close {
    width: 5rem;
    height: 5rem;
    top: 3rem !important;
  }

  .insight-summary-title {
  }
  .insight-summary-title .cate {
    font-size: 2.2rem;
  }
  .insight-summary-title .title {
    font-size: 2.8rem;
  }
  .insight-summary-title .day {
    font-size: 2rem;
  }

  .insight-summary-list .cate {
    font-size: 2rem;
  }
  .insight-summary-list .title {
    font-size: 2.4rem;
  }
  .insight-summary-list .text {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  .insight-summary-list .view {
    font-size: 1.8rem;
  }

  .layer-base .layer-title {
    margin-bottom: 3rem;
    font-size: 5rem;
  }
  .layer-base .layer-tit {
    margin-bottom: 2rem;
    font-size: 2.6rem;
  }
  .layer-base .layer-in {
  }

  #insight-summary .layer-in {
    padding: 7rem 3rem 9rem;
  }

  #insight-summary .insight-summary-list .cate {
  }
  #insight-summary .insight-summary-list .title {
  }
  #insight-summary .insight-summary-list .text {
  }
  #insight-summary .insight-summary-list .view {
  }

  .contact-form {
    width: 100%;
    max-width: 100rem;
  }
  .contact-form.fancybox__content > .carousel__button.is-close {
    display: block !important;
  }
  .contact-form .layer-in {
  }
  /*[e] Plugin Style */

  /*[s] eng Style */
  html[lang="en"] {
  }
  /*
		html[lang="en"] .mVisual{}
		html[lang="en"] .mVisual #playBg{right:-50%;}
		*/

  html[lang="en"] .history-card .his-over .title {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
  html[lang="en"] .history-card .his-over .text {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }

  html[lang="en"] .tdeal-extract .brandday-ps > dt {
    width: 27rem;
  }
  html[lang="en"] .tdeal-extract .brandday-ps > dt > span {
    min-width: 18.6rem;
  }

  html[lang="en"] .idl-graphic {
    padding: 33rem 0 38rem;
  }

  html[lang="en"] .idl-graphic .idl-graphic-center:before {
    top: -17rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-center:after {
    top: -1.5rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-center > span:before {
    bottom: -19rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-center > span:after {
    bottom: 0rem;
  }

  html[lang="en"] .idl-graphic .idl-graphic-txt {
    width: 100%;
  }
  html[lang="en"] .idl-graphic .idl-graphic-txt.rt {
    top: 15.7rem;
  }
  html[lang="en"] .idl-graphic .idl-graphic-txt.rb {
    bottom: 19.7rem;
  }
  /*[e] eng Style */
}

@media only screen and (max-width: 640px) {
  /*[s] eng Style */
  html[lang="en"] {
  }
  /*
		html[lang="en"] .mVisual{}
		html[lang="en"] .mVisual #playBg{right:-90%;}
		*/
  /*[e] eng Style */
}
@media only screen and (max-width: 480px) {
  /* Contact Us */
  .contact-list dl {
    max-width: 30.4rem;
  }
}
/*
@media screen and (max-aspect-ratio: 1920/766) {
	html[lang="en"] .mVisual #playBg{width: auto; height: 100vh;}
}
*/
/*
transform: scale(1.1) 부분을
transform: scale(1.1) rotate(.001deg); 로 변경하면 부드럽게 처리되네요


display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; -ms-flex-align:center;
display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; -ms-flex-align:center;

맨 앞에 정렬
justify-content: flex-start;
​
맨 끝에 정렬
justify-content: flex-end;

가운데 정렬
justify-content: center;

서로 같은 간격으로 박스들이 조정됨.
justify-content: space-between;​

컨텐츠 뿐만 아니라 그 주변도 같은 간격으로 조정됨.
justify-content: space-around;

​

* 수직으로 적용
align-items

컨테이너의 꼭대기로 정렬
justify-content: flex-start
​
컨테이너의 바닥으로 정렬
flex-end​

가운데로 정렬
center

컨테이너의 시작 위치에 정렬
baseline​

컨테이너에 맞도록 늘린다.
stretch


.list_ol_01 {counter-reset:item; margin-bottom:10px;}
.list_ol_01 > li {position: relative; font-size: 16px; line-height: 1.75; margin-bottom:4px; color: #636363; padding-left:26px;}
.list_ol_01 > li:last-child {margin-bottom: 0;}
.list_ol_01 > li:before {counter-increment: item; content: counter(item); width: 18px; height: 18px; display: inline-block; background: #fff; border:1px solid #636363; color: #636363; border-radius: 50%; text-align: center; line-height:18px; font-size: 10px; position: absolute; top: 5px; left: 0; font-weight:400;}

-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:scale(100%);
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;

:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;

width:calc(100% / 6);
*/