@charset "UTF-8";
/* 
/*Noto
@font-face {
	font-family: 'NotoSansKR';
	font-weight: normal;
	font-style: normal;
	src: url('../../fonts/Noto/NotoSansKR-Regular.ttf') format('truetype'),
	url('../../fonts/Noto/NotoSansKR-Regular.woff') format('woff'),
	local("Apple SD Gothic Neo");
}

@font-face {
	font-family: 'NotoSansKR';
	font-weight: 700;
	font-style: normal;
	src: url('../../fonts/Noto/NotoSansKR-Bold.ttf') format('truetype'),
	url('../../fonts/Noto/NotoSansKR-Bold.woff') format('woff'),
	local("Apple SD Gothic Neo");

}

@font-face {
	font-family: 'NotoSansKR';
	font-weight: 600;
	font-style: normal;
	src: url('../../fonts/Noto/NotoSansKR-Medium.ttf') format('truetype'),
	url('../../fonts/Noto/NotoSansKR-Medium.woff') format('woff'),
	local("Apple SD Gothic Neo");
}

@font-face {
	font-family: 'NotoSansEn';
	font-weight: normal;
	font-style: normal;
	src: url('../../fonts/Noto/NotoSans-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'NotoSansEn';
	font-weight: 700;
	font-style: normal;
	src: url('../../fonts/Noto/NotoSans-Bold.ttf') format('truetype');

}


/*Avenir

@font-face {
	font-family: 'Avenir';
	font-weight: normal;
	font-style: normal;
	src: url('../../fonts/Avenir/Avenir-Light.otf') format('opentype'),
	url('../../fonts/Avenir/Avenir-Light.woff') format('woff');
}

@font-face {
	font-family: 'Avenir';
	font-weight: 600;
	font-style: normal;
	src: url('../../fonts/Avenir/Avenir-Medium.otf') format('opentype'),
	url('../../fonts/Avenir/Avenir-Medium.woff') format('woff');
}

*/
/*common*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #000000;
}

a, a:hover, a:active, a:visited {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

img {
	border: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul, dl {
	list-style: none;
}

i {
	font-style: normal;
}

input {
	border-radius: 0;

}
/*
h3 {
	font-size: 16px;
}

h4 {
	font-size: 15px;
}
*/
p, span, div, h1, h2, h3, h4, h5 {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.italic {
	font-style: italic;
}

.white {
	color: #ffffff;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.upper {
	text-transform: uppercase;
}

.blind {
	position: absolute;
	font-size: 0 !important;
	text-indent: -9999px;
}
.bg-ebebeb {
	background-color: #ebebeb !important;
}

.bg-ffffff {
	background-color: #ffffff !important;
}

.bg-red {
	background-color: #c31432 !important;
}

.bg-gold {
	background-color: #b49759 !important;
}

.bg-darkgray {
	background-color: #7b6d65 !important;
}

.bg-lightgray {
	background-color: #887d76 !important;
}

html {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Malgun Gothic', '맑은고딕','돋움',Dotum,'굴림',Gulim,Helvetica,'Apple SD Gothic Neo',sans-serif;
	font-weight: normal;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow-x: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
/*
.list {
	/* -webkit-overflow-scrolling: touch; 
}
/*
.container,
.contents {
	width: 100%;
	height: 100%;
}
 */
#event-list.quick-hidden .tab-menu-wrap,
#coupon-list.quick-hidden .tab-menu-wrap,
#mycar.quick-hidden .tab-menu-wrap {
	display: none;
}

#event-list.quick-hidden #list-event,
#coupon-list.quick-hidden #list-coupon ,
#mycar.quick-hidden #car-search {
	height: 100%;
}
/*
.tab-menu-wrap,
.section-title {
	position: relative;
	top: 0;
	width: 100%;
	height: 40px;
	line-height: 42px;
	font-size: 15px;
	white-space: nowrap;
	background-color: #ffffff;
	text-align: center;
	z-index: 20;
}

.tab-menu-wrap.by-one li,
.btn-wrap.by-one li {
	display: inline-block;
	width: 100%;
}

.tab-menu-wrap.by-two li {
	display: inline-block;
	width: 50%;
}

.tab-menu-wrap.by-three li {
	display: inline-block;
	width: 33.3%;
}

.tab-menu-wrap li a {
	color: #d9d9d9;
}

.tab-menu-wrap li.selected a {
	color: #000000;
}

.contents {
	position: relative;
}

.scroll-area {
	overflow-y: auto;
	overflow-x: hidden;
	/* -webkit-overflow-scrolling: touch;
}

/*tenant
#stores .contents {
	height: calc(100% - 40px);
}

#stores.by-cate #list-by-category,
#stores.by-floor #list-by-floor,
#stores.key-tenant #list-key-tenants {
	display: block;
}

#stores.by-cate .tab-menu-wrap li:first-child a,
#stores.by-floor .tab-menu-wrap li:nth-child(2) a,
#stores.key-tenant .tab-menu-wrap li:last-child a {
	color: #000000;
}

#list-by-category,
#list-by-floor,
#list-key-tenants {
	display: none;
}

.category-wrap {
	width: 100%;
	height: 67px;
	background-color: #ebebeb;
	padding: 13.5px 10px;
	white-space: nowrap;
	text-align: center;
	position: relative;
	z-index: 10;
}

.category-wrap .category {
	display: inline-block;
	background-color: #ffffff;
	font-size: 15px;
	height: 40px;
	position: relative;
	padding: 0 25px;
}

.category-wrap .category.selected {
	padding: 0;
}

.category-wrap .category h3#floor-title {
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 15px;
}

#stores .contents.cate-on .shop-list-wrap {
	position: relative;
}

#stores .contents.cate-on .shop-list-wrap:after {
	background-color: rgba(0, 0, 0, 0.4);
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
/*
.category-wrap .category.full {
	width: 97%;
}
.category-wrap .category.half {
	width: 47%;
	margin: 0 0.8%;
}
.category-wrap .category.sub,
.category-wrap .category .category-list {
	display: none;
}

.category-wrap .category h3 {
	height: 100%;
	line-height: 43px;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.category-wrap .category.selected h3 {
	color: #ffffff;
	background-color: #8d827a;
}

.category-wrap .category.selected .category-list {
	display: block;
	width: 100%;
	background-color: #ffffff;
	position: absolute;
	top: 40px;
	left: 0;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	z-index: 10;
	max-height: 320px;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; 
}

.category-wrap .category.selected .category-list li {
	width: 100%;
	height: 54px;
	line-height: 57px;
	border-bottom: 1px solid #e9e9e9;
	font-size: 15px;
}

.category-wrap .category.selected.all .category-list #category-first-item {
	display: none;
}

.category-wrap .category.selected .category-list #category-first-item {
	display: list-item;
}


.shop-list-wrap {
	width: 100%;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	background-color: #ffffff;
}

#list-by-category .shop-list-wrap,
#list-by-floor .shop-list-wrap {
	height: calc(100% - 67px);
}

.shop-list-wrap .list {
	display: inline-block;
	width: 100%;
	height: 100%;
	/* -webkit-overflow-scrolling: touch;
}
.shop-list-wrap .list li {
	height: 82px;
}
.list li.gguk {
	background-color: #f5f5f5;
}

.list li .list-inner {
	position: relative;
	height: 100%;
	margin: 0 2.4%;
	padding: 13px 0;
	border-bottom: 1px solid #f5f5f5;
	white-space: nowrap;
}
*/
#list-faq .list li .list-inner {
	padding: 13px 0;
	padding-bottom: 11px;
}

/*.list li:last-child .list-inner {
	border-bottom: none;
}

#stores .list li .list-inner:after,
#search-result .list li .list-inner:after,
#interest .list li .list-inner:after,
#theme-detail .list li .list-inner:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 56px;
	background-image: url(../../images/webview/icon_storedetail_more@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	position: absolute;
	right: 5px;
}

#stores .list li .list-inner:after {
	background-image: url(../../images/webview/icon_storedetail_more_thin@2x.png);
	width: 8px;
}

#operating-hours .list li .list-inner:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 17px;
	background-image: url(../../images/webview/icon_storedetail_more@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	position: absolute;
	top: 44px;
	right: 5px;
}

.list li.key .list-inner:after {
	display: none !important;
	background-image: none !important;
}

.shop-list-wrap .list li .info-wrap {
	height: 100%;
	width: 100%;
	padding: 0 1.7%;
	display: inline-block;
}

.shop-list-wrap .list li .info-wrap .thumb {
	display: inline-block;
	width: 56px;
	height: 56px;
	border: 1px solid #f5f5f5;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin-right: 14px;
}

.shop-list-wrap .list li .info-wrap .thumb.lazy-thumb {
	background-color: #ebebeb;
}

.shop-list-wrap .list li .info-wrap .thumb > img{
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
}
.shop-list-wrap .list li .info-wrap .thumb.show > img {
	transition: opacity 0.5s;
}
.shop-list-wrap .list li .info-wrap .info {
	display: inline-block;
	vertical-align: middle;
	width: 45%;
}

.shop-list-wrap .list li .info-wrap .info dt {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top:3px;
}

.shop-list-wrap .list li .info-wrap .info dd span{
	display: inline-block;
	font-size: 12px;
}

.shop-list-wrap .list li .info-wrap .info dd span:first-child:after {
	display: inline-block;
	font-size: 12px;
	content: '|';
	padding-right: 2px;
	padding-left: 5px;
}

.shop-list-wrap .list li .make-a-call,
.shop-list-wrap .list li .go-to-map {
	display: inline-block;
	width: 40px;
	height: 56px;
	position: absolute;
	background-repeat: no-repeat;
	background-size: auto 18px;
	background-position: center center;
}

.shop-list-wrap .list li .go-to-map {
	background-image: url(../../images/webview/icon_list_map@2x.png);
	right: 25px;

}

.shop-list-wrap .list li .make-a-call {
	background-image: url(../../images/webview/icon_list_phone@2x.png);
	right: 60px;
}
*/
.shop-list-wrap .list li.key .go-to-map {
	right: 0;
}

.shop-list-wrap .list li.key .make-a-call {
	right: 35px;
}
/*
#list-by-floor .category-list {
	text-align: left;
}

#list-by-floor .category-list li {
	padding-left: 15px;
	padding-right: 30px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #4b4b4b;
}

#list-by-floor .category-list li .floor,
#list-by-floor .category .floor {
	font-size: 18px;
	font-weight: 700;
	vertical-align: top;
	margin-right: 15px;
}
*/
.catogory-name {
	font-size: 10.5px;
	font-weight: normal;
	height: 25px;
	line-height: 27px;
	margin: 0 2.4%;
	padding-right: 3%;
	width: 100%;
	/*border-bottom: 1px solid #e9e9e9;*/
}

#list-key-tenants .shop-list-wrap {
	background-color: #ebebeb;
	height: 100%;
}

#list-key-tenants .shop-list-wrap {
	text-align: center;
	padding: 1.5%;
	height: 100%;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}

#list-key-tenants .key-tenant.cube {
	display: inline-block;
	width: 47%;
	height: 165px;
	margin: 8px 0.8%;
	margin-bottom: 0;
	overflow: hidden;
	position: relative;
	background-size: cover;
	background-position: center;
}

#list-key-tenants #shinsegae {
	background-image: url(../../images/01_Shinsegae.png);
}

#list-key-tenants #emartTraders {
	background-image: url(../../images/02_Emart-Traders.png);
}

#list-key-tenants #electroMart {
	background-image: url(../../images/03_Electro-Mart.png);
}

#list-key-tenants #aquafield {
	background-image: url(../../images/04_Aquafield.png);
}

#list-key-tenants #megabox {
	background-image: url(../../images/05_MEGABOX.png);
}

#list-key-tenants #sportsMonster {
	background-image: url(../../images/06_Sport-Monster.png);
}

#list-key-tenants #maisonTicia {
	background-image: url(../../images/07_MaisonTicia.png);
}

#list-key-tenants #pkMarket {
	background-image: url(../../images/08_PK-MARKET.png);
}

#list-key-tenants #toyKingdom {
	background-image: url(../../images/09_Toy-kingdom.png);
}

#list-key-tenants #babyCircle {
	background-image: url(../../images/10_Maries-baby-Circle.png);
}

#list-key-tenants #bmw {
	background-image: url(../../images/11_BMW.png);
}

#list-key-tenants #hanssem {
	background-image: url(../../images/12_HANSSEM.png);
}

#list-key-tenants #ypBooks {
	background-image: url(../../images/13_YP-books.png);
}

#list-key-tenants #playtime {
	background-image: url(../../images/14_PLAYTIME.png);
}

#list-key-tenants .key-tenant.cube .thumb {
	display: inline-block;
	width: 100%;
}

#list-key-tenants .key-tenant.cube .info {
	width: 101%;
	height: 62px;
	background-color: #ffffff;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: -1%;
	padding: 15px 0;
}

#list-key-tenants .key-tenant.cube .info span {
	display: block;
	font-family: 'Avenir';
	font-weight: bold;
	color: #beb3ab;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 4px;
}

#list-key-tenants .key-tenant.cube .info h4 {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
}

#list-key-tenants .key-tenant.cube:nth-child(11) .info h4 {
	letter-spacing: -1px;
}

#list-key-tenants .key-tenant.cube.gguk .info {
	background-color: #8d827a;
}

