input {
	/*ios대응*/
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
select {
	/*ios대응*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*화살표 배경 넣기*/
	background: url('../img/select.svg') no-repeat 97% 50% rgba(255, 255, 255, 0);
	background-size: 11px;/*화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand {
 display:none; /* 화살표 없애기 for IE10, 11*/
}
.fixed {
	overflow: hidden
}
.inner {
	width: 1400px;
	max-width: 100%;
	position: relative;
	height: 100%;
	margin-left: auto;
	margin-right: auto
}
.fp-scroller, .swiper {
	height: 100%
}
.swiper-slide {
	position: relative;
	overflow: hidden
}
.bg-black {
	background: #000
}
.dots {
	width: auto !important;
}
.dots .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background-color: rgba(0, 0, 0, .2);
	margin-right: 6px;
	left: 0 !important;
	transform: scale(1) !important;
	opacity: 1;
	transition: .3s
}
.dots .swiper-pagination-bullet:last-child {
	margin-right: 0
}
.dots .swiper-pagination-bullet-active-main {
	width: 22px;
	height: 6px;
	background: #000;
	border-radius: 500px
}
.dots.white .swiper-pagination-bullet {
	background-color: rgba(255, 255, 255, .2);
}
.dots.white .swiper-pagination-bullet:last-child {
	margin-right: 0
}
.dots.white .swiper-pagination-bullet-active-main {
	background: #fff;
}
.vh100 {
	width: 100%;
	height: 100vh;
}
.vt-slide {
	overflow: hidden;
}
.indicator {
	position: fixed;
	right: 50px;
	top: 160px;
	/*top: 14.815vh;*/
	z-index: 99;
	display: none
}
.indicator li:not(:last-child) {
	margin-bottom: 35px;
}
.indicator li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.indicator li a:after {
	display: none
}
.indicator li i {
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	color: rgba(000, 000, 000, .2);
	transition: .3s
}
.indicator li i:hover {
	color: #000
}
.indicator li span {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin-left: 8px;
	display: none
}
.indicator li .line {
	width: 0;
	height: 1px;
	background-color: #000;
}
.indicator li.on i {
	color: #000
}
.indicator li.on span {
	display: block
}
.indicator li.on .line {
	width: 44px;
	transition: 1s;
	margin-left: 10px;
}
.indicator.white li.on i {
	color: #fff
}
.indicator.white li i {
	color: rgba(255, 255, 255, .2);
}
.indicator.white li i:hover {
	color: #fff
}
.indicator.white li span {
	color: #fff;
}
.indicator.white li .line {
	background-color: #fff;
}
.arws {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 10;
	pointer-events: none;
	display: none
}
.arws.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.arws .prev, .arws .next {
	cursor: pointer;
	pointer-events: auto;
	opacity: .2;
	transition: .3s
}
.arws .prev:hover, .arws .next:hover {
	opacity: 1;
}
.arws .prev {
	margin-left: 50px;
	opacity: 0
}
.arws .prev.show {
	opacity: .2
}
.arws .next {
	margin-right: 50px;
}
.arws:after {
	display: none
}
.zoom-img {
	width: 100%;
	height: 100%;
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.responsive-img img {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0)scale(1);
	-ms-transform: translate(-50%, 0)scale(1);
	transform: translate(-50%, 0)scale(1);
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-duration: 6s;
	-o-transition-duration: 6s;
	transition-duration: 6s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.zoomzoom .zoom-img img {
	-webkit-animation: main-visual 9s forwards;
	animation: main-visual 9s forwards;
}
 @-webkit-keyframes main-visual {
 from {
 -webkit-transform: translate(-50%, 0)scale(1);
 -ms-transform: translate(-50%, 0)scale(1);
 transform: translate(-50%, 0)scale(1);
}
to {
	-webkit-transform: translate(-50%, 0) scale(1.2);
	-ms-transform: translate(-50%, 0) scale(1.2);
	transform: translate(-50%, 0) scale(1.2);
}
}
 @keyframes main-visual {
 from {
 -webkit-transform: translate(-50%, 0)scale(1);
 -ms-transform: translate(-50%, 0)scale(1);
 transform: translate(-50%, 0)scale(1);
}
to {
	-webkit-transform: translate(-50%, 0) scale(1.2);
	-ms-transform: translate(-50%, 0) scale(1.2);
	transform: translate(-50%, 0) scale(1.2);
}
}
.horizontal-bg .responsive-img img {
	width: auto;
	height: 100%
}
.vertical-bg .responsive-img img {
	width: 100%;
	height: auto;
}
.visual-wrap .arws {
	/*display: none !important*/
}
.visual-wrap .visual01 {
	background-image: url(../../_images/main-visual01.jpg)
}
.visual-wrap .visual02 {
	background-image: url(../../_images/main-visual02.jpg)
}
.visual-wrap .abs {
	position: initial;
	left: auto;
	bottom: auto;
	width: 100%;
	height: 100%
}
.visual-wrap .abs .txt {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) !important;
	z-index: 999;
	width: 100%;
	transition: opacity .3s;
}
.visual-wrap .abs .txt h2 {
	line-height: 1.29;
	font-weight: 200;
	font-size: 50px;
	color: #fff;
	letter-spacing: 10.5px;
	position: relative;
	transform: translate3d(0, 100px, 0);
	transition-delay: .5s;
	opacity: 0;
}



@media all and (max-width:1100px) {
	.visual-wrap .abs .txt  {width: 40%;}
}

@media all and (max-width:980px) {
    .visual-wrap {height: auto !important}
}

@media all and (max-width:768px) {
	.visual-wrap .abs .txt  {width: 75%; top:75%; left: 30px; transform: translateY(-65%) !important;}
}


