@charset "utf-8";

#container_bg:before{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	top: 0;
	width: 100%;
	display: block;
	position: absolute;
	content: " ";
	-webkit-animation: fadeIn 1s ease-out forwards;
	-moz-animation:    fadeIn 1s ease-out forwards;
	-o-animation:      fadeIn 1s ease-out forwards;
	animation:         fadeIn 1s ease-out forwards;
}

@-webkit-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: .6; }
}
@-moz-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: .6; }
}
@-o-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: .6; }
}
@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: .6; }
}

#container_bg.subimg10:before {
	background-image: url(../img/subimg10.jpg);
}
#container_bg.subimg2010:before {
	background-image: url(../img/subimg2010.jpg);
}
#container_bg.subimg2020:before {
	background-image: url(../img/subimg2020.jpg);
}

#container_bg.subimg2030:before {
	background-image: url(../img/subimg2030.jpg);
}

#container_bg.subimg2040:before {
	background-image: url(../img/subimg2040.jpg);
}

#container_bg.subimg3010:before {
	background-image: url(../img/subimg3010.jpg);
}

#container_bg.subimg40:before {
	background-image: url(../img/subimg40.jpg);
}

#container_bg.subimg4010:before {
	background-image: url(../img/subimg4010.jpg);
}

#container_bg.subimg4020:before {
	background-image: url(../img/subimg4020.jpg);
}

#container_bg.subimg50:before {
	background-image: url(../img/subimg50.jpg);
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

#container_title {
	letter-spacing: 1.5px;
	text-align: center;
	padding: 0 15px;
	font-family: 'NanumGothic', sans-serif;
	display: inline-block;
	font-size: 1.5em;
	margin: 50px 0 20px
}

#container_title span {
	display: inline-block;
	font-weight: 400;
	padding: 0 10px
}

.contents_tit {
	text-align: center;
	padding: 0 15px;
	font-family: 'NanumGothic', sans-serif;
	background: url(../img/tab-bg.jpg) repeat-x 0 50%;
	display: inline-block;
	font-size: 1.25em;
	margin: 30px 0 10px
}

.contents_tit span {
	display: inline-block;
	background: #fff;
	font-weight: 400;
	padding: 0 10px
}

h2#listtype-title {
	font-family: "Oswald", "Noto Sans KR", serif;
	font-size: 24px;
	font-style: normal;
	letter-spacing: 0px;
	line-height: 2;
	font-weight: 300;
	text-transform: capitalize;
	color: #555555;
	color: rgba(60, 50, 45, 1);
	padding: 50px 0 0;
}

h1#listtype-title-eng {
	font-size: 54px;
	letter-spacing: -0.05em;
	line-height: 1.2;
	color: rgba(60, 50, 45, 1);
	font-weight: 600;
	/* font-family: "Oswald", "Noto Sans KR", serif; */
	position: relative;
	text-transform: capitalize;
	padding: 0;
	max-width: 1400px;
	margin: 0 auto;
}
h1#listtype-title-eng.line:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 50%;
	height: 1px;
	width: 100%;
	background: rgba(60, 50, 45, .3)
}
h1#listtype-title-eng.line .dot {
	position: relative;
	display: inline-block;
	padding: 0 40px;
	background-color: #fff
}
h1#listtype-title-eng.line .dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    height: 9px;
    width: 9px;
    margin-top: -4px;
    background: rgba(60,50,45,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
h1#listtype-title-eng.line .dot::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    height: 9px;
    width: 9px;
    margin-top: -4px;
    background: rgba(60,50,45,.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.con_tit a b {
	color: #605049;
}

#ctt_con .addr {
	font-weight: 300;
	text-align: center;
	padding: 30px 0;
}

#mapDiv {
	margin-top: 0px;
	max-width: 99.6%;
	min-width: 99.6%;
	height: 500px;
	border: #dddddd 1px solid;
}

.infoWindow {
	position: absolute;
	left: 0px;
	bottom: -4px;
	width: 100px;
	padding-bottom: 10px;
	margin-left: -50px;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}

.infoWindow .info.location {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	overflow: hidden;
	background: #fff;
}

.info.location .desc {
	position: relative;
	padding: 5px 0px;
	color: #333;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: normal;
	margin: 0;
	font-weight: 300;
}
.link a.btn::before ,
.link a.btnl::before ,
.link a.btnr::before ,
.link a.btn-border::before  {
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	font-weight: normal;
	line-height: 59px;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-weight: 900;
}
.link a.btnl::before{
	content: "\f124 ";
	left: 10px;
}
.link a.btnr::before{
	content: "\f5a0 ";
	right: 10px;
}

#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 {
    position: relative;
    width: 100%;
    padding: 30px 0;
    z-index: 99;
}
.f-container, .imgContainer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: inline-block;
}
#hashPage ul {
    position: relative;
    margin: 0px -1px 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 ul li a {
    display: block;
    color: rgba(60, 50, 45, 1);
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0px;
    position: relative;
    background: rgba(245,240,240,1);
    border: rgba(60, 50, 45, 0) 2px solid;
    padding: 18px 0 19px;
    line-height: 1.2;
    overflow: hidden;
    margin: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#hashPage ul li:first-child a {
    margin-left: 0px;
}
#hashPage ul li a {
    background: rgba(255,255,255,1);
    border: rgba(60, 50, 45, .1) 2px solid;
    transition: all 0.3s ease;
}
#hashPage ul li a:hover {
	background: rgba(60,51,48,1);
	border: rgba(60,51,48,1) 2px solid;
	color: rgba(255, 255, 255, 1);
	transition: all 0.3s ease;
}

#hashPage ul li.on a {
    color: #fff;
    background: #c7a993;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    z-index: 20;
    border: #c7a993 2px solid;
}
#hashPage ul li .arrow {
    z-index: 10;
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -11px;
    background: none;
    width: 22px;
    height: 22px;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
#hashPage ul li.on .arrow {
    background: #c7a993;
}


/* 오페라 프리마 서브 시작  */

@charset "utf-8";

.articleArea { width:100%;position:relative;padding:0px 0 60px;}
.articleArea.bg1 {background: rgba(245,245,245,1);}
.articleArea.main {padding:0px 0 40px; }
#page.wedding .articleArea {background:rgba(60,50,45,1);}
.articleArea.bg3 {background:rgba(60,50,45,1);}
.articleArea.bg4 {
	background:rgba(245,245,245,1) url(/imgs/main/bg_brand01.jpg) no-repeat 50% fixed;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}

#subVisual {position: relative; overflow: hidden; height:400px;background:rgba(0,0,0,1);margin-bottom:40px;}
#subVisual.about {height:600px;}

#subVisual {
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}

#subVisual.main {margin-bottom:0px; height:440px;background-attachment:fixed;}

#subVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:70;
	-webkit-animation: fade 2s ease-out forwards;
	-moz-animation:    fade 2s ease-out forwards;
	-o-animation:      fade 2s ease-out forwards;
	animation:         fade 2s ease-out forwards;
}

@-webkit-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .3; }
}
@-moz-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .3; }
}
@-o-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .3; }
}
@keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .3; }
}

#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:56px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	padding:120px 0 10px;
}
#subVisual .visualTit .visualTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:26px;
	font-family: "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:150%;
	position:relative;
}
#subVisual .visualTit .visualTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:20px;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
}

#subVisual.main .visualTit .visualTitleBox h1 {
	font-size: 54px;
	font-weight:400;
	letter-spacing: 0px;
	padding:10px 0 10px;
}
#subVisual.main .visualTit .visualTitleBox h2 {
	font-size: 22px;
	text-transform: uppercase;
	line-height:1.4;
}


#withusGroup {
	top:-100%;
	position: fixed;
	overflow: hidden;
	width:100%;
	height:100%;min-height:100%;max-height:100% !important;
	z-index:400;
	background:rgba(32,32,32,1);
}

#withusGroup .withusSet {
	position: relative;
	width:100%;
	height:100%;
	display:table;
}
#withusGroup .withusClose {
    position: absolute;
    right:0px; top:0px;
	width:60px; height:60px; background: url('/imgs/common/btn_close.png') no-repeat 0 0;
	z-index:10;

}
#withusGroup .withusClose a{ display: block;width:60px;height:60px;}
#withusGroup .withusClose a span{
    text-indent: -9999px;
	overflow: hidden;
}
#withusGroup .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1) url('/imgs/group/withus.png') no-repeat center center;
	z-index:20;
}
#withusGroup .withusItem {
	position: relative;
	float: left;
	display:table-cell;
	width:33.333%;
	height: 100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-left: 1px solid rgba(0,0,0,1);
}
#withusGroup .withusItem:first-child{border-left: 0;}
#withusGroup .withusItem:last-child{position: absolute;right:0;}

#withusGroup .withusItem a {
	width: 100%;
	height: 100%;
	color:#fff;
	display: table;
}
#withusGroup .withusItem .inner {
	position: relative;
	display: table-cell;
	width:100%;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
}
#withusGroup .withusItem .txt {
	position:relative;
	display:inline-block;
	border:double 6px rgba(255,255,255,0);
	padding:30px;
	background:rgba(0,0,0,0);
	webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;
}

#withusGroup .active .txt {
	border:double 4px rgba(255,255,255,1);
	background:rgba(0,0,0,.8);
}

#withusGroup .withusItem h1 {
	position:relative;
	font-size:50px;
	font-weight:500;
	margin-top: 15px;
	padding:5px 0;
}
#withusGroup .withusItem h2 {
	font-size:20px;
}
#withusGroup .withusItem h3 {
	font-size:16px;
	line-height:150%;
}
#withusGroup .withusItem h1:before {
	content: '';
	width: 20px;
	height: 1px;
	background: rgba(255,255,255,1);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}
#withusGroup .withusItem .overlay {
	position: absolute;
	left:0;top:0;right:0;bottom:0;
	width:100%;height: 100%;
	z-index: 1;
	background:rgba(0,0,0,.5);
}

@media screen and (max-width: 768px) {
	#withusGroup .withusItem {
		position: relative;
		float: none;
		display:table-row;
		width:100%;
		height:33.333%;
		border-left: none;
		border-top: 1px solid rgba(0,0,0,1);
	}
	#withusGroup .withusItem:first-child{border-top: 0;}
	#withusGroup .withusItem:last-child{position:relative;right:auto;}
	#withusGroup .withusItem .txt {
		padding:20px;
		border:double 4px rgba(255,255,255,1);
		background:rgba(0,0,0,.8);
		min-width:160px;
	}
	#withusGroup .withusItem h1 {
		font-size:26px;
		margin-top:8px;
		padding:0px 0 0;
	}
	#withusGroup .withusItem h2 {
		font-size:13px;
	}
	#withusGroup .withusItem h3 {
		display:none;
	}
	#withusGroup .withusItem .overlay {
		background:rgba(0,0,0,0);
	}
}


#floorVisual {position: relative; overflow: hidden; height:100%;min-height:100%;max-height:100% !important;background:rgba(0,0,0,1);}
#floorVisual {
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}

#floorVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:70;
	-webkit-animation: fade 2s ease-out forwards;
	-moz-animation:    fade 2s ease-out forwards;
	-o-animation:      fade 2s ease-out forwards;
	animation:         fade 2s ease-out forwards;
}

#floorVisual .visualTit {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
	padding-top:60px;
}

#floorVisual .visualTit .titleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:0px 0 0px;
	text-align:center;
}
#floorVisual .visualTit .titleBox .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

#floorVisual .visualTit .titleBox h1 {
	color:rgba(255,255,255,1);
	font-size:80px;
	font-family:"Playfair Display", serif;
	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;
	margin:5px 0 0;
}
#floorVisual .visualTit .titleBox h2 {
	color:rgba(255,255,255,1);
	font-size:30px;
	font-family:"Playfair Display", serif ;
	letter-spacing:0px;
	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;
	/*text-transform: uppercase;*/
}
#floorVisual .visualTit .titleBox h3 {

	color:rgba(255,255,255,1);
	font-size:36px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:3px;
	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;
	margin:10px 0 20px;
}

#floorVisual .visualTit .titleBox h4 {
	position:relative;
	letter-spacing:0px;

	color:rgba(255,255,255,1);
	font-size:22px;
	letter-spacing:-0.5px;
	/*font-family:"Nanum Myeongjo", "Open Sans Condensed", serif;*/
	line-height:140%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	margin:20px 0 5px;
}


#floorVisual .visualTit .contactBox {
	letter-spacing:0px;
	border:3px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	width: 160px;
	margin:0 auto;
	font-size:16px;
	padding:10px 30px 10px 10px;
	display: block;
	font-weight:normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px
}

#floorVisual .visualTit .contactBox:hover {
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,1);
}

#floorVisual .visualTit .titleBox .lineBox {
	display:inline-block; width:1px; height:50px; margin:10px auto;
	position:relative;
	overflow:hidden;
}
#floorVisual .visualTit .titleBox .line {
	display:block; width:1px; height:0px;
	background-color: rgba(205,176,131,1);
	background-color: rgba(255,255,255,1);
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
}
#floorVisual .visualTit .titleBox .line.bt {
	top:0px;
}

#page.wedding #hashPage,
#page.wedding .sticky-wrapper,
#page.wedding2 #hashPage {background:rgba(60,50,45,1);}
#hashPage ul {position:relative;margin: 0px -1px 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.typeUser ul li:nth-child(n) {width: 20%;}

#hashPage ul li a {
	display: block;
	color: rgba(60,50,45,1);
	font-size: 18px; font-weight:300; letter-spacing: 0;  position: relative;
	background:rgba(245,240,240,1);
	border:rgba(60,50,45,0) 2px solid;

	/*border:none;*/
	padding:18px 5px 19px;
	line-height:1.2;
	overflow:hidden;
	margin:4px;
	white-space:nowrap;text-overflow:ellipsis;
}

#hashPage ul li:first-child a {
	margin-left:0;
}
#hashPage ul li:last-child a {
	margin-right:0;
}
#hashPage.type4 ul li:nth-child(4) a {margin-right:0;}
#hashPage.type4 ul li:nth-child(5) a {margin-left:0;}

#hashPage ul li a:hover {
	background: #f6843c;
	border: #f6843c 2px solid;
	color: rgba(255, 255, 255, 1);
}
#hashPage.wedding ul li a {
	background:rgba(255,255,255,1);
	border:rgba(60,50,45,.1) 2px solid;
}
#hashPage.wedding ul li a:hover {background:rgba(60,50,45,1);border:rgba(60,50,45,1) 2px solid;color: rgba(255,255,255,1);}

#hashPage ul li.on a {
	color:rgba(255,255,255,1);
	background:#f6843c;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	z-index:20;
	border:#f6843c 2px solid;
	/*border:none;*/
}
#hashPage ul li.on a:hover {
	color:rgba(255,255,255,1);
	background:#f6843c;
	border:#f6843c 2px solid;
}
#hashPage ul li .arrow {
	z-index:10;
	position: absolute;bottom:-18px;left:50%;margin-left:-11px;background:none;width:22px;height:22px;
	-moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
#hashPage ul li.on .arrow {background:#f6843c;}





#mainHead {position: relative;  text-align: center; padding: 0px 0 40px;margin:50px auto 40px;}
#mainHead.center {text-align: center;}
#mainHead h1 {
	font-size: 54px; letter-spacing: -1px;
	line-height: 1.2;
	color:rgba(60,50,45,1);
	font-weight:400;
	font-family: "Oswald", "Noto Sans KR", serif;
	/*text-transform: uppercase;*/
	position:relative; text-align:center;
}
#mainHead h1.mj {
	font-family:"Nanum Myeongjo", "Noto Sans KR", serif;
	color:rgba(51,51,51,1);
	letter-spacing:-1px;
}

#mainHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(60,50,45,.4) }
#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(60,50,45,.4);
	-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(60,50,45,.4);
	-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(60,50,45,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(60,50,45,1);
	margin-top:10px;
}
#mainHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #333333;}

