@charset "utf-8";

/* 20210722//(Ina)추가(s) */
#seoul-gnb-plugin {
	position:relative;
	z-index:300;
}
/* 20210722//(Ina)추가(e) */

/* 20210722//(Ina).main-swiper영역 수정(s) */
/*section headline*/
.section-element {
	/* margin-top: 80px; */
	padding-top:80px;
	position: relative;
	background-color:#fff;
}
.section-element *,
.section-element *:before,
.section-element *:after {
	box-sizing:border-box;
}



.section-element.section2 {
	padding:80px 0;
}
/* 20210722//(Ina).main-swiper영역 수정(e) */

/* 20201120//(Ina)수정(s) */
.section-element h2 {
	font-size: 36px;
	font-weight: 500;
	color: #222;
	margin-bottom: 60px;
	text-align: center;
	word-break: normal;
	/* word-break: keep-all; */
	/* letter-spacing: -0.05em; */
}
/* 20201120//(Ina)수정(e) */

.section4.section-element h2 {
	margin-bottom: 28px;
}

.section-element .mb_padding {
	padding: 0;
}

/* 20201123//(Ina)수정(s) */
.section-inner {
	overflow:hidden;
	position:relative;
	width: 100%;
	/* max-width: 1200px; */
	max-width: 1280px;
	padding:0 40px;
	margin: 0 auto;
	box-sizing: border-box;
}

/*main_swiper*/
.main-swiper .swiper-slide {
	position: relative;
}

/*swiper_reset*/
.main-swiper,
.map_swiper,
.banner_bottom_container,
.sec1_banner,
.festival {
	margin: 0 auto;
	position: relative;
	/* overflow: hidden; */
	list-style: none;
	/* padding:20px; */
	box-sizing: border-box;

}
.mb_banner_wrap {padding:20px 0;}



.map_swiper {position:relative;}

/*
.map_swiper .swiper-slide .hot_wrap {
	opacity:0.5;
}
.map_swiper .swiper-slide.swiper-slide-active .hot_wrap {
	opacity: 1;
}
*/


.main-swiper .main_bg {
	height: 700px;
	width: 100%;
}


.main-swiper .text {
	position: absolute;
	top: 45%;
	left: 18%;
	transform: translateY(-50%);
}

.main-swiper .text h2 {
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	line-height: 80px;
	text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

.main-swiper .text p {
	margin-top: 18px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding-left: 5px;
	text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

/* 20210722//(Ina).main-swiper영역 수정(s) */
.main-visual-cont {position:relative;width:100%;height:700px;}
.js-topBanner-active .main-visual-cont {height:calc(700px - 46px);}

.main-visual-cont *,
.main-visual-cont *:before,
.main-visual-cont *:after {
	box-sizing:border-box;
}



.main-visual-cont .pos-fixed-cont {position:fixed;width:100%;height:790px;left:0;top:0;z-index:0;}
body.is-seoul-common-gnb .main-visual-cont .pos-fixed-cont {height:838px;}
body.header-navi-2row .main-visual-cont .pos-fixed-cont {height:845px;}

.main-visual-cont .title-cont {
	position:absolute;
	max-width:1200px;
	height:auto;
	top:50%;
	left:50%;
	margin-left:-20.7%;
	/* margin-top:-2.8%; */
	margin-top: 0;
	z-index:3;
	transform: translate(-50%,-50%);
}
html.en .main-visual-cont .title-cont {
	margin-top:-3.8%;
}

.main-visual-cont .title-cont > h2,
.main-visual-cont .title-cont > em {display:block;color:#fff;
	text-shadow: 0px 3px 10px rgb(0 0 0 / 50%);
}
.main-visual-cont .title-cont > h2 {font-size:48px;font-weight:bold;}
.main-visual-cont .title-cont > em {font-size:14px;font-weight:bold;}

/* 20220622//(Ina)추가(s) */
.main-visual-cont .swiper-slide .inner-title {position:absolute;width:100%;height:auto;top:50%;left:50%;margin-top:65px;z-index:5;
	transform: translate(-50%,-50%);
}
.main-visual-cont .swiper-slide .inner-title > h2,
.main-visual-cont .swiper-slide .inner-title > em {display:block;color:#fff;
	text-shadow: 0px 3px 10px rgb(0 0 0 / 50%);
}
.main-visual-cont .swiper-slide .inner-title > h2 {font-size:52px;font-weight:bold;letter-spacing:1px;line-height:1.2;}
.main-visual-cont .swiper-slide .inner-title > em {margin-top:90px;font-size:38px;font-weight:500;}
/* 20220622//(Ina)추가(e) */



/* main-swiper */
.main-visual-cont .main-swiper {position:relative;}

.main-visual-cont .main-swiper .swiper-slide {display:inline-block;width:100%;height:790px;}
body.is-seoul-common-gnb .main-visual-cont .main-swiper .swiper-slide {height:838px;}
body.header-navi-2row .main-visual-cont .main-swiper .swiper-slide {height:845px;}

.main-visual-cont .main-swiper .swiper-slide.main_bg {position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.main-visual-cont .main-swiper .swiper-slide.main_bg .pos-cont {display:block;width:100%;height:100%;
	position: absolute;left:0;right:0;margin-left:auto;margin-right:auto;top: auto;bottom:2px;
}

.main-visual-cont .main-swiper .swiper-slide.main_bg > a {
	position: relative;
	display: block;
	margin: 0 auto;
	width: calc(100% - 4px);
	height: calc(100% - 2px);
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 2px;
	z-index:10;
}

.main-visual-cont .swiper-slide .pos-cont:before {content: '';position:absolute;top:0;left:0;width:512px;height:100%;z-index:2;
	background: url('../../images/2021/main/bg_main_slider_shadow_left.png') repeat-y top center;
	background-size: 100%;
}
.main-visual-cont .swiper-slide .pos-cont:after {content: '';position:absolute;top:0;right:0;width:512px;height:100%;z-index:2;
	background: url('../../images/2021/main/bg_main_slider_shadow_right.png') repeat-y top center;
	background-size: 100%;
}
.main-visual-cont .swiper-button-prev,
.main-visual-cont .swiper-button-next {display:inline-block;margin-top:0;width:25px;height:50px;z-index:3;
	background:url('../../images/2021/main/sp_main_slider_arrow@2x.png') no-repeat;
	background-size:53px auto;
	transform: translate(0%,-50%);
	margin-top:45px;

	display: none;
}

html.en .main-visual-cont .swiper-button-prev,
html.ru .main-visual-cont .swiper-button-prev,
html.en .main-visual-cont .swiper-button-next,
html.ru .main-visual-cont .swiper-button-next {
	margin-top:70px;
}

.main-visual-cont .swiper-button-prev {left:45px;
	background-position:0 0;
}
.main-visual-cont .swiper-button-next {left:auto;right:45px;
	background-position:-28px 0;
}

/*
.main-visual-cont .swiper-button-next.swiper-button-disabled,
.main-visual-cont .swiper-button-prev.swiper-button-disabled {
	opacity:1;
	cursor: pointer;
	pointer-events: auto;
}
*/


@media (max-width: 768px) {
	.main-visual-cont .swiper-button-prev,
	.main-visual-cont .swiper-button-next {
		display:block;
	}
}

.main-visual-cont .swiper-pagination {bottom:35px;height:14px;left:50%;
	transform: translate(-50%, 0);
}
.main-visual-cont .swiper-pagination .swiper-pagination-bullet {opacity:1;margin:0 8px;width:14px;height:14px;border:2px solid #fff;background-color:transparent;
	transition:all 0.3s ease-out;
}
.main-visual-cont .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fff;}


.main-visual-cont .btn-play {display:inline-block;width:12px;height:14px;margin-left:8px;}
.main-visual-cont .btn-play .ico-play {display:inline-block;width:12px;height:14px;
	background:url('../../images/2021/main/sp_main_slider_control@2x.png') no-repeat;
	background-size:36px auto;
}
.main-visual-cont .btn-play.pause .ico-play {
	background-position:-24px 0;
}

/* 20221124//(Ina)웹접근성 심사 임시처리
html.ms .main-visual-cont .pos-fixed-cont {height:667px;}
html.ms .main-visual-cont .main-swiper .swiper-slide {height:667px;}
*/

html.ms .main-visual-cont {height:645px;}

/* 20210722//(Ina).main-swiper영역 수정(e) */


/* 20220726//(Ina)추가(s) */
.main-visual-cont.video {
	overflow:hidden;
	height: 700px;
}
.main-visual-cont.video .pos-fixed-cont {
    height: inherit;
    margin-top: 90px;

}
.js-topBanner-active .main-visual-cont.video .pos-fixed-cont  {
	margin-top: calc(90px + 46px);
}


html.en .main-visual-cont.video .pos-fixed-cont {
	height:inherit;
	margin-top:145px;	
}

html.en .js-topBanner-active .main-visual-cont.video .pos-fixed-cont  {
	margin-top: calc(90px + 46px);
}



.main-visual-cont.video .pos-fixed-cont > a {
	overflow:hidden;
	display:block;
	width:100%;
	height:inherit;
}
.main-visual-cont.video .pos-fixed-cont > a:focus {
	border:2px solid #000;
}

.main-visual-cont.video .pos-btn {
	position:absolute;
	left:50%;
	bottom:30px;
	width:100%;
	max-width: 275px;
	margin-left:462px;
	height:52px;
	z-index:20;
	transform: translateX(-50%);
}
.main-visual-cont.video .pos-btn .btn-seoulfesta {
	display:inline-block;
	min-width:272px;
	padding:11px 0;
	border-radius: 26px;
	text-align:center;
	background-color:#5329CB;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;

    transition: all .5s cubic-bezier(.23,1,.32,1);
}

.main-visual-cont.video .pos-btn .btn-seoulfesta [class^='ico-'] {
	display:inline-block;
	vertical-align: middle;
}
.main-visual-cont.video .pos-btn .btn-seoulfesta .ico-text {
	width:157px;
	height:14px;	
	background: url('../../v2/images/main/icn_seoulfesta_text@2x.png') center no-repeat;
	background-size:100%;
}
.main-visual-cont.video .pos-btn .btn-seoulfesta .ico-arrow {
	margin-left:10px;
	width:30px;
	height:30px;
	background: url('../../v2/images/main/icn_seoulfesta_link@2x.png') center no-repeat;
	background-size:100%;
}



.main-visual-cont.video .yt-video-cont {
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	height: 0;
}
.main-visual-cont.video .yt-video-cont iframe.yt-video {
	position: absolute;
	left: 0;
	top: -17%;
	height: 100%;
	width: 100%;
	z-index:10;
	pointer-events: none;
}
/* 20220726//(Ina)추가(e) */


/*section1*/
.section1 h2 {
	margin-bottom: 30px;
}

.section1 .banner_title ul {
	width: 46%;
	margin: 0% 27%;
}

html.en .section1 .banner_title ul,
html.ru .section1 .banner_title ul {
	width: 60%;
	margin: 0% 20%;
}

.section1 .banner_title ul li {
	float: left;
	width: 33.333%;
	margin-bottom: 40px;
	text-align: center;
}

.section1 .banner_title ul li:last-child {
	margin-right: 0%;
}

.section1 .banner_title ul li a {
	font-size: 20px;
	letter-spacing: -0.02em;
	color: #555;
}

.section1 .banner_title ul li.active a {
	text-decoration: underline;
	font-weight: 700;
	color: #222;
}

.section1 .mb_banner_wrap .img_wrap {
	position: relative;
}

/* 20201123//(Ina)추가(s) */
.section1 .mb_banner_wrap a {
	display:inline-block;
	width:100%;
	height:100%;
}
/* 20201123//(Ina)추가(e) */

.section1 .mb_banner_wrap a .img_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	opacity: 0;
}

.section1 .mb_banner_wrap a:hover .img_hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}

