@charset "utf-8";

/* global menu */
.global-element {
	height: 42px;
	background-color: #efefef;
	text-align: center;
}
.global-element li {
	position: relative;
	display: inline-block;
	margin: 0px 20px;
}
.global-element li:after {
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -5px;
	z-index: 1;
	content: "";
	display: block;
	clear: both;
	width: 1px;
	height: 10px;
	background-color: #d5d5d5;
}
.global-element li:last-child:after {
	display: none;
}
.global-element li a {
	font-size: 16px;
	color: #9d9d9d;
	font-weight: 700;
	line-height: 40px;
}

/* gnb */
#navigation {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 10000;
}
#navigation.fixed {
	position: fixed;
	height: 90px;
	background-color: #fff;
}
#navigation.fixed.search {
	height: 130px;
	background-color: #fff;
}
#navigation.fixed.active {
	height: 580px; /*height:600px;*/
} /* 20211021//(Ina)파노라마서울 메뉴 추가 - 영역높이 수정 */
#navigation.sub {
	background-color: #fff;
}
#navigation nav {
	position: relative;
	height: 90px;
	border-bottom: 1px solid rgba(209, 209, 209, 0.42);
}
.article-list li a .thumb nav:after {
	content: "";
	display: block;
	clear: both;
}
nav h1 {
	position: absolute;
	left: 62px;
	/*top: 25px;*/
	top:28px;
	z-index: 1;
}
nav h1 a {
	display: inline-block;
	/*width: 234px;*/
	/*height: 35px;*/
	width: 100%;
	height: 100%;
}
nav.main h1 {
	width: 234px;
	height: 35px;
	background: url(../../images/common/icn_logo_vs_white.svg) center no-repeat;
	background-size: 100%;
}
/*
	html.ru nav.main h1 {
		width: 266px;
		height: 40px;
		background: url(../../images/2019/common/logo-white-beta.png);
	}
*/
#navigation.active nav.main h1 {
	width: 234px;
	height: 35px;
	background: url(../../images/common/icn_logo_vs_color.svg) center no-repeat;
	background-size: 100%;
}
/*
	html.ru #navigation.active nav.main h1 {
		width: 266px;
		height: 40px;
		background: url(../../images/2019/common/logo-black-beta.png);
	}
*/
nav .gnb-element {
	text-align: center;
	padding-top: 15px;
}
nav .gnb-element > li {
	display: inline-block;
	margin: 0px 5px;
}
nav .gnb-element > li > a {
	position: relative;
	display: block;
	font-size: 20px;
	color: #fff;
	padding: 20px;
}
nav .gnb-element > li > a > i {
	display: none;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}
