.banner { width: 100%; position: relative; margin: 0 auto; }

@media only screen and (max-width: 1600px) { .banner { min-height: auto; } }

.banner .idx-banner { width: 100%; overflow: hidden; position: relative; z-index: 1; min-height: 45vh; }

.banner .idx-banner .slider { width: 100%; position: relative; z-index: 1; }

.banner .idx-banner .slider .slick-next, .banner .idx-banner .slider .slick-prev { background: url("../images/idx-arrow.svg") no-repeat center; background-size: 40px; }

@media only screen and (max-width: 577px) { .banner .idx-banner .slider .slick-next, .banner .idx-banner .slider .slick-prev { background-size: 20px; } }

.banner .idx-banner .slider .slider-full { width: 100%; position: relative; }

.banner .idx-banner .slider .slider-full a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; }

.banner .idx-banner .slider .slider-full img { width: 100%; z-index: 1; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

.banner .idx-banner .slider .slick-dots { width: 100%; top: inherit; right: 0; bottom: 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.banner .idx-banner .slider .slick-dots li { width: 13px; height: 13px; border-radius: 100%; margin: 0 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.banner .idx-banner .slider .slick-dots li button { width: 8px; height: 8px; border-radius: 100%; background: #fff; padding: 0; }

.banner .idx-banner .slider .slick-dots li button:before { display: none; }

.banner .idx-banner .slider .slick-dots li.slick-active button { background: #58a4eb; }

.banner .idx-banner .idx-banner .slider .slider-full .slogan { width: 70%; }

.banner .idx-banner .idx-banner .slider .slider-full .slogan h2 { font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; }

@media only screen and (max-width: 1600px) { .banner { width: 100%; } }

.idx-scroll { height: 140px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.idx-scroll .idx-scroll__content { width: 136px; text-align: center; -webkit-animation: scrolldown 2s linear infinite; animation: scrolldown 2s linear infinite; }

.idx-scroll .idx-scroll__content span { display: block; }

.idx-scroll .idx-scroll__content img { width: 35px; height: auto; display: inline-block; margin: 15px 0 0 0; }

@media only screen and (max-width: 577px) { .idx-scroll { height: 80px; } }

.idx-content { width: 100%; padding: 85px 0 0 0; }

.idx-content .idx-content__title { text-align: center; position: relative; z-index: 2; color: #666; }

.idx-content .idx-content__title .icon { width: 72px; padding-bottom: 15px; margin: auto; }

.idx-content .idx-content__title .icon img { width: 100%; height: auto; display: block; }

.idx-content .idx-content__title h2 { font-size: 36px; font-size: 2.25rem; line-height: 2.8125rem; font-weight: bold; letter-spacing: 0.05em; }

.idx-content .idx-content__title h2:after { content: ''; display: block; width: 45px; height: 5px; margin: 20px auto; background: #58a4eb; }

@media only screen and (max-width: 577px) { .idx-content .idx-content__title h2 { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; } }

.idx-content .idx-content__text { color: #666; max-width: 800px; width: 100%; padding: 0 30px; margin: 0 auto 70px auto; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; text-align: justify; position: relative; z-index: 2; }

@media only screen and (max-width: 577px) { .idx-content .idx-content__text { padding: 0 10px; text-align: left; } }

.idx-content .idx-content__text2 { width: 100%; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; padding: 60px 0; grid-column-gap: 15%; }

.idx-content .idx-content__text2 .row .row-title { color: #58a4eb; font-weight: bold; font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; margin-bottom: 25px; display: block; }

.idx-content .idx-content__text2 .row .row-text { color: #666; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; text-align: justify; }

@media only screen and (max-width: 1201px) { .idx-content .idx-content__text2 { grid-column-gap: 10%; } }

@media only screen and (max-width: 769px) { .idx-content .idx-content__text2 { grid-template-columns: 1fr; grid-gap: 30px; }
  .idx-content .idx-content__text2 .row .row-title { text-align: center; } }

.idx-content .idx-content__text3 { width: 100%; grid-template-columns: repeat(2, calc(50% - 15px)); grid-gap: 30px; }

.idx-content .idx-content__text3 .row.box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.idx-content .idx-content__text3 .row .title { font-size: 2.25rem; line-height: 48px; line-height: 3rem; font-weight: bold; color: #58a4eb; width: 600px; }

.idx-content .idx-content__text3 .row .title:after { content: ''; display: block; width: 40px; height: 1px; background: #58a4eb; margin-top: 40px; }

.idx-content .idx-content__text3 .row .text { color: #666; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; text-align: justify; }

@media only screen and (max-width: 1600px) { .idx-content .idx-content__text3 .row:nth-child(2) { padding-right: 60px; } }

@media only screen and (max-width: 961px) { .idx-content .idx-content__text3 .row:nth-child(2) { padding-right: 0; } }

@media only screen and (max-width: 769px) { .idx-content .idx-content__text3 { grid-template-columns: 1fr; }
  .idx-content .idx-content__text3 .row .title { width: 100%; font-size: 1.875rem; line-height: 36px; line-height: 2.25rem; text-align: center; }
  .idx-content .idx-content__text3 .row .title:after { margin: 40px auto 0; } }

.idx-content .idx-content__text4 { width: 100%; grid-template-columns: 36% 1fr; grid-gap: 15%; margin-bottom: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.idx-content .idx-content__text4 .row.box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.idx-content .idx-content__text4 .row .title { font-size: 2.25rem; line-height: 48px; line-height: 3rem; font-weight: bold; color: #58a4eb; width: 500px; margin-left: 60px; }

.idx-content .idx-content__text4 .row .title:after { content: ''; display: block; width: 40px; height: 1px; background: #58a4eb; margin-top: 40px; }

.idx-content .idx-content__text4 .row .text { color: #666; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; text-align: justify; }

@media only screen and (max-width: 1201px) { .idx-content .idx-content__text4 { grid-gap: 10%; } }

@media only screen and (max-width: 769px) { .idx-content .idx-content__text4 { grid-template-columns: 1fr; margin-bottom: 60px; }
  .idx-content .idx-content__text4 .row .title { width: 100%; font-size: 1.875rem; line-height: 36px; line-height: 2.25rem; text-align: center; margin-left: 0; }
  .idx-content .idx-content__text4 .row .title:after { margin: 40px auto 0; } }

.idx-content .idx-content__gallery { width: 100%; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 300px); grid-gap: 20px; margin-top: 60px; margin-bottom: 70px; }

@media only screen and (max-width: 1400px) { .idx-content .idx-content__gallery { grid-template-rows: repeat(4, 210px); } }

@media only screen and (max-width: 1201px) { .idx-content .idx-content__gallery { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } }

@media only screen and (max-width: 577px) { .idx-content .idx-content__gallery { grid-template-columns: 1fr; } }

.idx-content .idx-content__gallery .row { background: #000; position: relative; width: 100%; }

.idx-content .idx-content__gallery .row.row-1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; }

.idx-content .idx-content__gallery .row.row-1 .row-info .row-info__title { width: 330px; }

.idx-content .idx-content__gallery .row.row-2 { grid-column-start: 3; grid-column-end: 5; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box p { overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box { padding: 20px; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box .category, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box .category, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box .category, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box .category, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box .category, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box .category { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; display: none; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box .name, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box .name, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box .name, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box .name, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box .name, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box .name { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; display: none; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box .name span, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box .name span, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box .name span, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box .name span, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box .name span, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box .name span { display: block; padding: 10px 0 0 0; }

.idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box p, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box p, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box p, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box p, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box p, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box p { font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 8; -webkit-box-orient: vertical; }

@media only screen and (max-width: 1600px) { .idx-content .idx-content__gallery .row.row-2 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-3 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-4 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-5 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-6 .row-info .row-info__box, .idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box { width: calc(100% - 30px); height: calc(100% - 30px); left: 15px; top: 15px; padding: 20px 30px; } }

.idx-content .idx-content__gallery .row.row-7 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 5; }

.idx-content .idx-content__gallery .row.row-7 .row-info .row-info__box p { overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }

.idx-content .idx-content__gallery .row.row-8 { grid-column-start: 3; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; }

@media only screen and (max-width: 1201px) { .idx-content .idx-content__gallery .row.row-1, .idx-content .idx-content__gallery .row.row-2, .idx-content .idx-content__gallery .row.row-3, .idx-content .idx-content__gallery .row.row-4, .idx-content .idx-content__gallery .row.row-5, .idx-content .idx-content__gallery .row.row-6, .idx-content .idx-content__gallery .row.row-7, .idx-content .idx-content__gallery .row.row-8 { grid-column-start: inherit; grid-column-end: inherit; grid-row-start: inherit; grid-row-end: inherit; } }

.idx-content .idx-content__gallery .row a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

.idx-content .idx-content__gallery .row .row-info { width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.idx-content .idx-content__gallery .row .row-info .row-info__title { background: rgba(50, 123, 192, 0.8); width: 270px; padding: 20px 0; text-align: center; color: #ffd200; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.idx-content .idx-content__gallery .row .row-info .row-info__category { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; }

.idx-content .idx-content__gallery .row .row-info .row-info__name { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: bold; letter-spacing: .1em; }

.idx-content .idx-content__gallery .row .row-info .row-info__box { width: calc(100% - 60px); position: absolute; left: 30px; top: 30px; background: rgba(50, 123, 192, 0.8); padding: 40px 60px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; opacity: 0; }

.idx-content .idx-content__gallery .row .row-info .row-info__box .category { font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; font-weight: bold; color: #ffd200; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.idx-content .idx-content__gallery .row .row-info .row-info__box .name { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: bold; color: #ffd200; margin: 10px 0 20px 0; position: relative; letter-spacing: .1em; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.idx-content .idx-content__gallery .row .row-info .row-info__box .name:before { content: ''; display: block; width: 90px; height: 1px; background: #58a4eb; position: absolute; left: -120px; top: 20px; }

.idx-content .idx-content__gallery .row .row-info .row-info__box .name span { font-weight: normal; font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; font-family: "Nanum Gothic", sans-serif; padding-left: 20px; letter-spacing: 0; }

.idx-content .idx-content__gallery .row .row-info .row-info__box p { color: #fff; font-size: 1.25rem; line-height: 30px; line-height: 1.875rem; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }

.idx-content .idx-content__gallery .row:hover .row-info .row-info__title { opacity: 0; }

.idx-content .idx-content__gallery .row:hover .row-info .row-info__box { opacity: 1; }

.idx-content .idx-content__gallery .row figure { width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden; z-index: 1; }

.idx-content .idx-content__gallery .row figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 1; }

@media only screen and (max-width: 1400px) { .idx-content .idx-content__gallery .row .row-info .row-info__category { font-size: 18px; font-size: 1.125rem; line-height: 1.40625rem; }
  .idx-content .idx-content__gallery .row .row-info .row-info__name { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; }
  .idx-content .idx-content__gallery .row .row-info .row-info__title { width: 90%; max-width: 270px; } }

@media only screen and (max-width: 1201px) { .idx-content .idx-content__gallery .row:hover .row-info .row-info__title { opacity: 1; }
  .idx-content .idx-content__gallery .row:hover .row-info .row-info__box { opacity: 0; }
  .idx-content .idx-content__gallery .row figure { height: auto; padding: 75% 0 0 0; } }

.idx-content .idx-content__more { margin: 40px auto 0; width: 210px; padding: 15px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px #58a4eb; color: #58a4eb; position: relative; z-index: 2; font-size: 20px; font-size: 1.25rem; line-height: 1.5625rem; }

.idx-content .idx-content__more:hover { color: #fff; background: #58a4eb; }

@media only screen and (max-width: 1400px) { .idx-content .idx-content__title { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; } }

@media only screen and (max-width: 1201px) { .idx-content { padding: 50px 0; }
  .idx-content .idx-content__title { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; padding: 0 80px; } }

@media only screen and (max-width: 769px) { .idx-content { padding: 60px 0 0 0; } }

@media only screen and (max-width: 401px) { .idx-content .idx-content__title { padding: 0 30px; } }

.idx-content2 { width: 100%; padding: 100px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.idx-content2 .idx-content2__box { width: 26%; padding: 0 5%; }

.idx-content2 .idx-content2__title { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; font-weight: 400; }

.idx-content2 .idx-content2__title .en { font-size: 16px; font-size: 1rem; line-height: 1.25rem; letter-spacing: .03em; padding-bottom: 15px; }

.idx-content2 .idx-content2__title:after { content: ''; display: block; width: 30px; height: 3px; margin: 15px 0 0 0; background: #ffd200; }

.idx-content2 .idx-content2__text { color: #666; font-size: 1rem; line-height: 30px; line-height: 1.875rem; margin: 30px 0 100px; }

.idx-content2 .idx-content2__more { margin: 40px 0 0 0; width: 220px; height: 60px; border-radius: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #58a4eb; color: #58a4eb; }

.idx-content2 .idx-content2__more i { margin-left: 18px; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.idx-content2 .idx-content2__more:hover { color: #000; }

.idx-content2 .idx-content2__more:hover i { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }

@media only screen and (max-width: 1400px) { .idx-content2 { padding: 50px 0; }
  .idx-content2 .idx-content2__title { font-size: 30px; font-size: 1.875rem; line-height: 2.34375rem; } }

@media only screen and (max-width: 1201px) { .idx-content2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .idx-content2 .idx-content2__box { width: 100%; }
  .idx-content2 .idx-content2__title { font-size: 24px; font-size: 1.5rem; line-height: 1.875rem; text-align: center; }
  .idx-content2 .idx-content2__title:after { margin: 15px auto 0; }
  .idx-content2 .idx-content2__text { width: 80%; margin: 30px auto; }
  .idx-content2 .idx-content2__more { margin: 20px auto 0; } }

.idx-content--bg { background: url("../images/idx-bg.jpg") repeat; position: relative; }

.idx-content--bg:before { content: ''; display: block; width: 100%; height: 550px; background: #fff; position: absolute; bottom: 0; left: 0; z-index: 1; }

.idx-content--bg2 { position: relative; overflow: hidden; padding: 100px 0 0 0; }

.idx-content--bg2 .scroll-text { position: absolute; right: -30px; top: 0; font-size: 72px; font-size: 4.5rem; line-height: 5.625rem; font-weight: bold; color: #d3eaff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: .2em; }

@media only screen and (max-width: 1400px) { .idx-content--bg2 .scroll-text { right: -40px; } }

@media only screen and (max-width: 1201px) { .idx-content--bg2 .scroll-text { font-size: 54px; font-size: 3.375rem; line-height: 4.21875rem; right: -30px; opacity: .3; } }

@media only screen and (max-width: 577px) { .idx-content--bg2 { padding: 60px 0 0 0; } }

.idx-content--bg3 { position: relative; margin-top: 70px; z-index: 3; }

.idx-content--bg3 .scroll-text { position: absolute; left: -30px; top: 0; font-size: 72px; font-size: 4.5rem; line-height: 5.625rem; font-weight: bold; color: #d3eaff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; letter-spacing: .2em; z-index: 2; }

@media only screen and (max-width: 1400px) { .idx-content--bg3 .scroll-text { left: -40px; } }

@media only screen and (max-width: 1201px) { .idx-content--bg3 .scroll-text { font-size: 54px; font-size: 3.375rem; line-height: 4.21875rem; left: -30px; top: 360px; opacity: .3; } }

.idx-content--bg3:before { content: ''; display: block; width: 100%; height: 350px; position: absolute; top: 0; left: 0; z-index: 1; background: url("../images/idx-bg.jpg") repeat; }

.idx-content--bg4 { padding-bottom: 90px; position: relative; z-index: 2; }

.idx-content--bg4 .bg { content: ''; display: block; width: 1077px; height: 765px; position: absolute; right: 0; top: -360px; background: url("../images/idx-bg2.jpg") no-repeat; background-size: contain; }

@media only screen and (max-width: 1201px) { .idx-content--bg4 .bg { width: 50%; } }

@media only screen and (max-width: 577px) { .idx-content--bg4 .bg { width: 80%; top: -200px; } }

.idx-tour { width: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-gap: 25px; }

@media only screen and (max-width: 961px) { .idx-tour { grid-template-columns: repeat(2, 1fr); } }

@media only screen and (max-width: 577px) { .idx-tour { grid-template-columns: 1fr; } }

.idx-area img { max-width: 100%; height: auto; }

.slider2 img { width: 100%; height: auto; display: block; }

.slider2 .slick-prev, .slider2 .slick-next { width: 26px !important; height: 104px !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.slider2 .slick-prev { background: url("../images/left.png") no-repeat; background-size: contain; left: -86px; }

.slider2 .slick-next { background: url("../images/right.png") no-repeat; background-size: contain; right: -86px; }

.slider2 .slick-dots { width: 100%; top: inherit; right: 0; bottom: -5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.slider2 .slick-dots li { width: 8px; height: 8px; border-radius: 100%; margin: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; }

.slider2 .slick-dots li button { width: 8px; height: 8px; border-radius: 100%; background: #b9b9b9; padding: 0; }

.slider2 .slick-dots li button:before { display: none; }

.slider2 .slick-dots li.slick-active button { background: #58a4eb; }

@media only screen and (max-width: 1800px) { .slider2 .slick-prev { left: -55px; }
  .slider2 .slick-next { right: -55px; } }

@media only screen and (max-width: 1600px) { .slider2 .slick-prev, .slider2 .slick-next { border-radius: 0; }
  .slider2 .slick-prev { left: 20px; background: url("../images/left1.png") no-repeat rgba(0, 0, 0, 0.5) center; background-size: 60% auto; }
  .slider2 .slick-next { background: url("../images/right1.png") no-repeat rgba(0, 0, 0, 0.5) center; background-size: 60% auto; right: 20px; } }

@media only screen and (max-width: 577px) { .slider2 .slick-prev, .slider2 .slick-next { width: 26px !important; height: 80px !important; }
  .slider2 .slick-dots { bottom: -20%; } }

.idx-article { width: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-gap: 25px; padding: 40px 0 85px 0; }

@media only screen and (max-width: 961px) { .idx-article { grid-template-columns: repeat(2, 1fr); grid-column-gap: 25px; grid-row-gap: 50px; } }

@media only screen and (max-width: 577px) { .idx-article { grid-template-columns: 1fr; } }

.idx-faq { width: 100%; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-gap: 25px; padding-bottom: 40px; }

@media only screen and (max-width: 769px) { .idx-faq { grid-template-columns: 1fr; } }

.article-row { position: relative; width: 100%; text-align: center; }

.article-row .article-row__wrap { position: relative; margin-bottom: 30px; }

.article-row figure { width: 100%; padding-top: 75%; position: relative; overflow: hidden; border: solid 10px #fff; border-radius: 30px 0 30px 0; position: relative; z-index: 2; background: #666; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); }

.article-row figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: block; }

.article-row figure img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 2; }

.article-row .article-row__name { font-size: 1.5rem; line-height: 30px; line-height: 1.875rem; font-weight: bold; margin-bottom: 20px; padding: 15px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url("../images/article-bg.png") no-repeat center center; min-height: 87px; }

.article-row .article-row__name:before, .article-row .article-row__name:after { content: ''; display: block; width: auto; width: 100%; height: 1px; background: #58a4eb; }

.article-row .article-row__name:before { margin-right: 20px; }

.article-row .article-row__name:after { margin-left: 20px; }

.article-row .article-row__name a { color: #58a4eb; display: block; min-width: 70%; }

.article-row .article-row__text { color: #666; font-size: 1.125rem; line-height: 30px; line-height: 1.875rem; padding: 0 35px; }

.article-row:nth-child(3n+2) { -webkit-transform: translateY(55px); -ms-transform: translateY(55px); transform: translateY(55px); }

@media only screen and (max-width: 577px) { .article-row { text-align: left; }
  .article-row:nth-child(3n+2) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .article-row .article-row__name { padding: 10px 0; }
  .article-row .article-row__text { padding: 0; } }