#page.wedding .articleArea #mainHead {margin:20px auto 40px;}
#page.wedding .articleArea #mainHead h1 .dot {background: rgba(60,50,45,1);}
#page.wedding .articleArea #mainHead h1 {
	color:rgba(209,182,147,1);
	font-weight:300;
	font-size: 46px;
}
.banquetArea #mainHead h1 {
	font-weight:300;
	font-size: 46px;
}
.banquetArea #mainHead h2 {
	font-weight:300;
}
#page.wedding .articleArea #mainHead h2 {
	color:rgba(209,182,147,1);
}

#page.wedding .articleArea #mainHead h1.line:before { background:rgba(209,182,147,.3); }
#page.wedding .articleArea #mainHead h1 .dot:before { background:rgba(209,182,147,.3);}
#page.wedding .articleArea #mainHead h1 .dot:after {background:rgba(209,182,147,.3);}

.dotArea {text-align:center;padding:20px 0 20px;}
.dotArea .dot { position:relative; display:block; height:6px; width:6px; background:#787878;margin:14px auto;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

#subHead {position: relative;  text-align: center;padding:30px 0 30px;}
#subHead.main {padding:50px 0 0px;}
#subHead h1 {
	font-size: 54px; letter-spacing: .0em;
	line-height: 1.2;
	color:rgba(60,50,45,1);
	font-weight:400;
	font-family: "Oswald", "Noto Sans KR", serif;
	/*font-family: "Playfair Display", "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(60,50,45,.3) }
#subHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
.articleArea.bg1 #subHead h1 .dot {background: rgba(245,245,245,1);}
#page.wedding .articleArea #subHead h1 .dot {background: rgba(60,50,45,1);}
.articleArea.bg3 #subHead h1 .dot {background: rgba(60,50,45,1);}
.articleArea.bg4 #subHead h1 .dot {
	background:rgba(245,245,245,1) url(/imgs/main/bg_brand01.jpg) no-repeat 50% fixed;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}

#subHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(60,50,45,.3);
	-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(60,50,45,.3);
	-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(60,50,45,1);
}

#subHead .mj {
	font-family:"Nanum Myeongjo",serif;
	line-height: 1.5;
	letter-spacing: -2px;;
}
#subHead h2.mj {
	line-height: 1.4;
	margin-top:20px;
	font-size:28px;
	letter-spacing: -1px;;
}
#subHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5;
	color:rgba(60,50,45,1);
	margin-top:0px;
}
#subHead h3 strong {
	font-weight:500;
}
#subHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #666666; background:rgba(60,50,45,1);}

#subHead.main h1 {font-size:50px;font-weight:300;}
#subHead.main h2 {font-size:20px;}

#page.wedding .articleArea #subHead h1,
.articleArea.bg3 #subHead h1 {
	color:rgba(248,216,184,1);
}
#page.wedding .articleArea #subHead h2,
.articleArea.bg3 #subHead h2 {
	color:rgba(209,182,147,1);
}
#page.wedding .articleArea #subHead h3,
.articleArea.bg3 #subHead h3 {
	color:rgba(209,182,147,1);
}
#page.wedding .articleArea #subHead h1.line:before,
.articleArea.bg3 #subHead h1.line:before { background:rgba(209,182,147,.4); }
#page.wedding .articleArea #subHead h1 .dot:before,
.articleArea.bg3 #subHead h1 .dot:before { background:rgba(209,182,147,.4);}
#page.wedding .articleArea #subHead h1 .dot:after,
.articleArea.bg3 #subHead h1 .dot:after {background:rgba(209,182,147,.4);}



/* 공통 버튼 */
.link {text-align: center; font-size: 0; }
.link a.btn {
	color:rgba(60,50,45,1);
	background:#fff;
	border:rgba(60,50,45,1) 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: #f6843c;
    border: #f6843c 2px solid;
    display: inline-block;
    width: 50%;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.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;
	transition: all 0.3s ease;
}


.link a.btnr {
	color: #f6843c;
	background: #fff;
	border: #f6843c 2px solid;
	display: inline-block;
	*
	display: inline:;
	*
	zoom: 1:;
	width: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.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;
	transition: all 0.3s ease;
}
.link a.btnl2 {  color:#fff; background:#f6843c; border:#f6843c 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:#f6843c; background:#fff; border:#f6843c 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: #f6843c;
	border: #f6843c 2px solid;
}

.link a.btnl:hover {
	color: #fff
}

.link a.btn-border:hover {
	color: rgba(209, 182, 147, 1);
	border: rgba(209, 182, 147, 1) 2px solid;
}

.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.last {
	margin:0 0 0 2%;
}
.link a.btnItem:hover {background:#ccc;border:#ccc 2px solid; }

/* about */
.introArea {padding:0px 0 40px;}
.aboutCont {margin-top:30px;padding:0 0 40px;display:table;width:100%;}
.introArea.bg1 .aboutCont {margin-top:10px;}
.introArea .aboutL { display:table-cell;width: 57%;}
.introArea .aboutL img {width: 100%;/*box-shadow: 1px 5px 20px rgba(0,0,0,0.3);*/}
.introArea .aboutR { display:table-cell; width: 43%; background:rgba(33,28,26,1); padding:60px 40px; vertical-align:bottom;text-align:center;}
.introArea.bg1 .aboutR {background:rgba(255,255,255,1);}
.introArea .aboutR2 { float: right; width: 50%; margin:30px 0;text-align:center;}
.introArea .aboutLR { float: left; width: 100%;margin:40px 0;text-align:center;}
.introArea .aboutLR:after {content:'';clear:both;display:table;}
.introArea .mainTitle {margin:-10px 0 30px;}
.introArea .mainTitle strong {font-weight:500;}
.introArea .mainTitle h2 {font-size:28px;letter-spacing:-2.5px;line-height:1.5em; word-break:keep-all;font-family:"Nanum Myeongjo",serif;color:rgba(60,50,45,1);}
.introArea .mainTitle h2 span {}
.introArea .mainTitle h1 span {border-bottom:1px solid rgba(60,50,45,1);}
.introArea .mainTitle h1 {font-size:34px;letter-spacing:-2px;line-height:130%;margin:10px 0 20px;/*font-family:"Nanum Myeongjo",serif;*/color:rgba(60,50,45,1);}
.introArea .mainTitle h3 {font-size:22px}
.introArea .aboutR p {font-size:16px;color:rgba(189,163,136,.7);letter-spacing:-0.5px;line-height: 150%;}
.introArea .aboutR strong {font-weight:500;}
.introArea .subTitle {font-size:24px;letter-spacing:-1px;color:#f6843c;font-family:"Nanum Myeongjo",serif;line-height:140%; word-break:keep-all;margin:50px auto 20px;}
.introArea .subTitle span {border-bottom:1px solid #f6843c;}
.introArea .aboutLogo {position:relative;width:100%;margin:0 auto;display:inline-block;text-align:center;padding:0px 15% 0;}
.introArea .aboutLogo img {max-width:100%;}

.introArea .aboutDesc {position:relative;width:100%;margin:30px auto;display:inline-block;text-align:center;}
.introArea .aboutDesc img {max-width:100%;padding:20px;/*border:4px solid #DEE2E3;*/}

.introArea .titleCell {
	position:relative;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
	padding:0 0 60px 0;
}

.introArea .titleCell h1 {
	color:#666666;
	font-size:70px;
	font-family:"Playfair Display", serif;
	text-transform: uppercase;
	line-height:100%;
	position:relative;
}
.introArea .titleCell h2 {
	color:#666666;
	font-size:40px;
	font-family:"Playfair Display", serif ;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	text-transform: uppercase;
	margin-bottom:0px;
}
.introArea .titleCell h3 {
	color:#999999;
	font-size:20px;
	font-family:"Playfair Display", serif ;
	letter-spacing:1px;
	text-transform: uppercase;
	line-height:100%;
	position:relative;
	margin:10px 0;
}

.introArea .titleCell h4 {
	position:relative;
	letter-spacing:0px;
	color:#666666;
	font-size:26px;
	font-family:"Nanum Myeongjo", "Playfair Display", serif;
	margin:10px 0 0;
	position:relative;
}

.introArea .titleCell .lineBox {
	display:inline-block; width:1px; height:50px; margin:10px auto;
	position:relative;
	overflow:hidden;
}
.introArea .titleCell .line {
	display:block; width:1px; height:50px;
	background-color: #d9d9d9;
	position:absolute;
	left:0;
	right:0;
	bottom:0px;
}

.titleType {
	position:relative; margin:-17px 0 0px 0; text-align:center; color:#787878; font-size:34px;
	line-height:1;
	font-family: 'Playfair Display',"Nanum Myeongjo", "Oswald", "Noto Sans KR", serif;
}
.titleType.white { color:#fff }
.titleType.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:#d9d9d9 }
.titleType .dot { position:relative; display:inline-block; padding:0 25px; background-color:#fff }
.titleType .dot:before { content:''; position:absolute; top:50%; left:0; height:5px; width:5px; margin-top:-2px; background:#d9d9d9 }
.titleType .dot:after { content:''; position:absolute; top:50%; right:0; height:5px; width:5px; margin-top:-2px; background:#d9d9d9 }
.titleTypeSub { font-size:18px; color:#999; text-align:center; letter-spacing:-1px;margin:10px 0 30px }

.brandArea {margin: 10px -1.5% 0;font-size:0;}
.brandBar {background:#dedede;height:1px;margin:40px 0;content:"";display:block;clear:both;}
.brandBox {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 30.3333%;
	margin: 0px 1.5% 40px;
	background:#fff;
	vertical-align:top;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}

.articleArea.bl .brandBox {
	border:none;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}

.brandBox .txtArea { padding: 5%;vertical-align:top;}
.brandBox .imgArea { padding: 0px;vertical-align:top;}
.brandBox img {
	width:100%;box-shadow:none !important;
}
.brandBox .txtArea .brandTitle {
	display:block;
	text-align:center;
	padding:5px 0px 15px 0;
	font-size:20px;
	font-weight:normal;
	letter-spacing:0px;
	color:rgba(60,50,45,1);
	width:100%;
	line-height:120%;
}
.brandBox .txtArea .brandTitle span {
	font-family: "Playfair Display", "Oswald", "Noto Sans KR", serif;
	font-size:18px;
	line-height:160%;
	color:rgba(153,153,153,1);
}

.brandBox .txtArea .brandSlogan {
	display:none;
	color:rgba(60,50,45,1);
	font-size:20px;
	text-align:center;
	font-family:"Nanum Myeongjo", "Playfair Display", serif;
}

.brandBox .txtArea .brandDesc {
	display:block;
	font-size:15px;
	color:#999;
	padding:0px 0px 5px 0;
	width:100%;
	line-height:140%;
}
.brandBox .more {
	width: 40px;
    height: 40px;
    background:rgba(60,50,45,.4);
    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;
}
.brandBox .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.brandBox .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}
.brandBox a {display:block;position:relative;}


/* reservation */

.reserv {position:relative;padding-bottom: 0px;}
.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 .tableBox {
	border:#e5e5e5 1px solid;
	display:table;
	width:100%;
	background:#fff;
	position:relative;
}

.reserv .tableCell {
	display:table-cell;
	width: 60%;
	vertical-align:top;
	background: rgba(0,0,0,0.05);
}
.reserv .tableCell.all {
	width: 100%;
}
.reserv .tableCell .inner {padding: 40px;}
.reserv .tableCell.right {width:40%;background:#fff;}

.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(60,50,45,1);font-weight:normal;}
.reserv h2 span {border-bottom:2px solid rgba(60,50,45,1);}
.reserv h3 { font-size: 18px; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px; color:rgba(60,50,45,1);margin-top:20px;}


.reserv .infoBox { margin-top: 20px; }
.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;}

/* 비용안내 */
.guideCaption {
	padding:15px 10px 15px 0px;
	font-size:24px;
	color:rgba(60,50,45,1);
	text-align:left;
	position: relative;
}
.guideCaption::before {
    position: relative;
    font-size: 24px;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    -webkit-font-smoothing: antialiased;
    text-indent: 0px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 900;
    color: #c7a993;
    padding: 0 5px 0 0;
}

.guideBtn.rt {text-align:right;margin-bottom:-60px;}
.guideBtn.ct {text-align:center;}

.guideBtn .btnItem {
	letter-spacing:-1px;
	font-size:14px;
	text-align:center;
	border:1px solid rgba(60,50,45,1);
	background:#fff;
	position:relative;
	display: inline-block; *display: inline; *zoom: 1; width: auto;
	padding:0 50px 0 20px;
	line-height: 40px;
	margin:0 0px 10px 0;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	background:rgba(60,50,45,1);
	color:#fff;
	border:1px solid rgba(60,50,45,1);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px
}
.guideBtn .btnItem:after {
	position: absolute;
	top: 0;
	right: 16px;
	bottom: 0;
	font-size: 14px;
	font-family: 'Font Awesome 5 Free';
	content: "\f02f";
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	text-indent: 0;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 900;
}

.guideBtn.rt .btnItem {
	color:#666666;
	border:1px solid #ccc;
	background:#fff;
	z-index: 100;
}
.guideBtn a.btnItem:hover {
	background:#f6843c;
	color:#fff;
	border:1px solid #f6843c;
}

/* 3Depth tab */
#subMenuTab {
	*zoom: 1;
	border-top: 1px solid #D2D1D1;
	margin-bottom: 50px;
}

#subMenuTab:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

#subMenuTab li {
	display:inline;
	float:left;
	height:60px;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	width:50%;

	background:#eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;

}
#subMenuTab li a {
	display:block;
	height:56px;
	font-size:18px;
	line-height:60px;
	text-decoration:none;
	cursor: pointer;
}
#subMenuTab li a span {
	padding:0 20px;
	background:url('/imgs/icon/tab_off.png') no-repeat right center;
}
#subMenuTab li.on,
#subMenuTab li:focus {border-bottom:1px solid #fff;background:#fff;}
#subMenuTab li.on a	{font-weight:400;}
#subMenuTab li.on a span	{background:url('/imgs/icon/tab_on.png') no-repeat right center;}
#subMenuTab li.last	{border-right:none;}
#subMenuTab.type3 li {width:33.3333336%;}
#subMenuTab.type4 li {width:25%;}
#subMenuTab.type5 li {width:20%;}
#subMenuTab.type6 li {width:16.6666666%;}

.factSheet {
	display:table;
	width:100%;
}
.factSheet > li {
	display:table-cell;
	vertical-align:top;
}

.factSheet .factTable {
	background:#fff;
	color:#333;
	text-align:center;
	font-size:16px;
	margin: 0px auto 30px;
}

.factSheet table {width:100%;padding: 10px 5px;background:#fff;border-top: 1px solid #DEDBD9;}
.factSheet table > thead > tr > th {
	font-weight: normal;
    /*white-space: nowrap;*/
    border-bottom: 1px solid #DEDBD9;
    border-left: 1px solid #DEDBD9;
    border-right: 1px solid #DEDBD9;
    text-align: left;
	color:#333;background:#f9fbfb;
	color:#fff;background:rgba(60,50,45,.3);
    font-size: 16px;
    vertical-align: middle;
	text-align:center;
	padding:5px 10px;
}
.factSheet table > tbody > tr > th {
    border-bottom: 1px solid #DEDBD9;
    vertical-align: middle;
    border-right: 1px solid #DEDBD9;
    font-size: 16px;
	padding:10px 10px;
	text-align:center;
	font-weight:normal;
	background:rgba(60,50,45,.05);
	color:#fff;background:rgba(60,50,45,.3);
}
.factSheet table > tbody > tr > td {
    color: #555555;
    border-bottom: 1px solid #DEDBD9;
    vertical-align: middle;
    border-left: 1px solid #DEDBD9;
    font-size: 16px;
	padding:10px 10px;
	text-align:center;
}

.factSheet > li:first-child table > thead > tr > th {
	padding:24px 10px;
}
.factSheet > li table > thead > tr > th:first-child {
	border-left: none;
}
.factSheet > li table > thead > tr > th:last-child {
	border-right: none;
}
.factSheet table > tbody > tr > td:first-child {
	border-left: none;
}
.factSheet table > tbody > tr > th:last-child {
	border-right:none;
}

.factSheet > li:nth-child(n+2) table > thead > tr > th {
	border-left: 1px solid #DEDBD9;
}
.factSheet > li:nth-child(n+2) table > tbody > tr > td {
	border-left: 1px solid #DEDBD9;
}

.tableArea {margin:0px auto 30px;}
.tableArea:after {content:'';clear:both;display:table;}
.tableTit {text-align:center;position:relative;margin-bottom:-20px;}
.tableTit .item {
	color:#fff;
	background:#f6843c;
	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 #f6843c;
	-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;
}
.tableArea .tfL {
	float:left;
	width:48%;
}
.tableArea .tfR {
	float:right;
	width:48%;
}
.tableCont.outer {
	padding:40px 30px 30px;
	border:3px solid #f6843c;
	/*-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 #DEDBD9;}
.tableCont .col0 {width:10%}
.tableCont .col1 {width:20%}
.tableCont .col2 {width:20%}
.tableCont .col {width:40%}
.tableCont .col50 {width:50%}

txtR {color:#F00}
txtB {color:#06F}

.tableCont table > thead > tr > th {
	font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid #DEDBD9;
    border-left: 1px solid #DEDBD9;
    border-right: 1px solid #DEDBD9;
    text-align: left;
	color:#333;background:#f9fbfb;
	color:#fff;background:rgba(60,50,45,.3);
    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 #DEDBD9;
    vertical-align: middle;
    border-right: 1px solid #DEDBD9;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
	font-weight:normal;
	background:rgba(60,50,45,.05);
}
.tableCont table > tbody > tr > th.numbering{
	padding:10px 3px;
}
.tableCont table > tbody > tr > td {
    color: #555555;
    border-bottom: 1px solid #DEDBD9;
    vertical-align: middle;
    border-left: 1px solid #DEDBD9;
    font-size: 16px;
	padding:10px 20px;
	text-align:center;
	word-break:break-all;
	font-weight: 300;
}
.tableCont table > tbody > tr > td strong {
	font-weight:500;
}
.tableCont table > tbody > tr > td.etc:first-child {
    border-left: 0;
}
.tableCont table > tbody > tr > td.new-member:before {
	font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-weight: 900;
    padding: 0 3px 0 0;
    color: #f6843c;

}
.tableCont table > tbody td.etc	{border-bottom:none;}
.tableCont table > tbody th hr, .tableCont table > tbody td hr	{
	display: block;
	height: 1px;
    border: 0;
	margin:10px -20px;
	*margin:0px -20px;
	border-top: 1px solid #DEDBD9;
}


.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;}
.do_form_submit .captcha_box{
	background-color: #fff !important;
	border: 1px solid #ddd !important;
}
/* 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: 30%; min-width:100px;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: 29.5%; 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: 20%;min-width:70px;}
.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 { /*border-top:2px solid rgba(60,50,45,.2);*/padding: 20px 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: rgba(60,50,45,1); border-bottom: 1px solid #d3000c;}
.do_agree_check_request_anchor.noBorder {border-bottom:none;}
.do_agree_check_request_anchor:hover { color: #d3000c; cursor: pointer;}
.do_agree_check_request .icheckbox_minimal { left: -23px; }

a.btnReservation, a.confirm {
	color:#fff;
	background: #f6843c;
	border: #f6843c 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;
	transition: all 0.4s ease;
}
a.btnReservation span:before {
	font-family: "Font Awesome 5 Free";
    content: "\f4ff";
    font-weight: 900;
    padding: 0 5px 0 0;
}
a.btnReservation:hover, a.confirm:hover {
	background: #f6843c;border: 2px solid #f6843c;
	transition: all 0.4s ease;
}

a.capbtn {
	display:inline-block; height:25px;
	padding:0px 6px;*padding:0px 6px;
	font-weight:normal;
	background:#f6843c;
	color:#fff;
	border: 1px solid #f6843c;
	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(../img/btn_prev.gif) 0 0 no-repeat;}
div.ui-datepicker .ui-datepicker-next .ui-icon {right:20px; background:url(../img/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 40px;}
#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(60,50,45,1) 1px solid; }
#pageNavi span { color:#ccc;}
#pageNavi b { background:rgba(60,50,45,1); color:#fff; border: rgba(60,50,45,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(60,50,45,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:inline-block;
	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;background:#fff;}
#sOffer li a:hover {background:rgba(245,245,245,1);}
#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(60,50,45,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;vertical-align:top;}
#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:30px auto;}
.newsList {width:100%;border-top:2px solid #000;}
.newsList caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.newsList .col1 {width:6%;}
.newsList .col2 {width:72%;}
.newsList .col3 {width:11%;}
.newsList .col4 {width:11%;}
.newsList .col5 {width:11%;}

.newsList thead th {font-size:15px; color:rgba(60,50,45,1); 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:bold;font-size:12px;border-bottom:none;text-align:center;background:#F5EDE4}
.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:#67564B}
.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:bold}
.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:rgba(245,245,245,1);
	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:rgba(245,245,245,1);*/
}


#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;line-height:140%;}
#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 .dateCount .count  {margin-left:10px; padding-left:15px;  background:url("/imgs/board/bull03.png") left 50% no-repeat; }
#noticeRead .dateCount .count.first {margin-left:0px; padding-left:10px; background:none; }

#noticeRead .contArea  {padding:0px 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:840px;margin:40px auto 0;}
#noticeRead .contArea .inner {text-align:justify;}

#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:#777777; text-align:left; padding:16px 0 16px 24px; border-bottom:1px solid #dfdfdf; font-weight:normal;}
.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;}

.campaignArea {margin:0 auto;}
.campaignList {
	margin:20px -1% 0px;
	font-size:0;
	position:relative;
	/*overflow:hidden;*/
	list-style:none;
	vertical-align:top;
}
.campaignList:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.campaignList li {
	float:left;
	width:98%;
	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;
}

.campaignList li a {position:relative;display:block;background:#fff;}
.campaignList li a:hover {background:rgba(245,245,245,1);border-bottom:none !important;}

.campaignList .thumb .more {
	display: block;
	position: absolute;
	right:0; top: 0;
	width:36px; height:36px; background: url('/imgs/icon/btn_addMore.png') no-repeat;
}

.campaignList .thumb {
	vertical-align:top;
	width:100%;
	width:300px;
	display:table-cell;
}
.campaignList .thumb img {width:100%;height:auto;max-height:auto;}
.campaignList .cont {
	position:relative;
	text-align:left;
	display:table-cell;
	padding:20px 30px 20px 30px;
}
.campaignList .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;
}
.campaignList .cont .tit a, .campaignList .cont .tit a:hover {color:333;text-decoration:none}
.campaignList .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;
	max-height:50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.campaignList .cont .dateTxt {text-align:left;}
.campaignList .cont .dateTxt:after {content:"";display:block;clear:both;}
.campaignList .cont .dateTxt .dateTit {display:inline-block;font-size:14px;color:#fff;background:#cccccc;padding:2px 10px 4px; margin-right:10px;letter-spacing:-1px;}
.campaignList .cont .dateTxt .period {display:inline-block;font-size:14px;color:#999999;}


.tagNotice {
	display:inline-block;
	overflow:hidden;
	margin:0 0px;
	border:1px solid rgba(60,50,45,1);
	border-radius:3px;
	background:rgba(60,50,45,1);
	color:#fff;font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:24px;
	text-align:center;
	font-size:14px;
	width:50px;
	vertical-align:top;
}
.tagReply {
	display:inline-block;
	overflow:hidden;
	height:22px;
	margin:0 0px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:12px;
	width:40px;
	vertical-align:middle;
}

.tagAdmin {
	display:inline-block;
	overflow:hidden;
	height:22px;
	padding:0 5px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:11px;
	width:130px;
	vertical-align:middle;
}

.tagAdminRead {
	display:inline-block;
	overflow:hidden;
	height:22px;
	padding:0 5px;
	border-radius:3px;
	background:#333333;
	color:#f2f2f2 !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:10px;
	width:80px;
	vertical-align:middle;
}

.tagWrite {
	display:inline-block;
	overflow:hidden;
	height:22px;
	margin:0 10px;
	border-radius:3px;
	background:#cccccc;
	color:#fff !important;
	font-weight:normal;
	letter-spacing:-1px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:22px;
	text-align:center;
	font-size:12px;
	width:40px;
	vertical-align:middle;
}


/* 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;}

/* gallery */
#categoryTab {margin:0px -0.3% 30px;font-size:0; position:relative;overflow:hidden;list-style:none;}
#categoryTab:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}

#categoryTab li {
	border: 1px solid #c3b8b1;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width:32.133%;
	margin: 0px 0.3% 0.7%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#categoryTab.type2 li {width:49.4%;}
#categoryTab.type3 li {width:32.733%;}
#categoryTab.type4 li {width:24.4%;}
#categoryTab.type5 li {width:19.4%;}

#categoryTab li a {
	display: block; height: 40px; font-size: 15px; color: #767676; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
	line-height:40px;
}
#categoryTab li a span {display:block}
#categoryTab li.on a,
#categoryTab li:hover a {
	color:#222;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
	color:#fff;font-weight:bold;
}
#categoryTab li.on,
#categoryTab li:hover {
	background-color: #ECE6D9;
	background-color: #c3b8b1;
	background-color: #b2b2b2;
}


#galleryArea {width:100%;padding:0 0 20px}
#gallerySubArea {width:100%;padding:0 0 20px}
.gallery {display:none;margin:0 -1% 0;}
.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%;*/
	margin:0 1% 40px;

	background:#fff;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}

.gallery .gutter-sizer {width:1%;}
.gallery .galleryItem {width:30.3%;margin:0 1% 40px;}
.gallery .galleryItem {width:23%;margin:0 1% 40px;}


.gallery .noRound {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}

.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%;margin-bottom:0px;}

.gallery .galleryItem .galleryTxtbox {
	position:relative;
	z-index:2;
	width:100%;
	background:#fff url("/imgs/icon/zoom_icon.png") 96% 10px no-repeat;
	text-align:center;
	padding:10px;
}

.gallery .galleryItem .noIcon {
	background:none;
	padding:5px 10px 10px;
}

.gallery .galleryItem .galleryTxtbox .txt {position:relative;z-index:2;display:block;padding:10px 0 5px;font-weight:normal;line-height:120%;}
.gallery .galleryItem .galleryTxtbox .txt .kor {display:block;overflow:hidden;font-size:16px;color:#666666;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .galleryTxtbox .txt .eng {display:block;overflow:hidden;font-size:18px;color:#333333;letter-spacing:0px;text-overflow:ellipsis;white-space:nowrap}
.gallery .galleryItem .galleryTxtbox .txt .date {display:block;color:#bbbbbb;margin-top:5px;font-size:13px;}
.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;}



.hallVisual {position:relative;margin:0 auto;}
.hallVisual.bbsGallery {padding:0px 0px}
.hallVisual .slides img {display:block; max-width:100%;left:inherit;margin:auto auto;}

.hallVisual.noBX {padding:0px 0}
.hallVisual.noBX .slides > li {display: block;background:none;margin-bottom:50px;}
.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: 2em 0 1em;
	text-align:justify;
	text-align:center;
	line-height:22px;
}


.hallVisual.noBx .slides img {max-height:none;}
.hallVisual .bx-viewport {z-index:1;border: none !important;background:rgba(0,0,0,0.2);}
.hallVisual .bx-wrapper {
	background:rgba(0,0,0,0);
}

.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 0px 0;
	width:10px; height:10px;
	display:inline-block;
	line-height:100px;
	overflow:hidden;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.hallVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hallVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position:-10px 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;
}

/* bxslider */
.bx-wrapper img {
    margin: 0 auto;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	outline: 0;
	width: 20px;
	height: 36px;
	text-indent: -9999px;
	z-index: 199;
}

.bx-wrapper .bx-prev {
	left: 0px;
	background: url('/imgs/icon/bx_prev.png') no-repeat;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url('/imgs/icon/bx_next.png') no-repeat;
}


.companyMent {padding:20px 0 20px;text-align:center}
.companyMent h2 {font-size:22px;letter-spacing:-1px;line-height:1.5em; word-break:keep-all;color:rgba(60,50,45,1);margin:30px 0;font-weight:normal;}
.companyMent h2 span {border-bottom:1px solid rgba(60,50,45,1);}
.companyMent p {font-size:18px;font-weight:130%;color:#666666;}
.companyUnit {position:relative;margin: 60px -1% 0px;font-size:0;}
.subItemArea {position:relative;margin: 30px -1% 20px;font-size:0;}


.itemBox {
	/*float:left;*/
	display:inline-block;
	width: 23%;
	margin: 0px 1% 30px;
	background:#fff;
	vertical-align:top;
	position:relative;
	box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}
.type3 .itemBox {
	width:31.3333%;
}
.type4 .itemBox {
	width:23%;
}
.type5 .itemBox {
	width:18%;
}

.itemBox a {display:block;position:relative;}
.itemBox a:hover .more {color:#fff;background:rgba(60,50,45,1);}
.itemBox .txtArea {display:block;padding: 15px 15px 20px;vertical-align:top;}
.itemBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.itemBox img {
	width:100%;box-shadow:none !important;
}

.itemBox .more {
	width: 40px;
    height: 40px;
    background:rgba(60,50,45,.4);
    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;
}
.itemBox .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.itemBox .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}
.itemBox .itemTitle {
	text-align:center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.itemBox h3 {
	font-size:24px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:300;
	line-height:1.4;
	display:inline-block;
}
.itemBox .txtArea h4 {
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.5px;
	display:inline-block;
	color:#666;
	vertical-align:bottom;
	margin:0 0 3px 6px;

}
.itemBox .txtArea p {
	line-height:140%;
	color:#787878;
	overflow:hidden;
	display:inline-block;
	font-size:16px;
	margin:15px 0px 0;
	min-height:42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-align:center;
}
.itemBox .link {margin-top:15px;text-align:right;}
.link .more:hover { background:#121212; }

.itemBox.mainUnit1 {width:23%}
.itemBox.mainUnit2 {width:46%}
.itemBox.mainUnit3 {width:25%;box-shadow:none;}

.companyArea {position:relative;margin: 20px -0.2% 0px;font-size:0;}
.companyBox {
	display:inline-block;
	width: 32.9333%;
	margin: 0px 0.2% 30px;
	background:#fff;
	vertical-align:top;
	position:relative;
	background:#f6843c;
	background:rgba(105,90,80,1);
	/*border:1px solid rgba(0,0,0,0.1);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);*/

}
.companyBox .txtArea {display:block;padding: 25px 15px 20px;vertical-align:top;text-align:center;}
.companyBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.companyBox img {
	width:100%;box-shadow:none !important;
}

.companyBox .itemTitle {
	text-align:center;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.companyBox h3 {
	font-size:22px;
	font-weight:400;
	line-height:1.4;
	display:block;
	color:rgba(255,255,255,1);
}
.companyBox .txtArea p {
	line-height:140%;
	color:rgba(255,255,255,.6);
	font-size:16px;
	margin:15px 0px 0;

}

.companyBox .contactBox {
	margin:20px auto 10px;
	letter-spacing:0px;
	color:rgba(255,255,255,1);
	background:rgba(33,28,26,1);

	display:inline-block;
	width:200px;
	font-size:16px;
	padding:6px 10px 8px 20px;
	display: block;
	text-align:center;
	position:relative;
	-webkit-border-radius: 47px; -moz-border-radius: 47px; border-radius: 47px
}

.companyBox .contactBox.noneLink:after {
	display:none;
}

.companyBox .contactBox:hover {
	color:rgba(33,28,26,1);
	background:rgba(255,255,255,1);
}
.companyBox .contactBox.noneLink:hover {
	color:rgba(255,255,255,1);
	background:rgba(33,28,26,1);
}

.weddingAdd {
	/*float:left;*/
	display:inline-block;
	width: 21%;
	margin: 0px 2% 40px;
	background:rgba(60,50,45,0);
	vertical-align:top;
	position:relative;
	/*box-shadow: 1px 3px 10px rgba(0,0,0,0.1);*/
}
.type2 .weddingAdd {
	width:46%;
}
.type3 .weddingAdd {
	width:29.3333%;
}
.type4 .weddingAdd {
	width:21%;
}
.type5 .weddingAdd {
	width:16%;
}

.weddingAdd a {display:block;position:relative;}
.weddingAdd a:hover .more {color:#fff;background:#f6843c;}
.weddingAdd .txtArea {display:block;padding: 15px 0px 20px;vertical-align:top;}
.weddingAdd .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}

.weddingAdd img {
	width:100%;box-shadow:none !important;
}
.weddingAdd .videoBtn{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	background:url("/imgs/icon/videoPlayBtn2.png") center center no-repeat;
}

.weddingAdd .more {
	width: 40px;
    height: 40px;
    background:rgba(189,163,136,.4);
    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;
}
.weddingAdd .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.weddingAdd .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}
.weddingAdd .itemTitle {
	text-align:center;

}
.weddingAdd .itemTitle.tLeft{
	text-align:left;
}
.weddingAdd h3 {
	font-size:22px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:normal;
	line-height:1.4;
	display:inline-block;
	color:rgba(60,50,45,1);
}

.weddingAdd h4 {
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.5px;
	display:block;
	color:#999;
	vertical-align:bottom;
	margin:0 0 0px 0px;
}

.weddingAdd .txtArea p {
	line-height:150%;
	color:rgba(60,50,45,.8);
	font-size:16px;
	margin:15px 0px 0;

	overflow:hidden;
	min-height:42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.weddingAdd .txtArea p br {
	display:none;
}

#page.wedding .weddingAdd h3 {
	color:rgba(248,216,184,1);
}

#page.wedding .weddingAdd .txtArea p {
	color:rgba(248,216,184,.6);
}

#mediaArea .weddingAdd .txtArea h3,
#mediaArea .weddingAdd .txtArea p {
	color:rgba(209,182,147,1);
}

#mediaArea.bright .weddingAdd .txtArea h3,
#mediaArea.bright .weddingAdd .txtArea p {
	color:#f6843c;
}


/* contact */
.locationArea {padding:0px 0 100px}
.contact {}
.contact .addr {text-align:center;margin-bottom:30px;}
.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 .locationBox {/*border:#c3b8b1 1px solid;*/margin-top: 40px; display:table;background:#fff;border:#e5e5e5 1px solid;}
.contact .locationBox:after {content: "";height: 0;display: block;clear: both;}

.contact .contactL { float:none !important; display:table-cell; width: 50% !important;}
.contact .contactL .inner { padding: 40px;}

.contact .contactR { float:none !important; display:table-cell; width: 50% !important; background: rgba(245,245,245,1);}
.contact .contactR .inner { padding: 40px;}


.contact .hName { position: relative; padding-bottom:10px;}
.contact h2 { font-size: 26px !important;font-weight: normal !important; letter-spacing: .0em; margin-top:0px;text-indent:-4px !important;color:#333 !important;margin-bottom:10px;}
.contact h2 { font-family: 'Nanum Myeongjo', serif !important;line-height:1 !important;}
.contact h3.en { font-size: 16px !important; font-weight: normal; letter-spacing: .0em; line-height:1 !important;margin-bottom:10px;}
.contact h3.kr { font-size: 25px !important; 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-top: 30px; }
.contact .infoBox.telEmail {display:inline-block; width:40%;}
.contact .infoBox h4.category-en { font-size: 20px; font-weight: normal; letter-spacing: .05em; /*text-transform: uppercase;*/}
.contact .infoBox h4.category-kr { font-size: 14px; 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: 10px 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:10px;}
/* 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.subway li.none {list-style:none;margin-left: -1.2em; }
.contact .infoBox ul.subway li.red {color:#CC0000;}

.contact .infoBox ul.subwayDesc { margin: 10px 0 10px; 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(60,50,45,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: rgba(60,50,45,1); }

.contact .caution { padding:10px 20px; background:#fff; border:2px solid #C5BCBA;}
.contact .caution h4.category-en { font-size: 18px; font-weight: normal; letter-spacing: 0em;}
.contact .caution ul.disc { margin: 5px 0 15px; padding: 0; list-style: disc !important; padding-left: 1.4em;}

.subwayProcess {line-height:130%;margin-top:50px;}
.subwayProcess ul {vertical-align:top;font-size:0;}
.subwayProcess ul li {display:inline-block;width:50%;background:none; margin:0 0 20px 0;vertical-align:top;}
.subwayProcess .img {width:130px;float:left;}
.subwayProcess .img img {width:100%;max-width:100%;}
.subwayProcess .ment {margin-left:145px;font-size:15px;}
.subwayProcess ul li:nth-child(2n+0) {padding-left: 20px; }

.subwayProcess p {color:rgba(60,50,45,1); font-size:18px;font-weight:500;}

.mapDiv {margin-top:0px;max-width:99.6%;min-width:99.6%;height:500px;border: #dddddd 1px solid; }

/* Alliance */
.allianceBox {display:block; position:relative;text-align:left;font-size:0;}
.allianceBar {background:#DBDBDB;height:1px;margin-bottom:40px;content:"";display:block;clear:both;}
.allianceLeft {float:left;width:220px;padding:10px 15px;height:200px;border:10px solid #d4d4d4;}
.aliianceRight {
	width:auto;
	margin-left:280px;
	position: relative;
    min-height: 1px;
}

/*.allianceTitle {color:#333;font-size:20px;font-weight:bold;line-height:26px;margin:30px 0 20px;letter-spacing:-1px;background:url('/imgs/icon/blt2.gif') no-repeat 0 10px;padding-left:15px;}*/
.allianceTitle {color:#444444;font-size:22px;letter-spacing:0px;background:url('/imgs/icon/ico_arrow.png') no-repeat 0 8px;padding-left:25px;}
.allianceTitle {background:none;padding-left:0px;font-weight:normal;line-height:120%;}

.allianceTitle img {vertical-align:top;*margin-top:3px;}
.allianceList {position:relative;display:block;margin:0 -1% 0;font-size:0; overflow:hidden;list-style:none;*zoom:1;}
.allianceList:after {content:"";display:block;clear:both;}
.allianceList li {
	display:inline-block;
	position:relative;
	/*float:left;*/
	width:31.33333%;
	margin:0 1% 40px;
	border:1px solid #DBDBDB;
	vertical-align:top;
}

.allianceList.type4 li {
	width:23%;
}
#brandItem {position:relative;display:block;width:100%;}
#brandItem img {width:100%;max-width:100%;}
#brandItemTxt {position:relative;padding:10px 15px 15px 15px;}
#brandItemTxt .brandName {display:block;margin:0 3px 10px 0;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;line-height:1.4;}
#brandItemTxt .brandName .kor {display:block;font-size:16px;font-weight:normal;letter-spacing:0px;}
#brandItemTxt .brandName .eng {display:block;font-size:14px;font-weight:300;color:#999}
#brandItemTxt .brandAddr {padding-left:20px;font-size:14px;letter-spacing:0px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px 0px;line-height:20px;}
#brandItemTxt .brandTel {padding-left:20px;font-size:14px;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -20px;line-height:20px;font-weight:300;}
#brandItemTxt .brandLink {padding-left:20px;font-size:14px;background:url(/imgs/icon/ico_alliance.png) no-repeat 0px -40px;letter-spacing:-1px;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;line-height:20px;font-weight:300;}
#brandItemTxt .brandLink a {color:#53463E;letter-spacing:0px;text-decoration:underline;}
#brandItemTxt .brandLink a:hover, #brandItemTxt .brandLink a:focus {color:#3A312C;text-decoration:underline;}

#brandItemTxt .brandGallery {
	letter-spacing:0px;
	font-size:14px;
	text-align:center;
	position:relative;
	display: block; width: auto;
	padding:0 30px 0 30px;
	line-height: 40px;
	margin:15px 0px 0px 0;
	font-weight:normal;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	background:rgba(60,50,45,1);
	color:#fff;
	border:1px solid rgba(60,50,45,1);
}
#brandItemTxt .brandGallery:after {
	position: absolute;
	top: 0; right: 10px; bottom: 0;
	font-family: 'themify';
	 font-size: 16px; content: "\e611";
	line-height:40px;
	 -webkit-font-smoothing: antialiased; text-indent: 0; -moz-osx-font-smoothing: grayscale;
	 font-weight:normal;
}
#brandItemTxt .brandGallery:hover {
	color:rgba(60,50,45,1);
	border:1px solid #81736d;
	background:#fff;

}

#weddingVisual {position: relative; overflow: hidden; height:100%;margin-bottom:40px;min-height:90%;max-height:90% !important;background:rgba(0,0,0,1);}
#weddingVisual.fix {margin-top:80px}
#weddingVisual .bx-viewport, .bx-wrapper {
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;

	background:rgba(0,0,0,1);
}
#weddingVisual .weddingVisualImage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;

}
#weddingVisual .weddingVisualImage, .weddingVisualImage li{
    height: 100% !important;
}
#weddingVisual .weddingVisualImage li{
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
}
#weddingVisual .weddingVisualImage.v2 li {
	background-position: center 0;
}
#weddingVisual .bx-wrapper .bx-viewport{
    border: none !important;
}