#list-key-tenants .key-tenant.cube.gguk .info h4 {
	color: #ffffff;
}

/*shop detail
#shop-detail {
	width: 100%;
	height: 100%;
	/*overflow-y: auto;
}

#shop-detail .contents {
	height: 100%;
}

#shop-detail .shop-info-wrap {
	width: 100%;
	height: auto;
	padding: 11px 4%;
}

#shop-detail .shop-logo-wrap {
	display: inline-block;
	width: 69px;
	height: 69px;
	border: 1px solid #e9e9e9;
	text-align: center;
	overflow: hidden;
	vertical-align: top;
	margin-right: 10px;
}

#shop-detail .shop-logo-wrap .shop-logo {
	width: 100%;
	height: 100%;
	display: inline-block;
}

#shop-detail .shop-info-text {
	display: inline-block;
	height: auto;
	width: 56%;
	min-width: 160px;
	word-break: keep-all;
	vertical-align: top;
}

#shop-detail .shop-info-text h4 {
	line-height: 21px;
	padding: 5px 0;
}

#shop-detail .shop-info-text dl {
	font-size: 13px;
}

#shop-detail .shop-info-text dt {
	color: #9c9c9c;
	margin-right: 7px;
	line-height: 16px;
	display: inline-block;
}

#shop-detail .shop-info-text dd {
	color: #585858;
	display: inline-block;
}

#shop-detail .link-coupon {
	width: 45px;
	height: 45px;
	display: inline-block;
	border: 1px solid #e9e9e9;
	position: relative;
	background-image: url(../../images/webview/icon_coupon.png);
	background-size: auto 14px;
	background-repeat: no-repeat;
	background-position: center 8px;
	float: right;
}

#shop-detail .link-coupon:after {
	content: '';
	clear: both;
}

#shop-detail .link-coupon .title {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 9px;
	margin-top: 26px;
	color: #5e5e5e;
}

#shop-detail .link-coupon .circle-num {
	position: absolute;
	width: 16px;
	height: 16px;
	right: -8px;
	top: -8px;
	background-color: #c31531;
	border-radius: 100%;
	color: #ffffff;
	font-size: 10.5px;
	font-family: 'Avenir';
	font-weight: bold;
	text-align: center;
	text-indent: -1px;
	line-height: 16px;
}

#shop-detail .link-coupon .circle-num.num-1:after {
	content: '1';
}

#shop-detail .link-coupon .circle-num.num-2:after {
	content: '2';
}

#shop-detail .link-coupon .circle-num.num-3:after {
	content: '3';
}

#shop-detail .link-coupon .circle-num.num-4:after {
	content: '4';
}

#shop-detail .link-coupon .circle-num.num-5:after {
	content: '5';
}

.btn-wrap {
	display: inline-block;
	width: 100%;
	height: 40px;
	white-space: nowrap;
	margin-top: 13px;
	border: 1px solid #e9e9e9;
}

.btn-wrap li {
	width: 25%;
	height: 38px;
	/*line-height: 38px;
	line-height: 41px;
	color: #5e5e5e;
	border-right: 1px solid #e9e9e9;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.btn-wrap.by-two li {
	width: 50%;
}

.btn-wrap.by-three li {
	width: 33.3%;
}

.btn-wrap li.selected,
.btn-wrap li.gguk {
	background-color: #f6f6f6;
}

.btn-wrap li:last-child {
	border-right: none;
}

.btn-wrap .thumb {
	display: inline-block;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 13px;
	width: 15px;
	height: 100%;
	/*margin-right: 5px;
	/*margin-bottom: 3px;
	margin-right: 3%;
	vertical-align: top;
}

.btn-wrap .share .thumb {
	background-image: url(../../images/webview/icon_storedetail_share@2x.png);
}

.btn-wrap .call .thumb {
	background-image: url(../../images/webview/icon_storedetail_phone@2x.png);
}

.btn-wrap .call.gguk .thumb {
	background-image: url(../../images/webview/icon_storedetail-01.png);
}

.btn-wrap .like .thumb {
	background-image: url(../../images/webview/icon_storedetail_favorite@2x.png);
}

.btn-wrap .like.gguk .thumb {
	background-image: url(../../images/webview/icon_storedetail-03.png);
}

.btn-wrap .like .thumb.liked,
.event-list-wrap .event-box .event-info .icon-like.liked {
	background-image: url(../../images/webview/icon_heart.png);
}

.btn-wrap .map .thumb {
	background-image: url(../../images/webview/icon_list_map@2x.png);
}

.btn-wrap .map.gguk .thumb {
	background-image: url(../../images/webview/icon_storedetail-05.png);
}

.btn-wrap .location .thumb {
	background-image: url(../../images/webview/icon_storedetail_map@2x.png);
}

#shop-detail .scroll-area {
	height: auto;
}

#shop-detail .link-event {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 56px;
	line-height: 55px;
	border: 1px solid #e9e9e9;
}

#shop-detail .link-event.no-event {
	display: none;
}

#shop-detail .link-event:after {
	content: '';
	width: 7px;
	height: 100%;
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 0;
	background-image: url(../../images/webview/icon_storedetail_more@2x.png);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#shop-detail .link-event a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
}

#shop-detail .link-event a span {
	color: #969696;
}

#shop-detail .img-wrap {
	position: relative;
	width: 100%;
	height: auto;
}

#shop-detail .img-wrap .nav {
	display: none;
}

#shop-detail .img-wrap.key .nav {
	display: block;
}

.img-wrap,
.img-wrap .shop-img {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

#shop-detail .shop-info-desc {
	display: block;
	padding: 20px 17px;
	font-size: 14px;
	line-height: 23px;
	color: #585858;
	word-break: keep-all;
}
*/



/* common.css 옮긴영역 -----------------------------------------------


#event-list {
	height: 100%;
}

#event-list.list-event #list-event,
#event-list.part-event #list-part-event {
	display: block;
}

#list-event,
#list-part-event {
	display: none;
}

#event-list.list-event .tab-menu-wrap li:first-child a,
#event-list.part-event .tab-menu-wrap li:last-child a {
	color: #000000;
}

#event-list .contents,
#list-interest-event {
	height: calc(100% - 40px);
	background-color: #ededed;
	padding: 10px 12px;
	text-align: center;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.event-list-wrap .event-box,
.theme-list-wrap .theme-box {
	display: block;
	margin-bottom: 12px;
	width: 100%;
	height: 180px;
	text-align: left;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
}

.event-list-wrap .event-box:before,
.theme-list-wrap .theme-box:before {
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	content: '';
}

#event-calendar .event-list-wrap .event-box:before {
	display: none;
}

.event-list-wrap .event-box .thumb {
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -188px;
}

.theme-list-wrap .theme-box .thumb {
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.event-list-wrap .event-box .event-info,
.theme-list-wrap .theme-box .theme-info {
	display: inline-block;
	width: 97%;
	height: auto;
	margin-left: 1%;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.event-list-wrap .event-box .event-info dt {
	font-size: 13px;
	line-height: 28px;
	vertical-align: middle;
	color: #ffffff;
}

.event-list-wrap .event-box .event-info .icon-like {
	display: inline-block;
	width: 12px;
	height: 11px;
	vertical-align: middle;
	background-image: url(../../images/webview/icon_storedetail_favorite@2x.png);
	background-repeat: no-repeat;
	background-size: 12px;
	position: relative;
	left: 5px;
	bottom: 1px;
}

.event-list-wrap .event-box .event-info dd {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	word-break: keep-all;
	color: #ffffff;
}

.event-list-wrap .event-box .event-info .period {
	color: #ffffff;
	display: block;
	margin-top: 20px;
}

.period {
	font-size: 12px;
	color: #585858;
	line-height: 25px;
	font-family: 'Avenir';
}
----------------------------------------------- common.css 옮긴영역*/

/*event Calendar*/
#date-picker {
	width: 100%;
	height: 77px;
	background-color: #ededed;
	text-align: center;
	/*font-family: 'Avenir';*/
	overflow-x: hidden;
}

.swiper-button-prev,
.swiper-button-next {
	display: inline-block;
	background-size: 10px 14px !important;
	background-color: #ededed;
	width: 25px !important;
	height: 77px !important;
	margin-top: 0 !important;
	top: 0 !important;
}

.swiper-button-prev {
	background-image: url(../../images/webview/icon_storedetail_prev@2x.png) !important;
	left: 0px !important;
}

.swiper-button-next {
	background-image: url(../../images/webview/icon_storedetail_more@2x.png) !important;
	right: 0px !important;
}

.date-wrap {
	display: inline-block;
	width: 100%;
	padding: 16px 0;
	white-space: nowrap;
}

.date-wrap li {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	padding-top: 8px;
}

.date-wrap li .date {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

.date-wrap li .day {
	font-size: 8.5px;
	line-height: 12.5px;
	font-weight: bold;
}

.date-wrap li.selected {
	background-color: #c31531;
}

.date-wrap li.selected div,
.date-wrap li.today.selected div,
.date-wrap li.off.selected div {
	color: #ffffff;
}

.date-wrap li.today div {
	color: #c31531;
}

.date-wrap li.off div {
	color: #585858;
}

#event-calendar .event-list-wrap .event-box {
	height: 90px;
	margin-bottom: 0;
	margin: 0 10px;
	padding: 10px 0;
	width: initial;
	border-bottom: 1px solid #ededed;
}

#event-calendar .event-list-wrap .event-box .event-info,
#event-calendar .event-list-wrap .event-box {
	background-color: transparent;
}

#event-calendar .event-list-wrap .event-box .event-info {
	width: 100%;
	height: 100%;
	text-align: left;
	margin-left: 0;
	padding: 0 10px;
}

#event-calendar .event-list-wrap .event-box .event-info dt {
	color: #000000;
	line-height: 20px;
	margin-top: 3px;
}

#event-calendar .event-list-wrap .event-box .event-info dd {
	color: #000000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#event-calendar .event-list-wrap .event-box .event-info .period {
	color: #585858;
	margin-top: 0;
}

/*event detail
#event-detail {
	position: relative;
}

#event-detail .type1 #privacy-wrap,
#event-detail .type1 #btn-enter,
#event-detail .type2 #privacy-wrap,
#event-detail .type4 #privacy-wrap,
#event-detail .type4 #btn-enter,
#event-detail .type5 #privacy-wrap,
#event-detail .type5 #btn-enter,
#event-detail .type9 #privacy-wrap,
#event-detail .type9 #btn-enter,
#btn-winner,
#msg-expired {
	display: none;
}
*/
#event-detail .type4 #msg-expired,
#event-detail .type5 #btn-winner {
	display: block;
}
/*
#event-detail .img-wrap {
	height: auto;
	width: 100%;
}

#event-detail .img-wrap img {
	width: 100%;
}

#event-detail .contents {
	height: calc(100% - 80px);
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch;
}
.detail-contents {
	padding: 15px;
	padding-bottom: 80px;
}

#event-detail .detail-contents {
	padding-bottom: 15px;
}

#event-detail .event-info h5 {
	font-weight: 600;
	line-height: 30px;
}

#event-detail .detail-contents p {
	font-size: 14px;
	line-height: 21px;
	margin-top: 10px;
}

#privacy-wrap {
	margin-top: 15px;
}

#privacy-wrap li {
	width: 100%;
	height: 40px;
	background-color: #ededed;
	border: 1px solid #e1e1e1;
	line-height: 37px;
	font-size: 13px;
	position: relative;
}

#privacy-wrap li:first-child {
	border-bottom: none;
}

#privacy-wrap li span {
	padding-left: 10px;
}

#privacy-wrap li p {
	display: none;
}
*/
#privacy-wrap li.open {
	height: auto;
}

#privacy-wrap li.open p {
	display: block;
	margin-top: 0;
	border-top: 1px solid #e1e1e1;
	background-color: #ffffff;
	padding: 10px;
	word-break: keep-all;
	height: 120px;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}
