/*mainStyle.css*/



body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; }
 
 
/*
.mainVisual {background:url(../img/mainvisual01.png) no-repeat center 0; height:740px; background-size:cover; display:flex; align-items:center;}

.main_txt {position:relative; left:calc(50% - 700px); padding-left:60px;}

.main_txt p.fnt-title1 {color:#FFF; font-size:60px; font-family:"Arial"; font-weight:800; line-height:120%; opacity:0; animation: txt_ani1 1s forwards;} 
.main_txt p.fnt-title2 {margin-top:40px; color:#FFF; font-size:20px; line-height:140%; opacity:0; animation: txt_ani1 1s 1s forwards; } 

@keyframes txt_ani1 {
  0% {
    opacity:0;
    transform: translateX(-100px);
  }
  100% {
    opacity:1;
    transform: translateX(0);
  }
}


@media all and (max-width:1400px){

.mainVisual {height:650px; background-size:cover; }
.main_txt {left:0; padding-left:30px;}
.main_txt p.fnt-title1 {font-size:50px;} 
.main_txt p.fnt-title2 {margin-top:30px; font-size:20px; } 

}

@media all and (max-width:1000px){

.mainVisual {height:500px; background-size:cover; }
.main_txt {left:0; padding-left:30px;}
.main_txt p.fnt-title1 {font-size:42px;} 
.main_txt p.fnt-title2 {margin-top:30px; font-size:18px; } 

}


@media all and (max-width:600px){

.mainVisual {height:400px; background-size:cover; }
.main_txt {left:0; padding-left:30px;}
.main_txt p.fnt-title1 {font-size:38px;} 
.main_txt p.fnt-title2 {margin-top:20px; font-size:16px; } 

}

@media all and (max-width:400px){

.mainVisual {height:300px; background-size:cover; }
.main_txt {left:0; padding-left:20px;}
.main_txt p.fnt-title1 {font-size:32px;} 
.main_txt p.fnt-title2 {margin-top:10px; font-size:14px; } 

}*/


.mainbannerWrap {position:relative;}
.mainbannerWrap.mobile {display:none;}
.mainbannerWrap.pc {display:block;}


