﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('/fonts/malgunGothic/font.css');
@import url('/fonts/themify/font.css');

/* normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active,
a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code,
kbd,
pre,
samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button,
input,
select,
textarea { font-family: inherit; font-size: 100%; margin: 0; }
button,
input { line-height: normal; }
button,
select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0;
}
textarea { overflow: auto; vertical-align: middle; resize:none;}
table { border-collapse: collapse; border-spacing: 0; }


/* .cf */ 
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }
.hide{display:none !important;}


/* Base */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
	/* remember: box-sizing is not supported by IE7 :( */ outline: none; vertical-align: top; 
	margin: 0px;padding: 0px;
}
html {width: 100%;}
html,
body {
	font-size:14px; font-weight:normal;font-family: "Malgun Gothic",mGothic, Dotum,'돋움',sans-serif;
	margin: 0; padding: 0; width: 100%; color: #222; 
	background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; font-weight: normal; }
p { margin: 0; padding: 0; font-weight: normal; }
a { color: inherit; outline: none; text-decoration: none; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:focus { outline: none; }
*::-moz-selection {background: #222; color:#fff;}
*::selection { background: #222; color: #fff; }
h1,
h2,
h3,
h4,
h5 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p { font-size: 14px; letter-spacing: .1em; line-height: 2.2; font-weight: 400; }
img, fieldset{border:none; vertical-align:top}
audio,canvas,img,video { vertical-align:middle; }



.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}

input, textarea, select {
	font-family:"Malgun Gothic",mGothic,Dotum,Gulim, arial, AppleGothic, sans-serif;
	background:#fff none repeat scroll 0 0;
	padding: 0.5em;
   	font-size: 14px;
	line-height: 1.2em;
	/*
	width:100%;
	border:1px solid #444444;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));*/
	border:1px solid #cccccc;
	/*-webkit-appearance: none;*/
	-webkit-box-shadow: 0px 0px 0px #333;
	-webkit-border-radius: 0em;
	color:#333;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px solid #666666;
	/*margin: -1px;*/
}
textarea {
	height: 80px;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(0.05, #fff));*/
}

input[type=checkbox],
input[type=radio] {
	display: inline-block;
	font-size: 15px;
	line-height: 1em;
	margin: 0.1em 0.25em 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	-webkit-border-radius: 0em;
	background:none;
	vertical-align: text-top;
}
input[type=radio] {
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}

select.selectbox { 
	border-radius:0; 
	border:1px solid #cccccc;
	padding:0.5em 20px 0.5em 5px; 
	background:#fff url(/imgs/icon/angle-down.png) no-repeat right 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none; 
	text-overflow: ''; 
	vertical-align: middle; 
}

select.selectbox::-ms-expand {
    display: none;
}
.ie8 select.selectbox{ padding:10px 5px; background:none; line-height:1; }



html,
body,
#page {height:100%;box-shadow: none;}
#page {background:#fff;}
#page {margin: 0; padding: 0;}
html.no-scroll {overflow: hidden;}
html.fix {overflow-y: hidden;}
body.fix {overflow-y: hidden;}

/* #header */
#header {
	position: fixed;top:0; width: 100%; height: 100px; z-index: 999; background:url(/imgs/common/pattern.gif) 0 0 repeat;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#headerSp {display:none}

/* .logoArea */
#header .logoArea {position: absolute; top: 0; left: 0; z-index: 1002; text-align: center; width: 200px; /*border-right:#eee 1px solid; */}
#header h1.logo {}
#header h1.logo a { 
	display: block; width: 200px; height: 100px; background: url(/imgs/common/logo.png) center center no-repeat; text-indent: -9999px; position: relative; 
}

#header.on {height:80px}
#header.on h1.logo a {
	height:80px;
	background: url(/imgs/common/logo80.png) center center no-repeat;
}
#header.on h1.reserve a {
	height:80px;
	background: url(/imgs/common/reserve50.png) center center no-repeat;
}
#header.on .navArea ul li {line-height: 80px;}

/* .navArea */
#header .navArea { position: absolute; top: 0; left: 200px; bottom: 0; right: 200px; display: block; overflow:hidden;}
#header .navArea ul { font-size: 0; text-align: center; }
#header .navArea ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 4.5%; line-height: 100px; }
#header .navArea ul li a {
	display: block; 
	font-size: 22px; 
	text-transform: uppercase; 
	letter-spacing: 0px; 
	position: relative; 
	color:#BFB194;
	font-family: "Playfair Display", serif;
}
#header .navArea ul li a .underline { position: absolute; bottom: 0px; left: 0; right: 0; display: block; height: 0px; background: #BFB194; opacity: 0; z-index: -1; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#header .navArea ul li a:hover .underline { height: 8px; opacity: 1; }
#header .navArea ul li.on a .underline { height: 8px; opacity: 1; }

#header .reserveArea { position: absolute; top: 0; right: 0; width: 200px;}
#header h1.reserve {}
#header h1.reserve a { 
	display: block; width: 200px; height: 100px; background: url(/imgs/common/reserve.png) center center no-repeat; text-indent: -9999px; position: relative; 
}

/* #footer */
#footer { margin:0; position: relative;background:#2A292C;  }
#footer .inner { margin: 0 auto; padding: 50px 5% 50px; max-width: 1600px;  color:#fff;text-align:center;}
#footer .logo{
	float:none; margin:0px 2.5% 50px;display: inline-block; *display: inline; *zoom: 1;
	text-align:left;
}
#footer dl{
	float:none; margin:0px 2.5% 50px;display: inline-block; *display: inline; *zoom: 1;
	text-align:left;
}

#footer dt{
	margin:0 0 20px 0; 
	padding:10px 0 0 0; 
	font-size:1.4em; 
	font-weight:normal; 
	letter-spacing:1px;
	font-family:"Playfair Display", serif;
	background:url('/imgs/common/blt_hBar.gif') no-repeat;
}
#footer dd{font-size:12px;line-height:1.5;color:#888888;}
#footer dd span {font-size:1.1em;}
#footer dd .phone {
	*zoom: 1; display:inline-block; *display:inline;
	padding-right:43px;
	font-size: 22px; 
	background: url('/imgs/common/btn_tel.png') no-repeat 100% 50%;;
	text-align:center;
	color:#fff;
}
#footer dd.fax {margin-top:20px;}
#footer .btnArea {
	clear:both; 
	position:relative;
	display:block; 
	margin:20px auto 0; 
	text-align:center; 
}
#footer .btnArea .btnItem {
	letter-spacing:-1px;
	font-size:16px; 
	color:#fff; 
	text-align:center; 
	border:1px solid #fff; 
	position:relative;
	display: inline-block; *display: inline; *zoom: 1; width: auto; 
	padding:0 50px 0 30px;
	line-height: 50px; 
	margin:0 10px 10px 0;
}
#footer .btnArea .btnItem:after { 
	position: absolute; 
	top: 0; right: 10px; bottom: 0; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61a"; 
	line-height:52px;
	 -webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; 
}

#footer .copyright{padding:10px 0; color:#666666; text-align:center; background:#161616; font-size:12px;}


#rightWrapper {position: fixed;top:-110px; width: 100%;z-index:110;}
.rightInner {position:relative;margin: 0 auto; padding: 0 7.5%; max-width: 1600px;}

.btnRight {position: fixed;top:-110px;right:0px;width:50px; height:50px;z-index:110;margin-right:20px;}
.btnRight .btnRightList {margin-top:5px;display:none;}

#bottomSet {position:fixed; bottom:-120px; right:0px; z-index:110;display:none;padding-right:4.5%;}
#bottomSet .bottomList {display:none;}

/* .link */
.link { text-align: left; margin-top: 10px; }
  
.link a.btn {  color:#fff; background:#938568; border:#938568 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btnl {  color:#fff; background:#938568; border:#938568 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btnr {  color:#222; background:#ffffff; border:#938568 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btn-border { color:#B19B70; background:#fff; border:#B19B70 2px solid; display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btn:hover,
.link a.btnl:hover,
.link a.btnr:hover { color:#fff;background:#121212;border:#121212 2px solid; }
.link a.btnl:hover {color:#fff}
.link a.btn-border:hover { color:#121212; border:#121212 2px solid;}

.link a.btn:after,
.link a.btnl:after,
.link a.btnr:after,
.link a.btn-border:after { position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 10px; font-family: 'themify'; content: "\e649"; font-weight: normal; line-height: 60px;}

/* #headline */
.headline { position: relative; margin-bottom: 50px; padding-bottom: 25px; text-align: center; }
.headline .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #222; }
.headline h3 { font-size: 30px; font-style: normal; font-weight:bold; letter-spacing: .2em; line-height: 1; text-transform: uppercase; }
.headline h3.eng { letter-spacing: 0em; }
.headline h3.kr { font-size: 16px; line-height: 1; margin-top: 10px; padding-bottom:5px; letter-spacing: .1em; font-family: "Malgun Gothic",mGothic, Dotum,'돋움',sans-serif;}
.contentMent {font-size: 14px; color:#666666; text-align:center; margin:-10px 0 20px;letter-spacing:-0.5px;}
.contentMent br {display:none}

#subHead {position: relative; padding: 200px 0 0px; text-align: center;}
#subHead h1 {
	font-size: 60px; font-style: normal; font-weight:normal; letter-spacing: .1em; line-height: 1; text-transform: uppercase; 
	margin-bottom:110px; color:#111111;
	font-family: "Playfair Display", sans-serif;
}
#subHead h2 {
	font-size: 20px; font-style: normal; font-weight:normal; letter-spacing: 0; line-height: 1.5; text-transform: uppercase; 
	color:#938568; color:#333333;
}
#subHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #938568;}

#headline {position: relative; padding: 115px 0 50px; text-align: center; /*border-bottom: #ededed 1px solid;*/ }
#headline .borderBottom { margin: 25px auto 0; width: 50px; height: 3px; background: #222; }
#headline h1 { font-size: 40px; font-style: normal; font-weight:bold; letter-spacing: .2em; line-height: 1; text-transform: uppercase; }
#headline h1.eng { letter-spacing: 0em;}
#headline h3.kor { font-size: 15px; line-height: 1; margin-top: 10px; padding-bottom:5px; letter-spacing: 0em; }


/* #visualArea */
#visualArea {position: relative; overflow: hidden; height:100% !important;background:#000;}
#visualArea .bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
	
}
#visualArea .visual, .visual li{
    height: 100% !important;
}
#visualArea .visual li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}
#visualArea .bx-wrapper .bx-viewport{
    border: none !important;
}
#visualArea .bx-wrapper .bx-controls {
	position:absolute;
    left:50%; bottom:20px;
    z-index: 110;
}
#visualArea .bx-wrapper .bx-pager {position:relative;text-align:center;float:right;}
#visualArea .bx-wrapper .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0px 3px 0;
}