/*
input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: baseline;
}

#privacy-wrap li:after,
.category-wrap .category:after {
	content: '';
	display: inline-block;
	background-size: 100%;
	background-image: url(../../images/webview/icon_storedetail_down@3x.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 12px;
	top: 17px;
	width: 9px;
	height: 6px;
}
*/
#privacy-wrap li.open:after,
.category-wrap .category.selected:after {
	background-image: url(../../images/webview/icon_storedetail_up@2x.png);
}
/*
.btn-brown {
	display: inline-block;
	width: 100%;
	height: 48px;
	color: #ffffff;
	background-color: #7b6d65;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	margin-top: 18px;
}

.btn-brown.gray {
	background-color: #ededed;
	color: #585858;
}

#event-detail .btn-area {
	/* position: absolute;
    left: 0;
    bottom: 0;
	background-color: #ffffff;
	width: 100%;
}

/*coupon list*/
/*
#coupon-list {
	height: 100%;
}

#coupon-list.list-coupon #list-coupon,
#coupon-list.my-coupon #list-my-coupon {
	display: block;
}

#list-coupon,
#list-my-coupon {
	display: none;
}

#coupon-list.list-coupon .tab-menu-wrap li:first-child a,
#coupon-list.my-coupon .tab-menu-wrap li:last-child a {
	color: #000000;
}

#coupon-list .contents {
	height: calc(100% - 40px);
	width: 100%;
	background-color: #ededed;
}

.coupon-list-wrap {
	height: 100%;
	/* overflow-y: auto; 
	padding: 8px 0;
	/* -webkit-overflow-scrolling: touch; 
}

.coupon-list-wrap li {
	width: 100%;
	height: 105px;
	position: relative;
	margin-bottom: 8px;
	background-color: #ffffff;
}

.coupon-list-wrap .coupon-box {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
	white-space: nowrap;
}

.btn-down {
	display: inline-block;
	width: 65px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: center right;
	background-size: auto 105px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.coupon-list-wrap .coupon-box img {
	display: inline-block;
	width: 30%;
	max-width: 80px;
	margin-left: 12px;
	margin-right: 2%;
	vertical-align: middle;
}

.coupon-list-wrap .coupon-box .coupon-info {
	display: inline-block;
	width: 65%;
	height: 100%;
	vertical-align: middle;
	padding-top: 17px;
	white-space: normal;
}

.coupon-info dt {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 21px;
	word-break: keep-all;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.coupon-info dd {
	display: block;
	font-size: 12px;
	color: #585858;
	margin-bottom: 7px;
	/*height: 18px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.period.red {
	color: #c31531;
}

.coupon-delete {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../../images/webview/trash.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 20px;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}

/*coupon detail
#coupon-detail {
	background-color: #ededed;
}

#coupon-area {
	text-align: center;
	height: auto;
	background-color: #ffffff;
	padding:0 20px;
}

.logo-wrap img {
	display: block;
	margin: 10px auto;
	margin-top: 0;
	padding-top: 10px;
}

.gift .logo-wrap img {
	max-width: 155px;
	margin: 30px auto;
	padding-right: 5px;
	margin-top: 0;
	padding-top: 30px;
}

.discount .logo-wrap img,
.overcharge .logo-wrap img {
	width: 130px;
}

.logo-wrap h3 {
	margin-bottom: 6px;
}

.overcharge .logo-wrap h3,
.gift .logo-wrap h3,
.gift .coupon-notice,
.overcharge .btn-area,
.tenant-list {
	display: none;
}

#coupon-area > span {
	display: block;
}

#coupon-area .coupon-desc {
	font-size: 14px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.barcode-wrap {
	padding-bottom: 30px;
}

.barcode-wrap img {
	width: 200px;
	margin: 0 auto;
	margin-top: 10px;
	display: none;
}

/* 직접 회수형 할인 쿠폰
.direct .discount .barcode-wrap.cpn-period-before.cpn-can-be-downloaded .confirm-coupon,
.direct .discount .barcode-wrap.cpn-period-before.cpn-can-be-downloaded .down-coupon,
.direct .discount .barcode-wrap.cpn-period-before.cpn-issued .confirm-coupon,
.direct .discount .barcode-wrap.cpn-period-in.cpn-can-be-downloaded .confirm-coupon,
.direct .discount .barcode-wrap.cpn-period-in.cpn-can-be-downloaded .down-coupon,
.direct .discount .barcode-wrap.cpn-period-in.cpn-issued .confirm-coupon,
.direct .discount .barcode-wrap.cpn-period-in.cpn-used .used-coupon,
.direct .discount .barcode-wrap.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.direct .discount .barcode-wrap.cpn-period-expired.cpn-issued .expired-coupon,
.direct .discount .barcode-wrap.cpn-period-expired.cpn-used .used-coupon {
	display: block;
}

/* 직접 회수형 교환권
.direct .gift .barcode-wrap.cpn-period-before.cpn-can-be-downloaded .down-coupon,
.direct .gift .barcode-wrap.cpn-period-before.cpn-issued .confirm-coupon,
.direct .gift .barcode-wrap.cpn-period-in.cpn-can-be-downloaded .down-coupon,
.direct .gift .barcode-wrap.cpn-period-in.cpn-issued .confirm-coupon,
.direct .gift .barcode-wrap.cpn-period-in.cpn-used .used-coupon,
.direct .gift .barcode-wrap.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.direct .gift .barcode-wrap.cpn-period-expired.cpn-issued .expired-coupon,
.direct .gift .barcode-wrap.cpn-period-expired.cpn-used .used-coupon {
	display: block;
}

/* 자동 회수형 할인 쿠폰 
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-before.cpn-can-be-downloaded .down-coupon,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-before.cpn-issued .coupon-barcode,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-can-be-downloaded .down-coupon,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-issued .coupon-barcode,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-used .used-coupon,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-issued .expired-coupon,
.auto .discount .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-used .used-coupon,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-before.cpn-can-be-downloaded .issuing-exit,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-before.cpn-issued .coupon-barcode,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-can-be-downloaded .issuing-exit,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-issued .coupon-barcode,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-used .used-coupon,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-issued .expired-coupon,
.auto .discount .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-used .used-coupon {
	display: block;
}

/* 자동 회수형 에누리 쿠폰
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-before.cpn-can-be-downloaded .down-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-before.cpn-issued .coupon-barcode,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-can-be-downloaded .down-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-issued .coupon-barcode,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-in.cpn-used .used-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-issued .expired-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-ok.cpn-period-expired.cpn-used .used-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-before.cpn-can-be-downloaded .issuing-exit,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-before.cpn-issued .coupon-barcode,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-can-be-downloaded .issuing-exit,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-issued .coupon-barcode,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-in.cpn-used .used-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-can-be-downloaded .expired-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-issued .expired-coupon,
.auto .overcharge .barcode-wrap.cpn-limit-exceeded.cpn-period-expired.cpn-used .used-coupon {
	display: block;
}

#coupon-info-area {
	background: #ededed;
	width: 100%;
	padding: 20px;
}
 */
#coupon-info-area .btn-area {
	padding: 0;
	margin-bottom: 15px;
}

#coupon-info-area .btn-area .btn-wrap {
	border: none;
}

#coupon-info-area .btn-wrap .btn {
	background-color: #ffffff;
	width: 48%;
}

#coupon-info-area .btn-wrap .btn.gguk {
	background-color: #ffffff;
	color: initial;
}

#coupon-info-area .btn-wrap .btn.location.gguk .thumb {
	background-image: url(../../images/webview/icon_quickmenu_map@2x.png)
}

#coupon-info-area .btn-wrap .btn.call.gguk .thumb {
	background-image: url(../../images/webview/icon_phone_red.png)
}

#coupon-info-area .btn:first-child {
	margin-right: 4%;
}
/*
#coupon-info-area h3 {
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 5px;
}

#coupon-info-area p {
	font-size: 11px;
	line-height: 20px;
	margin-bottom: 14px;
}

#coupon-info-area .detail-contents {
	padding: 0;
}

#coupon-info-area .giftcard,
.gift #coupon-info-area .btn-area,
.gift #coupon-info-area .detail-contents > * {
	display: none;
}
*/
.gift #coupon-info-area .detail-contents .giftcard {
	display: block !important;
}

.overcharge .tenant-list{
	display: block;
	position: relative;
}

.tenant-list h3,
.tenant-list p {
	display: inline-block;
}
/*
#coupon-info-area .tenant-list p {
	position: absolute;
	right: 0;
    line-height: 25px;
    margin: 0;
}

#coupon-detail.popup-on .popup-wrap {
    display: block;
}

#coupon-list-popup {
	width: 90%;
    min-width: 295px;
    margin: 0 auto;
    height: auto;
	max-height: 448px;
    background-color: #ffffff;
    vertical-align: middle;
    display: inline-block;
}

#coupon-list-popup h4 {
	height: 57px;
	line-height: 60px;
	font-size: 17px;
}

#coupon-list-popup .shop-list-wrap {
	max-height: 328px;
	text-align: left;
	border-bottom: 1px solid #f5f5f5;
}

#coupon-list-popup .shop-list-wrap .list li .info-wrap .thumb > img {
	display: inline;
	opacity: 1;
}

#coupon-list-popup .shop-list-wrap .list li .info-wrap .info {
	width: 70%;
}

#coupon-list-popup .list li:first-child .list-inner {
	border-top: 1px solid #f5f5f5;
}

#coupon-list-popup .list li:last-child .list-inner {
	border-bottom: 0;
}

#coupon-list-popup #close-popup {
	height: 50px;
	font-size: 17px;
	line-height: 52px;
}
*/
/*service
#service .contents {
	height: calc(100% - 40px);
}

#service #notice-contents.contents {
	height: 100%;
}

#service.noti-contents .tab-menu-wrap {
	display: none;
}

#service.noti #list-notice,
#service.faq #list-faq,
#service.noti-contents #notice-contents {
	display: block;
}

#list-notice,
#service #list-faq,
#service #notice-contents {
	display: none;
}

#service.noti .tab-menu-wrap li:first-child a,
#service.noti-contents .tab-menu-wrap li:first-child a,
#service.faq .tab-menu-wrap li:last-child a {
	color: #000000;
}

#service .tab-menu-wrap {
	border-bottom: 1px solid #e9e9e9;
}

.service-list-wrap {
	width: 100%;
	height: 100%;

}

#list-notice .service-list-wrap li {
	height: 68px;
	white-space: nowrap;
}

#list-notice .service-list-wrap .info-wrap {
	line-height: 45px;
}

.service-list-wrap .info-wrap .title {
	font-size: 15px;
	display: inline-block;
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	white-space: normal;
	line-height: 43px;
}

#list-notice .service-list-wrap .info-wrap .title {
	width: 76%;
	margin-right: 1%;
	padding-left: 10px;
	padding-bottom: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.service-list-wrap .info-wrap .period {
	vertical-align: middle;
}

#notice-contents,
#list-faq {
	display: none;
}

#notice-contents.contents {
	padding: 24px 22px;
}

#notice-contents h3 {
	font-weight: normal;
}

#notice-contents .period {
	font-size: 13px;
}

#notice-contents p {
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
	word-break: keep-all;
}

#notice-list,
#list-faq-item {
	height: 100%;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch;
}

#list-faq .service-list-wrap {
	height: calc(100% - 67px);
}


#list-faq .service-list-wrap li {
	height: auto;
}

#list-faq .service-list-wrap li .faq-contents {
	display: none;
}

#list-faq .service-list-wrap li.selected {
	height: auto;
}

#list-faq .service-list-wrap li.selected .faq-contents {
	display: block;
	white-space: nowrap;
}

#list-faq .info-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}

#list-faq .service-list-wrap .info-wrap .title {
	width: 70%;
	word-break: keep-all;
	line-height: 22px;
	padding-left: 18px;
	padding-top: 1px;
	position: relative;
	font-size: 13px;
}

.faq-category {
	display: inline-block;
	width: 60px;
	line-height: 43px;
	text-align: center;
	font-size: 13px;
	color: #9f9f9f;
	vertical-align: middle;
	padding-top: 2px;
}


#list-faq .service-list-wrap.selected .info-wrap .faq-category {
	display: none;
}

#list-faq .service-list-wrap.selected .info-wrap .title {
	padding-left: 36px;
	width: 90%;
}

#list-faq .service-list-wrap.selected .info-wrap .title:before {
	left: 15px;
}

#list-faq .service-list-wrap .info-wrap .title:before {
	display: inline-block;
	width: 12px;
	height: 15px;
	content: '';
	background-repeat: no-repeat;
	background-image: url(../../images/webview/Service_app_icon_Q.png);
	background-size: auto 100%;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 4px;
}

#list-faq .service-list-wrap li .info-wrap:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 7.5px;
	background-image: url(../../images/webview/icon_storedetail_down@3x.png);
	background-size: 10px;
	background-repeat: no-repeat;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}

#list-faq .service-list-wrap li.selected .info-wrap:after {
	background-image: url(../../images/webview/icon_storedetail_up@2x.png);
}

.faq-contents {
	background-color: #f5f5f5;
	border-bottom: 1px solid #e9e9e9;
	padding: 17px 2.4%;
}

.faq-contents p {
	font-size: 13px;
	line-height: 18px;
	display: inline-block;
	vertical-align: top;
	width: 85%;
	white-space: normal;
}

.faq-contents:before {
	display: inline-block;
	width: 12px;
	height: 16px;
	margin-right: 7px;
	margin-left: 14px;
	content: '';
	background-repeat: no-repeat;
	background-image: url(../../images/webview/Service_app_icon_A.png);
	background-size: auto 100%;
	vertical-align: top;
	margin-top: 2px;
}

#search-result .no-result {
	vertical-align: top;
	margin-top: 125px;
}

.no-result {
	display: none;
	height: auto;
	text-align: center;
	vertical-align: middle;
	width: 97%;
	margin-left: 1%;
	word-break: keep-all;
}

#search-result .no-result p,
#search-result .no-result h3 {
	font-size: 17px;
	font-weight: normal;
	line-height: 28px;
}
*/
#system-check .notif {
	display: inline-block;
	height: 100%;
}

#Aquafield-waiting .notif {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: none;
	background-color: #ffffff;
	text-align: center;
}

#Aquafield-waiting #aqua-closed .notif {
	display: inline-block;
	position: relative;
	height: 350px;
}

#Aquafield-waiting .status-box.closed .notif {
	display: inline-block;
}

#Aquafield-waiting #aqua-check .notif {
	display: inline-block;
	position: relative;
	height: 350px;
}

.notif > div {
	display: inline-block;
	vertical-align: middle;
}