#weddingVisual .bx-wrapper .bx-controls {
	position:absolute;
    left:50%; bottom:20px;
    z-index: 110;
}


#weddingVisual .bx-wrapper .bx-pager {position:relative;text-align:center;}
#weddingVisual .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:0px 1px 0;
}

#weddingVisual .bx-wrapper .bx-pager.bx-default-pager a {
	width:50px;
	height:5px;
	margin:0;
	background:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:1px solid rgba(255, 255, 255, .7);
	border-radius:0;
}

#weddingVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#weddingVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:none #fff;
}

#weddingVisual .bx-wrapper .bx-controls-auto {position:absolute; z-index: 60; right:20px; width: 32px;bottom:15px;}
#weddingVisual .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#weddingVisual .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 14px;
	outline: 0;
	background: url(/imgs/main/btn_play.png) no-repeat;
}

#weddingVisual .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 14px;
	outline: 0;
	background: url(/imgs/main/btn_stop.png) no-repeat;
}

/* 섬네일 슬라이드 */
.pagerThumb {width:auto;height:30px !important;position:relative;margin:30px auto 0px !important;;background:none !important;}
.pagerThumb .bx-viewport {
    position:relative;
    width:100%;
    height:30px !important;
    margin:0 auto;
	background:none !important;
}
.pagerThumb .bx-thumb {clear:both; height:50px;}
.pagerThumb .bx-thumb a {
	position:relative;
	width:30px !important;
	height:30px !important;
	border:3px solid rgba(248,216,184,1);
	display:block; overflow:hidden;
}
.pagerThumb .bx-thumb a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-animation: scale .5s ease-in-out forwards;
	-moz-animation:    scale .5s ease-in-out forwards;
	-o-animation:      scale .5s ease-in-out forwards;
	animation:         scale .5s ease-in-out forwards;
}
.pagerThumb .bx-thumb a:first-child {}
.pagerThumb .bx-thumb a img {width:100%;height:100%;}
.pagerThumb .bx-thumb a:after {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.0); display:block; content:"";overflow:hidden;}
.pagerThumb .bx-thumb a.active {border:3px solid rgba(255,255,255,1);}
.pagerThumb .bx-thumb a.active:after {background:none;}
.pagerThumb .bx-pager {display:none;}

