@charset "utf-8";

/*******************************************
	Common Style
*******************************************/
.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.mainSection .inner .tit {margin-bottom:1.435em;}
.mainSection .inner .tit strong {font-family:'GmarketSans', sans-serif; font-size:2.3em; font-weight:800; letter-spacing:-1.35px;}
.mainSection .inner .tit p {font-size:1.1em;}

@media all and (min-width:1025px) {
	.mainSection .inner,
	.mainBoardWrap .inner,
	.mainPhotoWrap .inner {max-width:1560px !important;}
	.mainLinkWrap .inner {max-width:1630px !important;}
}
@media all and (max-width:1024px) {
	.mainLinkWrap .inner,
	.mainBoardWrap .inner,
	.mainPhotoWrap .inner {padding:2em;}
	.mainSection .inner .tit strong {font-size:1.9em;}
	.mainSection .inner .tit p {font-size:1em;}
}
@media all and (max-width:640px) {
	.mainLinkWrap .inner,
	.mainBoardWrap .inner,
	.mainPhotoWrap .inner {padding:2em 1em;}
	.mainSection .inner .tit strong {font-size:1.7em;}
	.mainSection .inner .tit p {font-size:0.9em;}
}

/*******************************************
	Tab Style
*******************************************/
.tab-group .tabs li button .selected {display:none; position:absolute; top:0; left:0; z-index:-999; overflow:hidden; width:0; height:0; opacity:0;}
.tab-group .tabs li button.on .selected {display:block;}
.tab-group .tab-con {display:none;}
.tab-group .tab-con.on {display:block;}


/*******************************************
	section01
*******************************************/
.mainVisualWrap {position:relative; padding-right:4em; color:#fff;}
.mainVisualWrap .social-wrap {position:absolute; top:calc(50% - 9em); right:9.5em; width:3em; height:auto; transform:translateY(-50%); font-family:'GmarketSans', sans-serif; font-weight:800; z-index:3;}
.mainVisualWrap .social-wrap:before {content:''; position:absolute; left:50%; top:calc(-100% - 3em); width:2px; height:100%; background:rgba(255,255,255,0.2);}
.mainVisualWrap .social-wrap:after {content:''; position:absolute; left:50%; bottom:calc(-100% - 3em); width:2px; height:100%; background:rgba(255,255,255,0.2);}
.mainVisualWrap .social-wrap ul {margin-top:3em;}
.mainVisualWrap .social-wrap ul li {margin-bottom:1em;}
.mainVisualWrap .social-wrap ul li a {display:block; width:3em; height:3em; text-align:center; background-size:cover; text-indent:-9999px; transition:all 0.3s;}
.mainVisualWrap .social-wrap ul li:nth-child(1) a {background:url(../img/main/ico_sns_facebook.svg) center no-repeat;}
.mainVisualWrap .social-wrap ul li:nth-child(2) a {background:url(../img/main/ico_sns_youtube.svg) center no-repeat;}
.mainVisualWrap .social-wrap ul li:nth-child(3) a {background:url(../img/main/ico_sns_insta.svg) center no-repeat;}
.mainVisualWrap .social-wrap ul li:nth-child(1) a:hover,
.mainVisualWrap .social-wrap ul li:nth-child(1) a:focus {background:url(../img/main/ico_sns_facebook_c.svg) center no-repeat;}
.mainVisualWrap .social-wrap ul li:nth-child(2) a:hover,
.mainVisualWrap .social-wrap ul li:nth-child(2) a:focus {background:url(../img/main/ico_sns_youtube_c.svg) center no-repeat;}
.mainVisualWrap .social-wrap ul li:nth-child(3) a:hover,
.mainVisualWrap .social-wrap ul li:nth-child(3) a:focus {background:url(../img/main/ico_sns_insta_c.svg) center no-repeat;}

.mainVisualWrap .video-link {position:absolute; bottom:-4.2em; right:6.9em; width:11.8em; height:11.8em; border-radius:50%; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.05); z-index:5;}
.mainVisualWrap .video-link a {display:block; width:100%; height:100%;}