#system-check .notif > div {
	margin-bottom: 40px;
}
/*
.no-result h3,
.notif h3,
.notif h4 {
	font-weight: 600;
}

.no-result img,
.notif img {
	display: block;
	width: 48px;
	margin: 0 auto;
	margin-bottom: 18px;
}

.notif img {
	width: 60px;
}

.no-result p,
.notif p,
.notif dl {
	font-size: 14px;
	line-height: 20px;
	margin-top: 6px;
	font-weight: normal;
}

.notif dl span, .notif dl ul {
    display: inline-block;
    vertical-align: top;
}

.notif dd {
    text-align: left;
    padding-top: 5px;
}

.notif li .gray {
    width: 38px;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
}

.empty {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #ededed;
}

.empty:after,
.notif:after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 0;
	height: 100%;
}
*/
#Aquafield-waiting .empty:after {
	display: none;
}
/*
.empty .no-result {
	display: inline-block;
	margin-bottom: 40px;
}

.empty .list,
.empty #result-count,
#search-result .empty .shop-list-wrap {
	display: none;
}

#list-result {
	height: 100%;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; 
	background-color: #ededed;
}

#list-result .shop-list-wrap {
	margin-top: 5px;
}
#result-count {
	font-size: 12px;
	height: 30px;
	line-height: 32px;
	text-indent: 20px;
}
.search-result-wrap {
	padding: 5px;
	background-color: #ededed;
}

.red {
	color: #c31531;
}

.gray {
	color: #a9a9a9;
}

/*theme*/
/*.theme-list-wrap .theme-box .theme-info {
	display: inline-block;
	width: 100%;
	height: 67px;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 11px;
}

#list-theme.contents {
	height: 100%;
	background-color: #ededed;
	padding: 10px 12px;
	text-align: center;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}
*/
.theme-info h3 {
	word-break: keep-all;
	color: #ffffff;
	padding-top: 10px;
	font-weight: 600;
}

.theme-info .hashtag  {
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme-info .hashtag li {
	display: inline-block;
	font-size: 12px;
	color: #585858;
	margin-right: 3px;
}

#theme-detail {
	height: 100%;
}

.theme-view-wrap {
	width: 100%;
	height: 360px;
	overflow: hidden;
	position: relative;
}

.slider, .slider ul {
	width: 100%;
	height: 100%;
	text-align: left;
}

.slider ul li {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
}

.slider ul li img {
	display: inline-block;
	height: 100%;
}

.theme-img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-image: url(../../images/webview/theme_sample.png);
}

.theme-desc {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 20px;
	padding-bottom: 45px;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 15px;
	line-height: 21px;
	word-break: keep-all;
}

/* swiper 사용으로 important 붙임
.nav {
	position: absolute !important;
	/* position: static !important; 
	width: 100% !important;
	height: 7px !important;
	z-index: 10 !important;
	bottom: 22px !important;
	text-align: center !important;
	line-height: 0 !important;
	margin-top:3%;
}

/* swiper 사용으로 important 붙임
.nav li {
	display: inline-block !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 100% !important;
	background-color: rgba(255,255,255,0.5);
	margin: 0 6px !important;
}

.nav li.selected {
	background-color: rgba(255,255,255,0.2) !important;
}
.nav li.swiper-pagination-bullet-active {
	background-color: rgba(255,255,255,0.2) !important;
}

.nav.black li {
	background-color: rgba(0,0,0,0.2) !important;
}

.nav.black li.selected {
	background-color: rgba(0,0,0,0.5) !important;
}

.nav.black li.swiper-pagination-bullet-active {
	background-color: rgba(0,0,0,0.5) !important;
}
*/
#theme .shop-list-wrap {
	/*height: calc(100% - 400px);*/
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}

/*my car*/
.reg-area {
	width: 100%;
	height: 140px;
	padding-top: 30px;
	text-align: center;
}

.reg-box-wrap {
	height: 35px;
	font-size: 14px;
	white-space: nowrap;
	margin-bottom: 17px;
}

.reg-box-wrap > * {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ebebeb;
	height: 34px;
	margin: 2px;
	/*line-height: 31px;
*/	text-align: center;
	font-size: 14px;
	-webkit-appearance: none;
}

.select-box {
	width: 100px;
	position: relative;
}

.select-box.open .options {
	display: block;
	position: relative;
	top: 0px;
	left: -1px;
	background-color: #ffffff;
	z-index: 10;
	border: 1px solid #ebebeb;
	width: 100px;
}

.select-box.open .options li {
	border-bottom: 1px solid #ebebeb;
}

.select-box.open .options li.gguk {
	background-color: #ebebeb;
}

.select-box.open .options li:last-child {
	border-bottom: none;
}

.select-box:after {
	content: '';
	display: inline-block;
	background-size: 100%;
	background-image: url(../../images/webview/icon_arrow_down.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 12px;
	top: 13px;
	width: 9px;
	height: 6px;
}

.select-box.open:after {
	background-image: url(../../images/webview/icon_arrow_up.png);
}

.options {
	display: none;
}

.reg-box-wrap input {
	width: 70px;
}

.reg-box-wrap input:last-child {
	width: 125px;
}

.btn-wrap .btn {
	width: 160px;
	height: 37px;
	display: inline-block;
	line-height: 37px;
	border: 1px solid #ebebeb;
	font-size: 15px;
	text-align: center;
}

.btn-wrap .btn.red,
.btn-wrap .btn.gguk {
	background-color: #c31531;
	color: #ffffff;
}

.mid-section-title {
	width: 100%;
	height: 45px;
	line-height: 47px;
	background-color: #ebebeb;
	font-size: 13px;
	padding-left: 20px;
}

.parking-list-wrap .list li {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #ebebeb;
	/*padding-left: 20px;*/
	font-size: 14px;
	position: relative;
}

.parking-list-wrap .list li .img-wrap {
	display: none;
	margin-left: 10px;
	margin-right: 15px;

}

.parking-list-wrap .list li > a {
	padding-left: 20px;
}

#car-management .car-num {
	padding-left: 20px;
}

.delete {
	position: absolute;
	right: 20px;
}

.search-area {
	background-color: #ffffff;
	height: 150px;
	padding-top: 30px;
}

.search-box-wrap {
	text-align: center;
	height: 50px;
	white-space: nowrap;
	margin-bottom: 15px;
}

.search-box-wrap > * {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #ebebeb;
	vertical-align: middle;
	margin: 0 3px;
	text-align: center;
	font-size: 24px;
}

.btn-search {
	background-color: #ebebeb;
	background-image: url(../../images/webview/icon_search.png);
	background-size: 100%;
}

.btn-search.selected {
	background-color: #c31531;
	background-image: url(../../images/webview/icon_search_white.png)
}

.comment {
	text-align: center;
	font-size: 12px;
}

#mycar section {
	height: calc(100% - 40px);
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}

#mycar #not-found {
	height: 100%;
	background-color: #ebebeb;
}

#not-found .empty {
	height: calc(100% - 40px);
}

#mycar.search #car-search,
#mycar.manage #car-management {
	display: block;
}

#mycar.search #find-car,
#mycar.manage #manage-car {
	color: #000000;
}

#car-search {
	background-color: #ededed;
}

#car-search,
#car-management,
#all-car,
#my-car,
#car-search .all #btn-car-mng {
	display: none;
}

#car-management #my-car {
	display: block;
}

#car-search .parking-list-wrap.all #all-car,
#car-search .parking-list-wrap.my #my-car  {
	display: block;
	background-color: #ffffff;
}

#car-search.before .mid-section-title,
#car-search.before .parking-list-wrap {
	display: none;
}

.car-number-input {
	-webkit-appearance: none;
}

.parking-list-wrap.all .list li {
	height: 80px;
	line-height: initial;
}
/*
.list li > a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.list .img-wrap {
	display: inline-block;
	width: 55px;
	height: 55px;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.list .img-wrap img {
	display: inline-block;
	height: 100%;
	position: relative;
	left: 100%;
	margin-left: -200%;
}
*/
.parking-info {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	/*margin-left: 10px;*/
	height: 100%;
	padding: 20px 0;
}

.parking-info span {
	line-height: 16px;
	font-size: 13px;
}

.parking-info .car-num {
	display: block;
	font-weight: 600;
	line-height: 20px;
	font-size: 15px;
}

.car-floor:after,
.car-location:after {
	content: '|';
	font-size: 13px;
	color: #a9a9a9;
	padding-left: 7px;
	padding-right: 5px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -3px;
}

#btn-car-mng {
	display: block;
	width: auto;
	margin: 5px auto;
	text-align: center;
	border: none;
}

.no-car li,
.no-car li {
	display: none;
}

.no-car li.no-result {
	display: block;
	border-bottom: none;
}

/*#mycar .no-result {
	vertical-align: top;
	margin-top: 165px;
	margin-bottom: 0;
}
*/
#mycar #all-car .no-result {
	margin-top: 0;
	padding-top: 17px;
}

#mycar .no-result p {
	padding-top: 2px;
}

#mycar #car-search .list li:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 56px;
	background-image: url(../../images/webview/icon_storedetail_more@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	position: absolute;
	right: 15px;
	top: 0;
}

#mycar #car-search .no-car .list li:after {
	display: none;
}

#mycar #car-search #all-car.list li:after {
	height: 77px;
}

.parking-list-wrap.no-car {
	height: calc(100% - 195px);
	background-color: #ffffff;
}

#mycar #car-search .list li.gguk:after {
	background-image: url(../../images/webview/icon_list_on@2x.png);
}

#car-result .section-title {
	margin-bottom: 5px;
}

#car-result .img-wrap img {
	display: inline-block;
	width: 100%;
}

#car-search .detail-contents h3 {
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 5px;
}

#car-search .detail-contents p {
	font-size: 11px;
	line-height: 20px;
	margin-bottom: 15px;
}
/*
.btn-area {
	padding: 20px 4%;
}

.btn-area .btn-wrap {
	margin-top: 0;
}
*/
.pay-info {
	font-size: 14px;
	padding: 15px 20px;
	white-space: nowrap;
}

.pay-info li > * {
	display: inline-block;
	vertical-align: middle;
	line-height: 28px;
}

.pay-info li > p {
	text-align: right;
	width: 60%;
}

.pay-info li > span {
	width: 38%;
}

/*interest*/
#list-interest-tenant,
#list-interest-event {
	display: none;
}

#interest.tenant #list-interest-tenant,
#interest.event #list-interest-event {
	display: block;
	height: calc(100% - 40px);
}

#interest.tenant #interest-tenant,
#interest.event #interest-event {
	color: #000000;
}

#interest .tab-menu-wrap {
	border-bottom: 1px solid #e9e9e9;
}

/*facility
#facility {
	position: relative;
}

#facility.popup-on .popup-wrap {
	display: block;
}

#list-facility {
	width: 100%;
	/* height: 100%; 
	padding-top: 30px;
}

.column {
	/*column-count: 2;
	text-align: center;
}
*/
.slider ul li.facility {
	height: auto;
	/* margin-bottom: 10%; */
	margin-bottom: 3%;
}
/*
.facility {
	display: inline-block;
	text-align: center;
	width: 50%;
}

.icon-facility {
	display: inline-block;
	width: 52px;
	height: 52px;
	background-color: #706f6f;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}

.facility.gguk .icon-facility,
.facility.selected .icon-facility {
	background-color: #c31531;
}

.facility.gguk h4,
.facility.selected h4 {
	color: #c31531;
}

#facility-popup .facility.gguk h4,
#facility-popup .facility.selected h4 {
	color: #000000;
}
*/
.icon-facility.handicapped {
	background-image: url(../../images/facility/Web_Service-Facility_icon_03.png);
}

.icon-facility.restrooms {
	background-image: url(../../images/facility/Web_Service-Facility_icon_04.png);
}

.icon-facility.babycare {
	background-image: url(../../images/facility/Web_Service-Facility_icon_05.png);
}

.icon-facility.information {
	background-image: url(../../images/facility/Web_Service-Facility_icon_07.png);
}

.icon-facility.elevator {
	background-image: url(../../images/facility/Web_Service-Facility_icon_09.png);
}

.icon-facility.escalator {
	background-image: url(../../images/facility/Web_Service-Facility_icon_10.png);
}

.icon-facility.valet {
	background-image: url(../../images/facility/Web_Service-Facility_icon_11.png);
}

.icon-facility.stroller {
	background-image: url(../../images/facility/Web_Service-Facility_icon_14.png);
}

.icon-facility.smoking {
	background-image: url(../../images/facility/Web_Service-Facility_icon_15.png);
}

.icon-facility.atm {
	background-image: url(../../images/facility/Web_Service-Facility_icon_16.png);
}

.icon-facility.locker {
	background-image: url(../../images/facility/Web_Service-Facility_icon_17.png);
}

.icon-facility.exit {
	background-image: url(../../images/facility/Web_Service-Facility_icon_18.png);
}

.icon-facility.repair {
	background-image: url(../../images/facility/Web_Service-Facility_icon_22.png);
}

.icon-facility.drinking {
	background-image: url(../../images/facility/Web_Service-Facility_icon_23.png);
}

.icon-facility.electric-car {
	background-image: url(../../images/facility/Web_Service-Facility_icon_25.png);
}

.icon-facility.medial {
	background-image: url(../../images/facility/Web_Service-Facility_icon_26.png);
}

