@charset "utf-8";

.articleArea { width:100%;position:relative;padding:20px 0 60px;}
.articleArea.bg1 {background: #f7f7f7;}
.articleArea.bg2 {background: #f7f7f7;}
.articleArea.bg3 {background: #30373f;}
.articleArea.main {padding:0px 0 60px; }
/*.articleArea.last {padding:0px 0 80px !important;}*/

.articleMenu {
	width: 260px;
	float:left;
	position: relative;
    min-height: 1px;
}
.articleCont {
	width:auto;
	margin-left:320px;
	position: relative;
	height: 100%;
    min-height: 1px;
}

.articleTit {
	font-size:30px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:300;
	color:rgba(179, 179, 179,1);
	line-height:1;
	padding:0 0 20px 0;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*border-bottom:1px solid rgba(218, 218, 218, 1);*/
}
.article-smenu {margin-top:30px}
.article-smenu > li > a {
	position:relative;
	display:block;
	padding: 15px 40px 15px 0;
	font-size: 20px;
	text-decoration: none;
	color:rgba(153, 153, 153,1);
	line-height:1;
	/*text-transform:uppercase;*/
	font-family:"Oswald", "Noto Sans KR", serif;
	border-bottom:1px solid rgba(232,232,232, 1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.article-smenu > li.open > a,
.article-smenu > li > a:hover {
	color:#212121;
}

.article-smenu > li > a > span {
	font-size:12px;
	color:rgba(51,51,51,.6);
	letter-spacing:-0.5px;
	margin-left:3px;
	display:none;
}

.article-smenu > li.has-sub > a:after {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 5;
	display: block;
	height: 20px;
	width: 1px;
	background: rgba(188,188,188, 1);
	content: "";
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.article-smenu > li.has-sub > a:before {
	position: absolute;
	right: 1px;
	top: 24px;
	display: block;
	width: 20px;
	height: 1px;
	background: rgba(188,188,188, 1);
	content: "";
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.article-smenu > li.has-sub.open > a:before {
	background: rgba(102,102,102, 0);
}
.article-smenu > li.has-sub.open > a:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	background: rgba(102,102,102, 1)
}
.article-smenu > li.has-sub.open > a, 
.article-smenu ul {
	border-bottom:1px solid rgba(102,102,102, 1);
}
.article-smenu ul {
	display:none;
}
.article-smenu ul > li {
	margin-left:30px;
}
.article-smenu ul > li > a {
	position:relative;
	display:block;
	padding: 12px 10px 12px 0;
	font-size: 16px;
	text-decoration: none;
	color:rgba(179, 179, 179,1);
	line-height:1;
	/*text-transform:uppercase;*/
	font-family:"Oswald", "Noto Sans KR", serif;
	border-bottom:1px solid rgba(232,232,232, 1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}
.article-smenu ul > li > a:hover {
	color:#212121;
} 
.article-smenu ul > li.on > a{
	color:#212121;
	font-weight:400;
}

.mediaContainer {
	margin:40px auto 0;
	z-index:10;
	position:relative;
	width:100%;
	max-width: 1200px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	margin:0px 0 30px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-4x4 {
    position: relative;
    padding-bottom: 100%;
    padding-top: 0px; height: 0; overflow: hidden;
	margin:0px 0 30px;
}
 
.video-container-4x4 iframe,
.video-container-4x4 object,
.video-container-4x4 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe{border:none;}

#movieCtrl {position:relative;text-align:center;margin:-10px auto 0px;}

#movieCtrl .ctrl {
	display:block;
	margin-bottom:10px;
	vertical-align:middle;
}

#movieCtrl .sound-play{
	display:none;
	cursor:pointer;
}
#movieCtrl .sound-pause{
	display:none;
	cursor:pointer;
}
#movieCtrl .sound-play, #movieCtrl .sound-pause {
	color:#fff; 
	background:rgba(64,64,64,1); 
	width: auto; 
	line-height: 20px; 
	height:30px;
	text-align: center; 
	font-size: 12px; 
	font-weight:normal; 
	letter-spacing: -1; 
	position: relative; 
	padding: 0 10px 0 15px; 
	text-transform: uppercase;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	vertical-align:middle;
	line-height:30px;
}
#movieCtrl .sound-play {
	background:rgba(222,122,1,1);
}
#movieCtrl span {
	margin:0px 0 0px 7px;
}
#movieCtrl img {
	margin-top:-1px;
	height:15px;
}


.galleryArea {
	margin:0px 0 60px;
}
.galleryArea.main {
	margin:20px 0 20px;
}
.galleryArea .articleTit {
	font-size:40px;
	color:rgba(51,51,51,1);
	/*text-transform:uppercase;*/
	border-bottom:1px solid rgba(218,218,218,.6);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
}

.galleryArea .articleTit .subDir {
	display:inline-block;
}

.galleryArea .articleTit span {
	font-size:20px;
	color:rgba(51,51,51,.6);
}

.galleryArea .articleTit2 {
	font-size:30px;
	font-family:"Oswald", "Noto Sans KR", serif;
	color:rgba(51,51,51,1);
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	margin:10px 0;
}

.galleryArea .articleTit2 span {
	font-size:16px;
	color:rgba(51,51,51,.6);
}

.dotArea {text-align:center;padding:10px 0 20px;}
.dotArea .dot { position:relative; display:block; height:4px; width:4px; background:rgba(64,64,64,1);margin:10px auto;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.miniTitle {  
	color:rgba(64,64,64,1);
	background:#fff;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(64,64,64,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	margin-bottom:10px;
}

.galleryLink  {text-align:center;margin-bottom:30px;}
.galleryLink a {  
	color:#fff;background:rgba(64,64,64,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 16px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 20px 0 40px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.galleryLink a:hover { background:#121212; }
.galleryLink a:after { position: absolute; top: 0; left: 15px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e739";   font-weight: normal; line-height: 40px;}

.galleryLink.addPhoto {margin-bottom:20px}
.galleryLink.addPhoto a {  
	line-height: 50px; 
	padding: 0 30px 0 50px; 
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.galleryLink.addPhoto a:hover { background:#121212; }
.galleryLink.addPhoto a:after {left: 25px; font-family: 'themify'; content: "\e61a";line-height: 50px;}

.galleryArea .nowPage,
.galleryArea .remainCount {display:none}

.galleryList {position:relative;margin:10px -10px 0px;}
.gallery_col {
	position:relative;
	float:left;
	width:25%;
	padding:10px;
	/*-webkit-transition: opacity 0.4s;
     -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
          transition: opacity 0.4s;*/
}

@media screen and (max-width: 768px) {
	.galleryList {margin:10px -6px 0px;}
	.gallery_col {
		padding:6px;
	}
}

.gallery_col.is-loading {
  	background:#333 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/loading.gif') no-repeat center center;
}

.gallery_sizer {
	width:25%;
}
.gallery_col a {
	/*-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    box-shadow: 1px 2px 10px rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
	position:relative;
	overflow:hidden;
	display:block;
}
.gallery_col .gallery_img {
	position:relative;
	overflow:hidden;
}
.gallery_col .gallery_img img {
	display:block;
	width:100%;
	max-width:100%;
	transition:1.3s all;
	-webkit-transition: 1.3s all;
}
.gallery_col a:hover .gallery_img img {
	/*transform:scale(1.1); 
	-ms-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);*/
}

.gallery_col .gallery_img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
}

.gallery_col .gallery_img img {
    image-rendering: -webkit-optimize-contrast;
}

.ratio-use .gallery_img img {
	display:none;
}

.gallery_col .txtArea {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	bottom:0px;
	text-align:left;
	width:100%;
	padding:15px 20px 15px;
	background:rgba(153,183,199,0);
}

.gallery_col .txtArea h3 {
	font-size:30px; 
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:400;
	color:#fff;
	line-height:1.4;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/
}
.gallery_col .txtArea h4 {
	font-size:14px; 
	color:#fff;
	line-height:1.2;
	font-weight:normal;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/ 
}

.gallery_col .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(51,51,51,.0);
	
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.gallery_col a:hover .cover {
	background:rgba(51,51,51,.6);
	
}
.gallery_col .videoBtn {
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
	z-index:100;
}

.gallery_col .videoBtn img {
	width:60px;
}
	
.gallery_col .more {
	width: 40px;
    height: 40px;
    background:rgba(64,64,64,.4);
	/*background:rgba(0,0,0,.3);*/
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:100;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.gallery_col .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.gallery_col .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}

.gallery_col a:hover h3,
.gallery_col a:hover h4 {
	color:#fff !important;
}


.articleArea.companyPhoto .galleryArea {
	margin:30px 0;	
}

/*.articleArea.companyPhoto .gallery_col {
	width:20%;
}
.articleArea.companyPhoto .gallery_sizer {
	width:20%;
}

.articleArea.dressPhoto .gallery_col,
.articleArea.dressPhoto .gallery_sizer {
	width:25%;
}*/


/* 공통 버튼 */
.link {text-align: center; font-size: 0; }
.link a.btn {  
	color:#121212; 
	background:#fff; 
	border:#121212 2px solid;  
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: normal; 
	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:rgba(64,64,64,1); border:rgba(64,64,64,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px;-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.link a.btnr {  color:#121212; background:#fff; border:rgba(64,64,64,1) 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: 44%; line-height: 60px; text-align: center; font-size: 16px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }

.link a.btnl2 {  color:#fff; background:#2A292C; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; letter-spacing: .05em; position: relative; padding: 0 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.link a.btnr2 {  color:#121212; background:#fff; border:#2A292C 2px solid;  display: inline-block; *display: inline; *zoom: 1; width: auto; line-height: 60px; text-align: center; font-size: 14px; font-weight: normal; 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: normal; 
	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,
.link a.btnl2:hover,
.link a.btnr2: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.btnl2:after,
.link a.btnr2:after,
.link a.btn-border:after { position: absolute; top: 0; right: 10px; bottom: 0; display: block; font-size: 16px; font-family: 'themify'; content: "\e649"; font-weight: normal; line-height: 60px;}

.link a.btnItem {
	color:#000000; 
	background:#fff; 
	border:#fff 2px solid;
	letter-spacing: .05em; 
	font-size:16px; 
	text-align:center; 
	position:relative;
	display: inline-block; *display: inline; *zoom: 1; width: auto; 
	padding:0 60px 0 40px;
	line-height: 60px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;
}
.link a.btnItem:after { 
	position: absolute; 
	top: 0; right: 15px; bottom: 0; 
	font-size: 20px; 
	font-family: 'themify'; content: "\e61a"; 
	-webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale; 
}
.link a.btnItem.last {
	margin:0 0 0 2%;
}
.link a.btnItem:hover {background:#ccc;border:#ccc 2px solid; }

/* about */

#subVisual {position: relative; overflow: hidden; height:320px;background:#fff;margin-bottom:40px;}
#subVisual.noHash {margin-bottom:0px; height:240px;}
#subVisual.hMiddle {height:240px;}
#subVisual.main {margin-bottom:0px; height:400px;-webkit-backface-visibility: hidden;}

#subVisual {
    background-repeat: no-repeat;
	background-position: center center; 
	background-attachment:fixed;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}

#subVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:70;
}

#subVisual .visualTit {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
}
#subVisual .visualTit .visualTitleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:0px 0 0;
}
#subVisual .visualTit .visualTitleBox .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

#subVisual .visualTit .visualTitleBox h1 {
	color:rgba(255,255,255,1);
	font-size:60px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	padding:10px 0 10px;
}
#subVisual .visualTit .visualTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:32px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
}
#subVisual .visualTit .visualTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:22px;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
}

#subVisual.main .visualTit .visualTitleBox h1 {
	font-size: 54px; 
	font-weight:400;
	letter-spacing: 0px;
}
#subVisual.main .visualTit .visualTitleBox h2 {
	font-size: 22px; 
	text-transform: uppercase; 
	line-height:1.4;
}


#subVisual .link {margin-top:30px}
#subVisual .link a.more {
	color:#121212;
	background:#fff;text-transform:none;font-size: 20px;font-weight:normal;padding:0 40px 4px 30px;line-height:40px;-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px ;
}
#subVisual .link a.more:after { top: 50%; right: 20px; line-height: 0px;}
#subVisual .link a.more:hover { color:rgba(64,64,64,1);background:#fff;}