#visualArea .bx-wrapper .bx-pager.bx-default-pager a {
	width:10px; height:19px;
    background: url('/imgs/main/main_keyvisual_indicator.png') no-repeat 50% 50%;
	display:block;
	line-height:100px;
	padding:5px;
	overflow:hidden;
}

#visualArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#visualArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url('/imgs/main/main_keyvisual_indicator_on.png') no-repeat 50% 50%;
}

#visualArea .bx-wrapper .bx-controls-auto {float:left;margin-right:5px;}
#visualArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0px 2px 0 0;
}
#visualArea .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 19px;
	outline: 0;
	background: url(/imgs/main/main_keyvisual_btn_play_s.png) no-repeat;
	/*margin: 0 3px;*/
}

#visualArea .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 19px;
	outline: 0;
	background: url(/imgs/main/main_keyvisual_btn_pause_s.png) no-repeat;
	/*margin: 0 3px;*/
}

#visualArea .visualFooterArea-bg {
	position:absolute;
	width:100%;
	height:60px;
	bottom:0px;left:0px;
	z-index: 99;
	background:#000000; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#visualArea .visualFooterArea {
	position:absolute;
	width:100%;
	height:60px;
	bottom:0px;
	z-index: 100;
}

#visualArea .visualFooterArea .visualFooter {
	margin:0 auto;
	/*max-width: 1600px;*/
	position:relative;
	/*padding: 0px 7.5% 0px;*/
}

#visualArea .visualFooter .tel {
	position:absolute;
	left:20px;
	top:10px;
	/*margin-top:10px;
	float:left;*/
	font-size:18px;
	color:#fff;
	line-height:41px;
	
	background: url('/imgs/common/btn_tel.png') no-repeat 0px 50%;
}
#visualArea .visualFooter .tel span {
	font-size:18px;
	line-height:39px;
	letter-spacing:-0.5px;
	font-family: 'Malgun Gothic',mGothic;
	margin-left:46px;
}
#visualArea .visualFooter .mainEventCount {
	display:none;
	position:absolute;
	left:10px;
	top:8px;
	line-height:24px;letter-spacing:0px;
	
	width: auto; 
	text-align: center; font-size: 13px; font-weight: 600; padding: 0 10px; 
	cursor:pointer;
	outline: none;
	color:#fff; border:#999999 1px solid;
}

#visualArea .visualFooter .more {
	position:absolute;
	right:20px;
	top:10px;
	/*margin-top:10px;
	float:right;*/
	width:200px; height:40px;
	font-size:18px;
	line-height:39px;
    background: url('/imgs/common/btn_down2.png') no-repeat right 50%;
	outline: none;
	
	cursor:pointer;
	color:#fff;
	letter-spacing:0.5px;
}
#visualArea .visualFooter .more.on {
    background:url('/imgs/common/btn_up2.png') no-repeat right 50%;
}
#visualArea .visualFooter .more span.sm {display:none;font-size:14px;line-height:29px;letter-spacing:0px;}

#visualArea .visualFooter .more:hover{opacity:0.5}
#visualArea .visualFooter .more.open:hover{opacity:1}

#visualArea .visualMent {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 210px; text-align: center; z-index: 100; }
#visualArea .visualMent .innerBox { display: inline-block; margin: 0 auto; /*padding: 10px; border: #A07D46 3px solid;*/ }
#visualArea .visualMent .innerBox img {height:100%;}

/* #content */
#homeWrapper {margin: 0 auto; padding: 0 7.5%; max-width: 1600px; background:#fff;}

.headline { position: relative; margin-bottom: 50px; padding-bottom: 25px; text-align: center; }
.headline .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #222; }
.headline h3 { font-size: 30px; font-family:"Playfair Display", serif; font-style: normal; font-weight:bold; letter-spacing: .2em; line-height: 1; text-transform: uppercase; }
.headline h3 br {display:none}


/* #content1 */

#content1 { margin: 80px auto; position: relative; }
#content1 img { width: 100%; }

#content1 .contentLeft { float: left; width: 46.25%; }
#content1 .headlineName { margin-bottom: 20px; }

#content1 h2.category { font-size: 16px; font-weight: 400; letter-spacing: 0em; font-family:"Playfair Display", serif;text-indent:4px;}
#content1 h1.shopname { font-size: 40px; font-weight: 400; letter-spacing: .0em; font-family: 'Nanum Myeongjo', serif;}
#content1 h1.shopname span {font-size: 64px;font-weight: bold;}

#content1 .contentRight { float: right; width: 46.25%; }
#content1 p.catch { font-size: 20px; margin-bottom: 15px; letter-spacing:0em; font-family: 'Nanum Myeongjo', serif; font-weight:normal; line-height: 26px;}
#content1 p.catch2 { font-size: 24px; margin-bottom: 20px; letter-spacing:0em; font-family: 'Nanum Myeongjo', serif; font-weight:normal; line-height: 30px;}
#content1 p { letter-spacing:0px;line-height: 1.6; }

/* .link */ 
#content1 .link { text-align: right; margin-top: 20px; }
#content1 .link.linkCenter { text-align: Center; margin-top: 25px; }

/* #content2 */
#homeWrapper2 {margin: 0 auto; background:#e3e3e3; background:#33302B url(/imgs/common/content_bg1.png) repeat; }
#content2 { margin: 80px auto; position:relative; padding: 0 7.5%; max-width: 1600px; }
#content2 .link { text-align: center; margin-top: 0px; }
#content2 .headline {color:#FFFFFF}
#content2 .headline .borderBottom {background: #fff;}

/* Galler */
#galleryHead {margin: 0 auto;padding: 130px 7.5% 0px;background:#1F1F22; color:#fff; max-width: 1600px;}
#galleryHead .galleryHeadInner {display:block; position: relative; margin:0 auto; padding-bottom:30px;border-bottom:1px solid #333333; text-align:left;}
#galleryHead .borderBottom { margin: 25px auto 0; width: 50px; height: 3px; background: #fff; }
#galleryHead h1 { font-size: 40px; font-style: normal; font-weight:bold; letter-spacing: .2em; line-height: 1; text-transform: uppercase; }
#galleryHead h1.eng { letter-spacing: 0em;}
#galleryHead h3.kor { font-size: 15px; line-height: 1; margin-top: 10px; padding-bottom:5px; letter-spacing: 0em; }

/*#galleryHead .galleryTitle {*zoom: 1; display:inline-block; *display:inline;width:66%;}
#galleryHead .btnList {*zoom: 1; display:inline-block; *display:inline;width:33.5%;text-align:right;padding-top:32px;}*/
#galleryHead .galleryTitle {float:left;display:block;}
#galleryHead .btnList {float:right;display:block;text-align:right;padding-top:32px;}
#galleryHead .btnList img {width:40px;}

#viewOption {}
#viewOption ul {}
#viewOption ul li { 
	display: inline-block; *display: inline;*zoom: 1; 
	text-align:left; position: relative;
}
#viewOption ul li:first-child {margin-left:0px;}
#viewOption ul li a {
	display: block; color: #fff; 
	font-size: 14px; font-weight:normal; letter-spacing: 0em;  
	position: relative; text-transform:uppercase; 
	border: #fff 2px solid;
	padding:6px 10px 8px 30px;
	
}
#viewOption ul li a:hover { color: #000; background: #fff;}
#viewOption ul li a.active { color: #000; background: #fff;}
#viewOption ul li a:after { 
	position: absolute; top: 0; left: 10px; bottom: 0; display: block; font-size: 14px; font-family: 'themify';  font-weight: normal; 
	line-height: 33px;}
#viewOption ul li.view-all a:after {content: "\e667";line-height:34px;}
#viewOption ul li.view-single a:after {content: "\e732";line-height:32px;}
#viewOption ul li.view-list a:after {content: "\e738";}
		
#viewOption ul li.on a { color: #000; background: #fff;}



#galleryWrapper {margin: 0 auto; background:#fff;}
#galleryWrapper.black {background:#1F1F22 /*url('/imgs/common/subTitleBG.png')*/;}
#galleryContent {margin: 50px auto; position:relative; padding: 0 7.5%;max-width: 1600px; }
#galleryWrapper.black #galleryContent {margin:10px auto}

/* gallery */
#galleryArea {width:100%;padding:0 0 20px}
#gallerySubArea {width:100%;padding:0 0 20px}
.gallery {display:none;margin:0 auto;}
.gallery:after {clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.galleryNo {padding:100px 0;text-align:center;border:4px solid #dddddd;}
.gallery .galleryItem {
	width: 100%;
	overflow:hidden; 
	/*border:1px solid #cccccc;*/
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin-bottom:3%;
	*margin-bottom:3%;
	*margin-left:1.03%;
	*margin-right:1.03%;
	
}
.gallery .gutter-sizer {width:3%;}
.gallery .galleryItem {width:22.75%;}

.gallery .galleryItem .videoBtn{
	position:absolute;
	left:0;
	top:0;
	margin-top:-30px;
	z-index:2;
	width:100%;
	height:100%;
	background:url("/imgs/icon/videoPlayBtn.png") center center no-repeat;
}
.gallery .galleryItem .imgbox {position:relative; z-index:1; font-size:0; line-height:0; text-align:center; }
.gallery .galleryItem .imgbox img {position:relative;width:100%;}

.gallery .galleryItem .txtbox {
	position:relative;
	z-index:2;
	width:100%;
	background:#fff url("/imgs/icon/zoom_icon.png") 96% 18px no-repeat;
	text-align:center;
}

.gallery .galleryItem .txtbox .txt {position:relative;z-index:2;display:block;padding:15px;font-weight:normal;}
.gallery .galleryItem .txtbox .txt .kor {display:block;overflow:hidden;font-size:14px;color:#666666;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .txtbox .txt .eng {display:block;overflow:hidden;font-size:18px;color:#333333;letter-spacing:0px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .overlay {
	position:absolute;
	z-index:3;
	top:0;left:0;
	width:100%;height:100%;
	display:none;
	cursor:pointer;
}
.gallery .galleryItem .overlay .backgd {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:#DDD3D2;
	display:none;
}
.gallery .galleryItem .overlay .info {position:absolute;z-index:3;width:90%;top:50%;text-align:center;font-size:20px;margin-left:5%;margin-top:40px;}
.gallery .galleryItem .overlay .icon {position:absolute;z-index:2;width:100%;height:100%;background:url('/imgs/icon/ico_view.png') center 50% no-repeat;}

.shadow{
	-moz-box-shadow: #d7d7d7 3px 3px 3px ;
	-webkit-box-shadow: #d7d7d7 3px 3px 3px ;
	box-shadow:#d7d7d7 3px 3px 3px ;
	
	behavior: url(/js/PIE.htc);
}
.shadow:after {content: ""; display: none; clear: both; visibility: hidden; line-height: 0; height: 0;}

/* gallery List */
#galleryList {position:relative;border-top:#6B5E44 solid 1px;background:#121212;background:none;display:none;}
#galleryList:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
#galleryList>li {border-bottom:#6B5E44 solid 1px;list-style:none;}
#galleryList>li.on {background:#121212;}
#galleryList>li.on .infoBox {background:url(/imgs/icon/fClose.png) no-repeat right 5px; }
#galleryList>li a {webkit-transition:none;; -moz-transition:none;; -o-transition:none;; transition:none;}

#galleryList .infoBox{display:block; padding:0px; background:url(/imgs/icon/fOpen.png) no-repeat right top; }
#galleryList .infoBox:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
#galleryList .infoBox .photo {float:left;height:80px;vertical-align:top;}
#galleryList .infoBox .photo img{width:120px;height:80px;}
#galleryList .infoBox .galleryInfo {
	float:none;
	margin-left:134px;
	display:block;
}
#galleryList .infoBox .galleryInfo .name {
	font-size:18px;
	line-height:76px;
	color:#fff;
}
#galleryList .infoBox .galleryInfo .info {
	color:#cccccc;
	font-size:14px;
	margin-left:4px;
	margin-top:10px;
	line-height:80px;
}