.icon-facility.cs {
	background-image: url(../../images/facility/Web_Service-Facility_icon_32.png);
}

.icon-facility.tax-refund {
	background-image: url(../../images/facility/Web_Service-Facility_icon_29.png);
}

.icon-facility.pay {
	background-image: url(../../images/facility/Web_Service-Facility_icon_30.png);
}
/*
.facility h4 {
	font-weight: normal;
}

.popup-wrap {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	z-index: 100;
}

#facility-popup {
	width: 295px;
	margin: 0 auto;
	height: auto;
	background-color: #ffffff;
	vertical-align: middle;
	display: inline-block;
}

.popup-wrap:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

#facility-popup .facility {
	padding-top: 38px;
	width: 90%;
}


#facility-popup .facility h4 {
	font-size: 23px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#facility-popup.no-info .facility-info {
	display: none;
}

.facility-info {
	display: inline-block;
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 30px;
	white-space: nowrap;
	margin-bottom: 25px;
	text-align: left;
	padding-left: 35px;
}

.facility-info span {
	display: inline-block;
	color: #585858;
	margin-right: 10px;
}

.facility-info p {
	display: inline-block;
}

#floor-selector ul {overflow:hidden;}

#floor-selector li {
	display: none;
	height: 56px;
	line-height: 56px;
	vertical-align: middle;
	border: 1px solid #ebebeb;
	border-right: none;
	font-size: 18px;
	font-weight: 600;
}

#floor-selector li.gguk,
#floor-selector li.selected {
	background-color: #c31531;
}

#floor-selector li.gguk a,
#floor-selector li.selected a {
	color: #ffffff;
}

#floor-selector li:first-child {
	border-left: none;
}

#floor-selector.f1 li:first-child {
	display: block;
	border: 1px solid #ebebeb;
}

#floor-selector.f2 li:first-child,
#floor-selector.f2 li:nth-child(2) {
	display: inline-block;
	float:left;
	width: 50%;
}

#floor-selector.f3 li:first-child,
#floor-selector.f3 li:nth-child(2),
#floor-selector.f3 li:nth-child(3) {
	display: inline-block;
	width: 33.3%;
}

#floor-selector.f4 li:first-child,
#floor-selector.f4 li:nth-child(2),
#floor-selector.f4 li:nth-child(3),
#floor-selector.f4 li:nth-child(4) {
	display: inline-block;
	width: 25%;
}

#floor-selector.f5 li:first-child,
#floor-selector.f5 li:nth-child(2),
#floor-selector.f5 li:nth-child(3),
#floor-selector.f5 li:nth-child(4),
#floor-selector.f5 li:nth-child(5) {
	display: inline-block;
	width: 20%;
}

#floor-selector.f6 li:first-child,
#floor-selector.f6 li:nth-child(2),
#floor-selector.f6 li:nth-child(3),
#floor-selector.f6 li:nth-child(4),
#floor-selector.f6 li:nth-child(5),
#floor-selector.f6 li:nth-child(6) {
	display: inline-block;
	width: 33.3%;
	margin-top: -1px;
}

#floor-selector.f7 li:first-child,
#floor-selector.f7 li:nth-child(2),
#floor-selector.f7 li:nth-child(3),
#floor-selector.f7 li:nth-child(4),
#floor-selector.f7 li:nth-child(5),
#floor-selector.f7 li:nth-child(6),
#floor-selector.f7 li:nth-child(7) {
	display: inline-block;
	width: 25%;
	margin-top: -1px;
}

#floor-selector.f7 li:nth-child(8) {
	display: inline-block;
	width: 25%;
	margin-top: -1px;
	background-color: #ebebeb;
}

#floor-selector.f7 li:nth-child(8).gguk {
	background-color: #ebebeb;
}

#close-popup {
	height: 56px;
	line-height: 56px;
	font-size: 16px;
}

#close-popup.gguk {
	color: #c31531;
}

/*hours*/
#operating-hours .contents {
	overflow-y: auto;
	height: 100%;
	/* -webkit-overflow-scrolling: touch; */
}

#starfield-hours {
	width: 100%;
	height: 360px;
	background-image: url(../../images/webview/hours.png);
	background-size: cover;
	background-position: bottom;
	text-align: center;
	padding-top: 76px;
}

#starfield-hours * {
	color: #ffffff;
}

#starfield-hours h2 {
	font-size: 18px;
	font-weight: 600;
}

#starfield-hours .date {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 15px;
}

#operating-hours h1.hour {
	font-size: 36px;
	font-weight: bold;
	/*font-family: 'Avenir';*/
}

.middle-bar {
	display: block;
	margin: 0 auto;
	width: 28px;
	height: 1px;
	background-color: #ffffff;
	margin-top: 13px;
	margin-bottom: 30px;
}

#starfield-hours ul li {
	font-size: 13px;
	line-height: 23px;
	white-space: nowrap;
}

/*#starfield-hours ul li:before {
	content: '';
	margin-right: 2px;
}*/

#operating-hours .mid-section-title {
	text-align: center;
	height: 55px;
	line-height: 55px;
	background-color: #d7d3d1;
	color: #7b6d65;
	padding-left: 0;
	font-weight: bold;
	font-size: 15px;
}

#operating-hours .mid-section-title.fixed {
	position: fixed;
	top: 0;
	z-index: 20;
}

#operating-hours .shop-list-wrap.fixed {
	margin-top: 55px;
}

#operating-hours .list li .list-inner {
	padding-top: 15px;
	padding-bottom: 20px;
}

#operating-hours .shop-list-wrap .list li .make-a-call,
#operating-hours .shop-list-wrap .list li .go-to-map,
#operating-hours .shop-list-wrap .list li .btn-like {
	height: 80px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
}

#operating-hours .shop-list-wrap .list li .go-to-map {
	right: 40px;
}

#operating-hours .shop-list-wrap .list li .make-a-call {
	right: 0;
}

#operating-hours .shop-list-wrap .list li .info-wrap {
	padding-left: 7px 3%;
}

#operating-hours .shop-list-wrap .list li {
	height: auto;
	padding: 4px;
	padding-bottom: 0;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd {
	line-height: 18px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dt {
	margin-bottom: 10px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd span {
	width: auto;
	margin-right: 5px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd .gray:first-child {
	width: 37px;
}
#operating-hours .shop-list-wrap .list li .info-wrap .info dd .gray.aqua {
	width: 60px;
}
#operating-hours .additional {
	margin-top: 5px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd.additional > span {
	min-width: 52px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd.wide ul li span {
	width: 48px;
}

#operating-hours .shop-list-wrap .list li .info-wrap .info dd span:first-child:after {
	content: '';
}

.additional ul {
	display: inline-block;
	vertical-align: top;
}

#operating-hours .shop-list-wrap .list li .additional ul li {
	padding: 0;
}

/*setting*/
.setting-list-wrap {
	border-top: 1px solid #e6e6e6;
}

.logout,
.after-login .login {
	display: none;
}

.after-login .logout {
	display: block;
}

.setting-list-wrap .list li {
	position: relative;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 24px;
	font-size: 14px;
}

.setting-list-wrap .list li p,
.setting-list-wrap .list li .btn-logout {
	float: right;
	margin-right: 24px;
}

.setting-list-wrap .list li p:after {
	content: '';
	clear: both;
}

.setting-list-wrap .list li#marketing-push {
	height: auto;
}

#marketing-push .btn-toggle {
	background-position: center 22px;
}

#marketing-push div {
	display: inline-block;
	line-height: 18px;
	width: 92%;
	font-size: 13px;
}

#marketing-push div > span {
	display: block;
}

#marketing-push div > span:last-child {
	font-size: 11px;
}

.btn-toggle {
	display: inline-block;
	width: 36px;
	height: 100%;
	background-image: url(../../images/webview/icon_push_sprite.png);
	background-size: 106px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 24px;
	top: 0;
	z-index: 5;
}

.btn-toggle.off,
.btn-toggle.off.lock {
	background-position: 0 center;
}

.btn-toggle.lock {
	background-position: -71px center;
}

#marketing-push .btn-toggle.off,
#marketing-push .btn-toggle.off.lock {
	background-position: 0 22px;
}

#marketing-push .btn-toggle.lock {
	background-position: -71px 22px;
}

/* common.css 옮긴영역
.icon-enter {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
	color: #585858;
	font-size: 14px;
}

.icon-enter:after {
	content: '';
	background-image: url(../../images/webview/icon_storedetail_more@2x.png);
	background-size: 7px;
	position: absolute;
	right: 24px;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 100%;
}

.setting-list-wrap .list li.gguk .icon-enter:after,
.setting-list-wrap .list li .icon-enter.gguk:after  {
	background-image: url(../../images/webview/icon_list_on@2x.png);
}*/


#terms {
	height: 100%;
	overflow-y: auto;
	padding: 15px;
	/* -webkit-overflow-scrolling: touch; */
}

/*#terms p {
	font-size: 13px;
	color: #585858;
	line-height: 20px;
	margin-top: 20px;
}*/

#notification p {
	font-size: 13px;
	padding: 24px;
	word-break: keep-all;
}

/*aquafield ticketing*/
#wait-step1,
#wait-step2,
#wait-step3,
#wait-step4 {
	display: none;
}

.step1 #wait-step1,
.step2 #wait-step2,
.step3 #wait-step3,
.step4 #wait-step4 {
	display: block;
}

#Aquafield-waiting .contents {
	height: 100%;
	overflow-y: auto;
	background-color: #ebebeb;
	/* -webkit-overflow-scrolling: touch; */
}

#Aquafield-waiting .btn-wrap {
	border: none;
	height: auto;
}

#Aquafield-waiting .mid-section-title {
	text-align: center;
	background-color: #e4e2e1;
	font-size: 15px;
	padding-left: 0;
}

.status-box {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 32px;
	background-color: #ffffff;
}

.status-box h4 {
	color: #585858;
}

#wait-step1 .status-box {
	padding-top: 24px;
	padding-left: 24px;
	padding-bottom: 5px;
	text-align: left;
	position: relative;
}

#wait-step1 .count-num {
	font-size: 63px;
	line-height: 80px;
	height: 90px;
}

#wait-step1 .count-num .person {
	font-size: 28px;
}

#Aquafield-waiting #wait-step1  .btn-wrap {
	display: inline-block;
	position: absolute;
	right: 15px;
	width: auto;
	text-align: right;
	top: 64px;
	margin-top: 0;
}

#Aquafield-waiting #wait-step1 .btn-wrap .btn {
	width: 115px;
	margin: 0;
}

.count-num {
	font-size: 90px;
	/*font-family: 'Avenir';*/
	font-weight: bold;
}

.count-num .person {
	/*font-family: 'NotoSansKR';*/
	font-size: 32px;
	vertical-align: baseline;
	display: inline-block;
	margin-left: 5px;
	color: #585858;
}

#Aquafield-waiting .btn-wrap .btn.wide {
	max-width: 233px;
	width: 233px;
}

#Aquafield-waiting  .detail-info {
	background-color: #ebebeb;
	padding: 0 20px;
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: 13px;
	position: relative;
	text-align: left;
}

#Aquafield-waiting  .detail-info dt {
	font-weight: 600;
	margin-top: 18px;
	margin-bottom: 10px;
}

#Aquafield-waiting .detail-info dd {
	line-height: 20px;
	word-break: keep-all;
	position: relative;
	color: #7c7c7c;
}

#Aquafield-waiting .detail-info dd.red {
	color: #c31531;
}

#Aquafield-waiting .detail-info dd.dot {
	padding-left: 10px;
}

#Aquafield-waiting .detail-info dd.dot:before {
	content: '\0000B7';
	position: absolute;
	left: 0;
}

.address {
	width: 80%;
}

.logo.aquafield {
	width: 60px;
	display: inline-block;
	position: absolute;
	bottom: 29px;
	right: 20px;
}

.status-box li {
	font-size: 15px;
	text-align: left;
	/* padding-left: 20px; */
	line-height: 24px;
	font-weight: 600;
}

.status-box li > span {
	margin-left: 10px;
}

.status-box .notif li {
	text-align: center;
	line-height: 22px;
}

.status-box .notif li > span {
	margin: 0;
	font-weight: normal;
}

.status-box .notif ul {
	margin-top: 12px;
}

.status-box ul {
	width: 95%;
	margin: 0 auto;
	display: block;
	max-width: 305px;
}

#Aquafield-waiting .btn-wrap .btn {
	max-width: 162px;
	width: 45%;
	height: 46px;
	margin: 0 1%;
	margin-top: 15px;
	line-height: 45px;
}

#wait-step3 h4 {
	margin-bottom: 15px;
	line-height: 24px;
}

.status-box > span {
	font-size: 15px;
	margin: 5px;
	font-weight: 600;
}

