@charset "utf-8";

/* DARKMODE */
.dark_on {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #1e1e20), color-stop(38%, #1e1f21));
  background-image: -o-linear-gradient(top, #1e1e20 5%, #1e1f21 38%);
  background-image: linear-gradient(to bottom, #1e1e20 5%, #1e1f21 38%);
}

/* common */
.dark_on .gnb .menu {background: #6c3f98;}
.dark_on .gnb .menu2 {background: #00a8e4;}
.dark_on .headmenu.sticky .nav_btn {background: #6c3f98;}
.dark_on .ani {background-image: linear-gradient(-225deg, #6c3f98 0%, #ffffff 32%, #c3d600 67%, #6c3f98 100%);}
.dark_on #footer {background-color: #414141;}
.dark_on .footer strong img {filter: contrast(0);}
.dark_on #btn_top {color: #fff;border: 3px solid #fff;background-color: #000;}

/* main */
.dark_on .cont1__item .cont1__box {color: #fff;}
.dark_on .content-1, .dark_on .content-3 {background: inherit;}
.dark_on .content-2 {background-color: #414141;}
.dark_on .content-3 .bg_slide {filter: brightness(2);}
.dark_on .content-3 .swiper-pagination-bullet {color: #fff;}
.dark_on .content-3 .swiper-pagination-bullet-active {color: #2ca6df;}
.dark_on .content-3 .wrap .swiper .swiper-btnWrap .swiper-button-prev, .dark_on .content-3 .wrap .swiper .swiper-btnWrap .swiper-button-next {filter: invert(1);}
.dark_on .content-3 .wrap .swiper .swiper-container .swiper-slide .text .depth,
.dark_on .content-3 .wrap .swiper .swiper-container .swiper-slide .text .title,
.dark_on .content-3 .wrap .swiper .swiper-container .swiper-slide .text .title .small {color: #fff;}

/* Sub */
.dark_on .swiper-button-next, .dark_on .swiper-button-prev {border: 1px solid #fff;color: #fff;}
.dark_on .swiper-button-next:hover, .dark_on .swiper-button-prev:hover {border: 1px solid #2ca6df; color: #2ca6df;}
.dark_on p {color: #fff;}
.dark_on .caption {color: #e7e7e7;}
.dark_on .contwrap h3 {color: #fff;}
.dark_on .row blockquote {color: #fff;}
.dark_on .contwrap h3::after {background-color: #878787;}
.dark_on .contents .row.bg1 h2 {color: #fff;}
.dark_on .contents h2 div span.q:nth-child(1) {-webkit-text-stroke: 3px #fff;}
.dark_on .contents h2 div span.q:nth-child(2) {color: #fff;}
.dark_on .fixed_title {color: #fff;}
.dark_on .animated-key {color: #fff;}
.dark_on .sub1_3 .animated-key {color: #fff;}
.dark_on .sub1_3 .row .name {color: #fff;}
.dark_on .sub1_3 .row .under {color: #fff;}
.dark_on .sub1_3 .row .name::before {filter: invert(1);}
.dark_on .sub1_4.contents div span.a.active::after {background: #fff;}
.dark_on .sub1_4 .highlighter {background-image: linear-gradient(#6c3f98, #6c3f98);}
.dark_on .sub2_1 .people li {color: #fff;}
.dark_on .underline {position: relative;background-image: linear-gradient(#bfbfbf, #ffffff);}
.dark_on .proposer .txt {color: #fff;}
.dark_on .proposer .txt p {color: #fff;}
.dark_on .inter {border: 1px solid #fff;color: #fff;}
.dark_on .interlist li {border: 1px solid #fff;color: #fff;background: #58b4c8;}
.dark_on .sub2_3 .interlist li {border: 1px solid #fff;color: #fff;background: #00b5a5;}
.dark_on .interlist li img {/* border: 1px solid #fff; */}
.dark_on .interlist li strong::after {border-bottom: 1px solid #fff;}
.dark_on .interlist li p {color: #fff;}
.dark_on .interlist li:nth-child(2n) {border: 1px solid #58b4c8;color: #fff;background: transparent}
.dark_on .sub2_3 .interlist li:nth-child(2n) {border: 1px solid #00b5a5;color: #fff;background: transparent}
.dark_on .interlist li:nth-child(2n) img {/* border: 1px solid #00b5a5; */}
.dark_on .tipwrap dl dd {color: #fff;}
.dark_on .sub2_4.contents .row .text > p div {background: linear-gradient(to right, #24f386 50%, white 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;}
.dark_on .kgs_list li {color: #fff;border-bottom: 1px solid #eee;}
.dark_on .kgs_list li:last-child {border-bottom: none;}
.dark_on .kgs_list li.fwb {color: #f68b3c;}
.dark_on .sub3_1 .box h4 {color: #fff;}
.dark_on .sub3_1 .box .highlighter.show {background-image: linear-gradient(#f68b3c, #f68b3c);color: #fff;}
.dark_on .sub3_1 .box.orange .highlighter.show {background-image: linear-gradient(#fff, #fff);color: #000;}
.dark_on .sub3_2 .highlighter.show {  background-image: linear-gradient(#ffdd00, #ffdd00);color: #000;}
.dark_on .sub3_5 h3 {color: #000;}
.dark_on .sub3_5 p {color: #000;}
.dark_on .sub3_5 .event_wrap {filter: invert(1);}
.dark_on .sub3_5 .msg.pc p {color: #000;}
.dark_on .sub3_5 .msg.mobile p {color: #fff;}
.dark_on .sub3_5.contents .row p.tit {color: #fff;}
.dark_on .sub3_5 .underline.active {  background-image: linear-gradient(#000, #ffffff);}
.dark_on .sub1_4 .people li {color: #fff;}
.dark_on .sub2_3 .people li {color: #fff;}
.dark_on .sub2_3.contents div span.a.active::after {background: #fff;}

.contents.zoom .anim_img1 {left: 2.9%;}
.contents.zoom .anim_img2 {right: 7.8%;}

.dark_on h3 {color: #fff;}
.dark_on .sub_foot .relation .rel_tit {color: #fff;}
.dark_on .sub_foot .relation .rel_tit::before {filter: invert(1);}
.dark_on .sub_foot .relation li p {color: #fff;}
.dark_on .sub_foot .relation .swiper-slide p {color: #fff;}
.dark_on .sub_foot .relation .swiper-slide p b {color: #d1a2ff;}
.dark_on .sub_bg .title .caption {color: #fff;margin-top: 10px;}
.dark_on .site-side .btn--function {background: #2ca6df;}
.dark_on .sns_box button.share {background: #2ca6df;}
.dark_on .list_wrap .list h3 {color: #fff;border-bottom: 15px solid #d5210f;}
.dark_on .list_wrap .list ul li span {color: #fff;}
.dark_on .list_wrap .list ul li img {border: 1px solid #000;}

/* ZOOMMODE */
.contents.zoom { zoom: 115%; }
.contents.zoom img { zoom: 90% !important; }