nav .gnb-element > li > a span.line {
	opacity: 0;
	position: absolute;
	left: 0px;
	bottom: -10px;
	right: 0px;
	z-index: 1;
	border: 2px solid #0066eb;
}
html.ko nav .gnb-element > li > a:hover {
	font-weight: 700;
	color: #333;
}
nav .gnb-element > li > a:hover {
	color: #333;
}
nav .gnb-element > li > a:hover span {
	opacity: 1;
	transition: all 0.3s;
}
nav .gnb-element > li.active > .gnb-inner {
	display: block;
}
#navigation.sub nav.main h1,
#navigation.fixed nav.main h1 {
	background: url(../../images/common/icn_logo_vs_color.svg) center no-repeat;
	background-size: 100%;
}
/*
html.ru #navigation.sub nav.main h1,
html.ru #navigation.fixed nav.main h1 {
	background: url(../../images/2019/common/logo-black-beta.png);
}
*/
#navigation.sub nav .gnb-element li a {
	color: #777;
}
#navigation.sub nav .gnb-element li a:hover {
	color: #000;
}
#navigation.active {
	background-color: #fff;
	height: 580px; /*height:600px;*/
} /* 20211021//(Ina)파노라마서울 메뉴 추가 - 영역높이 수정 */
#navigation.active nav .gnb-element li a,
#navigation.fixed nav .gnb-element li a {
	color: #777;
}
#navigation.active nav .gnb-element li a:hover,
#navigation.fixed nav .gnb-element li a:hover {
	color: #000;
}
#navigation.active .gnb-close-btn {
	display: block;
}
#navigation .gnb-close-btn {
	display: none;
	position: absolute;
	right: 60px;
	top: 100px;
	z-index: 1;
}
#navigation .gnb-close-btn a {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 80px;
	color: #000;
	text-align: center;
}
#navigation .gnb-close-btn a i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -50px;
}
.gnb-inner {
	display: none;
	position: absolute;
	left: 50%;
	top: 120px;
	z-index: 1;
	width: 1000px;
	margin-left: -500px;
}
.gnb-inner .gnb-sub-title {
	float: left;
	text-align: left;
	width: 206px;
}
.biz .gnb-inner .gnb-sub-title {
	width: 235px;
}
.gnb-inner .gnb-sub-title .large-text {
	font-size: 42px;
	font-weight: 700;
	color: #333;
	word-break: keep-all;
}
html.ja .gnb-inner .gnb-sub-title .large-text,
html.zh-CN .gnb-inner .gnb-sub-title .large-text,
html.zh-TW .gnb-inner .gnb-sub-title .large-text,
html.ru .gnb-inner .gnb-sub-title .large-text {
	word-break: break-all;
}
.gnb-inner .gnb-sub-title .small-text {
	font-size: 16px;
	font-weight: 300;
	color: #333;
	margin-top: 5px;
	line-height: 22px;
}
.gnb-inner .depth-2 {
	float: left;
	margin-left: 90px;
	margin-top: -5px;
}
.gnb-inner .depth-2 li {
	display: block;
	margin: 10px 0px;
}
html.en .gnb-inner .depth-2 li {
	display: block;
	margin: 6px 0px;
}
.gnb-inner .depth-2 li a {
	display: block;
	font-size: 20px;
	color: #333;
	font-weight: normal;
	text-align: left;
	padding: 3px 0px;
}
.gnb-inner .depth-2 li a:hover {
	color: #0066eb !important;
}
.gnb-inner .gnb-right-cont {
	float: right;
	text-align: left;
}
.gnb-inner .gnb-right-cont .guide-book {
	margin-left: 100px;
}
.gnb-inner .gnb-right-cont .guide-book {
	margin-left: 100px;
}
.gnb-inner .gnb-right-cont .guide-book .guide-title {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin-top: 20px;
}
.gnb-inner .gnb-right-cont .guide-book .guide-book-btn {
	margin-top: 10px;
}
.gnb-inner .gnb-right-cont .map-pos-element {
	width: 397px;
	height: 326px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../images/2019/common/map-default.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos1 {
	background-image: url(../../images/2019/common/map-pos1.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos2 {
	background-image: url(../../images/2019/common/map-pos2.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos3 {
	background-image: url(../../images/2019/common/map-pos3.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos4 {
	background-image: url(../../images/2019/common/map-pos4.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos5 {
	background-image: url(../../images/2019/common/map-pos5.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos6 {
	background-image: url(../../images/2019/common/map-pos6.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos7 {
	background-image: url(../../images/2019/common/map-pos7.png);
}
.gnb-inner .gnb-right-cont .map-pos-element.pos8 {
	background-image: url(../../images/2019/common/map-pos8.png);
}
.gnb-inner .photo-col-lst {
	margin-left: -12px;
	width: 480px;
}
.gnb-inner .photo-col-lst > li {
	display: inline-block;
	width: 230px;
	height: 150px;
	border-radius: 4px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 12px;
}
.gnb-inner .photo-col-lst > li:nth-child(odd) {
	margin-right: 12px;
}
.gnb-inner .photo-col-lst > li > a {
	position: relative;
	display: block;
	height: 150px;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	padding: 0px 10px 10px 10px;
	color: #fff !important;
	box-sizing: border-box;
	background: -webkit-linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(0, 0, 0, 0.6)
	);
	background: -o-linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(0, 0, 0, 0.6)
	);
	background: -moz-linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(0, 0, 0, 0.6)
	);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0),
		rgba(0, 0, 0, 0.6)
	);
}
.gnb-inner .photo-col-lst > li > a > span {
	display: block;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 1;
}
.other-menu-element {
	position: absolute;
	right: 60px;
	top: 30px;
	z-index: 1;
}
.other-menu-element span {
	display: inline-block;
	vertical-align: middle;
}
.search-element {
	position: absolute;
	right: 290px;
	top: 35px;
	z-index: 2;
	width: 19px;
	height: 19px;
}
.other-menu-element a {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}
.search-element > a {
	display: block;
	width: 19px;
	height: 19px;
}
.search-element > a > .icon {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(../../images/2019/common/ico-search@2x.png);
	background-size: 19px 19px;
	margin-right: 10px;
}
html.ru .search-element {
	right: 312px;
}
.search-box-element {
	display: none;
	position: absolute !important;
	left: 0px;
	right: 0px;
	top: 88px;
	z-index: 1;
	height: 100px;
	background-color: #1f2328;
	padding-top: 20px;
	box-sizing: border-box;
}
.search-box-element .search-box-inner {
	position: relative;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-right: 30px;
	border-bottom: 2px solid #fff;
}
.search-box-element .search-box-inner input[type="text"] {
	background-color: transparent;
	width: 100%;
	height: 50px;
	padding: 5px 10px;
	font-size: 20px;
	color: #fff;
	box-sizing: border-box;
}

.search-box-element .search-box-inner input::placeholder {
    color: #fff;
    font-size: 20px;
}


.search-box-element .search-box-inner button {
	position: absolute;
	right: 0px;
	top: 12px;
	z-index: 1;
	width: 30px;
	height: 30px;
	color: #fff;
	background: url("../../images/2019/common/ico-search-open@2x.png") no-repeat
		center center;
	background-size: 24px 24px;
}
.search-box-element .search-box-close {
	position: absolute;
	right: 30px;
	top: 26px;
	z-index: 1;
}
.search-box-element .search-box-close a {
	display: block;
	width: 51px;
	height: 51px;
	background: url("../../images/2019/common/ico-search-close-1@2x.png")
		no-repeat center center;
	background-size: 51px 51px;
}
.other-menu-element .lang-element {
	position: relative;
	float: left;
	margin-left: 20px;
}

.other-menu-element .lang-element > a > .icon {
	background: yellow;
}
.other-menu-element .lang-element > a > .icon {
	width: 20px;
	height: 20px;
	background: url(../../images/2019/common/ico-world@2x.png);
	background-size: 20px 20px;
	margin-right: 8px;
	margin-top: 2px;
}

.other-menu-element .lang-element > a > i {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	margin-left: 5px;
	margin-top: 2px;
}
.other-menu-element .lang-element.active .lang-open-lst {
	display: block;
}
.other-menu-element .lang-element .lang-open-lst {
	display: none;
	position: absolute;
	left: -120px;
	top: 32px;
	z-index: 100000;
	padding: 10px;
	width: 220px;
	border: 1px solid #ddd;
	background-color: #fff;
}
.other-menu-element .lang-element .lang-open-lst li {
	height: 36px;
	line-height: 36px;
	background-color: #f6f6f6;
	margin-bottom: 2px;
}
.other-menu-element .lang-element .lang-open-lst li a {
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: 400;
	height: 36px;
	line-height: 36px;
	background-color: #f6f6f6;
	padding: 0px 10px;
}
.other-menu-element .lang-element .lang-open-lst li a span {
	color: #0090e2;
}
.other-menu-element .lang-element .lang-open-lst li.active a {
	background-color: #333;
	color: #fff;
}
.other-menu-element .lang-element .lang-open-lst li a:hover {
	background-color: #333;
	color: #fff !important;
}
.other-menu-element .login-element {
	float: left;
	margin-top: 3px;
}
.other-menu-element .login-element > a {
	display: block;
	font-size: 14px;
}
.other-menu-element .login-element > a > .icon {
	width: 20px;
	height: 20px;
	background: url(../../images/2019/common/ico-login@2x.png);
	background-size: 20px 20px;
	margin-right: 3px;
}
#navigation.active .other-menu-element a,
#navigation.fixed .other-menu-element a,
#navigation.sub .other-menu-element a {
	color: #555555;
}
#navigation.active .search-element > a > .icon,
#navigation.fixed .search-element > a > .icon,
#navigation.sub .search-element > a > .icon {
	background: url(../../images/2019/common/ico-search-gray@2x.png);
	background-size: 19px 19px;
}
#navigation.active .other-menu-element .lang-element > a > .icon,
#navigation.fixed .other-menu-element .lang-element > a > .icon,
#navigation.sub .other-menu-element .lang-element > a > .icon {
	background: url(../../images/2019/common/ico-world-gray@2x.png);
	background-size: 20px 20px;
}
#navigation.active .other-menu-element .lang-element.active > a > .icon,
#navigation.fixed .other-menu-element .lang-element.active > a > .icon,
#navigation.sub .other-menu-element .lang-element.active > a > .icon {
	background: url(../../images/2019/main/ico-world-on.png);
	background-size: 20px 20px;
}
#navigation.active .other-menu-element .lang-element.active > a,
#navigation.fixed .other-menu-element .lang-element.active > a,
#navigation.sub .other-menu-element .lang-element.active > a {
	color: #0066eb !important;
}
#navigation.active .other-menu-element .login-element > a > .icon,
#navigation.fixed .other-menu-element .login-element > a > .icon,
#navigation.sub .other-menu-element .login-element > a > .icon {
	background: url(../../images/2019/common/ico-login-gray@2x.png);
	background-size: 20px 20px;
}
.mobile-menu {
	display: none;
	position: absolute;
	right: 20px;
	top: 35px;
	z-index: 2;
}
.mobile-menu a {
	display: block;
	width: 40px;
	height: 25px;
	background: url(../../images/2019/common/ico-mobile-menu@2x.png);
	background-size: 40px 25px;
}
.mobile-menu a.active {
	width: 40px;
	height: 30px;
	background: url(../../images/2019/common/ico-x@2x.png) no-repeat center center;
	background-size: 30px 30px;
}
@media all and (max-width: 1500px) {
	/* 다국어 처리 gnb */
	/*	html.en #navigation nav,
	html.ja #navigation nav,
	html.zh-CN #navigation nav,
	html.zh-TW #navigation nav,
	html.ru #navigation nav{position:relative;height:112px;text-align:center}
	
	html.en #navigation nav h1,
	html.ja #navigation nav h1,
	html.zh-CN #navigation nav h1,
	html.zh-TW #navigation nav h1,
	html.ru #navigation nav h1{position:relative;left:auto;top:10px;display:inline-block;}

	html.en .search-element,
	html.ja .search-element,
	html.zh-CN .search-element,
	html.zh-TW .search-element,
	html.ru .search-element{top:25px;right:260px}

	html.en .other-menu-element,
	html.ja .other-menu-element,
	html.zh-CN .other-menu-element,
	html.zh-TW .other-menu-element,
	html.ru .other-menu-element{top:20px;right:30px}

	html.en nav .gnb-element,
	html.ja nav .gnb-element,
	html.zh-CN nav .gnb-element,
	html.zh-TW nav .gnb-element,
	html.ru nav .gnb-element{padding-top:0px}

	html.en nav .gnb-element > li > a span.line,
	html.ja nav .gnb-element > li > a span.line,
	html.zh-CN nav .gnb-element > li > a span.line,
	html.zh-TW nav .gnb-element > li > a span.line,
	html.ru nav .gnb-element > li > a span.line{bottom:-3px}

	html.en .gnb-inner,
	html.ja .gnb-inner,
	html.zh-CN .gnb-inner,
	html.zh-TW .gnb-inner,
	html.ru .gnb-inner{top:140px;}

	html.en #navigation .gnb-close-btn,
	html.ja #navigation .gnb-close-btn,
	html.zh-CN #navigation .gnb-close-btn,
	html.zh-TW #navigation .gnb-close-btn,
	html.ru #navigation .gnb-close-btn{top:120px;}

	html.en #navigation.fixed,
	html.ja #navigation.fixed,
	html.zh-CN #navigation.fixed,
	html.zh-TW #navigation.fixed,
	html.ru #navigation.fixed{height:112px}

	html.en #navigation.fixed.active,
	html.ja #navigation.fixed.active,
	html.zh-CN #navigation.fixed.active,
	html.zh-TW #navigation.fixed.active,
	html.ru #navigation.fixed.active{height:580px}

	html.en .sub-contents,
	html.ja .sub-contents,
	html.zh-CN .sub-contents,
	html.zh-TW .sub-contents,
	html.ru .sub-contents{padding-top:65px} */
}
@media all and (max-width: 1119px) {
	nav h1 {
		left: 20px;
	}
	.global-element {
		display: none !important;
	}
	#navigation {
		height: 90px;
		background-color: #fff;
		position: absolute;
		z-index: 1000000;
	}
	#navigation.mm {
		height: auto;
		bottom: 0px;
	}
	#navigation nav {
		height: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 100000;
	}
	nav.main h1 {
		background: url(../../images/common/icn_logo_vs_color.svg) center no-repeat;
		background-size: 100%;
	}

	/* 다국어 처리 gnb */
	html.en #navigation nav,
	html.ja #navigation nav,
	html.zh-CN #navigation nav,
	html.zh-TW #navigation nav,
	html.ru #navigation nav {
		height: auto;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 100000;
		text-align: left;
	}

	html.en #navigation nav h1,
	html.ja #navigation nav h1,
	html.zh-CN #navigation nav h1,
	html.zh-TW #navigation nav h1,
	html.ru #navigation nav h1 {
		left: 20px;
		top: 25px;
	}

	html.en .search-element,
	html.ja .search-element,
	html.zh-CN .search-element,
	html.zh-TW .search-element,
	html.ru .search-element {
		top: 35px;
		right: 90px;
	}

	html.en .other-menu-element,
	html.ja .other-menu-element,
	html.zh-CN .other-menu-element,
	html.zh-TW .other-menu-element,
	html.ru .other-menu-element {
		display: none;
		left: 0px;
		right: 0px;
		top: 90px;
	}

	html.en #navigation.fixed,
	html.ja #navigation.fixed,
	html.zh-CN #navigation.fixed,
	html.zh-TW #navigation.fixed,
	html.ru #navigation.fixed {
		height: 90px;
	}

	html.en #navigation.fixed.mm,
	html.ja #navigation.fixed.mm,
	html.zh-CN #navigation.fixed.mm,
	html.zh-TW #navigation.fixed.mm,
	html.ru #navigation.fixed.mm {
		height: auto;
	}

	html.en .gnb-inner,
	html.ja .gnb-inner,
	html.zh-CN .gnb-inner,
	html.zh-TW .gnb-inner,
	html.ru .gnb-inner {
		top: 0px;
	}

	#navigation.active {
		height: auto;
	}
	nav .gnb-element {
		display: none;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 150px;
		z-index: 1;
		background-color: #fff;
		padding-top: 0px;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	nav .gnb-element > li {
		display: block;
		border-bottom: 1px solid #ddd;
		text-align: left;
		margin: 0px;
	}
	nav .gnb-element > li > a span.line {
		display: none;
	}
	nav .gnb-element > li > a > i {
		display: inline-block;
	}
	#navigation.mm nav .gnb-element {
		display: block;
	}
	.gnb-inner {
		position: relative;
		top: 0px;
		left: 0px;
		margin-left: 0px;
		width: auto;
	}
	.gnb-inner .gnb-sub-title,
	#navigation .gnb-close-btn a i,
	.gnb-inner .gnb-right-cont {
		display: none;
	}
	.gnb-inner .depth-2 {
		float: none;
		margin-left: 0px;
		margin-top: 0px;
		background-color: #f6f6f6;
		padding: 10px 20px 10px 40px;
		border-top: 1px solid #ddd;
	}
	.mobile-menu {
		display: block;
	}
	.other-menu-element {
		display: none;
		left: 0px;
		right: 0px;
		top: 90px;
	}
	#navigation.mm .other-menu-element {
		display: block;
	}
	.other-menu-element .login-element {
		width: 50%;
		height: 60px;
		background-color: #0066eb;
		text-align: center;
		box-sizing: border-box;
		padding-top: 12px;
		margin-top: 0px;
	}
	.other-menu-element .login-element > a {
		font-size: 20px;
		color: #fff !important;
	}
	#navigation.active .other-menu-element .login-element > a > .icon,
	#navigation.sub .other-menu-element .login-element > a > .icon {
		width: 31px;
		height: 30px;
		background: url(../../images/2019/common/ico-login@2x.png);
		background-size: 31px 30px;
	}
	.other-menu-element .lang-element {
		width: 50%;
		height: 60px;
		background-color: #2c323a;
		text-align: center;
		box-sizing: border-box;
		padding-top: 12px;
		margin-left: 0px;
	}
	.other-menu-element .lang-element > a {
		font-size: 20px;
		color: #fff !important;
	}
	#navigation.active .other-menu-element .lang-element > a > .icon,
	#navigation.sub .other-menu-element .lang-element > a > .icon {
		width: 30px;
		height: 30px;
		background: url(../../images/2019/common/ico-world@2x.png);
		background-size: 30px 30px;
	}
	#navigation.active .other-menu-element .lang-element.active > a > .icon,
	#navigation.sub .other-menu-element .lang-element.active > a > .icon {
		background: url(../../images/2019/main/ico-world-on.png);
		background-size: 30px 30px;
	}
	.search-element {
		right: 90px;
	}
	.search-element > a {
		width: 25px;
		height: 25px;
	}
	#navigation.active .search-element > a > .icon,
	#navigation.sub .search-element > a > .icon {
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}
	.other-menu-element .lang-element .lang-open-lst {
		left: 0px;
		top: 60px;
		width: 100%;
		box-sizing: border-box;
	}
	.search-box-element {
		top: 91px;
	}
	.search-box-element .search-box-close {
		display: none;
	}

	html.en .sub-contents,
	html.ja .sub-contents,
	html.zh-CN .sub-contents,
	html.zh-TW .sub-contents,
	html.ru .sub-contents {
		padding-top: 0px;
	}
}