.mainVisual {display:block; position:relative; width:100%; height:calc(100vh - 6.25em); margin:0 auto;}
.mainVisual .control {display:block; position:absolute; left:0; bottom:0; width:45.25em; height:5em; border-radius:0 2.5em 0 0; background:url(../img/main/bg_visual_control.svg) top 0 right 0 no-repeat; z-index:3; text-align:right;}
.mainVisual .control > * {display:inline-block; position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; font-family:'Montserrat', sans-serif; font-weight:200;}
.mainVisual .control .pager {width:auto; color:#777777; margin-right:1em;}
.mainVisual .control .pager > * {display:inline-block; position:relative; vertical-align:middle;}
.mainVisual .control .pager button + button {margin-left:2em;}
.mainVisual .control .arrow {padding-left:10em;}
.mainVisual .control button {overflow:hidden; color:#fff;}
.mainVisual .control button.play {width:2em; height:2em; background:url(../img/main/ico_play.svg) center no-repeat; display:none; text-indent:-9999px;}
.mainVisual .control button.stop {width:2em; height:2em; background:url(../img/main/ico_stop.svg) center no-repeat; text-indent:-9999px;}
.mainVisual .control button.next {width:5em; height:5em; background:url(../img/main/ico_arrow_right.svg) center no-repeat; text-indent:-9999px;}
.mainVisual .control button.prev {width:5em; height:5em; background:url(../img/main/ico_arrow_left.svg) center no-repeat; text-indent:-9999px;}
.mainVisual .control button.swiper-pagination-bullet {width:1.4em; height:2.4em; opacity:0.5; background:none; border-radius:0;}
.mainVisual .control button.swiper-pagination-bullet.swiper-pagination-bullet-active {font-weight:800; border-bottom:1px solid #fff; opacity:1;}
.mainVisual .control .swiper-button-disabled {opacity:0.5;}

.mainVisual .slider {display:block; position:relative; height:100%; border-radius:0 0 10em 0; overflow:hidden;}
.mainVisual .slider .swiper-container {}
.mainVisual .slider .swiper-container,
.mainVisual .slider .swiper-wrapper,
.mainVisual .slider .swiper-slide {height:100%;}
.mainVisual .slider .swiper-slide {}
.mainVisual .slider .swiper-slide > * {display:block;}
/* .mainVisual .slider .swiper-slide.visual01 {background:url(../img/main/main_visual01.png) center no-repeat; background-size:cover;}
.mainVisual .slider .swiper-slide.visual02 {background:url(../img/main/main_visual02.png) center no-repeat; background-size:cover;}
.mainVisual .slider .swiper-slide.visual03 {background:url(../img/main/main_visual03.png) center no-repeat; background-size:cover;}
.mainVisual .slider .swiper-slide.visual04 {background:url(../img/main/main_visual04.png) center no-repeat; background-size:cover;} */
.mainVisual .slider .swiper-slide {background:url(../img/main/main_visual05.png) center no-repeat; background-size:cover;}
.mainVisual .slider .swiper-slide .inner {position:relative; height: 100%;}
.mainVisual .slider .swiper-slide .inner .tit {position:absolute; top:50%; transform: translateY(-50%);}
.mainVisual .slider .swiper-slide .inner .tit img {margin-left:-2em; margin-bottom:9em;}

@media (min-width:1025px) {
	.mainVisualWrap {padding-right: 4em;}
}
@media (max-width:1024px) {
	.mainVisualWrap {padding-right: 4em;}
	.mainVisualWrap .social-wrap {right:5em;}
	.mainVisual {height:34em;}
	.mainVisual .control {width:30em;}
	.mainVisual .control .arrow {padding:0;}
	.mainVisual .slider .swiper-slide {background-size:cover;}
}
@media (max-width:940px) {
	.mainVisual .control {width:15em;}
	.mainVisual .control .pager {display:none;}
	.mainVisualWrap .video-link {right:1em;}
}
@media (max-width:768px) {
	.mainVisualWrap {padding-right:0;}
	.mainVisualWrap .social-wrap {right:1.5em;}
	.mainVisualWrap .video-link {right:-0.25em; bottom:-1.5em; width:10em; height:10em;}
	.mainVisualWrap .video-link a img {width:100%;}
	.mainVisual {height:28em;}
	/* .mainVisual .slider .swiper-slide.visual01 {background:url(../img/main/main_visual01_mo.png) top 0 right 0 no-repeat; background-size:cover;}
	.mainVisual .slider .swiper-slide.visual02 {background:url(../img/main/main_visual02_mo.png) top 0 right 0 no-repeat; background-size:cover;}
	.mainVisual .slider .swiper-slide.visual03 {background:url(../img/main/main_visual03_mo.png) top 0 right 0 no-repeat; background-size:cover;}
	.mainVisual .slider .swiper-slide.visual04 {background:url(../img/main/main_visual04_mo.png) top 0 right 0 no-repeat; background-size:cover;} */
	.mainVisual .slider .swiper-slide {background:url(../img/main/main_visual05_mo.png) top 0 right 0 no-repeat; background-size:cover;}
	.mainVisual .slider .swiper-slide .inner {padding: 2em 6em 2em 2em; background:rgba(0,0,0,0.2);}
	.mainVisual .slider .swiper-slide .inner .tit img {width:100%; margin-bottom:5em;}
}
@media (max-width:425px) {
	/*
	.mainVisualWrap .social-wrap {top:1em; right:0em; width:100%; height:3em; text-align: center; vertical-align: middle;}
	.mainVisualWrap .social-wrap:before {display:none;}
	.mainVisualWrap .social-wrap:after {display:none;}
	.mainVisualWrap .social-wrap * {display:inline-block; height:3em; line-height:3em;}
	.mainVisualWrap .social-wrap ul {margin:0 0 0 1em;}*/
	.mainVisualWrap .social-wrap {display:none;}
	.mainVisual {height:20em;}
	.mainVisual .control {width:10em; height:3em; border-radius:0 1em 0 0; background-size:cover;}
	.mainVisual .control button.prev {width:3em; height: 3em; background-size:20%;}
	.mainVisual .control button.next {width:3em; height: 3em; background-size:20%;}
	.mainVisual .slider .swiper-slide .inner {background:rgba(0,0,0,0.4);}
	.mainVisual .slider .swiper-slide .inner .tit img {width:calc(100% + 2em); margin-bottom:4em;}
	.mainVisual .slider .swiper-slide .inner {padding: 1em;}
}

/*******************************************
	section02
*******************************************/
.mainLinkWrap {position:relative;}
.mainLinkWrap:after {content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:calc(100% + 12.5em); background:url(../img/main/bg_sec02.svg) center no-repeat; background-size:cover; z-index:-1;}
.mainLinkWrap .inner {padding:6em 0 6em 0;}
.mainLinkWrap .inner .tit {text-align:center;}
.mainLinkWrap .inner .tit strong {color:#111;}
.mainLinkWrap .inner .tit strong em {color:#CD154C;}
.mainLinkWrap .inner .tit p {color:rgba(51, 51, 51, 0.80); margin-top:0.5em;}

.mainLinkWrap ul {margin-top:2.3em}
.mainLinkWrap ul:after {content:''; display:block; clear:both;}
.mainLinkWrap ul li {float:left; width:12.5%; height:9em; text-align:center; margin-top:1em; transition:margin-top 0.3s;}
.mainLinkWrap ul li a {display:block; width:100%; height:100%; background:#fff; padding:1.25em 0; border-radius:0.5em; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05); transition:all 0.3s;}
.mainLinkWrap ul li a img {display:block; margin:0 auto; transition:all 0.3s;}
.mainLinkWrap ul li a span {display:block; font-size:0.9em; font-weight:500; margin-top:0.75em; line-height:150%; letter-spacing:-0.54px;}
.mainLinkWrap ul li:hover,
.mainLinkWrap ul li:focus {margin-top:0em;}
.mainLinkWrap ul li:hover a,
.mainLinkWrap ul li:focus a {background:linear-gradient(130deg, #073780 -12.01%, #D70119 105.25%, rgba(217, 0, 23, 0.00) 105.26%, #C20F60 105.26%); color:#fff; font-weight:700;}
.mainLinkWrap ul li:nth-child(1):hover a img,
.mainLinkWrap ul li:nth-child(1):focus a img {content:url(../img/main/ico_link01_on.svg);}
.mainLinkWrap ul li:nth-child(2):hover a img,
.mainLinkWrap ul li:nth-child(2):focus a img {content:url(../img/main/ico_link02_on.svg);}
.mainLinkWrap ul li:nth-child(3):hover a img,
.mainLinkWrap ul li:nth-child(3):focus a img {content:url(../img/main/ico_link03_on.svg);}
.mainLinkWrap ul li:nth-child(4):hover a img,
.mainLinkWrap ul li:nth-child(4):focus a img {content:url(../img/main/ico_link04_on.svg);}
.mainLinkWrap ul li:nth-child(5):hover a img,
.mainLinkWrap ul li:nth-child(5):focus a img {content:url(../img/main/ico_link05_on.svg);}
.mainLinkWrap ul li:nth-child(6):hover a img,
.mainLinkWrap ul li:nth-child(6):focus a img {content:url(../img/main/ico_link06_on.svg);}
.mainLinkWrap ul li:nth-child(7):hover a img,
.mainLinkWrap ul li:nth-child(7):focus a img {content:url(../img/main/ico_link07_on.svg);}
.mainLinkWrap ul li:nth-child(8):hover a img,
.mainLinkWrap ul li:nth-child(8):focus a img {content:url(../img/main/ico_link08_on.svg);}
.mainLinkWrap #moreBtn {display:none; margin-top:1em; padding:.25em; cursor:pointer;}

@media (min-width:1025px) {
	.mainLinkWrap ul li {padding:0 0.675em;}
}
@media (max-width:1024px) {
	.mainLinkWrap:after {background-position-x: 5%;}
	.mainLinkWrap .inner {padding:4em 2em;}
	.mainLinkWrap ul li {width:25%; padding:0 0.5em;}
}
@media (max-width:768px) {
	.mainLinkWrap ul li {width:50%; padding:0 0.5em;}
}
@media (max-width:440px) {
	.mainLinkWrap ul li {width:100%; height:5.5em; padding:0;}
	.mainLinkWrap ul li * {display: inline-block !important; vertical-align: middle; text-align: left;}
	.mainLinkWrap ul li a {padding:1.25em 2em;}
	.mainLinkWrap ul li a img {height:3em;}
	.mainLinkWrap ul li a span {margin:0 0 0 1em;}
	.mainLinkWrap ul li.more-menu {display:none;}
	.mainLinkWrap #moreBtn {display:block; width:100%; height:3em; background:rgba(0,0,0,0.5); border-radius:.5em; color:#fff;}
}
/*******************************************
	section03
*******************************************/
.mainBoardWrap {background:url(../img/main/bg_sec03.svg) center no-repeat; background-size:cover;}
.mainBoardWrap .inner {padding:4em 2em;}
.mainBoardWrap .inner > div {position:relative;}
.mainBoardWrap .inner > div:before {content:'';position:absolute;bottom:-9.5em;left:-5em;width:300%;height:100%;background:#fff;border-radius:5em 0 0 0;box-shadow:-10px -10px 40px rgba(0, 0, 0, 0.03);z-index:-2;}

.mainBoardWrap .inner > div > .tit {position:relative; margin-bottom:3em;}
.mainBoardWrap .inner > div > .tit:after {content:''; position:absolute; bottom:-3em; width:13.65em; height:8.05em; background:url(../img/main/obj_chr.svg) center no-repeat; z-index:-1;}
.mainBoardWrap .inner > div > .tit strong {color:#EAFBFF;}
.mainBoardWrap .inner > div > .tit strong em {color:#FFB50B; font-size:1.304em; letter-spacing:-1.8px; margin-right:0.5em;}
.mainBoardWrap .inner > div > .tit p {color:rgba(255, 255, 255, 0.80); margin-top:0.5em;}

.mainBoard {display:block; position:relative; /*width:100%;*/ margin:0 auto;}
.mainBoard .control {display:block !important; height:4em; z-index:3; text-align:center;}
.mainBoard .control > * {display:inline-block; position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; height:4em; line-height:3.7em;}
.mainBoard .control .pager {width:auto; color:#777777; margin-right:1em;}
.mainBoard .control .pager > * {display:inline-block; position:relative; vertical-align:middle;}
.mainBoard .control button {width:8em; height:1.2em; overflow:hidden;}
.mainBoard .control button.prev {background:url(../img/main/btn_arrow_prev.svg) center no-repeat; border-right:1px solid #CCC;}
.mainBoard .control button.next {background:url(../img/main/btn_arrow_next.svg) center no-repeat;}
.mainBoard .control button.play,
.mainBoard .control button.stop {display:none;}
.mainBoard .control a {width:1.5em; height:1.5em; background:url(../img/main/btn_more.svg) center no-repeat; text-indent:-9999px;}
.mainBoard .control .swiper-button-disabled {opacity:0.5;}

.mainBoard .slider {display:block; position:relative; height:100%; /* margin-left: -29.75em !important;*/}
.mainBoard .slider .swiper-container {}
.mainBoard .slider .swiper-container,
.mainBoard .slider .swiper-wrapper,
.mainBoard .slider .swiper-slide {height:100%;}
.mainBoard .slider .swiper-slide > * {display:block;}
.mainBoard .slider .swiper-slide a {position: relative; border-radius:0.5em; overflow: hidden;}
.mainBoard .slider .swiper-slide img {width:100%; border-radius:0.5em; overflow:hidden;}
.mainBoard .slider .swiper-slide .tit {font-size:1.1em; font-weight:600; line-height:1.2; letter-spacing:-0.66px; color:#333; margin-bottom:1.1em; overflow:hidden; height:1.2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainBoard .slider .swiper-slide .sub {font-size:0.9em; font-weight:400; line-height:1.5; letter-spacing:-0.54px; color:#555; margin-bottom:2em; overflow:hidden; height:3em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainBoard .slider .swiper-slide .date {font-size:0.8em; font-family:'Montserrat', sans-serif; font-weight:400; line-height:1.4; color:#666;}
.mainBoard .slider .swiper-slide .date:before {content:''; display:inline-block; width:1em; height:1em; margin:0 0.5em 0.15em 0; background:url(../img/main/ico_time_g.svg) center no-repeat; vertical-align:middle;}

@media (min-width:1025px) {
	.mainBoardWrap .inner {padding:6em 0 4em 0;}
	.mainBoardWrap .inner > div > .tit:after {left:23.25em;}
	
	.mainBoard {height: 22.5em;}
	.mainBoard .control {position:absolute; right:0; top:-6em;}
	.mainBoard .slider {width:100%;}
	.mainBoard .slider {width:calc(100% + 8.5em);}
	.mainBoard .padding-added {padding-left:18.125em;}
	.mainBoard .slider .swiper-slide.swiper-slide-active {position:relative; border-radius:0.5em; overflow:hidden;}
	.mainBoard .slider .swiper-slide:not(.swiper-slide-active) img {margin-bottom: 1.7em}
	
	.mainBoard .slider .swiper-slide {width:18.5em;}
	.mainBoard .slider li {opacity:0.6;}
	.mainBoard .slider li.swiper-slide-active,
	.mainBoard .slider li.swiper-slide-active + li,
	.mainBoard .slider li.swiper-slide-active + li + li {opacity:1;}
	
	.mainBoard .slider .swiper-slide.swiper-slide-active .txt {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.70) 60%, rgba(0, 0, 0, 0.70) 86.21%); text-align:center; padding:3.5em 0;}
	.mainBoard .slider .swiper-slide.swiper-slide-active .txt * {color:#fff !important;}
	.mainBoard .slider .swiper-slide.swiper-slide-active .txt .tit {font-size:1.3em;}
	.mainBoard .slider .swiper-slide.swiper-slide-active .date:before {background:url(../img/main/ico_time_w.svg) center no-repeat;}
	.mainBoard .slider .swiper-slide.swiper-slide-active .date:after {content:''; position:absolute; left:50%; bottom:5.9em; display:block; width:1px; height:2.9em; background:rgba(255, 255, 255, 0.50);}
	.mainBoard .slider .swiper-slide.swiper-slide-active .txt:after {content:'자세히보기'; display:block; position:absolute; width:100%; bottom:3em; font-size:0.9em; text-align:center; color:#fff;}
	
	.mainBoard .slider .swiper-slide.swiper-slide-active:hover .txt,
	.mainBoard .slider .swiper-slide.swiper-slide-active:focus .txt {display:block;}
	.mainBoard .slider .swiper-slide.swiper-slide-active:hover .txt .sub,
	.mainBoard .slider .swiper-slide.swiper-slide-active:focus .txt .sub {display:none;}

	.mainBoard .slider .swiper-slide.swiper-slide-active {width:36.25em; height:19.15em; padding-left:0;}
	.mainBoard .slider .swiper-slide.swiper-slide-active a,
	.mainBoard .slider .swiper-slide.swiper-slide-active img {border-radius:1em;}
}
@media (max-width:1024px) {
	.mainBoardWrap .inner {padding:4em 2em;}
	.mainBoardWrap .inner > div:before {left:-1em; border-radius:3em 0 0 0;}
	.mainBoardWrap .inner > div > .tit:after {bottom:-3.25em; right:1em;}
	.mainBoard .control {position:absolute; left:calc(50% - 9em); bottom:0; width:18em; height:3em; background:rgba(0,0,0,0.5); border-radius:1em;}
	.mainBoard .control button {width:7em; height:3em; text-indent: -9999em;}
	.mainBoard .control a {width:3em; height:3em; text-indent: -9999em; border-left:1px solid #ccc;}
	
	.mainBoard .slider {padding-bottom:5em}
	.mainBoard .slider li img {margin-bottom:1em;}
}
@media (max-width:680px) {
	.mainBoardWrap .inner > div > .tit:after {display:none;}
}


/*******************************************
	section04
*******************************************/
.mainPhotoWrap {background:url(../img/main/bg_sec04.svg) center no-repeat; background-size:cover;}
.mainPhotoWrap .inner {padding:4em 2em;}
.mainPhotoWrap .inner > div {position:relative;}

.mainPhotoWrap .inner > div > .tit {position:relative; margin-bottom:3em;}
.mainPhotoWrap .inner > div > .tit strong {color:#0a3379;}
.mainPhotoWrap .inner > div > .tit p {color:#555; margin-top:0.5em;}

.mainPhoto {display:block; position:relative; /*width:100%;*/ margin:0 auto;}
.mainPhoto .control {display:block; height:4em; z-index:3; text-align:center;}
.mainPhoto .control > * {display:inline-block; position:relative; vertical-align:middle; bottom:auto; left:auto; right:auto; top:auto; height:4em; line-height:3.7em;}
.mainPhoto .control .pager {display:inline-block; width:auto; bottom:auto; white-space:nowrap; margin-right:1.5em;}
.mainPhoto .control .pager > * {display:inline-block; vertical-align:middle; font-size:.9em; color:#888; font-weight:600; font-family:'Montserrat';}
.mainPhoto .control .pager i {width:.75em; font-size:1em; height:1px; background:#888; margin:0 .5em;}
.mainPhoto .control .pager .swiper-pagination-current {color:#2C2A8B;}
.mainPhoto .control button {width:1.5em; height:1.1em; overflow:hidden;}
.mainPhoto .control button.prev {background:url(../img/main/btn_arrow_prev02.svg) center no-repeat;}
.mainPhoto .control button.next {background:url(../img/main/btn_arrow_next02.svg) center no-repeat;}
.mainPhoto .control button.play {background:url(../img/main/btn_arrow_play.svg) center no-repeat; display:none;}
.mainPhoto .control button.stop {background:url(../img/main/btn_arrow_pause.svg) center no-repeat;}
.mainPhoto .control a {width:1.5em; height:1.5em; background:url(../img/main/btn_more02.svg) center no-repeat; text-indent:-9999px;}
.mainPhoto .control .swiper-button-disabled {opacity:0.5;}

.mainPhoto .slider {display:block; position:relative; height:100%;}
.mainPhoto .slider .swiper-container,
.mainPhoto .slider .swiper-wrapper,
.mainPhoto .slider .swiper-slide {height:100%;}
.mainPhoto .slider .swiper-slide > * {display:block;}
.mainPhoto .slider .swiper-slide a {position: relative; border-radius:0.5em; overflow: hidden;}
.mainPhoto .slider .swiper-slide .thumb {width:100%; border-radius:0.5em; overflow:hidden;}
.mainPhoto .slider .swiper-slide .thumb img {width:100%; transition:0.2s;}
.mainPhoto .slider .swiper-slide a:hover .thumb img {transform:scale(1.1); -webkit-transform:scale(1.1);}

.mainPhoto .slider .swiper-slide .tit {font-size:1.1em; font-weight:600; line-height:1.2; letter-spacing:-0.66px; color:#333; margin:1.1em 0; overflow:hidden; height:1.2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainPhoto .slider .swiper-slide .date {font-size:0.8em; font-family:'Montserrat', sans-serif; font-weight:400; line-height:1.4; color:#666;}
.mainPhoto .slider .swiper-slide .date:before {content:''; display:inline-block; width:1em; height:1em; margin:0 0.5em 0.15em 0; background:url(../img/main/ico_time_g.svg) center no-repeat; vertical-align:middle;}

@media (min-width:1025px) {
	.mainPhotoWrap .inner {padding:6em 0 4em 0;}
	.mainPhotoWrap .inner > div > .tit:after {left:23.25em;}
	.mainPhoto .control {position:absolute; right:0; top:-6em;}
	.mainPhoto .slider {width:100%;}
	
	.mainPhoto .slider .swiper-slide {width:17.85em;}
	.mainPhoto .slider .swiper-slide .thumb,
	.mainPhoto .slider .swiper-slide .thumb img {height:11.75em;}
}

@media (max-width:1024px) {
	.mainPhotoWrap .inner {padding:4em 2em;}
	.mainPhotoWrap .inner > div:before {left:-1em; border-radius:3em 0 0 0;}
	.mainPhotoWrap .inner > div > .tit:after {bottom:-3.25em; right:1em;}
	.mainPhoto .control {position:absolute; left:calc(50% - 9em); bottom:0; width:18em; height:3em; background:rgba(0,0,0,0.5); border-radius:1em;}
	.mainPhoto .control button {width:7em; height:3em; text-indent: -9999em;}
	.mainPhoto .control a {width:3em; height:3em; text-indent: -9999em; border-left:1px solid #ccc; background:url(../img/main/btn_more.svg) center no-repeat;}
	
	.mainPhoto .control .pager,
	.mainPhoto .control button.play,
	.mainPhoto .control button.stop {display:none;}
	.mainPhoto .control button.prev {background:url(../img/main/btn_arrow_prev.svg) center no-repeat; border-right:1px solid #CCC;}
	.mainPhoto .control button.next {background:url(../img/main/btn_arrow_next.svg) center no-repeat;}
	
	.mainPhoto .slider {padding-bottom:5em}
	.mainPhoto .slider li img {margin-bottom:1em;}
}

@media (max-width:680px) {
	.mainPhotoWrap .inner > div > .tit:after {display:none;}
}