#header > .group { position: relative; display: block; text-align: center; }
#header .logo { position: absolute; left: 30px; top: 50%; margin-top: -24px; }
#header .logo img { display: block; width: auto; height: 48px; }

#header .gnb { display: inline-block; }
#gnb { 
	font-size: 1em;
	display: flex;
	height: 100%;
	box-sizing: border-box;
}
#gnb .type { 
	display: inline-block;
	text-align: center;
	width: auto;
}
#gnb .type .title { padding: 0 3.4vw; height: 90px; }
#gnb .type .title div {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	white-space: normal;
	line-height: 1.3;
	height: 100%; 
}
#gnb .type .title div:after { left: 0; }
#gnb .type .place-list { padding: 16px 37px; }
#gnb .type .place-list .int,
#gnb .type .place-list .place { 
	padding: 10px 5px; 
	color: #767676;
	line-height: 1.2;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
#gnb .type .place-list .int:hover,
#gnb .type .place-list .place:hover,
#gnb .type .place-list .place.on { font-weight: 500; }

html[lang="en"] #gnb .type { max-width: 256px; }
html[lang="en"] #gnb .type .title { font-size: 16px; padding: 0 1vw; }

@media screen and (max-width: 1280px) {
	#header .logo { position: static; display: inline-block; vertical-align: middle; margin-top: 0; }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
	#header .logo img { height: 36px; }	
	#gnb .type .place-list .int,
	#gnb .type .place-list .place { font-size: 13px; }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
	#header .logo img { height: 30px; }
	#gnb .type .title  { font-size: 16px; padding: 0 20px; }
	#gnb .type .place-list .int,
	#gnb .type .place-list .place { font-size: 12px; }
}

#gnb .type.dual { flex: 1.5; }
#gnb .type.dual .title {  }
#gnb .type.dual .place-list { text-align: left; }
#gnb .type.dual .place { 
	display: inline-block;
	width: 50%;
}

#gnb .type.triple { min-width: 360px; } 
#gnb .type.triple .place-list { text-align: left; }
#gnb .type.triple .place { 
	display: inline-block;
	width: 33.3333333%;
}
#gnb .type.on,
#gnb .type:hover{
	background: rgba(250,250,250,0.04);
}

#gnb .type.last_tag,
#gnb .type.last_tag:hover{ 
	line-height:0;
	background:url(../img/img_tel.jpg) no-repeat 100% 0; background-size: auto 90px; min-width: 144px;
	overflow: hidden;
}

#gnb .type.last_tag a { display: block; width: 100%; height: 32px; }













.mobile-ver #gnb .type.dual { width: 100%; }
.mobile-ver  #gnb .type.dual .title { width: 100%; }
.mobile-ver  #gnb .type.dual .place { 
	border-right: 0;
}
.mobile-ver  #gnb .type.dual .place.w2 { 
	position: static; top: 0; left: 0; 
}


.mobile-ver #header { overflow: visible; height: 50px; max-height: 100%; width: 100%; line-height: 50px; }

.mobile-ver  #header:after { 
	display: none;
}

.mobile-ver #header .group { height: 100%; text-align: left; padding-left: 10px;}
/* .mobile-ver #header .group .artist { display: block; overflow: visible; width: auto; }
.mobile-ver #header .group .titlegroup { width: 100%; }
.mobile-ver #header .group .artist .title { letter-spacing: 0px; text-align: left; padding: 0; text-indent: 15px; }
.mobile-ver #header .artist .exhibit { 
	font-size: .8em; position: relative; top: 0;
	padding: 5px;
 }
.mobile-ver #header .artist .exhibit .tsn { 
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 5px;
}
.mobile-ver #header .artist .exhibit .tsd { font-size: .9em;} */
.mobile-ver #header .logo { padding: 0; height: auto; top: 50%; }
.mobile-ver #header .logo img { position: relative; height: 32px; width: auto; margin: 0; }
.mobile-ver #header .gnb { 
	display: block; position: absolute; top: 50px; left: 0; width: 100%; z-index: 100; margin: 0; padding: 0; 
}
.mobile-ver .header-bg { height: 50px;}
.mobile-ver #gnb { background: #fff; left:72px; right: 0; width: auto; padding: 10px 20px; }
.mobile-ver #gnb .type { padding: 0; width: auto; text-align: left; margin: 0; }
.mobile-ver #gnb .type .title { height: auto; }
.mobile-ver #gnb .type .title div { display: block; }
.mobile-ver #gnb .type + .type { border-top: 1px solid #D8D8D8; }
.mobile-ver #gnb .type .title { padding: 15px 0; font-size: 18px; font-weight: 500; text-align: left; line-height: 1.5; background: none; color: #000; }
.mobile-ver #gnb .type.on .title { color: #007DA9; }
.mobile-ver #gnb .type .title div:nth-child(1) { line-height: inherit; }
.mobile-ver #gnb .type .title div:after { content: none; }

html[lang="en"].mobile-ver #gnb .type { max-width: none; }
html[lang="en"].mobile-ver #gnb .type .title { font-size: 18px; padding: 15px 0; }

.mobile-ver #gnb .type .place-list { padding: 0 0 18px; font-weight: 500; line-height: 1.7; text-align: left; }
.mobile-ver #gnb .type .place-list .int,
.mobile-ver #gnb .type .place-list .place { padding: 7px 0; text-align: left; border: none; }
.mobile-ver #gnb .type .place-list .int:hover,
.mobile-ver #gnb .type .place-list .place:hover,
.mobile-ver #gnb .type .place-list .place.on {
	font-weight: 500;
	background: none;
	color: #007DA9;

}

.mobile-ver .gnb-btn { 
	position: absolute;
	right: 0; top: 0;
	width: 50px; height: 50px;
	color: #fff;
	font-size: 32px; 
	text-align: Center; 
	background: #00a2ce;
	padding-top: 0; 
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-ver .gnb-btn .close { display: none; }



/* Handle */
::-webkit-scrollbar-thumb {
    background: #cfcfcf; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}