#mainHead {position: relative;  text-align: center; padding: 0px 0 40px;margin:40px auto 40px;}
#mainHead.center {text-align: center;}
#mainHead h1 {
	font-size: 60px; letter-spacing: -1px; line-height: 1; 
	color:rgba(64,64,64,1);
	font-weight:500;
	text-transform: uppercase;
	position:relative; text-align:center;
}
#mainHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(64,64,64,1) }
#mainHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
#mainHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(64,64,64,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
#mainHead h1 .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(64,64,64,1); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }

#mainHead h2 {
	font-size: 24px; font-style: normal; letter-spacing: 0; line-height: 1.5; 
	/*text-transform: uppercase;*/ 
	color:rgba(64,64,64,1);
	font-family: "Oswald", "Noto Sans KR", serif;
	font-weight:normal;
}
#mainHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5; 
	color:rgba(64,64,64,1);
	margin-top:10px;
}
#mainHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #333333;}

#subHead {position: relative;  text-align: center;padding:40px 0 30px;}
#subHead.main {padding:40px 0 0px;}
#subHead h1 {
	font-size: 54px; letter-spacing: .0em; line-height: 1; 
	color:rgba(64,64,64,1);
	font-weight:400;
	font-family: "Oswald", "Noto Sans KR", serif;
	position:relative; 
	/*text-transform: uppercase;*/
}
#subHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(64,64,64,.3) }
#subHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
.articleArea.bg1 #subHead h1 .dot {background: #f7f7f7;}
.articleArea.bg2 #subHead h1 .dot {background: #f7f7f7;}


#subHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(64,64,64,0); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
#subHead h1 .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(64,64,64,0); 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
	
#subHead h2 {
	font-family: "Oswald", "Noto Sans KR", serif;
	font-size: 24px; font-style: normal;  letter-spacing: 0; line-height: 2; text-transform: uppercase; 
	color:#555555; color:rgba(64,64,64,1);
}
#subHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5; 
	color:rgba(64,64,64,1);
	margin-top:10px;
}
#subHead h3 strong {
	font-size: 22px; 
}
#subHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #666666; background:rgba(64,64,64,1);}

#subHead.main h1 {font-size:40px;}
#subHead.main h2 {font-size:20px;}

#hashPage {position:relative;width:100%;padding:0px 0 0px;z-index: 200;}
#hashPage ul {position:relative;margin: 0px 0 0px;}
#hashPage ul li { 
	float:left;
	width: 20%; 
	margin: 0px 0 0px;
	position:relative;
	display: inline-block; 
	*display: inline;*zoom: 1; 
	text-align: center; 
	position: relative;
}
#hashPage.type2 ul li {width: 50%;}
#hashPage.type3 ul li {width: 33.333333%;}
#hashPage.type4 ul li {width: 25%;}
#hashPage.type5 ul li {width: 20%;}

#hashPage ul li a {
	display: block; 
	color: #222; 
	font-size: 18px; font-weight:300; letter-spacing: 0;  position: relative; 
	background: #fff;
	border: #d9dde3 1px solid;
	border-right:none;
	padding:13px 0 14px;	
}

#hashPage ul li:last-child a {
	border: #d9dde3 1px solid;
}
#hashPage ul li.on a { 
	color: #fff; background: rgba(110,110,110,1);
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	border: rgba(110,110,110,1) 1px solid;border-right:none;
}
#hashPage ul li.on:last-child a { 
	border: rgba(110,110,110,1) 1px solid;	
}
#hashPage ul li a:hover { color: #fff; background: rgba(110,110,110,1);border: rgba(110,110,110,1) 1px solid;border-right:none;}
#hashPage ul li:last-child a:hover {border: rgba(110,110,110,1) 1px solid;}

#hashPage ul li .arrow {background:none;height:30px;}
#hashPage ul li.on .arrow {background:url('/imgs/common/tab_on_110.png') no-repeat 50% -2px;}