/*login*/
button {
	border: none;
}
/*
.btn-brown.btn-red {
	background-color: #c31531;
	margin-top: 12px;
	margin-bottom: 0;
}

.login-wrap {
	background-color: #e4e2e1;
	padding: 15px;
	text-align: center;
}

.login-wrap > input {
	display: block;
	width: 100%;
	height: 45px;
	margin-bottom: 1px;
	border: none;
	font-size: 15px;
	text-indent: 10px;
}

.login-check {
	padding-top: 12px;
	font-size: 13px;
	vertical-align: middle;
}

.login-check label {
	color: #969594;
	width: 40%;
	display: inline-block;
}

.login-etc {
	padding: 15px;
}

.login-etc ul {
	margin-top: 10px;
}

.login-etc li {
	font-size: 11.5px;
	color: #7c7c7c;
	line-height: 20px;
}

.login-etc .btn-brown {
	margin-top: 0;
	margin-bottom: 8px;
}

#login-intro {
	text-align: center;
}

#login-intro img {
	width: 100px;
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

#login-intro #login-top {
	background-image: url(../../images/webview/login_top.png);
	background-size: cover;
	padding-top: 26px;
	height: 150px;
}

.intro-msg {
	width: 100%;
	font-size: 11px;
	line-height: 17px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 35px;
	word-break: keep-all;
}

#login-intro .intro-msg span {
	font-size: 12px;
	display: inline-block;
}

#login-intro .contents {
	width: 100%;
	display: inline-block;
	height: auto;
	vertical-align: middle;
	/* padding-top:20%; 
}

#login-bottom {
	padding: 35px 0;
	text-align: center;
}

#login-bottom p {
	font-size: 11.5px;
	line-height: 18px;
	margin-bottom: 8px;
}

#login-bottom span {
	display: inline-block;
	text-align: left;
	font-size: 10px;
	line-height: 15px;
	width: 100%;
	margin-top: 10px;
	padding: 0 1px;
}

#login-wrap,
#join-wrap {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: 268px;

}

#login-wrap {
	padding-bottom: 22px;
	border-bottom: 1px solid #c4c4c4;
}

#login-intro .btn-brown {
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	vertical-align: middle;
	/*position: absolute;
	right: 0;
}

#join {
	margin-top: 28px;
}
/*agreement*/
/* ------------------------------------------------- 이용약관 옮긴영역
#agreement .contents {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#agreement .mid-section-title {
	background-color: #d7d3d1;
	font-size: 16px;
}

#agreement .mid-section-title input {
	top: 17px;
}

#agreement .mid-section-title label {
	font-size: 16px;
}

#agreement .btn-view {
	margin-bottom: 10px;
	text-indent: 19px;
}

.agree-summary h4 {
	text-align: center;
	font-weight: 600;
	word-break: keep-all;
	margin-bottom: 10px;
	line-height: 21px;
}

.agree-summary {
	padding: 25px 15px;
}

.agree-summary p {
	width: 100%;
	padding: 0 20px;
	font-size: 13px;
	line-height: 20px;
	margin: 0 auto;
	margin-top: 10px;
	color: #585858;
	word-break: keep-all;
}

.agreement-contents {
	padding-bottom: 20px;
}

.agreement-contents h3 {
	font-size: 16px;
	margin-bottom: 20px;
}

.agreement-contents ul {
	width: 100%;
	padding: 25px 20px;
	border-bottom: 3px solid #d7d3d1;
}

.agreement-contents ul:last-child {
	border-bottom: none;
}

.agreement-contents ul li {
	margin-top: 20px;
}

.agreement-contents ul li:first-child {
	margin-top: 0;
}

.agreement-contents label {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	word-break: keep-all;
	padding-left: 20px;
	position: relative;
}

.agreement-contents label input {
	position: absolute;
	left: 0;
	top: 2px;
}

.agreement-contents label span {
	display: inline-block;
	vertical-align: middle;
}

.agreement-contents .term-title {
	font-size: 13px;
	word-break: keep-all;
	width: 180px;
}

.agreement-contents .view-more {
	font-size: 11.5px;
}

.agreement-contents span input {
	margin-right: 5px;
	margin-left: 5px;
}

.agreement-contents span label {
	margin-right: 4px;
	vertical-align: top;
	font-weight: normal;
	font-size: 14px;
}


.full-text {
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
	margin: 10px 0;
	overflow-y: auto;
}

.full-text h5 {
	font-size: 13px;
	margin-bottom: 20px;
}

.full-text h6 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
}

.full-text div {
	margin-bottom: 20px;
	line-height: 21px;
}

.full-text ol {
	padding-left: 15px;
}

.full-text ol > li {
	display: list-item;
}

.full-text li {
	margin-bottom: 5px;
}

.full-text ul {
	margin-top: 5px;
}

.full-text ul ul {
	padding-left: 12px;
}

.full-text .star {
	margin-left: -12px;
}

.full-text div > ul {
	margin-top: 10px;
}

.full-text table {
	border-collapse: collapse;
	margin: 5px 0;
	table-layout: fixed;
}

.full-text table th {
	border: 1px solid #ebebeb;
	text-align: center;
	font-weight: 600;
}

.full-text table td {
	border: 1px solid #ebebeb;
	padding: 5px;
	vertical-align: top;
}

.full-text > p:last-child {
	text-align: right;
	width: 100%;
}

------------------------------------------------- 이용약관 옮긴영역 */
/*
.btn-view {
	display: block;
	width: 100%;
	height: 40px;
	position: relative;
	line-height: 40px;
	font-size: 13px;
	/*text-indent: 15px;
	border: 1px solid #e1e1e1;
	margin-top: 8px;
	margin-bottom: 18px;
}

.btn-view.gguk {
	background-color: #ededed;
}

.icon-enter.btn-view:after {
	right: 15px;
}

parking info
#parking-info .contents {
	height: 100%;
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch;
}

.map-wrap {
	overflow: hidden;
	width: 100%;
	position: relative;
}

#parking-info .map-wrap {
	height: 300px;
}

#parking-map,
#route-map {
	width: 100%;
	height: 100%;
	background-image: url(../../images/webview/map_sample.png);
	background-size: cover;
	background-position: center;
}

#route-map {
	background-image: url(../../images/webview/direction_map.png);
}
*/
.floor-selector {
	width: 100%;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.floor-selector li {
	width: 28%;
	margin: 5px 1.5%;
	display: inline-block;
	max-width: 105px;
	height: 40px;
	border: 1px solid #ededed;
	text-align: center;
	font-size: 16px;
	line-height: 39px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
}

.floor-selector li .gray {
	color: #585858;
	font-size: 12px;
	width: 50%;
}

.floor-selector li span {
	display: inline-block;
	text-align: center;
	width: 48%;
}

.floor-selector li .parking-floor {
	width: 46%;
}

.floor-selector li .parking-floor.long {
	font-size: 14px;
}

.yellow {
	color: #ffad1d;
}

.map-index {
	text-align: center;
	padding: 0;
	line-height: 44px;
	white-space: nowrap;
	font-size: 12px;
}

.map-index > div {
	display: inline-block;
	margin: 0 15px;
}

.map-index span {
	vertical-align: middle;
}

.map-index .color {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-color: #7c7c7c;
	border-radius: 100%;
	margin-right: 5px;
}

.color.red {
	background-color: #c31531;
}

.color.yellow {
	background-color: #ffad1d;
}

.color.green {
	background-color: #56e93e;
}

.parking-detail {
	padding: 10px;
}

/*.parking-detail .column2 {
	column-count: 2;
	border-bottom: 1px solid #ebebeb;
}*/

.parking-detail dl {
	padding: 5px 10px;
	padding-top: 0;
}

.parking-detail dt {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 15px;
}

.parking-detail dd span {
	font-size: 12px;
	line-height: 20px;
	color: #4b4b4b;
}

.parking-detail .day {
	margin-bottom: 10px;
}

.parking-detail .dot {
	position:relative;
	display:inline-block;
	padding-left:2vw;
	word-break: keep-all;
}

.parking-detail .dot:before {
	content:'\0000B7';
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:2vw;
}

.parking-detail p {
	color: #4b4b4b;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 5px;
}

/*directions*/

#directions .contents {
	height: calc(100% - 85px);
	overflow-y: auto;
	/* -webkit-overflow-scrolling: touch; */
}

#directions.car #car a,
#directions.public #public a {
	color: #000000;
}

#by-car,
#by-public {
	display: none;
}

#directions.car #by-car,
#directions.public #by-public {
	display: block;
}

#address .call {
	width: 45px;
	height: 45px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	float: right;
	background-image: url(../../images/webview/icon_list_phone@2x.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
}

#address .call:after {
	content: '';
	clear: both;
}

#directions .map-wrap {
	height: 225px;
}

/*#directions .btn-wrap {
	background-color: #e4e2e1;
	margin: 0;
	padding: 15px 10px;
	border: none;
	height: auto;
	white-space: normal;
	text-align: center;
}

#directions.car .btn-wrap .btn {
	margin: 0.5%;
	width: 31%;
}

#directions .btn-wrap .btn {
	height: 46px;
	line-height: 45px;
	width: 47%;
	margin: 1%;
	background-color: #ffffff;
}

#by-car.route1 .btn:first-child,
#by-car.route2 .btn:nth-child(2),
#by-car.route3 .btn:nth-child(3),
#by-car.route4 .btn:nth-child(4),
#by-public.bus .btn:first-child,
#by-public.subway .btn:nth-child(2) {
	background-color: #c31531;
	color: #ffffff;
}
*/
/*#directions .btn-wrap .btn.gguk {
	color: initial;
}*/

#directions .list li.gguk {
	background-color: transparent;
}
/*
.route {
	display: none;
}

#by-car.route1 #route1,
#by-car.route2 #route2,
#by-car.route3 #route3,
#by-car.route4 #route4,
#by-public.bus #bus,
#by-public.subway #subway {
	display: block;
}*/

.route-list-wrap {
	padding: 10px;
	padding-top: 0;
}

#by-public .route {
	padding: 0 5px;
}

.route {
	margin-top: 10px;
}

.badge {
	display: inline-block;
	width: 63px;
	height: 25px;
	background-color: #c31531;
	color: #ffffff;
	text-align: center;
	font-size: 15px;
	/*font-family: 'Avenir';*/
	line-height: 25px;
	border-radius: 25px;
	margin-right: 10px;
}

.route h3 {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 15px;
}

.route h4 {
	font-weight: 600;
}

.route p {
	display: inline-block;
}

.route p:last-child {
	border-bottom: none;
}

.route dl {
	margin-top: 15px;
	padding: 0 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}

.route dl:last-child {
	border-bottom: none;
}

.route .comment {
	font-size: 11px;
	color: #7b7b7b;
	text-align: left;
	display: inline-block;
	margin-right: 0;
	/*padding-left: 5px;*/
	font-weight: normal;
}

.route dt .comment {
	color: #000000;
	font-weight: 600;
	font-size: 12px;
}

.route dt {
	font-size: 15px;
	font-weight: 600;
	margin-top: 30px;
	margin-bottom: 12px;
}

.route dd {
	font-size: 13px;
	color: #585858;
	margin-top: 5px;
	margin-bottom: 8px;
	word-break: keep-all;
	position: relative;
	line-height: 26px;
}

#by-car .route dd {
	padding-left: 60px;
}

#by-car .route dd.namyangju {
	padding-left: 70px;
}

.arrow {
	color: #d9d9d9;
	display: inline-block;
	margin: 0 3px;
}

.arrow:after {
	content: '▶︎';
	display: inline-block;
	margin: 0 3px;
}

.route dd span {
	font-weight: 600;
	display: inline-block;
	/*margin-right: 10px;*/
	line-height: 26px;
}
.route dd .line-word {
	display: inline-block;
}

.route dd .parking-floor {
	font-weight: normal;
    padding-left: 5px;
    line-height: 18px;
    display: block;
}

#by-car .route dd .from {
	position: absolute;
	left: 0;
	/*top: -2px;*/
}

#by-public .route > .comment:last-child {
	padding: 10px 5px;
}

#by-public .mid-section-title,
#by-car .mid-section-title {
	text-align: center;
	font-size: 14px;
	padding: 0;
}

#by-public .route-list-wrap:nth-child(3) {
	margin-bottom: 20px;
}

#by-public .route-list-wrap:nth-child(3) .route dt {
	font-size: 16px;
	margin-bottom: 0;
}

#by-public .route-list-wrap:nth-child(3) .route dd {
	margin-top: 2px;
	margin-bottom: 5px;
	line-height: 24px;
	color: #222222
}

#by-public .route-list-wrap:nth-child(3) .route .by-public-line {
	font-size: 12.5px;
	color: #414141
}

#by-public .route-list-wrap:nth-child(3) .route dl {
	border-bottom: none;
	padding-bottom: 0;
	margin-top: 0;
}

#by-public .route-list-wrap:nth-child(3) .route .station-info {
	padding: 10px;
	padding-bottom: 8px;
	padding-top: 14px;
	margin-top: 27px;
	background-color: #f1f0f0;
}

#by-public .route-list-wrap:nth-child(3) .route .station-info span {
	line-height: 22px;
	font-weight: normal;
}

#by-public .route-list-wrap:nth-child(3) .route .station-info strong {
	font-weight: 600;
}

#by-public .route-list-wrap:nth-child(3) .comment {
	color: #222222;
}

.green {
	color: #0d9935;
}

.blue {
	color: #0b5ac5;
}

.orange {
	color:#ff7300;
}

.station-info dt {
	margin-top: 0;
}

.by-public-line .arrow{margin:0;}

dd.by-public-line span {
	line-height: 1.7;
}

.direction-wrap {
	word-break: keep-all;
	margin-bottom: 15px;
}

.direction-wrap > div {
	display: inline-block;
	border: 1px solid #ebebeb;
	height: 32px;
	line-height: 31px;
	font-size: 12px;
	padding: 0 10px;
	margin: 5px 0;
	margin-left: 20px;
	position: relative;
}