.section1 .mb_banner_wrap .img_wrap .more {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.section1 .mb_banner_wrap a:hover .img_wrap .more {
	opacity: 1;
	transition: all 0.3s ease;
}

.section1 .mb_banner_wrap .img_wrap .more span {
	background: url(../../images/2020/main/Icon%20material-navigate-next.png) center no-repeat;
	width: 7px;
	height: 12px;
	display: inline;
	padding-left: 20px;
}

.mb_banner_wrap .banner_text h3 {
	margin-top: 25px;
	margin-bottom: 12px;
	font-size: 25px;
	letter-spacing: -0.02em;
	font-weight: 500;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}

.mb_banner_wrap .banner_text p {
	line-height: 1.5;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.02em;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* 20201123//(Ina)수정(s) */
.section1 .banner_bottom_container {
	padding:80px 0 0;

}
/* 20201123//(Ina)수정(e) */

.section1 .banner_bottom_container .swiper-slide {text-align:center;}


.section1 .banner_bottom_container a {
	display: inline-block;
	width:100%;
	height:100%;
	box-sizing: border-box;
}

.section1 .swiper-btn {
	position: relative;
}

.section1 .swiper-button-prev,
.section1 .swiper-container-rtl .swiper-button-next {
	background-image: url(../../images/2020/main/prev-icon.png);
	/* left: -40px; */
}

.section1 .swiper-button-next,
.section1 .swiper-container-rtl .swiper-button-prev {
	background-image: url(../../images/2020/main/next-icon.png);
	/* right: -40px; */
}

.section1 .swiper-button-next,
.section1 .swiper-button-prev {
	width: 60px;
	height: 60px;
	/* top: -136px; */
	top:120px;
	background-size: 60px 60px;
}

.section1 .swiper-button-next {
	right: -33px;

}

.section1 .swiper-button-prev {
	left: -33px;
}

.section1 .mb_banner_wrap .banner_bg {
	height: 277px;
}


/*section2*/
.section2 .top5_cont {
	margin-bottom: 40px;
	padding:0
}

.section2 .top5_cont a {
	display: block;
}

.section2 .top5_cont .top5_bg_wrap {
	position: relative;
	height: 380px;
}

.section2 .top5_bottom .top5_bg_wrap {
	height: 310px;
}

.section2 .top5_cont .top5_bg_wrap1 {
	width: 65.416%;
	height: 380px;
	float: left;
	margin-right: 3.75%;
}

.section2 .top5_cont .top5_bg {
	width: 100%;
	height: 100%;
}

.section2 .top5_cont .top5_bg_wrap2 {
	width: 65.416%;
	height: 380px;
	float: right;
	margin-right: 0;
}

/* 20201119//(Ina)수정(s) */
.section2 .top5_cont .top5_bg_wrap .more {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	/* width: 100%; */
	text-align: center;
}
/* 20201119//(Ina)수정(e) */


.section2 .top5_cont .top5_bg_wrap .more span {
	background: url(../../images/2020/main/Icon%20material-navigate-next.png) center no-repeat;
	width: 7px;
	width: 7px;
	height: 12px;
	display: inline;
	padding-left: 20px;
}

.section2 .top5_cont .top5_bg_wrap .bg_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	opacity: 0;
	transition: all 0.3s ease;

}

.section2 .top5_cont a:hover .top5_bg_wrap .bg_hover {
	opacity: 0.8;
}

.section2 .top5_cont a:hover .top5_bg_wrap .more {
	opacity: 1;
	transition: all 0.3s ease;
}


.section2 .top5_cont .top5_text {
	float: left;
	width: 30.833%;
	padding-top: 90px;
	position: relative;
}

/* 20210715//(Ina)TOP5 콘텐츠 폰트 제목 bold처리(s) */
.section2 .top5_cont .top5_text h3 {
	position:relative;
	font-size: 25px;
	/* font-weight: 400; */
	font-weight:bold;
	color: #333;
	margin-bottom: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index:2;
}
/* 20210715//(Ina)TOP5 콘텐츠 폰트 제목 bold처리(e) */

.section2 .top5_cont .top5_text h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*0703-2*/
.section2 .top5_cont.top1 .top5_text h4,
.section2 .top5_cont.top2 .top5_text h4 {
	-webkit-line-clamp: 6;
}

.section2 .top5_cont .top5_text h4,
.section2 .top5_cont .top5_text p {
	font-size: 16px;
	letter-spacing: -0.03em;
	color: #333;
	font-weight: 300;
	line-height: 1.5;
}

html.en .section2 .top5_cont .top5_text p,
html.ru .section2 .top5_cont .top5_text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.section2 .top5_cont .top5_text > span {
	position: absolute;
	top: -71px;
	left: -10px;
	/* z-index: -1; */
	z-index:0;
}

.section2 .top2 .top5_bg {
	margin-right: 0;
	float: right;
}

.section2 .top2 .top5_text {
	margin-right: 3.75%;
}

.section2 .top5_bottom {
	width: 30.833%;
	margin-right: 3.75%;
	margin-bottom: 0;
	float: left;
}

.section2 .top5_bottom .top5_bg {
	width: 100%;
	height: 310px;
	margin-right: 0;

}

.section2 .top5_bottom .top5_text {
	width: 100%;
	padding-top: 70px;
}

.section2 .top5_bottom .top5_text > span {
	top: 10px;
	left: -5px;
}

html.en .section2 .top5_bottom .top5_text > span,
html.ru .section2 .top5_bottom .top5_text > span {
	top: 10px;
}

.section2 .top5 {
	margin-right: 0;
}

/*section3*/
.section3 {
	overflow:hidden;
	position:relative;
	padding-top: 80px;
	padding-bottom: 78px;
	background: #F4F4F4;
}

.section3 .festival {
	overflow:hidden;
	/* padding: 0 1%; */
	padding:0 0 0 60px;
}

/*
.section3 .festival .swiper-slide {
	opacity:0.7;
}
.section3 .festival .swiper-slide.swiper-slide-active {
	opacity:1;
}
*/

.section3 .festival .swiper-slide {
	max-width:235px;
}


.section3 .swiper-button-prev,
.section3 .festival-rtl .swiper-button-next {
	background-image: url(../../images/2020/main/prev-icon.png);
	left: 0%;
}

.section3 .swiper-button-next,
.section3 .festival-rtl .swiper-button-prev {
	background-image: url(../../images/2020/main/next-icon.png);
	right: 0%;
}

.section3 .swiper-button-next,
.section3 .swiper-button-prev {
	overflow:hidden;
	width: 60px;
	height: 60px;
	top: 34%;
	background-size: 60px 60px;

}

.section3 .swiper-button-prev {
	left:12.2%;
}

.section3 .swiper-button-next {
	right:12.2%;
}

html.en .section3 .swiper-button-next,
html.en .section3 .swiper-button-prev,
html.ru .section3 .swiper-button-next,
html.ru .section3 .swiper-button-prev {
	/* top: 42%; */

}

.section3 .festival {
	position:relative;
	/* position:initial; */
}
.section3 .festival .swiper-slide > a {
	display:inline-block;
	width:100%;
	height:100%;
}

/* 20210617//(Ina)수정(s) */
.section3 .festival .festival_text h3 {
	overflow: hidden;
	position:relative;
	font-size: 22px;
	color: #333;
	margin: 20px 0 10px 0;
	letter-spacing: -0.02em;
	font-weight:500;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
}

.section3 .festival .festival_text h3 .title-cont {
	position:relative;
	display:block;
}
.section3 .festival .festival_text h3 .title-cont > em {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
	font-size:22px;
	font-weight:500;
}

/*
.section3 .festival .festival_text h3 .cell-title {width:90%;}
.section3 .festival .festival_text h3 .cell-ellipsis {width:10%;}
.section3 .festival .festival_text h3 .cell-ellipsis em {position:absolute;right:6px;bottom:-1px;z-index:100;}
*/



.section3 .festival .festival_text p {
	font-size: 16px;
	font-weight: 300;
	color: #333;
}

.section3 .festival .festival_text .mb_btn {
	display: none;
}

/*section4*/
/* 20201124//(Ina)수정(s) */
.section4 .append-buttons {
	text-align: center;
	margin-bottom: 30px;
}
/* 20201124//(Ina)수정(e) */

/* 20200703 */
.section4 .append-buttons li {
	/*float: left;
	width: 20%;*/
	display: inline-block;
	vertical-align: top;
	height: auto;
	text-align: center;
	margin: 0 45px;
	padding:10px 0;
}

html.ja .section4 .append-buttons li {
	margin: 0 25px;
}

html.en .section4 .append-buttons li,
html.ru .section4 .append-buttons li {
	margin: 0 40px;
}

.section4 .append-buttons li a {
	font-size: 20px;
	color: #555;
}

.section4 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.section4 .append-buttons li.active {
	outline: none;
}

.section4 .append-buttons li.active a {
	color: #333;
	font-weight: 700;
	text-decoration: underline;

}

.section4 .append-buttons li a:active {
	outline: none;
}

.section4 .map_swiper .hot_wrap .hot_pl {
	float: left;
	width: 22.833%;
	margin-right: 2.889%;
	background: #fff;
}

.section4 .map_swiper .hot_wrap .hot_pl a {
	display:inline-block;
	width:100%;
	height:100%;
}

.section4 .map_swiper .hot_wrap .hot4 {
	margin-right: 0;
}


.section4 .map_swiper .img_wrap {
	position: relative;
}

.section4 .map_swiper a .img_hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	opacity: 0;
}