#galleryList .spaceForm {background:#fff;}



/* gallery View */
#galleryView {
	padding:0px 0px;
	text-align:center;
	overflow:hidden;
}
/*#galleryContent .viewImg {
	padding:30px 0px 80px 0px;
	background:url('/imgs/icon/sep.png') no-repeat bottom center;
	font-size:26px;
	letter-spacing:0px;
	font-family:"Georgia","Malgun Gothic",mGothic;
	line-height:30px;
	letter-spacing:.05em;
	color:#999999;
	text-align:center;
}
#galleryContent .viewImg:first-child {padding-top:0px;text-indent: -9999px;line-height: 0;}
#galleryContent .viewImg:last-child {background:none;}
#galleryContent .viewImg img {max-width:100%;}*/

#galleryContent .viewEnd {
	padding:40px 0px 60px;
	text-align:center;
}
#galleryContent .viewEnd Img {/*width:60px;*/}


#content {clear:both;position:relative;height:500px;}


#headlineImgArea {padding:80px 0 0;}
#mainImg { width: 100%; height: 450px; border-bottom: #f3f3f3 1px solid; position: relative; }
#mainImg .imgCentral { 
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; 
	 background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}
/* overlay */
#mainImg .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 2; 
	background: #111; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

/* .mainNameArea */
#mainImg .mainNameArea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 210px; text-align: center; z-index: 3; }
#mainImg .mainNameArea160 {height: 160px;}
#mainImg .mainNameArea .inner { display: inline-block; margin: 0 auto; padding: 50px 70px; border: #fff 3px solid; }
#mainImg .mainNameArea .innerBox { display: inline-block; margin: 0 auto; padding: 10px; border: #fff 3px solid; }
#mainImg .mainNameArea .innerBoxInner {padding: 50px 70px;background:#ffffff; background:rgba(255,255,255,0.6);}
#mainImg .mainNameArea h2.mainName { color: #fff; font-size: 50px; line-height:54px;font-family:"Playfair Display", serif; font-style:italic;font-weight: normal; letter-spacing: 0; text-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(255,255,255,0.2); }
#mainImg .mainNameArea h2.subName { color: #fff; font-size: 50px; line-height:50px;font-family:"Playfair Display", serif; font-style:italic;font-weight: normal; letter-spacing: 0; text-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(255,255,255,0.2); }
#mainImg .mainNameArea h2.subNameKor { color: #fff; font-size: 18px; line-height:24px; font-weight: normal; letter-spacing: 0; text-shadow: 0 0 2px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(255,255,255,0.2); }
#mainImg .mainNameArea .innerBoxInner h2 {color:#2A292C;text-shadow:none;}
#mainImg .mainNameArea .imgBox { display: inline-block; margin: 0 auto;}
#mainImg .mainNameArea .imgBox img {height:100%;}


/* brandStory */
#brandWrapper {margin: 0 auto; padding: 0 7.5%; max-width: 1600px; background:#fff;}
.sloganArea {position:relative;text-align:center;margin:40px 0;padding:40px 20px;border:4px solid #999999;}
.sloganArea .slogan {font-size:35px; font-style: normal; word-spacing: .25em; }
.sloganArea .slogan span {color:#CC0000;font-weight:bold;} 
.sloganArea .slogan br {display:none}
.sloganArea .sloganDesc {margin-top:20px;line-height:30px}
.sloganArea .sloganDesc span {font-weight:bold;font-size:20px;vertical-align:bottom;line-height:38px}

#brandDescWrapper {margin:0 auto; background:#B19B70;background:#E9E4DA; }
#brandDesc {margin:80px auto; position:relative; padding: 0 7.5%; max-width: 1600px; overflow:hidden;}
#brandDesc:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}

#brandDesc .content1 {float: left; width: 100%;margin-bottom: 4%;}
#brandDesc .content2 {float: left; width: 48%; margin-right: 4%;}
#brandDesc .content3 {float: left; width: 48%; }
#brandDesc .contentInner {background:#fff;}
#brandDesc .content2 .contentInner,
#brandDesc .content3 .contentInner{padding-bottom: 500em; margin-bottom: -500em;}


#brandDesc .headTit {position: relative; padding:40px 0 30px; text-align: center; border-top:5px solid #B19B70; /*#BFB194*/}
#brandDesc .headTit .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #B19B70; }
#brandDesc .headTit h3 {font-size: 16px; font-family:"Playfair Display", serif; font-style: normal; font-weight:normal; letter-spacing: .2em; line-height: 1; text-transform: uppercase; }
#brandDesc .headTit h3 br {display:none}
#brandDesc .headTit h3.kr {font-size: 22px; line-height: 1; padding-bottom:10px; letter-spacing: 0em; font-family: "Malgun Gothic",mGothic, Dotum,'돋움',sans-serif; font-weight:bold;}
#brandDesc .titImg {margin:0px auto;}
#brandDesc .titImg img {width:100%; max-width:100%}
#brandDesc .ment {margin-top:10px;padding:20px 30px 40px;font-size:15px;color:#555555;line-height:1.5;}
#brandDesc .ment .tit {margin:20px 0 20px;font-size:18px;font-family: 'Nanum Myeongjo', serif; font-weight:bold;color:#333333;color:#8C774D;text-align:center;}
#brandDesc .ment .sign {color:#333333;text-align:right;margin-top:20px;font-size:18px; font-weight:bold; letter-spacing: .0em; font-family: 'Nanum Myeongjo', serif;}
#brandDesc .ment:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#brandDesc .content1 .ment .titImg {float:left;width:30%;margin-right:4%;}
#brandDesc .content1 .ment .mentRight {float:left;width:66%;}
#brandDesc .content1 .tit {margin:0px 0 20px;font-size:22px;color:#8C774D;text-align:left;}

/* menu */
#menuWrapper {margin: 0 auto; }
#menuContent {margin: 0px auto 50px; position:relative; padding: 0 7.5%; max-width: 1600px; }
#menuContent .headTit {position: relative; text-align: center; color:#938568; color:#8C774D;padding:0 20px 20px;margin-bottom:60px;}
#menuContent .headTit .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #B19B70; }
#menuContent .headTit h2 {font-size: 40px; font-weight: 400; letter-spacing: .0em; line-height:160%;font-family: 'Nanum Myeongjo', serif;}
#menuContent .headTit h3 {}
#menuContent .headTit h3 br {display:none;}

#menuContent .contentLR {float: left; width: 100%;margin-bottom: 4%; border-top:5px solid #B19B70;}
#menuContent .contentL {float: left; width: 48%; margin-right: 4%;margin-bottom: 4%; border-top:5px solid #B19B70;}
#menuContent .contentR {float: left; width: 48%; margin-bottom: 4%; border-top:5px solid #B19B70;}
#menuContent .contentInner {background:#fff;padding:0 20px;border:1px solid #B19B70;}
#menuContent .contentL .contentInner,
#menuContent .contentR .contentInner{/*padding-bottom: 20em; margin-bottom: -20em;*/}

#menuContent .menuTit {position: relative; padding:30px 0 40px; text-align: center; /*#BFB194*/}
#menuContent .menuTit .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #B19B70; }
#menuContent .menuTit h3 {font-size: 18px; font-weight:normal; line-height: 1.5; }
#menuContent .menuTit h3.price {font-size: 22px;}
#menuContent .menuTit h3 br {display:none}
#menuContent .menuTit h3.cn {font-size: 26px; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; padding-bottom:10px; letter-spacing: 0em; font-weight:bold;letter-spacing: .4em; color:#8C774D}
#menuContent .menuTit h3.cn2 {font-size: 26px; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; padding-bottom:10px; letter-spacing: 0em; font-weight:bold;letter-spacing: 0em; color:#8C774D}
#menuContent .menuTit h3.en {font-size: 16px;font-family:"Playfair Display", serif; font-style: normal; font-weight:normal; }
#menuContent .menuTit h3.en2 {font-size: 14px;font-family: "Malgun Gothic",mGothic, Dotum,'돋움',sans-serif;color:#888888;}
#menuContent .menuLinkArea {border-bottom:1px solid #D5CCC6;margin-bottom:90px;}

#menuContent .tax {display:block;position: relative;margin:20px 0 30px; padding:30px 0; text-align: center; color:#888888;font-size:12px;}
#menuContent .tax .borderTop { position: absolute; top: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #B19B70; }

#menuTab {overflow:hidden;margin-bottom:90px;list-style:none;margin:0px -0.5% 90px;}
#menuTab:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#menuTab li {
	float: left; width: 16.525%; margin-right: 0.169%; border: 1px solid #c3b8b1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: center 16px;
	background-repeat: no-repeat;
	-webkit-background-size: 30px;
	background-size: 30px;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	width: 19%; margin: 0.5% 0.5%;
}
#menuTab li a {
	display: block; height: 90px; font-size: 18px; padding-top: 50px; color: #767676; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menuTab li:last-child { margin-right: 0; }
#menuTab li.on a,
#menuTab li:hover a {
	color:#222;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
#menuTab li.on,
#menuTab li:hover {
	background-color: #ECE6D9;
}
#menuTab li.tab0 {
	background-image: url(/imgs/menu/ico_all.png);
}
#menuTab li.tab1 {
	background-image: url(/imgs/menu/ico_1.png);
}
#menuTab li.tab2 {
	background-image: url(/imgs/menu/ico_2.png);
}
#menuTab li.tab3 {
	background-image: url(/imgs/menu/ico_3.png);
}
#menuTab li.tab4 {
	background-image: url(/imgs/menu/ico_4.png);
}
#menuTab li.tab5 {
	background-image: url(/imgs/menu/ico_5.png);
}