@-webkit-keyframes scale {
	0% {
		transform:scale(0);
	    -ms-transform: scale(0);
    	-webkit-transform: scale(0);
	}
	100% {
		transform:scale(1.0);
		-ms-transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
@-moz-keyframes scale {
  	0% {
		transform:scale(0);
	    -ms-transform: scale(0);
    	-webkit-transform: scale(0);
	}
	100% {
		transform:scale(1.0);
		-ms-transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
@-o-keyframes scale {
  	0% {
		transform:scale(0);
	    -ms-transform: scale(0);
    	-webkit-transform: scale(0);
	}
	100% {
		transform:scale(1.0);
		-ms-transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
@keyframes scale {
 	0% {
		transform:scale(0);
	    -ms-transform: scale(0);
    	-webkit-transform: scale(0);
	}
	100% {
		transform:scale(1.0);
		-ms-transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

#subVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:70;
	-webkit-animation: fade 2s ease-out forwards;
	-moz-animation:    fade 2s ease-out forwards;
	-o-animation:      fade 2s ease-out forwards;
	animation:         fade 2s ease-out forwards;
}

@-webkit-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .4; }
}
@-moz-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .4; }
}
@-o-keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .4; }
}
@keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: .4; }
}


#weddingVisual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:70;
}

#weddingVisual .visualCover2 {
	background:rgba(0,0,0,.2);
}

#weddingVisual .visualTit {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
}
#weddingVisual .visualTit .weddingVisualTitleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:20px 0 0;
}
#weddingVisual .visualTit .weddingVisualTitleBox .titleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

#weddingVisual .visualTit .weddingVisualTitleBox .bottomCell {
	position:absolute;
	display:table;
	width:100%;
	left:0px;
	bottom:160px;
}

#weddingVisual .visualTit .weddingVisualTitleBox h1 {
	color:rgba(255,255,255,1);
	font-size:64px;
	font-family: "Playfair Display", "Oswald", "Noto Sans KR", serif;
	/*text-transform: uppercase;*/
	letter-spacing:-1px;
	font-weight:300;
	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;
	padding:10px 0 15px;
}
#weddingVisual .visualTit .weddingVisualTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:30px;
	font-family: "Noto Sans KR", serif;
	letter-spacing:0px;
	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;
	/*text-transform: uppercase;*/
}
#weddingVisual .visualTit .weddingVisualTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:20px;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	line-height:120%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	display:none;
}

#weddingVisual .visualTit .weddingVisualTitleBox .contactBox {
	letter-spacing:0px;
	border:3px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	width: 160px;
	margin:0 auto;
	font-size:16px;
	padding:10px 30px 10px 10px;
	display: block;
	font-weight:normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position:relative;
	-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px
}
#weddingVisual .visualTit .weddingVisualTitleBox .contactBox:after {
	position: absolute; top: 6px; right: 15px; display: block; font-size: 20px; font-family: 'themify'; content: "\e663"; content: "\e65f";  font-weight: normal;
}

#weddingVisual .visualTit .weddingVisualTitleBox .contactBox:hover {
	color:rgba(0,0,0,1);
	background:rgba(255,255,255,1);
}

#weddingVisual .visualTit .weddingVisualTitleBox .lineBox {
	display:inline-block; width:1px; height:50px; margin:10px auto 10px;
	overflow:hidden;
}
#weddingVisual .visualTit .weddingVisualTitleBox .line {
	display:block; width:1px; height:0px;
	background-color: rgba(255,255,255,1);
}

#weddingArea {padding:0px 0 50px;/*background:rgba(60,50,45,1);*/text-align:justify;}
#weddingArea {padding:20px 0 80px;}
#weddingArea .container {position:relative;width:100%;}

/*#weddingArea .contentL{display:table-cell;width:36%;position:relative;vertical-align:top;font-size:0;}
#weddingArea .contentM{display:table-cell;width:4%;position:relative;vertical-align:top;}
#weddingArea .contentR{display:table-cell;width:64%;position:relative;vertical-align:top;font-size:0;}*/
#weddingArea .contentL{display:table-cell;float:left;width:32%;position:relative;vertical-align:top;}
#weddingArea .contentL2{display:table-cell;float:left;width:32%;position:relative;vertical-align:top;}
#weddingArea .contentR{display:table-cell;float:right;width:64%;position:relative;vertical-align:top;}
#weddingArea .contentLR{display:block;float:left;width:100%;position:relative;vertical-align:top;}