.direction-wrap > div:first-child {
	margin-left: 0;
}

.direction-wrap > div:before {
	content: '';
	background-image: url(../../images/webview/bg_direction_bar.png);
	width: 20px;
	height: 100%;
	background-size: auto 50px;
	background-position: center;
	display: inline-block;
	position: absolute;
	left: -20px;
	margin-left: -1px;
}

.direction-wrap > div:first-child:before {
	display: none;
}

.direction-wrap > div.gray {
	background-color: #ebebeb;
	color: #000000;
}

/*key tenant*/
/*
#key-tenant-detail {
	text-align: center;
}

.key-top {
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	text-align: center;
	background-size: cover;
}


.key-logo {
	height: 100px;
	margin-top: 35px;
	overflow: hidden;
}

.key-logo:after {
	content: '';
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	width: 0;
}

.key-logo .logo {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.key-top .middle-bar {
	width: 25px;
	margin-top: 0;
	margin-bottom: 20px;
	background-color: #b49759;
}

.key-top h4 {
	font-weight: normal;
	margin-bottom: 40px;
	font-size: 14px;
	word-break: keep-all;
}

#aqua .key-top h4 {
	margin-bottom: 25px;
}

.key-top.short h4 {
	margin-bottom: 26px;
}

.key-top .info {
	width: 215px;
	height: auto;
	font-size: 11px;
	text-align: left;
	margin: 0 auto;
	white-space: nowrap;
}

.key-top .info dd > span {
	width: 63px;
	display: inline-block;
}

.key-top .info dd ul li span:first-child {
	width: 53px;
	display: inline-block;
}

.key-top p {
	color: #ffffff;
	font-size: 12.5px;
	line-height: 17px;
}

.key-top .btn-wrap {
	border: none;
	margin-top: 12px;
	height: 38px;
}

.key-top .btn-wrap .btn {
	width: 82px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	margin: 0 4px;
	border-color: rgba(255,255,255,0.7);
}

.key-top .btn-wrap .btn.gguk {
	background-color: transparent;
}

#key-tenant-detail section > div > h3 {
	padding-top: 30px;
	margin-bottom: 15px;
	letter-spacing: 1.5px;
	font-weight: normal;
	font-size: 17px;
}

#key-tenant-detail section > div > h5 {
	font-size: 13px;
	color: #585858;
	margin-bottom: 26px;
	font-weight: normal;
}
*/
.fare-wrap {
	padding-bottom: 20px;
	background-color: #ffffff;
}

.fare-wrap p {
	font-size: 12px;
	line-height: 18px;
	display: inline-block;
	margin-bottom: 20px;
}

.fare-wrap h6 {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}

.fare-wrap .fare-box * {
	color: #093a57;
}


.fare-box {
    display: block;
    width: calc(100% - 25px);
    max-width: 350px;
    margin: 7px auto;
    background-color: #f3f2f2;
    padding-top: 38px;
    padding-bottom: 30px;
}

.fare-box h5 {
    font-size: 16px;
    margin-bottom: 25px;
}

.fare-table {
	margin: 0 auto;
	width: 100%;
	/* max-width: 300px; */
	border-collapse: collapse;
}

.fare-table th {
	height: 36px;
	font-size: 15px;
}

.fare-table td {
	/* font-size: 20px; */
	vertical-align: middle;
	height: auto;
}

.fare-table td span {
	font-size: 12px;
	display: inline-block;
	/* margin-right: 8px;
	font-weight: 600; */
}
.fare-table td .fb-text {
	font-size: 15px;
}
.fare-table td strong {
	font-weight: bold;
}

.fare-table tr:nth-child(2) {
	/* height: 55px; */
}

.intro-wrap {
	background-color: #d0ccc9;
	/*padding-top: 8px;*/
	padding-bottom: 13px;
}

.intro-box {
	width: 312px;
	margin: 0 auto;
	margin-bottom: 35px;

}

.intro-img {
	width: 100%;
	min-height: 177px;
	background-size: cover;
}

.intro-txt {
	width: 100%;
	min-height: 144px;
	background-color: #ffffff;
	text-align: left;
	padding: 15px 13px;
}
/*
.intro-txt h4 {
	line-height: 19px;
	margin-top: 10px;
}

.intro-txt span {
	font-size: 12px;
}

.intro-txt .middle-bar {
	width: 35px;
	height: 1px;
	background-color: #c1c1c1;
	margin: 10px 0;
}

.intro-txt p {
	font-size: 12px;
	line-height: 16px;
	color: #585858;
	word-break: keep-all;
}

#aqua .intro-box {
	height: 385px;
}

#aqua .intro-txt {
	height: 210px;
}

#aqua #slide1.img-item {
	background-image: url(../../images/Aquafield_gallery_01.png);
}

#aqua #slide2.img-item {
	background-image: url(../../images/Aquafield_gallery_02.png);
}

#aqua #slide3.img-item {
	background-image: url(../../images/Aquafield_gallery_03.png);
}

#aqua #slide4.img-item {
	background-image: url(../../images/Aquafield_gallery_04.png);
}

#aqua #slide5.img-item {
	background-image: url(../../images/Aquafield_gallery_05.png);
}

#aqua .key-cont-box.wide .title {
	font-weight: 600;
}
*/
.mid-image {
	width: 100%;
	height: 250px;
	background-size: cover;
	/*background-attachment: fixed;*/
	background-position: center;
}

.key-contents {
	padding-top: 8px;
	padding-bottom: 10px;
	background-color: #ffffff;
}
/*
#sports .key-contents,
#aqua .key-contents {
	margin-top: 250px;
}
*/
.key-cont-wrap {
	padding-top: 8px;
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
}

.key-cont-box {
	width: 150px;
	height: 127px;
	display: inline-block;
	vertical-align: middle;
	margin: 3px;
	background-size: cover;
	background-position: center;
}

.key-cont-box:after {
	content: '';
	vertical-align: middle;
	height: 100%;
	width: 0;
	display: inline-block;
}