@media all and (max-width: 768px) {
	.search-box-element {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* footer */
.wrapper footer {
	position: relative;
}
.wrapper footer .footer-top {
	height: 100px;
	background-color: #1f2328;
}
.wrapper footer .footer-top:after,
.wrapper footer .footer-body {
	content: "";
	display: block;
	clear: both;
}
.wrapper footer .footer-inner {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}
.wrapper footer .footer-top .quick-menu {
	overflow: hidden;
	padding-top: 30px;
}
.wrapper footer .footer-top .quick-menu li {
	float: left;
	width: 20%;
}
.wrapper footer .footer-top .quick-menu li a {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}
.wrapper footer .footer-top .quick-menu li a span {
	width: 44px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
}
.wrapper footer .footer-top .quick-menu li.qm1 a span {
	background-image: url(../../images/2019/common/ico-map@2x.png);
	background-size: 40px 39px;
}
.wrapper footer .footer-top .quick-menu li.qm2 a span {
	background-image: url(../../images/2019/common/ico-sun@2x.png);
	background-size: 44px 36px;
}
.wrapper footer .footer-top .quick-menu li.qm3 a span {
	background-image: url(../../images/2019/common/ico-newsletter@2x.png);
	background-size: 33px 40px;
}
.wrapper footer .footer-top .quick-menu li.qm4 a span {
	background-image: url(../../images/2019/common/ico-megaphone@2x.png);
	background-size: 40px 29px;
}
.wrapper footer .footer-top .quick-menu li.qm5 a span {
	background-image: url(../../images/2019/common/ico-infor@2x.png);
	background-size: 35px 36px;
}
.wrapper footer .footer-body {
	background-color: #2c323a;
}
.wrapper footer .footer-menu {
	overflow: hidden;
	padding: 40px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.wrapper footer .footer-menu > li {
	float: left;
	width: 20%;
}
.wrapper footer .footer-menu > li > a {
	display: block;
	font-size: 18px;
	color: #fff;
}
.wrapper footer .footer-menu > li > ul {
	margin-top: 8px;
}
.wrapper footer .footer-menu > li > ul > li {
	float: none;
	width: 100%;
	margin: 3px 0px 4px 0px;
}
.wrapper footer .footer-menu > li > ul > li > a {
	padding: 2px 0px 1px 0px;
	font-size: 14px;
	color: #bfbfbf;
	font-weight: 300;
}
.wrapper footer .footer-other {
	overflow: hidden;
	padding: 40px 0px 30px 0px;
}
.wrapper footer .footer-other .other-element {
	position: relative;
	float: left;
	width: 250px;
	min-height: 200px;
	margin-right: 40px;
}
.wrapper footer .footer-other .other-element:last-child {
	margin-right: 0px;
	width: 270px;
}
.wrapper footer .footer-other .other-element .other-title {
	font-size: 16px;
	color: #fff;
	padding-bottom: 20px;
}
.wrapper footer .footer-other .other-element .other-title + .other-infor {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 7px;
}
.wrapper footer .footer-other .other-element img + .other-lank {
	margin-top: 20px;
}
.wrapper footer .footer-other .other-element .other-lank {
	position: relative;
	overflow: hidden;
}
.wrapper footer .footer-other .other-element .other-lank a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0px 35px 10px 0px;
	text-decoration: none;
}
.wrapper footer .footer-other .other-element .other-lank a span {
	width: 17px;
	height: 14px;
	position: absolute;
	right: 0px;
	top: 2px;
	z-index: 1;
	background-image: url(../../images/2019/common/ico-link.png);
	background-size: 16px 14px;
	background-repeat: no-repeat;
}
.wrapper footer .footer-other .other-element .copyright-text {
	margin-top: 15px;
	font-size: 13px;
	color: #9b9b9b;
	font-weight: 300;
	line-height: 20px;
}
.wrapper footer .footer-other .other-element .terms-menu {
	overflow: hidden;
	margin-top: 5px;
}
.wrapper footer .footer-other .other-element .terms-menu li {
	position: relative;
	float: left;
}
.wrapper footer .footer-other .other-element .terms-menu li:first-child {
	margin-right: 10px;
}
.wrapper footer .footer-other .other-element .terms-menu li:last-child {
	margin-right: 0px;
	margin-left: 10px;
}
.wrapper footer .footer-other .other-element .terms-menu li:after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background-color: #424242;
	position: absolute;
	right: -10px;
	top: 0px;
	z-index: 1;
}
.wrapper footer .footer-other .other-element .terms-menu li:last-child:after {
	display: none;
}
.wrapper footer .footer-other .other-element .terms-menu li a {
	display: block;
	font-size: 13px;
	color: #9b9b9b;
}
.wrapper footer .footer-other .other-element .other-lank + .other-infor {
	margin-top: 5px;
}
.wrapper footer .footer-other .other-element .other-infor {
	overflow: hidden;
	margin-top: 15px;
}
.wrapper footer .footer-other .other-element .other-infor li {
	position: relative;
	font-size: 13px;
	color: #9b9b9b;
	padding: 0px 0px 10px 20px;
}
.wrapper footer .footer-other .other-element .other-infor li a {
	display: block;
	padding-right: 10px;
	background: url(../../images/2019/common/ico-link.png) no-repeat right center;
	color: #9b9b9b;
	background-size: 16px 14px;
}
.wrapper footer .footer-other .other-element .other-infor li:last-child {
	padding: 0px;
}
.wrapper footer .footer-other .other-element .other-infor li span {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0px;
	top: 1px;
	z-index: 1;
	background-repeat: no-repeat;
}
.wrapper footer .footer-other .other-element .other-infor li span.loc {
	background-image: url(../../images/2019/common/ico-footer-loc.png);
	background-size: 13px 17px;
	height: 17px;
}
.wrapper footer .footer-other .other-element .other-infor li span.time {
	background-image: url(../../images/2019/common/ico-time.png);
	background-size: 14px 14px;
}
.wrapper footer .footer-other .other-element .other-infor li span.email {
	width: 14px;
	height: 10px;
	margin-top: 3px;
	background-image: url(../../images/2019/common/ico-email.png);
	background-size: 14px 10px;
}
.wrapper footer .footer-other .other-element .other-infor li span.tel {
	background-image: url(../../images/2019/common/ico-phone.png);
	background-size: 14px 14px;
}
.wrapper footer .footer-other .other-element .other-infor li span.cn {
	background-image: url(../../images/2019/common/footer-i.png);
	background-size: 14px 14px;
}
.wrapper footer .footer-other .other-element .other-1330 {
	padding-bottom: 27px;
	border-bottom: 1px solid #383838;
	margin: 10px 0px 20px 0px;
}
.wrapper footer .footer-other .other-element .other-btn {
	margin-top: 0px;
}
.wrapper footer .footer-other .other-element .other-btn a {
	display: block;
	padding-bottom: 5px;
}
.wrapper footer .footer-other .other-element .footer-sns {
	overflow: hidden;
	text-align: right;
	padding: 10px 15px 5px 0px;
}
.wrapper footer .footer-other .other-element .footer-sns a {
	display: inline-block;
	margin-left: 15px;
	width: 15px;
	height: 10px;
	font-size: 20px;
	color: #fefefe;
}
.wrapper
	footer
	.footer-other
	.other-element
	.footer-sns
	a
	span.ion-social-instart {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../../images/2018/ico-ins.png);
	background-position: center center;
	background-size: 16px 16px;
}
.wrapper footer .footer-other .other-element .footer-sns a span.ion-social-wei {
	display: inline-block;
	width: 20px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../../images/2018/ico-wei.png);
	background-position: center center;
	background-size: 20px 16px;
}
.wrapper footer .footer-other .other-element .footer-sns a span.ion-social-yk {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../../images/2018/ico-youku.png);
	background-position: center center;
	background-size: 16px 16px;
}
.wrapper footer .footer-other .other-element.e1 {
	margin-right: 70px;
}
.wrapper footer .footer-other .other-element.e1 img {
	width: auto;
	height: 38px;
}
.wrapper footer .footer-other .other-element.e2 {
	width: 220px;
	margin-right: 80px;
}
.wrapper footer .footer-other .other-element.e2 .comment-number {
	padding: 5px 0px 0px 0px;
	margin-bottom: 10px;
}
.wrapper footer .footer-other .other-element.e2 .comment-number:last-child {
	border: 0px;
}
.wrapper footer .footer-other .other-element.e2 .comment-number .other-title {
	padding-bottom: 15px;
}
.wrapper footer .footer-other .other-element.e3 {
	width: 220px;
	margin-right: 90px;
}
.wrapper footer .footer-other .comment-number {
	overflow: hidden;
	padding: 5px 0px 20px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 20px;
}
.wrapper footer .footer-other .other-element .app-element {
	overflow: hidden;
}
.wrapper footer .footer-other .other-element .app-element .itour {
	float: left;
}
.wrapper footer .footer-other .other-element .app-element .app-right {
}
.wrapper footer .footer-other .other-element .app-element .app-right p {
	float: left;
	margin-right: 10px;
}
.wrapper
	footer
	.footer-other
	.other-element
	.app-element
	.app-right
	p:last-child {
	margin-right: 0px;
}
.wrapper footer .footer-other .other-element .social-element {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
	width: auto;
}
.wrapper footer .footer-other .other-element .social-element .other-title {
	margin-top: 10px;
}
.wrapper footer .footer-other .other-element .social-element .social-item {
	overflow: hidden;
}
.wrapper footer .footer-other .other-element .social-element .social-item li {
	float: left;
}
.wrapper footer .footer-other .other-element .social-element .social-item li a {
	display: block;
	width: 45px;
	height: 45px;
	margin-right: 30px;
}
.wrapper
	footer
	.footer-other
	.other-element
	.social-element
	.social-item
	li:last-child
	a {
	margin-right: 0px;
}
.wrapper footer .footer-bottom {
	background-color: #2c323a;
	height: 80px;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
}
.wrapper footer .footer-bottom:after {
	content: "";
	display: block;
	clear: both;
}
.wrapper footer .footer-bottom .award-element {
	position: absolute;
	left: 0px;
	top: 15px;
	z-index: 1;
}
.wrapper footer .footer-bottom .award-element li {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
}
html.ko .wrapper footer .footer-bottom .award-element li:first-child {
	display: none;
}
.wrapper footer .footer-bottom .award-element li:last-child {
	margin-right: 10px;
}
.wrapper footer .footer-bottom .award-element li span {
	display: table;
	width: 50px;
	height: 60px;
}
.wrapper footer .footer-bottom .award-element li span .inner {
	display: table-cell;
	width: 50px;
	height: 60px;
	vertical-align: middle;
}
.wrapper footer .footer-bottom .award-element li:nth-child(1) span .inner img {
	width: 80%;
}
.wrapper footer .footer-bottom .award-element li:nth-child(2) span .inner img {
	width: 80%;
}
.wrapper footer .footer-bottom .award-element li:nth-child(4) span .inner img {
	width: 62%;
}
.wrapper footer .footer-bottom .award-element li span .inner img {
	width: 70%;
}
.wrapper footer .footer-bottom .footer-inner {
	position: relative;
	height: 60px;
}
.wrapper footer .footer-bottom .copyright {
	line-height: 80px;
}
.wrapper footer .footer-bottom .footer-other-link {
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 1;
	overflow: hidden;
}
.wrapper footer .footer-bottom .footer-other-link li {
	position: relative;
	float: left;
	margin-right: 30px;
}
.wrapper footer .footer-bottom .footer-other-link li:first-child {
	padding-top: 5px;
}
.wrapper footer .footer-bottom .footer-other-link li:last-child {
	margin-right: 0px;
}
.wrapper footer .footer-bottom .footer-other-link li a {
	display: block;
}
.wrapper footer .footer-bottom .footer-other-link li:after {
	position: absolute;
	right: -15px;
	top: 4px;
	height: 30px;
	width: 1px;
	content: "";
	display: block;
	clear: both;
	background-color: rgba(255, 255, 255, 0.2);
}
@media all and (max-width: 1119px) {
	.wrapper.fixed {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden;
	}
	.wrapper footer .footer-other .other-element {
		width: 20%;
		margin-right: 2% !important;
	}
	.wrapper footer .footer-other .other-element.e1 {
		margin-right: 0px;
	}
	.wrapper footer .footer-other .other-element.e2,
	.wrapper footer .footer-other .other-element.e3,
	.wrapper footer .footer-other .other-element.e4 {
		width: auto;
		margin-right: 0px;
	}
	.wrapper footer .footer-menu {
		padding: 40px 20px;
	}
	.wrapper footer .footer-other {
		padding: 40px 20px 30px 20px;
	}
}
@media all and (max-width: 800px) {
	.wrapper footer .footer-menu {
		display: none;
	}
	.wrapper footer .footer-other .other-element {
		width: 50% !important;
		margin-right: 0px !important;
	}
	.wrapper footer .footer-other .other-element:last-child {
		width: 50% !important;
	}
	.wrapper footer .footer-bottom {
		height: 160px;
	}
	.wrapper footer .footer-bottom .award-element {
		position: relative;
		left: 0px;
		right: 0px;
		top: 10px;
	}
	.wrapper footer .footer-bottom .award-element li {
		display: inline-block;
		float: none;
	}
	.wrapper footer .footer-bottom .footer-inner {
		height: auto;
	}
	.wrapper footer .footer-bottom .footer-other-link {
		position: relative;
		left: 0px;
		right: 0px;
		top: 30px;
	}
	.wrapper footer .footer-bottom .footer-other-link li {
		float: none;
		display: inline-block;
	}
	.wrapper footer .footer-bottom .copyright {
		line-height: 0px;
		margin-top: 20px;
	}
	.wrapper footer .footer-bottom .footer-other-link li:last-child:after {
		display: none;
	}
	.wrapper footer .footer-top {
		display: none;
	}
}
@media all and (max-width: 600px) {
	.wrapper footer .footer-other .other-element,
	.wrapper footer .footer-other .other-element:last-child {
		width: 100% !important;
	}
	.wrapper footer .footer-other .other-element .app-element {
		width: 280px;
	}
	.wrapper footer .footer-other .other-element {
		margin-bottom: 20px;
		min-height: auto;
	}
	.wrapper footer .footer-other .other-element .terms-menu {
		position: relative;
	}
}
@media all and (max-width: 480px) {
	#navigation.sub nav.main h1,
	#navigation.fixed nav.main h1 {
		width: 205px;
		height: 35px;
		background: url(../../images/common/icn_logo_vs_color.svg) center center;
		background-size: 100%;
	}
	/*
	html.ru #navigation.sub nav.main h1,
	html.ru #navigation.fixed nav.main h1 {
		width: 215px;
		height: 35px;
		background: url(../../images/2019/common/logo-black-beta.png) center center;
		background-size: 100%;
	}
	*/
	#navigation.sub nav.main h1 {
		top:31px;
		width: 180px;
		height: 30px;
	}
}