/*#weddingArea .imgContainer2 .contentL{display:table-cell;float:left;width:40%;position:relative;vertical-align:top;margin-bottom:40px;}
#weddingArea .imgContainer2 .contentL2{display:table-cell;float:right;width:54%;position:relative;vertical-align:top;}
#weddingArea .imgContainer2 .contentR{display:table-cell;float:left;width:100%;position:relative;vertical-align:top;padding-bottom:60px;}*/

#weddingArea .imgContainer2 .contentL{float:right;}
#weddingArea .imgContainer2 .contentL2{float:right;}
#weddingArea .imgContainer2 .contentR{float:left;}

#weddingArea .foodMenu {position:relative;margin:50px auto 0;}
#weddingArea .foodMenu img {width:100%;margin-bottom:20px;}
#weddingArea .pagination-block{
	height: 40px;
}
#weddingArea .pagination-block .swiper-pagination-bullet {
      width: 15px;
      height: 15px;
      opacity: 1;
      background-color: #fff;
      border: 3px solid #555;
      border-radius: 15px;
    }
#weddingArea .pagination-block .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #555;
}
#weddingArea .contentL h1 {
	font-size:64px;
	font-family:"Playfair Display","Oswald", "Noto Sans KR", serif;
	font-weight:400;
	font-family:"Oswald", "Noto Sans KR", serif;
	line-height:100%;
	font-weight:300;
	position:relative;
	color:rgba(60,50,45,1);
	letter-spacing:-1px;
	margin-bottom:30px;
}
#weddingArea .contentL h1.intro{
    font-family: "Noto Sans KR", serif;
    font-weight: 500;
    letter-spacing: -4px;
}
#weddingArea .contentL h2 {
	font-size:28px;
	font-family: "Oswald", "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	color:rgba(209,182,147,1);
	color:rgba(60,50,45,1);
	margin-bottom:5px;
}
#weddingArea .contentL h3, #weddingArea .contentLR h3 {
	font-size:24px;
	line-height:140%;
	position:relative;
	font-family:"Nanum Myeongjo","Noto Sans KR", serif;
	color:rgba(209,182,147,1);
	color:rgba(60,50,45,1);
	letter-spacing:-1px;
}

#weddingArea .contentL .summarySub {
	font-size:18px;
	line-height:140%;
	color:rgba(60,50,45,.8);
	margin-top:5px;
}


#page.wedding #weddingArea .contentL h1 {
	color:rgba(209,182,147,1);
}
#page.wedding #weddingArea .contentL h2 {
	color:rgba(209,182,147,1);
}
#page.wedding #weddingArea h3 {
	color:rgba(209,182,147,1);
}

#page.wedding #weddingArea .contentL .summarySub {
	color:rgba(209,182,147,.6);
}


#weddingArea .contentL2 .hallDesc {
	line-height:140%;
	position:relative;
	color:#999;
	margin:30px 0 20px;
	font-size:16px;
}

#weddingArea .contentL2 .hallDesc .tit {
	display:block;
	background:url('/imgs/icon/blt2.gif') no-repeat 0 center;
	padding-left:3px;
	color:rgba(0,0,0,1);
	font-size: 14px;
	letter-spacing: 0px;
	line-height:24px;
}
#weddingArea .contentL2 .hallDesc .tit::before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    -webkit-font-smoothing: antialiased;
    text-indent: 0px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 900;
    padding-right:3px;
    color: rgba(60,50,45,.85);
}
#weddingArea .contentL2 .hallDesc .tit span {margin:0;color:rgba(60,50,45,1);font-weight:normal;text-decoration:underline;}
#weddingArea .contentL2 .hallDesc .tit span.titSpan {margin:0 40px 0 10px;text-decoration:none;}
#weddingArea .contentL2 .hallDesc .pDesc {margin:10px 0 15px;font-size:16px;color:rgba(60,50,45,1);line-height:150%;letter-spacing:0px;}
#weddingArea .contentL2 .hallDesc .pDesc  strong {
	font-family: "Oswald", "Noto Sans KR", serif;
	font-weight: 500;
	font-size: 20px;
}
#weddingArea .contentL2 .hallDesc p {margin:25px 0 0 5px;padding:0 0 0 10px;font-size:12px;color:#69524C;background:url('/imgs/icon/ico_arrow.png') no-repeat left 5px;font-weight:bold;letter-spacing:0px;line-height:16px;}

#page.wedding #weddingArea .contentL2 .hallDesc .tit {
	background:url('/imgs/icon/blt2.png') no-repeat 0 center;
	color:rgba(255,255,255,1);
}
#page.wedding #weddingArea .contentL2 .hallDesc .tit span {color:rgba(209,182,147,1);}
#page.wedding #weddingArea .contentL2 .hallDesc .pDesc {color:rgba(209,182,147,1);}

#weddingArea .contentR img {width: 100%;display:block !important;}

/*#weddingArea .itemArea {position:absolute;bottom:0px;display:block;;width:32%;font-size:0;}
#weddingArea .itemArea {position:absolute;top:100%;display:block;;width:100%;font-size:0;}*/
#weddingArea .itemArea {position:relative;bottom:0px;display:block;;width:100%;font-size:0;margin:30px auto;text-align:left;}
#weddingArea .itemArea li {
	display: inline-block; *display: inline; *zoom: 1;
	width:31.33333%;
	position:relative;
	margin-right:2%;
	min-width:90px;
	max-width:140px;
}
#weddingArea .itemArea li:last-child {
	margin-right:0;
}
#weddingArea .itemArea li a{
	display:block;
	width:100%;
	height:120px;
	background:#69d3ff;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px ;
}

#weddingArea .itemArea li a.on,
#weddingArea .itemArea li a:hover {
	background:rgba(248,216,184,1);
}
#weddingArea .itemArea li a .tit{
	color:#fff;
	position:absolute;
	bottom:10px;
	right:14px;
	font-weight:500;
	font-size:18px;
}


#weddingArea .slideBox {
	position:relative;
	overflow:hidden;
}

#weddingArea .slideBox .logo {
	position:absolute; right:0; top:0px; padding:20px; z-index:50;text-align:right;
}
#weddingArea .slideBox .logo img {width:auto !important;}
/*#weddingArea .slideBox .slides > li:nth-child(n+2) {display:none;} */
#weddingArea .slideBox .slides {
	overflow:hidden;
	max-height: 540px;
}

#weddingArea .slideBox .bx-wrapper {
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
	padding:0 0 50px;
	background:none;
}
#weddingArea .slideBox .bx-wrapper .bx-viewport{
    position:relative;
    width:100%;
    top:0;
    left:0;
	bottom:0;
	right:0;
	background:none;

}


#weddingArea .slideBox .bx-controls-direction a {
	width: 50px;
    height: 50px;
    background: rgba(255,255,255,1);
    position: absolute;
    opacity: 1;
    border-radius: 0;
	/*margin-top:-22px;*/
	text-indent:-9999px;
	border:1px solid rgba(52,35,35,1);
}
#weddingArea .slideBox .bx-controls-direction a:after {
	content: '';
    position: absolute;
    border-top: 2px solid rgba(52,35,35,1);
    border-left: 2px solid rgba(52,35,35,1);
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
    left: 20px;
}
#weddingArea .slideBox .bx-controls-direction a.bx-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 13px;
}
#weddingArea .slideBox .bx-controls-direction a:hover {
    background:rgba(78,59,59,1);


}
#weddingArea .slideBox .bx-controls-direction a:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

#weddingArea .slideBox .bx-prev {top:auto !important;left:auto !important;bottom:60px !important;right:70px !important;}
#weddingArea .slideBox .bx-next {top:auto !important;bottom:60px !important;right:10px !important;}

#weddingArea .slideBox .bx-wrapper .bx-pager {
	position:absolute;
	width:100%;
    bottom:0px;
    z-index: 110;
	text-align:center;
	padding:0 10px;
	font-size:0;
}
#weddingArea .slideBox .bx-wrapper .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:3px;

}

#weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a {
	width:12px; height:12px;
	margin:0;
	background:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:2px solid rgba(60,50,45,.7);
	border-radius:12px;

}

#weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
#weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:none rgba(60,50,45,1);
}

#weddingArea .slideBox img {display:block; max-width:100%;width: 100%;margin: 0 auto;}

#weddingArea .contentL .slideBox a:after {
    border-top: 2px solid rgba(100,60,42,1);
    border-left: 2px solid rgba(100,60,42,1);
}
#weddingArea .contentL .slideBox .bx-controls-direction a:hover {
    background: #d6a28a;
}
#weddingArea .contentL .slideBox .bx-prev {top:64px !important;left:auto !important;right:10px !important;}
#weddingArea .contentL .slideBox .bx-next {top:10px !important;left:auto !important;right:10px !important;}

#weddingArea .boxTit {position:relative;text-align:center;margin:40px auto 40px;}
#weddingArea .boxTit .tit {display:inline-block; font-family:"Oswald","Noto Sans KR",serif;/*"Playfair Display", */color:#fff; padding:10px 30px; font-size:18px; background:#b5b5b5; position:relative; z-index:2;}
#weddingArea .boxTit .line {position:absolute; left:0; width:100%; height:1px; background:#cccccc; top:50%;}

#page.wedding #weddingArea .boxTit .tit {background: rgba(60,50,45,1);}
#page.wedding #weddingArea .boxTit .line {background:rgba(209,182,147,.3);}

#page.wedding #weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a {
	border:2px solid rgba(245,217,189,.7);
}

#page.wedding #weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
#page.wedding #weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:none rgba(245,217,189,1);
}

#weddingArea .slideBox .imgCaption, #weddingArea .slideMBox .imgCaption {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	top:20px;
	text-align:left;
}

#weddingArea .slideBox .imgCaption h4, #weddingArea .slideMBox .imgCaption h4 {
	border-radius: 0px 20px 20px 0;
    padding: 10px 20px 10px 20px;
    font-size: 17px;
    /*font-weight: normal;*/
    line-height: 110%;
	letter-spacing:0px;
	background-color:rgba(0,0,0,.6);
	color: rgba(255,255,255,1);
}

/* 모바일 스크롤식 */
#weddingArea .slideMBox {
	position:relative;
}

#weddingArea .slideMBox .logo {
	display:none;
}

#weddingArea .slideMBox .slides > li{
	position:relative;
	margin:0 auto 20px;
}

#mediaArea {background:rgba(60,50,45,1);padding:40px 0 40px;width:100%;margin:0 auto;/*max-width:1400px;*/}
#mediaArea #mainHead {margin:0px auto 0px;}
#mediaArea #mainHead h1 .dot {background: rgba(60,50,45,1);}
#mediaArea #mainHead h1 {
	color:rgba(209,182,147,1);
	font-weight:400;
	font-size: 40px;
}
#mediaArea #mainHead h2 {
	color:rgba(209,182,147,1);
}
#mediaArea #mainHead h3 {
	color:rgba(209,182,147,1);
	margin-top:20px;
}

#mediaArea #mainHead h1.line:before { background:rgba(209,182,147,.3); }
#mediaArea #mainHead h1 .dot:before { background:rgba(209,182,147,.3);}
#mediaArea #mainHead h1 .dot:after {background:rgba(209,182,147,.3);}

#mediaArea.bright {background:rgba(245,240,240,1);background:rgba(245,245,245,1);}
#mediaArea.bright #mainHead h1 .dot {background:rgba(245,240,240,1);background:rgba(245,245,245,1);}
#mediaArea.bright #mainHead h1 {
	color:rgba(60,50,45,1);
}
#mediaArea.bright #mainHead h2 {
	color:rgba(60,50,45,1);
}
#mediaArea.bright #mainHead h3 {
	color:rgba(60,50,45,1);
}

#mediaArea.bright #mainHead h1.line:before { background:rgba(60,50,45,.5); }
#mediaArea.bright #mainHead h1 .dot:before { background:rgba(60,50,45,.5);}
#mediaArea.bright #mainHead h1 .dot:after {background:rgba(60,50,45,.5);}
/*
#videoArea {
	position:absolute;
	left:0%; top:0%;
	width:100%; height:100%;
	overflow:hidden;
	z-index:80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#videoArea video {
	display: block;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	pointer-events: none;
	min-width: 100%;
	height: auto; min-height: 100%;
	position: absolute;
	top: 50%; left: 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%);
}

#videoCtrl {
	position:absolute;
    bottom:40px;
    z-index: 110;
	margin:0 auto;
	width:120px;
	padding:0px 30px;
	display:none;
}
#videoCtrl h4 {
	color:rgba(120,90,55,1);
	display:block;
	font-family:"Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:150%;
}
#videoCtrl .videoTitle, #videoCtrl .photoTitle {
	display:none;
}
#videoCtrl .ctrl {
	display:block;
	margin-bottom:4px;
	vertical-align:middle;
}
#videoCtrl .soundSet {
	display:inline-block;
}
#videoCtrl .sound-play{
	display:inline-block;
	cursor:pointer;
}
#videoCtrl .sound-pause{
	display:none;
	cursor:pointer;
}
#videoCtrl .video-play{
	display:inline-block;
	cursor:pointer;
}
#videoCtrl .video-pause{
	display:none;
	cursor:pointer;
}
#videoCtrl .video-play, #videoCtrl .video-pause {

	position:relative;
}
#videoCtrl .video-play img, #videoCtrl .video-pause img {
	width:60px;
}
#videoCtrl .video-pause{
	display:none;
	cursor:pointer;
}*/
/*#visualArea .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	z-index:85;
	webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

#visualArea .visualCover.on {
	background:rgba(0,0,0,.2);
}*/