#menuList {text-align:center;margin-bottom:30px;margin-left:-10px;margin-right:-10px;}
#menuList:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#menuList li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 22.9999%; margin:0 8px 30px; border: 1px solid #c3b8b1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menuList li a {
	position: relative;
	display: block; color:#767676; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menuList li a .more {
	display: block;
	position: absolute;
	right:0; top: 0;
	width:30px; height:30px; background: url('/imgs/icon/btn_plus.png') no-repeat center center;
	
}
#menuList .menuTit {position: relative; padding:25px 10px 20px; text-align: center; /*#BFB194*/}
#menuList .menuTit h3 {font-size: 20px; font-weight:normal; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;font-weight:normal;color:#666666;}
#menuList .menuTit h3 br {display:none}
#menuList .menuTit h3.cn {font-size: 20px; font-family: 'Nanum Myeongjo', serif; line-height: 1; 
	padding-bottom:10px; letter-spacing: 0em; font-weight:normal;
	letter-spacing: .2em; color:#8C774D;
}
#menuList .menuTit h3.cn2 {letter-spacing: 0em;font-weight:normal;}
#menuList .menuTit h3.en {
	font-size: 14px;font-family:"Playfair Display", serif; font-style: normal; font-weight:normal;color:#999999;
}
#menuList .menuTit h3.en2 {font-family:"Malgun Gothic",mGothic;}
}
#menuList li:hover a {
	color:#222;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
#menuList li:hover {
	 border: 1px solid #8C774D;
}

.menuTable {width:100%;display:block;}
.menuTable:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.menuTable.hot li {padding-left:10px;}
.menuTable img {
	height:20px;
	margin:-5px 0 0 -20px;;
}
.menuTable li {
	display:table;
	*display:block;
	list-style-type:none;
	position:relative;
	width:100%;
	overflow:hidden;
	font-size:15px;
	padding-bottom:30px;
}
.menuTable li.tag {
	padding-bottom:5px;
	
}
.menuTable li.beverage {
	padding-bottom:10px;
}
.menuTable li:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.menuTable .priceTag {
	display:table-cell;
	*float:left;
	width:80px;
	min-width:80px;
	text-align:center;
	font-size:12px;
	color:#666666;
}
.menuTable .priceTag.mini {
	width:60px;
	min-width:60px;
}
.menuTable .price {
	display:table-cell;
	*float:left;
	width:80px;
	min-width:80px;
	text-align:center;
}
.menuTable .price.mini {
	width:60px;
	min-width:60px;
}
.menuTable .priceAdd {
	display:table-cell;
	*float:left;
	width:80px;
	min-width:80px;
	text-align:center;
	font-size:13px;
	line-height:20px;
}
.menuTable .menuName {
	display:table-cell;
	*display:inline;
	*float:left;
	text-align:left;
	width:100%;
	padding:0 10px;
	line-height:1.6;
}
.menuTable .menuName.tit {
	font-size:20px;
	font-weight:bold;
	color:#222222;
}
.menuTable .mSubName {
	font-size:12px;
	color:#888888;
	display:block;
	line-height:1.5;
	margin-top:5px;
}

.menuTable.set .menuName {
	text-align:center;
	font-size:17px;
}
.menuTable.set .mSubName {
	text-align:center;
}




/* space */
#spaceWrapper {margin: 0 auto; background:#e3e3e3; background:#33302B url(/imgs/common/content_bg1.png) repeat; }
#spaceContent {margin: 50px auto; position:relative; padding: 0 7.5%; max-width: 1600px; }
#spaceContent .headTit {position: relative; text-align: center; color:#E9D7B3;padding:0 20px 20px;margin-bottom:20px;}
#spaceContent .headTit .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #DDC9A2; }
#spaceContent .headTit h3 {font-size: 30px; font-weight: 400; letter-spacing: .0em; line-height:160%;font-family: 'Nanum Myeongjo', serif;}
#spaceContent .headTit h3 span {font-size: 40px;vertical-align:baseline;}
#spaceContent .spaceDesc {
	position: relative; text-align: center;
	font-size: 15px;letter-spacing: .0em; line-height:1.6;
	padding:0 20px 60px;
	color:#fff;
}
.spaceInnerTitle {
	position:relative;
	padding:0px 20px 0px; height:60px;
	text-align:center;
	font-size:26px;letter-spacing:0px;line-height:52px;
	/*color:#fff;
	background:#938568;*/
}

.spaceInnerDesc {
	font-size:15px;
	position:relative;padding:10px 15px 30px;text-align:center;
}
.spaceInnerDesc br {display:none}

.spaceVisual {position:relative;}
.spaceVisual .slides img {display:block; max-width:100%;left:inherit;margin:auto auto;max-height:500px;}
.spaceVisual .bx-viewport {z-index:1;border: none !important;}
/*@media all and (max-width:400px){
	.spaceVisual .slides img {max-height:260px;}
}*/
.spaceVisual .bx-wrapper .bx-pager {text-align:center;padding:10px 0;}
.spaceVisual .bx-wrapper .bx-pager .bx-pager-item,
.spaceVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 5px;
}

.spaceVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/icon/rollingBtn.png') no-repeat -10px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
	webkit-transition:none;; -moz-transition:none;; -o-transition:none;; transition:none;
}

.spaceVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.spaceVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 0px
}

.spaceVisual .bx-wrapper .bx-controls-direction a {
	margin-top: -38px;
}

/* bxslider */
.spaceVisual .bx-wrapper img {
    margin: 0 auto;
}
.spaceVisual .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	
	outline: 0;
	width: 20px;
	height: 36px;
	text-indent: -9999px;
	z-index: 1000;
	
	width:30px;
	height:50px;
	
}

.spaceVisual .bx-wrapper .bx-prev {
	left: 0px;
	/*background: url('/imgs/icon/bx_prev.png') no-repeat;*/
	background:url('/imgs/icon/ico_slide14.png') no-repeat;
	background-position:0px 0px;
}

.spaceVisual .bx-wrapper .bx-next {
	right: 0px;
	/*background: url('/imgs/icon/bx_next.png') no-repeat;*/
	background:url('/imgs/icon/ico_slide14.png') no-repeat;
	background-position:-60px 0px;
}


/* space View */

.spacePopLayer {
	display:none;
	position:fixed;
	top:0;left:0;
	bottom:0; right:0;
	width:100%;height:100%;
	z-index:9010;
	background: url('/imgs/common/bg_overlay.png') repeat 0 0;
	/*background:rgba(0,0,0,0.3)*/
}

.spacePopLayer .spaceTable {display:table;width:100%;height:100%}
.spacePopLayer .spaceTable .spaceCell {display:table-cell;width:100%;vertical-align:middle}

.spacePopLayer .spacePopWrap {
	position:relative;
	max-width:800px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	/*border:1px solid #e8e8e8;*/
	overflow-y:auto;
	overflow-x:hidden
}
.spacePopLayer .dataWrap {}
.spacePopLayer .spaceClose {
    position: absolute;
    right:0px; top:0px;
	width:60px; height:60px; background: url('/imgs/common/btn_close.png') repeat 0 0;

}
.spacePopLayer .spaceClose.fix {
	position:fixed;
}
.spacePopLayer .spaceClose a{ display: block;width:60px;height:60px;}
.spacePopLayer .spaceClose a span{
    text-indent: -9999px;
	overflow: hidden;
}

.pop-overlay {
    position: fixed;
    top:0; left:0;
    bottom:0; right:0;
    width: 100%; height:100%;
    background: url('/imgs/common/bg_overlay.png') repeat 0 0;
    z-index: 9010;
}

.popup-wrap{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: auto;
    z-index: 9012;
}

/* popup style */
.popup{
    position:absolute;
    left:50%; top:50%;
    background: #fff;
    z-index: 1001;
	width:800px; 
	height:660px;
	margin-top:-330px;
	margin-left:-400px;
	max-width:800px;
	max-height:660px;
	/*min-height:660px;*/ 
}

.popup .close-pop{
    position: absolute;
    right:0px; top:0px;
	width:60px; height:60px; background: url('/imgs/common/btn_close.png') repeat 0 0;

}
.popup .close-pop a{ display: block;width:60px;height:60px;}
.popup .close-pop a span{
    text-indent: -9999px;
	overflow: hidden;
}
.popup .pop-container iframe { width:680px; height:600px; border:0; display:block; }
iframe{border:none;}



#allianceWrapper {margin: 0 auto;  }
#alliance {margin: 80px auto; position:relative;padding: 0 7.5%; max-width: 1600px;}
#alliance .allianceArea {margin: -10px -1.5% 0;font-size:0;}
#alliance .allianceBox {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: 30.333%; 
	margin: 40px 1.5% 0; 
	text-align: left; 
	position: relative;
	background:#fff;
	border:1px solid #cccccc;
}

#alliance .allianceBox .txtArea { padding: 0 5% 5%;color:#555555;font-size:14px;}
#alliance .allianceBox .imgArea { padding: 5%}
#alliance .allianceBox img {width:100%;}
#alliance .allianceBox .txtArea .brandNameKor {display:inline-block;*display: inline;*zoom:1; margin:0 3px 10px 0;font-size:15px;font-weight:bold;letter-spacing:-1px;}
#alliance .allianceBox .txtArea .brandNameEng {display:inline-block;*display: inline;*zoom:1;}
#alliance .allianceBox .txtArea .brandAddr {background:url(/imgs/icon/ico_alliance.png) no-repeat 0px 0px;}
#alliance .allianceBox .txtArea .brandTel {background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -20px; }
#alliance .allianceBox .txtArea .brandLink {background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -40px;}
#alliance .allianceBox .txtArea .brandLink a {letter-spacing:0px;text-decoration:underline;}
#alliance .allianceBox .txtArea .brandLink a:hover, 
#alliance .allianceBox .txtArea .brandLink a:focus {color:#000;text-decoration:underline;}

