/*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; }
 
 

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


.bannerWrap{width: 100%;  position: relative; display:flex;}
.bannerWrap .img {width:100%; height:100%; background-size:100% !important;}
.bannerWrap div.main_txt {width: 1300px; 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:#f14815; font-size:40px; font-family:"yg-jalnan"; 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:8px; color:#040303; font-family: 'GmarketSansMedium'; font-size:35px; 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 .bannerWrap p.fnt-title3 {margin-top:30px; color:#040303; font-family: 'GmarketSansMedium'; font-size:22px; 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 .bannerWrap .imgwrap {width:100%;}
.swiper-slide .bannerWrap .imgwrap img {width:100%;}

.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}

.swiper-slide.swiper-slide-active .bannerWrap p.fnt-title3 {-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-title3 {-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:#f14815;}


@media (min-width:2400px) {
.bannerWrap {height:649px !important; }
.bannerWrap .imgwrap {text-align:center;}
.bannerWrap .imgwrap img {object-fit:fill; width:auto !important; display:inline-block; height:100%;}
}


@media (max-width:2400px) {
/*.bannerWrap {height:auto;}
.bannerWrap .imgwrap img {height:auto; width:100%;}*/

.bannerWrap {height:590px !important; }
.bannerWrap .imgwrap {text-align:center;}
.bannerWrap .imgwrap img {object-fit:fill; width:auto !important; display:inline-block; height:100%;}
}

@media (max-width:1400px) {

.bannerWrap {height:450px !important; }
.swiper-slide .bannerWrap p.fnt-title1 {font-size:32px; }
.swiper-slide .bannerWrap p.fnt-title2 {font-size:22px; }
.swiper-slide .bannerWrap p.fnt-title3 {font-size:18px;  margin-top:20px;}


}

@media (max-width:1300px) {

.bannerWrap {height:400px !important; }

.bannerWrap div.main_txt {width:100%; padding:0 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;}

}


@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 {height:400px; }
.bannerWrap .img {background-size:840px !important;}

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


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

.mainSwiper .swiper-pagination { position: absolute; bottom:30px !important; top:auto; z-index:9;}

}


@media (max-width:500px) {

.bannerWrap {height:350px; }
.bannerWrap .img {background-size:auto 100% !important;}

.bannerWrap div.main_txt { top:30%;}

.swiper-slide .bannerWrap p.fnt-title1 {font-size:18px; text-align:left; padding:0 20px;text-align:center;}
.swiper-slide .bannerWrap p.fnt-title2 {font-size:16px; text-align:left; padding:0 20px;text-align:center;}
.swiper-slide .bannerWrap p.fnt-title3 {font-size:14px; text-align:left; padding:0 20px;text-align:center;}




}