.cautionArea {margin:60px auto 20px;}
.cautionArea.left {
	/*position:absolute;bottom:0px;display:block;;width:32%;font-size:0;margin:0px;*/
	position:relative;bottom:0px;display:block;;width:100%;font-size:0;margin:30px auto 20px;text-align:left;
}
.cautionTit {text-align:center;position:relative;margin-bottom:-20px;}
.cautionTit .item {
	color:rgba(120,90,55,1);
	background:#fff;
	display: inline-block; *display: inline; *zoom: 1;
	width: auto;

	text-align: center;
	font-size: 20px;
	letter-spacing:0;
	position: relative;
	font-weight:normal;
	padding: 0 20px 0 20px;
	line-height: 40px;
	-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;

	color:#f6843c;
	border:3px solid #f6843c;

	color:rgba(63,63,63,1);
	border:3px solid rgba(230,224,208,1);
	border:3px solid rgba(230,224,208,1);
}
.cautionArea ul {
	padding:30px 30px 20px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	text-align:center;
	background:#f6843c;
	color:#fff;

	background:rgba(230,224,208,1);
	background:rgba(255,248,244,1);
	background:rgba(230,224,208,1);
	color:rgba(63,63,63,1);
}
.cautionArea ul>li { position:relative; padding-left:12px; font-size:20px;margin:5px 0;line-height:150%;}
.cautionArea ul>li.strike {text-decoration:line-through;}
/*.cautionArea ul>li:before { content:""; display:block; position:absolute; top:12px; left:0; width:4px; height:4px; background-color:#fff;}*/
.cautionArea ul>li span.yellow {color: #ff3333;font-weight:600;}

.cautionArea.ment .cautionTit .item {
	color:rgba(255,255,255,1);
	background:#f6843c;
}
.cautionArea.ment ul {
	background:rgba(255,255,255,1);
	color:#f6843c;
	border:3px solid #f6843c;
}
.cautionArea.event {margin:-20px auto 70px;margin:70px auto 0px;}
.cautionArea.event .cautionTit {margin-bottom:-25px;}
.cautionArea.event .cautionTit .item {
	font-size: 25px;
	padding: 0 30px;
	line-height: 50px;
	-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	background:#f6843c;
	border:3px solid #f6843c;
	background:rgba(255,255,255,1);
	color:rgba(120,90,55,1);
	border:3px solid rgba(120,90,55,1);
	color:#f6843c;
	color:rgba(160,70,140,1);
	background:rgba(255,255,255,1);
	border:3px solid rgba(250,230,240,1);

	color:#f6843c;
	border:3px solid #f6843c;
}
.cautionArea.event ul {
	padding:40px 30px 30px;
	background:rgba(120,90,55,1);
	color:rgba(255,255,255,1);
	background:rgba(250,230,240,1);
	background:rgba(250,230,240,1);
	color:rgba(160,70,140,1);
	/*border:3px solid rgba(250,230,240,1);*/

	background:#f6843c;
	color:#fff;
}
.cautionArea.event ul>li {
	font-size:30px;
	font-weight:500;
	line-height:140%;
}

.titleLine {
	position:relative; margin:40px auto 0;padding:20px 0 20px 0; text-align:center; color:#333;
	font-size:26px;
	letter-spacing:-1px;
	line-height:1.4;
	font-family: "Oswald", "Noto Sans KR", serif;
}

.titleLine.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:#d9d9d9 }
.titleLine .dot { position:relative; display:inline-block; padding:0 25px; background-color:#fff }
.titleLine .dot:before { content:''; position:absolute; top:50%; left:0; height:7px; width:7px; margin-top:-3px; background:#d9d9d9 }
.titleLine .dot:after { content:''; position:absolute; top:50%; right:0; height:7px; width:7px; margin-top:-3px; background:#d9d9d9 }

.titleLine.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(60,50,45,.4) }
.titleLine .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
.titleLine .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(60,50,45,.4);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.titleLine .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(60,50,45,.4);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }

#photoSet {padding:0px 0 30px;}
#chefArea {padding:0px;}
#chefArea .bg {width:100%;display:block;background: rgba(230,224,208,1);height:360px;position:absolute;z-index:-1;}
#chefArea .chefContainer {
	width:100%;
	max-width: 1400px;
	margin:0 auto;
	padding:80px 0 40px;
}

#chefArea .chefContainer > li {float:left;vertical-align:top;width:50%;padding:0 30px;}
#chefArea .chefContainer > li.right {float:right;}
#chefArea .chefContainer > li img {width:100%;}
#chefArea h1 {
	font-size:64px;
	font-family:"Nanum Myeongjo",serif;
	line-height:100%;
	font-weight:400;
	position:relative;
	color:rgba(60,50,45,1);
	letter-spacing:-1px;
}
#chefArea h1 span {
	font-size:20px;
	font-family:"Noto Sans KR", serif;
	line-height:100%;
	font-weight:400;
	letter-spacing:0px;
}
#chefArea h2 {
	font-size:28px;
	font-family: "Playfair Display","Nanum Myeongjo", serif;
	letter-spacing:0px;
	line-height:100%;
	position:relative;
	color:rgba(209,182,147,1);
	color:rgba(60,50,45,1);
	margin-bottom:20px;
}
#chefArea h3 {
	font-size:24px;
	line-height:140%;
	position:relative;
	font-family:"Nanum Myeongjo","Noto Sans KR", serif;
	color:rgba(209,182,147,1);
	color:rgba(60,50,45,1);
	letter-spacing:-1px;
	margin-top:30px;
}
#chefArea h4 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing:0;
}

#chefArea .summarySub {
	font-size:18px;
	line-height:140%;
	color:rgba(60,50,45,.8);
	margin:5px 0 40px;
}

#chefArea .infoBox { margin: 40px 0 40px; text-align:left;}
#chefArea .infoBox ul { margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
#chefArea .infoBox ul li { font-size: 16px; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}
#chefArea .infoBox ul li.none {list-style:none;margin-left: -1.2em; }
#chefArea .infoBox ul li.red {color:#CC0000;}

#chefArea .boxTit {position:relative;text-align:center;margin:40px auto 40px;}
#chefArea .boxTit .tit {display:inline-block; font-family:"Playfair Display", serif;color:#fff; padding:10px 30px; font-size:18px; background:#b5b5b5; position:relative; z-index:2;}
#chefArea .boxTit .line {position:absolute; left:0; width:100%; height:1px; background:#cccccc; top:50%;}

#floorArea {padding:30px 0 60px;}
#floorTab {}
#floorTab {overflow:hidden;margin:30px -0.5% 60px;list-style:none;}
#floorTab:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
#floorTab li {
	float: left;
	width: 15.6666667%;
	margin: 0px 0.5% 1%;
	border: 1px solid #f6843c;
	display:table;
}
#floorTab li:nth-of-type(1) {width:49%;}
#floorTab li:nth-of-type(2) {width:49%;}

#floorTab.type2 li {width:49%;}
#floorTab.type3 li {width:32.3333%;}
#floorTab.type4 li {width:24%;}
#floorTab.type5 li {width:19%;}
#floorTab.type6 li {width:15.6666667%;}
#floorTab.type7 li {width:13.2857142%;}
#floorTab.type8 li {width:11.5%;}

#floorTab li a {
	display: table-cell;
	height: 100px;
	font-size: 60px;
	color: #f6843c;
	text-align: center;
	vertical-align:middle;
	font-family:"Oswald", "Noto Sans KR", serif;
	background:rgba(255,255,255,1);
	line-height:100%;

}
#floorTab li a.kr {
	font-size: 24px;
	font-weight:500;
	line-height:120%;
}

#floorTab li.on a,
#floorTab li:hover a {
	color:rgba(255,255,255,1);
	background:#f6843c;
}

.floorGroup {}
#floorHead {position: relative;  text-align: center; padding: 0px 0 0px;margin:60px auto 40px;}
#floorHead.center {text-align: center;}
#floorHead h1 {
	font-size: 80px; letter-spacing: -1px;
	line-height: 1.2;
	color:#f6843c;
	font-weight:400;
	font-family: "Oswald", "Noto Sans KR", serif;
	position:relative; text-align:center;
}

#floorHead h1.kr {
	font-size: 50px; letter-spacing: -1px;
	font-family: "Noto Sans KR", serif;
}

#floorHead h1.line:before { content:''; position:absolute; top:50%; left:0; right:0; bottom:50%; height:1px; width:100%; background:rgba(189,163,136,.4) }
#floorHead h1 .dot { position:relative; display:inline-block; padding:0 40px; background-color:#fff }
#floorHead h1 .dot:before { content:''; position:absolute; top:50%; left:0; height:9px; width:9px; margin-top:-4px; background:rgba(189,163,136,.4);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
#floorHead h1 .dot:after { content:''; position:absolute; top:50%; right:0; height:9px; width:9px; margin-top:-4px; background:rgba(189,163,136,.4);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }

#floorHead h2 {
	font-size: 24px; font-style: normal; letter-spacing: 0; line-height: 1.5;
	color:#f6843c;
	font-family: "Oswald", "Noto Sans KR", serif;
}
#floorHead h3 {
	font-size: 18px; letter-spacing: 0; line-height: 1.5;
	color:#f6843c;
	margin-top:10px;
}
#floorHead .borderBottom { position: absolute; bottom: 0; left: 50%; width: 50px; height: 2px; margin-left: -25px; background: #333333;}
.articleArea.bg1 #floorHead h1 .dot {background: rgba(245,245,245,1);}

.floorList {display:block;position:relative;text-align:center;margin: 0px -1% 40px;font-size:0;}
.floorBox {
	display:inline-block;
	width: 23%;
	margin: 0px 1% 40px;
	background:#fff;
	vertical-align:top;
	position:relative;
	box-sizing: border-box;
	box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}

.floorBox a {display:block;position:relative;}
.floorBox a:hover .more {color:#fff;background:#f6843c;}
.floorBox .txtArea {display:block;padding: 20px 20px 25px;vertical-align:top;}
.floorBox .imgArea {display:block;padding: 0px;vertical-align:top;position:relative;}
.floorBox .itemDesc {display:none}
.floorBox img {
	width:100%;box-shadow:none !important;
}

.floorBox .more {
	width: 40px;
    height: 40px;
    background:rgba(189,163,136,.4);
    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;
}
.floorBox .more:before {
	content: '';
    position: absolute;
    background:#fff;
	height:25px;
    width: 1px;
    top: 8px;
    left: 20px;
}
.floorBox .more:after {
	content: '';
    position: absolute;
    background:#fff;
	height:1px;
    width: 25px;
    top: 20px;
    left: 8px;
}

.floorBox .itemTitle {
	text-align:center;
	/*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
	vertical-align:middle;
}
.floorBox h3 {
	font-size:24px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:400;
	line-height:1.2;
	display:block;
	color:#f6843c;
}
.floorBox .txtArea h4 {
	font-size:16px;
	line-height:1.4;
	letter-spacing:-0.5px;
	display:block;
	color:#999;
	vertical-align:bottom;
	margin:0 0 0px 0px;

}
.floorBox .txtArea p {
	line-height:140%;
	color:#999999;
	overflow:hidden;
	display:inline-block;
	font-size:16px;
	margin:15px 0px 0;
	min-height:42px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-align:left;
}

/* space View */


.spacePopLayer {
	display:none;
	position:fixed;
	top:0;left:0;
	bottom:0; right:0;
	width:100%;height:100%;
	z-index:19010;
}

.spacePopBack {
	position:fixed;
	top:0;left:0;
	bottom:0; right:0;
	width:100%;height:100%;
	z-index:0;
	background: url('/imgs/common/bg_overlay.png') repeat 0 0;
	/*background:rgba(0,0,0,0.3)*/
}

.spacePopLayer .spaceTable {position:relative;display:table;width:100%;height:100%;}
.spacePopLayer .spaceTable .spaceCell {position:relative;display:table-cell;vertical-align:middle;}

.spacePopLayer .spacePopWrap {
	position:relative;
	max-width:1000px;
	width:90%;
	margin:0 auto;
	text-align:center;
	overflow-y:auto;
	overflow-x:hidden;
}

.spacePopLayer .dataWrap {
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:1;
	background:#fff;

}
.spacePopLayer .spaceClose {
    position: absolute;
    right:0px; top:0px;
	width:60px; height:60px; background: url('/imgs/common/btn_close.png') repeat 0 0;
	z-index:2;

}
.spacePopLayer .spaceClose.fix {
	position:fixed;
}
.spacePopLayer .spaceClose a{ display: block;width:60px;height:60px;}
.spacePopLayer .spaceClose a span{
    text-indent: -9999px;
	overflow: hidden;
}

#spaceArea {position:relative}
#spaceArea .txtArea {position:relative;display:block;padding: 20px;vertical-align:top;text-align:center;background:rgba(255,255,255,1)}
#spaceArea .itemTitle {
	text-align:center;
	vertical-align:middle;
}
#spaceArea .txtArea h3 {
	font-size:28px;
	font-family:"Oswald", "Noto Sans KR", serif;
	font-weight:400;
	line-height:1.2;
	display:block;
	color:rgba(60,50,45,1);
	color:#f6843c;
}
#spaceArea .txtArea h4 {
	font-size:18px;
	line-height:1.4;
	letter-spacing:-0.5px;
	display:block;
	color:#999;
	vertical-align:bottom;
	margin:0 0 0px 0px;

}
#spaceArea .txtArea p {
	line-height:140%;
	color:#999;
	overflow:hidden;
	display:inline-block;
	font-size:16px;
	margin:15px 0px 0;
	text-align:center;
}


#spaceArea .slideBox {
	position:relative;
	max-height:720px;
	overflow:hidden;
	width:100%;
}
#spaceArea .slideBox img {display:block; max-width:100%;width: 100%;margin: 0 auto;}

#spaceArea .slideBox .logo {
	position:absolute; left:0; top:0px; padding:20px; z-index:50;
}
#spaceArea .slideBox .logo img {width:auto !important;}
#spaceArea .slideBox .bx-wrapper {
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
	padding:0 0 30px;
	background:none;

}
#spaceArea .slideBox .bx-wrapper .bx-viewport{
    position:relative;
    width:100%;
    top:0;
    left:0;
	bottom:0;
	right:0;
	background:none;
}

#spaceArea .slideBox .bx-wrapper .bx-viewport li { min-height: 1px; min-width: 1px; }
#spaceArea .slideBox .bx-controls-direction a {
	width: 50px;
    height: 50px;
    background: #f6843c;
    position: absolute;
    opacity: 1;
    border-radius: 0;
	/*margin-top:-22px;*/
	text-indent:-9999px;
}
#spaceArea .slideBox .bx-controls-direction a:after {
	content: '';
    position: absolute;
    border-top: 2px solid rgba(248,216,184,1);
    border-left: 2px solid rgba(248,216,184,1);
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
    left: 20px;
}
#spaceArea .slideBox .bx-controls-direction a.bx-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 13px;
}
#spaceArea .slideBox .bx-controls-direction a:hover {
    background:rgba(33,28,26,1);


}
#spaceArea .slideBox .bx-controls-direction a:hover:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

#spaceArea .slideBox .bx-prev {top:auto !important;left:auto !important;bottom:40px !important;right:70px !important;}
#spaceArea .slideBox .bx-next {top:auto !important;bottom:40px !important;right:10px !important;}



#spaceArea .slideBox .bx-wrapper .bx-pager {
	position:absolute;
	width:100%;
    bottom:0px;
    z-index: 110;
	text-align:center;
	padding:0 10px;
	font-size:0;
}
#spaceArea .slideBox .bx-wrapper .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin:3px;

}

#spaceArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a {
	width:12px; height:12px;
	margin:0;
	background:none;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:2px solid rgba(189,163,136,.7);
	border-radius:12px;

}

#spaceArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
#spaceArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:none #f6843c;
}

#spaceArea .slideBox .imgCaption {
	position:absolute;
	display:block;
	z-index:20;
	left:0px;
	bottom:20px;
	text-align:left;
}

#spaceArea .slideBox .imgCaption h4 {
	border-radius: 0px 20px 20px 0;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    font-weight: normal;
    line-height: 110%;
	letter-spacing:0px;
	background-color:rgba(0,0,0,.6);
	color: rgba(255,255,255,1);
}


@media screen and (max-width: 1280px) {


	.introArea .subTitle {font-size:18px;margin:40px auto 20px;}
	.introArea .aboutR p {font-size:14px;}

	#subVisual {background-attachment:initial !important;}

	.unitSub {margin-bottom:25px;}
	.unitBox {margin-bottom:25px;}

	.do_form_field_date {margin-bottom:10px;}

	#weddingArea .contentL h1 {
		font-size:56px !important;
	}
	#weddingArea .contentL h2 {
		font-size:30px;
	}
	#weddingArea h3 {
		font-size:20px;
	}



	#weddingArea .contentL .summarySub {
		font-size:16px;
	}

	#weddingArea .contentL p {
		line-height:140%;
		position:relative;
		color:#999;
		margin:20px 0;
	}

	#weddingArea h3 {
		/*margin-top:10px;*/
	}

	#chefArea .chefContainer {
		padding:80px 20px 20px;
	}

	#chefArea h3 {font-size:22px;}

}