.section4 .map_swiper a:hover .img_hover {
	opacity: 0.8;
	transition: all 0.3s ease;
}

.section4 .map_swiper .img_wrap .more {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.section4 .map_swiper a:hover .img_wrap .more {
	opacity: 1;
	transition: all 0.3s ease;
}

.section4 .map_swiper .img_wrap .more span {
	background: url(../../images/2020/main/Icon%20material-navigate-next.png) center no-repeat;
	width: 7px;
	height: 12px;
	display: inline;
	padding-left: 20px;
}

.section4 .hot_wrap .mb_headline {
	display: none;
}

.section4 .hot_wrap .hot_bg {
	width: 100%;
	height: 180px;
}


.section4 .hot_wrap .hot_text h3 {
	font-size: 25px;
	font-weight:500;
	letter-spacing: -0.02em;
	color: #333;
	margin: 16px 0 8px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.section4 .hot_wrap .hot_text p {
	font-size: 16px;
	letter-spacing: -0.02em;
	font-weight: 300;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}


/*20200903수정*/
/*svg_map*/
.cls-1 {
	fill: none;
}

.cls-2 {
	clip-path: url(#clip-path);
}

.cls-3 {
	fill: #c7e7ef;
}

.cls-4 {
	fill: #b5d6e2;
	cursor: pointer;
}

.hd0 {
	fill: #E0EFF4;
}

.hd1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.hd2 {
	fill: #C0DFE9;
}

.hd3 {
	fill: #62AFC8;
}

.hd4 {
	fill: #FFFFFF;
}

.hd2_0 {
	fill: #D0D4D3;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.hd2_1 {
	fill: #FFC100;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.hd2_2 {
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.hd2_3 {
	fill: #FFFFFF;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.hd2_4 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md0 {
	fill: #A1CFDE;
}

.md1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2 {
	fill: #E0EFF4;
}

.md3 {
	fill: #FFFFFF;
}

.md2_0 {
	fill: #FFC100;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2_1 {
	fill: #FFFFFF;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2_2 {
	fill: #009E6D;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2_3 {
	fill: #CFD6DE;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2_4 {
	fill: #FFAEB6;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.md2_5 {
	fill: #FCB659;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm0 {
	fill: #E0EFF4;
}

.ghm1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm2 {
	fill: #FFFFFF;
}

.ghm3 {
	fill: #A1CFDE;
}

.ghm2_0 {
	fill: #D0D4D3;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm2_1 {
	fill: #FFFFFF;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm2_2 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm2_3 {
	fill: #6EB8D2;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ghm2_4 {
	fill: #FCB659;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn0 {
	fill: #FFFFFF;
}

.gn1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn2 {
	fill: #A1CFDE;
}

.gn3 {
	fill: #62AFC8;
}

.gn4 {
	fill: #004F72;
}

.gn2_0 {
	fill: #FFFFFF;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn2_1 {
	fill: #6EB8D2;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn2_2 {
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn2_3 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.gn2_4 {
	fill: #FCB659;
}

.ddm0 {
	fill: #E0EFF4;
}

.ddm1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2 {
	fill: #A1CFDE;
}

.ddm3 {
	fill: #81BFD3;
}

.ddm2_0 {
	fill: #FFFFF4;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_1 {
	fill: #FFAEB6;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_2 {
	fill: #D0D4D3;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_3 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_4 {
	fill: #6EB8D2;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_5 {
	fill: #FCB659;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_6 {
	fill: #79C0E3;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_7 {
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_8 {
	fill: #FFD51B;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_9 {
	fill: #FFD5DE;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_10 {
	fill: #FF8774;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_11 {
	fill: #CFD6DE;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ddm2_12 {
	stroke: #000000;
	stroke-width: 0.1;
	stroke-miterlimit: 10;
}

/*20200903*/
/*.hd:hover,
.md:hover,
.ghm:hover,
.gn:hover,
.ddm:hover {
	fill: #35a2c9 !important;
}*/
/*20200903*/

.hd.select,
.md.select,
.ghm.select,
.gn.select,
.ddm.select {
	fill: #35a2c9 !important;
}


.map_wrap {
	margin: 80px calc(50% - 290px) 60px calc(50% - 290px);
	position: relative;
}

.map_img_wrap {
	width: 450px;
	height: 450px;
	margin: 0 auto;
	margin-bottom: 30px;
	position: relative;
	background: #fff;
}

.map_wrap svg {
	display: block;
	margin: 0 auto;
	pointer-events:none; /* 20211122//(Ina)수정 */
}

.icon_wrap,
.icon_wrap2 {
	position: absolute;
	top: 0;
	left: 0;
}

/* 20201123//(Ina)수정(s) */
.icon_wrap {
	/* transform: scale(1, 1); */
	transition: all 0.1s ease-out;
	z-index: 1;
	cursor: pointer;
}

.icon_wrap2 {
	/* transform: scale(0, 0); */
	transition: all 0.1s ease-out;
	z-index: 2;
	cursor: pointer;
	opacity:.5;
}

.icon_wrap.hide {
	/* transform: scale(0, 0); */
}

.icon_wrap2.select {
	/* transform: scale(1, 1); */
	opacity:1;
	transition: all 0.1s ease-out;
}

.icon_wrap.mouseleave {
	/* transform: scale(0, 0); */
}

.icon_wrap2.mouseenter {
	/* transform: scale(1, 1); */
	opacity:1;
	transition: all 0.1s ease-out;

}
/* 20201123//(Ina)수정(e) */

.hd_icon_wrap {
	top: 38%;
	left: 30%;
}

.hd_icon_wrap2 {
	top: 36%;
	left: 26%;
}

.md_icon_wrap {
	top: 27%;
	left: 54%;
}

.md_icon_wrap2 {
	top: 23%;
	left: 52%;
}


.ghm_icon_wrap {
	top: 25%;
	left: 44%;
}

.ghm_icon_wrap2 {
	top: 19%;
	left: 42%;
}

.gn_icon_wrap {
	top: 62%;
	left: 62%;
}

.gn_icon_wrap.qqqq {
	display: none;
}

.gn_icon_wrap2 {
	top: 61%;
	left: 53%;
}

.ddm_icon_wrap {
	top: 32%;
	left: 67%;
}

.ddm_icon_wrap2 {
	top: 25%;
	left: 65%;
}

.yud:hover,
.itw:hover,
.js:hover,
.ghm:hover,
.ddm:hover {
	fill: #35a2c9 !important;
}

.yud.select,
.itw.select,
.js.select {
	fill: #35a2c9 !important;
}

.yud0 {
	fill: #E0EFF4;
}

.yud1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.yud2 {
	fill: #A1CFDE;
}

.yud3 {
	fill: #FFFFFF;
}

.yud4 {
	fill: #C0DFE9;
}

.yud2_0 {
	fill: #FFFFFF;
}

.yud2_1 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.yud2_2 {
	fill: #FFC100;
}

.yud2_3 {
	fill: #D0D4D3;
}

.yud2_4 {
	fill: #2FCDEE;
}

.yud2_5 {
	fill: #FF747F;
}

.itw0 {
	fill: #85C2D5;
}

.itw1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.itw2 {
	fill: #81BFD3;
}

.itw3 {
	fill: #E0EFF4;
}

.itw4 {
	fill: #2FCDEE;
}

.itw5 {
	fill: none;
	stroke: #3F9CBC;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.itw6 {
	fill: #C0DFE9;
}

.itw2_0 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.itw2_1 {
	fill: #FFC100;
}

.itw2_2 {
	fill: #D0D4D3;
}

.itw2_3 {
	fill: #2FCDEE;
}

.itw2_4 {
	fill: #FF747F;
}

.js0 {
	fill: #E0EFF4;
}

.js1 {
	fill: none;
	stroke: #004F72;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.js2 {
	fill: #CCE7EF;
}

.js3 {
	fill: #FFFFFF;
}

.js4 {
	fill: none;
	stroke: #3F9CBC;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.js5 {
	fill: #C0DFE9;
}

.js6 {
	fill: #A1CFDE;
}

.js2_0 {
	fill: #FFFFFF;
}

.js2_1 {
	fill: none;
	stroke: #3F9CBC;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.js2_2 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.js2_3 {
	fill: #2FCDEE;
}

.js2_4 {
	fill: #D0D4D3;
}

.yud_icon_wrap {
	top: 60%;
	left: 25%;
}

.yud_icon_wrap2 {
	top: 53%;
	left: 22%;

}



.itw_icon_wrap {
	top: 50%;
	left: 45%;
}

.itw_icon_wrap2 {
	top: 42%;
	left: 40%;
}


.js_icon_wrap {
	top: 55%;
	left: 83%;
}

.js_icon_wrap2 {
	top: 52%;
	left: 78%;
}
/*20200903수정*/

/*line_banner*/
/* 20201123//(Ina)수정(s) */
.line_banner {
	/* margin-top: 115px; */
}
.line_banner.mobile {
	display: none;
}


.line_banner a {
	display:inline-block;
	width:49%;
	box-sizing: border-box;
	padding:1px
}
.line_banner a:nth-child(1),
.line_banner a:nth-child(2) {
	margin-bottom:24px;

}

.line_banner a:nth-child(1),
.line_banner a:nth-child(3) {
	float: left;
	margin-right:1%;


}
.line_banner a:nth-child(2),
.line_banner a:nth-child(4) {
	float: right;
	margin-left:1%;

}

.line_banner .banner {
	height: 100px;
	position: relative;
	background-size: cover;
}
/* 20201123//(Ina)수정(e) */



.line_banner .banner h3 {
	font-size: 25px;
	letter-spacing: -0.02em;
	color: #fff;
	padding-left: 40px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}


/*0703*/
html.en .line_banner .banner span,
html.ru .line_banner .banner span {
	display: block;
}

.line_banner .banner a {
	display: inline-block;
	width: 122px;
	height: 40px;
	background: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: -0.02em;
	color: #454545;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

html.en .line_banner .banner a,
html.ru .line_banner .banner a {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: none;
	background: none;
	text-indent: -9999px;
}

.table_wrap {
	display: table;
	height: 100%;
}

.table {
	display: table-cell;
	vertical-align: middle;
}

.pc_linebanner {
	display: block;
	padding-bottom:90px;
	background-color:#fff;
}

.mobile_linebanner {
	display: none;
}


/* section6 */
.section6 {
	position:relative;
	padding-top:80px;
	/* padding-bottom:90px; */
	background-color:#f4f4f4;
}


.section6 h2 {
	margin-bottom:50px;
}


.section6 h2 i {
	display:inline-block;
	vertical-align: top;
}
.section6 h2 .ico-instar {
	margin:4px 6px 0 0;
	width:50px;
	height:50px;
	background:url('../../v2/images/main/icn_instar@2x.png') no-repeat center center;
	background-size:100%;
}
.section6 h2 .ico-instar-approval {
	margin:9px 0 0 12px;
	width:38px;
	height:38px;
	background:url('../../v2/images/main/icn_instar_approval@2x.png') no-repeat center center;
	background-size:100%; 
}

.section6 .section-inner {
	max-width: 1310px;
}

.section6 .official-cont {
	position:relative;
	padding-bottom:90px;
}



.section6 .official-swiper .swiper-slide {
	position: relative;
	display:inline-block;
	margin-bottom:10px;
	transition:all 200ms linear;
	transform: scale(0.9);
}


.section6 .official-swiper .swiper-slide > a {
	display:inline-block;
	width:100%;
	height:100%;	
	position: absolute;
	top:0;
	left:0;    
}


.section6 .official-swiper .swiper-slide .thumb-cont {
	overflow:hidden;
	position: absolute;
	top:0;
	left:0; 	  
	width:100%;
	height:100%;  
	margin: 0 auto;    
}
.section6 .official-swiper .swiper-slide .thumb-cont > .bg-thumb {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,15,0), rgba(0,0,15,0)), linear-gradient(to top, rgba(0,0,15,1), rgba(0,0,15,0));
	z-index: 10;
	opacity: 0;
	transition: all 0.3s ease;
}
.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl {
	padding: 0 20px;
	width: 100%;
	height: auto; 
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index:20;
	color:#fff;
	transform: translate(-50%,0);
}
.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt {
	display:block;
	margin-bottom:5px;
	font-size:18px;
	text-align:left;
}
.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt > h3 {
	font-weight:400;
}

.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt .ico-instar-approval {
	display:inline-block;
	vertical-align: top;
	margin:1px 0 0 8px;
	width:25px;
	height:25px;
	background:url('../../v2/images/main/icn_instar_approval@2x.png') no-repeat center center;
	background-size:100%; 
}



.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dd {
	font-size:18px;
	font-weight:300;
	line-height:1.3;	
	text-align:left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.section6 .official-swiper .swiper-slide .thumb-cont > svg {
	position:absolute;
	top:8px;
	right:8px;
	z-index:20;
}


.section6 .official-swiper .swiper-slide.active--focus {
	transform: scale(1); 
}
.section6 .official-swiper .swiper-slide.active--focus a {
	box-shadow: rgba(0, 0, 15, 0.2) 0px 8px 10px;	 
}


.section6 .official-swiper .swiper-slide.active--focus .thumb-cont .thumb-mask {
	opacity: 1;
}


.section6 .official-swiper .swiper-slide.active--focus .thumb-cont,
.section6 .official-swiper .swiper-slide.active--focus .thumb-cont > .bg-thumb {
	width:100%;
	height:100%;
}

.section6 .official-cont.isPC .official-swiper .swiper-wrapper {
	display: block;
	margin:0 auto;
	font-size: 0;
	transform:translate3d(0px, 0px, 0px) !important;
}

@media (max-width: 1320px) {
	.section6 .official-cont.isPC .official-swiper .swiper-wrapper {
		width: 921px;
	}
}

@media (max-width: 960px) {
	.section6 .official-cont.isPC .official-swiper .swiper-wrapper {
		width: 614px;
	}
}
@media (max-width: 768px) {
	.section6 .official-cont.isPC .official-swiper .swiper-wrapper {
		width: auto;
	}
}


.section6 .official-cont.isPC .official-swiper .swiper-slide {
	width:307px !important;
	height:307px !important;
}

.section6 .official-cont.isPC .official-swiper .swiper-slide-duplicate {
	opacity:0;
	position: absolute;
	left:-9999px;
	z-index:-1;
}



/* section7 */

/*
.section7 .visit_video_wrap {
	width: calc(48.555% - 1px);
}
.section7 .visit_video_wrap a {
	overflow:hidden;
	display: inline-block;
	width: 100%;
	height: 100%;
}


.section7 .visit_video_wrap1,
.section7 .visit_video_wrap3 {
	float: left;
	margin-right: 2.889%;
}

.section7 .visit_video_wrap2,
.section7 .visit_video_wrap4 {
	float: right;
}

.section7 .visit_video .youtube_link {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
}

.section7 .visit_video .youtube_link iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
}


.section7 .visit_video .youtube_link .thumb-cont {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



.section7 .youtube_text {
	padding: 26px 0 70px 0;
}

.section7 .youtube_text h3 {
	font-size: 25px;
	color: #333;
	margin-bottom: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section7 .youtube_text p,
.section7 .youtube_text span {
	font-size: 20px;
	font-weight: 300;
	color: #333;
	display: inline-block;
}

.section7 .youtube_text p {
	position: relative;
}

.section7 .youtube_text p:after {
	content: '';
	width: 2px;
	height: 17px;
	background: #c6c6c6;
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);

}

.section7 .youtube_text .view {
	margin-left: 52px;
	padding-left: 30px;
	background: url(../../images/2020/main/Icon%20awesome-play.png) 0 7px no-repeat;
}

.section7 .youtube_text .like {
	margin-left: 22px;
	padding-left: 30px;
	background: url(../../images/2020/main/Icon%20ionic-ios-heart.png) 0 7px no-repeat;
}

.section7 .visit_img_wrap {padding-bottom:100px;}
.section7 .visit_img_wrap a {display: inline-block;width:100%;height:100%;box-sizing: border-box;}
.section7 .visit_img_wrap .img_cont {width:100%;height:auto;}
.section7 .visit_img_wrap .img_cont > img {display:block;width:100%;height:auto;}
*/


.section7 {
	position:relative;
	overflow: hidden;
}
.section7 .section-inner {
	padding:0;
	overflow:visible;
	max-width: 100%;
}

.section7 h2 {
	margin:0 0 40px 0;
}

.section7 .tv-cont {
	position:relative;
	/* padding:0 0 70px; */

}
.section7 .tv-swiper {
	padding:20px 0;
}



.section7 .tv-swiper .swiper-slide {
	opacity:0.7;
	width:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 200ms linear;
	transform: scale(0.78);

}

.section7 .tv-cont.isPC .tv-swiper .swiper-slide {
	/* width:517px !important; */
}
.section7 .tv-cont.isPC .tv-swiper .swiper-slide .card-cont .card-thumb {
	height:286px;
}



.section7 .tv-swiper .swiper-slide > a {
	display:inline-block;
	width: 100%;
	height: 100%;	 
}

.section7 .tv-swiper .swiper-slide .card-cont {
	position:relative;
	width: 100%;
	height: 100%;

}
.section7 .tv-swiper .swiper-slide .card-cont .card-thumb {  
	width: 100%;
	height: 15vw;

}
.section7 .tv-swiper .swiper-slide .card-cont .card-thumb > .bg-thumb {
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text {
	padding:10px 0 20px;
	background-color:#fff;
}
.section7 .tv-swiper .swiper-slide .card-cont .card-text h3 {
	font-size: 20px;
	color: #000;
	height:44px;
	line-height:44px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text dl {
	position: relative;
	position:relative;
	display: flex;
	justify-content: space-between;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dt {
	position:relative;
	font-size: 18px;
	font-weight: 300;
	color: #000;
	height: 30px;
	line-height: 30px;	  
}
.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dt:after {
	content: '';
	width: 1px;
	height: 15px;
	background: #c6c6c6;
	position: absolute;
	top: 50%;
	right:-20%;
	margin-top: 1px;
	transform: translate(0, -50%);

}
.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd {
	position:relative;
	font-size: 18px;
	font-weight: 300;
	color: #333;
	height: 30px;
	line-height: 30px;
	text-align:right;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd .view {
	margin-right:12px;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd .ico-view {
	display: inline-block;
	vertical-align: top;
	margin:7px 7px 0 0;
	width:13px;
	height:17px;
	background: url(../../images/2020/main/Icon-awesome-play.png) 0 0 no-repeat;
	background-size:100%;
}

.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd .ico-like {
	display: inline-block;
	vertical-align: top;
	margin:7px 6px 0 0;
	width:18px;
	height:17px;	
	background: url(../../images/2020/main/Icon-ionic-ios-heart.png) 0 0 no-repeat;
	background-size:100%;
}

.section7 .tv-cont [class^='swiper-button-'] {

	display:inline-block;
	margin-top:0;
	width:50px;
	height:50px;
	z-index:10;
	top:152px;
	/*
	top:auto;.section7 .tv-swiper .swiper-slide .card-cont .card-thumb > .bg-thumb
	bottom:0;
	left:50%;
	transform: translate(-50%, 0%);
	*/	  
}
.section7 .tv-cont .swiper-button-prev {
	left:12.2%;
	background:url('../../v2/images/main/icn_instar_slider_arrow_prev@2x.png') no-repeat;
	background-size:100%;	 
}
.section7 .tv-cont .swiper-button-next {
	right:12.2%;
	background:url('../../v2/images/main/icn_instar_slider_arrow_next@2x.png') no-repeat;
	background-size:100%;
}

.section7 .tv-cont .swiper-button-prev {
	
	background-position:0 0;
}
.section7 .tv-cont .swiper-button-next {
	
	background-position:0 0;
}




.section7 .tv-cont .swiper-button-next.swiper-button-disabled,
.section7 .tv-cont .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	cursor: pointer;
	pointer-events: inherit;
}

.section7 .tv-swiper .swiper-slide.swiper-slide-active {
	width:517px;
	opacity:1;
	transform: scale(1);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;		

}

.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont {

}

.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont .card-text {
	padding:12px 20px 20px;
}

.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont h3 {
	font-size:30px;
	font-weight:bold;
}


.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont .card-text h3 {
	margin-bottom:8px;
}



@media (max-width: 1513px) {
	.main-visual-cont.video .yt-video-cont iframe.yt-video {top:0;}
}


/*1366px~*/
@media (max-width: 1366px) {

	/*section1*/
	.section1 .swiper-button-next,
	.section1 .swiper-button-prev {
		display: none;
	}

	/*section3*/
	.section3 .festival {
		margin: 0 3%;
		padding: 0;
	}
}

/*1240px~*/
@media (max-width: 1240px) {
	.section-inner {padding:0;}

	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section-element.tablet_padding {
		padding: 80px 2% 80px;
	}
	.section-element.section2 {
		padding-bottom:80px;
	}
	.section-element.section6 {
		padding-bottom:0;
	}

	/* 20210722//(Ina).main-swiper영역 수정(e) */


	.section7 .tv-swiper .swiper-slide {
	   
	}

	.section7 .tv-swiper .swiper-slide .card-cont .card-thumb {
		height:28.5vw;
	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-text h3 {
		font-size:26px;
		height:38px;
		line-height:38px;

	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dt {
		font-size:16px;
	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd {
		font-size:16px;
	}
}

/*1200px~*/
@media (max-width: 1200px) {

	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.main-visual-cont {height:560px !important;}

    .main-visual-cont.video {height:55vw !important;}
    .main-visual-cont.video .pos-fixed-cont {margin-top:90px; height:inherit !important;}
	.js-topBanner-active .main-visual-cont.video .pos-fixed-cont {margin-top:calc(90px + 46px);}

	.main-visual-cont.video .yt-video-cont iframe.yt-video {top:0;}
	html.en .main-visual-cont.video .pos-fixed-cont {margin-top:90px; height:inherit !important;}
	html.en .js-topBanner-active .main-visual-cont.video .pos-fixed-cont {margin-top:calc(90px + 46px);}

	.main-visual-cont .title-cont {/*margin-top:-10px;*/margin-left:-14%;}
	.main-visual-cont .swiper-button-prev {left:2%;}
	.main-visual-cont .swiper-button-next {right:2%;}

	.main-visual-cont .pos-fixed-cont {height:650px !important;}
	.main-visual-cont .main-swiper .swiper-slide {height:650px !important;}

	.section1 .mb_banner_wrap .banner_bg {
		height: 23vw;
	}

	.section2 .top5_bottom .top5_bg_wrap {
		height: 26vw;
	}

	.section2 .top5_bottom .top5_bg {
		height: 26vw;
	}

	.section-element.section3 {
		padding-bottom:80px;
	}

	.section3 .festival .festival_text p {
		font-size: 14px;
	}


	/*0705수정*/
	html.ja .section4 .append-buttons li {
		margin: 0 5px;
	}


	html.en .section4 .append-buttons li,
	html.ru .section4 .append-buttons li {
		margin: 0 10px;
	}

}

/*768px~*/
@media (max-width: 768px) {
	.main-visual-cont {height:360px !important;}
    .main-visual-cont.video {height:51vw !important;}
	.main-visual-cont.video .pos-fixed-cont { margin-top:60px; }
	.js-topBanner-active .main-visual-cont.video .pos-fixed-cont { margin-top:calc(60px + 46px);}
	html.en .main-visual-cont.video .pos-fixed-cont { margin-top:60px; }
	html.en .js-topBanner-active .main-visual-cont.video .pos-fixed-cont {margin-top:calc(60px + 46px);} 

	.main-visual-cont.video .pos-btn {
		bottom:25px;
		max-width:56px;
		margin-left:0;
		right:30px;
		left:auto;
		transform: none;
	}
	.main-visual-cont.video .pos-btn .btn-seoulfesta {
		min-width:56px;
		height:56px;
		border-radius:28px;
	}
	.main-visual-cont.video .pos-btn .btn-seoulfesta .ico-text {
		display:none;
	}
	.main-visual-cont.video .pos-btn .btn-seoulfesta .ico-arrow {
		margin:-2px 0 0 0;
		width:38px;
		height:38px;
	}


	.main-visual-cont .title-cont {
		min-width:280px;
		left:50%;
		top:50%;
		margin-left:0;
		margin-top: -5%;
		transform: translate(-50%, -50%);
	}
	.main-visual-cont .title-cont > h2 {font-size:32px;}
	.main-visual-cont .title-cont > em {font-size:24px;}
	/* .main-visual-cont .swiper-pagination {bottom: 90px;}
	.main-visual-cont .swiper-button-prev,
	.main-visual-cont .swiper-button-next {margin-top:-40px;}
	.main-visual-cont .btn-play {bottom:83px;} */

	.main-visual-cont .swiper-button-prev,
	.main-visual-cont .swiper-button-next {
		margin-top:-15px;
	}


	html.en .main-visual-cont .swiper-button-prev,
	html.ru .main-visual-cont .swiper-button-prev,
	html.en .main-visual-cont .swiper-button-next,
	html.ru .main-visual-cont .swiper-button-next {
		margin-top:-15px;
	}

	.main-visual-cont .swiper-button-prev {left:2%;}
	.main-visual-cont .swiper-button-next {right:2%;}

	.main-visual-cont .pos-fixed-cont {
		height:360px !important;
	    margin-top: 60px;
	}
	.js-topBanner-active .main-visual-cont .pos-fixed-cont {
		margin-top: calc(60px + 46px);
	}

	.main-visual-cont .main-swiper .swiper-slide {height:360px !important;}

	.main-visual-cont .swiper-slide .inner-title {padding:0 40px;margin-top:-15px;}
	.main-visual-cont .swiper-slide .inner-title > h2 {font-size:32px;}
	.main-visual-cont .swiper-slide .inner-title > em {margin-top:40px;font-size:24px;}


	.main-visual-cont .swiper-slide .pos-cont:before,
	.main-visual-cont .swiper-slide .pos-cont:after {
		display:none;
	}

	/*0703*/
	.tablet_padding {
		padding: 0 0;
	}

	/*common*/
	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section-element.tablet_padding {
		padding: 0;
		margin-top: 0;
	}

	 /* 20210722//(Ina).main-swiper영역 수정(e) */

	.section-element h2 {
		font-weight: 700;
		margin: 60px 0 30px 0;
		padding: 0;
		display: inline-block;
		text-align:left;
	}

	.section2.section-element h2 {
		margin: 62px 0 19px 0;
	}

	.section3.section-element h2 {
		margin: 54px 0 23px 0;
	}

	.section4.section-element h2 {
		margin: 73px 0 23px 0;
	}

	.section-element .mb_padding {
		padding: 0 40px;
	}

	.section1.section-element h2,
	.section3.section-element h2,
	.section4.section-element h2 {
		padding-left: 40px;
	}

	.main-swiper .main_bg {
		height: 365px;
		background-size: cover;
	}

	.main-swiper .text {
		position: absolute;
		top: 55%;
		left: 40px;
	}

	.main-swiper .text h2 {
		font-size: 50px;
		line-height: unset;
	}

	.main-swiper .text h2 br {
		display: none;
	}

	.main-swiper .text p {
		margin-top: 0;
		font-size: 32px;
		font-weight: 400;
		padding-left: 0;
	}

	/*section1*/
	.section1 .mb_banner_wrap .banner_bg {
		height: 58vw;
	}

	.section1 .mb_banner_wrap a:hover .img_hover {
		display: none;
	}

	.mb_banner_wrap a:hover .banner_text h3 {
		font-weight: 400;
	}

	.mb_banner_wrap a:hover .banner_text p {
		font-weight: 300;
	}

	.section1 .banner_title ul {
		width: 100%;
		margin: 0;
		padding-left: 40px;
		box-sizing: border-box;
	}

	html.en .section1 .banner_title ul,
	html.ru .section1 .banner_title ul {
		width: 100%;
		margin: 0;
	}

	.section1 .banner_title ul li {
		width: auto;
		padding: 13px 18px;
		margin-right: 4%;
		border: 1px solid #C7C7C7;
		box-sizing: border-box;
	}

	html.en .section1 .banner_title ul li,
	html.ru .section1 .banner_title ul li {
		padding: 13px 3px;
		margin-right: 2%;
	}


	.section1 .banner_title ul li.active {
		background: #188BD8;
		border: 1px solid #188BD8;
	}

	.section1 .banner_title ul li a {
		font-size: 32px;
	}

	/*0703*/
	html.ja .section1 .banner_title ul li a,
	html.zh-CN .section1 .banner_title ul li a,
	html.zh-TW .section1 .banner_title ul li a,
	html.en .section1 .banner_title ul li a,
	html.ru .section1 .banner_title ul li a {
		font-size: 20px;
	}

	.section1 .banner_title ul li.active a {
		text-decoration: none;
		font-weight: 300;
		color: #fff;
	}

	.section1 .sec1_banner {
		padding: 0 40px 20px 40px;
	}

	.section1 .sec1_banner .swiper-slide {
		box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.05);
		box-sizing: border-box;

	}

	.section1 .banner_bottom_container {
		padding: 0 40px;
		margin-top: 70px;
	}

	.mb_banner_wrap .banner_text {
		padding: 20px 0 27px 25px;
	}

	html.en .mb_banner_wrap .banner_text,
	html.ru .mb_banner_wrap .banner_text {
		padding: 23px 0 27px 21px;
	}

	.mb_banner_wrap .banner_text h3 {
		font-size: 32px;
		color: #333;
		margin-top: 0;
		margin-bottom: 12px;
	}

	html.en .mb_banner_wrap .banner_text h3,
	html.ru .mb_banner_wrap .banner_text h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 109%;
		margin-bottom: 16px;
	}

	.mb_banner_wrap .banner_text p {
		font-size: 28px;
		font-weight: 300;
		color: #333;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	html.en .mb_banner_wrap .banner_text p,
	html.ru .mb_banner_wrap .banner_text p {
		-webkit-line-clamp: 3;
		line-height: 125%;
	}

	/* 20210722//(Ina).main-swiper영역 수정(s) */
	/*section2*/
	.section-element.section2 {
		padding: 0 40px 20px;
	}
	/* 20210722//(Ina).main-swiper영역 수정(e) */

	.section2 .top5_bottom .top5_bg_wrap,
	.section2 .top5_cont .top5_bg_wrap {
		height: 40vw;
	}

	.section2 .top5_cont .top5_bg_wrap1,
	.section2 .top5_cont .top5_bg_wrap2 {
		width: 100%;
		float: none;
	}

	.section2 .top5_cont .top5_bg {
		width: 100%;
		height: 40vw;
		margin-right: 0;
	}


	.section2 .top5_cont {
		margin-bottom: 0;
	}

	.section2 .top5_cont .top5_text {
		float: none;
		width: 100%;
		padding-top: 0;
	}

	html.en .section2 .top5_cont .top5_text,
	html.ru .section2 .top5_cont .top5_text {
		padding-top: 0;
	}

	html.en .section2 .top2 .top5_text,
	html.ru .section2 .top2 .top5_text {
		padding-top: 0;
	}

	.section2 .top5_cont .top5_text > span {
		display: none;
	}

	.section2 .top5_cont .top5_text a {
		display: none;
	}

	/* 20210715//(Ina)TOP5 콘텐츠 폰트 제목 bold처리(s) */
	.section2 .top5_cont .top5_text h3 {
		font-size: 28px;
		/* font-weight: 400; */
		font-weight: bold;
		margin: 16px 0 7px 0;
	}
	/* 20210715//(Ina)TOP5 콘텐츠 폰트 제목 bold처리(e) */

	/*0703-2*/
	html.en .section2 .top5_cont .top5_text h3,
	html.ru .section2 .top5_cont .top5_text h3 {
		margin: 15px 0 10px 0;
		height: auto;
	}

	.section2 .top5_cont .top5_text h4 {
		font-size: 28px;
		font-weight: 300;
		margin-bottom: 20px;
		-webkit-line-clamp: 2 !important;
	}

	.section2 .top5_cont .top5_text p {
		display: none;
	}

	html.en .section2 .top5_cont .top5_text p,
	html.ru .section2 .top5_cont .top5_text p {
		display: none;
	}

	.section2 .top2 {
		width: 48%;
		margin-right: 4%;
		float: left;
	}

	.section2 .top5_bottom {
		margin-right: 0;
		float: none;
	}

	.section2 .top3 {
		width: 48%;
		float: left;
	}

	.section2 .top4 {
		width: 48%;
		margin-right: 4%;
		float: left;
	}

	.section2 .top5 {
		width: 48%;
		float: left;
	}

	.section2 .top5_cont a:hover .top5_bg_wrap .bg_hover {
		display: none;
	}

	.section2 .top5_cont a:hover .top5_text h3 {
		font-weight: 400;
	}

	.section2 .top5_cont a:hover .top5_text h4,
	.section2 .top5_cont a:hover .top5_text p {
		font-weight: 300;
	}

	/*section3*/
	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section-element.section3 {
		/* background: none; */
		padding-top:0;
		padding-bottom:80px;
	}
	/* 20210722//(Ina).main-swiper영역 수정(e) */

	.section3 .festival {
		margin: 0 0 0 40px;
	}

	.section3 .swiper-button-next,
	.section3 .swiper-button-prev {
		display: none;
	}

	.section3 .festival .festival_text h3 {
		font-size: 26px;
		margin: 15px 0 13px;
	}

	.section3 .festival .festival_text p {
		font-size: 16px;
		/* margin-bottom: 15px; */
	}

	.section3 .festival .festival_text h3 > span:first-of-type {
		display: none;
	}

	.section3 .festival .festival_text .mb_btn {
		display: block;
		width: 90px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #E6E6E6;
		color: #333;
		font-size: 24px;
		font-weight: 300;
	}

	html.en .section3 .festival .festival_text .mb_btn,
	html.ru .section3 .festival .festival_text .mb_btn {
		display: none;
	}

	/*section4*/
	.section4 .append-buttons {
		display: none;
	}

	.map_wrap {
		display: none;
	}

	.map_img_wrap {
		display: none;
	}

	/* 20210715//(Ina)서울 구석구석 핫플 백그라운드 컬러 통일(s) */
	.section4 .map_swiper .hot_wrap {
		padding: 0 6% 50px 6%;
		/* background: #6D7F9D; */
		background-color:#188BD8;
		background-size: cover;
	}

	/*
	.section4 .map_swiper .hot_wrap2 {
		background: #6F6D9D;
	}

	.section4 .map_swiper .hot_wrap3 {
		background: #9D6D8C;
	}

	.section4 .map_swiper .hot_wrap4 {
		background: #9D8C6D;
	}

	.section4 .map_swiper .hot_wrap5 {
		background: #6D9D78;
	}
	*/
	/* 20210715//(Ina)서울 구석구석 핫플 백그라운드 컬러 통일(e) */

	.section4 .hot_wrap .mb_headline {
		display: block;
		font-size: 47px;
		font-weight: 700;
		color: #fff;
		padding: 43px 0 55px 0;

	}

	.map_swiper {
		padding: 0 40px;
	}

	/* 20210715//(Ina)다음슬라이드 보이도록 수정(s) */
	.map_swiper .swiper-slide {width:99.9% !important;}
	/* 20210715//(Ina)다음슬라이드 보이도록 수정(e) */



	.section4 .map_swiper .hot_wrap .hot_pl {
		float: none;
		width: 100%;
		margin: 0 0 30px 0;
		background: none;
	}

	.section4 .map_swiper .hot_wrap .hot_pl:last-child {
		margin-bottom: 0;
	}

	.section4 .map_swiper .hot_wrap .hot_bg {
		width: 25%;
		height: 20vw;
		float: left;
	}

	.section4 .map_swiper .hot_wrap .hot_text {
		float: left;
		width: 71%;
		margin-left: 4%;
	}

	.section4 .hot_wrap .hot_text h3 {
		font-size: 32px;
		line-height: 32px;
		margin: 0;
		margin-bottom: 8px;
		color: #fff;
	}

	/*0703-2*/
	html.en .section4 .hot_wrap .hot_text h3,
	html.ru .section4 .hot_wrap .hot_text h3 {
		height: auto;
	}

	.section4 .hot_wrap .hot_text p {
		font-size: 28px;
		font-weight: 300;
		color: #fff;
	}


	.section4 .map_swiper a:hover .img_hover {
		display: none;
	}

	.section4 .hot_wrap a:hover .hot_text h3 {
		font-weight: 400;
	}

	.section4 .hot_wrap a:hover .hot_text p {
		font-weight: 300;
	}

	/*linebanner*/
	.line_banner {
		margin-top: 25px;
	}


	/*0703-2*/
	html.en .line_banner .banner span,
	html.ru .line_banner .banner span {
		display: none !important;
	}


	.pc_linebanner {
		display: none;
	}

	.section5 .mobile_linebanner {
		display: block;
		padding:40px;
	}


	/*section6*/
	.section-element.section6 {
		padding: 0 40px;
	}


	/*section6*/
	.section-element.section6 {
		/* padding: 0 40px; */
		padding:0;
	}

	.section6 .youtube_text .view {
		background-position: 0 10px;
	}

	.section6 .youtube_text .like {
		background-position: 0 10px;
	}

	.section6 .youtube_text {
		padding: 10px 0 20px 0;
	}

	.section6 .youtube_text h3 {
		font-size: 28px;
		margin-bottom: 0px;
	}

	.section6 .youtube_text p {
		display: none;
	}

	.section6 .youtube_text span {
		display:block;
		margin-left:0 !important;
		font-size: 24px;
	}

	/* 20201120//(Ina)추가(s) */
	.section6 .visit_img_wrap {
		padding-bottom:30px;
	}
	/* 20201120//(Ina)추가(e) */


	.line_banner .left_wrap {
		margin-bottom: 24px;
	}

	.line_banner .right_wrap {
		margin-bottom: 70px;
	}

	.line_banner .left_wrap,
	.line_banner .right_wrap {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	/* 20201123//(Ina)수정(s) */
	.line_banner a,
	.line_banner .banner {
		width: 100%;
		float: none;
		margin-right: 0;
		padding-left:0;
	}
	.line_banner a:nth-child(3) {
		margin-bottom:10px;
	}


	/* .line_banner .banner1,
	.line_banner .banner2,
	.line_banner .banner3 {
		margin-bottom: 24px;
	}

	.line_banner .banner4 {
		margin-bottom: 70px;
	} */
	/* 20201123//(Ina)수정(e) */


	/* section6 */
	/* .section-element.section6 {
		padding:0 0 20px 0;
	} */


	.section6 .section-inner {
		overflow:visible;
	}
	.section6 .official-cont {
		overflow:hidden;
		/* margin-left:-50px; */
		padding:20px 0 40px;
	}

	.section6 .official-swiper {
		/* padding:0 40px 0 0; */
	}

	.section6 .official-swiper .swiper-wrapper {
		display: flex;
	}

	.section6 .official-swiper .swiper-slide {
		/* width:260px; */
		height:50vw;
	}

	.section6 .official-swiper .swiper-slide:last-child {
		/* margin-right: calc(100% - (100% / 3)); */
	}
	
	.section6 .official-swiper .swiper-slide.swiper-slide-active {
		transform: scale(1); 
	}
	.section6 .official-swiper .swiper-slide.swiper-slide-active a {
		box-shadow: rgba(0, 0, 15, 0.2) 0px 8px 10px;	 
	}
	
	
	.section6 .official-swiper .swiper-slide.swiper-slide-active .thumb-cont .thumb-mask {
		opacity: 1;
	}
	
	
	.section6 .official-swiper .swiper-slide.swiper-slide-active .thumb-cont,
	.section6 .official-swiper .swiper-slide.swiper-slide-active .thumb-cont > .bg-thumb {
		width:100%;
		height:100%;
	}
	

	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt,
	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dd {
		font-size:16px;
	}

	.section6.section-element h2 {
		margin: 55px 0 0 -18px !important;
		padding-left:40px;
	}

	.section6 h2 .ico-instar {
		margin:2px 6px 0 0;
	}
	.section6 h2 .ico-instar-approval {
		margin:7px 0 0 10px;
	}


	/* section7 */
	.section-element.section7 {
		padding:0 0 20px 0;
	}
	.section7 h2 {
		padding-left:40px;
	}

	.section7 .tv-swiper .swiper-slide {
		/* width:300px !important; */
		border:1px solid #F0F0F0;
		transform: scale(0.9);

	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-thumb {
		/* height:160px; */
		height:43.5vw;
	}
	
	.section7 .tv-swiper .swiper-slide .card-cont .card-text {
		padding:0
	}

	.section7 .tv-cont [class^='swiper-button-'] {
		display:none;
	}	 

	
	.section7 .tv-swiper .swiper-slide.swiper-slide-active {
		width:100%;
	}
	.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont .card-text {
		padding:0
	}

	.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont h3 {
		font-size:20px;
	}

	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd {
		font-size:16px;
	}

	.section7 .tv-swiper .swiper-slide .card-cont .card-text h3 {
		margin-top:10px;
		
		font-size:20px;
		height:30px;
		line-height: 30px;
	}

	.section7 .tv-swiper .swiper-slide.swiper-slide-active .card-cont .card-text h3 {
		margin-bottom:0;
	}

	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl {
		display:block;
	}

	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dt {
		font-size:14px;
		height:25px;
		line-height:25px;
	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dt:after {
		display:none;
	}
	.section7 .tv-swiper .swiper-slide .card-cont .card-text dl > dd {
		border-top:1px solid #e6e6e6;
		margin-top:10px;
		padding-top:2px;
		font-size:14px;
		text-align: left;
	}


}

/*680px~*/
@media (max-width: 680px) {
	.section-element h2 {
		font-size: 32px;
		/* margin: 55px 0 0 0 !important; */
	}

	.main-swiper .main_bg {
		height: 300px;
	}

	.main-swiper .text {
		top: 65%;
	}

	.main-swiper .text h2 {
		font-size: 32px;
		line-height: 50px;
	}

	.main-swiper .text p {
		font-size: 24px;
	}

	.section1 .banner_title ul li {
		padding: 8px 13px;
		margin-bottom: 20px;

	}

	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section-element.section3 {
		padding-bottom:40px;
	}
	/* 20210722//(Ina).main-swiper영역 수정(e) */

	html.en .section1 .banner_title ul li,
	html.ru .section1 .banner_title ul li {
		margin-bottom: 20px;
		padding: 8px 2px;
	}

	.section1 .banner_title ul li a {
		font-size: 22px;
	}

	/*0703*/
	html.ja .section1 .banner_title ul li a,
	html.zh-CN .section1 .banner_title ul li a,
	html.zh-TW .section1 .banner_title ul li a,
	html.en .section1 .banner_title ul li a,
	html.ru .section1 .banner_title ul li a {
		font-size: 14px;
	}

	.mb_banner_wrap .banner_text h3 {
		font-size: 22px;
	}

	.mb_banner_wrap .banner_text p {
		font-size: 18px;
	}

	.section1 .banner_bottom_container {
		margin-top: 30px;
	}

	/*section2*/
	.section2 .top5_cont .top5_text h3 {
		font-size: 20px;
	}

	html.en .section2 .top5_bottom .top5_text h3,
	html.en .section2 .top2 .top5_text h3,
	html.ru .section2 .top5_bottom .top5_text h3,
	html.ru .section2 .top2 .top5_text h3 {
		height: auto;
	}

	.section2 .top5_cont .top5_text h4 {
		font-size: 20px;
	}

	/*section3*/
	.section3 .festival .festival_text p {
		font-size: 22px;
	}

	.section3 .festival .festival_text p {
		font-size: 16px;
	}

	.section3 .festival .festival_text .mb_btn {
		width: 70px;
		height: 40px;
		line-height: 40px;
	}

	/*section4*/
	.section4 .hot_wrap .mb_headline {
		font-size: 38px;
		padding: 30px 0;
	}

	.section4 .hot_wrap .hot_text h3 {
		font-size: 25px;
		line-height: 25px;
	}

	.section4 .hot_wrap .hot_text p {
		font-size: 22px;
	}


	/*section6*/
	.section6 .youtube_text .view {
		background-position: 0 5px;
	}

	.section6 .youtube_text .like {
		background-position: 0 5px;
	}

	.section6 .youtube_text h3 {
		font-size: 22px;
		margin-bottom: 3px;
	}

	.section6 .youtube_text span {
		font-size: 18px;
	}

}

@media(max-width: 600px) {

	.mb_banner_wrap .banner_text {
		padding: 20px 10px;
	}

	.section3 .festival .festival_text h3 {
		font-size: 24px;
	}

	.section3 .festival .festival_text p {
		font-size: 12px;
	}

	.section3 .festival .festival_text .mb_btn {
		width: 50px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}
}


/*480px~*/
@media (max-width: 480px) {

	html.en .js-topBanner-active .main-visual-cont.video .pos-fixed-cont {
		margin-top:calc(66px + 60px);
	}

    .main-visual-cont.video {height:56vw !important;}

	.main-visual-cont .swiper-slide .inner-title {padding:0 40px;}
	.main-visual-cont .swiper-slide .inner-title > h2 {font-size:26px;}
	.main-visual-cont .swiper-slide .inner-title > em {font-size:20px;}

	.section-element h2 {
		font-size: 25px;
	}

	.main-swiper .main_bg {
		height: 250px;
	}

	.main-swiper .text h2 {
		font-size: 25px;
		line-height: 40px;
	}

	.main-swiper .text p {
		font-size: 18px;
	}

	/*section1*/
	.section1 .banner_title ul li {
		padding: 8px 10px;

	}

	.section1 .banner_title ul li a {
		font-size: 18px;
	}

	/*0703*/
	html.ja .section1 .banner_title ul li a,
	html.zh-CN .section1 .banner_title ul li a,
	html.zh-TW .section1 .banner_title ul li a,
	html.en .section1 .banner_title ul li a,
	html.ru .section1 .banner_title ul li a {
		font-size: 12px;
	}

	.mb_banner_wrap .banner_text h3 {
		font-size: 18px;
	}

	.mb_banner_wrap .banner_text p {
		font-size: 16px;
	}

	/*section2*/
	.section2 .top5_cont .top5_text h3 {
		font-size: 16px;
		margin: 10px 0 5px 0;
	}

	html.en .section2 .top5_cont .top5_text h3,
	html.ru .section2 .top5_cont .top5_text h3 {
		margin: 10px 0 5px 0;
	}

	/*0703-2*/
	html.en .section2 .top5_bottom .top5_text h3,
	html.en .section2 .top2 .top5_text h3,
	html.ru .section2 .top5_bottom .top5_text h3,
	html.ru .section2 .top2 .top5_text h3 {
		height: auto;
	}

	.section2 .top5_cont .top5_text h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	/*section3*/
	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section3 .festival {
		padding: 0;
	}
	/* 20210722//(Ina).main-swiper영역 수정(e) */

	.section3 .festival .festival_text h3 {
		font-size: 22px;
	}

	.section3 .festival .festival_text p {
		font-size: 16px;
	}

	/*section4*/
	.section4 .hot_wrap .mb_headline {
		font-size: 32px;
		padding: 20px 0;
	}

	.section4 .hot_wrap .hot_text h3 {
		font-size: 22px;
	}

	.section4 .hot_wrap .hot_text p {
		font-size: 18px;
	}


	/*section5*/	

	.section5 .line_banner {
		margin-top: 9px;
	}

	.section5 .mobile_linebanner {
		padding:40px;
	}
	.line_banner .banner {
		background-position: center;
		height: 50px;
	}

	.line_banner .banner1,
	.line_banner .banner3 {
		margin-bottom: 10px;
	}

	.line_banner .banner h3 {
		font-size: 15px;
	}

	.mobile_linebanner .line_banner a:nth-child(1), 
	.mobile_linebanner .line_banner a:nth-child(2) {
		margin-bottom:15px;
	}

	.line_banner .banner h3 {
		font-size:18px;
	}

	.line_banner .banner span {
		font-size: 14px !important;
		width: 100px !important;
		height: 30px !important;
		line-height: 30px !important;
	}

	/*section6*/ 
	
	.section-element.section6 {
		/* padding:0 0 20px 0; */
		padding:0;
	}

	.section6.section-element h2 {
		margin: 55px 0 0 -5px !important;
		padding-left:40px;
	}	 
	.section6 h2 .ico-instar {
		width:27px;
		height:27px;
	}
	.section6 h2 .ico-instar-approval {
		width:22px;
		height:22px;
	}

	.section6 h2 .ico-instar {
		margin:4px 5px 0 0;
	}
	.section6 h2 .ico-instar-approval {
		margin:5px 0 0 8px;
	}

	.section6 .official-cont {
		margin-top:0;
		/* padding: 20px 0 20px 50px; */
	}
	.section6 .official-swiper .swiper-slide {
		/* overflow:hidden; */
	}

	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl {
		padding:0 10px;
		bottom:10px;
	}
	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt > h3 {
		font-size:14px;
	}
	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dd {
		font-size:14px;
	}
	.section6 .official-swiper .swiper-slide .thumb-cont .thumb-mask > dl > dt .ico-instar-approval {
		width:16px;
		height:16px;
		margin:2px 0 0 4px;
	}

	.section-element.section7 {
		padding:0 0 20px 0;
	}
	.section-element.section7 h2 {
		padding-left:40px;
	}


	.section7 .tv-swiper {
		padding:0;
	}
	.section7 .tv-swiper .swiper-slide {
		/* width:280px !important; */
	}

	.section7 .tv-swiper .swiper-slide.swiper-slide-active {
		/* width:280px !important; */

	}
   


}

/*450px~*/
@media (max-width: 450px) {
	.section-element h2 {
		font-size: 22px;
	}

	.main-swiper .text h2 {
		font-size: 22px;
	}

	.main-swiper .text p {
		font-size: 16px;
	}

	/*0703*/
	html.ja .section1 .banner_title ul li a,
	html.zh-CN .section1 .banner_title ul li a,
	html.zh-TW .section1 .banner_title ul li a,
	html.en .section1 .banner_title ul li a,
	html.ru .section1 .banner_title ul li a {
		font-size: 10px;
	}

	.mb_banner_wrap .banner_text p {
		font-size: 13px;
	}

	/*section2*/
	.section2 .top5_cont .top5_text h3 {
		font-size: 13px;
	}

	html.en .section2 .top5_bottom .top5_text h3,
	html.en .section2 .top2 .top5_text h3,
	html.ru .section2 .top5_bottom .top5_text h3,
	html.ru .section2 .top2 .top5_text h3 {
		height: auto;
	}

	.section2 .top5_cont .top5_text h4 {
		font-size: 13px;
	}

	/*section3*/
	.section3 .festival .festival_text h3 {
		font-size: 16px;
	}

	.section3 .festival .festival_text p {
		font-size: 13px;
	}

	/*section4*/
	.section4 .map_swiper .hot_wrap {
		padding: 0 6% 10px 6%;
	}

	.section4 .hot_wrap .mb_headline {
		font-size: 25px;
		padding: 10px 0;
	}

	.section4 .hot_wrap .hot_text h3 {
		font-size: 18px;
		line-height: 18px;
	}

	.section4 .hot_wrap .hot_text p {
		font-size: 15px;
	}


	/*section6*/
	.section6 .youtube_text .view {
		background-position: 0 0px;
	}

	.section6 .youtube_text .like {
		background-position: 0 0px;
	}

	.section6 .youtube_text h3 {
		font-size: 15px;
	}

	.section6 .youtube_text span {
		font-size: 13px;
	}

	.line_banner .banner a {
		width: 65px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		right: 20px;
	}

}

/*400px~*/
@media (max-width: 400px) {

	.section-element h2 {
		 margin-bottom: 10px;
		font-size: 20px;
	}

	.section1.section-element h2,
	.section3.section-element h2,
	.section4.section-element h2 {
		padding-left: 20px;
	}

	.section1.section-element h2 {
		margin-top: 26px;
		margin-bottom: 6px;
	}

	html.en .section1 .banner_title ul li,
	html.ru .section1 .banner_title ul li {
		padding: 8px 5px;
		margin-right: 2%;
	}

	.section2.section-element h2 {
		margin-top: 26px;
		margin-bottom: 10px;
	}

	.section3.section-element h2 {
		margin-top: 26px;
		margin-bottom: 10px;
	}

	.section4.section-element h2 {
		margin-top: 45px;
		margin-bottom: 10px;
	}

	.section6.section-element h2 {
		margin: 45px 0 0 -5px !important;
		padding-left:20px;
	}

	.main-swiper .main_bg {
		height: 190px;
	}

	.main-swiper .text {
		top: auto;
		bottom: 22px;
		transform: translateY(0);
		left: 20px;
	}

	.main-swiper .text h2 {
		font-size: 18px;
	}

	.main-swiper .text p {
		font-size: 13px;
	}

	/*section1*/
	.section1 .banner_title ul {
		padding-left: 20px;
	}

	.section1 .banner_title ul li {
		margin-bottom: 16px;
		padding: 8px 7px;
		margin-right: 3%;
	}

	.section1 .banner_bottom_container {
		padding: 0 20px;
		margin-top: 6px;
	}

	.section1 .sec1_banner {
		padding: 0 20px 20px 20px;
	}


	.mb_banner_wrap .banner_text {
		padding: 14px 10px;
	}

	.mb_banner_wrap .banner_text h3 {
		margin-bottom: 6px;
	}

	html.en .mb_banner_wrap .banner_text,
	html.ru .mb_banner_wrap .banner_text {}

	/*section2*/
	/* 20210722//(Ina).main-swiper영역 수정(s) */
	.section-element.section2 {
		padding: 0 20px 30px;
	}
	/* 20210722//(Ina).main-swiper영역 수정(e) */

	.section2 .top5_cont .top5_text h3 {
		margin: 10px 0 2px 0;
		font-size: 15px;
	}

	html.en .section2 .top5_cont .top5_text h3,
	html.ru .section2 .top5_cont .top5_text h3 {
		margin: 10px 0 2px 0;
	}

	.section2 .top5_cont .top5_text h4 {
		margin-bottom: 10px;
		font-size: 13px;
	}

	/*section3*/
	.section3 {
		/* padding-bottom: 0; */
		padding:0;
	}

	.section3 .festival {
		/* padding: 0 20px; */
		padding:0;
		margin-left:20px;
	}



	.section3 .festival .festival_text h3 {
		font-size: 15px;
	}

	.section3 .festival .festival_text p {
		font-size: 13px;
	}

	/*section4*/

	.section4 .hot_wrap .mb_headline {
		font-size: 18px;
	}

	.section4 .hot_wrap .hot_text h3 {
		font-size: 15px;
		line-height: 15px;
	}

	.section4 .hot_wrap .hot_text p {
		font-size: 13px;
	}

	.map_swiper {
		padding: 0 20px 0 20px;
	}


	/*section5*/	

	.section5 .line_banner {
		margin-top: 9px;
	}

	.section5 .mobile_linebanner {
		padding:20px 20px 40px;
	}
	.line_banner .banner {
		background-position: center;
		height: 50px;
	}

	.line_banner .banner1,
	.line_banner .banner3 {
		margin-bottom: 10px;
	}

	.line_banner .banner h3 {
		font-size: 15px;
	}

	/* 20200702 */
	.line_banner .banner span {
		font-size: 10px !important;
		width: 60px !important;
		height: 20px !important;
		line-height: 20px !important;
	}

	.line_banner .banner1,
	.line_banner .banner2,
	.line_banner .banner3 {
		margin-bottom: 10px;
	}

	.line_banner .banner4 {
		margin-bottom: 0;
	}


	.section-element.section6 {
		padding:0 0 20px 0;
	}

	.section6 h2 .ico-instar {
		margin:2px 5px 0 0;
	}
	.section6 h2 .ico-instar-approval {
		margin: 4px 0 0 8px;
	}


	.section-element.section7 h2 {
		padding-left:20px;
	}


}


/*350px~*/
@media (max-width: 360px) {

	html.en .section1 .banner_title ul li,
	html.ru .section1 .banner_title ul li {
		margin-bottom: 10px;
	}



}