a.new-more {font-size: 18px; color: #fff; /*margin-left: 10px;*/ margin-top: 40px;  pointer-events: auto; cursor: pointer;  opacity: 0; transition: 1s; transition-delay: .3s; transform: translate3d(0, 100px, 0);}
a.new-more::after {width: 20px; height: 20px; background: url("../../_images/main/play-button.png") no-repeat center; background-size: 100%; content: ''; display: inline-block; margin-left: 10px; vertical-align: middle; opacity: 0.5; transition: .3s; margin-top: -2px}
a.new-more:hover::after {opacity: 1; margin-left: 15px; }


@media all and (max-width:980px ){
	a.new-more {font-size: 13px;}
	a.new-more::after {width: 16px; height: 16px; margin-left: 6px;}
}


.visual-wrap .txt h2:nth-child(2) {
	padding-left: 114px;
	transform: translate3d(0, 80px, 0);
	font-size: 80px;
}
.visual-wrap .txt h2 b {
	font-weight: bold
}
.visual-wrap .abs.active {
	transition-duration: 1s;
	transition-property: opacity, transform;
}
.visual-wrap .abs.active h2 {
	opacity: 1;
	transform: translateZ(0);
}

.abs.active a.new-more {
	opacity: 1;
	transform: translateZ(0);
}
.visual-wrap .abs.active h2:nth-child(1) {
	transition-delay: .1s
}
.visual-wrap .abs.active h2:nth-child(2) {
	transition-delay: .3s
}
.visual-wrap .scroll-ico {
	position: absolute;
	left: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.visual-wrap .scroll-ico i {
	position: relative;
	width: 2px;
	height: 130px;
	border-radius: 50% 50% 0 0;
	background: rgba(255, 255, 255, .3)
}
.visual-wrap .scroll-ico i:after {
	content: "";
	width: 2px;
	height: 60px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	animation: wheel 2s infinite;
	-webkit-animation: wheel 2.5s infinite;
}
.visual-wrap .scroll-ico p {
	font-size: 14px;
	font-weight: normal;
	color: rgba(255, 255, 255, .8);
	margin-left: 14px;
	margin-top: 4px;
	order: 2
}
 @keyframes wheel {
 to {
 opacity: 0;
 top: 120px;
}
}
 @-webkit-keyframes wheel {
 to {
 opacity: 0;
 top: 120px;
}
}
.event-sol {
	width: 100%
}
.event-sol .overlay-inner {
	background-color: #ffeff8;
	opacity: .8;
}
.overlay-inner {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1
}
.responsive-video {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	object-fit: cover;
}
.pc .responsive-video.horizontal-vid {
	width: 100%;
	height: auto
}
.pc .responsive-video.vertical-vid {
	width: auto;
	height: 100%
}
.mobile .responsive-video {
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}
.mobile .responsive-video.horizontal-vid {
	width: auto;
	height: 100%
}
.mobile .responsive-video.vertical-vid {
	width: 100%;
	height: auto
}
.bg-area {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;/*z-index: 1*/
}


.commTitle h2 {font-size: 45px; font-weight: 500; color: #fff; margin: 15px 0 90px 0; line-height: 1.1; }
.commTitle p {font-size: 23px; color: #717070; line-height: 1.55; }
.commTitle p.mid_title {color: #fff; font-size: 18px; position: relative; font-weight: 300;}
.commTitle p.mid_title span {position: relative; font-weight: 500;}
.commTitle p.mid_title span::after {display: block; width: 135px; height: 1px; background: #212121; position: absolute; top: 50%; right: -145px; content: '';}
.commTitle p .col-pink {color: #f4b4a8;}
.commTitle p .col-white {color: #fff;}

.col-black {color: #212121 !important; }
.png-black { -webkit-filter: opacity(.0.5) drop-shadow(0 0 0 black);
    filter: opacity(.5) drop-shadow(0 0 0 black);}
	
.commTitle a {margin-top: 70px; margin-left: 0}

@media all and (max-width:980px) {
	.commTitle h2 {font-size: 50px; line-height: 1.1; margin: 10px 0 20px 0}
	.commTitle p {font-size: 17px;}
	.commTitle p.mid_title {font-size: 14px;}
	.commTitle p.mid_title span::after  {width: 100px; right: -115px;}
}

@media all and (max-width:768px) {
	.commTitle h2 {font-size: 28px; margin-bottom:20px}
	.commTitle p {font-size: 14px;}
	.commTitle p.mid_title {font-size: 12px;}
	.commTitle p.mid_title span::after {width: 40px; right: -45px;}
	.commTitle a {margin-top: 30px;}
}


.rookie-swiper {}
.rookie-swiper .swiper-slide {background-color: #212121}
.rookie-swiper .swiper-slide .item_img {position: relative; width: 100%; height: 100vh;}
.rookie-swiper .swiper-slide .item_img img {position: absolute; top: 50%; left: 50%; transition: 0.3s; object-fit: cover; -webkit-transform: translate(-50%,-50%) scale(1.2); -ms-transform: translate(-50%,-50%) scale(1.2); transform: translate(-50%,-50%) scale(1.2); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; -webkit-transition-duration: 5s; -o-transition-duration: 5s; transition-duration: 5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 100%; height: 100%;}

.rookie-swiper .abs {position: initial; left: auto; bottom: auto; width: 100%; height: 100%;}
.rookie-swiper .abs .commTitle {position: absolute; left: 0; top: 50%; transform: translateY(-50%) !important; z-index: 999; width: 100%; transition: opacity .3s;}
.rookie-swiper .abs .commTitle h2 {opacity: 0; transition: 1s; transition-delay: .4s; transform: translate3d(0, 120px, 0);}
.rookie-swiper .abs .commTitle p {opacity: 0; transition: 1s; transition-delay: .5s; transform: translate3d(0, 140px, 0);}
.rookie-swiper .abs .commTitle p.mid_title { opacity: 0; transition: 1s; transition-delay: .3s; transform: translate3d(0, 120px, 0);}


.rookie-swiper .swiper-slide.swiper-slide-active .item_img img {-webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1);}
.rookie-swiper .swiper-slide.swiper-slide-active .abs .visual_text h2,
.rookie-swiper .swiper-slide.swiper-slide-active .abs .visual_text p,
.rookie-swiper .swiper-slide.swiper-slide-active .abs .visual_text p.mid_title {opacity: 1;transform: translateY(0);}


.rookie-controller__wrap {position: absolute; bottom: 17%; left: 0; z-index: 11;  z-index: 111111; pointer-events: auto; cursor: pointer; width: 100%; margin-left: -20px;}
.rookie-controller__wrap .inner {display: flex;  align-items: center; display: flex; justify-content: start;}
.rookie-controller__wrap .rookie-pagination {font-size: 14px; color: #212121; width: 200px;}
.rookie-controller__wrap .rookie-pagination span {font-size: 14px; color: #212121;padding: 0 10px;}
.rookie-controller__wrap .rookie-pagination span::before {content: '0';}
.rookie-controller__wrap .rookie-pagination span.swiper-pagination-current {color: #212121; font-size: 60px; font-weight: 500;}
.rookie-controller__wrap .rokkie-pagination {}
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet {position:relative; width:50px; height:10px; opacity:1; text-indent:-9999999px; background-color:transparent; color:#fff; transition:6s; font-size:11px;}
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet::before {position:absolute; top:0; left:0; width:100%; height:1px; background:rgba(255,255,255,0.3); transition:.5s; content:'';}
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet::after {position:absolute; top:-10px; left:0; width:0; height:1px; background:#fff; content:'';} 
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {transition:6s;}
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {top:-10px;}
.rookie-controller__wrap .rokkie-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {width:100%; transition:6s ease 1s;}

.rookie-controller__wrap .rookie-btns img {width: 20px; margin: 0 20px;}

@media all and (max-width:980px) {
	.rookie-swiper .abs .commTitle {transform: translateY(-110%) !important;}
	.rookie-swiper .inner {margin-left: 20px;}
	.rookie-controller__wrap {margin-left: -10px; bottom: auto; top: 53%}
	.rookie-controller__wrap .rookie-pagination{width: 110px;} 
	.rookie-controller__wrap .rookie-pagination span.swiper-pagination-current {font-size: 30px;}
	.rookie-controller__wrap .rookie-btns img {width: 15px; margin: 0 15px; }
}

@media all and (max-width:768px) {
	.rookie-controller__wrap .rookie-btns img {display:none}
}


.rookie-wrap .circle {
	position: absolute;
	bottom: 0;
	right: 60px;
	width: 1166px;
	width: 60.729vw;
}
.pc .rookie-wrap .circle {
	top: auto;
	bottom: 0
}
.mobile .rookie-wrap .circle {
	top: 0;
	bottom: auto
}
.rookie-wrap .cont {
	position: absolute;
}
.rookie-wrap .rookie01 .cont {
	top: 0;
	right: 180px;
	width: 1171px;
	width: 55.990vw
}
.rookie-wrap .rookie02 .cont {
	top: 0;
	right: 137px;
	width: 1171px;
	width: 55.990vw
}
.float-div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*pointer-events: none;*/
	z-index: 1;
}
.abs {
	position: absolute;
	left: 0;
	bottom: 16.667vh;
	width: 100%
}
.abs2 {
	position: absolute;
	left: 0;
	bottom: 20vh;
	width: 100%
}
.dots {
	margin-bottom: 30px
}
.abs .logo, .abs .txt h3, .abs .txt p, .abs .common-btns {
	position: relative;
	transform: translate3d(0, 100px, 0);
	opacity: .3;
}
.abs .txt h3, .abs .txt p {
	transition-delay: .2s
}
.abs .common-btns {
	transition-delay: .4s
}
.abs.active .logo, .abs.active .txt h2, .abs.active .txt h3, .abs.active .txt p, .abs.active .common-btns {
	opacity: 1;
	transform: translateZ(0);
	transition-duration: 1s;
	transition-property: opacity, transform;
}
.abs .logo img {
	display: block
}
.abs .logo img:first-child {
	height: 16px;
}
.abs .logo img:last-child {
	height: 15px;
	margin-top: 10px;
}
.abs .logo.ty2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.abs .logo.ty2 span {
	margin: 0 10px;
	width: 10px;
	;
}
.abs .logo.ty2 span img {
	margin: 0;
	width: 100%;
}
.abs .txt {
	margin-top: 20px;
}
.abs .txt h3 {
	font-size: 44px;
	font-weight: 600;
	color: #000;
	line-height: 1.41;
}
.abs .txt p {
	margin-top: 35px;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	line-height: 1.63;
}
.abs .txt h4 {
	font-weight: 600;
	margin-top: 32px;
	font-size: 18px;
}
.abs .txt h4 span {
	margin-left: 20px;
}
.abs .txt h4+p {
	margin-top: 12px;
}
.abs.white h3, .abs.white h4, .abs.white p {
	color: #fff;
}
.abs.white .common-btns li.line a {
	box-shadow: 0 0 0 1px #fff;
}
.abs.white .common-btns li:hover a {
	box-shadow: 0 0 0 3px #fff;
}
.abs.white .common-btns li span, .abs.white .common-btns li i {
	color: #fff
}
.abs.white .common-btns li.black a {
	background: #fff;
	box-shadow: 0 0 0 1px #fff;
}
.abs.white .common-btns li.black:hover a {
	box-shadow: 0 0 0 3px #fff;
}
.abs.white .common-btns li.black span, .abs.white .common-btns li.black i {
	color: #000
}
.led-wrap .cont {
	position: absolute;
}
.led-wrap .led01 {
	background-image: url(../../_images/main/slider1-2.jpg) !important;
}
.pure-wrap img {
	position: relative;
	z-index: 100;
	text-align: center
}
.pure-wrap .pure01 {
	background-image: url(../../_images/main/slider1-4.jpg)
}
.pure-wrap .pure02 {
	background-image: url(../../_images/main/slider1-5.jpg)
}
.pure-wrap .pure01 .cont {
	position: absolute;
	width: 1714px;
	width: 89.271vw;
	right: 44px;
}
.sub-wrap {
	width: 1500px;
	max-width: 100%;
	margin: 0 auto;
	/*margin-top:120px;
	margin-bottom: 180px*/
	overflow: hidden;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
	border-radius: 50%
}
.gallery-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.gallery-top:after {
	display: none
}
.gallery-top .left {
}
.gallery-top .left .txt {
}
.gallery-top .left .txt img {
	width: auto;
	height: 100%;
	display: block
}
.gallery-top .left .txt h2 {
	height: 40px
}
.gallery-top .left .txt h3 {
	margin-top: 25px;
	height: 15px;
	opacity: .5
}
.gallery-top .left .txt p {
	margin-top: 36px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.63;
	color: #555;
}
.gallery-top .right {
}
.gallery-top .right .common-btns {
}
.grid {
	width: 100%;
	/*transform: translateX(4px);*/
	margin-top: 40px;
}
.grid li {
	cursor: pointer;
	width: calc((100% - 24px) / 4);
	position: relative;
	overflow: hidden;
	/*margin-right: 0.571%;*/
	margin-bottom: 8px;
}
.grid li.width2 {
	width: calc((50.285% - 8px));
}
.gallery-cont.rookie .grid li:nth-child(3), .gallery-cont.rookie .grid li:nth-child(5), .gallery-cont.rookie .grid li:nth-child(9), .gallery-cont.rookie .grid li:nth-child(12), .gallery-cont.rookie .grid li:nth-child(15) {
/* margin-right: 0*/
}
.grid li img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform .3s
}
.grid li:hover img {
	transform: translate(-50%, -50%) scale(1.1)
}
.gallery-swiper .next, .gallery-swiper .prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 50px;
	height: 50px;
	font-size: 50px;
}
.gallery-swiper .next {
	right: 0
}
.gallery-swiper .prev {
	left: 0
}
.gallery-swiper .swiper {
	height: 74.074vh;
	max-width: 112.778vh;
	width: auto;
	overflow: hidden;
	margin: 0 auto
}
.gallery-swiper .swiper-slide {
	justify-content: center;
	flex-wrap: wrap;
	display: flex;
}
.gallery-swiper .swiper img {
	width: auto;
	height: 100%
}
.sub-tit h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: normal;
	text-align:center;
}
.sub-tit p {
	font-size: 16px;
	font-weight: 300;
	color: #555;
	line-height: 1.63;
	margin: 10px 0 30px 0;
	text-align:center;
}
.sub-tit p:first-child {
	margin-top: 0
}
.about-intro {
}
.about-intro .visual {
	padding-top: 116px;
	position: relative;
}
.about-intro .visual h3 {
	font-size: 60px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	line-height: normal
}
.about-intro .visual .bg {
}
.about-intro .visual .bg img {
	max-width: 100%;
}
.about-intro .txt {
	margin-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.about-intro .txt:after {
	display: none
}
.about-intro .txt li {
	width: 47.142%;
}
.about-intro .txt li h4 {
	font-size: 24px;
	font-weight: 500;
	color: #000;
	line-height: 1.5;
}
.about-intro .txt li p {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 300;
	color: #555;
	line-height: 1.63;
}
.about-intro .txt li p:first-child {
	margin-top: 0
}
.about-award .img {
	margin-top: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.about-award .img:after {
	display: none
}
.about-award .img li {
	width: 22.428%;
}
.about-award .img li img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}
.about-equipment {
}
.about-equipment .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(100% + 100px);
    margin-left: -50px;
    margin-top: -50px;
}
.about-equipment .list li {
	width: 25%;
	margin-top: 60px;
}
.about-equipment .list li img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}
.about-equipment .list li p {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	line-height: 1.63;
	margin-top: 20px;
	text-align:center
}
.br-line {
	margin-top: 120px;
	margin-bottom: 120px;
	width: 100%;
	height: 1px;
	background-color: #eee;
	display: block
}
.cs-wrap {
}
.cs-wrap .list {
	margin-top: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.cs-wrap .list li {
	width: 49%
}
.cs-wrap .list li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.cs-wrap .list li .ico {
	width: 70px;
	height: 70px;
	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;
	background-color: #f7f8fa;
	border-radius: 50%;
	margin-right: 26px;
}
.cs-wrap .list li .ico i {
	font-size: 32px;
	color: #000
}
.cs-wrap .list li span {
	line-height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.cs-wrap .list li span b {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	transition: .3s
}
.cs-wrap .list li a:hover span b {
	opacity: .5
}
.cs-wrap .list li span i {
	margin-left: 6px;
	font-size: 24px;
	color: #e5e5e5;
}
.cs-wrap .list li p {
	font-size: 16px;
	font-weight: 300;
	color: #555;
	line-height: normal;
	white-space: break-spaces;
	margin-top: 8px
}
/*.cs-wrap .list li p:last-child {
	margin-top: 8px
}*/
.cs-wrap .list li p br {
	display: none
}
.pc .pc {
	display: block
}
.pc .mo {
	display: none;
}
.mobile .pc {
	display: none;
}
.mobile .mo {
	display: block
}
.show-txt {
	display: block
}
 @media screen and (max-width: 1700px) {
.inner {
	margin-left: 20%;
	width: 80%
}
.visual-wrap .txt h2 {
	font-size: 60px;
}
.inner {
	margin-left: 12%;
}
.sub-wrap {
	padding: 0 50px;
}
.en .about-intro .txt li p br {
	display: none
}
}
 @media screen and (max-width: 1100px) {
.inner {
	/*margin-left: 15%;*/
}
.visual-wrap .inner {
	margin-left: 0;
	width: 100%
}
.visual-wrap .abs .txt h2 {
	font-size: 6.4vw;
	line-height: 1.5;
	letter-spacing: 3.6px;
}
.visual-wrap .txt h2:nth-child(2) {
	padding-left: 0;
}
.visual-wrap .scroll-ico {
	left: 50%;
	transform: translateX(-50%);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.visual-wrap .scroll-ico p {
	margin: 0 auto 8px;
	order: 1
}
.visual-wrap .scroll-ico i {
	order: 2
}
.rookie-wrap .circle {
	width: 75vh
}
.rookie-wrap .rookie02 .cont,  .rookie-wrap .rookie01 .cont {
	width: 70vh;
	right: 10vw;
}
.cs-wrap .list li .ico {
	width: 50px;
	height: 50px;
	margin-right: 14px;
}
.cs-wrap .list li .ico i {
	font-size: 24px;
}
.cs-wrap .list li span {
	line-height: 50px;
}
.cs-wrap .list li span b {
	font-size: 18px;
}
.cs-wrap .list li p {
	font-size: 14px;
	line-height: 1.57
}
.cs-wrap .list li p:last-child {
	margin-top: 0
}
.about-intro .txt li p br {
	display: none
}
}
 @media screen and (max-width: 900px) {
.pc.horizontal-bg .responsive-img img {
	width: 100%;
	height: 100%; object-fit: cover;
}
.pc.vertical-bg .responsive-img img {
	width: 100%;
	height: auto;
}
.mobile.horizontal-bg .responsive-img img {
	width: 100%;
	height: auto;
}
.mobile.vertical-bg .responsive-img img {
	width: auto;
	height: 100%;
}
.responsive-img img {
	top: 0;
	transform: translate(-50%, 0) scale(1);
}
.bg-area {
	background-position: top 20% center;
}
/*.rookie-wrap .rookie01 {
	background-image: url(../../_images/rookie01-bg-mo.jpg);
}
.rookie-wrap .rookie02 {
	background-image: url(../../_images/rookie02-bg-mo.jpg);
}
.rookie-wrap .rookie01 {
	background-image: url(../../_images/rookie01-bg-mo.jpg);
}
.rookie-wrap .rookie02 {
	background-image: url(../../_images/rookie02-bg-mo.jpg);
}*/
.rookie-wrap .rookie01 .cont {
	height: 58.005vh;
	right: 6.933vw;
	width: auto;
}
.rookie-wrap .rookie02 .cont {
	width: auto;
	height: 54.064vh;
	right: 4.533vw
}
.rookie-wrap .circle {
	height: 59.483vh;
	width: auto;
	bottom: auto;
	top: 4.926vw;
	right: 0;
}
.led-wrap .led01 .cont {
	width: 70vw;
}
.led-wrap .led01 {
	background-image: url(../../_images/led01-bg-mo.jpg);
}
.pure-wrap .pure01 {
	background-image: url(../../_images/pure01-bg-mo.jpg)
}
.pure-wrap .pure01 .cont {
	width: 500px;
	left: 0;
	max-width: 100%
}
.event-wrap .event01 {
	background-image: url(../../_images/event01-bg-mo.jpg)
}
.event-wrap .product01 {
	background-image: url(../../_images/product01-bg-mo.jpg)
}
	 

		
.cs-wrap .list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.cs-wrap .list li {
	width: 100%
}
.cs-wrap .list li:not(:first-child) {
	margin-top: 16px;
}
.about-intro .visual h3 {
	font-size: 45px;
}
.about-intro .visual {
	padding-top: 88px;
}
.about-intro .txt {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.about-intro .txt li {
	width: 100%
}
.about-intro .txt li:not(:first-child) {
	margin-top: 40px
}
.about-equipment .list li {
	width: 32%
}
.gallery-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.grid li {
	width: calc((100% - 8px) / 2);
}
.grid li.width2 {
	width: 100%
}
.arws .prev,  .arws .next {
	display: none
}
.inner {
	margin-left: 10.133vw;
}
.rookie-wrap .abs,  .led-wrap .abs,  .pure-wrap .abs,  .event-wrap .abs,  .product-wrap .abs {
	bottom: 12.315vh
}
}
 @media only screen and (max-width: 810px) {
.en .sub-tit p br {
	display: none
}
}
 @media only screen and (max-width: 750px) {
.sub-tit p br {
	display: none
}
}
 @media only screen and (max-width: 600px), only screen and (max-width: 900px) and (max-height: 600px) and (orientation:landscape) {
.arws {
	display: none !important
}
.visual-wrap .abs .txt h2 {
	font-size: 24px;
}
.bg-area {
	background-position: top;
}
.visual-wrap .scroll-ico p {
	font-size: 10px;
}
.visual-wrap .scroll-ico i {
	height: 60px;
}
.visual-wrap .scroll-ico i:after {
	height: 25px;
}
.indicator {
	right: 18px;
	top: 100px;
}
.indicator li.on span {
	display: none
}
.indicator li i {
	font-size: 12px
}
.indicator li.on i {
	color: #000
}
.indicator.white li.on i {
	color: #fff
}
.indicator li.on .line {
	width: 42px;
	margin-left: 8px;
}
.dots {
	margin-bottom: 2.956vh;
}
.dots .swiper-pagination-bullet-active-main {
	width: 20px
}
.dots .swiper-pagination-bullet {
	margin-right: 5px
}
.abs .logo img:first-child {
	height: 18px;
}
.abs .logo img:last-child {
	height: 12px;
	margin-top: 1.108vh;
}
.abs .txt h3 {
	font-size: 24px;
}
.rookie-wrap .circle {
	height: auto;
	width: 500px;
	bottom: 0;
	top: auto
}
.rookie-wrap .rookie01 .cont,  .rookie-wrap .rookie02 .cont {
	height: 80vh;
	right: 6.933vw;
	width: auto;
}
.led-wrap .led01 .cont {
	width: 94.4vw;
}
.pure-wrap .pure01 .cont {
	width: 100vw;
	left: 0;
	transform: none;
}
.abs .txt {
	margin-top: 2.463vw;
}
.abs .txt p {
	margin-top: 3.079vh;
	font-size: 13px;
	line-height: 1.57;
	letter-spacing: -.4px;
}
.sub-wrap {
	/*margin-top:30px;
	margin-bottom: 150px;*/
	padding: 0 18px;
}
.gallery-top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.gallery-top .left,  .gallery-top .right {
	width: 100%
}
.gallery-cont.rookie .gallery-top .left .txt h2 {
	height: auto;
	width: 320px;
	max-width: 100%;
}
.gallery-cont.led .gallery-top .left .txt h2 {
	height: auto;
	width: 269px;
	max-width: 100%;
}
.gallery-cont.pure .gallery-top .left .txt h2 {
	height: auto;
	width: 289px;
	max-width: 100%;
}
.gallery-top .left .txt h3 {
	width: 74.041%;
	max-width: 251px;
	height: auto;
	margin-top: 16px
}
.gallery-top .left .txt img {
	width: 100%;
	height: auto
}
.gallery-top .left .txt p {
	margin-top: 24px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
}
.gallery-top .left .txt p br {
	display: none
}
.gallery-top .right .common-btns {
	margin-top: 30px;
}
.grid li {
	width: calc((100% - 24px) / 4);
}
.grid li.width2 {
	width: calc((50.285% - 8px));
}
.br-line {
	margin-top: 60px;
	margin-bottom: 60px;
}
.about-intro .visual h3 {
	font-size: 30px;
	line-height: 1.33
}
.about-intro .visual {
	padding-top: 59px;
}
.about-intro .txt {
	margin-top: 40px
}
.about-intro .txt li h4 {
	font-size: 18px;
	line-height: 1.44
}
.about-intro .txt li p {
	font-size: 16px;
	line-height: 1.57
}

.sub-tit p br {
	display: none
}
.about-award .img {
	margin-top: 0
}
.about-award .img li {
	width: 22.428%
}
.about-award .img li {
	margin-top: 40px
}
.about-equipment .list li {
	width: 22.428%;
}
.about-equipment .list li p {
	font-size: 14px;
	line-height: 1.57;
	margin-top: 16px;
}
.about-equipment .list li {
	margin-top: 40px
}
.cs-wrap .list li p br {
	display: block
}
.cs-wrap .list {
	margin-top: 40px;
}
.cs-wrap .list li p {
	white-space: normal;
}
}
 @media only screen and (max-width: 600px)and (orientation:portrait) {
.abs .txt h3 {
	font-size: 30px;
}
.grid li {
	width: calc((100% - 8px) / 2);
}
.grid li.width2 {
	width: 100%
}
.about-award .img li {
	width: 48.377%
}
.about-equipment .list li {
	width: 48.377%;
}
.rookie-wrap .rookie01 .cont {
	height: 58.005vh;
	right: 6.933vw;
}
.rookie-wrap .rookie02 .cont {
	width: auto;
	height: 54.064vh;
	right: 4.533vw;
}
.rookie-wrap .circle {
	bottom: auto;
	top: 0
}
}
 @media screen and (max-width : 330px) {
.about-intro .visual h3 {
	font-size: 28px;
}
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.vt-slide {
	position: relative
}
.abs {
	display: block !important
}
.abs .logo,  .abs .txt h3,  .abs .txt p,  .abs .common-btns {
	opacity: 1;
	transform: translateZ(0);
	transition-duration: 1s;
	transition-property: opacity, transform;
}
}
.wrapper {
	overflow: hidden;
	margin: 180px auto;
	max-width: 1400px;
	width: 100%;
}

.wrapper#event {
	position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; margin: 0;
}


.title-box-st1 {/*padding-top:180px;*/
	text-align: center;
	margin-bottom: 60px;
}
.title-box-st1 .tt {
	font-size: 60px;
	color: #000; font-weight: 700;
}
	 @media all and (max-width:1400px){
		 .wrapper#event {padding: 0 50px;}
	 }

	 @media all and (max-width:980px){
		 .title-box-st1 {margin-bottom:20px;}
		 .wrapper#event {padding: 0 20px;}
	 }

.title-box-st1 .tt span {
	color: #0d2e59;
}
.title-box-st1 .tx {
	padding-top: 10px;
	font-size: 18px;
	font-weight: 300;
	color: #777;
}
.tbl-c {
	display: table-cell;
	vertical-align: middle;
}
.main-solution {
	position: relative;
	max-width: 1536px;
	padding: 0 78px;
	margin: 60px auto 0;
	z-index: 9
}
.main-cont1 .swiper-container {
	max-width: 1300px;
	margin: 0 auto;
}
.main-sol-sd {
}
.main-sol-sd-item {
	position: relative;
	padding-bottom: 16%;
}
.main-sol-sd-img  {
    overflow: hidden;
    height: 210px;
}
.main-sol-sd-img img {
	width: 100%;
	height: auto;
}
.main-sol-sd-tx {
	display: table;
	position: relative;
	bottom: 18%;
	left: 0;
	width: 100%;
	height: 155px;
	padding: 0;
	text-align: center;
	background: #fff;
	transform: translate(0, 0);
	transition: transform .5s ease, box-shadow .5s ease;
	border:1px solid #f3f3f3;
}
.main-sol-sd-item:hover .main-sol-sd-tx {
	transform: translate(0, -30px);
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}
.main-mobile .main-sol-sd-item:hover .main-sol-sd-tx {
	transform: translate(0, 0);
}
.swiper-slide-active .main-sol-sd-tx {
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}
.main-sol-sd-tx .tt {
	font-size: 20px;
	color: #222;
	font-weight: 700;
}
.main-sol-sd-tx .tx {
	display: -webkit-box;
	width: 100%;
	height: 4.5em;
	overflow: hidden;
	margin-top: 10px;
	font-size: 16px;
	color: #888;
	font-weight: 300;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	padding:0px 20px; 
	line-height:1.5;

	
}
.main-sol-sd-tx .btn-go {
	position: absolute;
	left: 50%;
	bottom: -23px;
	width: 46px;
	height: 46px;
	opacity: 0;
	visibility: hidden;
	text-indent: -9999px;
	border-radius: 50%;
	background: #333;
	transform: translate(-50%, 0);
	transition: opacity .8s ease, visibility .8s ease;

}
.main-sol-sd-item:hover .btn-go {
	opacity: 1;
	visibility: visible;
}
.swiper-slide-active .btn-go {
	display: block;
	opacity: 1;
	visibility: visible;
}
.main-sol-sd-tx .btn-go::before, .main-sol-sd-tx .btn-go::after {
	content: '';
	position: absolute;
	top: 50%;
}
.main-sol-sd-tx .btn-go::before {
	left: 50%;
	width: 16px;
	height: 2px;
	background: #fff;
	transform: translate(-50%, -50%);
}
.main-sol-sd-tx .btn-go::after {
	left: 50%;
	width: 5px;
	height: 5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}
.main-cont1 .swiper-scrollbar {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #d7d7d7;
}
.main-cont1 .swiper-scrollbar-drag {
	top: -1.5px;
	height: 3px;
	background: #0d2e59;
}
.main-cont1 .swiper-button-prev, .main-cont1 .swiper-button-next {
	position: absolute;
	top: 50%;
	width: 58px;
	height: 58px;
	margin-top: 0;
	border: 1px solid #c4c4c4;
	z-index: 10;
	transform: translate(0, -50%);
}
.main-cont1 .swiper-button-prev::after, .main-cont1 .swiper-button-next::after {
	display: block;
	width: 11px;
	height: 11px;
	font-size: 0;
	border-right: 2px solid #828282;
	border-bottom: 2px solid #828282;
}
.main-cont1 .swiper-button-prev::after {
	margin-right: -6px;
	transform: rotate(135deg);
}
.main-cont1 .swiper-button-next::after {
	margin-left: -6px;
	transform: rotate(-45deg);
}
.main-cont1 .swiper-button-prev:hover, .main-cont1 .swiper-button-next:hover {
	background: #c4c4c4;
}
.main-cont1 .swiper-button-prev:hover::after, .main-cont1 .swiper-button-next:hover::after {
	border-color: #fff;
}
.main-cont1 .swiper-button-prev {
	left: 0;
}
.main-cont1 .swiper-button-next {
	right: 0;
}
 @media (max-width:1280px) {
.main-solution {
	padding: 0 65px;
}
.main-sol-sd-tx {
	padding: 20px 10px 35px;
}
.main-cont1 .swiper-button-prev, .main-cont1 .swiper-button-next {
	width: 45px;
	height: 45px;
}
.main-cont1 .swiper-button-prev::after, .main-cont1 .swiper-button-next::after {
	width: 9px;
	height: 9px;
}
.main-cont1 .swiper-button-prev::after {
	margin-right: -4.5px;
}
.main-cont1 .swiper-button-next::after {
	margin-left: -4.5px;
}
}
 @media (max-width:1024px) {
.main-sol-sd-item {
	padding-bottom: 20%;
}
}
@media (max-width:970px) {
.wrapper {
	overflow: hidden;
	margin: 80px auto;
}
.main-solution {
	padding: 0;
}
.main-cont1 .swiper-container {
	padding: 0 20px;
}
.main-sol-sd-tx .tt {
	font-size: 16px;
}
.main-sol-sd-tx .tx {
	font-size: 14px;
	height: auto;
}
.main-cont1 .swiper-scrollbar {
	left: 20px;
	width: calc(100% - 40px);
}
.main-cont1 .swiper-button-prev, .main-cont1 .swiper-button-next {
	display: none;
}
.main-sol-sd-tx .btn-go {
	display: none
}
}
@media (max-width:768px) {
.main-sol-sd-tx {
	padding: 20px 10px 35px;
}
.main-ct-list-wrap {
	width: 100%;
}
}
 @media (max-width: 640px) {
.title-box-st1 .tt, .title-box-st2 .tt {
	font-size: 28px;
	line-height: 1.5em;
}
.main-cont1 .swiper-container {
}
.main-sol-sd {
	padding-bottom: 60px;
}
.main-sol-sd-item {
	padding: 0;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
}
.main-sol-sd-item:hover .main-sol-sd-tx {
	transform: none;
}
.main-mobile .main-sol-sd-item:hover .main-sol-sd-tx {
	transform: none;
}
.main-sol-sd-tx {
	position: relative;
	bottom: 50px;
	left: 50%;
	width: 90%;
	height: 100px;
	max-width: none;
	padding: 0;
	transform: translateX(-50%);
	box-shadow: none;
}
	 .main-sol-sd-item:hover .main-sol-sd-tx {
	transform: translate(-50%,0);
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}
.main-mobile .main-sol-sd-item:hover .main-sol-sd-tx {
	transform: translate(-50%,0);
}
.main-sol-sd-tx .btn-go {
	width: 40px;
	height: 40px;
}
.main-cont1::before {
	display: none;
}
     
	 .title-box-st1 .tx {padding-top: 0; font-size: 14px;}
     
.main-cont1 .main-solution::after {
	display: none;
}
}


#banner_links {background: url('/_images/main/main_sec3-bg.jpg') no-repeat center; background-size:cover;}
#banner_links .swiper-wrapper { flex-direction: unset !important; }
#banner_links .swiper-wrapper .swiper-slide {display: flex; flex-wrap: wrap; align-items: center;}
#banner_links .banners_wrap {/*display: flex; flex-wrap: wrap; justify-content: space-between;*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
#banner_links .banners_wrap .banner {position: relative; overflow: hidden; width: 100%; opacity: 0; transition-duration: 1s; transform: translateY(50px); max-height: 230px; margin: 15px 0; border-radius: 10px;}
#banner_links .banners_wrap .banner a {display: block; width: 100%; height: 100%;}
#banner_links .banners_wrap .banner .img-bg {position: relative; width: 100%; overflow: hidden;}
#banner_links .banners_wrap .banner .img-bg img {object-fit: cover; width: 100%; height: 100%; transition: .3s;}
#banner_links .banners_wrap .banner .text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#banner_links .banners_wrap .banner .text button {display: none; border-radius: 50px; border: 1px solid #fff; padding: 10px 20px; color: #fff; background-color: transparent; font-size: 12px; margin-top: 15px;}

#banner_links .banners_wrap .banner .text p {text-align: center; font-size: 32px; font-weight: 700; color: #fff; margin: 5px 0}
#banner_links .banners_wrap .banner .text p span {font-size: 14px; font-weight: 300; opacity:.8}
#banner_links .banners_wrap .banner:hover .img-bg img {transform: scale(1.1,1.1);}

.banner_slider-pagination {width: 100%; text-align: center; margin-top: 20px;}

#banner_links.active .banners_wrap .banner {
    transition-duration: 1s;
	transition-property: opacity, transform;
	opacity: 1;
	transform: translateY(0);
}
#banner_links.active .banners_wrap .banner.top {
	transition-delay: .1s
}
#banner_links.active .banners_wrap .banner.bottom {
	transition-delay: .3s
}

.banner_slider-btns {display: none;position: absolute; top: 50%; margin-top: -40px; width: 40px; height: 40px; background-color: #fff; border-radius: 100%; background-size: 60%; background-position: center; background-repeat: no-repeat; z-index: 1; cursor: pointer; transition: 0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
#banner_slider-next {right: 10px; background-image: url('/img/arrow-next-b.svg');}
#banner_slider-next:hover {right: 5px; }
#banner_slider-prev {left: 10px; background-image: url('/img/arrow-prev-b.svg');}
#banner_slider-prev:hover {left: 5px;  }

@media all and (max-width:980px) {
	#banner_links .swiper-wrapper .swiper-slide { margin-top: 20px !important;  height:100%;}
    .banner_slider-btns  {display: block;}
}

@media all and (max-width:640px) {
	#banner_links .inner {padding: 0 !important; margin: 0 !important; width: 100%;}
	#banner_links .swiper-wrapper .swiper-slide {margin-top: 0 !important; padding: 45px 30px 100px 30px; box-sizing: border-box;}
	#banner_links .banners_wrap  {position: relative; top: auto; left: auto; transform: translate(0,0); height: 100vh}
	#banner_links .banners_wrap .banner { background-repeat:  no-repeat; background-position:  center; background-size: cover; height: 28%; margin: 0;}
	#banner_links .banners_wrap .banner .img-bg {display: none;}
	#banner_links .banners_wrap .banner .text {width: 100%; ;left: 0; transform: translate(0,-50%); box-sizing: border-box; padding: 0 25px;}
	#banner_links .banners_wrap .banner .text p { font-size: 25px;}
	#banner_links .banners_wrap .banner .text button {display: none;}
	#banner_links .banners_wrap .banner#bn1 {background-image: url(/_images/main/banner_bg1.jpg);}
	#banner_links .banners_wrap .banner#bn2 {background-image: url(/_images/main/banner_bg2.jpg);}
	#banner_links .banners_wrap .banner#bn3 {background-image: url(/_images/main/banner_bg3.jpg);}
	#banner_links .banners_wrap .banner#bn4 {background-image: url(/_images/main/banner_bg4.jpg);}
	#banner_links .banners_wrap .banner#bn5 {background-image: url(/_images/main/banner_bg5.jpg);}
	#banner_links .banners_wrap .banner#bn6 {background-image: url(/_images/main/banner_bg6.jpg);}
	
	.banner_slider-pagination {position: absolute; bottom: 70px !important; left: 0; z-index: 9999;}
	.swiper-pagination-bullet-active {background: #fff !important;}
	
}



.mainSec07 { position:relative; height: 100vh;}
.mainSec07:before{ content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #f4b4a8}
.mainSec07 .innerBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display:flex; z-index:1; width: 1500px; margin: 0 auto;}
.mainSec07 h2 { margin-bottom:60px; font-size:60px; color:#212121; line-height:1; font-weight: 700; letter-spacing: -1px;} 
.mainSec07 .btnSubmit { display:flex; position:relative; width:100%; height:80px; padding:0 60px; margin-top:45px; background:#181d62; align-items: center; color:#fff; font-weight:bold; font-size:16px; color:#ffffff;}
.mainSec07 .btnSubmit:after { content:''; display:block; position:absolute; top:50%; right:60px; width:41px; height:16px; background:url('/_images/main/img_arrow2_w.png') no-repeat center center / 100%; transform: translateY(-50%); transition: all .3s ease;}
.mainSec07 .btnSubmit.line { color:#111; border:1px solid #fff; background:none;}
.mainSec07 .btnSubmit.line:after { background:url('/_images/main/img_arrow2.png') no-repeat center center / 100%; transform: translateY(-50%);}
.mainSec07 .left { flex:1 1 auto; width:50%; padding:130px 90px 150px 0;}
.mainSec07 .left .wrap_controllers {display: none !important;}
.mainSec07 .right { flex:1 1 auto; width:50%; padding:130px 0px 150px 90px;; background: #f4b4a8;}

.mainSec07 .right .text { margin-bottom:125px; font-size:18px; color:#fff;}
.mainSec07 .right dl {padding: 30px 0; border-top: 1px solid #fff;}
.mainSec07 .right dl:first-of-type {border-top: 0;}
.mainSec07 .right dl dt {font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 20px;}
.mainSec07 .right dl dd {color:#fff;}
.mainSec07 .right dl dd strong {font-size: 45px;}
.mainSec07 .right dl dd ul {}
.mainSec07 .right dl dd ul li {font-size: 20px; color: #fff; position: relative; padding-left: 100px; margin: 20px 0}
.mainSec07 .right dl dd ul li span {font-weight: 600; position: absolute; top: 0; left: 0;}



@media all and (max-width:1500px){
	.mainSec07 .innerBox {width: 100%}
}

@media all and (max-width:1200px){
	.mainSec07 .innerBox {display: block; position: relative; top: auto; left: auto; transform: translate(0, 0); height: 100%;}
	.mainSec07 .right, .mainSec07 .left {width: 100%}
	.mainSec07:before  {display: none;}
	.mainSec07 .left  {padding: 0; height: 100%;}
	.mainSec07 h2 {display: none;}
	.formBox {height: 100%;}
	.root_daum_roughmap, .root_daum_roughmap .wrap_map {/*height: 100% !important;*/}
	.mainSec07 .right {padding: 50px; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); z-index: 1;}
	.mainSec07 .right dl {padding: 25px 0;}
	.mainSec07 .right dl dt {font-size: 18px;}
	.mainSec07 .right dl dd ul li {font-size: 14px;}
	.mainSec07 .right dl dd strong {font-size: 25px;}
	
}
@media all and (max-width:980px){
    .section-location {height: auto !important}
	.mainSec07 {height: auto!important}
	.mainSec07 .left {height: auto;}
	.mainSec07 .right {padding: 20px; width: 100%; height: auto; position: relative; bottom: auto; left: auto; transform: none;}
	.mainSec07 .right dl {padding: 5px 0; position: relative; box-sizing: border-box; padding-left: 60px; border: none;}
	.mainSec07 .right dl dt {font-size: 14px; margin-bottom: 0; position: absolute; top: 5px; left: 0;}
	.mainSec07 .right dl:last-of-type dt {top: 15px;}
	.mainSec07 .right dl dd ul li {font-size: 14px; margin: 10px 0; padding-left: 60px;}
	.mainSec07 .right dl dd strong {font-size: 18px;}
	.mainSec07 .right dl:first-of-type  {padding-left: 0;}
	.mainSec07 .right dl:first-of-type dt {position: relative; left:auto; top: auto; display: none;}
	
}





html:not(.mobile) .mainSec07 .btnSubmit:hover:after { right:40px;}
html:not(.mobile) .mainSec01 .btnArrow:hover,
html:not(.mobile) .mainSec02 .btnArrow:hover,
html:not(.mobile) .mainSec03 .btnArrow:hover,
html:not(.mobile) .mainSec05 .btnArrow:hover { width:150px;}

/* form */
.formBox { display:flex; align-items: center;}
.formBox + .formBox { margin-top:20px;}
.formBox .tit { padding-left:10px; font-size:16px; color:#111111; font-weight:bold;}
.formBox .tit span { color:#181d62;}
.formBox > * + * { margin-left:30px;}


.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}


#quick_banner__wrap {position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); max-width: 1400px; width: 100%; box-sizing: border-box; z-index: 2;}
#quick_banner {border-radius: 30px ; box-sizing:border-box; padding: 30px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; background:rgba(0,0,0,.4); min-height: 150px; vertical-align: middle;  width: 100%; }
#quick_banner .box_wrap {}
#quick_banner .box {width: 100%; box-sizing: border-box;  padding: 0 50px;}
#quick_banner .box dl {}
#quick_banner .box dl dt {font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 15px;}
#quick_banner .box dl dd {font-size: 33px; font-weight: 700; color: #fff;}
#quick_banner .box dl dd span {font-size: 20px; font-weight: 500 !important;}

#quick_banner .box_wrap#time__wrap {width: 55%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
#quick_banner .box_wrap#time__wrap .box { width: 50%; border-right: 1px solid rgba(255,255,255,0.5);}
#quick_banner .box_wrap#time__wrap .box p {font-size: 15px; padding-top: 10px; font-weight: 400;}


#quick_banner .box_wrap#ico__wrap {width: 45%;}
#quick_banner .box_wrap#ico__wrap .box {display: flex; flex-wrap:wrap; justify-content: center;}
#quick_banner .box_wrap#ico__wrap a {font-size: 15px; color: #fff; text-align: center; width: 25%; font-weight: 400; margin-top: -5px;}
#quick_banner .box_wrap#ico__wrap a::before {display: block; width: 50px; height: 50px; background-size: 100%; background-repeat: no-repeat; background-position: center; content: ''; margin: 0 auto 10px auto;}
/*#quick_banner .box_wrap#ico__wrap a:nth-of-type(1)::before {background-image: url("../../../img/ico_quick1.svg");} 카카오*/
#quick_banner .box_wrap#ico__wrap a:nth-of-type(1)::before {background-image: url("../img/icon_line_line.png");width: 37px}
#quick_banner .box_wrap#ico__wrap a:nth-of-type(2)::before {background-image: url("../../../img/ico_quick2.png"); width: 35px}
#quick_banner .box_wrap#ico__wrap a:nth-of-type(3)::before {background-image: url("../../../img/ico_quick4.svg");}
#quick_banner .box_wrap#ico__wrap a:nth-of-type(4)::before {background-image: url("../../../img/ico_quick3.svg");}

@media all and (max-width:1400px) {
	#quick_banner__wrap {padding-left: 70px; padding-right: 70px;}
	#quick_banner .box {padding: 0 40px;}
	#quick_banner .box dl dd {font-size: 27px;}
}

@media all and (max-width:1200px) {
	#quick_banner__wrap {padding-left: 50px; padding-right: 50px;}
	#quick_banner .box {padding: 0 30px;}
	#quick_banner .box dl dd {font-size: 23px;}
	#quick_banner .box dl dd span {font-size: 16px;}
}

@media all and (max-width:980px) {
	#quick_banner__wrap {position: relative; padding-left: 0; padding-right: 0; bottom: auto; left: auto; transform:none;}
	#quick_banner {border-radius: 0; height: auto; background: #fff;}
	#quick_banner .box  {border-right: 0;}
	#quick_banner .box + .box {margin-top: 20px;}
	#quick_banner .box dl dt {margin-bottom: 5px; font-size: 14px; color: #212121;}
	#quick_banner .box dl dd {font-size: 21px; color: #212121}
	#quick_banner .box dl dd span {font-size: 14px;}
	
	#quick_banner .box_wrap#time__wrap {width: 50%; border-right: 1px solid rgba(0,0,0,0.5);}
	#quick_banner .box_wrap#time__wrap .box { width: 100%; border: 0;}
	#quick_banner .box_wrap#time__wrap .box p {font-size: 13px; background: #f2f2f2; border-radius: 3px; padding: 5px 10px; line-height: 1; display: inline-block; margin-top: 5px}
	#quick_banner .box_wrap#ico__wrap {width: 50%;}
	
	#quick_banner .box_wrap#ico__wrap a {color: #212121;}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(1)::before {background-image: url("../../_images/icon_line_line_b.png");width: 27px}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(2)::before {background-image: url("../../../img/ico_quick2-b.png");}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(3)::before {background-image: url("../../../img/ico_quick4-b.svg");}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(4)::before {background-image: url("../../../img/ico_quick4-b.svg");}

}

@media all and (max-width:768px) {
	#quick_banner {padding: 0}
    #quick_banner .box_wrap {width: 100% !important;}
    #quick_banner .box + .box {margin-top: 15px;}
    #quick_banner .box {padding: 0 25px;}
    #quick_banner .box_wrap#time__wrap {padding: 20px 0; border-right: 0;}
    #quick_banner .box_wrap#ico__wrap {border-top: 1px dotted rgba(0,0,0,0.2); padding-top: 20px;}
    #quick_banner .box_wrap#ico__wrap .box {padding-left: 0; padding-right: 0;}
	#quick_banner .box_wrap#ico__wrap a {font-size: 13px;}
	#quick_banner .box_wrap#ico__wrap a::before {width: 40px; height: 30px; margin-bottom: 5px; }
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(1) {margin-bottom: 20px;}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(2) {margin-bottom: 20px;}
	#quick_banner .box_wrap#ico__wrap a:nth-of-type(2)::before {width: 27px;}
}




.hera-interior {}
.hera-interior .interior_pic {position: relative; width: 100%; height: 100vh;}
.hera-interior .interior_pic img {position: absolute; top: 50%; left: 50%; transition: 0.3s; object-fit: cover; -webkit-transform: translate(-50%,-50%) scale(1.4);
	-ms-transform: translate(-50%,-50%) scale(1.2);
	transform: translate(-50%,-50%) scale(1.2);
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-duration: 5s;
	-o-transition-duration: 5s;
	transition-duration: 5s;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%; width: 100%; height: 100%;}

.hera-interior .commTitle {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; transition: opacity .3s;}
.hera-interior .commTitle .align-r {display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 100px; padding-right: 100px; box-sizing: border-box;}
.hera-interior .commTitle .align-r p {color: #fff;}
.hera-interior .commTitle h2 {opacity: 0; transition: 1s; transition-delay: .4s; transform: translate3d(0, 120px, 0);}
.hera-interior .commTitle p {opacity: 0; transition: 1s; transition-delay: .5s; transform: translate3d(0, 140px, 0);}
.hera-interior .commTitle p.mid_title { opacity: 0; transition: 1s; transition-delay: .3s; transform: translate3d(0, 120px, 0);}


.hera-interior.active .interior_pic img {-webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1);}

.hera-interior.active .commTitle h2,
.hera-interior.active .commTitle p,
.hera-interior.active .commTitle p.mid_title { opacity: 1; transform: translateY(0);}
.hera-interior.active a.new-more {opacity: 1;transform: translateZ(0);}

@media all and (max-width:980px) {
	.hera-interior .commTitle .align-r {justify-content: flex-start; margin-top: 50px; padding-right: 0;}
}


.hera-special {}
/*.hera-special .commTitle * {text-align: center}*/
.hera-special .commTitle h2 {font-weight: 300;}
.hera-special .commTitle h2 strong {font-weight: 500;}
.hera-special .commTitle p.mid_title span::after {display: none;}

.hera-special .commTitle .btns__wrap {display:flex; flex-wrap: wrap; justify-content: left;}
.hera-special .commTitle .btns__wrap a {border-radius: 50px; border:1px solid #fff; text-align: center; font-size: 16px; color: #fff; width: 195px; height: 50px; box-sizing: border-box; margin: 0 5px; display: block; transition: .3s;}
.hera-special .commTitle .btns__wrap a span {line-height: 50px;}
.hera-special .commTitle .btns__wrap a span::after {width: 20px; height: 20px; background: url("../../_images/main/play-button.png") no-repeat center; background-size: 100%; content: ''; display: inline-block; margin-left: 10px; vertical-align: middle; opacity: 0.5; transition: .3s; margin-top: -2px}
.hera-special .commTitle .btns__wrap a:hover {background: #f4b4a8; border-color:#f4b4a8;}
.hera-special .commTitle .btns__wrap a:hover span::after {opacity: 1;}

@media all and (max-width:980px) {
	.commTitle h2 {font-size: 30px;}
	.hera-special .commTitle .btns__wrap a {font-size: 14px;width:40%; height: 40px; margin: 5px}
	.hera-special .commTitle .btns__wrap a span {line-height: 40px;}
	.hera-special .commTitle .btns__wrap a span::after {width: 15px; height: 15px; margin-left: 7px;}
}



/*가격팝업*/
#clinic_info_pop {position: fixed; top: 0; right: 0; width: 790px; height: 100vh; z-index: 999999; background: #fff; overflow-y: scroll; display: none}
#clinic_info_pop::-webkit-scrollbar {width: 10px;}
#clinic_info_pop::-webkit-scrollbar-thumb {background-color: #a1a1a1; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
#clinic_info_pop::-webkit-scrollbar-track {background-color:transparent; border-radius: 30px; height: 90%}

#clinic_info_pop-head {position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 20px 35px;}
#clinic_info_pop-head h1 {width: 60px}
#clinic_info_pop-head h1 img {width: 100%;}
#clinic_info_pop-head #search__wrap {position: relative; width: 550px; height: 40px; border-radius: 50px; border: 1px solid #b66eb0; background: #f2f3f3; overflow: hidden; padding-right: 40px;}
#clinic_info_pop-head #search__wrap button#search-btn {width: 40px; height: 40px; border: 0; background-color: transparent; position: absolute; top: 0; right: 15px;}
#clinic_info_pop-head #search__wrap button#search-btn img {width: 25px}
#clinic_info_pop-head #search__wrap input[type='text'] {width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; font-size: 16px; background: #f2f3f3;}
#clinic_info_pop-head .clinic_info_pop-closed {width: 50px; height: 50px; border: 1px solid #e4e4e4; background: #fff;}
#clinic_info_pop-head .clinic_info_pop-closed img {width: 20px;}

#clinic_info_pop-body {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4}
#clinic_info_pop-body .price_tabs {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 0}
#clinic_info_pop-body .price_tabs li {width: 33.3%; font-size: 16px; color: #212121; text-align: center; line-height: 50px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; padding: 0; cursor: pointer;}

#clinic_info_pop-body .price_tabs li.active {background: #b66eb0; color: #fff;}
#clinic_info_pop-body .price_tabs li:nth-of-type(4) {position: relative;}
#clinic_info_pop-body .price_tabs li:nth-of-type(4)::after {width: 156px; height: 38px; background: url(/_images/main/happyhour.png) no-repeat center; background-size: 100%; content: ''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: 1; display: none;}
#clinic_info_pop-body .price_tabs li:nth-of-type(4):hover::after {display: block;}

#clinic_info_pop-body .clinic_list {} 
#clinic_info_pop-body .clinic_list .clinicBox {width: 100%; box-sizing: border-box; border-bottom: 1px solid #e4e4e4; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 70px 40px; align-items: center;} 
#clinic_info_pop-body .clinic_list .clinicBox .info {width: calc(100% - 150px);} 
#clinic_info_pop-body .clinic_list .clinicBox .info p {font-size: 14px; color: #666666; margin: 7px 0; line-height:1.5} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name {color: #212121; font-size: 20px;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span {color: #b66eb0; font-weight: 700; padding-left: 20px;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span i {font-size: 12px; font-style: normal;} 
#clinic_info_pop-body .clinic_list .clinicBox .info p.event_name {font-size: 12px; color: #ababab;} 
#clinic_info_pop-body .clinic_list .clinicBox .btns {/*display: flex;*/}
#clinic_info_pop-body .clinic_list .clinicBox .btns a {width: 100px; height: 30px; border-radius: 50px; font-size: 14px; border: 1px solid #666; color: #666; text-align: center; line-height: 30px; margin:5px;}
#clinic_info_pop-body .clinic_list .clinicBox .btns a.detail {background: #fff;}
#clinic_info_pop-body .clinic_list .clinicBox .btns a.reserve {background: #b66eb0; border-color: #b66eb0; color: #fff;}


/*@media all and (min-width:980px){
	#clinic_info_pop-body .tabs li:nth-of-type(3n) {border-right: 0;}
}*/

@media all and (max-width:980px){
	#clinic_info_pop {width: 100%;}
	
	#clinic_info_pop-head {padding: 15px 55px 15px 15px; position: relative;}
	#clinic_info_pop-head h1 {display: none;}
	#clinic_info_pop-head #search__wrap {width: 100%; padding-right: 50px;}
	#clinic_info_pop-head #search__wrap input[type='text'] {font-size: 14px; }
	#clinic_info_pop-head #search__wrap input[type='text']:placeholder {font-size: 14px;}
	#clinic_info_pop-head #search__wrap button#search-btn {width: 30px; height: 30px; top: 50%; margin-top: -15px; right: 5px;}
	#clinic_info_pop-head #search__wrap button#search-btn img {width: 20px;}
	#clinic_info_pop-head .clinic_info_pop-closed {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 35px; height: 35px;}
	#clinic_info_pop-head .clinic_info_pop-closed img {width: 12px;}
	
	
	#clinic_info_pop-body .price_tabs li {font-size: 13px !important; line-height: 1.2 !important; width: 33.3%; height: 40px !important; display: table;}
	#clinic_info_pop-body .price_tabs li span {display: table-cell; vertical-align: middle;}
	#clinic_info_pop-body .price_tabs li:nth-of-type(3n) {border-right: 0;}
	
	#clinic_info_pop-body .clinic_list .clinicBox {padding:20px;}
	#clinic_info_pop-body .clinic_list .clinicBox .info {width: calc(100% - 80px);}
	#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name {font-size: 17px;}
	#clinic_info_pop-body .clinic_list .clinicBox .info p.clinic_name span {padding-left: 10px;}
	
	#clinic_info_pop-body .clinic_list .clinicBox .btns a {font-size: 12px; width: 50px; height: 50px; box-sizing: border-box; padding-top: 10px;}
	#clinic_info_pop-body .clinic_list .clinicBox .btns {width: 50px; display: block;}
	#clinic_info_pop-body .clinic_list .clinicBox .btns a.detail {margin-bottom: 5px;}
}











.mt10p {margin-top:5%}

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

.mt10p {margin-top:40%}
}