@media screen and (max-width: 1024px) {

	#weddingVisual {min-height:600px;max-height:600px !important;}
	#weddingVisual .visualTit .weddingVisualTitleBox .bottomCell {display:none}
	#weddingVisual .visualTit .weddingVisualTitleBox {padding:80px 0 0}
	#weddingVisual .visualTit .weddingVisualTitleBox h1 {
		font-size:50px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h2 {
		font-size:26px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h3 {
		font-size:18px !important;
	}

	#weddingArea {padding:0px 0 30px;}
	#weddingArea .contentL{display:block;float:left;width:48%;margin-top:40px;}
	#weddingArea .contentL2{display:block;float:right;width:50%;margin-top:0px;}
	#weddingArea .contentR{display:block;float:none;width:100%;}

	#weddingArea .imgContainer2 .contentL{display:block;float:left;width:48%;margin-top:40px;}
	#weddingArea .imgContainer2 .contentL2{display:block;float:right;width:50%;margin-top:0px;}
	#weddingArea .imgContainer2 .contentR{display:block;float:none;width:100%;}

	.titleLine {
		margin:10px auto;
		font-size:28px;
	}

	#weddingArea .itemArea {text-align:center;}

	#weddingArea .boxTit,
	#chefArea .boxTit {margin:40px auto 40px;}

	#page.wedding .articleArea #mainHead {margin:0px auto 0px;}
	#mediaArea #mainHead {margin:20px auto 0px;}

	#weddingArea .slideBox .slides {
		max-height: 100%;
	}

	#weddingArea .slideBox .bx-controls-direction a {
		width: 44px;
		height: 44px;
	}
	#weddingArea .slideBox .bx-controls-direction a:after {
		width: 10px;
		height: 10px;
		top: 17px;
		left: 19px;
	}
	#weddingArea .slideBox .bx-controls-direction a.bx-next:after {
		left: 14px;
	}
	#weddingArea .slideBox .bx-prev {right:60px !important;}
	#weddingArea .slideBox .bx-next {right:10px !important;}
	#weddingArea .slideBox .logo {padding:10px 10px 10px 10px;}

	#subVisual .visualTit .visualTitleBox h1 {
		font-size:44px !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: 40px !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;
	}


	.companyMent h2 {font-size:26px;}
	/*.companyMent {padding:30px 0 30px;}*/


	.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;}

	.subItemArea {margin: 20px -1% 0px;}
	.itemBox, .weddingAdd, .floorBox {
		width:31.3333% !important;
		margin: 0px 1% 30px;
	}

	.unitSub {width:52%;margin-bottom:0px;margin-right:2%;}
	.unitGroup {width:46%;margin-bottom:0px;}
	.unitBox {display:block;margin-bottom:22px;}

	.do_form_field_date {margin-bottom:0px;}

	.allianceLeft {float:left;width:180px;height:160px;}
	.allianceTitle {font-size:18px;}
	.aliianceRight {
		margin-left:200px;
	}

	/*.introArea .aboutL {width:47%;}
	.introArea .aboutR {width:50%;text-align:left; }
	.introArea .aboutR2 {width:100%;text-align:left;}
	.introArea .aboutR2 { float: left; width: 100%; }*/

	.introArea .aboutL, .introArea .aboutR, .introArea .aboutR2  {display:block; width: 100%; text-align:center; }
	.introArea .aboutR  {border:none;padding:40px 20px;}

	.introArea .aboutL img {box-shadow:none;}

	.articleArea.main {padding:0px 0 40px; }

	.cautionArea.event {margin:40px auto 0px;}

	#floorHead {margin:40px auto 40px;}
	#floorHead h1 {
		font-size: 60px !important;
	}
	#floorHead h1.kr {
		font-size: 36px !important;
	}
	#floorHead h2 {
		font-size: 20px !important;
	}
	#floorHead h3 {
		font-size: 16px !important;
	}

	.floorBox h3 {
		font-size:22px;
	}

	#spaceArea .slideBox .bx-controls-direction a {
		width: 44px;
		height: 44px;
	}
	#spaceArea .slideBox .bx-controls-direction a:after {
		width: 10px;
		height: 10px;
		top: 17px;
		left: 19px;
	}
	#spaceArea .slideBox .bx-controls-direction a.bx-next:after {
		left: 14px;
	}
	#spaceArea .slideBox .bx-prev {right:60px !important;}
	#spaceArea .slideBox .bx-next {right:10px !important;}
	#spaceArea .slideBox .logo {padding:10px;}


}
@media screen and (max-width: 940px) {

}
@media screen and (max-width: 768px) {
	#weddingVisual {margin-bottom:0px !important;}
	#weddingVisual {min-height:460px;max-height:460px !important;}

	#weddingVisual .visualTit .weddingVisualTitleBox {
		padding:80px 0 20px !important;
	}

	#weddingVisual .visualTit .weddingVisualTitleBox h1 {
		font-size:40px !important;
		padding: 5px 0 0px;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h2 {
		font-size:22px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h3 {
		font-size:16px !important;
	}

	#weddingVisual .link {margin:0px auto 20px;}
	#weddingVisual .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 ;
	}


	#weddingArea .contentL,
	#weddingArea .imgContainer2 .contentL {display:block;float:none;width:100%;margin-top:40px;text-align:center;padding:0 0px;}
	#weddingArea .contentL2,
	#weddingArea .imgContainer2 .contentL2{display:block;float:none;width:100%;margin-top:0px;text-align:center;padding:0 0px;}
	#weddingArea .contentLR{display:block;float:none;width:100%;margin-top:0px;text-align:center;padding:0 0px;}
	#weddingArea .contentL2 .hallDesc .tit {
		background:none !important;
		padding-left:0px !important;
	}

	#weddingArea .contentL2 .hallDesc .tit span.titSpan {margin:0 10px 0 10px;}


	#page.wedding .articleArea #mainHead h1 {
		font-size: 34px !important;
	}
	#mediaArea #mainHead {
		font-size: 34px !important;
	}

	#weddingArea .contentL h1 {
		font-size:46px !important;
	}
	#weddingArea .contentL h2 {
		font-size:28px;
	}
	#weddingArea h3 {
		font-size:18px;
	}

	#weddingArea .slideBox .imgCaption h4, #weddingArea .slideMBox .imgCaption h4 {
		font-size: 16px;
	}


	#subVisual {height:320px !important;margin-bottom:0px;}
	#subVisual.about {height:380px !important}
	#subVisual.main {height:380px !important;}
	#subVisual.main .visualTit .visualTitleBox h1 {
		font-size:24px !important;
		line-height:1;
	}

	#subVisual .visualTit .visualTitleBox {
		padding:60px 0 0 !important;
	}

	#subVisual.main .visualTit .visualTitleBox {
		padding:20px 0 0 !important;
	}

	#subVisual .visualTit .visualTitleBox h1 {
		padding:0px 0 10px;
	}

	#subVisual .link {margin:10px 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 ;
	}

	#hashPage {padding:20px 5px; margin-bottom:0px;background:rgba(242,242,242,1);}

	#hashPage ul li a {
		font-size: 16px;
		padding:12px 0 14px;
		margin:2px;
		border:none !important;
		background:rgba(255,255,255,1);
	}

	#hashPage ul li .arrow {display:none}
	#hashPage.type4 ul li{
		width: 50%;
	}

	.contact .locationBox {margin-top: 30px;display:block !important;}

	.contact .addr .bar {display:none;}
	.contact .contactL { float: none; display:block;width: 100% !important; }
	.contact .hName { margin-bottom: 0px; text-align:center; }
	.contact h2 { font-size:22px !important;}
	.contact .contactR { float: none; display:block; width: 100% !important;  }

	.contact .contactL .inner { padding: 30px 5.5% 30px; }
	.contact .contactR .inner { padding: 30px 5.5% 30px; }
	.contact .infoBox.telEmail {width:100%;}
	.contact .infoBox h4.category-en { font-size: 16px;}

	.mapDiv {height:320px !important;}
	.contact .infoBox ul.subway li { font-size: 16px;}
	.contact .infoBox ul.subwayDesc li {font-size: 14px;margin-left: 0.5em;}

	.tableArea .tfL, .tableArea .tfR {float: none; display:block;width: 100% !important; }

	.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;}

	.campaignList .thumb {width:240px !important;}
	.campaignList .cont {padding:10px 20px 10px 20px !important;}
	.campaignList .cont .tit {
		font-size:20px !important;
	}
	.campaignList .cont .txt {
		font-size:14px !important;
		min-height:24px !important;
		-webkit-line-clamp: 2 !important;
		margin: 10px 0px;
	}

	.unitBox {display:block;margin-bottom:10px;}


	.allianceList li {
		width:48%;
	}

	.titleType { font-size:20px; margin-top:0; margin-bottom:20px; line-height:1.4; }
	.titleTypeSub { font-size:16px; line-height:1.5; }
	.titleLine { font-size:22px;line-height:1.2;}

	.introArea .mainTitle h2 {font-size:28px;}
	.introArea .mainTitle h1 {font-size:30px;}
	.introArea .mainTitle h3 {font-size:18px}
	.introArea .mainTitle {margin:28px 0;text-align:center;}



	.introArea {margin-top:0px;}
	.introArea .aboutLR {margin:20px 0;}
	.introArea .titleCell {padding:0 0 20px}
	.introArea .titleCell h1 { font-size: 34px !important;}
	.introArea .titleCell h2 { font-size: 20px !important;}
	.introArea .titleCell h3 { font-size: 12px !important;margin:5px 0;line-height:100% !important;}

	.introArea .aboutR2 br {display:block !important}

	.brandArea {margin: 20px -1.5% 0;}
	.brandBox .txtArea .brandTitle {
		padding:5px 0px 10px 0;
		font-size:18px;
		line-height:140%;
	}
	.brandBox .txtArea .brandDesc {
		font-size:14px;
	}
	.brandBox {
		width:47%;
	}

	.companyBox h3 {
		font-size:18px;
	}
	.companyBox .txtArea p {
		font-size:14px;
	}
	.companyBox .contactBox {
		width:180px;
		font-size:15px;
	}
	.weddingAdd h3 {
		font-size:18px;
		display:block;
	}
	..weddingAdd h4 {
		display:block;
		margin:0;
	}
	.weddingAdd .txtArea p {
		font-size:14px !important;
		text-align:left;
	}
	.weddingAdd .txtArea p br {
		display:none;
	}

	.itemBox .txtArea p {
		font-size:14px !important;
		text-align:left;
	}

	.itemBox .txtArea p br {
		display:none;
	}

	.cautionTit .item {
		font-size: 16px;
	}
	.cautionTit .item {
		font-size: 16px;
	}
	.cautionArea ul {padding:30px 20px 20px;}
	.cautionArea ul>li { position:relative; padding-left:12px; font-size:18px;}

	.cautionArea.event {margin:0px auto 40px;}
	.cautionArea.event .cautionTit {margin-bottom:-20px;}
	.cautionArea.event .cautionTit .item {
		font-size: 20px;
		padding: 0 20px;
		line-height: 40px;
		-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;
	}
	.cautionArea.event ul {
		padding:30px 10px 20px;
	}
	.cautionArea.event ul>li {
		font-size:20px;
	}

	#chefArea {padding:0px 0 0px !important;}
	#chefArea .chefContainer {
		padding:60px 20px 20px;
		text-align:center;
	}

	#chefArea .bg {height:500px}
	#chefArea .chefContainer > li {width:100%;padding:0 30px;}
	#chefArea h3 {font-size:18px;letter-spacing:0px;}

	.factSheet > li:first-child table > thead > tr > th {
		padding:22px 10px;
	}
	.factSheet table > thead > tr > th {
		font-size: 14px;
	}
	.factSheet table > tbody > tr > td {
		font-size: 14px;
	}

	.floorBox h3 {
		font-size:20px;
	}
	.floorBox .txtArea p{
		font-size:14px !important;
		text-align:left;
	}

	.floorBox .txtArea p br {
		display:none;
	}

	#spaceArea .slideBox .imgCaption h4 {
		font-size: 16px;
	}

	#floorVisual .visualTit .titleBox h1 {
		font-size:60px;
	}
	#floorVisual .visualTit .titleBox h2 {
		font-size:18px;
	}
	#floorVisual .visualTit .titleBox h3 {
		font-size:24px;
	}
	#floorVisual .visualTit .titleBox h4 {
		font-size:18px;
	}
	#floorVisual .visualTit .titleBox .lineBox {
		height:40px;
	}

}