#alliance .allianceBox .txtArea .brandTel,
#alliance .allianceBox .txtArea .brandAddr,
#alliance .allianceBox .txtArea .brandLink {padding:0px 0 0px 20px;height:20px; letter-spacing:-1px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}


/* studio */
#studioWrapper {margin: 0 auto; background:#e7e7e7; background:#E9E4DA}
#studio {margin: 80px auto; position:relative;padding: 0 7.5%; max-width: 1600px;}
#studioArea {padding:20px 0;text-align:center;margin:0 auto;overflow:hidden;}
#studioArea.studioGallery {padding:30px 0;}
#studioArea .studioItem {
	
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: 100%;
	overflow:hidden; 
	padding: 0 1px;
	margin:0 0 2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	
}
#studioArea .studioItem img {
	display: block;
	width: 100%;
	margin:0 auto;
}
#studioArea .studioItem {width:20%}

#studioArea .viewImg {
	padding:30px 0px 80px 0px;
	background:url('/imgs/icon/sep.png') no-repeat bottom center;
	font-size:26px;
	letter-spacing:0px;
	font-family:"Georgia","Malgun Gothic",mGothic;
	line-height:30px;
	letter-spacing:.05em;
	color:#999999;
	text-align:center;
	width:auto;
}
#studioArea .viewImg:first-child {padding-top:0px;text-indent: -9999px;line-height: 0;}
/*#galleryContent .viewImg:last-child {background:none;}*/
#studioArea .viewImg img {width:auto;max-width:100%;}


.contentAdd:before {
	font-family: 'themify';
	content: "\e611"; font-size: 16px; color:#000000; 
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 55px;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentAdd {font-size: 14px; color:#666666; text-align:center;letter-spacing:-0.5px;line-height: 55px;}
.contentAdd br {display:none}

/* .link */ 
#content1 .link { text-align: right; margin-top: 25px; }


/* location */
#locationWrapper {margin: 0 auto; padding: 0 7.5%; max-width: 1600px; background:#fff;}

#mapContent { margin: 0px auto 50px; position: relative; }
#mapContent .link {text-align: center; margin-top: 40px; font-size: 0; }
#mapContent .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: 600; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
#mapContent .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: 600; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
#mapContent .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: 600; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
#mapContent .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; font-weight: 600; letter-spacing: .05em; position: relative; padding: 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
#mapContent .link a.btn:after,
#mapContent .link a.btnl:after,
#mapContent .link a.btnr:after,
#mapContent .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
#mapContent .link a.btn:after,
#mapContent .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }

/* ----- .contentArea ----- */ 
#mapContent .contentArea { }
#mapContent .contentBox { border: #c3b8b1 1px solid; margin-top: 40px; overflow:hidden;}
#mapContent .contentBox:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}

/* ----- .contentLeft ----- */ 
#mapContent .contentLeft { float: left; width: 46.25%; width: 37.5%; width: 47%; width: 50%; }
#mapContent .contentLeft .inner { padding: 50px 7.5%; }
/* ----- .headlineName ----- */ 
#mapContent .headlineName { position: relative; padding-bottom:10px;}
#mapContent h2 { font-size: 20px;font-weight: 400; letter-spacing: .0em; font-family: 'Nanum Myeongjo', serif;margin-top:10px;}
#mapContent h2 span {font-size:30px;font-weight: 400;}
#mapContent h3.en { font-size: 14px; font-weight: 700; letter-spacing: .0em; line-height:1;}
#mapContent h3.kr { font-size: 25px; font-weight: 400; letter-spacing: .0em; }
/* ----- .contentRight ----- */ 
#mapContent .contentRight { float: right; width: 57.5%; width: 47%; width: 50%; }
#mapContent .contentRight .inner { padding: 50px 7.5%; }

#mapContent .contentLeft .innerOut {padding-bottom: 500em; margin-bottom: -500em;}
#mapContent .contentRight .innerOut {padding-bottom: 500em; margin-bottom: -500em;background: #E9E6E4;}

#mapContent .infoBox { padding-top: 30px; }
#mapContent .infoBox h4.category-en { font-size: 15px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase;}
#mapContent .infoBox h4.category-kr { font-size: 12px; font-weight: 600; letter-spacing: .05em; }
#mapContent .infoBox p { font-size: 13px; letter-spacing: .1em; line-height:2;}
#mapContent .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }

/* ol */
#mapContent .infoBox ol { margin: 0; padding: 0; list-style: decimal; padding-left: 1.2em; }
#mapContent .infoBox ol li { font-size: 13px; font-weight: normal; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
#mapContent .infoBox ul.circle { margin: 10px 0 0; padding: 0; list-style: circle; padding-left: 1.5em; }
#mapContent .infoBox ul.circle li { font-size: 13px; font-weight: normal; letter-spacing: .05em; line-height: 1.5; margin-bottom:3px;}
/* ul.disc */
#mapContent .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc; padding-left: 1.5em; }
#mapContent .infoBox ul.disc li { font-size: 13px; font-weight: normal; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:3px;}
#mapContent .infoBox ul.disc li.discMargin {margin-top:10px;}

#mapContent .infoBox ul.bus {margin: 10px 0 0; padding: 0; list-style: none; }
#mapContent .infoBox ul.bus li {position:relative; font-size: 14px; font-weight: normal; letter-spacing: .0.5em; padding:0px 0 0 63px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
#mapContent .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 51px; height: 23px; border-width: 1px; border-style: solid; text-align: center; font-size: 12px; font-weight: bold; line-height: 20px; background:#fff;}
#mapContent .infoBox ul.bus li span.blue {border-color: #2962b0; color: #2962b0;}
#mapContent .infoBox ul.bus li span.yellow {border-color: #ff9c00; color: #ff9c00;}
#mapContent .infoBox ul.bus li span.green {border-color: #15660c; color: #15660c;}
#mapContent .infoBox ul.bus li span.gup {border-color: #f64941; color: #f64941;}
#mapContent .infoBox ul.bus li span.maeul {border-color: #5f9e32; color: #5f9e32;}
#mapContent .infoBox ul.bus li span.gic {border-color: #951b16; color: #951b16;}
#mapContent .infoBox ul.bus li span.air {border-color: #7293bc; color: #7293bc;}

/* a.naverMap */
#mapContent .infoBox a.naverMap { display: block; display: inline-block; *display: inline; *zoom: 1;
width: auto; color: #fff; background: #938568; line-height: 30px; text-align: center; font-size: 14px; font-style: normal; letter-spacing: .05em; position: relative; padding: 5px 20px 5px 30px; margin-top: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
#mapContent .infoBox a.naverMap:before { position: absolute; top: 5px; left: 8px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e693"; font-weight: normal; }
#mapContent .infoBox a.naverMap:hover { background: #222; }

#mapDiv {margin-top:0px;max-width:99.9%;min-width:99.9%;height:500px;border: #dddddd 1px solid; }

/* subMenuPage */

#navMenuPage { /*border-bottom: #e4e4e4 1px solid;*/ z-index: 100; background: #fff; margin: 0px auto 0; display:none;padding-top:10px;}

#navMenuPage.on {position:absolute}
#navMenuPage ul { font-size: 0; margin:0px auto; text-align: center; max-width: 1600px;padding: 0px 7.5%; }
#navMenuPage ul li { 
	display: inline-block; *display: inline;*zoom: 1; text-align: center; position: relative;
	width: 100%; 
}
#navMenuPage ul li:first-child {width: 100%;margin-left:0px;/*border-left: #e4e4e4 1px solid;*/}
#navMenuPage ul li .arrow {background:none;height:30px;}
#navMenuPage ul li.on .arrow {background:url('/imgs/common/tab_on.png') no-repeat 50% -2px;}
/*#navMenuPage ul li:before { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 1px; background: #ededed; content: ""; z-index: 2; }
#navMenuPage ul li:first-child:before { display: none; }*/

#navMenuPage ul li a {
	display: block; color: #222; 
	font-size: 14px; font-weight:normal; letter-spacing: .1em;  position: relative; text-transform:uppercase; 
	background: #fff;
	border: #222 2px solid;
	padding:13px 0 14px;
	/*line-height: 50px;*/
}
#navMenuPage ul li.on a { 
	color: #fff; background: #222;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
#navMenuPage ul li a:hover { color: #fff; background: #222;}
#navMenuPage ul li a.active { color: #222; background: #f8f8f8;}

/*#navMenuPage ul li a:after { 
	position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 10px; font-family: 'themify'; content: "\e64b"; font-weight: normal; 
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
	/*line-height: 48px; }
#navMenuPage ul li.on a:after { 
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
	/*position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e65f"; font-weight: normal; 
	line-height: 48px; }*/
#navMenuPage ul li br {display:none}

/* whatNew */
#boardWrapper {margin: 0 auto; padding: 0 7.5%; max-width: 1600px; background:#fff;}
#boardArea { margin: 50px auto 0; position: relative; }

#boardWrapper .link {text-align: center; padding:30px 0 80px; font-size: 0;}
#boardWrapper .link a.write {
	color:#222; background:#fff; border:#222 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 50px; 
	text-align: center; font-size: 16px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 20px 0 40px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
#boardWrapper .link a.write:after { 
	position: absolute; 
	top: 0; left: 14px; bottom: 0; 
	display: block; font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	line-height: 50px; 
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}

#boardWrapper .link a.confirm { 
	width: auto; 
	line-height: 50px; text-align: center; 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 15px; font-weight: 600; 
	letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px; 
	color:#222; background:#fff; border:#222 2px solid;
	-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; 
}

#boardWrapper .link a.confirmAll { 
	width: auto; 
	line-height: 50px; text-align: center; 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 15px; font-weight: 600; 
	letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px; 
	color:#222; background:#fff; border:#222 2px solid;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}

#boardWrapper .link a.cancel { 
	width: auto; 
	line-height: 50px; 
	display: inline-block; *display: inline; *zoom: 1; 
	text-align: center; 
	font-size: 15px; 
	font-weight: normal; 
	letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px; 
	color:#fff; background:#999999; border:#999999 2px solid;
	-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; 
}