/* articles list */
.article-list-slide {
	position: relative;
	/* overflow: hidden; */
}
.article-list {
	/* margin-top: 10px; */
	/* margin-left:-20px; */
	margin-top: 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.article-list:after,
.article-list li .inner {
	content: "";
	display: block;
	clear: both;
}
.article-list li {
	position: relative;
	/* overflow: hidden; */
	/* float:left; */
	/* width:25%; */
	/* margin-bottom:30px; */
	/* padding:2px; */
	width: calc(25% - 15px);
	border-radius: 4px;
	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
}

.article-list.travel li {
	padding: 0;
	/* float: left; */
	/* width: 50%; */
	width: calc(50% - 15px);
	background: none;
}

.article-list.travel li a {
	margin: 0;
	text-decoration: none;
}



.article-list li.active a .thumb {
	transform: scale(1.1);
}

.newsletter-element .article-list li {
	height: 400px;
}
.article-list li:after {
	content: "";
	display: block;
	clear: both;
}
.article-list li a {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	border-radius: 4px;
}
.article-list li a .thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 210px;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    background-position: top;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.article-list li a .thumb.thumb--icon {
	background-size: contain;
}

.article-list li a .thumb .food-mark {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	background-color: rgba(255, 255, 255, 1);
	text-align: center;
	border-radius: 33px;
	padding: 3px;
	box-sizing: border-box;
	box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
}
.article-list li a .thumb .food-mark img {
	width: 55px;
	height: 55px;
}
.article-list li a .thumb span {
	display: inline-block;
	position: absolute;
	z-index: 1;
}
.article-list li a .thumb span.tip-text {
	right: 5px;
	top: 5px;
	padding: 5px 10px;
	min-width: 80px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
	color: #fff;
}
.article-list li a .thumb span.tip-text.blue {
	background-color: #0066eb;
}
.article-list li a .thumb span.tip-text.red {
	background-color: #eb0000;
}
.article-list li a .thumb span.tip-text.black {
	background-color: #333;
}
.article-list li a .thumb span.day-text {
	left: 20px;
	bottom: 30px;
	padding: 5px 10px 7px 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	background-color: #000;
	color: #ddd;
}
.article-list li a .thumb > img {
	width: 100%;
}

.article-list li a .thumb span.ico-watermark {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	display: inline-block;
	width: 100%;
	height: 210px;
	background: url(../../images/common/icn_logo_S-TCEP.png) no-repeat right top;
	background-size: 285px 210px;
}

.article-list li a .infor-element {
	position: relative;
	z-index: 10;
	margin: 0;
	background-color: #fff;
	border-top: 1px solid rgba(209, 209, 209, 0.42);
}

.article-list li a .infor-element .infor-element-inner {
	min-height: 125px;
	padding: 12px 15px;
	box-sizing: border-box;
}

.article-list.shopping li a .infor-element {
	height: auto;
}
.article-list li a .infor-element span {
	display: block;
}
.article-list li a .infor-element .day {
	font-size: 14px;
	color: #555;
	font-weight: 700;
}
.article-list li a .infor-element .title {
	font-size: 17px;
	color: #222;
	font-weight: 700;
}
.article-list li.active .infor-element .title {
	color: #0066eb;
}

.article-list li a .infor-element .view {
	position: absolute;
	right: 10px;
	bottom: 25px;
	z-index: 1;
	width: 26px;
	height: 26px;
	background: url(../../images/2019/common/list-view-btn.png) no-repeat 0px 0px;
}
.article-list li a .infor-element .small-text {
    font-size: 14px;
    color: #767676;
    font-weight: 400;
    margin-top: 5px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.article-list li a .infor-element .trip-ico {
	margin-top: 5px;
}
.article-list li a .infor-element .trip-ico span {
	display: inline-block;
	margin-left: 3px;
	font-size: 12px;
	color: #777;
}


@media all and (max-width: 1024px) {
	.article-list {
		margin-left: -20px;
	}
	.article-list li a {
		margin-left: 20px;
	}
	.article-list li a .thumb {
		height: 27vw;
	}
	.article-list-slide .article-list {
		margin-left: 0px;
		margin-top: 0;
	}
	.article-list-slide .article-list li {
		width: 100%;
		margin-bottom: 0;
	}
	.article-list-slide .article-list.travel li {
		/* width: 50%; */
	}
	.article-list-slide .article-list li a {
		margin-left: 0px;
	}
}

@media all and (max-width: 768px) {
	.section-element .article-list {
		display: none;
	}
	.article-list {
		margin-left: 0px;
		margin-right: 0;
	}
	.article-list li {
		width: 50%;
	}
	.article-list li a {
		margin-left: 15px;
	}

	.article-list li a .thumb {
		height: 210px;
	}

	.article-list li a .infor-element .title {
		font-size: 20px;
	}
	.article-list-element .article-list {
		margin-right: 0px;
	}
	.article-list-element .article-list li {
		width: 100%;
	}
	.article-list-slide .article-list.travel li {
		width: 100%;
		padding-left: 0;
	}
	.article-list-element .article-list li a {
		margin-left: 0px;
	}
	.newsletter-element {
		margin: 30px auto 80px auto;
	}
	.newsletter-more {
		text-align: center;
	}
	.newsletter-more a {
		display: inline-block;
	}
}

@media all and (max-width: 480px) {
	.article-list li a .infor-element .small-text {
		height: auto;
		overflow: hidden;
	}
}

/* text dot */
.text-dot {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.text-dot-d {
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* vertical align */
.vm-box {
	display: table;
	width: 100%;
	height: 100%;
}
.vm-box .vm-inner {
	display: table-cell;
	vertical-align: middle;
}

/* paging */
.paging-lst {
	/* clear:both;text-align:center; */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #999;
	margin: 50px 0px 0px 0px;
}
.paging-lst:after {
	content: "";
	display: block;
	clear: both;
}
.paging-lst a {
	/*display:inline-block;vertical-align:top;*/
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	line-height: 35px;
	color: #555;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 36px;
	font-size: 14px;
}
.paging-lst a.icon {
	background: #fff;
	border: 1px solid #dedede;
}
.paging-lst a.prev {
	margin-right: 18px;
}
.paging-lst a.next {
	margin-left: 18px;
}
.paging-lst a.on {
	border: 1px solid #333333;
	background: #333;
	color: #fff;
}
@media all and (max-width: 768px) {
	.paging-lst a {
		height: 26px;
		width: 26px;
		line-height: 25px;
		border-radius: 13px;
		font-size: 12px;
	}
	.paging-lst a.prev {
		margin-right: 10px;
	}
	.paging-lst a.next {
		margin-left: 10px;
	}
}

/* button */
.detail-button {
	display: inline-block;
	line-height: 37px;
	height: 40px;
	border-radius: 4px;
	border: solid 2px #ddd;
	font-size: 16px;
	color: #333;
	font-weight: 700;
	padding: 0px 20px;
	box-sizing: border-box;
}
.detail-button:hover {
	color: #fff;
	background-color: #0066eb;
	border: solid 2px #0066eb;
}

/* Checked */
.form-check {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 8px 0;
}
.form-check label {
	display: inline-block;
	position: relative;
	min-width: 20px;
	min-height: 20px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 18px;
	color: #333;
	font-weight: 700;
}
.form-check label span {
	display: inline-block;
	padding-left: 40px;
}
.form-check label:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	z-index: 1;
	height: 30px;
	background: url(../../images/2019/common/ico-check-off.png) no-repeat 0px 0px;
}
.form-check > input {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	width: 30px;
	height: 30px;
}
.form-check > input:checked + label:after {
	background: url(../../images/2019/common/ico-checkbox-on.png) no-repeat 0px
		0px;
}
.form-check > input:checked label {
	color: #0066eb;
}

/* mask */
.mask-layer {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 132px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}
.mask-layer-dobo {
	display: none;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10000;
}
html.ko .mask-layer {
	top: 148px;
}
@media all and (max-width: 1119px) {
	.mask-layer,
	html.ko .mask-layer {
		top: 90px;
	}
}

/* notice banner */
.notice-banner {
	position: relative;
	height: 100px;
	background-color: #efb3b3;
}
html.ko .notice-banner a,
html.en .notice-banner a,
html.ja .notice-banner a,
html.zh-CN .notice-banner a,
html.zh-TW .notice-banner a,
html.ru .notice-banner a {
	display: block;
	height: 100px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
html.ko .notice-banner a {
	background-image: url(../../images/2019/common/banner/1399_web_ko.png);
}
html.en .notice-banner a {
	background-image: url(../../images/2019/common/banner/1399_web_eg.png);
}
html.ja .notice-banner a {
	background-image: url(../../images/2019/common/banner/1399_web_jp.png);
}
html.zh-CN .notice-banner a {
	background-image: url(../../images/2019/common/banner/1399_web_ch.png);
}
html.zh-TW .notice-banner a {
	background-image: url(../../images/2019/common/banner/notice-ban-tw.png);
}
.notice-banner + #navigation {
	top: 100px;
}
#seoul-common-gnb + .notice-banner + #navigation {
	top: 148px;
}
.notice-banner + #navigation.fixed {
	position: fixed;
	height: 90px;
	background-color: #fff;
	top: 0px;
}
#seoul-common-gnb + .notice-banner + #navigation.fixed {
	top: 0px;
}
.notice-banner + #navigation.fixed.active {
	height: 580px;
}
@media all and (max-width: 768px) {
	.notice-banner a {
		background-size: 100%;
		background-position: left center;
	}
	html.ko .notice-banner a {
		background-image: url(../../images/2019/common/banner/1399_mobile_ko.png);
	}
	html.en .notice-banner a {
		background-image: url(../../images/2019/common/banner/1399_mobile_eg.png);
	}
	html.ja .notice-banner a {
		background-image: url(../../images/2019/common/banner/1399_mobile_jp.png);
	}
	html.zh-CN .notice-banner a {
		background-image: url(../../images/2019/common/banner/1399_mobile_ch.png);
	}
	html.zh-TW .notice-banner a {
		background-image: url(../../images/2019/common/banner/notice-ban-tw-m.png);
	}
}