@media screen and (max-width: 640px) {
	#weddingVisual {min-height:380px;max-height:380px !important;}
	#weddingVisual .visualTit .weddingVisualTitleBox h2 {
		font-size:22px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h3 {
		font-size:16px !important;
		line-height:140%;
	}
	.pagerThumb {display:none;}

	#weddingArea {padding:10px 0 20px !important;}
	#weddingArea .contentL,
	#weddingArea .imgContainer2 .contentL {padding:0 20px;}
	#weddingArea .contentL2,
	#weddingArea .imgContainer2 .contentL2{padding:0 20px;}
	#weddingArea .contentLR{padding:0 20px;}

	#weddingArea .contentL h1 {
		font-size:38px !important;
	}
	#weddingArea .contentL h2 {
		font-size:22px;
	}
	#weddingArea .contentL h3 {
		font-size:18px;
	}

	#weddingArea .contentL .summarySub {
		font-size:14px;
	}

	#weddingVisual .visualTit .weddingVisualTitleBox h1 {
		font-size:30px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h2 {
		font-size:18px !important;
	}
	#weddingVisual .visualTit .weddingVisualTitleBox h3 {
		font-size:14px !important;
	}

	#weddingArea .slideBox .logo {display:none;}

	#weddingArea .slideBox .bx-controls-direction a {
		width: 34px;
		height: 34px;
	}
	#weddingArea .slideBox .bx-controls-direction a:after {
		width: 10px;
		height: 10px;
		top: 11px;
		left: 13px;
	}
	#weddingArea .slideBox .bx-controls-direction a.bx-next:after {
		left: 9px;
	}
	#weddingArea .slideBox .bx-prev {left:0 !important;right:auto !important;top:50% !important;margin-top:-34px;}
	#weddingArea .slideBox .bx-next {right:0px !important;top:50% !important;margin-top:-34px;}

	#weddingArea .slideBox .bx-wrapper {padding:0 0 40px}
	#weddingArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a {
		width:10px; height:10px;
		border-radius:10px;
	}
	#weddingArea .slideBox .bx-wrapper .bx-pager-item {
		margin:2px;
	}

	#weddingArea .slideBox .imgCaption h4, #weddingArea .slideMBox .imgCaption h4 {
		padding: 10px 15px 10px 15px;
		font-size: 13px;
	}

	#mediaArea {padding:20px 0 20px !important;}


	#subVisual {height:260px !important;}
	#subVisual.about {height:340px !important;}
	#subVisual .visualCover {
		background:rgba(0,0,0,.5);
	}

	#subVisual .visualTit .visualTitleBox h1 {
		font-size:28px !important;
	}
	#subVisual .visualTit .visualTitleBox h2 {
		font-size:16px !important;
	}
	#subVisual .visualTit .visualTitleBox h3 {
		font-size:14px !important;
	}

	#hashPage {padding:15px 20px;}

	#hashPage ul li a {
		font-size: 15px;
		padding:12px 0 13px;
	}

	.banquetArea #mainHead {margin:0px auto 0px;}

	#mainHead {padding: 0px 0 20px;}

	#mainHead h1 {
		font-size: 30px !important;
	}
	#page.wedding .articleArea #mainHead h1 {
		font-size: 30px !important;
	}
	#mainHead h2 {
		font-size: 18px !important;
	}
	#mainHead h3 {
		font-size: 16px !important;
	}
	#subHead h1 {
		font-size: 30px !important;
	}
	#subHead h2 {
		font-size: 16px !important;
	}
	#subHead h3 {
		margin-top:0px;
		font-size: 15px !important;
	}
	#subHead h1 .dot {padding:0 20px !important;}

	#subHead.main {padding:30px 0 0px;}

	p {font-size:15px !important}


	.companyMent h2 {font-size:22px;}
	/*.companyMent p {text-align:left !important}
	.companyMent p br {display:none !important}*/

	.subItemArea {margin: 0px -2% 0px;}
	.itemBox, .weddingAdd {
		width:46% !important;
		margin: 0px 2% 30px;
	}
	.itemBox h3 {
		font-size:20px;
		display:block;
	}
	.itemBox .txtArea h4 {
		display:block;
		margin:0;
	}


	.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.btnl2,
	.contact .link a.btnr2,
	.contact .link a.btnr {margin-top:10px;padding:0; width:100%;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	.reserv .link {margin-top: 20px; }
	.reserv .link a.btn,
	.reserv .link a.btnl,
	.reserv .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;}

	.articleMenu {display:none}
	.articleCont {margin-left:0px;}

	.galleryArea {margin:20px 0 20px;}
	.galleryArea.main {
		margin:0px 0 20px;
	}

	.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;
	}

	.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 table > tbody > tr > th hr, .tableCont table > tbody > tr > td hr {
		margin:10px -10px;
		*margin:0px -10px;
	}
	.tableCont .desc>li { font-size:14px;}

	.type_table, .type_table tbody, .type_table tr, .type_table th, .type_table td { display:block;}
	.type_table {padding:0 !important;text-align:left;}
	.type_table thead {display:none}
	.type_table tr { position:relative; border:none;border-bottom:1px solid #e2e2e2;}
	.type_table th { border:none !important;font-size:18px !important;margin-top:40px;padding:10px 0px !important;}
	.type_table th.first { margin-top:0px;}
	.type_table td {border:none !important;}
	.type_table td:nth-of-type(1) { display:inline-block;border:none !important;font-weight:400;font-size:16px;padding:10px 0 0px 0px !important;}
	.type_table td:nth-of-type(1) br {display:none;}
	.type_table td:nth-of-type(2) { display:inline-block; padding:10px 0 10px 0px !important;}

	.price_table thead th:nth-of-type(3) { display:none;}
	.price_table.col3 thead th:nth-of-type(3) { display:table-cell;}
	.price_table .tdEnd { display:none !important;}
	.price_table tbody td:nth-of-type(1) {border-right:none !important}
	.price_table {overflow:hidden}
	.price_table .col1 {width:30% !important;}
	.price_table .col2 {width:0% !important;}
	.price_table.col1Set .col1 {width:50% !important;}


	#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;
	}

	.campaignList li {margin:0px auto 30px !important;}
	.campaignList li {width:100% !important;float:none !important;}
	.campaignList .thumb {display:block !important;width:100% !important;}
	.campaignList .cont {display:block !important;width:100% !important;padding:15px !important;}
	.campaignList .cont .tit {
		font-size:18px !important;
	}

	.campaignList .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;}
	#sOfferRead .contBox {padding:20px;}

	.bbsPage .no1 {width:105px}
	.bbsPage td{padding:16px 10px 16px 10px;font-size:14px;}
	.bbsPage .viewArrow,
	.bbsPage .viewArrow2 {padding-right:15px;}

	#noticeRead .title {font-size:22px;}
	#noticeRead .dateCount .date  {display:block;margin-bottom:10px;}
	#noticeRead .dateCount .count  {font-size:14px;}
	#noticeRead .dateCount .count.first {padding-left:0px;}

	.gallery .galleryItem {width:98%;margin:0 1% 20px;}
	.gallery .galleryItem {width:48%;margin:0 1% 20px;}

	.newsList .col1 {width:12%;}
	.newsList .col2 {width:68%;}
	.newsList .col3 {width:20%;}
	.newsList .col4 {width:0%;}

	/*.newsList thead {display:none}*/
	.newsList td { font-size:12px!important; line-height:1.4;}
	.newsList td.tLeft {padding-left:10px !important; }
	.newsList th:nth-of-type(3) { background:none;}
	.newsList th:nth-of-type(4) { display:none;}
	.newsList td:nth-of-type(4) { display:none;}

	.tbWidth {width:100%}
	.tbLeft {float:none}
	.tbRight {float:none}
	.allianceLeft {float:none !important;width:100%;margin-left:0;border:none;padding:10px 0px;height:auto !important;}
	.aliianceRight {width:100%;margin-left:0;margin-bottom:30px;}
	.allianceList {margin:0 auto !important}
	.allianceList li {
		width:100%;margin:0px 0px 5% !important;
	}
	.allianceTitle {background:url('/imgs/icon/blt2.gif') no-repeat 0 10px;padding-left:15px;font-weight:normal;line-height:120%;font-size:20px;}
	.allianceBar {display:none}

	#brandItem { display:inline-block;*display: inline;*zoom:1; width:30%; padding:2%;vertical-align:top;}
	#brandItemTxt { display:inline-block;*display: inline;*zoom:1; width:70%; padding:2% 4% 4% 2%;text-align:left;vertical-align:top;}

	.guideBtn {display:none}
	.guideCaption, .guideCaption::before {
		font-size:18px;
	}

	#subMenuTab {margin-bottom:30px;}
	#subMenuTab li {
		height:40px;
	}
	#subMenuTab li a {
		height:40px;
		font-size:16px;
		line-height:40px;
	}
	#subMenuTab li a span {
		padding:0 20px 0 0px;
	}

	.brandArea {margin: 20px 0 0;}
	.brandBox {
		display: block;
		width:100%;
		margin: 0px 0px 30px;
	}

	.companyBox {
		display: block;
		width:100%;
		margin: 0px 0px 30px;
	}


	.introArea {padding:10px 0 0 !important;margin-top:0px;}
	.introArea .mainTitle h2 {font-size:22px;}
	.introArea .mainTitle h1 {font-size:26px;}
	.introArea .mainTitle h3 {font-size:16px}

	.introArea .aboutDesc img {padding:6px;}

	.introArea .titleCell .lineBox {
		height:30px; margin:5px auto;
	}

	#weddingArea .boxTit,
	#chefArea .boxTit {margin:20px auto 40px;}
	#weddingArea .boxTit .tit,
	#chefArea .boxTit .tit {font-size:16px;}


	#hashPage.typeUser ul li:nth-child(1) {width: 23%;}
	#hashPage.typeUser ul li:nth-child(2) {width: 22%;}
	#hashPage.typeUser ul li:nth-child(3) {width: 22%;}
	#hashPage.typeUser ul li:nth-child(4) {width: 15%;}
	#hashPage.typeUser ul li:nth-child(5) {width: 18%;}

	.titleLine {
		margin:10px auto 0;
		font-size:20px;
		line-height:1.4;
		padding:0 20px;
	}
	.titleLine.line:before {background:rgba(60,50,45,0) }
	.titleLine .dot { padding:0 0px;}
	.titleLine .dot:before { display:none;}
	.titleLine .dot:after { display:none; }

	#chefArea {padding:0px 0 0px !important;}
	#chefArea .chefContainer > li {width:100%;padding:0 0px;}
	#chefArea h1 {font-size:46px;letter-spacing:0px;}
	#chefArea h2 {font-size:20px;letter-spacing:0px;}
	#chefArea h3 {font-size:16px;letter-spacing:0px;}

	#photoSet {padding:0px 0 0px !important;}

	.factSheet, .factSheet > li {display:block;}

	.factSheet > li:last-child .factTable {margin:0}
	.factSheet > li:first-child table > thead > tr > th {
		padding:5px 10px;
	}

	.factSheet table > thead > tr > th {
		border-left: none !important;
	}

	.factSheet table > tbody > tr > td:first-child {
		border-left: none !important;
	}

	#floorHead {margin:40px auto 20px;}
	#floorHead h1 {
		font-size: 40px !important;
	}
	#floorHead h1.kr {
		font-size: 26px !important;
	}
	#floorHead h2 {
		font-size: 18px !important;
	}
	#floorHead h3 {
		font-size: 16px !important;
	}
	.floorBox {
		width:46% !important;
		margin: 0px 2% 30px;
	}
	#floorHead h1 .dot {padding:0 30px}

	.floorBox .txtArea h4 {
		margin:0;
		font-size:14px;
	}

	#floorTab li {
		width: 32.333%;
	}

	#floorTab li a {
		display: table-cell;
		height: 60px;
		font-size: 30px;
	}
	#floorTab li a.kr {
		font-size: 18px;
	}

	#spaceArea .txtArea h3 {
		font-size:22px;
	}
	#spaceArea .txtArea h4 {
		font-size:16px;
	}
	#spaceArea .txtArea p {
		font-size:14px;
	}

	#spaceArea .slideBox .logo {display:none;}

	#spaceArea .slideBox .bx-controls-direction a {
		width: 34px;
		height: 34px;
	}
	#spaceArea .slideBox .bx-controls-direction a:after {
		width: 10px;
		height: 10px;
		top: 11px;
		left: 13px;
	}
	#spaceArea .slideBox .bx-controls-direction a.bx-next:after {
		left: 9px;
	}
	#spaceArea .slideBox .bx-prev {left:0 !important;right:auto !important;top:50% !important;margin-top:-34px;}
	#spaceArea .slideBox .bx-next {right:0px !important;top:50% !important;margin-top:-34px;}

	#spaceArea .slideBox .bx-wrapper .bx-pager.bx-default-pager a {
		width:10px; height:10px;
		border-radius:10px;
	}
	#spaceArea .slideBox .bx-wrapper .bx-pager-item {
		margin:2px;
	}

	#spaceArea .slideBox .imgCaption h4 {
		padding: 10px 15px 10px 15px;
		font-size: 13px;
	}

	#floorVisual .visualTit .titleBox .lineBox {
		height:40px;
	}
	#floorVisual .visualTit .titleBox h1 {
		font-size:46px;
	}
	#floorVisual .visualTit .titleBox h3 {
		font-size:20px;
	}
	#floorVisual .visualTit .titleBox h4 {
		font-size:18px;
	}

	#floorVisual .visualTit .titleBox .contactBox {
		width: 130px;
		margin:0 auto;
		font-size:14px;
		padding:6px 25px 6px 5px;
		-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px
	}
	#floorVisual .visualTit .titleBox .contactBox:after {
		position: absolute; top: 0px; right: 10px; display: block;
	}


}
@media screen and (max-width: 400px) {
	#hashPage ul li a {
		font-size: 12px;
		padding:12px 0px 13px;
	}

	.brandArea .brandItem {width:50%}

	.program_table thead th:nth-of-type(1) { display:none;}
	.program_table tbody th:nth-of-type(1) {display:none !important;border-right:none !important;}
	.program_table .col0 {width:0% !important;}
	.program_table .col1 {width:30% !important;}
	.program_table tbody td:nth-of-type(1) {border-left:none !important;}
	.program_table tbody td:nth-of-type(2) {width:70% !important;}

	.introArea .mainTitle h2 {font-size:20px;}
	.introArea .mainTitle h1 {font-size:24px;}
	.introArea .mainTitle h3 {font-size:14px}


	.itemBox .more,.weddingAdd .more {
		width: 30px;
		height: 30px;
	}
	.itemBox .more:before,.weddingAdd .more:before {
		height:20px;
		width: 1px;
		top: 5px;
		left: 15px;
	}
	.itemBox .more:after,.weddingAdd .more:after {
		width: 20px;
		top: 15px;
		left: 5px;
	}
	.subItemArea {margin: 0px 0 40px;}
	.main .subItemArea {margin: 0px 0 0px;}
	.weddingAdd {
		width:100% !important;
		margin: 0px 0px 20px;
	}

	.weddingAdd .txtArea p {
		overflow:visible;
		min-height:auto;
		display:block;
	}

	#mainHead h1 {
		font-size: 26px !important;
	}

	.titleLine {
		font-size:17px;
		line-height:1.5;
		letter-spacing:-1px;
	}

	#chefArea .chefContainer > li {width:100%;padding:0 0px;}

	#floorHead h1 .dot {padding:0 25px}
	.floorBox {
		width:100% !important;
		margin: 0px 0px 20px;
		border: 1px solid rgba(60,50,45,.2);
	}
	.floorBox .imgArea {/*float:left;*/display:table-cell;width:42%;}
	.floorBox .txtArea {
		/*float:left;*/
		position:relative;
		width:58%;
		display:table-cell;
		vertical-align: middle;

		bottom:auto;
		top:0;
		padding:0px 15px;
	}
	.floorBox .itemTitle {text-align:left;}
	.floorBox .itemDesc {display:none}

	.floorBox h3 {
		font-size:18px;
	}

	.floorBox .more {
		width: 30px;
		height: 30px;
	}
	.floorBox .more:before {
		height:20px;
		width: 1px;
		top: 5px;
		left: 15px;
	}
	.floorBox .more:after {
		width: 20px;
		top: 15px;
		left: 5px;
	}

	#floorHead h1.kr {
		font-size: 22px !important;
	}
}
@media screen and (max-width: 360px) {
	#categoryTab li {
		width:49.4% !important;
		margin: 0px 0.3% 4px;
	}
	#subMenuTab li a {
		font-size:14px;
	}

	.introArea .mainTitle h2 {font-size:18px;}
	.introArea .mainTitle h1 {font-size:20px;}

	.introArea .subTitle {font-size:20px;}
	.introArea .titleCell h4 {
		font-size:22px;
	}

	#weddingArea .contentL h3, #weddingArea .contentLR h3 {
		font-size:18px;
	}


	.itemBox {
		width:100% !important;
		margin: 0px 0px 20px;
		/*box-shadow:none;*/
		border: 1px solid rgba(60,50,45,.2);
	}
	.itemBox a, .weddingAdd a {}
	.itemBox .imgArea {float:left;display:table-cell;width:44%;}
	.itemBox .txtArea {
		float:left;
		position:relative;
		width:56%;
		display:table-cell;

		bottom:auto;
		top:0;
		padding:10px 15px;
	}
	.itemBox .itemTitle {text-align:left}
	.itemBox .itemDesc {display:none}

	.weddingAdd .videoBtn{
		background:url("/imgs/icon/videoPlayBtn.png") center center no-repeat;
	}

	.weddingAdd h3 {
		font-size:17px;
		display:block;
	}
	/*
	.weddingAdd {
		width:100% !important;
		margin: 0px 0px 20px;
		background:rgba(245,245,245,1);
	}
	.weddingAdd .imgArea {float:left;display:table-cell;width:44%;}
	.weddingAdd .txtArea {
		float:left;
		position:relative;
		width:56%;
		display:table-cell;

		bottom:auto;
		top:0;
		padding:15px 15px;
	}
	.weddingAdd .itemTitle {text-align:left}
	.weddingAdd h3 {
		font-size:16px;
	}
	.weddingAdd .itemDesc {display:none}
	*/

	#weddingArea .slideBox .bx-wrapper .bx-pager {
		/*display:none;*/
	}
	#weddingArea .contentL .summarySub {
		font-size:13px;
	}
	#weddingArea .contentL2 .hallDesc .pDesc {font-size:14px;}

	#mainHead h1 {
		font-size: 24px !important;
	}
	#mainHead h1.line:before { display:none; }
	#mainHead h1 .dot:before { display:none;}
	#mainHead h1 .dot:after {display:none;}

	#subHead h1 {
		font-size: 24px !important;
	}
	#subHead h1.line:before { display:none; }
	#subHead h1 .dot:before { display:none;}
	#subHead h1 .dot:after {display:none;}

	.gallery .galleryItem {width:98%;margin:0 1% 20px;}

	#spaceArea .slideBox .bx-wrapper {padding:0 0 0px}
	#spaceArea .slideBox .bx-prev {margin-top:-17px;}
	#spaceArea .slideBox .bx-next {margin-top:-17px;}
	#spaceArea .slideBox .bx-wrapper .bx-pager {
		display:none;
	}

	.floorBox .more {
		width: 20px;
		height: 20px;
	}
	.floorBox .more:before {
		height:10px;
		width: 1px;
		top: 5px;
		left: 10px;
	}
	.floorBox .more:after {
		width: 10px;
		top: 10px;
		left: 5px;
	}

	#floorVisual .visualTit .titleBox h1 {
		font-size:36px;
	}
	#floorVisual .visualTit .titleBox h3 {
		font-size:18px;
	}
	#floorVisual .visualTit .titleBox h4 {
		font-size:16px;
	}
}
.reserv.tableBox.reserv1{
	border: none;
}
.reserv-row tbody.bg1{
	background-color: #fcfcfc;
}
.reserv-row thead th.rsv-content,
.reserv-row tbody td.rsv-content{
	padding: 20px;
}

/* 오페라 프리마 서브 끝  */