#boardWrapper .link a.writeNew {
	color:#222; background:#fff; border:#222 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; font-size: 14px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 14px 0 30px; 
	-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; 
}
#boardWrapper .link a.writeNew:after { 
	position: absolute; 
	top: 0; left: 10px; bottom: 0; 
	display: block; font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	line-height: 40px; 
}

#boardWrapper .link a.modify,
#boardWrapper .link a.delete,
#boardWrapper .link a.list { 
	width: auto; 
	line-height: 40px; 
	margin-left:2px;
	display: inline-block; *display: inline; *zoom: 1; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	letter-spacing: .0em; 
	position: relative; 
	padding: 0 14px; 
	color:#fff; background:#999999; border:#999999 2px solid;
	-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; 
}

#boardWrapper .link a.modify,
#boardWrapper .link a.delete { 
	-webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; 
}



#boardWrapper .link a:hover { background:#222;border:#222 2px solid; color:#f2f2f2; }


/* 게시판 */
.annoArea {
	*zoom:1;
	position:relative;
	margin:0px 0 0px;
}

.tableList.tableCaption {padding:10px 0 12px;font-size:14px;border:1px solid #333333;*zoom:1}
.tableList {}
.tableList:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.tableList li {
	display:table;
	*display:block;
	list-style-type:none;
	position:relative;
	width:100%;
	border-top:1px solid #cccccc;
	overflow:hidden;
	font-size:14px;
}
.tableList li:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.tableList li:first-child{border-top:none}
.tableList li.last{border-bottom:1px solid #333333;}
.tableList a {display:block;overflow:hidden;padding:14px 0px 14px 0;letter-spacing:0px;}
.tableList a:hover {background: #f4f4f4;}

.tableList li.notice {background:#333333;border-top:1px solid #444444;}
.tableList li.notice a {padding:14px 0px;color:#fff;}
.tableList li.notice a:hover {background: #222222;}

.tableList li.notice:last-child{border-bottom:none;}
.tableList .no {
	display:table-cell;
	*float:left;
	width:60px;
	min-width:60px;
	text-align:center;
}
.tableList .depth {
	display:table-cell;
	*float:left;
	width:10px;
	padding-right:5px;
}
.tableList .title {
	display:table-cell;
	*display:inline;
	*float:left;
	text-align:left;
	width:100%;
	*width:auto;
	padding-right:10px;
	*margin-right:180px;
}

.tableList.tableCaption .title {text-align:center;}
.tableList .nameDate {
	display:table-cell;
	*float:right;
	letter-spacing:-0.5px;
	text-align:center;
	width:180px;;
	/*vertical-align:top;*/
}
.tableList .name, .tableList .date {
	display:table-cell;
	*float:left;
	width:90px;min-width:90px;
}

/* event */

.eventList.tableCaption {padding:10px 0 12px;font-size:14px;border:1px solid #333333;*zoom:1}
.eventList {}
.eventList:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.eventList li {
	display:table;
	*display:block;
	list-style-type:none;
	position:relative;
	width:100%;
	border-top:1px solid #333333;
	overflow:hidden;
	font-size:14px;
}
.eventList li:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.eventList li:first-child{border-top:none}
.eventList li.last{border-bottom:1px solid #333333;}
.eventList a {display:block;overflow:hidden;padding:14px 0px 14px 0;letter-spacing:0px;}
.eventList a:hover {background: #f4f4f4;}

.eventList li.notice {background:#2A2A2E;}
.eventList li.notice a {padding:10px 0px}

.eventList li.notice:last-child{border-bottom:none;}
.eventList .no {
	display:table-cell;
	*float:left;
	width:60px;
	min-width:60px;
	text-align:center;
}
.eventList .depth {
	display:table-cell;
	*float:left;
	width:10px;
	padding-right:5px;
}
.eventList .title {
	display:table-cell;
	*display:inline;
	*float:left;
	text-align:left;
	width:100%;
	*width:auto;
	padding-right:10px;
	*margin-right:180px;
}

.eventList.tableCaption .title {text-align:center;}
.eventList .nameDate {
	display:table-cell;
	*float:right;
	letter-spacing:-0.5px;
	text-align:center;
	width:180px;;
	/*vertical-align:top;*/
}
.eventList .name, .eventList .date {
	display:table-cell;
	*float:left;
	width:90px;min-width:90px;
}

.eventList .mobileImg {display:none;}
.eventList .mobileImg img {width:100%;border:1px solid #e6e6e6;}
.eventList .mobileTitle {display:none;}

/* event */
#eventItemSet {
	display:table-cell;
	*display:inline;
	*float:left;
	width:100%;
	*width:auto;
}
#eventItemSet:after {content:".";display:block;clear:both;visibility:hidden;height:0}
#eventItemSet img {
	float:left;
	width:200px;
	margin-left:10px;
	margin-right:20px;
	border:1px solid #e6e6e6;
}

#eventItemSet div.item {
	display:table-cell;
	vertical-align:top;
}

#eventItemSet div.top {
	font-size:16px;
	display: block;
	font-weight:bold;
}
#eventItemSet div.bottom {
	margin-top:10px;
	display: block;
	vertical-align:top;
	font-size:13px;
	color:#666666;
}
#eventItemSet div.period {
	margin-top:10px;
	display: block;
	vertical-align:top;
	font-size:12px;
	color:#666666;
}

/* 페이지네비 */
#pageNavi {text-align:center;padding:50px 0px 20px;background:#fff;}
#pageNavi b,
#pageNavi span,
#pageNavi a {
	*zoom: 1; margin: 0px 0px 0px 0px; 
	text-align: center; width: 40px; text-decoration: none; position: relative; 
	display:inline-table; 
	color:#333;  font-size:16px;
	border: #dedede 1px solid; background: #fff;
	line-height:40px;
}
#pageNavi a:hover { color: #fff; background: #222; border: #222 1px solid; }
#pageNavi span { color:#ccc;}
#pageNavi b { background:#222; color:#fff; border-color:#222; }
#pageBtn {text-align:center;padding:30px 0;background:#666666;}

.tagNotice {
	display:block;
	overflow:hidden;
	height:22px;
	margin:0 10px;
	border:1px solid #fff;
	border-radius:3px;
	background:#f8f8f8;
	color:#333;font-weight:bold;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:20px;
	text-align:center;
	font-size:12px;
	width:40px;
}
.tagReply {
	display:block;
	overflow:hidden;
	height:22px;
	margin:0 10px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:20px;
	text-align:center;
	font-size:12px;
	width:40px;
}

/* board Write */
#writeArea { margin: 60px auto 0; position: relative; }
#writeArea .mTitle {font-size:20px;color:#000;font-weight:normal;line-height:30px;letter-spacing:-1px;padding-bottom:10px;}

.lot th.vm, .lot td.vm {vertical-align:middle}
.lot td label{display:inline-block; padding-right:10px; letter-spacing:0px;}
.lot td textarea {
	height:100px;
	resize:none;
	width:90%;
}

.lot{border-top:2px solid #333333;border-bottom:2px solid #333333;width:100%;}
.lot.color1{border-top:2px solid #333333;}
.lot.color2{border-top:2px solid #999999;border-bottom:2px solid #999999;}

.lot th{border-bottom:1px solid #e4e4e4;padding:15px 5px; text-align:left; font-size:14px;color:#333;vertical-align:top}
.lot td{border-bottom:1px solid #e4e4e4;padding:15px 5px; text-align:left; font-size:14px;color:#555;vertical-align:top}
.lot .rdo {margin-bottom:5px}

.lot td.vm {line-height:30px;}
.lot td dl {margin-bottom:10px;line-height:150%;}
.lot td dl dt {display:list-item;list-style-type: disc;}
.lot td dl dd {font-weight:normal;display:inline-block;}
.lot td span {margin-top:10px;font-size:12px;color:#999999}
.lot td .desc {margin-top:10px;font-size:12px;color:#666666}

.lot p{color:#fff;font-weight:bold;font-size:1.3em;margin-bottom:18px;line-height:1.2em}
.lot p.green {color:#009933;font-weight:bold;font-size:1.1em;margin-bottom:5px;line-height:1.2em}
.lot p.blue {color:#0033CC;font-weight:bold;font-size:1.1em;margin-bottom:5px;line-height:1.2em}
.lot p.gray {color:#555555;font-weight:bold;font-size:1.1em;margin-bottom:5px;line-height:1.2em}
.lot p.black {color:#333333;font-weight:bold;font-size:1.2em;margin-bottom:10px;line-height:1.4em}
.lot p.white {color:#ffffff;font-weight:normal;font-size:1.2em;margin-bottom:10px;line-height:1.4em}
.lot p.red {color:#FF3300;font-weight:bold;font-size:1.1em;margin-bottom:5px;line-height:1.8em}

.lot span{color:#000;}
.lot span.green {color:#009933;}
.lot span.red {color:#FF3300;}
.lot span.blue {color:#0033CC;}
.lot span.black {color:#000000;}
.lot span.white {color:#ffffff;}
.lot span.yellow {color:#FF9900;}

/* 읽기 */
#noticeTitle {padding:0 0px}
#noticeTitle .mTitle {font-size:18px;color:#fff;font-weight:normal;line-height:30px;letter-spacing:-1px;padding-bottom:10px;}
#noticeTitle table {width:100%; border-collapse:collapse;border-top:2px solid #333333;}
#noticeTitle th, #noticeTitle td { padding:10px; border-bottom:1px solid #d4d4d4;}
#noticeTitle td {}
#noticeTitle th {background:#e4e4e4;text-align:center;}

.boardAttachFile {
	padding: 10px 20px;
	vertical-align:middle;
	font-size:13px;
}

#noticeView {padding:0 0px;border-bottom:1px solid #d4d4d4;}
#noticeView .noticeCont {padding:20px 0px 30px; text-align:justify;overflow:hidden;line-height:150%}
#noticeView .noticeCont img {max-width:100%;}
#noticeView .eventImg {padding:20px 0px 10px; text-align:center;overflow:hidden;}
#noticeView .eventImg img {max-width:100%;}

#readList {overflow:hidden; width:100%;border-bottom:2px solid #333333; }
#readList li {width:100%; list-style:none; border-bottom:1px solid #d4d4d4; }
#readList:after {clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
#readList a {position:relative;  width:100%; display:block; }
#readList div.prev {
	position:absolute;
	overflow:hidden;
	left:0px;
	width:70px;
	display:block;
	background:#e4e4e4 url(/imgs/icon/bul_prevArticle.png) no-repeat 10px 50%;
	padding:0px 0 0px 25px;
	height:40px;
	line-height:40px;
	font-size:12px;
}
#readList div.next {
	position:absolute;
	overflow:hidden;
	left:0px;
	width:70px;
	display:block;
	background:#e4e4e4 url(/imgs/icon/bul_nextArticle.png) no-repeat 10px 50%;
	padding:0px 0 0px 25px;
	line-height:40px;
	height:40px;
	font-size:12px;
}
#readList div.subject { 
	padding:0px 10px 0px 85px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	line-height:40px;
	height:40px;
}
#readList div.subject img { vertical-align:middle;}

.noData {text-align:center;padding:40px 0;}




/* bxSlider */
.hallVisual {position:relative;}
.hallVisual.gallery {padding:20px 0px}
.hallVisual.noBX {text-align:center;padding:20px}
.hallVisual.noBX .slides > li {display: block;background:none;margin-bottom:30px;} 
.hallVisual.noBX .slides img {display:block;min-width:inherit;max-width:100%;left:inherit;margin:auto auto;}
.hallVisual.noBX .bx-caption {
	background: #ffffff;
	color:#333333;
	display: block;
	position: relative;
	width: auto;
	padding: 1em 1.2em 1em;
	text-align:center;
	line-height:22px;
}

.hallVisual .slides img {display:block; max-width:100%;left:inherit;margin:auto auto;}
.hallVisual .bx-viewport {z-index:1;border: none !important;}
.hallVisual .bx-wrapper .bx-pager {text-align:center;padding:10px 0;/*position:absolute; right:0px; top:-30px; z-index:10; padding:0; height:20px;*/}
.hallVisual .bx-wrapper .bx-pager .bx-pager-item,
.hallVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0 0 0 5px;
}

.hallVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/icon/rollingBtn.png') no-repeat -10px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
}

.hallVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hallVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 0px
}

/* bxslider */
.hallVisual .bx-wrapper .bx-controls-direction a {
	margin-top: -38px;
}

/* IE rgba() hack */
.hallVisual .bx-wrapper .bx-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.hallVisual .bx-wrapper .bx-caption {
	width: 100%; padding: 2%; 
	position: absolute; left: 0; bottom: 0; 
	background: rgba(0,0,0,.5); color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.5); */
	font-size: 14px; line-height: 18px;
	text-align:left;
}

/* jquery ui theme */
.ui-datepicker {font-size:14px}
.ui-datepicker select.ui-datepicker-year {
	padding:3px 0px;
	width:40%;
}
.ui-datepicker select.ui-datepicker-month {
	padding: 2px 0;
	margin-left:10px;
	width:40%;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 5px;
	width: 1.8em;
	height: 1.8em;
}

#eventArea {position:absolute;top:0px;margin: 0 auto;padding: 0 7.5%; width:100%;max-width: 1600px;z-index:130;}
.evArea {position:absolute;right:20px;top:-660px;z-index:1;width:300px;display:block;}
.eArea img {width:100%;max-width:100%;}
.eArea li a {
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.eArea {border-left:1px solid #333333;border-right:1px solid #333333;background:#333333;overflow:hidden;}
.eArea .bx-wrapper .bx-pager {position:relative;padding:5px 10px 5px; text-align:center}
/*.eArea .bx-wrapper .bx-pager {position:absolute;top:282px; z-index:10;text-align:center;width:100%;}*/
.eArea .bx-wrapper .bx-pager .bx-pager-item,
.eArea .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:10px 3px 0;
}

.eArea .bx-wrapper .bx-pager.bx-default-pager a {
	background:url('/imgs/main/evSlide.png') no-repeat 0px 0;
	width:13px; height:13px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.eArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.eArea .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:0 -13px
}

#eventMobileArea {position:relative;background:#e3e3e3;margin:0px auto;padding:50px 4.5%; width:100%;max-width: 1600px;display:none;}
.evMobileArea {text-align:center;margin:50px auto 0;}
.evMobileArea li {display:inline-block;*display: inline;*zoom:1;margin:0px 10px 20px;}
.evMobielArea li a {
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.evMobielArea li a img {width:100%;max-width:100%;border: 1px solid #e6e6e6;}

@media screen and (max-width: 1600px) {
.gallery .galleryItem {width:31.3%;}
}

@media screen and (max-width: 1024px) {

#header .navArea ul li { margin: 0 3.5%; }
#header .navArea ul li a { font-size: 18px; letter-spacing: 0; }

#visualArea .visualMent,
#visualArea .visualMent .innerBox {height: 180px;}

#mainImg .mainNameArea,
#mainImg .mainNameArea .imgBox {height: 180px;}


#footer dl {width:300px;}
#footer .logo {width:300px;}

#content1 h1.shopname span {display:block;}
.sloganArea .slogan {font-size:30px;}
}

@media screen and (max-width: 850px) {

p { font-size: 13px; line-height: 2; }

/* #headeer h60px*/
#header {display: none;}
#headerSp {
	display: block; position: fixed; top: 0; 
	width: 100%; height: 50px; 
	background:url(/imgs/common/pattern.gif) 0 0 repeat;
	box-sizing: border-box; z-index:1000;
}
#headerSp .logoArea {position: absolute; top: 0; left: 33.333%; width:33.333%; height: 60px;  z-index: 1003; text-align: center;}
/*#headerSp .logoArea {position: absolute; top: 0; left: 10px; width:140px; height: 50px;  z-index: 1003; }*/
#headerSp h1.logo { overflow: hidden;  }
#headerSp h1.logo a { display:block; height: 50px; background: url('/imgs/common/logoM.png') center center no-repeat; display: block; text-indent: -9999px; position: relative; overflow: hidden; }

#headerSp .btnArea { position: absolute; top: 0px; right: 0px; width:50px; height: 50px; z-index: 1002; text-align: center; cursor: pointer;}
/*#headerSp .btnArea a { display: block; position: relative; height: 50px;overflow: hidden; padding: 0; text-align: center; background:#BFB194;}
#headerSp .btnArea a .burgerTop { position: absolute; top: 18px; left:50%; width:20px; display: block; height: 2px; margin-left:-10px; background: #121212; }
#headerSp .btnArea a .burgerMiddle { position: absolute; top: 50%; left:50%; width:20px; display: block; height: 2px; margin-left:-10px; background: #121212; margin-top: -1px; }
#headerSp .btnArea a .burgerBottom { position: absolute; bottom: 18px; left:50%; width:20px; display: block; height: 2px; margin-left:-10px; background: #121212; }*/

#headerSp .btnArea a { display: block; position: relative; height: 50px;overflow: hidden; padding: 0; text-align: center; background:#000000; background:none;}
#headerSp .btnArea a .burgerTop { position: absolute; top: 17px; left:50%; width:22px; display: block; height: 2px; margin-left:-11px; background: #BFB194; }
#headerSp .btnArea a .burgerMiddle { position: absolute; top: 50%; left:50%; width:22px; display: block; height: 2px; margin-left:-11px; background: #BFB194; margin-top: -1px; }
#headerSp .btnArea a .burgerBottom { position: absolute; bottom: 17px; left:50%; width:22px; display: block; height: 2px; margin-left:-11px; background: #BFB194; }

#headerSp .reserveArea { position: absolute; top: 0; left: 0; width:50px; height: 50px; z-index: 1002; text-align: center; cursor: pointer;background:#000000; background:none;}
#headerSp .reserveArea a { display: block; position: relative; height: 50px;overflow: hidden; padding: 0; text-align: center; 
background: url('/imgs/common/reserveM.png') no-repeat center center; text-indent: -9999px; }

#rightWrapper {display:none}
.btnRight {display:none}
#bottomSet {display:block;}

/* #menu - mobile */
#mobileMenu .btnClose {display: block; width: 50px; height: 50px; position: absolute; top: 0; right:0; text-align: center; color: #fff; background:#222; z-index: 100; overflow: hidden; text-indent: -999px; }
#mobileMenu .btnClose:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; font-size: 20px; font-family: 'themify'; content: "\e646"; 
font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; line-height: 50px; }

/* #visualArea */
#visualArea .visualFooterArea,
#visualArea .visualFooterArea-bg {height:40px;}
#visualArea .visualFooter .tel {display: none;}
#visualArea .visualFooter .mainEventCount {display:block}

/*#visualArea .visualFooter .more {display: none;width:60px; text-indent: -9999px; }*/
#visualArea .visualFooter .more {top:5px;right:10px;height:30px;width:70px; /*text-indent: -9999px;*/ }
#visualArea .visualFooter .more span {display:none}
#visualArea .visualFooter .more span.sm {display:block}
#visualArea .visualFooter .more {
	background: url('/imgs/common/btn_down30.png') no-repeat right 50%;
}
#visualArea .visualFooter .more.on {
    background:url('/imgs/common/btn_up30.png') no-repeat right 50%;
}
#visualArea .bx-wrapper .bx-controls {
	bottom:10px;
}

/* #footer */

#footer .logo {margin:0px 0px 50px 0;text-align:center;}
#footer dl {width:100%;margin:0 0 50px 0; text-align:center;}
#footer dl dt{display:inline-block;*display:inline;}
#footer dt {background-position:top center}

#footer .btnArea .btnItem {display:block;width:100%;}

.headline h3 { font-size: 24px; letter-spacing: .1em;  }
#content1 { margin: 50px auto; }
#content1 .contentLeft { float: none; width: 100%; }
#content1 .headlineName { margin-bottom: 20px; text-align:center; }

/* ----- .contentRight ----- */ 
#content1 .contentRight { float: none; width: 100%; margin-top:30px; }
#content1 h1.shopname {font-size:36px;}

#content1 p br {display:none;}
#content1 p.catch { font-size: 16px; text-align:center;}
#content1 p.catch br {display:block;}
#content1 p.catch2 { font-size: 18px; text-align:center;line-height:26px;}
#content1 p.catch2 br {display:block;}

#content1 .link { text-align: center; margin-top: 25px; }
#content1 .link a.btn { padding:0; width:100%; }

#content2 { margin: 50px auto; padding: 0 4.5%;}
#content2 .link a.btn { padding:0; width:100%; }

#menuContent {margin: 10px auto 50px ; padding: 0 4.5%;}
#menuContent .headTit h2 {font-size: 26px;}
#menuContent .headTit h3 {font-size: 14px;}
#menuContent .headTit h3 br {display:block;}
#menuContent .headTit {margin-bottom:40px;}

#menuContent .contentLR,
#menuContent .contentL,
#menuContent .contentR {float: none; width: 100%; margin-right: 0px; margin-bottom:30px;}
#menuContent .contentInner {padding:0 10px;}
#menuContent .menuLinkArea {margin-bottom:50px;}

#menuTab { margin-bottom: 40px; }
/*#menuTab li { width: 32.733%; margin-right: 0.666%; }*/
#menuTab li { width: 49%; }
#menuTab li a { height: 69px; padding-top: 42px; font-size: 12px; }
/*#menuTab li:nth-child(1),
#menuTab li:nth-child(2),
#menuTab li:nth-child(3) { margin-bottom: 4px; }
#menuTab li:nth-child(3n) { margin-right: 0; }*/
#menuTab li:nth-child(1) {width:99%}
#menuTab li { background-position: center 10px; }

.menuTable li {
	font-size:14px;
}

.menuTable .priceTag {
	width:70px;
	min-width:70px;
	font-size:11px;
}
.menuTable .priceTag.mini {
	width:40px;
	min-width:40px;
}
.menuTable .price {
	width:70px;
	min-width:70px;
}
.menuTable .priceAdd {
	width:70px;
	min-width:70px;
	font-size:12px;
}

.menuTable .price.mini {
	width:40px;
	min-width:40px;
}

#menuList {margin:0;}
#menuList li {
	width: 22.9999%; margin:0 8px 20px;
	width: 44%;
}
#menuList .menuTit {padding:20px 10px;}
#menuList .menuTit h3 {font-size: 18px;}
#menuList .menuTit h3 br {display:block}
#menuList .menuTit h3.cn {font-size: 18px;letter-spacing:0.1em;}
#menuList .menuTit h3.en {font-size: 12px;;}


#spaceContent { margin: 50px auto; padding: 0 4.5%;}
#spaceContent .headTit h3 {font-size: 18px; }
#spaceContent .headTit h3 span {font-size: 26px;}
#spaceContent .spaceDesc {
	font-size: 13px;
	padding-bottom:50px;
}

.spaceInnerTitle {
	height:50px;
	font-size:20px;
	line-height:44px;
}

.spaceInnerDesc {
	font-size:13px;
	padding:10px 20px 20px;
}

.spaceInnerDesc br {display:block;}

.spacePopLayer .spaceClose {
	width:50px; height:50px;
	-webkit-background-size:50px;
	-moz-background-size:50px;
	-o-background-size:50px;
	background-size:50px;
}
.spacePopLayer .spaceClose a{ display: block;width:50px;height:50px;}
.spacePopLayer .spacePopWrap {margin:0 20px}

#galleryList {display:block}
#gallerySubArea {display:none;}

#galleryHead {padding: 100px 4.5% 0px}
#galleryContent {margin: 50px auto; padding: 0 4.5%;}

/* #headline */
#subHead {padding: 90px 0 0px;}
#subHead h1 {
	font-size: 35px;
	margin-bottom: 40px;
}
#subHead h2 {
	font-size: 18px;
}
#headline h1 { font-size: 35px; letter-spacing: .1em;}
#galleryHead h1 {font-size: 35px; letter-spacing: .1em}

#galleryHead .galleryTitle {width:100%;}
#galleryHead .btnList {width:100%;padding-top:20px;text-align:left;}

/* #mainImg */
#headlineImgArea {padding:50px 0 0;}
#mainImg { height: 400px;}
/* .mainNameArea */
#mainImg .mainNameArea { height: 120px; }
#mainImg .mainNameArea .inner { padding: 40px 50px; border: #fff 2px solid; }
#mainImg .mainNameArea .innerBox { border: #fff 2px solid; }
#mainImg .mainNameArea .innerBoxInner { padding: 40px 50px;}
#mainImg .mainNameArea h2.mainName { font-size: 40px; line-height: 44px;}
#mainImg .mainNameArea h2.subName { font-size: 40px; line-height: 44px; }
#mainImg .mainNameArea h2.subNameKor { font-size: 16px; line-height: 20px; }

#visualArea .visualMent,
#visualArea .visualMent .innerBox {height: 160px;}

#mainImg .mainNameArea,
#mainImg .mainNameArea .imgBox {height: 160px;}


/*#mapContent { margin: 0px auto; }*/
/* ----- .contentLeft ----- */ 
#mapContent .contentLeft { float: none; width: 100%; }
#mapContent .contentLeft .inner { padding: 40px 7.5%; }
/* ----- .headlineName ----- */ 
#mapContent h3.en { font-size: 14px; }
#mapContent h3.kr { font-size: 20px; }
/* ----- .contentRight ----- */ 
#mapContent .contentRight { float: none; width: 100%; }
#mapContent .contentRight .inner { padding: 40px 7.5%; }
#mapContent .contentLeft .innerOut,
#mapContent .contentRight .innerOut {margin-bottom:0px; padding-bottom:0px;}

/*#headline {border-bottom: none;}*/
#navMenuPage {margin-top:-10px;/*border-top: #ededed 1px solid;*/}
#navMenuPage ul {padding:0px;}
#navMenuPage ul li:first-child {border:none;}
#navMenuPage ul li:last-child {border:none;}
#navMenuPage ul li a { font-size: 13px; letter-spacing:-0.5px;}
/*#navMenuPage ul li a:after,
#navMenuPage ul li.on a:after { display: none; }*/

/* boardWrapper */
#boardWrapper {padding:0px;}
#writeArea {padding:0px 4.5%;}
#navMenuPage ul li br {display:block}
#boardArea {margin:30px auto 0}
#noticeView {padding:0px 4.5%;}
#brandWrapper, #brandDesc, #alliance, #studio {padding:0px 4.5%;}

#brandDesc .ment {line-height:1.5;font-size:14px}
#brandDesc .content2 .contentInner,
#brandDesc .content3 .contentInner {margin-bottom:0px; padding-bottom:0px;}

/* brand */
#brandDesc { margin: 50px auto;}
#brandDesc .content1,
#brandDesc .content2,
#brandDesc .content3 {float: none; width: 100%; margin-right: 0px; margin-bottom:50px;}
#brandDesc .content3 {margin-bottom:0px;}

#brandDesc .content1 .ment .titImg {float:none;width:100%;margin-right:0;}
#brandDesc .content1 .ment .mentRight {float:none;width:100%;}
#brandDesc .content1 .tit {margin:20px 0 20px;text-align:center;font-size:18px;}

#alliance { margin: 50px auto; }
#studio { margin: 50px auto; }

#studioArea .studioItem {width:33.333%}
#galleryContent .viewImg {width:100%;}

}

@media screen and (max-width: 738px) {
/* #mainImg */
#mainImg { height: 300px; }
#mainImg .mainNameArea { height: 100px; }
#mainImg .mainNameArea .inner { padding: 20px 40px; border: #fff 2px solid; }
#mainImg .mainNameArea .innerBox { border: #fff 2px solid; }
#mainImg .mainNameArea .innerBoxInner { padding: 20px 40px;}

#mainImg .mainNameArea h2.mainName { font-size: 30px; line-height: 34px;}
#mainImg .mainNameArea h2.subName { font-size: 30px; line-height: 34px; }
#mainImg .mainNameArea h2.subNameKor { font-size: 14px; line-height: 20px; }

#visualArea .visualMent,
#visualArea .visualMent .innerBox {height: 140px;}

#mainImg .mainNameArea,
#mainImg .mainNameArea .imgBox {height: 140px;}



#locationWrapper {padding: 0 5.5%;}
/* ----- .contentLeft ----- */ 
#mapContent .contentLeft .inner { padding: 30px 5.5%; }
/* ----- .contentRight ----- */ 
#mapContent .contentRight .inner { padding: 30px 5.5%; }

#mapDiv {height:320px}
#mapContent .link {margin-top: 20px;}
#mapContent .link a.btn,
#mapContent .link a.btnl,
#mapContent .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



#galleryContent .viewImg {width:100%;}
#galleryContent .viewImg img {width:100%;}
#galleryContent .viewImg {font-size:18px;line-height:24px;}

#alliance .allianceBox {width: 97%; margin: 20px 1.5% 0; }
#alliance .allianceBox .imgArea { display:inline-block;*display: inline;*zoom:1; width:30%; padding:2%;}
#alliance .allianceBox .txtArea { display:inline-block;*display: inline;*zoom:1; width:70%; padding:2%;}


.gallery .galleryItem {width:48%;*width:47.3%;}
.gallery .gutter-sizer {width:4%;}
.gallery .galleryItem {margin-bottom:14px;}
.gallery .galleryItem .txtbox .txt .eng {font-size:16px;}

}

@media screen and (max-width: 560px) {
#eventItemSet {display:none}
.eventList .mobileImg {display:block;margin:10px 0;}
.eventList.tableCaption {display:none} 
.eventList li, .eventList li.last {border:none;padding:0px 5.5%;}
.eventList li.mobileOn {background:#e3e3e3;}
/*.eventList li:first-child{border-top:1px solid #333;}*/
.eventList a {padding:10px 0px 30px 0;}
.eventList .mobileTitle {display:table-cell;*float:left;width:90%;/*padding-top:10px;*/}
.eventList .nameDate {width:60px;/*padding-top:10px;*/}
.eventList .name {text-align:right;}
.eventList .date {display:none}
.eventList a:hover {background:none}
.noticeCont img,
.eventImg img {width:100%}

.headline h3 br {display:block}

#spaceContent {padding: 0 0 40px;}

#menuList li {
	margin:0 0px 10px;
	width: 100%;
}

}

@media screen and (max-width: 414px) {
/*.gallery .galleryItem {width:100%;}
.gallery .gutter-sizer {width:0px;}
.gallery .galleryItem {margin-bottom:6%;*margin-bottom:4%;*margin-left:0px;*margin-right:0px;}*/

/*#navMenuPage ul li a {line-height: 40px; }*/

#subHead {padding: 90px 0 0px;}
#subHead h1 {
	font-size: 30px;
	margin-bottom: 40px;
}
#subHead h2 {
	font-size: 15px;
}
#headline h1 { font-size: 30px; letter-spacing: .1em;}
#galleryHead h1 {font-size: 30px; letter-spacing: .1em;}

.tableList li:first-child{border-top:1px solid #333;}
.tableList.tableCaption {display:none} 
.tableList .title {*margin-right:0px;}
.tableList .nameDate {*float:left;display:block;text-align:left;width:auto;min-width:auto;padding:6px 0px 0 60px;}
.tableList .name, .tableList .date {display:inline;padding:0px 10px 0 0;width:auto;min-width:auto;}

.contentMent br {display:block}
#studioArea .studioItem {width:49.999%}
#galleryContent .viewImg {width:100%;}

}