.introArea .aboutL { float: left; width: 50%; }
.introArea .aboutL img {width: 100%;box-shadow: 1px 5px 20px rgba(0,0,0,0.3);}
.introArea .aboutR { float: right; width: 47%; }
.introArea .aboutR2 { float: right; width: 47%; margin:30px 0;}
.introArea .aboutLR { float: left; width: 100%;}
.introArea .mainTitle {margin:-10px 0 30px;}
.introArea .mainTitle strong {font-weight:500;}
.introArea .mainTitle h2 {font-size:34px;letter-spacing:-2px;line-height:1.5em; word-break:keep-all;/*font-family:"Noto Serif KR",serif;*/color:#666;}
.introArea .mainTitle h2 span {border-bottom:1px solid #999;}
.introArea .mainTitle h1 {font-size:44px;letter-spacing:-2px;line-height:120%;margin:15px 0 20px;/*font-family:"Noto Serif KR",serif;*/color:rgba(64,64,64,1);}
.introArea .mainTitle h3 {font-size:22px}
.introArea .aboutR p {font-size:16px;font-weight:130%;color:#666666;}
.introArea .subTitle {margin-top:25px;font-size:32px;letter-spacing:-1px;line-height:140%; word-break:keep-all;}

/* fix Width */
.video-outer {
	position:relative;
	margin:0px 0px 0px;
	font-size:0; 
	list-style:none;
	*zoom:1;
	padding:0px 0px 20px;
	overflow:hidden;
}
.video-outer.bgGray {
	background:rgba(255,255,255,0.08);
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
	margin:0px 0 30px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe{border:none;}

.companyMent {padding:30px 0 50px;text-align:center}
.companyMent h2 {font-size:36px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(64,64,64,1);margin-bottom:30px;font-weight:normal;}
.companyMent h2 span {border-bottom:1px solid rgba(64,64,64,1);}
.companyMent p {font-size:16px;font-weight:130%;color:#666666;}
.companyUnit {position:relative;margin: 60px -1% 0px;font-size:0;}
.itemBox {
	/*float:left;*/
	display:inline-block;
	width: 23%; 
	margin: 0px 1% 40px;
	background:#fff;
	vertical-align:top;
	position:relative;
	box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}
.type3 .itemBox {
	width:29.3333%;
}
.type4 .itemBox {
	width:21%;
}
.itemBox.unit1 {width:32%}
.itemBox.unit2 {width:64%}


.itemBox a {display:block;position:relative;}
.itemBox a:hover .more {color:#fff;background:#121212;}
.itemBox .txtArea {display:block;padding: 20px;vertical-align:top;}
.itemBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.itemBox img {
	width:100%;box-shadow:none !important;
}
.itemBox .imgArea .more {
	width: 50px;
    height: 50px;
    background:rgba(64,64,64,1);
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:2;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.itemBox .imgArea .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:30px;
    width: 1px;
    top: 10px;
    left: 25px;
}
.itemBox .imgArea .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 30px;
    top: 25px;
    left: 10px;
}

.itemBox h3 {
	font-size:24px;
	line-height:1.2;
	text-align:center;
	font-weight:normal;
	/*color:rgba(64,64,64,1);*/
}
.itemBox .txtArea h4 {
	font-size:18px;
	color:#666;
	
}
.itemBox .txtArea p {
	font-size:16px;
	line-height:140%;
	margin-top:20px;
}
.itemBox .link {margin-top:15px;text-align:right;}
.link .more {  
	color:#fff;background:rgba(64,64,64,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing:0; 
	position: relative; 
	padding: 0 40px 0 20px; 
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.link .more:hover { background:#121212; }
.link .more:after { position: absolute; top: 0; right: 15px; bottom: 0; display: block; font-size: 14px; font-family: 'themify'; content: "\e61a";   font-weight: normal; line-height: 40px;}

.itemBox.mainUnit {width:66%}
.itemBox.mainUnit1 {width:23%}
.itemBox.mainUnit2 {width:46%}
.itemBox.mainUnit3 {width:30%;box-shadow:none;}

.unitGroup {display:inline-block;width:100%;position:relative;}
.unitSub {display:inline-block;position:relative;margin-bottom:20px;vertical-align:top;}
.unitSub .unitSubTxt {position:absolute;z-index:3;color:#fff;left:20px;bottom:20px;}
.unitSub h3 {
	font-family: "Oswald", "Noto Sans KR", serif;
}
.unitSub h4 {font-family: "Oswald", "Noto Sans KR", serif;color:#fff;font-size:18px;}
.unitSub .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
	background:rgba(0,0,0,0);
	
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.unitSub .link {position:absolute;bottom:20px;right:20px;z-index:3;}
.unitSub .link .go {  
	color:#121212;background:#fff;
	display: inline-block; *display: inline; *zoom: 1; 
	width: 40px; 
	height: 40px;
	line-height: 40px; 
	text-align: center; 
	font-size: 14px; 
	letter-spacing:0; 
	font-weight:normal;
	position: relative; 
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.unitSub .link .go:hover { color:#fff;background:rgba(64,64,64,1);}

.unitSub a:hover .cover {
	background:rgba(0,0,0,0.4);
}
.unitSub a:hover .go {
	color:#fff;background:rgba(64,64,64,1);
}

.unitBox {width:100%;position:relative;margin-bottom:20px;vertical-align:top;}
.unitBox.last {margin-bottom:0px;}
.unitBox .unitBoxIn {border:1px solid rgba(255,255,255,.3);padding:20px;}

.unitBox h3 {
	font-size:28px;
	font-family: "Oswald", "Noto Sans KR", serif;
	line-height:1.2;
}
.unitBox p {
	font-family: "Oswald", "Noto Sans KR", serif;
	line-height:1.2;
	font-size:16px;
	margin-top:13px;
}
.unitBox h4 {font-family: "Oswald", "Noto Sans KR", serif;color:#fff;font-size:20px;line-height:1.2;}
.unitBox .subBox {width:48%;display:inline-block;margin-right:2%; text-transform:uppercase;}
.unitBox .subBox.last {margin-right:0px;margin-left:2%;}
.unitBox .subBox a {background-color:rgba(64,64,64,.45);}
.unitBox .subBox.last a {background-color:rgba(64,64,64,.6);}
.unitBox a {background-color:rgba(64,64,64,.75);color:#fff;height:100%;text-align:center;padding:6px;}
.unitBox.last a {background-color:rgba(64,64,64,.45);}
.unitBox a:hover,
.unitBox.last a:hover,
.unitBox .subBox.last a:hover {background-color:rgba(64,64,64,1);}


/* contact */
.contact {position:relative;}
.contact .addr {text-align:center;margin-bottom:20px;}
.contact .link {text-align: center; margin-top: 40px; font-size: 0; }
.contact .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.contact .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.contact .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.contact .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.contact .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.contact .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; 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; }

.contact .link a.btn:after,
.contact .link a.btnl:after,
.contact .link a.btnr:after,
.contact .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.contact .link a.btn:after,
.contact .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.contact .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.contact .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.contact .locationBox {border:#e5e5e5 1px solid;margin-top: 40px; display:table;background:#fff;position:relative;width:100%;}
/*.contact .locationBox:after {content: "";height: 0;display: block;clear: both;}*/

.contact .contactL { display:table-cell; width: 50%;vertical-align:top;}
.contact .contactL .inner { padding: 40px;}

.contact .contactR { display:table-cell; width: 50%; vertical-align:top;}
.contact .contactR .inner { padding: 40px;}


.contact .hName { position: relative; padding-bottom:20px;}
.contact h2 { font-size: 28px;font-weight: normal; letter-spacing: .0em; margin-top:0px;text-indent:-4px !important;color:#333 !important;margin-bottom:10px;line-height:1 !important;}
.contact h3.en { font-size: 16px; font-weight: normal; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px;}
.contact h3.kr { font-size: 25px; font-weight: normal; letter-spacing: .0em; }
.contact h3.mapkr { font-size: 25px; font-weight: normal; letter-spacing: -1.5px; line-height:1;}
.contact h3.map { font-size: 20px; font-weight: normal; letter-spacing: -1.5px; }

.contact .infoBox { margin-bottom: 0px; }
.contact .infoBox.telEmail {display:inline-block; width:40%;}
.contact .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.contact .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.contact .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.contact .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.contact .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.contact .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.contact .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.contact .infoBox ul.circle { margin: 5px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.contact .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:5px;}
/* ul.disc */
.contact .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.contact .infoBox ul.disc li.discMargin {margin-top:10px;}

.contact .infoBox ul.subway { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.contact .infoBox ul.subway li { font-size: 18px; font-weight: normal; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}

.contact .infoBox ul.subwayDesc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 2em; }
.contact .infoBox ul.subwayDesc li { list-style:outside !important; letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;margin-left: 1em;}

.contact .infoBox ul.bus {margin: 15px 0 0; padding: 0; list-style: none; }
/*.contact .infoBox ul.bus li {position:relative; font-weight: normal; letter-spacing: .0.5em; padding:0px 0 0 63px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .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;}
.contact .infoBox ul.bus li span.blue {border-color: #2962b0; color: #2962b0;}
.contact .infoBox ul.bus li span.yellow {border-color: #ff9c00; color: #ff9c00;}
.contact .infoBox ul.bus li span.green {border-color: #15660c; color: #15660c;}
.contact .infoBox ul.bus li span.gup {border-color: #f64941; color: #f64941;}
.contact .infoBox ul.bus li span.maeul {border-color: #5f9e32; color: #5f9e32;}
.contact .infoBox ul.bus li span.gic {border-color: #951b16; color: #951b16;}
.contact .infoBox ul.bus li span.air {border-color: #7293bc; color: #7293bc;}*/

.contact .infoBox ul.bus li {display:inline-block;position:relative; letter-spacing: .0.5em; padding:0px 20px 0 80px; margin-bottom:10px; min-height:20px;vertical-align:baseline;}
.contact .infoBox ul.bus li span {position:absolute;left:0;top:0px;display:block;width: 70px; height: 24px; text-align: center; font-weight: normal; line-height: 22px !important; color:#fff;}
.contact .infoBox ul.bus li span.blue {background: #395cb4;}
.contact .infoBox ul.bus li span.yellow {background: #ff9c00;}
.contact .infoBox ul.bus li span.green {background: #48922d;}
.contact .infoBox ul.bus li span.gup {background: #f64941;}
.contact .infoBox ul.bus li span.maeul {background: #5f9e32;}
.contact .infoBox ul.bus li span.gic {background: #951b16;}
.contact .infoBox ul.bus li span.air {background: #7293bc;}

.contact .infoBox .mapInner {margin-top:10px;background:#fff;border:1px solid #C5BCBA;}
.contact .infoBox .mapInner img {width:100%;}
/* a.naverMap */
.contact .infoBox a.naverMap { display: block; display: inline-block; *display: inline; *zoom: 1; margin-top:20px !important;
width: auto; color: #fff; background: rgba(64,64,64,1); line-height: 30px; text-align: center;  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 }
.contact .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; }
.contact .infoBox a.naverMap:hover { background: #222; }

.contact .caution { padding:10px 20px; background:#fff; border:2px solid #C5BCBA;}
.contact .caution h4.category-en { font-size: 16px; font-weight: normal; letter-spacing: 0em;}
.contact .caution ul.disc { margin: 5px 0 15px; padding: 0; list-style: disc !important; padding-left: 1.4em;}

.mapDiv {margin-top:0px;max-width:99.6%;min-width:99.6%;height:500px;border: #dddddd 1px solid; } 

.brandArea {
	position:relative;margin:0px -6px 30px;
	text-align:center;
	font-size:0;
}
.brandArea .brandItem {
	display:inline-block;
	*display:inline;
	width:12.5%;
	padding:6px;
}
.brandArea .brandItem img {
	display:block;
	width:100%;
	max-width:100%;
	border:1px solid #E1E1E1;
}

/* reservation */

.reserv {position:relative;padding-bottom:40px;}
.reserv .addr {text-align:center;margin-bottom:20px;}
.reserv .link {text-align: center; margin-top: 40px; font-size: 0; }
.reserv .link a.btn { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.reserv .link a.btnl { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.reserv .link a.btnr { width: 50%; line-height: 55px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.reserv .link a.btnl2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.reserv .link a.btnr2 { width: 50%; line-height: 45px; text-align: center; font-size: 15px; font-weight: normal; 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; }
.reserv .link a.btn-border { width: 50%; max-width: 284px; line-height: 55px; text-align: center; font-size: 15px; 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; }

.reserv .link a.btn:after,
.reserv .link a.btnl:after,
.reserv .link a.btnr:after,
.reserv .link a.btn-border:after { font-family: 'themify'; content: "\e611"; font-size: 16px; font-weight: normal; line-height: 55px; }
.reserv .link a.btn:after,
.reserv .link a.btnl:after { right: auto; left: 10px; font-size: 16px; content: "\e693"; line-height: 55px; }
.reserv .link a.btnl2:after { font-family: 'themify'; content: "\e681"; font-size: 16px; font-weight: normal; line-height: 45px; }
.reserv .link a.btnr2:after { font-size: 16px; content: "\e6a7"; line-height: 45px; }

.reserv .tableBox {
	border:#e5e5e5 1px solid;
	display:table;
	width:100%;
	background:#fff;
	position:relative;
}

.reserv .tableCell {
	display:table-cell; width: 50%;
	vertical-align:top;
}
.reserv .tableCell.all {
	width: 100%;
}
.reserv .tableCell .inner {padding: 40px;}
.reserv .tableCell.right {background:#f7f7f7;}

.reserv .hName { position: relative; padding-bottom:30px;text-align:center;}
.reserv h2 {font-size:36px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(64,64,64,1);font-weight:normal;}
.reserv h2 span {border-bottom:2px solid rgba(64,64,64,1);}
.reserv h3 { font-size: 18px; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px; color:rgba(64,64,64,1);margin-top:20px;}


.reserv .infoBox { margin-bottom: 0px; }
.reserv .infoBox.telEmail {display:inline-block; width:40%;}
.reserv .infoBox h4.category-en { font-size: 15px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.reserv .infoBox h4.category-kr { font-size: 12px; font-weight: 300; letter-spacing: .05em; }
.reserv .infoBox p { letter-spacing: .1em; line-height:2;margin-top:0px !important;}
.reserv .infoBox p i { font-size: 12px; line-height: 2; font-weight: normal; padding-right: 8px; vertical-align: 0; }
.reserv .infoBox p {font-size:16px;letter-spacing:0px;line-height: 1.7; margin-top: 30px;}

/* ol */
.reserv .infoBox ol { margin: 0; padding: 0; list-style: decimal !important; padding-left: 1.2em; }
.reserv .infoBox ol li { font-weight: normal; list-style: decimal !important; letter-spacing: .1em; line-height: 2; }
/* ul.circle */
.reserv .infoBox ul.circle { margin: 5px 0 0; padding: 0; list-style: circle !important; padding-left: 1.5em; }
.reserv .infoBox ul.circle li { list-style: circle !important;  letter-spacing: .05em; line-height: 1.5; margin-bottom:5px;}
/* ul.disc */
.reserv .infoBox ul.disc { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.reserv .infoBox ul.disc li { font-weight: normal; list-style: disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.reserv .infoBox ul.disc li.discMargin {margin-top:10px;}

.orgEvent {position: relative; margin-bottom:30px;text-align:center;}
.orgEvent .orgEventTit {text-align:center;display:inline-block;position:relative;}
.orgEvent .orgEventTit img {
	
	width:100%;
	max-width:100%;
}
.orgEvent .orgEventCont {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: -30px auto 30px;
	padding:80px 30px 30px;
	border:3px solid #614836;
}
.orgEvent .orgEventCont:after {content:'';clear:both;display:table;}

.tableArea {margin:0px auto 30px;}
.tableTit {text-align:center;position:relative;margin-bottom:-20px;}
.tableTit .item {  
	color:#fff;
	background:rgba(64,64,64,1);
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 40px; 
	text-align: center; 
	font-size: 20px; 
	letter-spacing:0; 
	position: relative; 
	font-weight:normal;
	padding: 0 20px 0 20px; 
	border:3px solid rgba(64,64,64,1);
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
}

.tableCont {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: 0px auto 30px;
}
.tableCont.outer {
	padding:40px 30px 30px;
	border:3px solid rgba(64,64,64,1);
	/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/
}
.tableCont:after {content:'';clear:both;display:table;}
.tableCont table {width:100%;padding: 10px 5px;background:#fff;border-top: 1px solid #E2E7EB;}

.tableCont table > thead > tr > th {
	font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #E2E7EB;
    border-left: 1px solid #E2E7EB;
    border-right: 1px solid #E2E7EB;
    text-align: left;
	color:#333;background:#f9fbfb;
	color:#fff;background:rgba(64,64,64,.4);
    font-size: 16px;
    vertical-align: middle;
	text-align:center;
	padding:5px 20px;
}
.tableCont table > thead > tr > th:first-child {
    border-left: 0;
}
.tableCont table > thead > tr > th:last-child {
    border-right: 0;
}
.tableCont table > tbody > tr > th {
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
	font-weight:normal;
}
.tableCont table > tbody > tr > td {
    color: #555555;
    border-bottom: 1px solid #E2E7EB;
    vertical-align: middle;
    border-right: 1px solid #E2E7EB;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
}
.tableCont table > tbody > tr > td:last-child {
    border-right: 0;
}

.tableCont .desc {text-align:left;color:#333;padding:20px 20px 20px;}
.tableCont .desc>li { position:relative; padding-left:12px; font-size:16px;margin:5px 0;line-height:150%;}
.tableCont .desc>li:before { content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background-color:#333;}

.alignL {text-align:left !important}
.alignC {text-align:center !important}
.alignR {text-align:right !important}

.tbWidth {width:48%}
.tbLeft {float:left}
.tbRight {float:right}

/* legend */
.do_legend {display: block;width: 100%;font-size: 15px;font-weight: 400;color: #666;}
/* label */
.do_label {
	display: inline-block;padding-bottom: 4px;padding-right: 4px;position: relative;vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}
.do_label_required:after {content: '*';display: inline-block;padding-left: 4px;vertical-align: middle;font-size: 15px;font-weight: 400;color: #ff0000;}
/* input */
.do_form_field {display: inline-block;width: 390px;height: 40px;padding: 8px 10px;vertical-align: middle;font-size: 15px;color: #777;background: #f8f8f8;border: 1px solid #ddd;border-radius: inherit;}
textarea.do_form_field {height: 200px;overflow: auto;resize: none;}
/* input block */
.do_form_block_field {display: block;}

/* input 설명글 */
.do_form_field_guide {padding-top: 8px;}
.do_form_field_guide *, .do_form_field_guide p {padding: 0;font-size: 13px;line-height: 1.87;font-style: normal;font-weight: 400;color: #666;}

/* 약관동의 */
.do_agree_rule {width: 100%;height: 160px;padding: 24px 24px;background: #f8f8f8;border: 1px solid #dedede;overflow: auto;}
.do_agree_rule p {padding-bottom: 0;}
.do_agree_check {padding: 12px 0 48px;text-align: right;}
.do_agree_check div[class^="icheckbox"] + span {padding-right: 0;padding-left: 8px;font-size: 13px;}

.reservForm {}
.rForm_body { overflow: hidden; }
.rForm_content { position: relative; }
.rForm_submit { position: relative; }
.rForm_header {margin-bottom: 9px;}
.rForm_title {font-size: 16px;font-weight:normal;letter-spacing: -0.025em;margin-bottom: 6px;}
.rForm_list { border-top: 4px solid #d3000c; }
.rForm_list:after {display: table; clear: both; content: ''; }
.rForm_listitem {position: relative;padding: 0px 0 30px;/*border-bottom: 1px solid #ddd;*/}
.rForm_listitem .radioLabel {margin-right:10px;}
.rForm_listitem .radioLabel:after {content:'';display:inline-block;}
.rForm_listitem .your-memo { height: 120px; }
.rForm_listitem .your-memo2 { height: 180px; }

.rForm_listitem_project .rForm_header { margin-bottom: 16px; }
.rForm_listitem_project{ padding-bottom: 0; }

.do_label_info {font-size: 16px;font-weight: normal;margin-bottom:5px;padding: 0;letter-spacing: -0.025em;}
.do_form_field_request { width: 100%; height: 40px; border-width: 1px; background: #fff; }
.do_form_field_date { width: 70%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_date2 { width: 100%; height: 40px; border-width: 1px; background: #fff; text-align:center;}
.do_form_field_tel { width: 30%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_cap { width: 50%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_caller { width: 100%; height: 40px; border-width: 1px; background: #fff;}
.do_form_field_telbar {position:relative;display:inline-block;width:5%; height: 100%; text-align:center;vertical-align:middle; margin:0 -4px;}
.do_form_field_datebar {position:relative;display:inline-block;width:3%; height: 100%; text-align:center;vertical-align:middle;}

.do_form_field_date.do_time { width: 30%; }
.do_form_field_timebar {position:relative;display:inline-block;width:4%; height: 100%; text-align:center;vertical-align:middle; margin:0 -6px;}
.do_form_field_telbar .bar {display:block;width:50%;height:1px;background-color:#ccc;position:absolute;top:50%;left:50%;margin-left:-25%;}

.do_form_field_select { 
	border-radius:0; 
	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; 
	padding-left:15px;
}
.do_form_field_select::-ms-expand {
    display: none;
}
.ie8 .do_form_field_select { background:none; line-height:1; }

.do_form_list_info {margin: 4px -12.5px -7px;}
.do_form_listitem_info {float: left;width: 50%;padding:5px 12.5px 10px;}
.do_form_submit {float: left;width: 50%;padding:5px 0 0px;}
.do_form_control {text-align: center; padding-top:30px;}

.do_agree_check_request { padding: 13px 0 30px 0px; text-align: left; word-break: keep-all; letter-spacing:-1px; }
.do_agree_check_request_anchor { margin-right: 3px; padding-bottom: 0px; color: #222; /*border-bottom: 1px solid #d3000c;*/ }
.do_agree_check_request_anchor:hover { color: #d3000c; }
.do_agree_check_request .icheckbox_minimal { left: -23px; }

a.btnReservation, a.confirm {
	color:#fff; background:rgba(64,64,64,1); border:rgba(64,64,64,1) 2px solid;
	display: inline-block; *display: inline; *zoom: 1; 
	width: auto; 
	line-height: 60px; 
	text-align: center; font-size: 16px; letter-spacing: .0em; 
	position: relative; 
	padding: 0 50px 0 50px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px
}
a.btnReservation:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	margin-right:10px;
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}
a.btnReservation:hover, a.confirm:hover {
	background-color:#333333;border: 2px solid #333333;
}

a.capbtn {
	display:inline-block; height:25px;
	padding:0px 6px;*padding:0px 6px;
	font-weight:normal; 
	background:rgba(64,64,64,1);
	color:#fff;
	border: 1px solid rgba(64,64,64,1);
	font-size:11px;text-align:center;line-height:23px;
}
a.capbtn:hover {background-color:#333333;border: 1px solid #333333;}

/* error */
.rForm_required_text { font-size: 14px; font-weight: normal; color: #d3000c; }


/* 달력 */
div.ui-datepicker {position:absolute; margin:5px 0 0 0px; padding:20px 20px 16px 20px; border:1px solid #e8e8e8; background:#fff; z-index:10 !important; display:none;}
div.ui-datepicker a {text-decoration:none; cursor:pointer; transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.1s linear 0s !important;}
div.ui-datepicker .ui-widget-header .ui-icon {position:absolute; top:18px; width:27px; height:27px; padding:0 !important; text-indent:-9999px;}
div.ui-datepicker .ui-datepicker-prev .ui-icon {left:20px;background:url(/imgs/icon/btn_pre.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-next .ui-icon {right:20px; background:url(/imgs/icon/btn_next.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-title {margin-bottom:6px; padding-bottom:12px; font-size:15px; color:#996b56; text-align:center; border-bottom:1px solid #e8e8e8; display:block; font-weight:600;margin-top:-2px;}
div.ui-datepicker.st01 {margin:0;}
div.ui-datepicker.ui-datepicker-multi {clear:both; width:auto !important; height:auto; overflow:hidden;}
div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {float:left; width:200px; height:219px; margin:0 10px;}
div.ui-datepicker .ui-datepicker-row-break {clear:both;}
div.ui-datepicker select {
	padding: 1px 0.5em 2px;
   	font-size: 14px;
	line-height:1;
	margin:0 2px 0;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #eee;
	font-weight: bold;
}

table.ui-datepicker-calendar {width:200px;}
table.ui-datepicker-calendar th, table.ui-datepicker-calendar td {width:26px; height:26px; padding:0; line-height:26px; font-size:12px; color:#696969; text-align:center;}
table.ui-datepicker-calendar th {font-family:"Noto Medium";}
table.ui-datepicker-calendar thead th:first-child {color:#996b56;}
table.ui-datepicker-calendar td a {height:100%; line-height:26px; display:block;}
table.ui-datepicker-calendar td:first-child a, table.ui-datepicker-calendar td.holiday a {color:#996b56;}
table.ui-datepicker-calendar td.ui-state-disabled {color:#ccc;}
table.ui-datepicker-calendar td.ui-state-highlight {background:#996b56;}
table.ui-datepicker-calendar td.start, table.ui-datepicker-calendar td.end, table.ui-datepicker-calendar td.ui-datepicker-current-day {background:#885d49;}
table.ui-datepicker-calendar td.start a, table.ui-datepicker-calendar td.end a, table.ui-datepicker-calendar td.ing a, table.ui-datepicker-calendar td.ui-datepicker-current-day a, table.ui-datepicker-calendar td.ui-state-highlight a {color:#fff;}
table.ui-datepicker-calendar span {padding:0 !important;}
table.ui-datepicker-calendar .ui-state-highlight::last-child {background:#996b56;}


/* event */
/* 페이지네비 */
#pageNavi {text-align:center;padding:40px 0px 20px;}
#pageNavi b,
#pageNavi span,
#pageNavi a {
	*zoom: 1;margin: 0px 0px 0px 0px; 
	text-align: center; width: 38px; text-decoration: none; position: relative; 
	display:inline-block; 
	color:#666;  font-size:16px;
	border: #ccc 1px solid; 
	line-height:36px;
	vertical-align:middle;
}
#pageNavi a:hover { color: #333; background: #fff; border: rgba(64,64,64,1) 1px solid; }
#pageNavi span { color:#ccc;}
#pageNavi b { background:rgba(64,64,64,1); color:#fff; border: rgba(64,64,64,1) 1px solid;}
#pageBtn {text-align:center;padding:30px 0;background:#666666;}

/*special Offer*/
#sOfferArea {margin:0 auto}
#sOfferArea .bar {padding:0px -1% 0px;background:rgba(64,64,64,1);height:2px;}
#sOfferArea .eventActive {
	display: block;
	position: absolute;
	right:5px; top: 0;
	width:80px; height:80px;
	z-index:2;
}
#sOfferArea .eventActive img {
	width:100%;
	max-width:100%;
}
#sOffer {
	margin:40px -1% 0px;
	font-size:0; 
	position:relative;
	/*overflow:hidden;*/
	list-style:none;
	vertical-align:top;
}
#sOffer:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#sOffer li {
	float:left;
	width:31.3333%; 
	margin: 0px 1% 30px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:3px 3px 10px rgba(0,0,0,0.1);
	vertical-align:top;
	border:1px solid rgba(0,0,0,0.1);
	display:table;
	overflow:hidden;
}
#sOffer.type1 li {width:98%;}
#sOffer.type2 li {width:48%;}
#sOffer.type3 li {width:31.333%;}
#sOffer.type4 li {width:23%;}
#sOffer.type5 li {width:18%;}

/* type1 */
#sOffer.type1 .thumb {width:380px;display:table-cell;}
#sOffer.type1 .cont {
	text-align:left;
	display:table-cell;padding:20px 100px 20px 30px;
}
#sOffer.type1 .cont .dateTxt {text-align:left;}

#sOffer li a {position:relative;display:block;}
#sOffer li a:hover {background:#f4f4f4;}
#sOffer .thumb .more {
	display: block;
	position: absolute;
	right:0; top: 0;
	width:36px; height:36px; background: url('/imgs/icon/btn_addMore.png') no-repeat;
}

#sOffer .thumb {vertical-align:top;width:100%;/*width:380px;display:table-cell;*/}
#sOffer .thumb img {width:100%;height:auto;max-height:auto;}
#sOffer .cont {
	text-align:left;
	text-align:center;position:relative;
	padding:20px;
	/*display:table-cell;padding:20px 100px 20px 30px;*/
}
#sOffer .cont .tit {
	overflow:hidden;
	font-size:22px;
	line-height:130%;
	font-weight:normal;
	color:#333;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
#sOffer .cont .tit a, #sOffer .cont .tit a:hover {color:333;text-decoration:none}
#sOffer .cont .txt {
	line-height:150%;;
	color:#787878;
	overflow:hidden;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	display:inline-block;
	font-size:16px;margin:15px 0px;
	min-height:50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}

#sOffer .cont .dateTxt {/*text-align:left;*/text-align:center;}
#sOffer .cont .dateTxt:after {content:"";display:block;clear:both;}
#sOffer .cont .dateTxt .dateTit {display:inline-block;font-size:14px;color:#fff;background:#cccccc;padding:2px 10px 4px; margin-right:10px;letter-spacing:-1px;}
#sOffer .cont .dateTxt .period {display:inline-block;font-size:14px;color:#999999;}

#eventData {margin:0px auto 0;width:100%:}


#sOfferRead {margin: 20px auto 40px; padding-top:20px; position: relative; border-top:2px solid rgba(64,64,64,1);}
#sOfferRead .title {font-size:28px; color:#2d2d2d; margin-bottom:20px; text-align:center;line-height:140%;letter-spacing:-1px;padding:0px 100px 0px 100px;}
#sOfferRead .dateCount {border-bottom: 1px solid #dfdfdf;padding: 0 15px 15px;text-align:center; margin-bottom:20px;}
#sOfferRead .dateCount div {display:inline-block; color:#7d7d7d;}
#sOfferRead .dateCount div span {margin-right:10px;}
#sOfferRead .dateCount .dateTit {font-size:14px;color:#fff;background:#cccccc;padding:2px 10px 4px; margin-right:10px;letter-spacing:-1px;}
#sOfferRead .dateCount .period {font-size:14px;color:#444444;}
#sOfferRead .dateCount .date  {margin-right:10px; padding-right:15px;  background:url("/imgs/board/bull03.png") right 50% no-repeat; }

#sOfferRead .btnList  {text-align:center;}
#sOfferRead .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#sOfferRead .btnList a {display:inline-block; padding:11px 24px; border:1px solid #d5d5d5; font-size:16px; color:#000;}

#sOfferRead .contArea  {padding:20px 0 40px; margin-bottom:0px; }
#sOfferRead .contArea .inner {margin:0 auto;text-align:center;text-align:justify;/*border:1px solid #dfdfdf;border:1px solid #D9CDBA;*/}
#sOfferRead .contArea img  {max-width:100%;}

#sOfferRead .contArea .sOfferBox {border:1px solid #dfdfdf;}

#sOfferRead .titImg {text-align:center;position:relative;}
#sOfferRead .titImg img {width:100%;max-width:100%;}
#sOfferRead .titBox {padding:30px;}
#sOfferRead .tit {margin-bottom:15px;font-size:26px;line-height:140%;color:#666666;font-weight:normal;letter-spacing:-1px;}
#sOfferRead .tit span {display:block;padding:0 0 4px 0; font-size:14px;color:#7e7e7e; line-height:20px;letter-spacing:0px;}
#sOfferRead .summary {width:100%; margin:20px 0 25px;font-size:16px;line-height:140%;}
#sOfferRead .dateSet .time,
#sOfferRead .dateSet .tel {display:inline-block; font-size:14px;padding:0 30px 0px 25px; background:url(/imgs/event/ico_package.png) 0px -63px no-repeat;}
#sOfferRead .dateSet .time {background-position:0 3px;}
#sOfferRead .dateSet:after {content:"";display:block;clear:both;}

#sOfferRead .contBox {border-top:1px dotted #C7C7C7;padding:30px 30px 20px}
#sOfferRead .contBox dl	{padding:0 0 8px 0px;*zoom:1;}
#sOfferRead .contBox dl.benefit	{padding:0 0 24px 0px;*zoom:1;}
#sOfferRead .contBox dl:after	{content:"";display:block;clear:both;}
#sOfferRead .contBox dl dt	{display:inline-block;width:100px;height:25px;color:#fff;font-size:14px;background:#ACACAC;text-align:center;line-height:24px;}
#sOfferRead .contBox dl dt.black {background:#CC3300;}
#sOfferRead .contBox dl dd	{display:inline-block;padding:0px 0 0 10px;font-size:14px;line-height:24px;}
#sOfferRead .contBox dl.benefit dd	{font-size:16px;line-height:24px;}
#sOfferRead .contBox dl dd.white {color:#333333;}
#sOfferRead .contBox dl dd.bold {font-weight:normal}
#sOfferRead .contBox dl dd p {margin-left:17px;padding-bottom:5px;font-size:11px !important;color:#a5a5a5 !important;font-weight:normal;letter-spacing:0px}
#sOfferRead .contText {border-top:1px dotted #c7c7c7;padding:20px;}
#sOfferRead .contText img {max-width:839px;}

#sOfferRead .video-outer,
#eventData,
#sOfferRead .contArea .inner {max-width:840px}

/* 게시판 */
#noticeWrapper {margin:0 auto;}
.newsList {width:100%;border-top:2px solid #000;}
.newsList caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.newsList thead th {font-size:15px; color:#222222; border-bottom:1px solid #BCBCBD;  font-weight:normal; padding:12px 0; background:url('/imgs/board/bull08.png') no-repeat 100% center;}
.newsList thead th.last {background:none;}

.newsList tbody td { position:relative; font-size:14px; color:#7d7d7d; border-bottom:1px solid #e3e3e3; padding:12px 0; text-align:center;}
.newsList tbody td a {font-size:16px; color:#4c4c4c; }
.newsList tbody td a:hover {border-bottom:1px solid #4b4b4b; color:#4b4b4b; font-weight:700px; }
.newsList tbody td.tLeft {text-align:left; padding-left:20px; }
.newsList tbody td.faq {padding:0px 0;}
.newsList tbody td.faq a:hover {border-bottom:none; }
.newsList tbody td img {vertical-align:middle;margin-bottom:3px}

.newsList .inner thead th {padding:0px;font-weight:normal;font-size:12px;border-bottom:none;text-align:center;background:#f1f1f1}
.newsList .inner tbody tr:hover{}
.newsList .inner tbody td {padding:0px;font-size:13px;border-bottom:none;line-height:20px;text-align:left;font-weight:normal;color:#666666}
.newsList .inner tbody td.tLeft {text-align:left;font-size:16px;}
.newsList .inner tbody td img {display:inline;vertical-align:middle;}

.faqArea {}
.faqList {}
.faqList:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.faqList>li {border-bottom:#e3e3e3 solid 1px;text-align:left;}
.faqList>li.last {border-bottom:none;}
.faqList>li.on .faqBox {background:#e3e3e3;}
.faqList>li.on .faqBox .questionTxt {font-weight:normal}
.faqList>li.on .faqBox .question {background:none}
.faqList>li.on .answerBox {display:block;}

.faqList .faqBox{display:block; padding:10px 0;}
.faqList .faqBox .question {
	display:inline-block;

	width:50px;
	font-size:30px;
	text-align:center;
	height:40px;
	line-height:40px;
	background:#f4f4f4;
	vertical-align:middle;
}
.faqList .faqBox .questionTxt {
	display:inline-block;
	font-size:18px;
	line-height:40px;
	text-align:left;
	padding:0px 15px;
	vertical-align:middle;
}
.faqList .answerBox {
	text-align:left;
	padding:20px 0 30px;
	display:none;
}
.faqList .answerBox:after{clear:both;content:"";display:block;font-size:0;height:0px;line-height:0;visibility:hidden}
.faqList .answerBox .answer {
	display:table-cell;
	width:50px;
	font-size:30px;
	text-align:center;
	height:40px;
	line-height:40px;
	background:#e3e3e3;
	color:#fff;
	vertical-align:top;
}
.faqList .answerBox .answerTxt {
	display:table-cell;
	font-size:16px;
	line-height:22px;
	text-align:left;
	padding:0px 15px;
	vertical-align:top;
	
}

.faqList a:hover {
	/*background:#f4f4f4;*/
}


#noticeRead {margin: 0px auto 50px; padding:20px 0 40px; position: relative; border-top:2px solid #000000;border-bottom:1px solid #dfdfdf;}
#noticeRead .title {font-size:27px; color:#2d2d2d; margin-bottom:20px; text-align:center;}
#noticeRead .dateCount {border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
#noticeRead .dateCount {text-align:center; margin-bottom:20px;}
#noticeRead .dateCount div {display:inline-block; color:#7d7d7d;}
#noticeRead .dateCount div span {margin-right:10px;}
#noticeRead .dateCount .date  {margin-right:10px; padding-right:15px;  background:url("/imgs/board/bull03.png") right 50% no-repeat; }

#noticeRead .contArea  {padding:20px 0 40px; /*margin-bottom:30px; border-bottom:1px solid #dfdfdf;*/}
#noticeRead .contArea .inner {margin:0 auto;line-height:180%;text-align:center;text-align:justify;}
#noticeRead .contArea img  {max-width:100%;}

.boardAttachFile {
	padding: 10px 10px 20px;
	vertical-align:middle;
	font-size:13px;
}

.boardAttachFile a {text-decoration:underline}

#noticeRead .btnList  {text-align:center;}
#noticeRead .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#noticeRead .btnList a {display:inline-block; padding:11px 24px; border:1px solid #d5d5d5; font-size:16px; color:#000;}

/* fix Width */
#noticeRead .video-outer,
#noticeRead .contArea .inner,
#noticeRead .hallVisual {max-width:800px}
#noticeRead .contArea .inner {text-align:center}

#noticeBottom {margin: 0px auto 0px; position: relative; }
#noticeBottom .btnList  {text-align:center;}
#noticeBottom .btnList.border  {padding-bottom:30px; border-bottom:1px solid #dfdfdf;}
#noticeBottom .btnList a {display:inline-block; padding:11px 24px; background:#666666; border:1px solid #666666; font-size:16px; color:#fff;}


.bbsPage{ border-top: 1px solid #000; width:100%; margin-top:30px;}
.bbsPage table{width: 100%;}
.bbsPage td{color:#999999; text-align:left; padding:16px 0 16px 24px; border-bottom:1px solid #dfdfdf; font-weight:normal;line-height:140%;}
.bbsPage td a{color:#333333;}
.bbsPage .viewArrow{ background:url("/imgs/board/arrow_top.png") right 50% no-repeat; padding-right:28px; color:#2d2d2d; }
.bbsPage .viewArrow2{background:url("/imgs/board/arrow_bottom.png") right 50% no-repeat; padding-right:28px;  color:#2d2d2d;}

/* 읽기 */
#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;}


@media (max-width: 1280px) {
	.gallery_col, .gallery_sizer {
		width:33.33333333%;
	}
	
	.introArea .aboutL {width: 60%; }
	.introArea .aboutR {width: 37%; }
	.introArea .aboutR2 {width: 37%;}

	.introArea .mainTitle h2 {font-size:30px;}
	.introArea .mainTitle h1 {font-size:34px;}
	.introArea .mainTitle h3 {font-size:18px}
	
	#subVisual {background-attachment:initial !important;}
	
	.unitSub {margin-bottom:25px;}
	.unitBox {margin-bottom:25px;}

}

@media (max-width: 1024px) {
	#subVisual .visualTit .visualTitleBox h1 {
		font-size:50px !important;
	}
	#subVisual .visualTit .visualTitleBox h2 {
		font-size:22px !important;
	}
	#subVisual .visualTit .visualTitleBox h3 {
		font-size:18px !important;
	}
	
	#mainHead {margin:20px auto 10px;}
	#mainHead h1 {
		font-size: 50px !important;
	}
	#mainHead h2 {
		font-size: 20px !important;
	}
	#mainHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 {
		font-size: 44px !important;
	}
	#subHead h2 {
		font-size: 20px !important;
	}
	#subHead h3 {
		font-size: 16px !important;
	}
	
	.introArea .aboutR2 { float: left; width: 100%; }
	.companyMent h2 {font-size:28px;}
	.companyMent {padding:30px 0 30px;}
	
	.gallery_col, .gallery_sizer {
		width:50%;
	}
	.gallery_col .txtArea {
		position:absolute;
	}
	
	.reserv .tableBox {display:block !important;}
	.reserv .tableCell {display:block;width: 100% !important; }
	.reserv h2 { font-size:30px;}
	.reserv .tableCell .inner { padding: 30px 5% 30px; }
	
	#sOffer li {
		width:98%; 
	}
	#sOffer .thumb {width:380px;display:table-cell;}
	#sOffer .cont {
		text-align:left;
		display:table-cell;padding:20px 100px 20px 30px;
	}
	#sOffer .cont .dateTxt {text-align:left;}
	
	.itemBox.mainUnit {width:98%}
	.itemBox.mainUnit1 {width:32%}
	.itemBox.mainUnit2 {width:64%}
	.itemBox.mainUnit3 {width:98%}
	
	.unitSub {width:52%;margin-bottom:0px;margin-right:2%;}
	.unitGroup {width:46%;margin-bottom:0px;}
	.unitBox {display:block;margin-bottom:22px;}
	
}
@media (max-width: 940px) {
	
}
@media (max-width: 768px) {
	#subVisual {height:200px !important;margin-bottom:0px;}
	#subVisual.main {height:320px !important;}
	#subVisual.main .visualTit .visualTitleBox h1 {
		font-size:26px !important;
		line-height:1.4;
	}
	
	#subVisual .link {margin:0px auto 20px;}
	#subVisual .link a.more {
		font-size: 16px;font-weight:normal;padding:0 40px 4px 30px;line-height:30px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px ;
	}
	
	.articleArea.last {padding:0px 0 80px !important;}
	
	.introArea .mainTitle {margin:30px 0;text-align:center;}
	.introArea .aboutL, .introArea .aboutR { float: left; width: 100%; }	
	.introArea .aboutL img {box-shadow:none;}
	
	
	.contact .locationBox {margin-top: 30px;display:block !important;}
	.contact .addr {display:none;}
	
	.contact .contactL { float: none; display:block;width: 100% !important; }
	.contact .hName { margin-bottom: 0px; text-align:center; }
	.contact h2 { font-size:22px;}
	.contact .contactR { float: none; display:block; width: 100% !important; margin-top:30px; }

	.contact .contactL .inner { padding: 30px 5.5% 0px; }
	.contact .contactR .inner { padding: 0px 5.5% 30px; }
	
	.mapDiv {height:320px}
	
	/*.gallery_col, .gallery_sizer {
		width:100%;
	}*/
	.galleryArea .articleTit .subDir {display:none}
	.galleryArea .articleTit2 .subDir {display:none}
	
	.brandArea .brandItem {width:20%}
	
	.articleArea.dressPhoto .gallery_col,
	.articleArea.dressPhoto .gallery_sizer {
		width:33.33333%;
	}
	
	#sOffer .thumb {width:280px !important;}
	#sOffer .cont {padding:15px 100px 15px 20px !important;}
	#sOffer .cont .tit {
		font-size:20px !important;
	}
	#sOffer .cont .txt {
		font-size:14px !important;
		min-height:24px !important;
		-webkit-line-clamp: 1 !important;
	}
	
	#sOfferRead .title {font-size:22px;text-align:left;padding:0 90px 0 15px;}
	
	.unitBox {display:block;margin-bottom:10px;}
}

@media (max-width: 640px) {
	
	.mediaContainer {margin:20px auto;}
	#movieCtrl {margin:-10px auto 30px;}
	
	#subVisual {height:160px !important;}
	
	#subVisual .visualTit .visualTitleBox {
		padding:0px 0 0 !important;
	}
	#subVisual .visualTit .visualTitleBox h1 {
		font-size:30px !important;
	}
	#subVisual .visualTit .visualTitleBox h2 {
		font-size:16px !important;
	}
	#subVisual .visualTit .visualTitleBox h3 {
		font-size:14px !important;
	}
	
	
	
	#mainHead h1 {
		font-size: 36px !important;
	}
	#mainHead h2 {
		font-size: 20px !important;
	}
	#mainHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 {
		font-size: 30px !important;
	}
	#subHead h2 {
		font-size: 16px !important;
	}
	#subHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 .dot {padding:0 20px !important;}
	
	p {font-size:15px !important}
	
	#hashPage ul li a {
		font-size: 16px; 
		padding:6px 0 7px;	
	}
	#hashPage ul li:first-child a {
		border-left:none !important;	
	}
	#hashPage ul li:last-child a { 
		border-right:none !important;	
	}

	.introArea .mainTitle h2 {font-size:22px;}
	.introArea .mainTitle h1 {font-size:26px;}
	.introArea .mainTitle h3 {font-size:16px}

	.companyMent h2 {font-size:22px;}
	.companyMent p {text-align:left !important}
	.companyMent p br {display:none !important}
	
	.itemBox.unit1 {width:98%}
	.itemBox.unit2 {width:98%}
	
	.itemBox.mainUnit {width:98%}
	.itemBox.mainUnit1 {width:98%}
	.itemBox.mainUnit2 {width:98%}
	.itemBox.mainUnit3 {width:98%}
	
	.unitSub {width:100%;margin-bottom:20px;margin-right:0;}
	.unitGroup {width:100%;margin-bottom:0px;}
	
	.contact .link {margin-top: 20px; }
	.contact .link a.btn,
	.contact .link a.btnl,
	.contact .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.contact .infoBox ul.circle li { font-size:15px;}
	
	.reserv h2 { font-size:22px;}
	.reserv h3 { font-size:16px}
	.reserv .infoBox ul.circle li { font-size:15px;}
	
	.tableCont table > thead > tr > th {
	    font-size: 14px;
		padding:5px 10px;
	}
	.tableCont table > tbody > tr > th {
		font-size: 14px;
		padding:10px;
	}
	.tableCont table > tbody > tr > td {
		font-size: 14px;
		padding:10px;
	}
	.tableCont .desc>li { font-size:14px;}
	
	.articleMenu {display:none}
	.articleCont {margin-left:0px;}
	
	.galleryArea {margin:20px 0 20px;}
	.galleryArea.main {
		margin:0px 0 20px;
	}
	.galleryArea .articleTit, .galleryArea .articleTit2 {
		font-size:20px;
	}
	.galleryArea .articleTit span, .galleryArea .articleTit2 span {
		font-size:14px;
	}
	
	.articleArea.companyPhoto .gallery_col,.articleArea.companyPhoto .gallery_sizer {
		width:33.33333%;
	}
	
	.articleArea.dressPhoto .gallery_col,
	.articleArea.dressPhoto .gallery_sizer {
		width:50%;
	}
	
	.gallery_col, .gallery_sizer {
		width:50%;
	}
	.gallery_col .txtArea {
		padding:10px 10px;
	}
	.gallery_col .txtArea h3 {
		font-size:20px; 
	}
	.gallery_col .txtArea h4 {
		font-size:14px; 
	}
	.galleryArea .articleTit .subDir {display:inline-block}
	.galleryArea .articleTit2 .subDir {display:inline-block}
	
	.brandArea .brandItem {width:33.3333%}
	
	/* service */
    .do_form_field_request,
	.do_form_field_tel,
	.do_form_field_date,
	.do_form_field_date2,
	.do_form_field_caller {height:40px;}
	.do_form_submit,
	.do_form_field_cap,
    .do_form_listitem_info {width:100%;}
    .do_form_list_service{margin:-1%;}
    .do_form_listitem_service{width:31.333%;margin:1%;}
    .do_form_listitem_service:nth-child(3n+1){clear: both;}
	
	.tableCont.outer {
		padding:40px 20px 30px;
	}
	.tableTit .item {  
		font-size: 16px; 
	}
	
	#sOffer li {margin:0px auto 30px !important;}
	#sOffer li {width:100% !important;float:none !important;}
	#sOffer .thumb {display:block !important;width:100% !important;}
	#sOffer .cont {display:block !important;width:100% !important;padding:15px !important;}
	#sOffer .cont .tit {
		font-size:18px !important;
	}
	#sOfferArea .eventActive {
		width:60px !important; height:60px !important;
	}
	#sOffer .cont .txt {
		min-height:auto !important;
		-webkit-line-clamp: 2 !important;
	}
	
	#sOfferRead {margin: 20px auto;}
	#sOfferRead .title {font-size:20px;padding:0 80px 0 15px;}
	#sOfferRead .dateCount {text-align:left;}
	#sOfferRead .dateCount div {font-size:14px;}
	#sOfferRead .dateCount .date  {background:none; }
	#sOfferRead .dateCount .count {text-align:right;display:block;margin-top:5px;}
	#sOfferRead .tit {font-size:22px;}
	#sOfferRead .summary {font-size:14px;}
	#sOfferRead .titBox {padding:20px;}
	
	.bbsPage .no1 {width:105px}
	.bbsPage td{padding:16px 10px 16px 10px;font-size:14px;}
	.bbsPage .viewArrow,
	.bbsPage .viewArrow2 {padding-right:15px;}
}
@media (max-width: 400px) {
	#hashPage ul li a {
		font-size: 14px; 
		padding:6px 0 7px;	
	}
	
	.articleArea.companyPhoto .gallery_col,.articleArea.companyPhoto .gallery_sizer {
		width:50%;
	}
	.articleArea.dressPhoto .list_col .gallery_col,
	.articleArea.dressPhoto .list_col .gallery_sizer {
		width:100%;
	}
	
	.list_col .gallery_col, .list_col .gallery_sizer {
		width:100%;
	}
	.list_col .gallery_col a {
		display:table;
		width:100%;
		table-layout: fixed;
	}
	.list_col .gallery_col .gallery_img {
		display:table-cell;
		width:25%;
	}
	.list_col .gallery_col .txtArea {
		position:relative;
		width:75%;
		display:table-cell;
		vertical-align:bottom;
		bottom:auto;
		top:0;
		padding:10px 15px;
		background:rgba(174,174,174,1);
	}
	
	.gallery_col .videoBtn {
		position: absolute;
		left: 25px;
		top: 50%;
		margin-left: 0px;
		margin-top: -20px;
	}
	
	.gallery_col .videoBtn img {
		width:40px;
	}
	
	.brandArea .brandItem {width:50%}
	
	
}
@media (max-width: 320px) {
	
}


.gallery-masonry {
	position:relative;
	margin: 20px -1% 0px 0;
	overflow:hidden;
	font-size:0;
}
.gallery-masonry .gutter-sizer {
	width: 1%;
}
.gallery-masonry .col-sizer {
	width:calc(25% - 1%);
}
.gallery-masonry .gallery-item {
	position:relative;
	float:left;
	font-size:0;
	display: inline-block;
	width:calc(25% - 1%);
	padding:0px;
	margin:0 0 1% 0;
	overflow:hidden;
	/*-webkit-transition: opacity 0.4s;
     -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
          transition: opacity 0.4s;*/
}
.main .gallery-masonry .gallery-item {
	margin:0 1% 1% 0;
}
.gallery-masonry .gallery-item a {
	/*-webkit-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 1px 2px 10px rgba(0,0,0,.4);
    box-shadow: 1px 2px 10px rgba(0,0,0,.4);
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
	position:relative;
	overflow:hidden;
	display:block;
}

.gallery-masonry .gallery-item .img-ratio-item {
    position: relative;
	display: block;
    width: 100%;
}

.gallery-masonry .gallery-item .img-ratio-img-bg:after {
	content:'';
	display:block;
	padding-bottom: 130%;
}

.gallery-masonry .gallery-item .img-ratio-img-bg {
	position:relative;
    display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
}
.gallery-masonry .gallery-item .v-image {
	background-size:contain;
}

.gallery-masonry .img-ratio-2X1,
.gallery-masonry .img-ratio-2X2 {
	width:calc(50% - 1%);
}

.gallery-masonry .img-ratio-2X1 .img-ratio-img-bg:after {
	padding-bottom: calc(65% - 1.3333333%);
}
.gallery-masonry .img-ratio-2X2 .img-ratio-img-bg:after {
	padding-bottom: calc(130% - 0.666666%);
}

.gallery-masonry .gallery-item .txtArea {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	bottom:0px;
	text-align:left;
	width:100%;
	padding:15px 25px 20px;
	background:rgba(153,183,199,0);
}

.gallery-masonry .gallery-item .txtArea h3 {
	font-size:26px; 
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:300;
	color:#fff;
	line-height:1.4;
	letter-spacing:0px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/
}
.gallery-masonry .gallery-item .txtArea h4 {
	font-size:14px; 
	color:#fff;
	line-height:1.4;
	font-weight:normal;
	letter-spacing:-0.5px;
	white-space: nowrap; overflow: hidden; text-overflow:ellipsis;
	/*text-shadow: 0 0 2px rgba(0,0,0,0.3), 0 1px 1px rgba(0,0,0,0.3), 0 -1px 1px rgba(255,255,255,0.2);*/ 
}

.gallery-masonry .gallery-item .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(51,51,51,.0);
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.gallery-masonry .gallery-item a:hover .cover {
	background:rgba(51,51,51,.6);
	
}

.gallery-masonry .gallery-item .text-cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:9;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,.7) 100%);
}

.gallery-masonry .gallery-item .videoBtn {
	position: absolute;
    left: 50%;
    top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:100;
}

.gallery-masonry .gallery-item .videoBtn img {
	width:60px;
}
	
.gallery-masonry .gallery-item .more {
	width: 40px;
    height: 40px;
    background:rgba(64,64,64,.4);
	/*background:rgba(0,0,0,.3);*/
    position: absolute;
	text-indent:-9999px;
	top:0px;
	right:0px;
	z-index:100;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
}
.gallery-masonry .gallery-item .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.gallery-masonry .gallery-item .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}

.gallery-masonry .gallery-item a:hover h3,
.gallery-masonry .gallery-item a:hover h4 {
	color:#fff !important;
}
@media screen and (max-width: 1440px) {
	
	
	.gallery-masonry .gallery-item .txtArea h3 {
		font-size:20px; 
	}
	.gallery-masonry .gallery-item .txtArea h4 {
		font-size:14px; 
	}
}

@media screen and (max-width: 768px) {
	.gallery-masonry .gallery-item .txtArea {
		padding:20px;
	}
	.gallery-masonry:not(.no-resize) {
		margin: 10px -2% 0px 0;
	}
	.gallery-masonry:not(.no-resize) .gutter-sizer {
		width: 2%;
	}
	.gallery-masonry:not(.no-resize) .gallery-item,
	.gallery-masonry:not(.no-resize) .col-sizer {
		width:calc(50% - 2%);
	}
	.gallery-masonry:not(.no-resize) .gallery-item {
		margin:0 0 2% 0;
	}
	.main .gallery-masonry:not(.no-resize) .gallery-item {
		margin:0 2% 2% 0;
	}
	.gallery-masonry:not(.no-resize):not(.m-no) .img-ratio-2X1,
	.gallery-masonry:not(.no-resize):not(.m-no) .img-ratio-2X2 {
		width:calc(100% - 2%);
	}
	
}

@media screen and (max-width: 425px) {
	.gallery-masonry:not(.no-resize):not(.m-no-resize) .gallery-item,
	.gallery-masonry:not(.no-resize):not(.m-no-resize) .col-sizer {
		width:calc(100% - 2%);
	}
	.gallery-masonry:not(.no-resize):not(.m-no-resize) .gallery-item {
		margin:0 0 4% 0;
	}
	.gallery-masonry:not(.m-no-resize) .gallery-item:not(.img-ratio-2X1):not(.img-ratio-2X2) .img-ratio-item {
		display:table;
		width:100%;
		table-layout: fixed;
	}
	.gallery-masonry:not(.m-no-resize) .gallery-item:not(.img-ratio-2X1):not(.img-ratio-2X2) .img-ratio-img-bg {
		display:table-cell;
		width:30%;
	}
	.gallery-masonry:not(.m-no-resize) .gallery-item:not(.img-ratio-2X1):not(.img-ratio-2X2) .txtArea {
		position:relative;
		width:70%;
		display:table-cell;
		vertical-align:bottom;
		bottom:auto;
		top:0;
		padding:10px 15px;
		background:rgba(174,174,174,1);
	}
	
	.gallery-masonry:not(.m-no-resize) .gallery-item .videoBtn img {
		width:40px;
	}
	
	.gallery-masonry:not(.m-no-resize) .gallery-item:not(.img-ratio-2X1):not(.img-ratio-2X2) .img-ratio-img-bg:after {
		content:'';
		display:block;
		padding-bottom: 100%;
	}
	.gallery-masonry:not(.m-no-resize) .gallery-item:not(.img-ratio-2X1):not(.img-ratio-2X2) .text-cover {
		display:none;
	}
	
}