.key-cont-box > div {
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

.key-cont-box span {
	display: block;
	color: #ffffff;
}

.key-cont-box .title {
	font-size: 13px;
	/*font-family: 'Avenir';*/
	font-weight: bold;
}

.key-cont-box .subtitle {
	display: block;
	font-size: 8px;
	font-weight: normal;
}

.key-img-slide {
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
}

.key-img-slide div {
	width: 100%;
	height: 100%;
}

.key-img-slide .img-item {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	background-size: cover;
	background-position: center;
}

/*shinsegae
#shinsegae .key-top {
	background-image: url(../../images/webview/Shinsegae_Top.png);
}

#shinsegae1.intro-box {
	height: 354px;
}

#shinsegae1.intro-box .intro-txt {
	height: 177px;
}

#shinsegae1 .intro-img {
	background-image: url(../../images/Shinsegae_about_01.png);
}

#shinsegae2 .intro-img {
	background-image: url(../../images/Shinsegae_about_02.png);
}

#shinsegae .key-cont-box:first-child {
	background-image: url(../../images/Shinsegae_contents_01.png);
}

#shinsegae .key-cont-box:nth-child(2) {
	background-image: url(../../images/Shinsegae_contents_02.png);
}

#shinsegae .key-cont-box:nth-child(3) {
	background-image: url(../../images/Shinsegae_contents_03.png);
}

#shinsegae .key-cont-box:nth-child(4) {
	background-image: url(../../images/Shinsegae_contents_04.png);
}

#shinsegae .key-cont-box:nth-child(5) {
	background-image: url(../../images/Shinsegae_contents_05.png);
}

#shinsegae .key-cont-box:nth-child(6) {
	background-image: url(../../images/Shinsegae_contents_06.png);
}

#shinsegae .key-cont-box:nth-child(7) {
	background-image: url(../../images/Shinsegae_contents_07.png);
}

#shinsegae .key-cont-box:nth-child(8) {
	background-image: url(../../images/Shinsegae_contents_08.png);
}

#shinsegae .key-cont-box:nth-child(9) {
	background-image: url(../../images/Shinsegae_contents_09.png);
}

/*aquafield*
#aqua .key-top {
	background-image: url(../../images/webview/Aqua-Field_Top.png?v=1);
	/*height: 370px;*
}

#aqua1 .intro-img {
	background-image: url(../../images/webview/Aquafield_about.png);
}

#aqua .mid-image {
	background-image: url(../../images/webview/mid_aqua.png);
}

#aqua .key-cont-box:first-child {
	background-image: url(../../images/webview/Aquafield_contents_01.png);
}

#aqua .key-cont-box:nth-child(2) {
	background-image: url(../../images/webview/Aquafield_contents_02.png);
}

#aqua .key-cont-box:nth-child(3) {
	background-image: url(../../images/webview/Aquafield_contents_03.png);
}

#aqua .key-cont-box:nth-child(4) {
	background-image: url(../../images/webview/Aquafield_contents_04.png);
}

#aqua .key-cont-box:nth-child(5) {
	background-image: url(../../images/webview/Aquafield_contents_05.png);
}

#aqua .key-cont-box:nth-child(6) {
	background-image: url(../../images/webview/Aquafield_contents_06.png);
}

#aqua .key-cont-box:nth-child(7) {
	background-image: url(../../images/webview/Aquafield_contents_07.png);
}

#aqua .key-cont-box:nth-child(8) {
	background-image: url(../../images/webview/Aquafield_contents_08.png);
}

#aqua .key-cont-box:nth-child(9) {
	background-image: url(../../images/webview/Aquafield_contents_09.png);
}


/*sports monster*
#sports .key-top {
	background-image: url(../../images/webview/top_sports.png);
}

#sports .key-top .info {
	width: 170px;
	height: auto;
}
#sports .time-info-line {
	/*margin-top: 5px;
	letter-spacing: 1px;
}
#sports .time-info-title {
	display: inline-block;
	width: 80px;
}

#sports .key-top p span {
	color: #fff;
}

#sports1 .intro-img {
	background-image: url(../../images/SportsMonster_about_01.png);
}

#sports2 .intro-img {
	background-image: url(../../images/SportsMonster_about_02.png);
}

#sports3 .intro-img {
	background-image: url(../../images/SportsMonster_about_03.png);
}

#sports4 .intro-img {
	background-image: url(../../images/SportsMonster_about_04.png);
}

#sports5 .intro-img {
	background-image: url(../../images/SportsMonster_about_05.png);
}

#sports #slide1.img-item {
	background-image: url(../../images/SportsMonster_gallery_01.png);
}

#sports #slide2.img-item {
	background-image: url(../../images/SportsMonster_gallery_02.png);
}

#sports #slide3.img-item {
	background-image: url(../../images/SportsMonster_gallery_03.png);
}

#sports #slide4.img-item {
	background-image: url(../../images/SportsMonster_gallery_04.png);
}

#sports #slide5.img-item {
	background-image: url(../../images/SportsMonster_gallery_05.png);
}

#sports .key-cont-box:first-child {
	background-image: url(../../images/SportsMonster_contents_01.png);
}

#sports .key-cont-box:nth-child(2) {
	background-image: url(../../images/SportsMonster_contents_02.png);
}

#sports .key-cont-box:nth-child(3) {
	background-image: url(../../images/SportsMonster_contents_03.png);
}

#sports .key-cont-box:nth-child(4) {
	background-image: url(../../images/SportsMonster_contents_04.png);
}

#sports .key-cont-box.wide {
	text-align: left;
}

#sports .key-cont-box.wide .title {
	margin-left: 10px;
	margin-top: 14px;
	font-weight: bold;
}

#sports  .key-cont-box.wide .subtitle {
	margin-top: 3px;
}

#sports  .key-cont-box.wide > div {
	vertical-align: top;
}


/*bmw
#bmw .key-top {
	background-image: url(../../images/webview/top_bmw.png);
	background-position: center;
	/*height: 350px;
}

#bmw1 .intro-img {
	background-image: url(../../images/BMW_MIN_about_01.png);
	background-position: -60px;
}

#bmw2 .intro-img {
	background-image: url(../../images/BMW_MIN_about_02.png);
	background-position: -100px;
}

#bmw2.intro-box.tall {
	height: 430px;
}

#bmw2.intro-box.tall .intro-txt {
	height: 250px;
}

#bmw #slide1.img-item {
	background-image: url(../../images/BMW_MINI_gallery_01.png);
}

#bmw #slide2.img-item {
	background-image: url(../../images/BMW_MINI_gallery_02.png);
}

#bmw #slide3.img-item {
	background-image: url(../../images/BMW_MINI_gallery_03.png);
}

#bmw #slide4.img-item {
	background-image: url(../../images/BMW_MINI_gallery_04.png);
}

#bmw #slide5.img-item {
	background-image: url(../../images/BMW_MINI_gallery_05.png);
}

/*megabox*
#megabox .key-top {
	background-image: url(../../images/webview/MEGABOX_TOP.png);
	/*height: 370px;*
}

#mega1 .intro-img {
	background-image: url(../../images/Megabox_about_01.png);
}

#mega2 .intro-img {
	background-image: url(../../images/Megabox_about_02.png);
}

#mega3 .intro-img {
	background-image: url(../../images/Megabox_about_03.png);
}

#megabox #slide1.img-item {
	background-image: url(../../images/MEGABOX_BOTTOM.png);
}

/*baby-circle
#baby-circle .key-top {
	background-image: url(../../images/webview/top_baby.png?v=20161207);
	color: black;
}

#baby-circle .key-logo {
	margin-top: 5px;
	height: 130px;
}

#baby-circle1 .intro-img {
	background-image: url(../../images/Maries-Baby-Circle_about_01.png);
}

#baby-circle2 .intro-img {
	background-image: url(../../images/Maries-Baby-Circle_about_02.png);
}

#baby-circle3 .intro-img {
	background-image: url(../../images/Maries-Baby-Circle_about_03.png);
}

#baby-circle4 .intro-img {
	background-image: url(../../images/Maries-Baby-Circle_about_04.png);
}

#baby-circle .key-cont-box:first-child {
	background-image: url(../../images/Maries-Baby-Circle_contents_01.png);
}

#baby-circle .key-cont-box:nth-child(2) {
	background-image: url(../../images/Maries-Baby-Circle_contents_02.png);
}

#baby-circle .key-cont-box:nth-child(3) {
	background-image: url(../../images/Maries-Baby-Circle_contents_03.png);
}

#baby-circle .key-cont-box:nth-child(4) {
	background-image: url(../../images/Maries-Baby-Circle_contents_04.png);
}

/*maison-ticia
#maison-ticia .key-top {
	background-image: url(../../images/webview/top_ticia.png?v=20161207);
	background-position: center;
}

#maison-ticia1 .intro-img {
	background-image: url(../../images/Maison-Ticia_about_01.png);
}

#maison-ticia2 .intro-img {
	background-image: url(../../images/Maison-Ticia_about_02.png);
}

#maison-ticia3 .intro-img {
	background-image: url(../../images/Maison-Ticia_about_03.png);
}

#maison-ticia4 .intro-img {
	background-image: url(../../images/Maison-Ticia_about_04.png);
}

#maison-ticia .key-cont-box:first-child {
	background-image: url(../../images/Maison-Ticia_contents_01.png);
}

#maison-ticia .key-cont-box:nth-child(2) {
	background-image: url(../../images/Maison-Ticia_contents_02.png);
}

.intro-txt-box {
	width: 255px;
	height: 255px;
	display: block;
	margin: 20px auto;
	background-color: #e4e2e1;
}

.intro-txt-box:nth-child(even) {
	background-color: #ededed;
}

.intro-txt-box h2 {
	font-size: 24px;
	line-height: 27px;
}

.intro-txt-box h2 span {
	font-weight: normal;
}

.intro-txt-box .box-num {
	font-family: 'Avenir';
	padding-top: 30px;
}

.intro-txt-box .middle-bar {
	background-color: #b49759;
	margin-top: 12px;
	margin-bottom: 17px;
}

.intro-txt-box p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 25px;
	word-break: keep-all;
	padding: 0 10px;
}

.key-cont-box.big {
	display: block;
	width: calc(100% - 25px);
	margin: 0 auto;
	margin-bottom: 12px;
	max-width: 350px;
	height: 298px;
}

.key-cont-box.big > div,
.key-cont-box.wide > div {
	width: 95%;
	margin-left: 1%;
}

.key-cont-box.wide > div {
	vertical-align: bottom;
	margin-bottom: 21px;
}

.key-cont-box.big .title {
	font-size: 24px;
}

.key-cont-box.big .subtitle {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 25px;
}

.key-cont-box.big p {
	color: rgba(255,255,255,0.8);
	font-size: 12px;
	line-height: 19px;
	word-break: keep-all;
	padding: 0 15px;
}

.key-cont-box.wide {
	display: block;
	width: calc(100% - 25px);
	margin: 0 auto;
	margin-bottom: 12px;
	max-width: 350px;
	height: 154px;
}

.key-cont-box.wide .title {
	line-height: 27px;
	font-size: 21px;
	font-weight: normal;
}

.key-cont-box.wide .title span {
	font-weight: 600;
}

.key-cont-box.wide .subtitle {
	font-size: 12px;
	margin-top: 15px;
	word-break: keep-all;
	padding: 0 10px;
}

/*electro mart

#electro-mart .key-top {
	background-image: url(../../images/webview/top_electro.png);
	background-position: center;
}

#electro1 .intro-img {
	background-image: url(../../images/Electro-Mart_about_01.png);
}

#electro2 .intro-img {
	background-image: url(../../images/Electro-Mart_about_02.png);
}

#electro3 .intro-img {
	background-image: url(../../images/Electro-Mart_about_03.png);
}

#electro-mart .key-cont-box:first-child {
	background-image: url(../../images/webview/Electro-Mart_contents_01.png);
}

#electro-mart .key-cont-box:nth-child(2) {
	background-image: url(../../images/webview/Electro-Mart_contents_02.png);
}

#electro-mart .key-cont-box:nth-child(3) {
	background-image: url(../../images/webview/Electro-Mart_contents_03.png);
}

#electro-mart .key-cont-box:nth-child(4) {
	background-image: url(../../images/webview/Electro-Mart_contents_04.png);
}

#electro-mart .key-cont-box:nth-child(5) {
	background-image: url(../../images/webview/Electro-Mart_contents_05.png);
}

#electro-mart .key-cont-box:nth-child(6) {
	background-image: url(../../images/webview/Electro-Mart_contents_06.png);
}

#electro-mart .key-cont-box:nth-child(7) {
	background-image: url(../../images/webview/Electro-Mart_contents_07.png);
}

#electro-mart .key-cont-box:nth-child(8) {
	background-image: url(../../images/webview/Electro-Mart_contents_08.png);
}

#electro-mart .key-cont-box:nth-child(9) {
	background-image: url(../../images/webview/Electro-Mart_contents_09.png);
}

#electro-mart #slide1.img-item {
	background-image: url(../../images/Electro-Mart_gallery_01.png);
}

#electro-mart #slide2.img-item {
	background-image: url(../../images/Electro-Mart_gallery_02.png);
}

#electro-mart #slide3.img-item {
	background-image: url(../../images/Electro-Mart_gallery_03.png);
}

#electro-mart #slide4.img-item {
	background-image: url(../../images/Electro-Mart_gallery_04.png);
}

#electro-mart #slide5.img-item {
	background-image: url(../../images/Electro-Mart_gallery_05.png);
}

#electro-mart #slide6.img-item {
	background-image: url(../../images/Electro-Mart_gallery_06.png);
}

#electro-mart #slide7.img-item {
	background-image: url(../../images/Electro-Mart_gallery_07.png);
}
/*
.intro-txt .middle-bar.gold {
	width: 25px;
	margin-top: 12px;
	margin-bottom: 16px;
	background-color: #b49759;
}

/*#electro-mart .mid-image {
	background-image: url(../../images/webview/mid_electro.png);
}*/

/*playtime

#playtime .key-top {
	background-image: url(../../images/webview/top_playtime.png);
}

#playtime .key-logo {
	margin-top: 20px;
	height: 115px;
}

#playtime #slide1.img-item {
	background-image: url(../../images/Playtime_gallery_01.png);
}

#playtime #slide2.img-item {
	background-image: url(../../images/Playtime_gallery_02.png);
}

#playtime #slide3.img-item {
	background-image: url(../../images/Playtime_gallery_03.png);
}

#playtime #slide4.img-item {
	background-image: url(../../images/Playtime_gallery_04.png);
}

#playtime #slide5.img-item {
	background-image: url(../../images/Playtime_gallery_05.png);
}

#playtime #slide6.img-item {
	background-image: url(../../images/Playtime_gallery_06.png);
}

#play1.intro-box.tall {
	height: 357px;
}

#play1.intro-box.tall .intro-txt {
	height: 180px;
}

#play1 .intro-img {
	background-image: url(../../images/Playtime_about_01.png);
}

#play2 .intro-img {
	background-image: url(../../images/Playtime_about_02.png);
}

#play3 .intro-img {
	background-image: url(../../images/Playtime_about_03.png);
}

#play4 .intro-img {
	background-image: url(../../images/Playtime_about_04.png);
}

/*pk market
#pk-market {
	background-image: url(../../images/webview/top_pk.png);
	background-size: auto 350px;
    background-position: top center;
}


#pk-market .key-top {
	background-image: url(../../images/webview/top_pk.png?v=20161207);
	background-position: center;
}


#pk-market1 .intro-img {
	background-image: url(../../images/PK-Market_about_01.png);
}

#pk-market2 .intro-img {
	background-image: url(../../images/PK-Market_about_02.png);
}

#pk-market3 .intro-img {
	background-image: url(../../images/PK-Market_about_03.png);
}


/*toy kingdom
#toy-kingdom .key-top {
	background-image: url(../../images/webview/top_toy.png?v=20161207);
	background-position: center;
}

#toy-kingdom1 .intro-img {
	background-image: url(../../images/Toykingdom_about_01.png);
}

#toy-kingdom2 .intro-img {
	background-image: url(../../images/Toykingdom_about_02.png);
}

#toy-kingdom3 .intro-img {
	background-image: url(../../images/Toykingdom_about_03.png);
}

/*emart traders
#emart-traders .key-top {
	background-image: url(../../images/webview/top_emart.png);
}

#emart1 .intro-img {
	background-image: url(../../images/Emart-Traders_about_01.png);
}

#emart2 .intro-img {
	background-image: url(../../images/Emart-Traders_about_02.png);
}

#emart3 .intro-img {
	background-image: url(../../images/Emart-Traders_about_03.png);
}

#emart4 .intro-img {
	background-image: url(../../images/Emart-Traders_about_04.png);
}

#emart-traders #slide1.img-item {
	background-image: url(../../images/Emart-Traders_gallery_01.png);
}

#emart-traders #slide2.img-item {
	background-image: url(../../images/Emart-Traders_gallery_02.png);
}

#emart-traders #slide3.img-item {
	background-image: url(../../images/Emart-Traders_gallery_03.png);
}

#emart-traders #slide4.img-item {
	background-image: url(../../images/Emart-Traders_gallery_04.png);
}

#emart-traders #slide5.img-item {
	background-image: url(../../images/Emart-Traders_gallery_05.png);
}

#emart-traders #slide6.img-item {
	background-image: url(../../images/Emart-Traders_gallery_06.png);
}


/*hanssem
#hanssem .key-top {
	background-image: url(../../images/webview/top_hanssem.png);
}

#hanssem1 .intro-img {
	background-image: url(../../images/Hanssem_about_01.png);
}

#hanssem2 .intro-img {
	background-image: url(../../images/Hanssem_about_02.png);
}

#hanssem3 .intro-img {
	background-image: url(../../images/Hanssem_about_03.png);
}

#hanssem4 .intro-img {
	background-image: url(../../images/Hanssem_about_04.png);
}

#hanssem #slide1.img-item {
	background-image: url(../../images/Hanssem_gallery_01.png);
}

#hanssem #slide2.img-item {
	background-image: url(../../images/Hanssem_gallery_02.png);
}

#hanssem #slide3.img-item {
	background-image: url(../../images/Hanssem_gallery_03.png);
}

#hanssem #slide4.img-item {
	background-image: url(../../images/Hanssem_gallery_04.png);
}

#hanssem #slide5.img-item {
	background-image: url(../../images/Hanssem_gallery_05.png);
}

#hanssem #slide6.img-item {
	background-image: url(../../images/Hanssem_gallery_06.png);
}

/*yp books
#yp-books .key-top {
	background-image: url(../../images/webview/top_yp.png);
}
#yp-books .intro-img {
	background-position: center top;
}
#yp1 .intro-img {
	background-image: url(../../images/YP-Bookstore_about_01.jpg);
}
#yp2 .intro-img {
	background-image: url(../../images/YP-Bookstore_about_02.jpg);
}
#yp3 .intro-img {
	background-image: url(../../images/YP-Bookstore_about_03.jpg);
}

/*error, notFound*/
#not-found .error-logo,
#error .error-logo {
	display: inline-block;
	width: 166px;
	height: 90px;
	background-image: url(../../images/logo_starfield_hanam-01.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-right: 10px;
}

#not-found .btn-view,
#error .btn-view {
	width: auto;
	padding: 0 29px;
	margin: 20px auto;
	line-height: 38px;
	text-indent: 0;
}

#not-found p,
#error p {
	line-height: 20px;
}

#not-found h3,
#error h3 {
	margin: 5px 0 10px;
}

/*#update .no-result {
    vertical-align: top;
    margin-top: 167px;
}*/

#update .no-result p {
    margin-top: 12px;
}

#update .no-result > img {
	width: 55px;
	margin-bottom: 22px;
}

.btn-update {
    height: auto;
    display: inline-block;
    margin-top: 15px;
}

.btn-update img {
    display: inline-block;
    width: 160px;
    margin-bottom: 0;
}

/*calendar responsive*/
@media screen and (min-width: 360px) and (max-width: 374px) {

	.date-wrap li {
		width: 43px;
		height: 43px;
	}

	.date-wrap li .day {
		line-height: 10.5px;
	}

}

@media screen and (max-width: 359px) {

	.date-wrap li {
		width: 38px;
		height: 38px;
		padding-top: 6px;
		margin-top: 4px;
	}

	.date-wrap li .date {
		font-size: 16px;
	}

	.date-wrap li .day {
		font-size: 7px;
		line-height: 8px;
	}
}