.bannerWrap{width: 100%; height: 704px; position: relative; display:flex;}
.bannerWrap .img {width:100%; height:100%; background-size:100% !important;}
.bannerWrap div.main_txt {width: 1200px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

 

.swiper-slide .bannerWrap p.fnt-title1 {color:#FFF; font-size:60px; font-family:"Arial"; font-weight:800; line-height:120%; -webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(-50px, 0px);-ms-transform:translate(-50px, 0px);transform:translate(-50px, 0px);opacity:0} 
.swiper-slide .bannerWrap p.fnt-title2 {margin-top:40px; color:#FFF; font-size:20px; line-height:140%; -webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;-webkit-transform:translate(-50px, 0px);-ms-transform:translate(-50px, 0px);transform:translate(-50px, 0px);opacity:0 } 

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title1 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title1 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title2 {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}
.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title2 {-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s}

.mainSwiper {overflow:hidden; position:relative;}
.mainSwiper .swiper-pagination { position: absolute; bottom:60px !important; top:auto; z-index:9;}
.mainSwiper .swiper-pagination-bullet {width:30px; height:5px; border-radius:0; background:#e6e7e7; opacity:1;}
.mainSwiper .swiper-pagination-bullet-active {background:#000;}


@media (max-width:1800px) {
.bannerWrap .img {width:100%; height:100%; background-size:1800px !important;}
}

@media (max-width:1200px) {

.bannerWrap{height: 350px; text-align:center;}
.bannerWrap .img {object-fit:fill;  height:100%; background-size:1417px !important;}
.bannerWrap div.main_txt  {width:100%; left:30px; top:calc(50% - 50px); -webkit-transform:none; -ms-transform:none; transform:none;}

.swiper-slide .bannerWrap p.fnt-title1 {font-size:28px; text-align:center;}
.swiper-slide .bannerWrap p.fnt-title2 {font-size:18px; text-align:center; margin-top:20px;}


}

@media all and (max-width:1000px){

.mainSlider {height:auto;}
.mainSlider .swiper-slide img {display:block; width:100%; height:auto; object-fit: cover;}

.mainSlider2 {height:auto;}
.mainSlider2 .swiper-slide img {display:block; width:100%; height:auto; object-fit: cover;}

.mainbannerWrap.mobile {display:block;}
.mainbannerWrap.pc {display:none;}
}


@media (max-width:840px) {
 
.mainSwiper_control a {top:-80px;}
.mainSwiper-prev {display:block; width:60px; height:60px; background-size:120px;}
.mainSwiper-next {left:85px; width:60px; height:60px; background-size:120px;}

.bannerWrap div.main_txt {left:0;}
.swiper-slide .bannerWrap p.fnt-title1 {font-size:24px; text-align:left; padding:0 20px;}
.swiper-slide .bannerWrap p.fnt-title2 {font-size:16px; text-align:left; padding:0 20px;}

}

@media (max-width:500px) {
 
.swiper-slide .bannerWrap p.fnt-title1 {font-size:20px;}
}


.main_title {text-align:center; margin-bottom:60px;}
.main_title h3 {font-family: 'Tenada'; font-size:45px; line-height:120%;}
.main_title p {font-family: 'GmarketSansLight'; font-size:18px; margin-top:10px;}
.main_title sub {font-family: 'GmarketSansBold'; font-size:16px; margin-bottom:10px; font-weight:bold; display:inline-block;}



.main_content01 {background:url(../img/main_content01_bg.png) no-repeat center -30px; padding:70px 0 55px 0; }
.main_anrak_txt {text-align:center; }
.main_anrak_txt div {  }
.main_anrak_title02 {font-family: 'GmarketSansBold'; font-size:30px; color:#000000; margin-top:20px;}
.main_anrak_title03 {font-family: 'Arial'; font-size:150px; color:#000000; font-weight:800; margin-top:30px; line-height:100%; letter-spacing:-3px;}
.main_anrak_title03 div { background: url("../img/main_content01_mask.png") no-repeat; background-size: 100% 100%; background-position: center; background-clip: text; -webkit-background-clip: text; color: 
transparent; display:inline-block;}
.main_anrak_title04 {font-size:22px; color:#000000; margin-top:30px;}
.main_anrak_title04 strong {font-weight:bold; font-size:24px;}
.main_anrak_title05 {display:block; font-size:22px; color:#000000; margin-top:20px; line-height:1.5;}


@media all and (max-width:1000px){

.main_content01 {padding:50px 0 40px 0; background-size:100%;}
.main_anrak_title02 {font-size:24px; margin-top:10px;}
.main_anrak_title03 {font-size:100px; margin-top:10px;}
.main_anrak_title04 {font-size:18px; margin-top:20px;}
.main_anrak_title04 strong {font-size:20px;}
.main_anrak_title05 {font-size:18px; margin-top:10px;}
}



@media all and (max-width:767px){

.main_content01 {padding:30px 0 30px 0; }
.main_anrak_title02 {font-size:20px; margin-top:10px;}
.main_anrak_title03 {font-size:70px; margin-top:5px;}
.main_anrak_title04 {font-size:16px; margin-top:10px;}
.main_anrak_title04 strong {font-size:18px;}
.main_anrak_title05 {font-size:16px; margin-top:10px;}
}


@media all and (max-width:570px){

.main_content01 {padding:30px 0 30px 0; }
.main_anrak_title02 {font-size:18px; margin-top:10px;}
.main_anrak_title03 {font-size:50px; margin-top:5px;}
.main_anrak_title04 {font-size:14px; margin-top:10px;}
.main_anrak_title04 strong {display:block; font-size:16px;}
.main_anrak_title05 {font-size:14px; margin-top:10px;}
}



.main_content02 {padding-bottom:92px; background:linear-gradient(to bottom, #FFFFFF calc(100% - 192px),#011022 calc(100% - 192px), #011022);}
.main_btnSet {border:1px solid #e3e2e2; display:flex; flex-wrap:wrap; box-shadow:0 20px 24px rgba(0,0,0,0.45); background:#FFF;}
.main_btnSet li {flex:1; border-left:1px solid #dedddd;}
.main_btnSet li a {display:flex; height:230px; justify-content:center; align-items:center; flex-direction:column;}
.main_btnSet li:first-child {border-left:none;}
.main_btnSet li p {font-size:20px; color:#000000; margin-top:10px;}
.main_btnSet li .icon {display:inline-block; width:101px; height:101px;}
.main_btnSet li .icon.icon01 {background:url(../img/main_box_icon01.png) no-repeat;}
.main_btnSet li .icon.icon02 {background:url(../img/main_box_icon02.png) no-repeat;}
.main_btnSet li .icon.icon03 {background:url(../img/main_box_icon03.png) no-repeat;}
.main_btnSet li .icon.icon04 {background:url(../img/main_box_icon04.png) no-repeat;}
.main_btnSet li a:hover .icon {animation: story01 0.5s ease-in 0s infinite alternate;}


@keyframes story01 {
	0% {transform: translateY(0);}
	100% {transform: translateY(-12px);}
}



@media all and (max-width:1000px){

.main_btnSet li .icon { width:70px; height:70px; background-size:100% !important;}
.main_btnSet li p {font-size:18px;}
.main_btnSet li a {height:170px;}
}


@media all and (max-width:670px){

.main_btnSet li .icon { width:70px; height:70px;}
.main_btnSet li p {font-size:16px; margin-top:5px;}
.main_btnSet li a {height:150px;}
}


@media all and (max-width:500px){

.main_content02 {padding-bottom:50px; background:linear-gradient(to bottom, #FFFFFF calc(100% - 100px),#011022 calc(100% - 100px), #011022);}
.main_btnSet li .icon { width:50px; height:50px;}
.main_btnSet li p {font-size:12px; margin-top:0px;}
.main_btnSet li a {height:100px;}
}

/*.main_btnSet li a:hover .icon.icon01 {background:url(../img/main_box_icon01.gif) no-repeat;}
.main_btnSet li a:hover .icon.icon02 {background:url(../img/main_box_icon02.gif) no-repeat;}
.main_btnSet li a:hover .icon.icon03 {background:url(../img/main_box_icon03.gif) no-repeat;}
.main_btnSet li a:hover .icon.icon04 {background:url(../img/main_box_icon04.gif) no-repeat;}*/


.main_content03 {background:linear-gradient(to bottom, #f1f1f1 72%,#239271 72%, #239271); padding:90px 0;}
.main_content03 .main_news {position:relative; padding-left:500px;}
.main_content03 .main_news_title {position:absolute; left:0; padding-left:40px; padding-top:20px; top:0; color:#011022; font-size:70px; font-family:"Arial"; line-height:100%; font-weight:800;}
.main_content03 .main_news_title small {font-size:50px;}
.main_content03 .main_news_title a {color:#011022;}
.main_content03 .main_news_list { padding-right:45px;} 
.main_content03 .main_news_list li:first-child {border-top:1px dashed #b3b3b3;}
.main_content03 .main_news_list li {border-bottom:1px dashed #b3b3b3;}
.main_content03 .main_news_list li a {padding:40px;}
.main_content03 .main_news_list li a p {font-size:22px; color:#000000;}
.main_content03 .main_news_list li a p.date {font-size:15px; margin-top:10px;}
.main_content03 .main_news_list li.empty_li {height:300px; display:flex; align-items:center; justify-content:center;}


.main_content03 ul.main_photo {display:flex;  margin-top:80px; margin-left:-3%;}
.main_content03 ul.main_photo li {width:30.33333%; margin-left:3%;}
.main_content03 ul.main_photo li a {display:block;}
.main_content03 ul.main_photo li img {max-width:100%; border-radius:20px;}
.main_content03 ul.main_photo li .mp_subject {color:#FFF; padding:20px 10px; border-bottom:1px solid #FFF; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px;}


@media all and (max-width:1200px){

.main_content03 {padding:60px 0;}
.main_content03 .main_news {position:relative; padding-left:350px;}
.main_content03 .main_news_title {padding-left:30px; padding-top:20px; top:0; color:#011022; font-size:60px; }
.main_content03 .main_news_title small {font-size:40px;}

.main_content03 .main_news_list li a {padding:30px;}
.main_content03 .main_news_list li a p {font-size:20px; color:#000000;}
.main_content03 .main_news_list li a p.date {font-size:14px; margin-top:10px;}
}


@media all and (max-width:992px){

.main_content03 {padding:60px 0;}
.main_content03 .main_news {position:relative; padding-left:0px;}
.main_content03 .main_news_title {position:relative; padding-left:10px; padding-top:0px; top:0; color:#011022; font-size:40px; margin-bottom:30px;}
.main_content03 .main_news_title br {display:none;}
.main_content03 .main_news_title small {font-size:30px;}
.main_content03 .main_news_list {padding-right:0;}
.main_content03 .main_news_list li a {padding:20px 10px;}
.main_content03 .main_news_list li a p {font-size:18px; color:#000000;}
.main_content03 .main_news_list li a p.date {font-size:14px; margin-top:10px;}

.main_content03 ul.main_photo li .mp_subject {font-size:18px; padding:20px 10px;  }

}


@media all and (max-width:500px){

.main_content03 {padding:60px 0;} 
.main_content03 .main_news_title {font-size:30px; margin-bottom:20px;} 
.main_content03 .main_news_title small {font-size:20px;} 
.main_content03 .main_news_list li a {padding:10px 10px;}
.main_content03 .main_news_list li a p {font-size:16px; color:#000000;}
.main_content03 .main_news_list li a p.date {font-size:14px; margin-top:10px;}

.main_content03 ul.main_photo {margin-top:40px;}
.main_content03 ul.main_photo li .mp_subject {font-size:16px; padding:20px 10px;  }
.main_content03 ul.main_photo li {width:47%;}
.main_content03 ul.main_photo li:last-child {display:none;}
}

.main_content04 {padding:115px 0;}
.main_dflex {display:flex; flex-wrap:wrap;}
.main_dflex .main_introduction_txt {width:49%;}
.main_dflex .main_introduction_txt h3 {font-family: 'GmarketSansBold'; font-size:60px; color:#000000; line-height:1.2; margin-bottom:60px;}
.main_dflex .main_introduction_txt p {font-size:20px; color:#000000;}
.main_dflex .main_introduction_txt a.view_more {position:relative; font-family: 'GmarketSansBold'; font-size:18px; color:#66cc99; padding-left:40px; display:inline-flex; width:267px; height:54px; background:#000000; align-items:center; border:1px solid #66cc99; border-radius:50px; margin-top:50px;}
.main_dflex .main_introduction_txt a.view_more i {position:absolute; right:40px; top:15px;}
.main_dflex .main_introduction_img {width:51%; display:flex; align-items:center;}
.main_dflex .main_introduction_img img {max-width:100%;}


 @media all and (max-width:1200px){

.main_content04 {padding:80px 0;}
.main_dflex .main_introduction_txt h3 {font-size:50px; margin-bottom:30px;}
.main_dflex .main_introduction_txt p {font-size:18px;}
.main_dflex .main_introduction_txt a.view_more {font-size:16px; width:250px;}
 }


 
 @media all and (max-width:767px){

.main_content04 {padding:80px 0;}
.main_dflex .main_introduction_txt h3 {font-size:40px; margin-bottom:30px; margin-top:20px;}
.main_dflex .main_introduction_txt p {font-size:16px;}
.main_dflex .main_introduction_txt a.view_more {font-size:16px; width:250px;}

.main_dflex .main_introduction_img {width:100%; order:1;}
.main_dflex .main_introduction_txt {width:100%; order:2;}
 }

  @media all and (max-width:500px){

.main_content04 {padding:60px 0;}
.main_dflex .main_introduction_txt h3 {font-size:32px; margin-bottom:20px; margin-top:20px;}
.main_dflex .main_introduction_txt p {font-size:14px;}
.main_dflex .main_introduction_txt a.view_more {font-size:14px; width:230px;} 
 }