.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 {padding:90px 0;}
.mainBoard {position:relative;}
.mainBoard h3 {font-family:"yg-jalnan"; font-size:27px; color:#000;}
.mainBoard h3 span {color:#cd3339;}
.mainBoard h3 br.mobile_br {display:none;}

.mainBoard_tab {position:absolute; right:70px; top:0; display:flex; gap:65px;}
.mainBoard_tab li {position:relative;}
.mainBoard_tab li a {font-size:20px; color:#000000; letter-spacing:-1px; padding-bottom:8px; font-weight:600;}
.mainBoard_tab li:after {content:""; width:4px; height:4px; position:absolute; background:#000; right:-32px; top:calc(50% - 2px);}
.mainBoard_tab li:last-child:after {display:none;}
.mainBoard_tab li a.active {border-bottom:4px solid #cd3339;}

.tab_Contents {position:relative;}
.tab_Contents a.main_more {position:absolute; right:0; top:-72px; width:40px; height:40px; background:url(../img/main_more.png) no-repeat; text-indent:-50000px;}

.mainBoard_list {display:flex; flex-wrap:wrap; margin-left:-2%; margin-top:40px;}
.mainBoard_list li {border:1px solid #cccccc; border-radius:15px; width:23%; margin-left:2%; box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
.mainBoard_list li a {display:block; padding:40px 20px;}
.mainBoard_list li .title {font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; margin-bottom:20px; font-weight:bold;}
.mainBoard_list li .desc {font-size:14px; color:#666666; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3em; height:2.6em;}
.mainBoard_list li .date {font-size:15px; color:#666666; margin-top:30px;}
.mainBoard_list li.empty_li {width:100%; margin-left:2%; padding:50px 0; text-align:center;}



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

.mainBoard h3 {font-size:24px;}
.mainBoard_tab {position:relative; right:auto; margin-top:20px; gap:40px;}
.tab_Contents a.main_more { top:-82px;}

.mainBoard_tab li a {font-size:18px;}
.mainBoard_tab li:after {right:-22px; top:10px;}
}


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

.main_content01 {padding:50px 0;}

.mainBoard h3 {font-size:20px; letter-spacing:-0.5px;}

.mainBoard_tab li a {font-size:16px; letter-spacing:-0.5px;}
.mainBoard_list { margin-left:-2%; margin-top:40px;}
.mainBoard_list li { width:48%; margin-left:2%;}
.mainBoard_list li a {display:block; padding:25px 15px;}

}

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

.mainBoard h3 br.mobile_br {display:block;}

.mainBoard_tab {padding-right:50px;}
.mainBoard_list { margin-left:0; margin-top:40px;}
.mainBoard_list li { width:100%; margin-left:0; margin-bottom:10px;} 
.mainBoard_list li.empty_li {width:100%; margin-left:0; padding:35px 0;}

}




.main_content02 {padding:90px 0; background:url(../img/mainHuwon_bg.jpg) no-repeat center 0 #f9eaea;}

.mainHuwon .top_txt {font-family:"yg-jalnan"; font-size:25px; line-height:140%; max-width:705px; margin:0 auto; padding:25px 40px; text-align:center; border-top:1px solid #f0c7c9; border-bottom:1px solid #f0c7c9; letter-spacing:-1px; margin-bottom:60px;}  
.mainHuwon .top_txt br.mobile_br {display:none;}

.mainHuwon .status {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.mainHuwon .status .title {font-size:22px; margin-right:20px; letter-spacing:-1px; font-weight:bold;}
.mainHuwon .status .total {display:flex; align-items:center; }
.mainHuwon .status .amount {display:inline-flex; gap:3px;}
.mainHuwon .status .amount li.number { top:0; align-items:center; justify-content:center; line-height:100%; background:#eb6268; color:#FFF;  font-weight:bold; height:50px; width:42px; border-radius:5px;}
.mainHuwon .status .amount li {position:relative; top:-8px; display:flex; align-items:end; font-size:38px; color:#eb6268;}
.mainHuwon .status .won {font-size:38px; margin-left:10px; font-weight:bold;}

.mainHuwon .corper {margin-top:25px; background:#FFF; border:1px solid #f1cacb; border-radius:10px; padding:30px; text-align:center; white-space:nowrap; overflow:hidden; }
.mainHuwon .corper span {position:relative; font-size:15px; display:inline-block; padding:0 10px;}
.mainHuwon .corper span:after {content:""; position:absolute; top:calc(50% - 6px); left:0px; width:1px; height:13px; background:#999999;}
/* .mainHuwon .corper span:first-child {padding-left:0;}
.mainHuwon .corper span:last-child {padding-right:0;}
.mainHuwon .corper span:first-child:after {display:none;} */

.mainHuwon .quickLink {margin-top:60px; display:flex; flex-wrap:wrap;}

.mainHuwon .quickLink li {text-align:center; width:16.66666%;}
.mainHuwon .quickLink li .icon {display:inline-block; width:160px; height:160px; border-radius:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s;}
.mainHuwon .quickLink li .icon.icon01 {background:url(../img/mainHuwon_icon01.png) no-repeat;}
.mainHuwon .quickLink li .icon.icon02 {background:url(../img/mainHuwon_icon02.png) no-repeat;}
.mainHuwon .quickLink li .icon.icon03 {background:url(../img/mainHuwon_icon03.png) no-repeat;}
.mainHuwon .quickLink li .icon.icon04 {background:url(../img/mainHuwon_icon04.png) no-repeat;}
.mainHuwon .quickLink li .icon.icon05 {background:url(../img/mainHuwon_icon05.png) no-repeat;}
.mainHuwon .quickLink li .icon.icon06 {background:url(../img/mainHuwon_icon06.png) no-repeat;}
.mainHuwon .quickLink li p {margin-top:10px; font-size:18px; color:#333333; letter-spacing:-1px; font-weight:bold;}


.mainHuwon .quickLink li a:hover .icon {-webkit-transform: translate(0,-20px); -ms-transform: translate(0,-20px); transform: translate(0,-20px);}


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

.mainHuwon .quickLink li .icon {width:100px; height:100px; background-size:100% !important;}
.mainHuwon .quickLink li p {font-size:16px;}

.mainHuwon .status .title {}
.mainHuwon .status .amount li.number {width:35px; height:45px;}
.mainHuwon .status .amount li {font-size:32px;}
.mainHuwon .status .won {font-size:32px; margin-left:10px; }
}

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

.main_content02 {padding:50px 0;}

.mainHuwon .top_txt {font-size:18px; padding:20px 0;}
.mainHuwon .top_txt br.mobile_br {display:block;}
.mainHuwon .quickLink li {width:33.33333%; margin-bottom:20px;}

.mainHuwon .status .title {width:100%; text-align:center; margin-bottom:20px;}
}

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

.mainHuwon .top_txt {margin-bottom:20px;}

.mainHuwon .status .amount li.number {width:25px; height:35px;}
.mainHuwon .status .amount li {font-size:20px;}
.mainHuwon .status .won {font-size:24px; margin-left:5px; }

.mainHuwon .corper {margin-top:15px; padding:20px;}
.mainHuwon .corper span {font-size:13px;}

.mainHuwon .quickLink {margin-top:30px;}
.mainHuwon .quickLink li .icon {width:80px; height:80px;}
.mainHuwon .quickLink li p {font-size:14px; margin-top:0px;}
}



.main_content03 {position:relative; z-index:2; top:-10px;background:url(../img/main_linear_bg.png) no-repeat center 0,url(../img/main_linear_bg_bak.png) repeat-x; height:135px; padding-top:10px;}

.main_submission {position:relative; display:flex; flex-direction:column; justify-content:center; height:99px; padding-left:38%;}
.main_submission h3 {font-family: 'GmarketSansBold'; font-size:22px; color:#ffff00; }
.main_submission p {font-family: 'GmarketSansMedium'; font-size:15px; color:#ffffff; }
.main_submission p.view_more {position:absolute; right:0; bottom:30px; font-family: 'GmarketSansBold'; font-size:12px; color:#ffffff; border-bottom:2px solid #fff; padding-right:20px;}
.main_submission p.view_more i {position:absolute; right:0; top:6px;}


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

.main_content03 {position:relative; z-index:2; top:-10px;background:url(../img/main_linear_bg.png) no-repeat -250px 10px #cd474d; height:auto; padding:20px 0;}
.main_submission {padding-left:170px; height:auto;}
.main_submission p.view_more {position:relative; display:inline-block; bottom:auto;}
}

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

.main_content03 {background:url(../img/main_linear_bg.png) no-repeat -140px center #cd474d; background-size:auto 80px !important;}
.main_submission {padding-left:100px; height:auto;}
.main_submission h3 {font-size:18px; margin-bottom:5px;}
.main_submission p {font-family: 'GmarketSansLight'; font-size:13px; line-height:140%;}

.main_submission p.view_more {font-size:11px;}
.main_submission p.view_more i {top:1px;}
}

.main_content04 {background:#fff4e0; padding:90px 0; position:relative; margin-top:-36px;}

.mainPhoto {position:relative;}
.mainPhoto h3 {font-family:"yg-jalnan"; font-size:30px; color:#000000; margin-bottom:30px;}
.mainPhoto h3 span {font-family: 'GmarketSansMedium'; font-size:16px;}

.photoSlider {overflow:hidden;}
.photoSlider li img {max-width:100%;}
.photoSlider li .title {margin-top:18px; font-size:15px; font-weight:bold;}
.photoSlider li .date {font-size:14px; color:#666666;}

.photoControl {position:absolute; right:0; top:6px;}
.photoControl a {position:relative; display:inline-block; width:35px; height:35px;  text-align:center;}
.photoControl a.photo-next {}
.photoControl a.photo-next:before {position:absolute; left:-3px; top:7px; content:""; height:16px; width:1px; background:#cccccc;}


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

.mainPhoto h3 {font-size:24px;}
.mainPhoto h3 span {font-size:14px;}
}


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

.mainPhoto h3 span {display:block;}
}


.main_content05 {padding:20px 0;}
.mainBanner_wrap {position:relative; padding-left:240px;}
.mainBanner_wrap .title {position:absolute; left:0; top:10px; font-size:18px; letter-spacing:-1px;}
.mainBanner_wrap .control {position:absolute; left:90px; top:9px; font-size:18px; letter-spacing:-1px;}
.mainBanner_wrap .control a.banner-pause {background:url(../img/main_control.jpg) no-repeat; display:inline-block; width:29px; height:29px;}
.mainBanner_wrap .control a.banner-prev {background:url(../img/main_control.jpg) no-repeat -33px 0; display:inline-block; width:29px; height:29px;}
.mainBanner_wrap .control a.banner-next {background:url(../img/main_control.jpg) no-repeat -66px 0; display:inline-block; width:29px; height:29px;}

.bannerSlider {overflow:hidden;}
.bannerSlider li img {max-width:100%; border:1px solid #c2c2c2;}

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

.mainBanner_wrap .title {top:5px; }
.mainBanner_wrap .control { top:5px; }
}

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

.mainBanner_wrap {position:relative; padding-left:0px;}
.mainBanner_wrap .title {position:relative; padding-bottom:20px;}
.mainBanner_wrap .control {right:0; left:auto;}

}



/*

.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_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;} 
 }*/