@charset "utf-8";

.pack-part {
	padding:180px 0 0px;
}
.lnb-use .pack-part {
	padding:240px 0 0px;
}
.visual-use .pack-part {
	padding:0px 0 0px;
}
.pack-part .title {
	padding:140px 10px 40px;
	text-align:center;
}
.visual-use .pack-part .title {
	padding:100px 10px 40px;
}
.pack-part .title h1 {
	position: relative;
	font-size: 40px;
	letter-spacing:0px; 
	line-height: 100%; 	
	font-weight:600;
	color: rgba(160,130,105,1);
}
.pack-part .title h2 {
	position: relative;
	font-size: 20px;
	letter-spacing:2px; 
	line-height: 160%; 	
    color:rgba(2,80,50,1);
	position:relative;
	padding:0px 0 20px;
	font-weight:400;
	font-family:"Noto Serif KR",serf;
	
}
.pack-part .title h3 {
	position: relative;
	font-size: 17px;
	letter-spacing: 0px; 
	line-height: 170%; 	
    color:rgba(2,80,50,1);
	position:relative;
	padding:40px 0 0px;
	font-family:"Noto Serif KR",serf;
}
.pack-part .title h4 {
	position: relative;
	font-size: 40px;
	letter-spacing:0px; 
	line-height: 160%; 	
    color: rgba(0,0,0,1);
	position:relative;
	padding:0px 0 0px;
	font-weight:500;
}

@media screen and (max-width: 1280px) {
	.pack-part .title h1 {
		font-size: 36px;
	}
	.pack-part .title h2 {
		font-size: 18px;
	}
	.pack-part .title h3 {
		font-size: 16px;
	}
	.pack-part .title h4 {
		font-size: 30px;
	}
}

@media screen and (max-width: 1024px) {
	.pack-part, 
	.visual-use .pack-part,
	.lnb-use .pack-part {
		padding:80px 0 0px;
	}
	
	.lnb-visual-use .pack-part {
		padding:0px 0 0px;
	}
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 480px) {

	.pack-part .title {
		padding:100px 0 50px;
		text-align:left;
	}
	.visual-use .pack-part .title {
		padding:50px 0 50px;
	}
	.pack-part .title h2 {
		padding:0px 0 10px;
	}
	.pack-part .title h1 {
		font-size: 30px;
		line-height: 130%; 	
	}
}


.hall-part {
	position:relative;
	padding:100px 0 0px;
	z-index:20;
}
.lnb-use .hall-part {
	padding:160px 0 40px;
}
.hall-part .hall-top {
	padding:80px 0 40px;
	display:block;
	width:100%;
	position:relative;
	text-align:center;
}
.hall-title .textile-effect {
	visibility: hidden;
}
.hall-title .textyle-effect {
	opacity: 0;
	perspective: 200px;
}
.hall-title .texyle-effect span {
	transform: rotateY(-90deg);
	opacity: 0;
}
.hall-title .texyle-effect2 {
	opacity: 0;
}
.hall-title .texyle-effect2 span {
	position: relative;
	top: 30px;
	left: 0px;
	opacity: 0;
}
.hall-part .hall-title h1 {
	position: relative;
	font-size: 100px;
	letter-spacing: 0px; 
	line-height: 100%; 	
    color: rgba(0,0,0,1);
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	position:relative;
	padding:0px 0 40px;
}
@supports (-webkit-text-stroke: 1px black) {
	.text-stroke-b {
		color: transparent;
		-webkit-text-stroke: 1px rgba(0,0,0,1);
		text-stroke: 1px rgba(0,0,0,1);
		font-weight:700;
		letter-spacing:0px;
		display:inline-block;
	}
	.text-stroke-w {
		color: transparent;
		-webkit-text-stroke: 1px rgba(255,255,255,1);;
		text-stroke: 1px rgba(255,255,255,1);
		font-weight:700;
		letter-spacing:0px;
		display:inline-block;
	}
}
.hall-part .hall-title h2 {
	position: relative;
	font-size: 30px;
	letter-spacing:0px; 
	line-height: 160%; 	
    color: rgba(34,34,34,1);
	position:relative;
	padding:0px 0 20px;
	font-weight:400;
}
.hall-part .hall-title h3 {
	position: relative;
	font-size: 22px;
	letter-spacing: -0.5px; 
	line-height: 170%; 	
    color: rgba(34,34,34,1);
}
.hall-part .hall-title .slogan {
	position: relative;
	font-size: 80px;
	letter-spacing: 0px; 
	line-height: 100%; 	
	padding:40px 0 0px;
    color: rgba(160,130,105,.7);
	font-family: "netherscript","Noto Serif KR", sans-serif;	
	font-family: "Pinyon Script","Noto Serif KR", sans-serif;
}
.hall-part .hall-title .slogan.big {
	font-size: 130px;
	padding:10px 0 0px;
	color:rgba(160,130,105,1);
}
.hall-part .hall-title .summary {
	position: relative;
	font-size: 50px;
	letter-spacing: 0px; 
	font-weight:700;
	line-height:150%;
	padding:100px 0;
    color: rgba(0,0,0,1);
	/*font-family:"Gmarket Sans","Noto Serif KR", sans-serif;*/
}
.hall-part .hall-top-group {
	padding:80px 0 80px;
	display:block;
	width:100%;
	position:relative;
}
.hall-part .hall-top-left {
	position:absolute;
	left:0;
	z-index:20;
}
.hall-part .hall-top-right {
	position:relative;
	padding:0px 0 0;
	text-align:right;
}


@media screen and (max-width: 1280px) {
	.hall-part {
		padding:40px 0 0;
	}
	.hall-part .hall-title h1 {
		font-size: 80px;
	}
	.hall-part .hall-title h2 {
		font-size: 24px;
	}
	.hall-part .hall-title h3 {
		font-size: 20px;
	}
	.hall-part .hall-title .slogan {
		font-size: 60px;
	}
	.hall-part .hall-title .slogan.big {
		font-size: 100px;
	}
	.hall-part .hall-title .summary {
		font-size: 40px;
		padding:60px 0;
	}
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	.hall-part .hall-top {
		padding:40px 0 20px;
	}
	.hall-part .hall-title h1 {
		font-size: 60px;
	}
	
	.hall-part .hall-title h2 {
		font-size: 20px;
	}
	.hall-part .hall-title h3 {
		font-size: 18px;
	}
	.hall-part .hall-title .slogan {
		font-size: 50px;
		padding:0px 0 0px;
	}
	.hall-part .hall-title .slogan.big {
		font-size: 60px;
	}
	.hall-part .hall-top-group {
		padding:60px 0 60px;
	}
	.hall-part .hall-title .summary {
		font-size: 30px;
		padding:40px 0;
	}
}

@media screen and (max-width: 480px) {
	
	.hall-part .hall-title h1 {
		font-size: 40px;
	}
	.hall-part .hall-title h2 {
		font-size: 18px;
	}
	.hall-part .hall-title h3 {
		font-size: 16px;
	}
	.hall-part .hall-title .slogan {
		font-size: 40px;
	}
	.hall-part .hall-title .slogan.big {
		font-size: 40px;
	}
	
	.hall-part .hall-title {
		width:100%;
		display:block;
		text-align:center;
	}
	.hall-part .hall-tab {
		width:100%;
		display:block;
		padding:40px 0 0;
	}
	.hall-part .hall-title .summary {
		font-size:26px;
		padding:20px 0;
	}
	

}

.view-point {
	position: relative;
    color:rgba(255,255,255,1);
	background:rgba(40,25,15,1);
	padding:120px 0;
	margin-bottom:160px;
}
.view-point .view-point-image {
	position:absolute;
	top:0px;
	right:0px;
	z-index:2;
	width:100%;
	max-width:1000px;
}
.view-point .view-point-image .photo-area{
	position: relative;
}

@media screen and (max-width: 1700px) {
	.view-point {
		margin-bottom:80px;
	}
	.view-point .view-point-image {
		max-width:840px;
	}
}
@media screen and (max-width: 1280px) {
	.view-point .view-point-image {
		max-width:700px;
	}
}
@media screen and (max-width: 1024px) {
	.view-point {
		padding:60px 0;
		margin-bottom:20px;
	}
	.view-point .view-point-image {
		position:relative;
		top:auto;
		right:auto;
		max-width:inherit;
		margin-top:60px;
	}
}
.about-slogan {
	margin-bottom:80px;
}
.wedding-point {
	position:relative;
	margin-top:0px;
	display:table;
	width:100%;
}
.wedding-point .detail {
	position:relative;
	z-index:2;
}
.wedding-point .photo-out {
	position:relative;
	text-align:right;
	padding:60px 0 100px;
	margin-top:-15%;
	z-index:1;
}
.wedding-point .photo-out:last-child {
	padding:60px 0 60px;
}
.wedding-point .photo {
	position:relative;
	display:inline-block;
	width:60%;
}
.wedding-point .photo-out.right {
	text-align:left;
}

.wedding-point .detail-link-circle {
	margin:30px 0 0;
	padding:0 20px 0; 
	height:40px; 
	line-height:38px; 
	border-radius:40px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:16px; 
	vertical-align:top;
	font-weight:400;
	color:#fff;
	background:rgba(160,130,105,1);
}
.wedding-point .detail-link-circle i {
	font-size: 15px;
}

.wedding-point .right{
	text-align:right;
}

.wedding-point .txt {
	padding:40px 60px 60px 60px;
}
#grand-intro .wedding-point .txt {
	padding:60px 0px 0 0px;
}
.wedding-point .detail h1 {
	font-size: 32px;
	color: #000;
    word-break: keep-all;
	letter-spacing: -1px;
	line-height:150%;
	font-weight:400;
	margin-bottom:40px;
}
.view-point .wedding-point .detail h1 {
	color:#fff;
}
.wedding-point .detail h1.big {
	font-size: 60px;
	line-height:130%;
}
.wedding-point .detail h1.mid {
	font-size: 50px;
	font-weight:700;
	line-height:140%;
}

.wedding-point .detail h4 {
	font-size:16px;
	color: #000;
	color: rgba(160,130,105,1);
	margin-bottom:20px;
	font-weight:600;
	font-family:"Raleway","Gothic A1",serif;
}
.wedding-point .detail p {
	font-size:20px;
	color: #000;
	font-weight:400;
}
.view-point .wedding-point .detail p {
	color:#fff;
}
.wedding-point .detail .point-tit {
	position:relative;
	margin-top:-10%;
	padding:0 60px;
}
.wedding-point .detail .point-tit .point-tit-slogan {
	font-size: 80px;
	letter-spacing: 0px; 
	line-height: 120%; 	
    color: rgba(0,0,0,1);
	color: rgba(160,130,105,1);
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	position:relative;
	text-transform:uppercase;
	font-weight:500;
}
.wedding-point .detail .point-tit .point-tit-name {
	font-size: 50px;
	color: #000;
	letter-spacing: 0px;
	line-height:140%;
	color: rgba(160,130,105,1);
	font-weight:500;
	margin-top:10px;
}

.wedding-point .detail .point-tit .point-tit-slogan2 {
	font-size: 120px;
	letter-spacing: 0px; 
	line-height: 100%; 	
    color: rgba(0,0,0,1);
	color: rgba(160,130,105,.7);
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	position:relative;
}
.wedding-point .detail .point-tit .point-tit-name2 {
	font-size: 36px;
	color: #000;
	letter-spacing: -1px;
	line-height:140%;
	color: rgba(160,130,105,1);
	margin-top:20px;
}

.wedding-point .hallDesc {
	position:relative;
	margin-top:30px;
	display:inline-block;
}
#weddingArea .wedding-point .hallDesc {

	padding:30px 0px 0 0px;
}

.wedding-point .hallDesc .tit {
	display:block;
	position:relative;
	letter-spacing: .0.5em;
	padding:0px 0px 0 80px;
	margin:0 20px 10px 0;
	vertical-align:baseline;
	font-size:16px;	
	color:rgba(0,0,0,1);
	line-height: 30px;
	font-family:"Noto Sans KR",serif;
	text-align:left;
}

.wedding-point .hallDesc .ctr {
	display:inline-block;
}

.wedding-point .hallDesc .tit span {
	position:absolute;
	left:0;top:0px;
	display:block;
	width: 70px; 
	font-weight: normal; 	
	padding-left:15px;
	color:rgba(0,0,0,1);
	background:rgba(235,235,235,1);
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family:"Noto Sans KR",serif;
	border-radius:15px;
	line-height:30px;
	text-align:center;
}

.wedding-point .detail-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 2px solid #101010;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 16px;
	font-weight:500;
    line-height: 1.43;
    color: #101010;
}
.wedding-point .detail-link i {
	font-size: 14px;
}

.wedding-point .floor-desc {
	position:relative;
	margin-top:30px;
	display:inline-block;
	padding:30px 0px 0 0px;
}

.wedding-point .floor-desc .tit {
	display:block;
	position:relative;
	letter-spacing: .0.5em;
	padding: 0px 0px 0 85px;
	margin:0 20px 10px 0;
	vertical-align:baseline;
	font-size:16px;	
	color:rgba(0,0,0,1);
	line-height: 30px;
	text-align:left;
}

.wedding-point .floor-desc .ctr {
	display:inline-block;
}

.wedding-point .floor-desc .tit span {
	position:absolute;
	left:0;top:0px;
	display:block;
	width: 70px; 
	font-weight: normal; 	
	padding-left:15px;
	color:rgba(0,0,0,1);
	background:rgba(235,235,235,1);
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family:"Raleway","Gothic A1",serif;
	border-radius:15px;
	line-height:30px;
	/*border:1px solid rgba(195,135,100,1);*/
	text-align:center;
	
}



@media screen and (max-width: 1280px) {
	.wedding-point .txt {
		padding:20px 0px 40px;
	}
	.wedding-point .detail h1 {
		font-size: 30px;
		margin-bottom:30px;
	}
	.wedding-point .detail h1.big {
		font-size: 50px;
	}
	.wedding-point .detail h1.mid {
		font-size: 40px;
	}
	.wedding-point .detail h4 {
		font-size:16px;
	}
	.wedding-point .detail p {
		font-size:16px;
	}
	.wedding-point .detail .point-tit {
		margin-top:-10%;
		padding:0px 0 0;
	}
	.wedding-point .detail .point-tit .point-tit-slogan {
		font-size: 60px;
	}
	.wedding-point .detail .point-tit .point-tit-name {
		font-size: 40px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan2 {
		font-size: 100px;
	}
	.wedding-point .detail .point-tit .point-tit-name2 {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.about-slogan {
		margin-bottom:0px;
	}
	.wedding-point .detail h1 {
		font-size: 24px;
	}
	.wedding-point .detail h1.big {
		font-size: 40px;
		line-height:140%;
	}
	.wedding-point .detail h1.mid {
		font-size: 34px;
		line-height:140%;
	}
	.wedding-point .detail h4 {
		font-size:15px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan {
		font-size: 50px;
	}
	.wedding-point .detail .point-tit .point-tit-name {
		font-size: 30px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan2 {
		font-size: 80px;
	}
	.wedding-point .detail .point-tit .point-tit-name2 {
		font-size: 22px;
	}
	
	.wedding-point .photo-out {
		text-align:left;
		padding:0px 0 40px;
		margin-top:0;
	}
	.wedding-point .photo-out:last-child {
		padding:0px 0 40px;
	}
	.wedding-point .photo {
		width:100%;
	}
}


@media screen and (max-width: 640px) {

	.wedding-point .detail h1 {
		font-size: 20px;
	}
	.wedding-point .detail h1.big,
	.wedding-point .detail h1.mid {
		font-size: 30px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan {
		font-size: 34px;
	}
	.wedding-point .detail .point-tit .point-tit-name {
		font-size: 24px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan2 {
		font-size: 60px;
	}
	.wedding-point .detail .point-tit .point-tit-name2 {
		font-size: 22px;
	}
	.wedding-point .detail .point-tit {
		margin-top:30px;
	}
}

@media screen and (max-width: 480px) {
	.wedding-point .txt {
		padding:20px 20px 40px;
	}
	.wedding-point .detail .ment {
		padding:0px 20px 0px;
	}
	.wedding-point .detail h1.big,
	.wedding-point .detail h1.mid {
		font-size: 26px;
	}
	.wedding-point .detail .point-tit {
		padding:0 20px;
	}
}
@media screen and (max-width: 375px) {
	
	
	.wedding-point .detail .point-tit .point-tit-slogan {
		font-size: 40px;
	}
	.wedding-point .detail .point-tit .point-tit-slogan2 {
		font-size: 50px;
	}
}

.wedding-icon-point {
	position:relative;
	display:block;
	text-align:center;
    color: rgba(80,50,20,1);
    color: rgba(160,130,105,1);
	font-size:0;
	margin: 0px 0 0px 0;
	
}
.point-border {
	border-color:rgba(205,205,205,.3);
	border-style:solid;
	border-width:1px;
	border-left:none;
	border-right:none;
}

.wedding-icon-point-in {
	position:relative;
	display:inline-block;
	width:auto;
	text-align:center;
	margin:0 auto;
	vertical-align:top;
	
}
.wide .wedding-icon-point-in {
	max-width:100%;
}
.max-width-600 {
	max-width:600px;
}
.max-width-700 {
	max-width:700px;
}

.wedding-icon-point .point-icon {
	position:relative;
	display:inline-block;
	padding:20px 30px 30px;
	vertical-align:top;
	margin:20px;
	overflow:hidden;
	-webkit-border-radius: 10px; 
	   -moz-border-radius: 10px; 
		    border-radius: 10px;
}
.wedding-icon-point-main .point-icon {
	padding:20px 10px 20px;
	margin:10px;
	width:200px;
}
.wedding-icon-point-width {
	max-width:auto;
}
@media screen and (max-width: 1700px) {
	.wedding-icon-point-main .point-icon {
		width:180px;
	}
}
@media screen and (max-width: 1600px) {
	.wedding-icon-point-width {
		max-width:700px;
	}
}
.wedding-icon-point-main .strong {
     color: rgba(80,50,20,1);
	 color: rgba(160,130,105,1);
	font-weight:700;
}

.wedding-icon-point .bg {
	background: rgba(250,250,250,1);
}
.wedding-icon-point .line {
	border: 1px solid rgba(160,130,105,.5);
}

/*.wedding-icon-point .point-icon:nth-child(4) {
	clear:left;
}*/
.wedding-icon-point .point-icon .img {
	position:relative;
	width:auto;
	height:120px;
}
.wedding-icon-point .icon-bg .img {
	height:130px;
	border:1px solid rgba(205,205,205,.3);
	background:rgba(250,250,250,1);
	background:rgba(255,255,255,1);
	margin-bottom:15px;
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
			border-radius: 10px 10px 10px 10px;
}
.wedding-icon-point .point-icon .img img {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.wedding-icon-point .point-icon h1 {
	position:relative;
	font-size:16px;
	font-weight:500;
	line-height:150%;
	font-family:"Gothic A1",serif;
}
.wedding-icon-point .point-icon .point-ment {
	position:relative;
	font-size:15px;
	font-weight:500;
	line-height:155%;
	font-family:"Gothic A1",serif;
	/*font-family:"Noto Serif KR",serif;*/
}
@media screen and (max-width: 768px) {
	.wedding-icon-point .point-icon {
		margin:0 5px 0px;
	}
	.wedding-icon-point-main .point-icon {
		margin:10px;
	}
	.wedding-icon-point-in {
		max-width:680px;
	}
	.wedding-icon-point-main .wedding-icon-point-in {
		padding:0px 0px 0px;
		max-width:100%;
	}
}

@media screen and (max-width: 480px) {
	.wedding-icon-point-in {
		padding:0px 20px 0px;
		overflow:hidden;
		max-width:400px;
	}
	.wedding-icon-point .point-icon {
		margin:0 5px 10px;
		width:calc(50% - 10px);
		padding:20px 10px 20px;
	}
	.wedding-icon-point-main .wedding-icon-point-in {
		padding:0px 15px 0px;
		max-width:100%;
	}
	.wedding-icon-point-main .point-icon {
		margin:0 5px 10px;
		width:calc(50% - 10px);
		padding:20px 10px 20px;
	}
	.wedding-icon-point .point-icon .img {
		width:auto;
		height:100px;
	}
	.wedding-icon-point .point-icon .img img {
		width:50%;
	}
	.wedding-icon-point .point-icon h1 {
		font-size:14px;
	}
	
	.wedding-icon-point .point-icon .point-ment {
		font-size:14px;
	}
}
@media screen and (max-width: 320px) {
	.wedding-icon-point .point-icon {
		
		padding:10px 5px 20px;
	}
	.wedding-icon-point .point-icon .img {
		width:auto;
		height:90px;
	}
}


.menu-section {
	position:relative;
	padding:100px 0;
}

.menu-point {
	position:relative;
	width:100%;
	display:table;
	background:#fff;
}
.menu-point .detail {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:top;
	order:1;
}
.menu-point .photo {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:top;
	order:2;
}
.menu-point .photo-grid {
	padding: 0px 0 0;
}
.menu-point .inner {
	position:relative;
	padding:20px 100px 20px;
	vertical-align:top;
}

.menu-point .detail h1 {
	font-size: 32px;
	color: #000;
    word-break: keep-all;
	letter-spacing: -1px;
	line-height:150%;
	font-weight:400;
	margin-bottom:40px;
}

.menu-point .detail h1.big {
	font-size: 60px;
	line-height:130%;
}
.menu-point .detail h1.mid {
	font-size: 50px;
	font-weight:700;
	line-height:140%;
}

.menu-point .detail h4 {
	font-size:16px;
	color: #000;
	color: rgba(160,130,105,1);
	margin-bottom:20px;
	font-weight:600;
	font-family:"Raleway",serif;
}
.menu-point .detail p {
	font-size:20px;
	color: #000;
	font-weight:400;
}

.menu-point .detail-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 2px solid #101010;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 16px;
	font-weight:500;
    line-height: 1.43;
    color: #101010;
}
.menu-point .detail-link i {
	font-size: 14px;
}

@media screen and (max-width: 1280px) {
	.menu-section {
		padding:60px 0;
	}
	.menu-point .inner {
		padding:20px 100px 20px 0px;
	}
	.menu-point .right .inner {
		padding:20px 0 20px 100px;
	}
	.menu-point .detail h1 {
		font-size: 30px;
		margin-bottom:30px;
	}
	.menu-point .detail h1.big {
		font-size: 50px;
	}
	.menu-point .detail h1.mid {
		font-size: 40px;
	}
	.menu-point .detail h4 {
		font-size:16px;
	}
	.menu-point .detail p {
		font-size:16px;
	}
	
}

@media screen and (max-width: 768px) {
	
	.menu-point .detail h1 {
		font-size: 24px;
	}
	.menu-point .detail h1.big {
		font-size: 40px;
		line-height:140%;
	}
	.menu-point .detail h1.mid {
		font-size: 34px;
		line-height:140%;
	}
	.menu-point .detail h4 {
		font-size:15px;
	}
	.menu-point {
		display: flex;
		flex-flow: row wrap;
		width:100%;
	}
	.menu-point .photo {
		display:block;
		width:100%;
	}	
	.menu-point .detail {
		display:block;
		width:100%;
	}
	.menu-point .inner {
		padding:0px 0px 40px 0px;
	}
	.menu-point .right .inner {
		padding:0px 0 40px 0px;
	}
}


@media screen and (max-width: 640px) {

	.menu-point .detail h1 {
		font-size: 20px;
	}
	.menu-point .detail h1.big,
	.menu-point .detail h1.mid {
		font-size: 30px;
	}
	
}

@media screen and (max-width: 480px) {
	.menu-section {
		padding:0px 0 10px;
		background:rgba(245,245,245,1);
	}
	.menu-section:last-child {
		padding:0px 0 0px;
	}
	.menu-point {
		padding:40px 20px 40px;
	}
	.menu-point .detail h1.big,
	.menu-point .detail h1.mid {
		font-size: 26px;
	}
}
@media screen and (max-width: 375px) {
}



#collection-link-area {
	position:relative;
	margin:0 0 100px;
	padding:100px 0;
}
.collection-bar {
	position:absolute;
	left:50%;
	width:1px;
	height: 120px;
	top: -60px;
	background:rgba(160,130,105,.7);
	z-index:2;
}
.collection-tit {
	position:relative;
	text-align:center;
}
.collection-tit h1 {
	font-size: 80px;
	letter-spacing: 0px; 
	line-height: 100%; 	
	color: rgba(160,130,105,.7);
    color: rgba(0,0,0,1);	
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	position:relative;
	text-transform:uppercase;
	padding:5px 0 20px 0;
}
.collection-tit h2 {
	font-size: 50px;
	color: #000;
	letter-spacing: 0px;
	line-height:100%;
	color: rgba(160,130,105,1);
	font-family: "Pinyon Script","Noto Serif KR", sans-serif;
}
.collection-tit p {
	font-size: 20px;
	color: #000;
	letter-spacing: 0px;
	line-height:150%;
}


.collection-copy {
	text-align:center;
	font-size: 16px;
	color: #000;
	letter-spacing: 0px;
	line-height:160%;
	font-family:"Noto Sans KR",serif;
	
}


.bg-collection {
	background:#fff;
    background:rgba(60,45,45,1);
	background:rgba(160,130,105,1);
}
.bg-collection .collection-bar {
	background:#906048;
}
.bg-collection h1 {
	color:#fff;
}
.bg-collection h2 {
	color:#fff;
}
.bg-collection p {
	color:#fff;
}
.bg-collection .partners-item .partners-img .view-bg {
	background:rgba(0,0,0,1);
	opacity: 0.75;
}


.bg-collection2 {
	background:#fff;
    background:rgba(60,45,45,1);
}

.bg-collection2 h1 {
	color:#fff;
}
.bg-collection2 p {
	color:#fff;
}


.hall-collection-group {
	position:relative;
    min-height: 1px;
	padding:80px 0;
}

.hall-collection-group .partners-list li {
	box-shadow:none;
}
.hall-collection-group .partners-list li:hover {
	box-shadow:none;
}

@media screen and (max-width: 768px) {
	.collection-tit h1 {
		font-size: 60px;
		padding:5px 0 20px 0;
	}
	.collection-tit h2 {
		font-size: 40px;
	}
	.collection-tit p {
		font-size: 18px;
	}
}
@media screen and (max-width: 640px) {
	.collection-tit h1 {
		font-size: 50px;
		padding:5px 0 20px 0;
	}
	.collection-tit h2 {
		font-size: 30px;
	}
	.collection-tit p {
		font-size: 16px;
	}
	#collection-link-area {
		margin:0 0 50px;
		padding:80px 0 60px;
	}
	#collection-link-area .bar {
		height: 80px;
		top: -40px;
	}
	.hall-collection-group {
		padding:60px 0 40px;
	}
}

#partners-top {
}

#partners-top {
	padding:120px 0 0;
}
#partners-top.normal {
	padding:60px 0 0;
}
.lnb-use #partners-top {
	padding:160px 0 40px;
}
.lnb-use #partners-top.normal {
	padding:60px 0 40px;
}
#partners-top .partners-title {
	padding:120px 0 40px;
	text-align:center;
}
#partners-top.normal .partners-title {
	padding:40px 0 40px;
}
#partners-top .partners-title .logo {
	position:relative;
	width:100%;
	margin:0 auto;
	display:inline-block;
	padding:0px 0 40px;
}
#partners-top .partners-title .logo img {max-width:100%;}

#partners-top .partners-title h1 {
	position: relative;
	font-size: 70px; 	
    color: rgba(34,34,34,1);
	color: rgba(60,45,45,1);
	font-weight:500;
	font-family:"Noto Sans KR",serif;
	letter-spacing: -0.5px;
	line-height: 130%;
	
}
#partners-top .partners-title h2 {
	position: relative;
	font-size: 20px;
	letter-spacing:2px; 
	line-height: 160%; 	
    color: rgba(34,34,34,1);
	position:relative;
	padding:0px 0 20px;
	font-weight:400;
}
#partners-top .partners-title h3 {
	position: relative;
	font-size: 18px;
	letter-spacing: 0px; 
	line-height: 170%; 	
    color: rgba(34,34,34,1);
	position:relative;
	padding:40px 0 0px;
}
#partners-top .partners-title .textile-effect {
	visibility: hidden;
}
#partners-top .partners-title .textyle-effect {
	opacity: 0;
	perspective: 200px;
}
#partners-top .partners-title .texyle-effect span {
	transform: rotateY(-90deg);
	opacity: 0;
}
#partners-top .partners-title .texyle-effect2 {
	opacity: 0;
}
#partners-top .partners-title .texyle-effect2 span {
	position: relative;
	top: 30px;
	left: 0px;
	opacity: 0;
}

@media screen and (max-width: 1280px) {
	#partners-top .partners-title h1 {
		font-size: 60px;
	}
	#partners-top .partners-title h2 {
		font-size: 18px;
	}
	#partners-top .partners-title h3 {
		font-size: 16px;
	}
}

@media screen and (max-width: 1024px) {
	#partners-top {
		padding:60px 0 0 !important;
	}
}

@media screen and (max-width: 768px) {
	
	#partners-top .partners-title h1 {
		font-size: 50px;
	}
	#partners-top .partners-title h2 {
		font-size: 16px;
	}
	
}

@media screen and (max-width: 480px) {
	#partners-top .partners-title {
		padding:100px 0 50px;
	}
	#partners-top .partners-title h1 {
		font-size: 44px;
	}
}

.about-area {
	width:100%;position:relative;padding:0px 0 100px;
}
.bg-movie {
	background:rgba(160,130,105,1);
}
.bg-why {
    background: rgba(60,45,45,1);
}
#whyHead {
	position: relative;text-align: center; padding: 100px 0 80px;margin:0px auto 0px;
}
#whyHead:before {
	display: block;
    background:rgba(51,51,51,1);
	background:rgba(64,64,64,.4);
    width: 1px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
}

#whyHead h1 {
	font-size: 70px;
	letter-spacing:-1px; 
	line-height: 1.2; 
	color: rgba(60,45,45,1);
	
	font-family: "Pinyon Script","Noto Serif KR", sans-serif;
	font-family: 'Bodoni Moda', 'Noto Sans KR', sans-serif;
	position:relative;
	text-align:center;
	padding-bottom:20px;
}
#whyHead h1 strong {
	font-weight:500;
}

#whyHead h2 {
	font-size: 20px; font-style: normal; letter-spacing: 0; line-height: 1.5; 
	
	color:rgba(16,16,16,1);
	font-family:"Raleway", "Noto Sans KR", serif;
	margin-bottom:10px;
}

#whyHead h3 {
	font-size: 16px; letter-spacing: 0; line-height: 170%; 
	color:rgba(64,64,64,1);
	margin-top:10px;
}
.bg-movie #whyHead:before {
	background:rgba(255,255,255,.4);
}

.bg-movie #whyHead h1 {
	color:#fff;
}
.bg-movie #whyHead h2 {
	color:#fff;
}

.bg-movie #whyHead h3 {
	color:#fff;
}

.bg-movie #inVideoCtrl .video-pause {
	background:rgba(195,135,100,1) url(/imgs/video/w_pause.png) 60% center no-repeat;
	background:rgba(55,45,40,1) url(/imgs/video/w_pause.png) center center no-repeat;
}
.bg-movie #inVideoCtrl .sound-play {
	background:rgba(55,45,40,1) url(/imgs/video/w_sound_on.png) center center no-repeat;
}

.bg-why #whyHead h1 {
	color:rgba(160,130,105,1);
}
.bg-why #whyHead h2 {
	color:#fff;
}

.bg-why #whyHead h3 {
	color:#fff;
}
.bg-why #whyHead:before {
	background: rgba(160,130,105,.7);
}



@media screen and (max-width: 768px) {
	#whyHead h1 {
		font-size: 60px;
		padding-bottom:20px;
	}
	#whyHead.sub h1 {
		font-size: 40px;
	}
	#whyHead h2 {
		font-size: 18px;
	}
	
	#whyHead h3 {
		font-size: 16px;
	}
	.about-area {
		padding:0px 0 40px;
	}
}
@media screen and (max-width: 480px) {
	#whyHead h1 {
		font-size: 50px;
	}
	#whyHead h2 {
		font-size: 16px;
	}
	#whyHead {padding: 80px 0 40px;}
	#whyHead:before {
		width: 1px;
		height: 50px;
	}
}

.partners-detail {
	position:relative;
	padding:0px 0 0px;
	margin:0px 0 0px;
	width:100%;
	display:table;
}
.partners-detail:last-child {
	margin:0px 0 0px;
}
.partners-detail .photo {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:top;
	order:1;
}
.partners-detail .photo img {
	position:relative;
	width:100%;height:auto;
}

.partners-detail .detail {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:middle;
	order:2;
	text-align:center;
	padding:20px;
	background: rgba(160,130,105,.1);
}
.partners-detail .detail .inner {
	
}

.partners-detail .sepLogo {position:relative;display:inline-block;text-align:center;margin-bottom:30px;}

.partners-detail .category {
	margin:0px 0 0px 0px; 
	padding:0 20px 0; 
	height:40px; 
	line-height:38px; 
	border-radius:30px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:18px; 
	color:rgba(160,130,105,1);
	vertical-align:top;
	border:1px solid rgba(160,130,105,.7);
	font-family: 'Bodoni Moda', 'Noto Sans KR', sans-serif;
}

.partners-detail .detail-name {
	line-height:130%;
	color:rgba(160,130,105,1);
	font-size:22px;
	letter-spacing:0px;
	font-family: "Pinyon Script","Noto Serif KR", sans-serif;
	font-family: 'Bodoni Moda', 'Noto Sans KR', sans-serif;
}
.partners-detail .detail-nameSub {
	font-size: 26px;
    letter-spacing: -1px;
    line-height: 140%;
	color:rgba(0, 0, 0, 1);
	color: rgba(60,45,45,1);
    word-break: keep-all;
    margin: 20px auto 40px;
}
.partners-detail .detail-nameMent {margin:20px 0 0;line-height:170%; font-size:18px;font-family: 'Noto Sans KR', sans-serif;color:rgba(16,16,16,1);}
.partners-detail .detail-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 2px solid #101010;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 14px;
	font-weight:500;
    line-height: 1.43;
    color: #101010;
}
.partners-detail .detail-link i {
	font-size: 12px;
}

.bg-why .partners-detail .category {
	color:rgba(160,130,105,1);
	border:1px solid rgba(160,130,105,.7);
}
.bg-why .partners-detail .detail-name {
	color:#fff;;
}
.bg-why .partners-detail .detail-nameSub {
	color:#fff;;
}
.bg-why .partners-detail .detail-nameMent {
    color:rgba(255,255,255,.6);
}
.bg-why .partners-detail .detail-link {
    border-bottom: 1px solid #fff;
    color:#fff;
}
.bg-why .partners-detail .detail {
	background: rgba(160,130,105,.1);
}

@media screen and (max-width: 1280px) {
	.partners-detail .detail-nameSub {
		font-size: 22px;
		margin: 20px auto 20px;
	}
	.partners-detail .detail-nameMent {font-size:16px;}
}

@media screen and (max-width: 768px) {
	.partners-detail {
		display: flex;flex-flow: row wrap;
		margin-bottom:40px;
	}
	.partners-detail .photo,
	.partners-detail .detail {
		display:block;
		width:100%;
	}	
	.partners-detail .detail {
		padding:40px 20px;
		/*background:rgba(250,250,250,1);*/
	}	
}

@media screen and (max-width: 640px) {
	.partners-detail {
		margin-bottom:20px;
	}

}

.chef-profile-area {
	position:relative;
	padding:0 0 150px;
}
.chef-profile-top {
	position:relative;
	padding:0px 0 0px;
}
.chef-profile-top.sub {
	padding:30px 0 0px;
}
.chef-profile-top .background {
    width: 80%;
    height: 500px;
    z-index: 1;
    background: #eee;
	margin-left: auto;
}
.chef-profile-top .background img {
    width: 100%;
    height: 100%;
	max-width:100%;
    object-fit: cover;
}
.chef-profile-top .visual-cover {
	position:absolute;
	top:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:2;
}
.chef-profile-area .chef-profile-text {
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: left;
	color:#000;
	margin-top:-150px;
    padding-left: calc(30%);
}

.chef-profile-text .profile-subject {
	padding-bottom:100px;
	color:#fff;
}

.chef-profile-text .chef-name {
	font-size: 50px;
	letter-spacing: -0.5px; 
	line-height: 140%;
	font-weight:500;
	
}
.chef-profile-text .chef-name strong {
	font-weight:700;
}
.chef-profile-text .chef-nameSub {
	margin:0px 0 0px;
	letter-spacing: -1px; 
	font-size: 30px; 
	font-weight:400;
	font-style: normal; line-height: 130%;; 
}
.chef-profile-text .chef-nameSub strong {
	font-weight:700;
}

.chef-profile-text .chef-nameMent {margin:30px 0 0;line-height:170%; font-size:18px;font-family: 'Gothic A1', sans-serif;color:rgba(16,16,16,1);}

.chef-profile-text .category {
	margin:0px 0 20px 0px; 
	padding:0 20px 0 20px; 
	height:30px; 
	line-height:30px; 
	border-radius:20px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:14px; 
	color:#000;
	font-weight:400;
	vertical-align:top;
	background:#fff;
	border:1px solid rgba(0,0,0,1);
}

.chef-profile-text .profileDesc {
	padding:0 0 30px 0;
	text-align:left;
}


.chef-profile-text .profileDesc > ul { margin: 0px 0 20px; padding: 0; list-style:disc !important; padding-left: 20px; text-align:left;}
.chef-profile-text .profileDesc > ul > li { font-size:16px;list-style:disc !important; letter-spacing: .0.5em; line-height: 1.5; margin-bottom:5px;}
.chef-profile-text .profileDesc > ul > li strong {font-weight:700;}


.chef-profile-area .chef-profile-img {
	position:absolute;
	top:-100px;
	right:100px;
	z-index:2;
	width:340px;
}
.chef-profile-area .chef-profile-img img {
	position:relative;
	width:100%;
	max-width:100%;
}

@media screen and (max-width: 1440px) {
	.chef-profile-area {
		padding:0px 0 100px;
	}

	.chef-profile-area .chef-profile-text {
		padding-left: calc(30%);
	}
	
}
@media screen and (max-width: 1280px) {
	.chef-profile-area .chef-profile-text {
		padding-left: calc(25%);
	}
	.chef-profile-area .chef-profile-img {
		right:50px;
		width:260px;
	}
}

@media screen and (max-width: 768px) {
	.chef-profile-area {
		padding:0px 0 60px;
	}
	.chef-profile-top .background {
		width:100%;
	}
	.chef-profile-area .chef-profile-text {
		padding-left: calc(50px);
	}
	.chef-profile-area .chef-profile-img {
		right:50px;
		width:200px;
	}
	
}

@media screen and (max-width: 480px) {
	.chef-profile-area {
		padding:0px 0 0px;
	}
	.chef-profile-top .background {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.chef-profile-area .chef-profile-text {
		margin-top:0;
		padding: 60px 40px 40px;
		color:#fff;
	}
	.chef-profile-text .profile-subject {
		padding-bottom:0px;
	}
	.chef-profile-area .chef-profile-img {
		position:relative;
		width:100%;
		top:auto;
		right:auto;
		margin:40px 0;
	}
	.chef-profile-text .chef-name {font-size:30px;}
	.chef-profile-text .chef-nameSub {font-size:22px;margin:0px 0 10px;}
	.chef-profile-text .profileDesc {
		padding:0 0 10px 0;
	}
}



.food-menu-list {
	position:relative;
	margin: 50px auto 50px; 
	padding: 0 7.5%; 
	text-align:center;
	font-family:"Noto Serif KR",serif;
}
.food-menu-list .main-tit {
	color: rgba(255,255,255,1);
	text-transform:uppercase;	
	background:rgba(20,90,125,1);
	
	display: inline-block;
	*display: inline; *zoom: 1; 
	width: 100%; 
	width:auto;
	height: 50px; 
	line-height: 46px; 
	text-align: center; 
	font-size: 26px; letter-spacing: .0em; 
	font-weight:400;
	position: relative; 
	padding: 0 20px; 
	margin-bottom:60px;
}
.food-menu-item {
	margin: 0px auto 70px; 
}
.food-menu-item h1 {
	font-size:30px;
	color:#854b20;
	line-height:100%;
	letter-spacing:-1.5px;
	font-weight:500;
}
.food-menu-item .sep {
	position:relative;
	display:inline-block;
	padding:20px;
	color:#854b20;
	line-height:100%;
	font-size:12px;
}
.food-menu-item .sep .rect {
	position:relative;
	display:inline-block;
	width:7px;
	height:7px;
	margin:2px;
	background:#854b20;
	font-size:0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
			transform: rotate(45deg);
}
.food-menu-item .sep:before { content:''; position:absolute; top:50%; left:0; right:0; height:1px; margin-top:-1px; width:100%; background:#854b20; }

.food-menu-item h2 {
	font-size:22px;
	color:#854b20;
	line-height:100%;
	margin-bottom:20px;
	letter-spacing:-0.5px;
}
.food-menu-item > ul {
}
.food-menu-item > ul > li {
	font-size:18px;
	color:#3d2c26;
	line-height:150%;
	margin-bottom:20px;
	letter-spacing:-0.5px;
}
.food-menu-item > ul > li .ment {
	font-size:16px;
	color:#666;
	line-height:150%;
	margin:10px 0 20px;
	letter-spacing:-0.5px;
}

.food-menu-list .food-footer {
	position:relative;
	padding-top:50px;
}
.food-menu-list .food-footer .logo {
	
}
.food-menu-list .food-footer .ment {
	padding-top:30px;
	font-size:14px;
}

@media screen and (max-width: 1024px) {
	.food-menu-item {
		margin: 0px auto 50px; 
	}
	
}

@media screen and (max-width: 768px) {
	.food-group .tit {
		font-size:30px;
		margin:20px 0;
	}
	.tabsType01 li a{
		height:50px;
		line-height:50px;
		font-size:16px;
	}
	.food-menu-list .main-tit {
		font-size:20px;
		height: 40px; 
		line-height: 36px; 
	}
}


@media screen and (max-width: 480px) {
	.food-group .tit {
		font-size:20px;
	}
	.tabsType01 li a{
		height:40px;
		line-height:40px;
		font-size:14px;
	}
	
	.food-menu-item h1 {
		font-size:26px;
	}
	.food-menu-item h2 {
		font-size:20px;
	}
	.food-menu-item > ul > li {
		font-size:16px;
		margin-bottom:15px;
	}
	.food-menu-item > ul > li .ment {
		font-size:14px;
	}
	.food-menu-list .food-footer {
		padding-top:20px;
	}
	.food-menu-list .food-footer .ment {
		font-size:14px;
	}

}
@media screen and (max-width: 360px) {
	
	.food-menu-item h1 {
		font-size:30px;
	}
	.food-menu-item h2 {
		font-size:18px;
	}
	.food-menu-item > ul > li {
		font-size:14px;
	}
	.food-menu-item > ul > li .ment {
		font-size:12px;
	}
	.food-menu-list .food-footer .logo img {
		width:200px;
	}
}

.process-summary {
	position:relative;
	display:table-cell;
	width:40%;
	vertical-align:top;
	order:1;
}
.process-detail {
	position:relative;
	display:table-cell;
	width:60%;
	vertical-align:top;
	order:2;
	padding: 40px 60px 60px 60px;
}

.process-detail .process-title {
	position:relative;
	background:rgba(20,90,125,1);
	background:rgba(20,90,125,1) url(/imgs/gnb/tab_bg.png) center;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:30px;	
	overflow:hidden;
	-webkit-border-radius: 10px 0 10px 10px; 
	   -moz-border-radius: 10px 0 10px 10px; 
			border-radius: 10px 0 10px 10px;
}
.process-detail .process-at {
	display:table;
	vertical-align:top;
	position:relative;
	text-align:left;
}
.process-detail .process-at .process-line {
	position:relative;
	display:table-cell;
	width:60px;
}
.process-detail .process-at .process-line .circle {
    content: "";
    position: absolute;
    top:40px;
	left:50%;
    -webkit-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border:rgba(20,90,125,1) 2px solid;
    border-radius: 50%;
	z-index:2;
}
.process-detail .process-at .process-line .line {
	z-index:1;
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background:rgba(20,90,125,1);
}
.process-detail .process-at:first-child .process-line .line {
	top: calc(50% - 10px);;
    height: calc(50% + 10px);
}
.process-detail .process-at:last-child .process-line .line {
    
    height: calc(50% - 10px);
}
.process-detail .process-at .process-inner {
	padding:20px 0 10px 0px;
}

.process-detail .process-at:last-child .process-inner {
	/*padding-bottom:0px;*/
}
.process-detail .process-at .process-num {
	display:table-cell;
	font-size:60px;
	line-height:100%;
	font-family:"Bodoni Moda",sans-serf;
	font-style:italic;
	color:rgba(20,90,125,1);
	vertical-align:top;
	padding:0px 30px 0 0;
}
.process-detail .process-at .process-desc {
	display:table-cell;
	vertical-align:top;
	padding:10px 20px 0 0px;
}
.process-detail .process-at .process-desc h1 {
	font-size:22px; 
	line-height:150%;
	font-weight:500;
	display:block;
	color:#000;
	letter-spacing:0px;
	padding:0px 0 10px 0px;
}
.process-detail .process-at .process-desc h2 {
	font-size:16px; 
	line-height:1.4;
	letter-spacing:-0.5px;
	display:block;
	font-family:"Bodoni Moda","Noto Serif KR", sans-serif;
	font-style:italic;
	color:rgba(60,40,40,1);
	color:rgba(20,90,125,1);
	margin:0px 0px 20px;
}
.process-detail .process-at .process-desc .desc {
	line-height:160%;
	color:rgba(60,40,40,1);
	font-size:16px;
	padding:0px 0px 0px;
}
.process-detail .process-at .process-desc .desc ul {
	margin: 10px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em;
}
.process-detail .process-at .process-desc .desc ul > br {
	display:none;
}
.process-detail .process-at .process-desc .desc ul li { 
	font-size: 16px; list-style:circle outside none;letter-spacing: 0px; line-height: 160%;
	margin-bottom:8px;
}
@media screen and (max-width: 1280px) {
	.process-detail {
		
		padding:40px 0px 40px 0;
	}
}
@media screen and (max-width: 768px) {
	.process-summary {
		display: block;
	    width: 100%;
	}
	.process-detail {
		display: block;
	    width: 100%;
		padding:0px 0px 40px 0;
	}
	
}
@media screen and (max-width: 480px) {
	.process-detail .process-at .process-line {
		width:50px;
	}
	.process-detail .process-at .process-num {
		font-size:40px;
		padding:7px 15px 0 0;
	}
	.process-detail .process-at .process-desc h1 {
		font-size:20px; 
	}
	.process-detail .process-title {
		font-size:22px;	
		-webkit-border-radius: 0px 0 0px 0px; 
		   -moz-border-radius: 0px 0 0px 0px; 
				border-radius: 0px 0 0px 0px;
	}
}
.slogonArea {
	position: relative;
	
}
.slogan-detail-area {
	position: relative;
	
}
.slogan-detail {
	position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	
	overflow:hidden;
	
}

.slogan-detail-flex {
	position:relative;
	padding:0px 0 0px;
	font-size:16px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
			
	
}

.slogan-detail .photo {
	position:relative;
	display:block;
	vertical-align:top;
	
	order:1;
	z-index:3;
}
.slogan-detail .detail {
	position:relative;
	display:block;
	align-self:flex-end;
	order:2;
	color:rgba(115,115,115,1);
	z-index:1;
	min-width:40%;
}
.slogan-detail:nth-child(even) .slogan-detail-flex {
	align-items: flex-end;
    justify-content: flex-end;
}

.slogan-detail:nth-child(even) .photo {
	order:1;
}
.slogan-detail:nth-child(even) .detail {
	order:2;
}

.bg-use .slogan-detail-area {
	padding:150px 0;
}
.detail-bg-use .slogan-detail .detail,
.bg-use .slogan-detail .detail {
	color:rgba(254,252,244,1);
}

.slogan-detail .photo-img {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.slogan-detail .photo-img .img {
	position: relative;
	display:inline-block;
	width:auto;
}


.slogan-detail .inner {
	position:relative;
	padding:0px 40px 0 80px;
	padding-bottom:20px;
	vertical-align:top;
	z-index:2;
}
/*.slogan-detail:nth-child(even) .inner {
	padding:0px 80px 0 40px;
}*/
.slogan-detail .detail-bg {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:120%;
	height:120%;
	z-index:1;
	background:rgba(6,92,64,1);
	display:none;
}
.slogan-detail:nth-child(even) .detail-bg {
	background:rgba(160,130,105,1);
}

.detail-bg-use .slogan-detail .detail-bg {
	display:block;
}
.bg-use.detail-bg-use .slogan-detail .detail-bg {
	background: rgba(247,244,231,1);
}
.bg-use.detail-bg-use .slogan-detail .detail {
	color:rgba(115,115,115,1);
}


.slogan-detail ul.ul-info { margin: 0px 0 0; padding: 0; list-style: disc !important; padding-left: 1.5em; }
.slogan-detail ul.ul-info li { font-size: 16px; list-style:circle outside none;letter-spacing: -0.5px; line-height: 1.5; margin-bottom:5px;}

.slogan-detail .category {
	margin:0px 0 20px 0px; 
	padding:0 15px 0 15px; 
	height:30px; 
	line-height:28px; 
	border-radius:15px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:15px; 
	color:#000; 
	vertical-align:top;
	border:1px solid rgba(0,0,0,.2);
}
.slogan-detail .cont-tit {
	position:relative;
	padding:0px 0 0 20px;
	z-index:1;
}
.slogan-detail .cont-tit::before {
	content:''; 
	display: block;
	position: absolute;
	left: 0px;
	width: 4px;
	height: calc(100%);
	top: 0px;
	background: rgba(205,205,205,.3);

	/*position: absolute;
    z-index: -1;
    left:-10%;
	top:50%;
    content: '';
	border:20px solid rgba(205,205,205,.3);
    width: 120px;
    height: 120px;
	border-radius:100%;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;*/
			
}

.slogan-detail .slogan-point-num {
	position:relative;
	font-size:80px;
	letter-spacing:-1px;
	font-family:"Bodoni Moda", serif;
	font-weight:400;
	font-style:italic;
	z-index:1;
	line-height:100%;
	color: rgba(160,130,105,.3);
	left:-10px;
}

@media screen and (max-width: 768px) {
	.slogan-detail .slogan-point-num {
		/*position:absolute;
		right:0px;
		left:auto;
		top:0px;*/
	}
}

.slogan-detail .slogan-big {
	line-height:150%; 
	font-size:44px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Poppins","Gothic A1",serif;
	font-style:normal;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.slogan-detail .slogan-big2 {
	line-height:150%; 
	font-size:36px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Poppins","Gothic A1",serif;
	font-style:normal;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.slogan-detail .slogan-big3 {
	line-height:130%; 
	font-size:34px; 
	color:rgba(80,50,20,1);
	color:rgba(160,130,105,1);
	letter-spacing:-0.5px;
	font-family:"Gothic A1",serif;
	font-weight:600;
}
.slogan-detail strong {
	font-weight:600; 
}
.slogan-detail .slogan-name {
	margin:0px 0 30px;
	line-height:150%; 
	font-weight:300; 
	font-size:1.467em;
	font-size:1.600em;  
	font-size:1.875em;
	font-weight:400;
	font-family: 'Noto Serif KR', serif;
	letter-spacing:-0.5px;
}
.slogan-detail .slogan-name3 {
	line-height:150%; 
	font-weight:500; 
	font-size:22px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
}
.slogan-detail .slogan-nameSub {
	line-height:160%; 
	font-weight:400; 
	font-size:1.125em; 
	font-family: 'Noto Serif KR', serif;
}
.slogan-detail .slogan-nameMent {
	margin:20px 0 0;
	line-height:170%; 
	font-family: 'Gothic A1', serif;
	font-size:1.000em; 
}

.slogan-detail .category2 {
	margin:0px 0 5px 3px; 
	font-family:'Bodoni Moda','Noto Serif KR', sans-serif;
	/*font-style:italic;*/
	
	color: rgba(160,130,105,1);
    color:rgba(80,50,20,1);
	
	font-size:18px;
}
.slogan-detail .category3 {
	margin:0px 0 5px 3px; 
	font-family:'gothic A1', serif;
	font-size:15px;
	letter-spacing:1px;
	color:rgba(80,50,20,1);
	font-weight:500; 
	text-transform:uppercase;
}
.slogan-detail .slogan-name2 {
	line-height:130%; 
	font-weight:600; 
	font-size:32px; 
	letter-spacing:0px;
}
.slogan-detail .slogan-nameSub2 {
	margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:20px; 
}
.slogan-detail .slogan-nameMent2 {
	margin:30px 0 0;
	line-height:180%; 
	font-size:16px;
	font-weight:400;
}

.slogan-detail .hallDesc {
	line-height:140%;
	position:relative;
	/*margin:0px 0 20px;*/
	padding:40px 0px 0 0px;
}
.slogan-detail .hallDesc .tit {
	position:relative;
	display:inline-block;
	letter-spacing: .0.5em;
	padding:0px 0px 0 85px;
	margin:0 20px 10px 0;
	vertical-align:baseline;
	font-size:16px;	
	line-height: 30px;
}
.slogan-detail .hallDesc .tit span {
	position:absolute;
	left:0;top:0px;
	display:block;
	width: 70px; 
	font-weight: normal; 	
	padding-left:15px;
	color:rgba(0,0,0,1);
	background:rgba(235,235,235,1);
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:15px;
	line-height:30px;
	text-align:center;
}
.slogan-detail .slogan-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 2px solid #101010;
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 16px;
	font-weight:500;
    line-height: 1.43;
    color: #101010;
}
.slogan-detail .detail-link i {
	font-size: 14px;
}
.detail-bg-use .slogan-detail .slogan-link,
.bg-use .slogan-detail .slogan-link {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.bg-use.detail-bg-use .slogan-detail .slogan-link {
	color: #101010;
	border-bottom: 2px solid #101010;
}

@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 768px) {
	.slogan-detail-area {
	}
	.bg-use .slogan-detail-area {
		padding:100px 0;
	}
	.slogan-detail-flex {
		-webkit-flex-direction: column;
				flex-direction: column;
		
	}
	.slogan-detail {
		padding:20px 0px 20px 25px;
	}
	
	.slogan-detail .photo {
		/*width:100%;*/
		order:1;
	}
	
	.slogan-detail .detail {
		font-size:15px;
		width:100%;
		order:2;
	}
	.slogan-detail .photo {
		/*text-align:right;*/
	}
	.slogan-detail:nth-child(even) .photo {
		text-align:right;
	}
	.slogan-detail .inner {
		padding:60px 0px 0px 0px;
	}
	.slogan-detail:nth-child(even) .inner {
		padding:60px 0px 0px 0px;
	}
	.slogan-detail .slogan-big {
		font-size:30px; 
	}
}
@media screen and (max-width: 480px) {
	.slogan-detail-area {
		padding:0 0px;
	}
	.bg-use .slogan-detail-area {
		padding:20px 20px;
	}
	.slogan-detail {
		padding:40px 20px 20px 25px;
	}
	
	.slogan-detail .inner {
		padding:40px 0px 0px 0px;
	}
	.slogan-detail:nth-child(even) .inner {
		padding:40px 0px 0px 0px;
	}
	.slogan-detail {font-size:14px}
	.slogan-detail .photo-img img {
		max-width:100%;
	}
	
	.slogan-detail .slogan-big {
		font-size:36px; 
	}
	.slogan-detail .slogan-big2 {
		font-size:30px; 
	}
	.slogan-detail .slogan-big3 {
		font-size:24px; 
	}


}


.special-area {
	position:relative;
}
.special-head {
	position:relative;
	padding:0px 0;
    color:rgba(90,90,95,1);
}

.special-head h1 {
	position:relative;
	line-height:140%; 
	font-weight:300; 
	font-size:24px;  
	font-weight:400;
	display:inline-block;
	letter-spacing:-0.5px;
	color:rgba(80,50,20,1);
}

.special-head .detail-point-num {
	position:relative;
	font-size:80px;
	letter-spacing:-1px;
	font-family:"Bodoni Moda", serif;
	font-weight:400;
	font-style:italic;
	z-index:1;
	line-height:100%;
	color: rgba(160,130,105,.3);
	left:-10px;
}

@media screen and (max-width: 768px) {
	.special-head .detail-point-num {
		position:absolute;
		right:0px;
		left:auto;
		top:0px;
	}
	.do-detail-free:nth-child(even) .special-head .detail-point-num {
		right:auto;
		left:0px;
	}
}

/*.special-head h1:before {content:""; width:16px; height:16px; border-radius:50%; border:3px solid rgba(205,205,205,1); position:absolute; left:-20px; top:-5px; z-index:-1;}*/
.special-head h2 {
	position:relative;
	display:block;
	margin:0px 0 5px 3px;
	line-height:160%; 
	font-weight:400; 
	font-size:18px; 
	color:rgba(80,50,20,1);
	color: rgba(160,130,105,1);
}
.special-head strong {
	font-weight:600;
}
.special-head .big {
	position:relative;
	line-height:150%; 
	font-size:40px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Playfair Display",serif;
	font-style:italic;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.special-head .big-kor {
	color:rgba(80,50,20,1);
	font-family:"Noto Serif KR",serif;
	font-style:normal;
}
.special-head .big-kor-go {
	color:rgba(80,50,20,1);
	color: rgba(160,130,105,1);
	font-family:"Gothic A1",serif;
	font-style:normal;
	font-weight:600;
	font-size:34px; 
	line-height:150%;
}
.special-head .category {
	margin:0px 0 0px 0px; 
	padding:0 15px 0 15px; 
	height:30px; 
	line-height:28px; 
	border-radius:15px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:15px; 
	color: rgba(160,130,105,1);
	vertical-align:top;
	border:1px solid rgba(160,130,105,1);
}
.special-head h3 {
	/*margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:18px; */
	margin:0px 0 0px 3px; 
	/*font-family:'gothic A1', serif;*/
	font-size:18px;
	letter-spacing:1px;
	color:rgba(80,50,20,1);
	font-weight:400; 
	/*text-transform:uppercase;*/
}
.special-head .desc  {
	margin:20px 0 0;
	line-height:180%;
	font-size:16px;
	font-family: 'Gothic A1', sans-serif;
}
.special-head .special-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 1px solid rgba(90,90,95,1);
    font-family: 'Raleway', 'Gothic A1', sans-serif;
    font-weight: 500;
    line-height: 1.43;
    color: rgba(85,55,35,1);
}
.special-head .special-link i {
	font-size: 14px;
}
.special-head .hallDesc {
	line-height:170%;
	position:relative;
	/*margin:0px 0 20px;*/
	padding:40px 0px 0 0px;
	/*font-size:15px;*/
    font-family: 'Gothic A1', sans-serif;
}
.special-head .hallDesc .tit {
	position:relative;
	display:inline-block;
	letter-spacing: .0.5em;
	padding:0px 0px 0 85px;
	margin:0 20px 10px 0;
	vertical-align:baseline;
	font-size:16px;	
	line-height: 30px;
}
.special-head .hallDesc .tit span {
	position:absolute;
	left:0;top:0px;
	display:block;
	width: 70px; 
	font-weight: normal; 	
	padding-left:15px;
	color:rgba(0,0,0,1);
	background:rgba(235,235,235,1);
	padding:0;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:15px;
	line-height:30px;
	text-align:center;
}

.special-head-bar {
	text-align: center; 
	padding: 100px 0 0px;
	margin:0px auto 0px;
}
.special-head-bar:before {
	display: block;
	background:rgba(204,204,204,1);
    width: 1px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
}

.special-head-bar h1 {
	font-size: 40px;
	letter-spacing:0;
}

.special-head-bar h1 strong {
	font-weight:600;
	/*color:rgba(220,120,1,1);*/
}

.special-head-bar h2 {
	margin:20px 0 15px;
}

@media screen and (max-width: 768px) {

	

}
@media screen and (max-width: 480px) {
	.special-head h1 {
		font-size:20px;  
	}
	.special-head h2 {
		font-size:16px; 
	}
	.special-head h3 {
		font-size:15px; 
	}
	.special-head .big {
		font-size:26px; 
	}
	.special-head .big-kor-go {
		font-size:24px; 
	}
	.special-head .desc  {
		font-size:15px;
	}
	.special-head-bar h1 {
		font-size: 30px;
	}
	.special-head-bar {padding: 80px 0 20px;}
	.special-head-bar:before {
		width: 1px;
		height: 50px;
	}
	
}


.wedding-text-content {
	position:relative;
	font-size:16px;
	color:rgba(20,20,20,1);
}
.contents-L {
	position:relative;
	display:table-cell;
	float:left;
	width:50%;
	vertical-align:top;
	padding:0px 0px;
}
.contents-R {
	position:relative;
	display:table-cell;
	float:left;
	width:50%;
	vertical-align:top;
	padding:0px 0px;
}
.contents-LR .contents-L {
	display:block;
	float:none;
	width:100%;
	text-align:center;
}
.contents-LR .contents-R {
	display:block;
	float:none;
	width:100%;
	text-align:center;
}
.wedding-text-content h1 {
	position:relative;
	font-size:2.500em;
	font-family:"Bodoni Moda","Noto Serif KR",sans-serif;
	line-height:100%;	
	letter-spacing:0px;
	
}
.wedding-text-content h2 {
	position:relative;
	font-size:1.250em;
	letter-spacing:0px;
	line-height:100%;
	
}
.wedding-text-content h3 {
	position:relative;
	font-size:1.125em;
	line-height:165%;
	font-family:"Noto Serif KR",sans-serif;
	letter-spacing:0px;
}
.wedding-text-content h4 {
	position:relative;
	letter-spacing:0px;
	line-height:100%;
}

.wedding-text-content .hallDesc {
	position:relative;
	line-height:170%;
	font-size:0.938em;
	font-size:1em;
	color:rgba(102,102,102,1);
}
.wedding-text-content .tit {
	position:relative;
	display:inline-block;
	font-size:1.125em;
	font-weight:500;
	line-height:100%;
	padding-left:25px;
	color:rgba(20,20,20,1);
	font-family:"Bodoni Moda","Gothic A1",serif;
	letter-spacing:0px;
}
.wedding-text-content .tit:before {
	content:'';
	position:absolute;
	top:-5px;
	left:0px;
	width: 15px;
    height: 15px;
	/*border-radius: 50%;*/    
	border:2px solid rgba(205,205,205,1);
	border-radius: 50%;
}

.contents-LR .tit {padding:30px 0 10px 0px;}
.contents-LR .tit:before {
	content:'';display:block;top:0px;left:calc(50% - 8px);
	/*content:'';
	display:inline-block;
	top:0px;
	left:calc(50%);
	width:1px;
	height:30px;
	background: rgba(205,205,205,1);
	border-radius:0;
	border:none;*/
}

.wedding-text-content .s1 {
	position:relative;
	font-size:2.750em;
	font-family:"Bodoni Moda","Noto Serif KR",sans-serif;
	line-height:150%;	
	letter-spacing:0px;
	font-style:italic;
	
}
.wedding-text-content .s2 {
	font-size: 20px; 
	font-size: 1.250em;
	font-style: normal; 
	letter-spacing: 0px;
	line-height: 170%; 
	font-family:"Noto Serif KR",serf;
	
}
.wedding-text-content .s3 {
	position:relative;
	line-height:180%;
	font-size:0.938em;
	font-size:1em;
	color:rgba(102,102,102,1);
}

@media screen and (max-width: 1024px) {
	.wedding-text-content {
		position:relative;
		font-size:15px;
	}
}


@media screen and (max-width: 768px) {
	.contents-L {
		display:block;
		float:none;
		width:100%;
		text-align:center;
		padding:0px 0px;
	}
	.contents-R {
		display:block;
		float:none;
		width:100%;
		text-align:center;
	}
	.wedding-text-content .hallTit {
		display:none;
	}
	.wedding-text-content .tit {padding:30px 0 10px 0px;}
	.wedding-text-content .tit:before {content:'';display:block;top:0px;left:calc(50% - 8px);}

	.wedding-text-content .s1 {
		font-size:2.250em;
	}
	.wedding-text-content .s2 {
		font-size: 1.500em;
	}
	.wedding-text-content .s3 {
		font-size: 15px;
	}
}
@media screen and (max-width: 480px) {
	.wedding-text-content {
		
	}
	.wedding-text-content .s1 {
		font-size:1.667em;
	}
	.wedding-text-content .s2 {
		font-size: 1.267em;
	}
}
@media screen and (max-width: 320px) {
	.wedding-text-content {
		font-size:14px;
	}
}
.floor-info-group {
	position:relative;
	display:inline-block;
	text-align:left;
	width:auto;
	
}
.floor-info {
	position:relative;
	display:inline-block;
	margin:5px 20px 0px 0;
	font-size:0;
	vertical-align:top;
}
.vertical .floor-info {
	display:block;
	margin:5px 0px 0px 0;
}
.floor-info .floor-tit {
	position:relative;
	display:inline-block;
	letter-spacing:0em;
	padding:0px 0px 0 0px;
	vertical-align:top;
	vertical-align:baseline;
	font-size:15px;	
	line-height: 30px;
	color:rgba(90,90,95,1);
}
.floor-info .floor-tit:after { clear: both; content:'';display:table;}
.floor-info .floor-tit .tag {
	position:relative;
	display:inline-block;
	width: auto; 
	font-size:1.000em;
	min-width:70px;
	font-weight: normal; 	
	padding:0 25px;
	color:rgba(90,90,95,1);
	background:#f3f0ee;
	background:rgba(235,235,240,1);
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:20px;
	line-height:30px;
	vertical-align:top;
	text-align:center;
	margin-top:10px;
	margin-right:10px;
	white-space:nowrap;
}
.tag-line .floor-info .floor-tit .tag {
	color:rgba(90,90,95,1);
	background:#f3f0ee;
	background:rgba(235,235,240,1);
}
.tag-line .floor-info .floor-tit .tag-desc {
	font-size:16px;
}

.floor-point .floor-tit .tag {
	color: rgba(255,255,255,1);
	background:rgba(80,50,30,1);
}

.floor-info .floor-tit .tag-desc {
	position:relative;
	/*float:left;*/
	display:inline-block;
	letter-spacing:0em;
	padding:0px 0px 0 5px;
	margin-top:10px;
	
}
.floor-flex {
	position:relative;
	width:auto;
	padding:0px 0 0px;
	
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;

	align-items: stretch;
	flex-wrap: wrap;
	/*justify-content:space-evenly;*/
	
	/*justify-content:space-between;*/
	/*align-items: stretch;
	overflow:hidden;
	justify-content:space-between;*/
	
	
}

.floor-flex-cell {
	position:relative;
}

@media screen and (max-width: 768px) {
	
	.floor-info {
		display:block;
		margin:5px 0px 0px 0;
	}
}

/* detail */
.detail-section {
	position:relative;
	display:block;
	width:100%;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px 0% 0px;
	/*font-size:0; 
	text-align:right;	*/
}
@media screen and (max-width: 1024px) {
	.detail-section {
		/*text-align:left;*/
	}
}
.detail-section .type-80 {
	width:80%; 
}
.detail-section .type-70 {
	width:70%; 
}
.detail-section .type-65 {
	width:65%; 
}
.detail-section .type-60 {
	width:60%; 
}
.detail-section .type-55 {
	width:55%; 
}
.detail-section .type-50 {
	width:50%; 
}
.detail-section .type-45 {
	width:45%; 
}
.detail-section .type-40 {
	width:40%; 
}
.detail-section .type-35 {
	width:35%; 
}
.detail-section .type-30 {
	width:30%; 
}
.detail-story-section {
	position: relative;
}
.do-detail-free {
}
.do-detail-free:nth-child(even) .special-head {
	text-align:right;
}


@media screen and (max-width: 768px) {
	.do-detail-free:nth-child(even) .special-head {
		padding-right:20px;
	}
	.detail-section .t-type-100 {
		width:100%; 
	}
	.detail-section .t-type-80 {
		width:80%; 
	}
	.detail-section .t-type-70 {
		width:70%; 
	}
	.detail-section .t-type-65 {
		width:65%; 
	}
	.detail-section .t-type-60 {
		width:60%; 
	}
	.detail-section .t-type-55 {
		width:55%; 
	}
	.detail-section .t-type-50 {
		width:50%; 
	}
	.detail-section .t-type-45 {
		width:45%; 
	}
	.detail-section .t-type-40 {
		width:40%; 
	}
	.detail-section .t-type-35 {
		width:35%; 
	}
	.detail-section .t-type-30 {
		width:30%; 
	}
}

@media screen and (max-width: 640px) {
	.detail-section .m-type-100 {
		width:100%; 
	}
	.detail-section .m-type-80 {
		width:80%; 
	}
	.detail-section .m-type-70 {
		width:70%; 
	}
	.detail-section .m-type-65 {
		width:65%; 
	}
	.detail-section .m-type-60 {
		width:60%; 
	}
	.detail-section .m-type-55 {
		width:55%; 
	}
	.detail-section .m-type-50 {
		width:50%; 
	}
	.detail-section .m-type-45 {
		width:45%; 
	}
	.detail-section .m-type-40 {
		width:40%; 
	}
	.detail-section .m-type-35 {
		width:35%; 
	}
	.detail-section .m-type-30 {
		width:30%; 
	}
}
.do-detail {
	position: relative;
	display:inline-block;
	width:100%;
}
.do-detail .point {
    color:rgba(115,115,115,1);
	font-weight:500;
	border-bottom:1px solid rgba(115,115,115,1);
	padding-bottom:2px;
}
.do-detail-flex {
	position:relative;
	width:100%;
	font-size:16px;
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.do-detail-free-flex {
	position:relative;
}
.do-detail-free:last-child,
.do-detail:last-child {
	margin:0px auto 0px;
}
.do-detail .photo {
	position:relative;
	display:block;
	vertical-align:top;
	order:1;
	width:60%;
	background-size: cover;
	background-position:-9999px -9999px;
	background-repeat: no-repeat;
	image-rendering: -webkit-optimize-contrast;
}
.do-direct .photo {
	background-position: center center;
}
.do-direct .photo img {
	display:none;
}


.do-detail .detail {
	position:relative;
	display:block;
	order:2;
	width:auto;
	align-self: end; /*start, center end*/
    color: rgba(90,90,95,1);
	text-align:left;
}


.do-detail .detail-box {
	align-self: normal;
	
	position: relative;
	width:100%;
    background: #fbfbfa;
    background: rgba(250,250,250,1);
	color:rgba(80,50,20,1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding:40px;
	margin-left:40px;
	border: 1px solid rgba(160,110,95,0.4);
}
.do-direct .detail-box {
	padding:80px 40px;
}
.do-detail-LR:nth-child(even) .detail-box {
	margin-left:0;
	margin-right:40px;
}
.do-detail .detail-box:before{
	display:block;
	content:"";
	position: absolute;
	top: 6px;
	left: 6px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	border: 1px solid rgba(160,110,95,0.4);
	box-sizing: border-box;
}
/*.do-detail .do-detail-swiper:before {
	position: absolute;
    z-index: -1;
    left:10px;
	top:10px;
    content: '';
	background:#fff;
    width: 100%;
	height: 100%;
}*/
.do-detail-30 .photo {
	width:30%;
}
.do-detail-35 .photo {
	width:35%;
}
.do-detail-40 .photo {
	width:40%;
}
.do-detail-45 .photo {
	width:45%;
}
.do-detail-50 .photo {
	width:50%;
}
.do-detail-60 .photo {
	width:60%;
}
.do-detail-70 .photo {
	width:50%;
}


.do-detail-30-70 .photo {
	width:30%;
}
.do-detail-30-70 .detail {
	width:70%;
}
.do-detail-35-65 .photo {
	width:35%;
}
.do-detail-35-65 .detail {
	width:65%;
}
.do-detail-40-60 .photo {
	width:40%;
}
.do-detail-40-60 .detail {
	width:60%;
}
.do-detail-45-55 .photo {
	width:45%;
}
.do-detail-45-55 .detail {
	width:55%;
}
.do-detail-50-50 .photo {
	width:50%;
}
.do-detail-50-50 .detail {
	width:50%;
}
.do-detail-60-40 .photo {
	width:60%;
}
.do-detail-60-40 .detail {
	width:40%;
}
.do-detail-70-30 .photo {
	width:70%;
}
.do-detail-70-30 .detail {
	width:30%;
}

.do-detail:nth-child(even) .do-detail-flex {
	justify-content:flex-end;
}
.do-detail .inner {
	position:relative;
	padding:0px 40px 0 100px;
	padding-bottom:20px;
	vertical-align:top;
}
.do-detail .detail-box .inner {
	padding:0px !important;
	padding-bottom:0px !important;
}

.do-detail-LR:nth-child(even) .photo {
	order:2;
}
.do-detail-LR:nth-child(even) .detail {
	order:1;
}
.do-detail-LR:nth-child(even) .inner {
	padding:0px 100px 0 40px;
	padding-bottom:20px;
}

.do-detail .detail-point-num {
	position:relative;
	font-size:80px;
	letter-spacing:-1px;
	font-family:"Bodoni Moda", serif;
	font-weight:400;
	font-style:italic;
	z-index:1;
	line-height:100%;
	color: rgba(160,130,105,.3);
	left:-10px;
	display:none;
}
.dark-bg .do-detail .detail-point-num {
	color: rgba(210,185,170,.5);
}

@media screen and (max-width: 768px) {
	.do-detail .detail-point-num {
		position:absolute;
		right:0px;
		left:auto;
		top:0px;
	}
}

.do-detail .detail-num {
	position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
	text-align:center;
	left:50%;
	-webkit-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
	z-index:1;
}
.do-detail .detail-num::after {
	display:block;
	content:"";
	position: absolute;
	top: 8px;left: 7px;
	width: 35px;
	height: 35px;
	background: rgba(160,110,95,1);
	transform: rotate(45deg);
	z-index: -1;
}
.do-detail .category {
	margin:0px 0 0px -5px; 
	padding:0 15px 0 15px; 
	height:30px; 
	line-height:30px; 
	border-radius:15px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:15px; 
	color:rgba(195,170,140,1);
	color:rgba(160,130,105,1);
	font-weight:400;
	vertical-align:top;
	
	border:1px solid rgba(160,130,105,1);
}
.mini-bar {
	position:relative;
	display:inline-block;
	width:60%;
	max-width:400px;
	height:1px;
	background: rgba(195,170,140,.4);
}
.mini-bar:after {
	position: absolute;
    width: 25%;
    height: 1px;
    bottom: 0;
	background:rgba(90,90,95,1);
    
    content: '';
}

.dark-bg .mini-bar {
	background: rgba(210,185,170,.4);
	
}
.dark-bg .mini-bar:after {
	background: rgba(210,185,170,1);
}

.do-detail-free:nth-child(even) .special-head .mini-bar:after {
	right:0;
}

.do-detail .detail-big {
	line-height:150%; 
	font-size:44px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Poppins","Gothic A1",serif;
	font-style:normal;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.do-detail .detail-big2 {
	line-height:150%; 
	font-size:36px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Poppins","Gothic A1",serif;
	font-style:normal;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.do-detail .detail-big3 {
	line-height:130%; 
	font-size:34px; 
	color:rgba(80,50,20,1);
	color: rgba(160,130,105,1);
	letter-spacing:-0.5px;
	font-family:"Gothic A1",serif;
	font-weight:600;
}
.do-detail .detail-small {
	line-height:150%; 
	font-size:22px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
	font-family:"Poppins","Gothic A1",serif;
	font-weight:400;
    color: rgba(160,130,105,1);
}
.do-detail .detail-name {
	line-height:150%; 
	font-weight:400; 
	font-size:24px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
}
.do-detail .detail-name2 {
	line-height:150%; 
	font-weight:500; 
	font-size:28px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
}

.do-detail .detail-name3 {
	line-height:150%; 
	font-weight:400; 
	font-size:22px; 
	color:rgba(80,50,20,1);
	letter-spacing:0px;
}

.dark-bg .do-detail .detail-name,
.dark-bg .do-detail .detail-name2,
.dark-bg .do-detail .detail-name3,
.dark-bg .do-detail .detail-big3 {
	color: rgba(255,255,255,1);
}

.dark-bg .do-detail .detail-big2,
.dark-bg .do-detail .detail-small {
	color: rgba(210,185,170,1);
}


.do-detail strong {
	font-weight:600; 
}


.do-detail .detail-nameSub {
	margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:18px; 
	
}
.do-detail .detail-nameMent {
	margin:20px 0 0;
	line-height:170%; 
	font-family:'Gothic A1', sans-serif;
}
.dark-bg .do-detail .detail-nameMent {
	color: rgba(255,255,255,.7);
}
.do-detail .category2 {
	margin:0px 0 5px 3px; 
	font-family:'Bodoni Moda','Noto Serif KR', sans-serif;
	/*font-style:italic;*/
	
	color: rgba(160,130,105,1);
    color:rgba(80,50,20,1);
	
	font-size:18px;
}
.do-detail .category3 {
	margin:0px 0 5px 3px; 
	font-family:'gothic A1', serif;
	font-size:15px;
	letter-spacing:1px;
	color:rgba(80,50,20,1);
	font-weight:500; 
	text-transform:uppercase;
}

.do-detail .detail-nameSub2 {
	margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:20px; 
}
.do-detail .detail-nameMent2 {
	margin:30px 0 0;
	line-height:180%; 
	font-size:16px;
	font-weight:400;
}


.direct-bar {
	position:relative;
	display:inline-block;
	width:100%;
	max-width:400px;
	height:1px;
	background: rgba(160,110,95,.4);
}
.direct-bar:after {
	position: absolute;
    width: 25%;
    height: 1px;
    bottom: 0;
	left:50%;
    -webkit-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
	background:rgba(160,110,95,1);
    
    content: '';
}
.do-detail .direct-kor {
	
    color:rgba(160,110,95,1);
	/*font-style:italic;*/
	font-size:20px;
	font-family:"Noto Serif KR",serif;
}


.do-detail .direct-eng {
	line-height:140%; 
	font-weight:400; 
	font-size:26px; 
	
	letter-spacing:0px;
	padding:15px 0 20px;
	border:1px solid rgba(160,110,95,.5);
	border-left:none;
	border-right:none;
	font-family:"Noto Serif KR",serif;
}
.do-detail .detail-nameSub {
	margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:18px; 
	
}
.do-detail .direct-ment {
	line-height:170%; 
	font-family:'Gothic A1', sans-serif;
}

.do-detail-free .detail-link, 
.do-detail .detail-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 1px solid rgba(90,90,95,1);
    font-family: 'Raleway', 'Gothic A1', sans-serif;
	font-weight:500;
    line-height: 1.43; 
    color:rgba(85,55,35,1);
}
.do-detail-free .detail-link i, 
.do-detail .detail-link i {
	font-size: 12px;
}

.do-detail .greeting-01 {
	line-height:150%; 
	font-weight:700; 
	color:rgba(20,20,20,1);
	font-size:34px; 
	letter-spacing:-1px;
}
.do-detail .sign-01 {
	text-align:right;
}
.do-detail .sign-02 {
	text-align:right; 
	font-weight:500; 
	color:rgba(20,20,20,1);
	font-size:30px; 
	font-family:'Noto Serif KR', sans-serif;
}
@media screen and (max-width: 768px) {
	.do-detail .greeting-01 {
		font-size:26px; 
	}
}
@media screen and (max-width: 480px) {
	.do-detail .greeting-01 {
		font-size:20px; 
	}
}

@media screen and (max-width: 1440px) {
	.do-detail .inner {
		padding:0px 20px 0px 40px;
	}
	
	.do-detail-LR:nth-child(even) .inner {
		padding:0px 40px 0px 20px;
		padding-bottom:20px;
	}
}
@media screen and (max-width: 1100px) {
	
}
@media screen and (max-width: 768px) {
	
	.do-detail-flex {
		margin:0px auto 0px;
		padding-left:25px;
		
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	.do-detail-free-flex {
		padding-left:0px;
		padding-left:25px;
		
	}
	.do-detail-LR .do-detail-flex {
		padding-left:0px;
	}
	
	.do-detail-free,
	.do-detail {
		/*background:rgba(255,255,255,1);
		margin-bottom:15px;
		padding:0px 0 25px;*/
	}
	.do-detail-free:last-child ,
	.do-detail:last-child {
		padding:0px 0 0px;
	}
	.do-detail .photo {
		width:100%;
		order:1;
	}
	.do-detail .photo.do-round-out-6 {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.do-detail .detail {
		width:100%;
		order:2;
	}
	.do-detail:nth-child(even) .photo {
		order:1;
	}
	.do-detail .inner {
		padding:40px 25px;
	}
	.do-detail:nth-child(even) .inner {
		padding:40px 25px;
	}
	.main .do-detail .inner {
		padding:40px 25px 40px 0;
	}
	.main .do-detail:nth-child(even) .inner {
		padding:40px 25px 40px 0;
	}
	.do-detail .category {
		margin:0 0 0px 0;
	}
	.do-detail .detail-box {
		padding:40px;
		margin-left:0px;
		margin-top:0px;
		/*border:none;*/
	}
	.do-detail-LR:nth-child(even) .detail-box {
		margin-left:0;
		margin-right:0px;
	}
	.do-detail .detail-num {
		margin-top:-60px;
		z-index:1;
	}
	
	.do-direct .photo {
		background-position:-9999px -9999px;
	}
	.do-direct .photo img {
		display:block;
	}
	.do-direct .detail-box {
		padding:40px 40px;
	}
	
	
	.do-detail .detail-big {
		font-size:40px; 
	}
	.do-detail .detail-big {
		font-size:30px; 
	}

}
@media screen and (max-width: 480px) {
	.do-detail .detail-big {
		font-size:36px; 
	}
	.do-detail .detail-big2 {
		font-size:30px; 
	}
	.do-detail .detail-big3 {
		font-size:28px; 
	}
	.do-detail .category3 {font-size:14px;}
	
	.do-detail .detail-name {font-size:20px;}
	.do-detail .detail-nameSub {font-size:16px;}
	
	.do-detail .detail-name3 {font-size:20px;}
	.do-detail .detail-name2 {font-size:24px;}
	.do-detail .detail-nameSub2 {font-size:17px;}
	.do-detail .detail-nameMent2 {
 		/*font-size:15px;*/
	}
	.do-detail .detail-box {
		padding:40px 20px;
	}
	.do-detail .direct-kor {
		font-size:18px;
	}
	
	
	.do-detail .direct-eng {
		font-size:22px; 
	}
	.do-detail .direct-ment {
		font-size:15px;
	}
}
@media screen and (max-width: 320px) {
	.do-detail .direct-ment {
		font-size:14px;
	}
}

/* local video */
.do-local-video {
	position: relative;
	width: 100%;
}
.do-local-video .videoBox {
    position: absolute; 
	left:50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);	
	   -moz-transform: translate(-50%,-50%);	
	    -ms-transform: translate(-50%,-50%);	
	     -o-transform: translate(-50%,-50%);	
			transform: translate(-50%,-50%);	
	width:auto;
	height:100%;
}

/* normal image */

.do-detail .do-detail-img .img {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.do-detail .do-detail-img .img img {
	position:relative;
	max-width:100%;height:auto;
}


/* swiper */
.do-detail-swiper {
	position: relative;
	overflow: hidden;
	min-width: 100%; 
	width: 0; 
	
	
	/*-webkit-border-radius: 30px 0 30px 30px; 
	   -moz-border-radius: 30px 0 30px 30px; 
			border-radius: 30px 0 30px 30px;*/
}
.do-shadow {
	-webkit-box-shadow: 10px 15px 30px rgba(0,0,0,.2);
	   -moz-box-shadow: 10px 15px 30px rgba(0,0,0,.2);
			box-shadow: 10px 15px 30px rgba(0,0,0,.2);
}
.do-detail-swiper .slick-slide,
.do-detail-swiper .slick-item{
	padding: 0 0px;
	position:relative;
	font-size:0;
}

.do-detail-swiper .logo {
	position:absolute; right:0; top:0px; padding:20px; z-index:50;text-align:right;
	display:none;
}

.do-detail-swiper .slick-slide .img,
.do-detail-swiper .slick-item .img {
	position:relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.do-detail-swiper .slick-slide .img img,
.do-detail-swiper .slick-item .img img {
	position:relative;
	width: 100%;
	max-width:100%;
}

.do-detail-swiper .slick-dots {
	bottom:30px;
}
.do-detail-swiper .slick-dots li {
    margin: 0 5px;
	width: 10px;
	height: 10px;
}
.do-detail-swiper .slick-dots li button {
    width: 5px;
    height: 5px;
    padding: 2px;
	background:transparent;
	border:2px solid rgba(255,255,255,1);
}
.do-detail-swiper .slick-dots li button:hover,
.do-detail-swiper .slick-dots li button:focus
{
    background:rgba(255,255,255,1);
}

.do-detail-swiper .slick-dots li.slick-active button
{
    background:rgba(255,255,255,1);
	border:2px solid rgba(255,255,255,1);
	width: 10px;
    height: 10px;
}

@media screen and (max-width: 480px) {
	.do-detail-swiper .slick-dots {
		bottom:10px;
	}
	.do-detail-swiper .slick-dots li button {
		width: 4px;
		height: 4px;
		padding: 2px;
	}
	.do-detail-swiper .slick-dots li {
		width: 10px;
		height: 10px;
		margin: 0 2px;
	}
	.do-detail-swiper .slick-dots li.slick-active button {
		width: 10px;
		height: 10px;
	}
}

.do-detail-swiper .slick-arrow {
	background: rgba(255,255,255,0);
	border-radius:0;
	width: 40px;
    height: 40px;
	border:none;
	top: calc(50%);
	/*-webkit-transform:none;
    -ms-transform:none;
    transform:none;*/
}

.do-detail-swiper .slick-arrow:after {
	content: '';
	position: absolute;
	
	border-top: 2px solid rgba(50,35,30,1);
	border-left: 2px solid rgba(50,35,30,1);
	border-top: 2px solid rgba(255,255,255,1);
	border-left: 2px solid rgba(255,255,255,1);
	width: 10px;
    height: 10px;
    top: 14px;
    left: 15px;
}
.do-detail-swiper .slick-arrow.slick-next:after {
    left: 12px;
}
.do-detail-swiper .slick-arrow:hover {
	background:rgba(230,200,160,1);	
	background: rgba(255,255,255,1);
}
.do-detail-swiper .slick-arrow:hover:after {
	border-top: 2px solid rgba(50,35,30,1);
	border-left: 2px solid rgba(50,35,30,1);
}

.do-detail-swiper .slick-prev	{
	left:0;
	-webkit-transform: translate(-200%,-50%);
	-moz-transform: translate(-200%,-50%);
	-o-transform: translate(-200%,-50%);
	-ms-transform: translate(-200%,-50%);
	transform: translate(-200%,-50%);
}
.do-detail-swiper .slick-next	{
	right: 0px;
	-webkit-transform: translate(200%,-50%);
	-moz-transform: translate(200%,-50%);
	-o-transform: translate(200%,-50%);
	-ms-transform: translate(200%,-50%);
	transform: translate(200%,-50%);
}
.do-detail-swiper:hover .slick-arrow, .do-detail-swiper:focus .slick-arrow {
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.do-detail-swiper:hover .slick-disabled.slick-next, .do-detail-swiper:focus .slick-disabled.slick-next {
	-webkit-transform: translate(200%,-50%);
	-moz-transform: translate(200%,-50%);
	-o-transform: translate(200%,-50%);
	-ms-transform: translate(200%,-50%);
	transform: translate(200%,-50%);
}

.do-detail-swiper:hover .slick-disabled.slick-prev, .do-detail-swiper:focus .slick-disabled.slick-prev {
	-webkit-transform: translate(-200%,-50%);
	-moz-transform: translate(-200%,-50%);
	-o-transform: translate(-200%,-50%);
	-ms-transform: translate(-200%,-50%);
	transform: translate(-200%,-50%);
}

.visual-dome-section {
	position:relative;
	text-align:center;
}
.visual-dome {
	position: relative;
	width:1000px;
	height:760px;
	display:inline-block;
	overflow:hidden;
	background:#000;
	-webkit-border-radius: 50% 50% 0 0;
	   -moz-border-radius: 50% 50% 0 0;
		    border-radius: 50% 50% 0 0;
			
	border-top-left-radius: 50% 75%;
   	border-top-right-radius: 50% 75%;	
}
.visual-dome:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}
.visual-dome .visual-dome-list {
	position:relative;
	font-size:0;
	width:100%;
	height: 100%;
}
.visual-dome .visual-dome-list .slick-list,
.visual-dome .visual-dome-list .slick-track {
    height: 100%;
}
.visual-dome .slick-item {
	position:relative;
    width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 1440px) {
	.visual-dome {
		width:100vw;
		max-width:80%;
		height:80vh;
		border-top-left-radius: 50% 60%;
	   	border-top-right-radius: 50% 60%;
	}
}
@media screen and (max-width: 768px) {
	.visual-dome {
		max-width:80%;
		height:60vh;
	}
}
@media screen and (max-width: 480px) {
	.visual-dome {
		max-width:90%;
		height:50vh;
		
		border-top-left-radius: 50% 50%;
	   	border-top-right-radius: 50% 50%;
	}
	
}
@media screen and (max-width: 320px) {
	.visual-dome {
		
		border-top-left-radius: 50% 40%;
	   	border-top-right-radius: 50% 40%;
	}
	
}


.merits-area {
	position:relative;
	/*width:100%;*/
	font-size:0;
	
}
.merits-area-list {
	position:relative;
	display:block;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px -3.5% 0px;
	font-size:0; 
}

.merits-area-list li {
	position:relative;
	width:27.3333333%; 
	margin: 0px 3% 8%;
	position: relative;
	font-size:0;
	vertical-align:top;
	display:inline-block;
}
.merits-area-list li:nth-child(-n+3) {
	width:43%; 
	margin: 0px 3.5% 8%;
}
.merits-area-list li:nth-child(2) {
	margin-top:8%;
}
.merits-area-list li:nth-child(3) {
	margin-left:30%;
}
.merits-area-list li:nth-child(5) {
	margin-top:4%;
}
.merits-area-list li:nth-child(6) {
	margin-top:8%;
}
.merits-area-list.type1 li {width:94%;}
.merits-area-list.type2 li {width:44%;}
.merits-area-list.type3 li {width:27.33333333%;}
.merits-area-list.type4 li {width:19%;}
.merits-area-list.type5 li {width:14%;}

.merits-area-list .shadow {
	-webkit-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
	   -moz-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
			box-shadow: 15px 30px 50px rgba(0,0,0,.2);
}

.merits-item .photo {
	position:relative;
	display:block;
	width:100%;
}
.merits-item .photo img {
	width:100%;height:auto;max-height:auto;
}
.merits-item .videoBox {
    position:relative;
    /*top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
	width:auto;height:100%;
	width:100%;height:auto;
}

.merits-item .cont {
	position:relative;
	padding:40px 30px 30px;
    color: rgba(51,51,51,1);
	font-size:16px;
	background:#fff;
}
.merits-item .cont .cont-tit {
	position:relative;
	padding:0px 0 0 20px;
	z-index:1;
}
.merits-item .cont .cont-tit::before {
	content:''; 
	display: block;
	position: absolute;
	left: 0px;
	width: 4px;
	height: calc(100%);
	top: 0px;
	background: rgba(205,205,205,.3);

	/*position: absolute;
    z-index: -1;
    left:-10%;
	top:50%;
    content: '';
	border:20px solid rgba(205,205,205,.3);
    width: 120px;
    height: 120px;
	border-radius:100%;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
		    border-radius: 100%;*/
			

}
.merits-item .cont h1 {
	font-size:24px;
	font-size:1.500em;
	font-size:1.375em;
	font-weight:400;
	letter-spacing:0px;
	font-family:"Noto Serif KR",serif;
	line-height:150%;
    color: rgba(115,115,115,1);
}
.merits-item .cont h2 {
    color: rgba(115,115,115,1);
	display:inline-block;
	font-size:20px;
	font-size:1.125em;
	font-style:italic;
	line-height:120%;
	font-weight:400;
	/*white-space:nowrap;*/
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	
}
.merits-item .contBox {
	position:relative;
	font-size:0.938em;
	line-height:170%;
}
.merits-item .contBox p {
	
}
.merits-item .contBox dl {
	position:relative;padding:0 0 0px 0px;display:table;margin-top:5px;
	font-size:14px;
}
.merits-item .contBox dl.benefit {/*padding:0 0 24px 0px;*zoom:1;*/}
.merits-item .contBox dl:after	{content:"";display:block;clear:both;}
.merits-item .contBox dl dt	{
	position:relative;
	display:table-cell;
	vertical-align:top;
	width:70px;
	padding:0px 0 0px 0px;
	line-height:140%;
}
.merits-item .contBox dl dd	{
	display:table-cell;
	line-height:140%;
	vertical-align:top;
	padding:3px 0 0px 0px;
}
.merits-item .tag {
	
	display:block;
	width: 60px; 
	height: 22px; 
	text-align: center; 
	font-weight: normal; 
	line-height: 20px;
	font-size:12px;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;	
	background:rgba(205,205,205,1);
	color:#fff;
	/*border:1px solid rgba(115,115,115,1);*/
}
.bg-dark .merits-item .tag {
	border:1px solid rgba(235,205,180,1);
}
.merits-item .merits-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 1px solid rgba(115,115,115,1);
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 14px;
	font-weight:500;
    line-height: 1.43;
	color: rgba(115,115,115,1);
}
.merits-item .merits-link i {
	font-size: 14px;
}
.detail-bg-use .merits-item .merits-link,
.bg-use .merits-item .merits-link {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.bg-use.detail-bg-use .merits-item .merits-link {
	color: #101010;
	border-bottom: 1px solid #101010;
}

@media screen and (max-width: 1340px) {
	.merits-area-list li {
		width:43% !important; 
		margin-left:3.5% !important;
		margin-right:3.5% !important;
	}
	.merits-area-list li:nth-child(3) {
		margin-top:-4%;
	}
	.merits-area-list li:nth-child(4) {
		margin-top:8%;
	}
	.merits-area-list li:nth-child(5) {
		margin-top:-4%;
	}
}
@media screen and (max-width: 1024px) {
	.merits-area-list {
		margin: 0px -2% 0px;
		/*? size */
	}
	.merits-item .cont {
		font-size:15px;
	}
}
@media screen and (max-width: 940px) {
	.merits-item .cont {
		padding:40px 20px 30px;
	}
	/*.merits-area-list {
		margin: 0px -3% 0px;
	}
	.merits-area-list li {
		width:44% !important; 
		margin: 0px 3% 80px !important;
	}*/
	
}
@media screen and (max-width: 640px) {
	.merits-area-list {
		margin: 0px 0% 0px;
	}
	.merits-area-list li {
		width:87% !important; 
		margin: 0px 0% 80px !important;
		width:100% !important; 
		margin: 0px 0% 20px !important;
	}
	.merits-area-list li:last-child {
		margin: 0px 0% 0px !important;
	}
	.merits-area-list li .cont {
		padding-left:20px;
		padding-right:0px;
		padding-left:20px;
		padding-right:20px;
	}
	.merits-area-list li:nth-child(2n) {
		float:right;
	}
	.merits-area-list li:nth-child(2n) .cont {
		padding-left:20px;
		padding-right:20px;
	}
	.merits-area-list .shadow {
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
				box-shadow:none;
	}
}

.room-detail-section {
	position:relative;
}
.room-detail-section:nth-child(odd) {
	background:rgba(250,250,250,1);
	    
}
.body-bg .room-detail-section:nth-child(odd) {
	background:rgba(245,235,220,1);	    
	background:rgba(255,255,255,1);
}
.room-detail-section .download,
.room-view-detail-section .download {
	position: relative; 
	text-align:center;
}
.room-detail-section .btn-down,
.room-view-detail-section .btn-down {
	position: relative; 
	color: rgba(255,255,255,1);
	background:rgba(205,205,205,1);
	border:none;
	display: inline-block;
	width: auto; 
	
	line-height: 50px; 
	text-align: center; 
	font-size: 16px; letter-spacing: .0em; 
	
	padding: 0 30px 0 30px; 
}
.room-detail-section .btn-down:before,
.room-view-detail-section .btn-down:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e6a7";
	font-weight: normal; 
	margin-right:10px;
	/*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; */
}
.room-detail-section .btn-down:hover
.room-view-detail-section .btn-down:hover {
	background:rgba(20,20,20,1);
}


@media screen and (max-width: 768px) {
	.room-view-pd {
		padding-left:25px;
	}
}
@media screen and (max-width: 480px) {
	.room-view-pd {
		
		padding-right:20px;
	}
}

.room-view-detail-section {
	position:relative;
	color:rgba(90,90,95,1);
}
.room-view-detail-desc-section {
	position:relative;
}

.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-item a {
	width:40px;
	height:40px;
	font-size:12px;
	border-bottom:none;
}
.room-view-detail-desc-section .slick-slide-thumb-num .slides .num {
	border:1px solid rgba(165,170,180,.4);;
}
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-item a.active:after,
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-slide.slick-current a:after,
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-item.is-selected a:after  {
	height:0px;
	bottom:0px;
}
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-item a.active .num,
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-slide.slick-current .num,
.room-view-detail-desc-section .slick-slide-thumb-num .slides .slick-item.is-selected .num  {
	font-size: 1em;
	color: #fff;
	background:rgba(160,130,105,1);
}

.room-dimension {
	position:relative;
}
@media screen and (max-width: 768px) {
	.room-view-detail-desc-section {
		
	}
	.room-view-detail-desc-section .do-hall-detail .photo {
		padding-left:25px;
	}
	.room-dimension {
		padding-left:25px;
	}
}
@media screen and (max-width: 480px) {
	.room-view-detail-desc-section {
		background:#fff;
	}
	.room-view-detail-desc-section .do-hall-detail .photo {
		padding-right:20px;
	}
	.room-dimension {
		padding-right:20px;
	}
}
.room-head {
	position:relative;
	padding: 100px 0 0px;
	color:rgba(90,90,95,1);
}

.room-head h1 {
	line-height:140%; 
	font-weight:300; 
	font-size:36px;  
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0px;
}
.room-head h2 {
	margin-bottom:5px;
	line-height:160%; 
	font-weight:400; 
	font-size:22px; 
}
.room-head h3 {
	margin:0px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:24px; 
}
.room-head-bar {
	text-align: center; 
	margin:0px auto 0px;
}
.room-head-bar:before {
	display: block;
	background:rgba(195,170,140,.4);
    width: 1px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
}

.room-head-bar h1 {
	font-size: 44px;
	letter-spacing:0;
}

.room-head-bar h1 strong {
	font-weight:600;
	/*color:rgba(220,120,1,1);*/
}

.room-desc  {
	line-height:200%;
	font-size:16px;
}
.room-detail-section .point,
.room-view-detail-section .point {
    color:rgba(115,115,115,1);
	font-weight:500;
	border-bottom:1px solid rgba(115,115,115,1);
	padding-bottom:2px;
}


.room-view-detail-section .room-head {
	padding: 60px 0 0px;
}
.room-view-detail-section .room-head h1 {
	font-size:22px;  
}
.room-view-detail-section .room-head h2 {
	font-size:18px; 
}
.room-view-detail-section .room-head h3 {
	font-size:16px; 
}
.room-view-detail-section .room-desc  {
	text-align:left;
}
.room-view-detail-section .room-desc .none {
	display:block;
}
.room-view-detail-section .room-head-bar {padding: 80px 0 0px;}
.room-view-detail-section .room-head-bar:before {
    height: 50px;
}

.room-view-detail-section .room-head-bar h1 {
	font-size: 30px;
	letter-spacing:0;
}

@media screen and (max-width: 640px) {
	.room-head h1 {
		font-size:24px;  
	}
	.room-head h2 {
		font-size:16px; 
	}
	.room-head h3 {
		font-size:20px; 
	}
	.room-head-bar h1 {
		font-size: 24px;
	}
	.room-head {
		padding: 60px 0 20px;
	}
	.room-head-bar {padding: 80px 0 20px;}
	.room-head-bar:before {
		width: 1px;
		height: 50px;
	}
	
	.room-view-detail-section .room-head-bar h1 {
		font-size: 24px;
	}
	.room-view-detail-section .room-head h2 {
		font-size:16px; 
	}
	
	.room-desc {
		font-size:15px;
		text-align:left;
	}
	
	.room-detail-section .btn-down {
		font-size: 14px;
	}
	.room-detail-section .btn-down:before { 
		font-size: 14px; 
	}
	
}


.room-tit-head {
	position:relative;
	color: rgba(80,50,20,1);
}
.room-tit-head .italic {
	font-style:italic;
}
.room-tit-head .point-color {
	color: rgba(160,130,105,1);
}
.room-tit-head .room-tit-en {
	line-height:100%; 
	font-size:44px;  
	font-weight:500;
	font-family: 'Playfair Display','Noto Serif KR', serif;
	letter-spacing:-0.5px;
}

.room-tit-head .room-tit-kr {
	line-height:160%; 
	font-weight:400; 
	font-size:22px; 
}
.room-tit-head-bar {
	text-align:center;
	padding: 80px 0 0px;
	display:none;
}
.room-tit-head-bar:before {
	background:rgba(195,170,140,.4);
    width: 1px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';	
}
.room-tit-head.no-bar {
	padding: 80px 0 0px;
}
.room-tit-head.no-bar:before {
	display: none;
}

@media screen and (max-width: 1024px) {
	.room-tit-head .room-tit-en {
		font-size:36px;
	}
}
@media screen and (max-width: 768px) {
	.room-tit-head-bar {
		display:block;
	}
	.room-tit-head-in {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	.room-tit-head .room-tit-en {
		font-size:34px;
	}
}

.room-point {
	position:relative;
	color:rgba(20,20,20,1);
}
.room-point h1 {
	position:relative;
	line-height:140%; 
	font-weight:300; 
	font-size:26px;  
	font-weight:600;
	display:inline-block;
	/*font-family: 'Noto Serif KR', serif;*/
	letter-spacing:-0.5px;
}
.room-point h2 {
	position:relative;
	display:block;
	margin:0px 0 15px;
	line-height:160%; 
	font-weight:400; 
	font-size:18px; 
	color: rgba(205,205,205,1);
	font-family: 'Noto Serif KR', serif;
}
.room-point-group {
	position:relative;
	width:100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.room-point-group .room-point-item {
	position:relative;
	display:block;
	width:calc(33.333333%);
	vertical-align:top;
	background:#fff;
	border:1px solid rgba(205,205,205,1);
	margin-right:30px;
	border-radius:15px 15px 0 15px;
	overflow:hidden;
}
.room-point-group .room-point-item:last-child {
	width:calc(33.333333%);
	margin-right:0;
}
.room-point-item .tit {
	position:relative;
	display:block;
	width:100%;
	background: rgba(205,205,205,1);
    color: #fff;
	text-align:center;
	padding:10px;
	font-weight:400;
}
.room-point-item .desc {
	position:relative;
	display:block;
	padding:20px 10px;
}
.room-point-item ul {
	position:relative;
	display:block;
	padding-left: 1.5em;
}
.room-point-item ul li {
	position:relative;
	list-style:disc;
	line-height:150%;
	margin-bottom:5px;
}

.room-view-detail-section .room-point h1 {
	font-size:20px;  
}
.room-view-detail-section .room-point h2 {
	font-size:16px; 
}
.room-view-detail-section .room-point-group {
	display: block;
}
.room-view-detail-section .room-point-group .room-point-item {
	width:calc(100%);
	margin-right:0px;
	margin-bottom:0px;
	/*border:none;*/
	font-size:15px;
	border-radius:0px 0px 0 0px;
}
.room-view-detail-section .room-point-group .room-point-item:first-child {
	width:100%;
	margin-right:0;
	margin-bottom:0px;
	border-radius:10px 10px 0 0px;
}
.room-view-detail-section .room-point-group .room-point-item:last-child {
	width:100%;
	margin-right:0;
	margin-bottom:0px;
	border-radius:0px 0px 0px 10px;
}

@media screen and (max-width: 640px) {
	.room-point h1 {
		font-size:20px;  
	}
	.room-point h2 {
		font-size:16px; 
	}
	.room-point-group {
		display: block;
	}
	.room-point-group .room-point-item {
		width:calc(100%);
		margin-right:0px;
		margin-bottom:0px;
		/*border:none;*/
		font-size:15px;
		border-radius:0px 0px 0 0px;
	}
	.room-point-group .room-point-item:first-child {
		width:100%;
		margin-right:0;
		margin-bottom:0px;
		border-radius:10px 10px 0 0px;
	}
	.room-point-group .room-point-item:last-child {
		width:100%;
		margin-right:0;
		margin-bottom:0px;
		border-radius:0px 0px 0px 10px;
	}
	
}

.floor-plan-group {
	position:relative;
	width:100%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
}

.floor-plan-group .floor-plan-item {
	position:relative;
	display:block;
	width:calc(33.333333%);
	vertical-align:top;
	background:#fff;
	border:1px solid rgba(200,200,200,1);
	margin-right:30px;
	border-radius:15px 15px 0 15px;
	overflow:hidden;
}
.floor-plan-group .floor-plan-item:last-child {
	margin-right:0;
}
.floor-plan-single .floor-plan-item {
	width:calc(100%);
}

.floor-plan-item .plan-photo {
	position:relative;
	display:block;
	padding: 0px 20px 0px;
	vertical-align:top;
	text-align:center;
	
}
.floor-plan-item .plan-photo img {
	max-width:100%;
	max-height:260px;
}
.floor-plan-item .top {
	position:relative;
	display:table;
	width:100%;
	font-size:16px;
	background:#fff;
}
.floor-plan-item .top .type,
.floor-plan-item .top .chair {
	position:relative;
	display:table-cell;
	width:60%;
	padding:13px 10px 10px;
	text-align:center;
	font-weight:500;
}
.floor-plan-item .top .chair {
	background: rgba(200,200,200,1);
    color: #fff;
	width:40%;
}
.floor-plan-item .bottom {
	position:relative;
	text-align:center;
	display:block;
}

.floor-plan-item a.btn { 
	position:relative;
	display: inline-block;
	width: auto; 
	color:#fff;
	background:rgba(153,153,153);
	background:rgba(255,255,255);
	border:1px solid rgba(160,130,105,1);
	color:#333;
	line-height: 40px; 
	height:44px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 30px 0px 45px; 
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:14px;
}

.floor-plan-item a.btn:hover { 
	background:rgba(80,50,30,1);
	border:1px solid rgba(80,50,30,1);
	color:#fff;
}

.floor-plan-item a.view:before { position: absolute; top: 1px; left: 12px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e693"; content: "\e611"; font-weight: normal; }


.floor-plan-item a.down { 
	color:#fff;
	background:rgba(160,130,105,1);
	border:1px solid rgba(160,130,105,1);
}

.floor-plan-item a.down:before { position: absolute; top: 1px; left: 12px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e6a7"; font-weight: normal; }

.floor-plan-item a.btn-down { 
	position:relative;
	display: inline-block;
	width: auto; 
	line-height: 40px; 
	height:44px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 30px 0px 45px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-size:14px;
	color:#fff;
	background:rgba(160,130,105,1);
	border:1px solid rgba(160,130,105,1);
}

.floor-plan-item a.btn-down:before { position: absolute; top: 1px; left: 12px; bottom: 0; display: block; font-size: 15px; font-family: 'themify'; content: "\e6a7"; font-weight: normal; }
.floor-plan-item a.btn-down:hover { 
	background:rgba(80,50,30,1);
	border:1px solid rgba(80,50,30,1);
	color:#fff;
}


.room-view-detail-section .floor-plan-group {
	display: block;
}
.room-view-detail-section .floor-plan-group .floor-plan-item {
	width:calc(100%);
	margin-right:0px;
	margin-bottom:30px;
	/*border:none;*/
	font-size:15px;
}
.room-view-detail-section .floor-plan-group .floor-plan-item:last-child {
	width:calc(100%);
	margin-bottom:0px;
}
.room-view-detail-section .floor-plan-item .top {
	font-size:16px;
}

@media screen and (max-width: 1280px) {
	
}

@media screen and (max-width: 640px) {
	.floor-plan-group {
		display: block;
	}
	.floor-plan-group .floor-plan-item {
		width:calc(100%);
		margin-right:0px;
		margin-bottom:30px;
		/*border:none;*/
		font-size:15px;
	}
	.floor-plan-group .floor-plan-item:last-child {
		width:calc(100%);
		margin-bottom:0px;
	}
	.floor-plan-item .top {
		font-size:16px;
	}
	
}

.feature-group-title {
	position:relative;
	width:100%;
	font-size:16px;
	color:rgba(205,205,205,1);
}
.feature-group-title h1 {
	position:relative;
	font-size:2.000em;
	font-family:"Bodoni Moda","Noto Serif KR",sans-serif;
	line-height:130%;	
	letter-spacing:0px;
}
.feature-group-title h2 {
	position:relative;
	font-size:1.125em;
	letter-spacing:0px;
	line-height:130%;
	font-weight:400;
}
@media screen and (max-width: 1024px) {
	.feature-group-title {
		position:relative;
		font-size:14px;
	}
}
@media screen and (max-width: 640px) {
	.feature-group-title {
		text-align:center;
	}
}
@media screen and (max-width: 320px) {
	.feature-group-title {
		font-size:12px;
	}
}
.feature-group {
	position:relative;
	width:100%;
}
.feature-group .feature-item {
	position:relative;
	display:block;
	vertical-align:top;
	color: rgba(80,50,20,1);
	margin-bottom:5%;
}
.feature-group .feature-item-single {
	margin-bottom:0;
}

@media screen and (max-width: 768px) {
	.dy-part-feature {
		padding:0 20px 0 25px;
	}	
}
.feature-item .tit {
	position:relative;
	display:inline-block;
	width:auto;
	background:rgba(190,190,190,1);
    color: #fff;
	text-align:center;
	padding:0px 30px;
	font-weight:400;
	line-height:50px;
	border-radius:0px 15px 0 0px;
	
}
.feature-item .desc {
	position:relative;
	display:block;
	background:#fff;
	padding:30px 30px 25px;
	border:1px solid rgba(190,190,190,.3);
	/*border-radius:0px 15px 0 15px;*/
	color:#000;
	text-align:left;
	height:100%;
}
.feature-item .desc img {
	position:relative;
	width:100%;
}
.feature-group .feature-item-single .desc {
	/*background:transparent;
	background: rgba(245,235,220,1);*/
}
.feature-item ul {
	position:relative;
	display:block;
	width:100%;
	font-size:0;
}

.feature-item ul li {
	position:relative;
	line-height:150%;
	display:inline-block;
	width:calc(100%);
	padding:0 0 0 15px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:16px;
	font-family:"Gothic A1",serif;
	
}
.feature-item .sm {
	position:relative;
	line-height:150%;
	padding:10px 0 0 0px;
	font-size:14px;
	font-weight:300;
	
}
.feature-item ul li::before {
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 15px;
	margin-left:-15px;
}
.feature-item .point li {
	width:calc(50%);
	font-size:18px;
}
.feature-item .drama li {
	width:calc(25%);
}

@media screen and (max-width: 640px) {
	.feature-group .feature-item {
		margin-bottom:30px;
	}
	.feature-group .feature-item-single {
		margin-bottom:0px;
	}
	.feature-item .tit {
		padding:0px 20px;
		line-height:40px;
		
	}
	.feature-item .desc {
		padding:20px 20px 15px;
		border-radius:0px 0px 0 15px;
	}
	.feature-item ul li {
		width:calc(100%);
	}
	.feature-item .point li {
		width:calc(100%);
		font-size:16px;
	}
	.feature-item .drama li {
		width:calc(50%);
		font-size:14px;
	}
}

@media screen and (max-width: 480px) {
	.feature-item-single .tit {
		width:calc(100%);
		text-align:left;
		padding:11px 20px 10px;
		line-height:150%;
		min-height:40px;
	}
	.feature-item ul li {
		font-size:15px;
	}
}

.tb_delivery {
	position:relative;
	display:block;
	background:#fff;
	color:#333;
	font-size:14px;
}
.tb_delivery table {position:relative;width:100%;padding: 10px 5px;background:#fff;border-top: 1px solid rgba(235,235,235,1);}
.tb_delivery .col0 {width:10%}
.tb_delivery .col1 {width:20%}
.tb_delivery .col2 {width:20%}
.tb_delivery .col25 {width:25%}
.tb_delivery .col3 {width:30%}
.tb_delivery .col {width:40%}
.tb_delivery .col50 {width:50%}

.tb_delivery thead th {
	font-weight: normal;
    white-space: nowrap;
    border-bottom: 1px solid rgba(235,235,235,1);
    border-left: 1px solid rgba(235,235,235,1);
    border-right: 1px solid rgba(235,235,235,1);
    text-align: left;
	color:#333;background:#f9fbfb;
	color:#fff;background:rgba(205,205,205,1);
    
    vertical-align:top;
	text-align:left;
	padding:5px 10px;
	line-height:120%;
}
.tb_delivery thead th:first-child {
    border-left: 0;
}
.tb_delivery thead th:last-child {
    border-right: 0;
}

.tb_delivery tbody th {
    border-bottom: 1px solid rgba(235,235,235,1);
    vertical-align: top;
    border-right: 1px solid rgba(235,235,235,1);
	padding:5px 10px;
	text-align:center;
	font-weight:normal;
	white-space:nowrap;
	background:rgba(250,250,250,1);
}
.tb_delivery tbody td {
    color: #555555;
    border-bottom: 1px solid rgba(235,235,235,1);
    vertical-align: top;
    border-left: 1px solid rgba(235,235,235,1);
	padding:5px 10px;
	word-break:break-all;
}
.tb_delivery tbody th hr, .tb_delivery tbody td hr	{
	display: block; 
	height: 1px;
    border: 0; 
	margin:20px -20px;
	border-top: 1px solid rgba(235,235,235,1);
}
.tb_delivery tbody td.etc {border-bottom:none;}
.tb_delivery tbody td strong {
	font-weight:500;
}
.tb_delivery tbody td:first-child {
    border-left: 0;
}


.guide-group {
	position:relative;
	display: block;
    width: 100%;
	text-align: center;
}
.guide-group .guide-item {
	position:relative;
	display: inline-block;
    width: 100%;
    
    margin: 0 auto;
    vertical-align: top;
}
.guide-group .guide-item-single {
	margin-bottom:0;
}
.guide-item .tit {
	position:relative;
	display:inline-block;
	width:auto;
	background: rgba(205,205,205,1);
    color: #fff;
	text-align:center;
	padding:0px 30px;
	font-weight:400;
	line-height:50px;
	border-radius:15px 15px 0 0px;
	
}
.guide-item .desc {
	position:relative;
	display:block;
	background:#fff;
	padding:30px 30px;
	border:1px solid rgba(205,205,205,1);
	border-radius:15px 15px 15px 15px;
	color:#000;
	text-align:center;
	font-size:18px;
	font-family:"Noto Serif KR",serif;
}
.guide-group .guide-item-single .desc {
	/*background:transparent;
	background: rgba(245,235,220,1);*/
}
.guide-item ul {
	position:relative;
	display:block;
	width:100%;
	font-size:0;
}

.guide-item ul li {
	position:relative;
	line-height:150%;
	display:inline-block;
	width:calc(100%);
	padding:0 0 0 15px;
	margin-bottom:10px;
	vertical-align:top;
	font-size:16px;
	font-weight:400;
	
}
.guide-item ul li::before {
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 15px;
	margin-left:-15px;
}
.guide-item .point li {
	width:calc(50%);
	font-size:18px;
}
.guide-item .drama li {
	width:calc(25%);
}

@media screen and (max-width: 640px) {
	.guide-group .guide-item {
		margin-bottom:30px;
		width:100%;
	}
	.guide-group .guide-item-single {
		margin-bottom:0px;
	}
	.guide-item .tit {
		padding:0px 20px;
		line-height:40px;
		
	}
	.guide-item .desc {
		padding:20px 20px;
		font-size:16px;
	}
	.guide-item ul li {
		width:calc(100%);
	}
	.guide-item .point li {
		width:calc(100%);
		font-size:16px;
	}
	.guide-item .drama li {
		width:calc(50%);
		font-size:14px;
	}
}

@media screen and (max-width: 480px) {
	.guide-item-single .tit {
		width:calc(100%);
		text-align:left;
		padding:11px 20px 10px;
		line-height:150%;
		min-height:40px;
	}
	.guide-item ul li {
		font-size:15px;
	}
}

#banquet-menu {
}
.menu-tab-line {
	position:relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: center;
	justify-content:flex-end;
	width:100%;
	font-size:0;
}
.menu-tab-line::after {
	content: "";
}
.menu-tab-line li {
	position:relative;
	flex-shrink: 0;
	flex-grow: 1;
	width:auto;
	text-align:center;
	margin-top:auto;	
}
.menu-tab-line li a {
	position:relative;
	width:100%;
	display:inline-block;
	padding:20px 0px 20px;
	text-decoration:none;
	border:1px solid rgba(205,205,205,.3);
	border-bottom-color:rgba(205,205,205,1);
	color:rgba(205,205,205,1);
	/*background:rgba(250,250,250,1);*/
	-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;
}
.menu-tab-line li:nth-child(n+1) a {border-left-color:transparent;}
.menu-tab-line li:last-child a{border-right:none;}
.menu-tab-line li a span {
	padding:0 0px;
}
.menu-tab-line li.on a, 
.menu-tab-line li:focus a {
	border-top-color:rgba(205,205,205,1);
	border-right-color:rgba(205,205,205,1);
	border-bottom-color:transparent;
	background:transparent;
    color: rgba(20,20,20,1);
}
.menu-tab-line li:nth-child(n+2).on a {
	border-left-color:rgba(205,205,205,1);
}
.menu-tab-line li.on a {
	padding:30px 0px 20px;
}

.menu-tab-line .menu-item h1 {
	font-size:20px;
	line-height:100%;
	font-weight:400;
}
.menu-tab-line li.on a h1 {
	font-weight:600;
}
.menu-tab-line .menu-item h2 {
	font-size:16px;
	line-height:100%;
	margin-top:8px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;
}
.menu-tab-line .menu-item .img {
	position:relative;
	display:inline-block;
	margin-bottom:20px;
}
.menu-tab-line .menu-item .img img {
	width:40px;
}
@media screen and (max-width: 768px) {
	
	.menu-tab-line .menu-item h1 {
		font-size:16px;
	}
	.menu-tab-line .menu-item h2 {
		font-size:12px;
	}
}
@media screen and (max-width: 425px) {
	
	.menu-tab-line .menu-item h1 {
		font-size:14px;
	}
	.menu-tab-line .menu-item h2 {
		display:none;
	}
}


.menu-tab-division {
	position:relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	overflow:hidden;
	justify-content:space-between;
	margin-right:-1.5%;
}
.menu-tab-division:after {
  content: "";
}
.menu-tab-division li {
	position:relative;
	display:block;
	width: calc(25% - 1.5%);
	margin:0 1.5% 1.5% 0;
	text-align:center;
	vertical-align:middle;
	flex:1 1 auto;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.menu-tab-division li a {
	position:relative;
	width:100%;
	height:100%;
	display:inline-block;
	background:#fff;
	padding:30px 0px;
	text-decoration:none;
	border:1px solid rgba(205,205,205,.3);
	color:rgba(205,205,205,1);
}
.menu-tab-division li a span {
	padding:0 0px;
}
.menu-tab-division li:hover,
.menu-tab-division li.on {
	box-shadow:3px 6px 15px rgba(0,0,0,0.15);
}
.menu-tab-division li.on a, 
.menu-tab-division li:focus a {
	border-color:rgba(205,205,205,1);
	background:rgba(205,205,205,1);
    color: rgba(20,20,20,1);
	color:#fff;
}
.menu-tab-division li.on a h1, 
.menu-tab-division li:focus a h1 {
    color: rgba(20,20,20,1);
	color:#fff;;
}
.menu-tab-division .menu-item h1 {
	font-size:20px;
	line-height:100%;
	font-weight:400;
	color:rgba(115,115,115,1);
}
.menu-tab-division li.on a h1 {
	font-weight:600;
}
.menu-tab-division .menu-item h2 {
	font-size:16px;
	line-height:100%;
	margin-top:8px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;
}
.menu-tab-division .menu-item .img {
	position:relative;
	display:inline-block;
	margin-bottom:20px;
}
.menu-tab-division .menu-item .img img {
	width:40px;
}
@media screen and (max-width: 768px) {
	
	.menu-tab-division .menu-item h1 {
		font-size:16px;
	}
	.menu-tab-division .menu-item h2 {
		font-size:12px;
	}
}
@media screen and (max-width: 425px) {
	.menu-tab-division li {
		width: calc(50% - 1.5%);
	}
	.menu-tab-division li a {
		padding:20px 0px;
	}
	.menu-tab-division .menu-item h1 {
		font-size:14px;
	}
	.menu-tab-division .menu-item h2 {
		display:none;
	}
}

.menu-head {
	position:relative;
	padding:0px 0;
	color:rgba(20,20,20,1);
	text-align: center; 
}

.menu-head h1 {
	line-height:140%; 
	font-weight:300; 
	font-size:34px;  
	font-weight:500;
	font-family:"Bodoni Moda",'Noto Serif KR', serif;
	letter-spacing:-0.5px;
}
.menu-head h2 {
	margin:10px 0 10px;
	line-height:160%; 
	font-weight:400; 
	font-size:18px; 
	color: rgba(205,205,205,1);
	font-family: 'Noto Serif KR', serif;
}
.menu-head h3 {
	margin:0px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:24px; 
}
.menu-head .desc  {
	margin:20px 0 0;
	line-height:180%;
	font-size:16px;
}
.menu-head .caution {
	margin:30px 0 0;
	position:relative;
	display:inline-block;
	background:#fff;
	padding:5px 20px;
	border:1px solid rgba(205,205,205,1);
	border-radius:20px 20px 20px 20px;
	color:#000;
	text-align:center;
	line-height:180%;
	font-size:16px;
	font-family:"Noto Serif KR",serif;
}
.menu-head-bar {
	
	padding: 100px 0 0px;
	margin:0px auto 0px;
}
.menu-head-bar:before {
	display: block;
	background:rgba(204,204,204,1);
    width: 1px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
}

.menu-head-bar h1 {
	font-size: 40px;
	letter-spacing:0;
}

.menu-head-bar h1 strong {
	font-weight:600;
	/*color:rgba(220,120,1,1);*/
}

.menu-head-bar h2 {
	margin:20px 0 15px;
}
@media screen and (max-width: 640px) {
	.menu-head h1 {
		font-size:24px;  
	}
	.menu-head h2 {
		font-size:16px; 
	}
	.menu-head h3 {
		font-size:20px; 
	}
	.menu-head .desc  {
		font-size:15px;
	}
	.menu-head-bar h1 {
		font-size: 26px;
	}
	.menu-head-bar {padding: 80px 0 20px;}
	.menu-head-bar:before {
		width: 1px;
		height: 50px;
	}
	
}
.menu-group {
	position:relative;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
	.menu-group {
		padding-left:25px;
	}
	
}
@media screen and (max-width: 480px) {
	.menu-group {
		padding-right:20px;
	}
}

.menu-group-set {
	position: relative;
    min-height: 200px;
}
.menu-group-data {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-align:center;
}
.room-group-set {
	position: relative;
    min-height: 200px;
	overflow:hidden;
}
.room-group-data {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
/* no data */
.nodata {display:table; width:100%;background:rgba(245,245,245,1);}
.nodata .inner{display:table-cell; padding:55px 0 53px; height:200px; text-align:center; font-size:18px; line-height:24px; color:#767676; box-sizing:border-box; vertical-align:middle;}

@media screen and (max-width: 640px) {
	.menu-group-set {
		min-height: 100px;
	}
}

.course-menu {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	margin-right:-4%;
}
.course-menu .course-item {
	position:relative;
	width:calc(50% - 4%); 
	background:#fff;
	padding:40px;
    color: rgba(90,90,95,1);
	color: rgba(110,110,115,1);
	color: rgba(135,135,140,1);
	text-align:center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    border:6px double rgba(195,170,140,.4);
	border:1px solid rgba(195,170,140,.4);
	border-top:10px solid rgba(195,170,140,.4);
	margin:0px 4% 4% 0;
	-webkit-border-radius: 0px 10px 10px 10px; 
	   -moz-border-radius: 0px 10px 10px 10px; 
			border-radius: 0px 10px 10px 10px;
}
.course-menu .no-height {
	height:100%;
}

.course-menu-type1 .course-item {
	width:calc(100% - 4%); 
}
.course-menu-type3 .course-item {
	width:calc(33.333333% - 4%); 
	padding:40px 20px;
}
.course-menu-type4 .course-item {
	width:calc(25% - 4%); 
	padding:40px 20px;
}
.course-menu-type5 .course-item {
	width:calc(20% - 4%); 
	padding:40px 20px;
}

.course-item-viewer {
	position:relative;
	padding:40px;
	padding-bottom:60px;
	text-align:center;
}

.course-menu .course-item:hover {
	background:rgba(254,253,241,1);
	background:rgba(255,255,255,1);	
	
	box-shadow:3px 6px 20px rgba(0,0,0,0.1);
}
.course-menu-list-box-out {
	position:relative;
    display: block;
    height: 100%;
    padding-bottom: 120px;
} 
.course-menu-list-box-out-bottom {
	position:relative;
    display: block;
    height: 100%;
}
.course-menu .no-height .course-menu-list-box-out,
.course-menu .no-height .course-menu-list-box-out-bottom {
	height:auto;
}
.course-menu-list-box {
	position:relative;
}
.course-menu-box {
	position:relative;
}
.course-menu-list-box .tit {
	position:relative;
}
.course-menu-list-box .tit h1 {
	position:relative;
	display:inline-block;
	font-size:36px;
	font-weight:500;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	color: rgba(90,90,95,1);
	/*text-transform:uppercase;*/
	line-height:100%;
	width:80%;
}
.course-menu-list-box .tit h1 span {
	position:relative;
	display:inline-block;
	font-size:0.5em;
}
.course-menu-list-box .tit .cafe {
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:500;
	color:rgba(90,90,95,1);
	font-family:"Raleway","Gothic A1",serif;
	/*text-transform:uppercase;*/
	line-height:140%;
	width:80%;
}
.course-menu-list-box .menu-bar {
	position:relative;
	display:inline-block;
	width:60%;
	height:1px;
	background:rgba(195,170,140,.4);
}
.course-menu-list-box .h-bar {
	position:relative;
	display:block;
	width:100%;
	height:1px;
	background:rgba(195,170,140,.4);
}
.course-menu-list-box .tit .price h1 {
	font-size:20px;
	line-height:100%;
	padding:10px 20px;
	font-style:italic;
	letter-spacing:1px;
}
.course-menu-list-box .tit h2 {
	position:relative;
	font-size:16px;
	line-height:140%;
	color: rgba(195,170,140,1);
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	/*font-style:italic;*/
	margin-top:0px;
	letter-spacing:0px;
}
.course-menu-list-box .tit h3 {
	position:relative;
	display:block;
	font-size:18px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	/*text-transform:uppercase;*/
	line-height:100%;
	letter-spacing:1px;
}
.course-menu-list-box .img {
	position:relative;
	overflow:hidden;
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
			border-radius: 10px 10px 10px 10px;
}
.course-menu-list-box .img img {
	position:relative;
	width:100%;
}


.more-view-btn {
	width: 30px;
    height: 30px;
	background:rgba(195,170,140,1);
    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; 
}
.more-view-btn:before {
	content: '';
    position: absolute;
    background:#fff;
	height:14px;
    width: 2px;
    top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.more-view-btn:after {
	content: '';
    position: absolute;
    background:#fff;
	height:2px;
    width: 14px;
    top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.more-view-btn-text { 
	position:relative;
	display: inline-block;
	width: auto; 
	color:#fff;
	background:rgba(153,153,153);
	background:rgba(255,255,255);
	border:1px solid rgba(204,204,204,1);
	color:#333;
	line-height: 32px; 
	height:34px;
	text-align:left; 
	letter-spacing: 0; 
	position: relative; 
	padding: 0px 15px 0px 35px; 
	border-radius:30px 30px 30px 30px;
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/
	font-size:14px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.more-view-btn-text:before { position: absolute; top:0px; left: 12px; bottom: 0; display: block; font-size: 14px; font-family: 'themify'; content: "\e693"; content: "\e611"; font-weight: normal; }

.course-menu-list-box .menu-list {
	position:relative;
	font-size:12px;
	line-height:160%;
	color:rgba(195,170,140,1);
	font-weight:300;
	margin-top:30px;
}
.course-menu-list-box .menu-list > ul > li {
	position:relative;
	width:100%;
	padding:0px 0 20px;
}
.course-menu-list-box .menu-list h3 {
	font-size:17px;
	line-height:140%;
	margin-bottom:3px;
	font-weight:400;
	/*font-family:"Gothic A1",serif;*/
	color: rgba(90,90,95,1);
}
.course-menu-list-box .menu-list .num {
	font-size:20px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;
	margin-bottom:15px;
	display:none;
}
.course-menu-list-box .menu-list p {
	/*font-style:italic;*/
	color:rgba(185,190,200,1);
}
.course-menu-list-box .menu-list .menu-img {
	position:relative;
	display:table-cell;
	width:30%;
	vertical-align:top;
	padding-right:30px;
	
}
.course-menu-list-box .menu-list .menu-img img {
	position:relative;
	width:100%;
	max-width:100%;
}
.course-menu-list-box .menu-list .menu-text {
	position:relative;
	display:table-cell;
	width:auto;
	padding-bottom:10px;
	vertical-align:bottom;
}
.course-menu-list-box .menu-list .menu-text-center {
	position:relative;
	text-align:center;
	margin-bottom:10px;
}
.course-menu-list-box  .course-side-menu {
	position:relative;
	font-size:22px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	line-height:100%;
	color:#000;
	padding:20px 0 50px;
}
.course-menu-list-box .menu-list .menu-text-add {
	position:relative;
	padding:5px 0 0;
	font-size:13px;
	font-family:"Gothic A1",serif;
}
.course-menu-list-box .menu-list .menu-text-desc {
	position:relative;
	padding:0px 0 0;
	text-align:center;
	font-family:"Gothic A1",serif;
}
.course-menu-list-box .menu-list .menu-info {
	position:relative;
}

.course-menu-list-box .buffet > ul > li {
	display:table;
}
.course-menu-list-box .buffet .menu-info {
	display:table-cell;
	width:25%;
	padding:0px 30px 0px 0;
	vertical-align:top;
}
.course-menu-list-box .buffet .menu-img {
	display:block;
	width:100%;
	padding-right:0px;
	padding-bottom:10px;
}
.course-menu-list-box .buffet .menu-text {
	display:block;
	width:100%;
	padding-top:10px;
	padding-bottom:0px;
	vertical-align:top;
	text-align:left;
}

.course-menu-list-box .buffet .menu-text-desc {
	display:table-cell;
	width:auto%;
	text-align:left;
}
.course-menu-list-box .buffet .menu-text-center {
	text-align:left;
	padding-top:10px;
	margin-bottom:0px;
}

.course-menu-list-box .menu-list .buffet-menu {
	position:relative;
	display:block;
	width:100%;
	font-size:0;
	padding:30px 20px 20px;
	text-align:left;
	margin-top:20px;
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
			border-radius: 10px 10px 10px 10px;
	background:rgba(245,245,245,1);
}
.course-menu-list-box .buffet .buffet-menu {
	margin-top:0px;
}
.course-menu-list-box .menu-list .buffet-menu > li {
	position:relative;
	line-height:140%;
	display:inline-block;
	padding:0 15px 0;
	margin-bottom:10px;
	vertical-align:top;
	
	width:calc(33.33333%);
	width:calc(50%);
	font-size:14px;
	font-weight:400;
	
	color:rgba(51,51,51,1);
}
@media screen and (max-width: 480px) {
	.course-menu-list-box .menu-list .buffet-menu > li {
		width:calc(50%);
	}
}
.course-menu-list-box .menu-list .buffet-menu > li span {
	position:relative;
	display:block;
	font-size:12px;
	color:#999;
	line-height:120%;
	margin-top:0px;
}

.course-menu-list-box .menu-list .buffet-menu > li::before {
	content: "\2022";
	font-weight: bold;
	display: inline-block;
	width: 15px;
	margin-left:-15px;
}

.course-menu-LR {
	display:table;
}
.course-menu-LR .tit {
	display:table-cell;
	vertical-align:top;
	width:30%;
	text-align:left;
}
.course-menu-LR .menu-list {
	display:table-cell;
	vertical-align:top;
	width:auto;
	text-align:left;
}
.course-menu-LR .menu-list .menu-text-center {
	text-align:left;
}
.course-menu-LR .menu-list h3 {
	display:inline-block;
	margin-right:5px;
	font-size:20px;
}
.course-menu-LR .menu-list .num {
	display:inline-block;
	margin-right:5px;
}

.menu-caution {
	/*position:relative;
	margin-top: auto;*/
	font-size:13px;	
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0 0px;
	bottom:0;
	font-family:"Gothic A1",serif;
}
.menu-caution p {
	color:rgba(195,170,140,1);
}
.menu-caution-in {
	display:none;
}
@media screen and (max-width: 1280px) {
	.course-menu-type3 .course-item {
		width:calc(50% - 4%); 
	}
}
@media screen and (max-width: 768px) {
	.course-menu-type3 .course-item {
		width:calc(100% - 4%); 
	}
	.course-menu .course-item {
		padding:30px;
		
	}
	.course-menu-list-box .tit h1 {
		font-size:26px;
	}
	.course-menu-list-box .tit .cafe {
		font-size:18px;
	}
	.course-menu-list-box .menu-list {
		font-size:10px;
	}
	.course-menu-list-box .menu-list > ul > li {
		padding:0px 0 20px;
	}
	.course-menu-list-box .menu-list h3 {
		font-size:16px;
	}
}
@media screen and (max-width: 640px) {
	.course-menu {
		margin-right:0;
	}
	.course-menu .course-item {
		width:100%;
		padding:30px 20px;
		margin-bottom:30px;
		margin-right:0px;
	}
	.course-menu-list-box .menu-list .menu-img {
		padding-right:20px;
	}
	.course-menu-list-box .buffet .menu-img {
		padding-right:0px;
	}
	.course-menu-list-box .menu-list .menu-text {
		padding-bottom:0px;
	}
	.menu-caution {
		font-size:12px;
	}
}

.course-menu .course-item-view {
	position:relative;
	width:calc(50% - 4%); 
	background:#fff;
	padding:0px;
	text-align:left;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
    border-bottom:10px solid rgba(205,205,205,1);
	margin:0px 4% 4% 0;
	overflow:hidden;
	/*flex: 1 1 auto;*/
	box-shadow:1px 3px 10px rgba(0,0,0,0.1);
	-webkit-border-radius: 0px 10px 10px 0px; 
	   -moz-border-radius: 0px 10px 10px 0px; 
			border-radius: 0px 10px 10px 0px;
}
.course-menu-type1 .course-item-view {
	width:calc(100% - 4%); 
}
.course-menu-type3 .course-item-view {
	width:calc(33.333333% - 4%); 
}
.course-menu-type4 .course-item-view {
	width:calc(25% - 4%); 
}
.course-menu-type5 .course-item-view {
	width:calc(20% - 4%); 
}

.course-menu .course-item-view:hover {
	box-shadow:5px 10px 30px rgba(0,0,0,0.1);
}
.course-menu .course-item-view .view {
	position:relative;
	display:block;
	height:100%;
	padding-bottom:70px;
}
.course-menu .course-item-view .view-box {
	position:relative;
}
.course-menu .course-item-view .tit {
	position:relative;
	text-align:center;
	padding:30px 20px 30px;
}
.course-menu .course-item-view .view:hover .more-view-btn-text { 
	background:rgba(153,153,153,1);
	border:1px solid rgba(205,205,205,1);
	background:rgba(205,205,205,1);
	color:#fff;
}
.course-menu .course-item-view .menu-btn {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0 25px;
	bottom:0;
}
.course-menu .course-item-view .tit h1 {
	position:relative;
	font-size:20px;
	color:#000;
	font-weight:400;
	font-family:"Noto Serif KR",serif;
	line-height:140%;
}
.course-menu .course-item-view .tit .price {
	line-height:100%;
}
.course-menu .course-item-view .tit h2 {
	position:relative;
	font-size:14px;
	line-height:140%;
	color:#666;
	margin-top:5px;
}
.course-menu .course-item-view .tit h3 {
	position:relative;
	font-size:16px;
	font-weight:300;
	font-family:"Noto Serif KR",serif;
	line-height:100%;
    color: rgba(205,205,205,1);
	color:#000;
	
	letter-spacing:2px;
	margin-bottom:10px;
}
.course-menu .course-item-view .desc {
	position:relative;
	font-size:14px;
	line-height:160%;
	color:#666;
	text-align:left;
	padding:0 20px 20px;
	float:none;
	clear: both;
}
.course-menu .course-item-view .img {
	position:relative;
	overflow:hidden;
}
.course-menu .course-item-view .img img {
	position:relative;
	width:100%;
}
.course-menu .course-item-card {
	width:calc(50% - 4%); 
	border: 1px solid rgba(205,205,205,.3);
	border-left:10px solid rgba(205,205,205,1);
}
.course-menu-type1 .course-item-card {
	width:calc(100% - 4%); 
}
.course-menu-type3 .course-item-card {
	width:calc(33.333333% - 4%); 
}
.course-menu-type4 .course-item-card {
	width:calc(25% - 4%); 
}
.course-menu-type5 .course-item-card {
	width:calc(20% - 4%); 
}

.course-menu .course-item-card {
	padding:30px;
}
.course-menu .course-item-card .view {
	padding-bottom:30px;
	/*padding-bottom:0px;*/
}
.course-menu .course-item-card .view-box {
	/*display: flex;
	flex-flow: row wrap;*/
}
.course-menu .course-item-card .img {
	float:right;
	display:block;
	width:45%;
	padding:0px;
	z-index:2;
	order:2;
}
/*
.course-menu .course-item-card .img .thumb {
	position:relative;
	overflow:hidden;
	height:100%;
	max-height:120px;
}
.course-menu .course-item-card .img .thumb img {
	position:relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width:auto;height:100%;
	width:100%;height:auto;
}*/
.course-menu .course-item-card .tit {
	float:left;
	display:block;
	width:auto; 
	padding:0;
	text-align:left;
	vertical-align:top;
	z-index:1;
	order:1;
}
.course-menu .course-item-card .desc {
	/*float:left;
	clear:inherit;*/
	padding:40px 0px 30px 0;
	font-size:15px;
	order:3;
}
.course-menu .course-item-card .card_blank {
	display:block;
	padding:30px 0px;
}
.course-menu .course-item-card .menu-btn {
	/*position:relative;*/
	clear:both;
	text-align:right;
	padding:10px 0 0px;
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	
	.course-menu .course-item-view {
		width:calc(50% - 4%); 
	}
	
}
@media screen and (max-width: 640px) {
	.course-menu .course-item-view {
		width:100%; 
		margin-right:0;
		margin-bottom:30px;
	}
	.course-menu .course-item-card .desc {
		font-size:14px;
	}
}
@media screen and (max-width: 375px) {
	
	.course-menu .course-item-card {
		padding:20px;
	}
}



.course-item-set {
	width:calc(50% - 4%); 
	border: 1px solid rgba(205,205,205,.3);
	border-top:10px solid rgba(205,205,205,1);
	text-align:left;
}
.course-item-viewer.course-item-set {
	width:calc(100%); 
	border:none;
	border-top:none;
}
.course-item-set .menu-caution-in {
	display:block;
}
.course-item-set .menu-caution-out {
	display:none;
}
.course-menu-type1 .course-item-set:nth-child(even),
.course-menu-type1-1 .course-item-set:nth-child(even) {
	margin-left: auto;
}

.course-menu-type1 .course-item-set,
.course-menu-type1-1 .course-item-set {
	width:calc(80% - 4%); 
	margin-bottom:8%;
}

.course-menu-type1 .course-item-set:last-child,
.course-menu-type1-1 .course-item-set:last-child {
	margin-bottom:4%;
}

.course-menu-type3 .course-item-set {
	width:calc(33.333333% - 4%); 
}
.course-menu-type4 .course-item-set {
	width:calc(25% - 4%); 
}
.course-menu-type5 .course-item-set {
	width:calc(20% - 4%); 
}
.course-item-set .course-menu-list-box-out {
    padding-bottom: 0px;
}
.course-item-set .course-menu-list-box {
	display: table;
    height: 100%;
}

.course-item-set .course-menu-box {
    height: 100%;
    padding-bottom: 130px;
}
.course-item-set .course-img-box {
	position:relative;
	display:table-cell;
	width:40%;
	padding:0px;
	vertical-align:top;
}
.course-item-set .course-menu-box {
	position:relative;
	display:table-cell;
	width:60%;
	padding-left:40px;
	vertical-align:top;
	text-align:left;
}
.course-menu-type1 .course-item-set .course-menu-box,
.course-menu-type1-1 .course-item-set .course-menu-box {
	padding-left:60px;
}

.course-item-set .course-menu-box .menu-caution {
	text-align:left;
}
.course-item-set .tit {
	float:none;
	clear:both;
	display:block;
	width:100%; 
}
.course-item-set .tit h1 {
	margin-right:10px;
}
.course-item-set .tit h2 {
	display:inline-block;
}
.course-item-set .tit .price h1 {
	border-radius:0px 30px 30px 0px;
}
.course-item-set .menu-list > ul {
	position:relative;
	width:100%;
}
.course-item-set .menu-list > ul > li {
	padding:0px 0px 10px 0;
}
.course-menu-type1 .course-item-set .menu-list > ul > li {
	width:calc(50% - 5px);
	display:inline-block;
	vertical-align:top;	
}
.course-menu-type1 .course-item-set .menu-list > ul > li:nth-child(even) {
	width:calc(50% - 20px);
	padding:0px 0px 10px 20px;
}
.course-item-set .menu-list .menu-img {
	padding-right:20px;
	
}
.course-item-set .menu-list .menu-text-center {
	text-align:left;
	margin-bottom:10px;
}

@media screen and (max-width: 1024px) {
	
	.course-menu-type1 .course-item-set .menu-list > ul > li {
		padding:0px 0px 10px 0;
		width:calc(100%);
		display:block;
		
	}
	.course-menu-type1 .course-item-set .menu-list > ul > li:nth-child(even) {
		width:calc(100%);
		padding:0px 0px 10px 0px;
	}
}
@media screen and (max-width: 768px) {
	.course-menu-type1 .course-item-set,
	.course-menu-type1-1 .course-item-set {
		width:calc(100% - 4%); 
		margin-bottom:4%;
	}
	.course-menu-type1 .course-item-set:nth-child(even),
	.course-menu-type1-1 .course-item-set:nth-child(even) {
		margin-left:0;
	}
}
@media screen and (max-width: 640px) {
	.course-menu-type1 .course-item-set,
	.course-menu-type1-1 .course-item-set {
		width:100%;
		padding:30px 20px;
		margin-bottom:30px;
		margin-right:0px;
	}
	.course-menu-type1 .course-item-set:last-child,
	.course-menu-type1-1 .course-item-set:last-child {
		margin-bottom:0;
	}
	.course-item-set .course-img-box {
		width:40%;
	}
	.course-menu-type1 .course-item-set .course-menu-box,
	.course-menu-type1-1 .course-item-set .course-menu-box,
	.course-item-set .course-menu-box {
		width:60%;
		padding-left:40px;
	}
}
@media screen and (max-width: 480px) {
	.course-item-set .course-img-box {
		width:30%;
	}
	.course-menu-type1 .course-item-set .course-menu-box,
	.course-menu-type1-1 .course-item-set .course-menu-box,
	.course-item-set .course-menu-box {
		width:70%;
		padding-left:30px;
	}
	.course-item-set .menu-caution-in {
		display:none;
	}
	.course-item-set .menu-caution-out {
		display:block;
	}
}

.user-contents {
	position:relative;
	overflow:hidden;
}

.menuTable-out {
	position:relative;
	padding:30px 0;
	margin:0 auto;
	width:90%;
}
.menuTable {position:relative;width:100%;display:block;max-width:800px;margin:0 auto;}
.menuTable:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.menuTable.hot li {padding-left:10px;}
.menuTable img {
	height:20px;
	margin:-5px 0 0 -20px;;
}
.menuTable li {
	position:relative;
	display:table;	
	width:100%;
	overflow:hidden;
	font-size:15px;
	padding-bottom:25px;
	font-weight:300;
	color:#222222;
	color: rgba(90,90,95,1);
	font-family:"Noto Serif KR",serif;
}
.menuTable li.tag {
	padding-bottom:10px;
}
.menuTable li.beverage {
	padding-bottom:10px;
}
.menuTable li:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.menuTable .priceTag {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:right;
	font-size:12px;
	color:#999;
}


.menuTable .priceTag.mini {
	width:60px;
	min-width:60px;
	
}
.menuTable .price {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:right;
	vertical-align:top;
    color: rgba(90,90,95,1);
}
@media screen and (max-width: 375px) {
	.menuTable .priceTag, 
	.menuTable .price {
		width:50px;
		min-width:50px;
	}
}
.menuTable .price h1 {
	font-size:16px;
	letter-spacing:1px;
	font-style:italic;
	line-height:140%;
}
.menuTable .price.mini {
	width:40px;
	min-width:40px;
	color:#999;
	font-size:13px;
}
.menuTable .price .sm {
	display:block;
	color:#999;
	font-size:12px;
}
.menuTable .price.ml {
	width:60px;
	min-width:60px;
	color:#999;
	font-size:13px;
}
.menuTable .priceAdd {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:center;
	font-size:13px;
	line-height:20px;
}
.menuTable .tit-tb {
	display:table-cell;
	width:100%;
	padding:0 10px 0 0;
	vertical-align:top;
}
.menuTable .menuName {
	display:table-cell;
	text-align:left;
	width:100%;
	line-height:160%;
}
.menuTable .mChiName {
	display:table-cell;
	text-align:justify;
	width:120px;
	min-width:120px;
	padding:0 20px 0 0;
	line-height:120%;
	
}
.menuTable .mChiName:after {
	display:inline-block;
	content:"";
	width:100%;
}
.menuTable .menuName.tit {
	font-size:20px;
	font-weight:bold;
	color:#222222;
}
.menuTable .menuName.t2 {
	font-size:17px;
	line-height:140%;
	margin-bottom:3px;
	font-weight:400;
}
.menuTable .menuName h3 {
	font-family:"Gothic A1",serif;
	font-size:17px;
	line-height:140%;
	margin-bottom:3px;
	font-weight:500;
}
.menuTable .menuName .recom {
	position: relative; 
	display: inline-block; 
	letter-spacing: 0;
	
	padding:0px 5px 0px;
	font-size:11px;
	font-weight:400;
	color:#C30;
	line-height:20px;
	height:20px;
	overflow:hidden;
	margin-left:3px;
	vertical-align:-3px;
	white-space:nowrap;text-overflow:ellipsis;
	-webkit-border-radius: 20px; 
	   -moz-border-radius: 20px; 
		    border-radius: 20px;
	border:1px solid #C30;
}
.menuTable .menuNameSub {
	font-family:"Gothic A1",serif;
	font-size:14px;
	display:block;
	line-height:150%;
	margin-bottom:3px;
}
.menuTable .mSubName {
	font-size:12px;
	color:rgba(185,190,200,1);
	display:block;
	line-height:150%;
	margin-top:0px;
}

.menuTable.set .menuName {
	text-align:center;
	font-size:17px;
}
.menuTable.set .mSubName {
	text-align:center;
}


@media screen and (max-width: 480px) {
	.menuTable .menuName.tit {
		font-size:18px;
	}
	.menuTable li {
		font-size:14px;
	}
	.menuTable .menuName {
		display:block;
	}
	.menuTable .mChiName {
		display:block;
		text-align:left;
		width:auto;
		min-width:120px;
		padding:0 0px 5px 0;
	}
	.menuTable .mChiName:after {
		display:block;		
	}
	.menuTable .menuName h3 {
		font-size:16px;
	}
}


.cafeTable-out {
	position:relative;
	padding:30px 0 0;
	margin:0 auto;
	width:80%;
}
.cafeTable {position:relative;width:100%;display:inline-block;max-width:800px;margin:0 auto;}
.cafeTable:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.cafeTable.hot li {padding-left:10px;}
.cafeTable img {
	height:20px;
	margin:-5px 0 0 -20px;;
}
.cafeTable li {
	position:relative;
	display:table;	
	width:100%;
	overflow:hidden;
	font-size:15px;
	padding-bottom:20px;
	font-weight:300;
	color:#222222;
	color: rgba(90,90,95,1);
	font-family:"Noto Serif KR",serif;
	vertical-align:top;
}
.cafeTable li.tag {
	padding-bottom:10px;
}
.cafeTable li.beverage {
	padding-bottom:10px;
}
.cafeTable li:after {content: ".";height: 0;display: block;visibility: hidden;clear: both;}
.cafeTable .priceTag {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:right;
	font-size:12px;
	color:#999;
}


.cafeTable .priceTag.mini {
	width:60px;
	min-width:60px;
	
}
.cafeTable .price {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:right;
	vertical-align:top;
    color: rgba(90,90,95,1);
}
@media screen and (max-width: 375px) {
	.cafeTable .priceTag, 
	.cafeTable .price {
		width:50px;
		min-width:50px;
	}
}
.cafeTable .price h1 {
	font-size:16px;
	letter-spacing:1px;
	font-style:italic;
	line-height:120%;
}
.cafeTable .price.mini {
	width:40px;
	min-width:40px;
	color:#999;
	font-size:13px;
}
.cafeTable .price .sm {
	display:block;
	color:#999;
	font-size:12px;
}
.cafeTable .price.ml {
	width:60px;
	min-width:60px;
	color:#999;
	font-size:13px;
}
.cafeTable .priceAdd {
	display:table-cell;
	width:70px;
	min-width:70px;
	text-align:center;
	font-size:13px;
	line-height:20px;
}
.cafeTable .tit-tb {
	display:table-cell;
	width:100%;
	padding:0 10px 0 0;
	vertical-align:top;
}
.cafeTable .menuName {
	display:table-cell;
	text-align:left;
	width:100%;
	line-height:160%;
}
.cafeTable .mChiName {
	display:table-cell;
	text-align:justify;
	width:120px;
	min-width:120px;
	padding:0 20px 0 0;
	line-height:120%;
	
}
.cafeTable .mChiName:after {
	display:inline-block;
	content:"";
	width:100%;
}
.cafeTable .menuName.tit {
	font-size:20px;
	font-weight:bold;
	color:#222222;
}
.cafeTable .menuName.t2 {
	font-size:17px;
	line-height:140%;
	margin-bottom:3px;
	font-weight:400;
}
.cafeTable .menuName h3 {
	font-family:"Gothic A1",serif;
	font-size:17px;
	line-height:140%;
	margin-bottom:3px;
	font-weight:400;
}
.cafeTable .menuName .recom {
	position: relative; 
	display: inline-block; 
	letter-spacing: 0;
	
	padding:0px 5px 0px;
	font-size:11px;
	font-weight:400;
	color:#C30;
	line-height:20px;
	height:20px;
	overflow:hidden;
	margin-left:3px;
	vertical-align:-3px;
	white-space:nowrap;text-overflow:ellipsis;
	-webkit-border-radius: 20px; 
	   -moz-border-radius: 20px; 
		    border-radius: 20px;
	border:1px solid #C30;
}
.cafeTable .menuNameSub {
	font-family:"Gothic A1",serif;
	font-size:14px;
	display:block;
	line-height:140%;
	margin:3px 0;
}
.cafeTable .mSubName {
	font-size:12px;
	color:rgba(185,190,200,1);
	display:block;
	line-height:150%;
	margin-top:0px;
}

.cafeTable.set .menuName {
	text-align:center;
	font-size:17px;
}
.cafeTable.set .mSubName {
	text-align:center;
}


@media screen and (max-width: 480px) {
	.cafeTable .menuName.tit {
		font-size:18px;
	}
	.cafeTable li {
		font-size:14px;
	}
	.cafeTable .menuName {
		display:block;
	}
	.cafeTable .mChiName {
		display:block;
		text-align:left;
		width:auto;
		min-width:120px;
		padding:0 0px 5px 0;
	}
	.cafeTable .mChiName:after {
		display:block;		
	}
	.cafeTable .menuName h3 {
		font-size:16px;
	}
}


/*viewer*/
.pop-menu-viewer-area {
	visibility:hidden;
	display:block;
	position: fixed; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	z-index: 3999;
}
.pop-menu-viewer-area .pop-back {
	visibility:hidden;
	position: absolute; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	background:rgba(0,0,0,1);
	
	opacity:0;
	-webkit-transition: opacity .3s ease-out;
       -moz-transition: opacity .3s ease-out;
        -ms-transition: opacity .3s ease-out;
         -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
	z-index: 1;
}

.pop-menu-viewer-area .pop-panel {
    position: absolute;
    top: 0;
    right: 0;
	bottom: 0;
    width: 30%;
    /*height: 100vh;*/
	background:rgba(255,255,255,1);
	z-index: 2;
	display: none;
	-webkit-transform: translateX(100%,0);
	-moz-transform: translateX(100%,0);
	-ms-transform: translateX(100%,0);
	-o-transform: translateX(100%,0);
	transform: translateX(100%,0);
}
.pop-menu-viewer-area .pop-panel {
	width:640px;
}

.pop-menu-viewer-area.fix {
	visibility:visible;
}

.pop-menu-viewer-area.fix .pop-back {
	opacity:.6;
	visibility:visible;
}
.pop-menu-viewer-area .bgGrey {
    
	background:rgba(205,205,205,1);
	background: #e8e9eb;
}


.pop-room-viewer-area {
	visibility:hidden;
	display:block;
	position: fixed; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	z-index: 3999;
}
.pop-room-viewer-area .pop-back {
	visibility:hidden;
	position: absolute; 
	width: 100%;
	/*height: 100vh;*/
	top: 0px;
	left: 0;
    right: 0;
	bottom: 0;
	background:rgba(0,0,0,1);
	
	opacity:0;
	-webkit-transition: opacity .3s ease-out;
       -moz-transition: opacity .3s ease-out;
        -ms-transition: opacity .3s ease-out;
         -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
	z-index: 1;
}

.pop-room-viewer-area .pop-panel {
    position: absolute;
    top: 0;
    right: 0;
	bottom: 0;
    width: 40%;
    /*height: 100vh;*/
	background:rgba(255,255,255,1);
	z-index: 2;
	display: none;
	-webkit-transform: translateX(100%,0);
	-moz-transform: translateX(100%,0);
	-ms-transform: translateX(100%,0);
	-o-transform: translateX(100%,0);
	transform: translateX(100%,0);
}
.pop-room-viewer-area .pop-panel {
	width:840px;
}

.pop-room-viewer-area.fix {
	visibility:visible;
}

.pop-room-viewer-area.fix .pop-back {
	opacity:.6;
	visibility:visible;
}
.pop-room-viewer-area .bgGrey {
    background: #e8e9eb;
    background: #f3f0ee;
}


.pop-menu-viewer-area .no-data,
.pop-room-viewer-area .no-data {
	position:relative;
	padding:40px 0;
	background:rgba(245,245,245,1);
	text-align:center;
	color:#999;
}
.body-bg .pop-menu-viewer-area .no-data,
.body-bg .pop-room-viewer-area .no-data {
	background:rgba(255,255,255,1);
}
.pop-menu-viewer-area .no-data .no-icon i,
.pop-room-viewer-area .no-data .no-icon i {
	font-size:30px;
}


.layerPop {
	z-index: 10; 
	position:fixed;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:#fff;
	color:#000;
	width:100%;
	height:100%;
	overflow:hidden;
}
.layerPop .scrollarea {
	position:relative;
	z-index:1;
	height:100%; 
	margin:-56px 0 0px 0; 
	padding:66px 0 0px 0;
}
.scrollarea .scroll {
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
}

.layerPop .btnClose{
	position:fixed;
	overflow:hidden;
	text-indent:-9999px;
	top:5px;
	right:10px;
	width:48px;
	height:48px;
	z-index:3;
	background:url(/imgs/gnb/btn_close_36x36.png) no-repeat 50% 50%;
	background-size:18px 18px;
	border:0;
}
.layerPop .pop-btnArea {
	position:fixed;
	position:absolute;
	left:0;right:0;bottom:0;
	z-index:3;
	padding:10px 20px 14px;
}

.layerPop .layer-top {
	position:relative;
	z-index:3;
}
.layerPop .layer-tit {
	position:relative;
	height:56px;line-height:56px;
	font-weight:500;
	font-size:20px;
	padding:0 20px;
	background:#fff;
	z-index:3;
	margin:0;overflow:hidden;
	text-align:center;
	text-transform:uppercase;
}

.layerPop .layer-tit2 {
	font-weight:400;
	font-size:24px;
	margin:0px 0 0px;
	text-align:center;
}

@media screen and (max-width: 768px) {
	.pop-menu-viewer-area .pop-panel {
		width: 80%;
	}
	.pop-room-viewer-area .pop-panel {
		width: 80%;
	}
}
@media screen and (max-width: 480px) {
	.pop-menu-viewer-area .pop-panel {
		width: 100%;
	}
	.pop-room-viewer-area .pop-panel {
		width: 100%;
	}
	.layerPop .pop-btnArea {
		position:fixed;
	}
	.layerPop .layer-tit {
		text-align:left;
	}
	.layerPop .btnSearch {
		font-size:12px;
	}
	.layerPop .btn-group-right {
		padding-left:10px;
	}
	.course-item-viewer {
		padding:40px 20px;
	}
}

.do-hidden {
	visibility:hidden;
}


.room-view {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	margin-right:-4%;
}
.room-view .room-view-item {
	position:relative;
	width:calc(50% - 4%); 
	padding:0px;
	text-align:left;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
   /* border-bottom:10px solid rgba(205,205,205,1);*/
	margin:0px 4% 4% 0;
	overflow:hidden;
	/*flex: 1 1 auto;*/
	/*box-shadow:1px 3px 10px rgba(0,0,0,0.1);
	-webkit-border-radius: 0px 10px 0px 0px; 
	   -moz-border-radius: 0px 10px 0px 0px; 
			border-radius: 0px 10px 0px 0px;*/
}
.room-view-type1 .room-view-item {
	width:calc(100% - 4%); 
}
.room-view-type3 .room-view-item {
	width:calc(33.333333% - 4%); 
	/*padding:20px;*/
}
.room-view-type4 .room-view-item {
	width:calc(25% - 4%); 
	padding:20px;
}
.room-view-type5 .room-view-item {
	width:calc(20% - 4%); 
	padding:20px;
}

.room-view .room-view-item:hover {
	box-shadow:5px 10px 30px rgba(0,0,0,0.1);
}
.room-view .room-view-item .view {
	position:relative;
	display:block;
	height:100%;
	padding-bottom:50px;
}
.room-view .room-view-item .view-box {
	position:relative;
}
.room-view .room-view-item .tit {
	position:relative;
	text-align:center;
	padding:30px 0px 30px;
}
.room-view .room-view-item .view:hover .more-view-btn-text { 
	background:rgba(153,153,153,1);
	border:1px solid rgba(205,205,205,1);
	background:rgba(205,205,205,1);
	color:#fff;
}
.room-view .room-view-item .room-btn {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0 10px;
	bottom:0;
}
.room-view .room-view-item .tit h1 {
	position:relative;
	font-size:20px;
	color:#000;
	font-weight:400;
	display:inline-block;
	font-family:"Noto Serif KR",serif;
	line-height:140%;
}
.room-view .room-view-item .tit .price {
	line-height:100%;
}
.room-view .room-view-item .tit h2 {
	position:relative;
	font-size:20px;
	color:#000;
	font-weight:400;
	display:inline-block;
	margin-left:5px;
	font-family:"Noto Serif KR",serif;
	line-height:140%;
}
.room-view .room-view-item .tit h3 {
	position:relative;
	font-size:15px;
	font-weight:300;
	font-family:"Noto Serif KR",serif;
	line-height:160%;
    color:#666;
	letter-spacing:0px;
}
.room-view .room-view-item .desc {
	position:relative;
	font-size:14px;
	line-height:160%;
	color:#666;
	text-align:left;
	padding:0 20px 20px;
	float:none;
	clear: both;
}
.room-view .room-view-item .img {
	position:relative;
	overflow:hidden;
}
.room-view .room-view-item .img img {
	position:relative;
	width:100%;
}

@media screen and (max-width: 1440px) {
	.room-view-type3 .room-view-item .tit h1 {
		font-size:18px;
	}
	.room-view-type3 .room-view-item .tit h2 {
		font-size:18px;
	}
	.room-view-type3 .room-view-item .tit h3 {
		font-size:14px;
	}
}

@media screen and (max-width: 768px) {
	
	.room-view .room-view-item {
		width:calc(50% - 4%); 
	}
	
}
@media screen and (max-width: 640px) {
	.room-view .room-view-item {
		width:100%; 
		margin-bottom:30px;
	}
	.room-view .room-view-item .tit {
		padding:30px 0px 20px;
	}
	.room-view .room-view-item .tit h1 {
		font-size:20px;
	}
	.room-view .room-view-item .tit h2 {
		font-size:20px;
	}
	.room-view .room-view-item .tit h3 {
		font-size:14px;
	}
}
@media screen and (max-width: 480px) {
	.room-view .room-view-item .tit h1 {
		font-size:18px;
	}
	.room-view .room-view-item .tit h2 {
		font-size:18px;
	}
	
}

.room-view-detail-section .single-img {
	position:relative;
	overflow:hidden;
}
.room-view-detail-section .single-img img {
	position:relative;
	width:100%;
}

.merits-view-area {
	position:relative;
}
.merits-view {
	position:relative;
	/*
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;*/
	display: block;
	margin:0 -3.5%;
	font-size:0;
}
.merits-view .merits-view-item {
	position:relative;
	width:calc(50% - 7%); 
	display: inline-block;
	padding:0px;
	text-align:left;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	margin:0px 3.5% 4%;
	vertical-align:top;
	/*flex: 1 1 auto;overflow:hidden;*/
	/*
	background:#fff;
	box-shadow:1px 3px 10px rgba(0,0,0,0.1);
	-webkit-border-radius: 0px 10px 0px 0px; 
	   -moz-border-radius: 0px 10px 0px 0px; 
			border-radius: 0px 10px 0px 0px;
	border-bottom:10px solid rgba(205,205,205,1);
	*/
}
.merits-view-type1 .merits-view-item {
	width:calc(100% - 7%); 
}
.merits-view-type3 .merits-view-item {
	width:calc(33.3333333% - 7%); 
}
.merits-view-type4 .merits-view-item {
	width:calc(25% - 7%); 
}
.merits-view-type5 .merits-view-item {
	width:calc(20% - 7%); 
}

.merits-view-type2 .merits-view-item {
	margin-bottom:0%;
}
.merits-view-type2 .merits-view-item:nth-child(2n) {
	margin-top:4%;
}

.merits-view-type3 .merits-view-item {
	margin-bottom:0%;
}
.merits-view-type3 .merits-view-item:nth-child(3n-0) {
	margin-top:8%;
}
.merits-view-type3 .merits-view-item:nth-child(3n-1) {
	margin-top:4%;
}
.merits-view-type3 .merits-view-item:nth-child(3n-2) {
	margin-top:0%;
}

.merits-view .merits-view-item .photo {
	position:relative;
	display:block;
	width:100%;
	z-index:2;
	margin-top:-20px;
	-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,.25);
	   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,.25);
			box-shadow: 10px 10px 30px rgba(0,0,0,.25);
	/*-webkit-box-shadow: 10px 10px rgba(205,205,205,.3);
	   -moz-box-shadow: 10px 10px rgba(205,205,205,.3);
			box-shadow: 10px 10px rgba(205,205,205,.3);*/
}
.merits-view .merits-view-item .photo img {
	width:100%;height:auto;max-height:auto;
}

.merits-view .merits-view-item .detail {
	position:relative;
	padding:20px 0;
	color:rgba(80,50,20,1);
	color:rgba(160,130,105,1);
	color:rgba(135,110,90,1);
	font-size:16px;
	
}
.merits-view .merits-view-item .detail .in {
	padding:30px 0 0 10px;
}
.merits-view .box-style .detail .in {
	padding:30px;
	background:#fff;
	-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,.25);
	   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,.25);
			box-shadow: 10px 10px 30px rgba(0,0,0,.25);
}
.merits-view .merits-view-item .cont-num {
	position:relative;
	font-size:60px;
	font-size:3.750em;
	font-size:5.000em;
	line-height:100%;
	color: rgba(160,130,105,.3);
	font-family:"Bodoni Moda",sans-serf;
	font-style:italic;
}
.merits-view .merits-view-item .detail .cont-tit {
	position:relative;
	padding:0px 0 0 0px;
	min-height:100px;
}

.merits-view .merits-view-item .detail h1 {
	font-size:24px;
	font-size:1.375em;
	font-weight:600;
	letter-spacing:0px;	
	line-height:140%;
	font-family:"Gothic A1",serif;
}
.merits-view .merits-view-item .detail h2 {
	line-height:120%;
	font-family:"Noto Serif KR",serif;
	/*white-space:nowrap;*/
	display:inline-block;
	letter-spacing:0.5px;
	line-height:140%;
	font-size:13px;
    color: rgba(160,130,105,1);
	
}
.merits-view .merits-view-item .detail h3 {
	line-height:140%;
	font-family:"Noto Serif KR",serif;
	display:inline-block;
	letter-spacing:0px;
	line-height:140%;
	font-size:16px;
	
}
.merits-view .merits-view-item .cont-desc {
	position:relative;
	font-size:16px;
	line-height:170%;
}

.merits-view .merits-view-item .merits-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 1px solid rgba(115,115,115,1);
    font-family: 'Raleway', 'Noto Sans KR', sans-serif;
    font-size: 14px;
	font-weight:500;
    line-height: 1.43;
	color: rgba(115,115,115,1);
}
.merits-view .merits-view-item .merits-link i {
	font-size: 14px;
}

@media screen and (max-width: 1280px) {
	.merits-view .merits-view-item .detail {
		font-size:14px;		
	}
}
@media screen and (max-width: 768px) {
	
	.merits-view .merits-view-item {
		width:calc(50% - 7%); 
	}
	.merits-view .merits-view-item:nth-child(even) {
		margin-top:8% !important;
	}
	.merits-view .merits-view-item:nth-child(odd) {
		margin-top:0% !important;
	}
	
}
@media screen and (max-width: 640px) {
	.merits-view-area {
		/*background:rgba(245,235,220,1);*/
		padding:0 0px;
	}
	.merits-view {
		margin-left:0;
		margin-right:0;
	}
	.merits-view .merits-view-item,
	.merits-view .merits-view-item:nth-child(even) {
		width:100%; 
		margin:0 !important;
		/*margin-bottom:15px !important;*/
	}
}
@media screen and (max-width: 480px) {
	.merits-view .merits-view-item .detail {
		font-size:14px;		
		padding:20px 20px;
	}
	.merits-view .merits-view-item .cont-desc {
		font-size:14px;
	}
	/*.merits-view .merits-view-item,
	.merits-view .merits-view-item:nth-child(even) {
		background:#fff;
	}*/
}


.link-kit-list {
	position: relative;
	display:block;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px -3.5% 0px;
	font-size:0; 
}

.link-kit-list .shadow {
	-webkit-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
	   -moz-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
			box-shadow: 15px 30px 50px rgba(0,0,0,.2);
}
.link-kit {
	position: relative;
	font-size:0;
	width:44%;
	padding:0px;
	background:transparent;
	width:29.3333333%; 
	margin: 0px 2% 8%;
	vertical-align:top;
	float:left;
	overflow:hidden;
	border-radius:20px 20px 20px 20px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	
}
.link-kit-row {
	width:46%;
	
}

.link-kit .link-kit-in {
	position: relative;
	background:#fff;
	overflow:hidden;
	
	border-radius:20px 20px 20px 20px;	
}
.link-kit-row .link-kit-in {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;	
}

.link-kit-floor-out {
	position:relative;
	overflow:hidden;
}
.link-kit-floor {
	position:relative;
	margin: 0px -2.5% 0;
	font-size:0;
}
@media screen and (max-width: 768px) {
	.link-kit-floor-out {
		position:relative;
		overflow:inherit;
	}
	.link-kit-floor {
		margin: 0px 0 0;
	}	
}
.link-kit-floor .shadow {
	-webkit-box-shadow: 10px 20px 40px rgba(0,0,0,.15);
	   -moz-box-shadow: 10px 20px 40px rgba(0,0,0,.15);
			box-shadow: 10px 20px 40px rgba(0,0,0,.15);
}
.link-kit-floor .link-kit {
	display: inline-block;
	width:28.3333333%; 
	margin: 0px 2.5% 8%;
	background:#fff;
	padding:0px;
}
.link-kit-floor .link-kit-row {
	width:45%; 
}
.link-kit-floor .link-kit .link-kit-info .in {
	padding:30px;
}
.link-kit-floor li:nth-child(2) {
	margin-top:4%;
}
.link-kit-floor li:nth-child(3) {
	margin-top:8%;
}

.link-kit-list li:nth-child(-n+4) {
	width:43%; 
	margin: 0px 3.5% 8%;
}
.link-kit-list li:nth-child(2) {
	margin-top:8%;
}
.link-kit-list li:nth-child(3) {
	margin-left:15%;
}
.link-kit-list li:nth-child(4) {
	margin-left:8%;
}
.link-kit-list li:nth-child(5) {
	margin-top:4%;
}
.link-kit-list li:nth-child(6) {
	margin-top:8%;
}


.link-kit .link-kit-photo {
	position: relative;
	display:block;
	width:100%;
	order:1;
	font-size:0;
}
.link-kit .link-kit-info {
	position: relative;
	display:block;
	width:100%;
	order:2;
	z-index:3;
	background:#fff;	
	color:rgba(80,50,30,1);
}

.link-kit-row .link-kit-photo {
	width:40%;
}
.link-kit-row .link-kit-info {
	width:60%;
}

.link-kit-list li:nth-child(3),
.link-kit-list li:nth-child(4) {
	width:75%;
    justify-content: center;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.link-kit-list li:nth-child(3) .link-kit-photo,
.link-kit-list li:nth-child(4) .link-kit-photo {
	width:60%;
}
.link-kit-list li:nth-child(3) .link-kit-info,
.link-kit-list li:nth-child(4) .link-kit-info {
	width:40%;
}


.link-kit .img-wrap {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
	z-index:1;
	font-size:0;
}
.link-kit-row .img-wrap {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;

}

.link-kit .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.link-kit .ratio-use img {
    display:none;
}
.link-kit .videoBox {
    position:absolute;
    top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	width:100%;height:auto;
	width:auto;height:100%;
}

.link-kit .link-kit-info .bar {
	position:relative;
	display:block;
	width:100%;
	height:25%;
	padding:0 70px;
	display:none;
}
.link-kit.horizontal .link-kit-info .bar {
	height:20%;
}
.link-kit .link-kit-info .bar .line {
	position:relative;
	display:inline-block;
	width:1px;
	height:80%;
	background:rgba(160,130,105,1);
	margin:0 0px 0px 0px;
}


.link-kit .photo-item {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index:2;
}

.link-kit .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:transparent;
	z-index:1;
}
.link-kit .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
	background:rgba(0,0,0,1);
	opacity:0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.link-kit .link-kit-base {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	z-index:3;
}

.link-kit .link-kit-photo.active .cover {
	background:rgba(0,0,0,.4);
}
.link-kit .link-kit-info.active a.btn-detail {
	padding: 0 10px 0 30px; 
}

.link-kit .link-kit-info .in {
	position:absolute;
	position:relative;
	width:100%;
	height:auto;
	padding:40px;
	bottom:0;
	font-size:16px;
}
.link-kit-list li:nth-child(3) .link-kit-info .in,
.link-kit-list li:nth-child(4) .link-kit-info .in {
	position:absolute;
}
.link-kit .link-kit-info h1 {
	position: relative;
	font-size: 34px;
	font-size: 2.125em;
	font-size: 1.875em;
	font-size: 1.750em;
	line-height:110%;
	font-weight:400;
	margin:10px 0 25px;
	letter-spacing:-0.5px;
	/*font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;*/
    color: rgba(160,130,105,1);
	/*text-transform:uppercase;	*/
}
.link-kit .link-kit-info .gothic {
	font-family:"Gothic A1",serif;
	font-style:normal;
}

.link-kit .link-kit-info h2 {
	position: relative;
	font-size: 20px;
	font-size: 1.250em;
	font-size: 1.125em;
	line-height: 100%;
	margin:0 0px 0px 0px;
	font-family:"Noto Serif KR",serif;
}
.link-kit:nth-child(even) .link-kit-info h2 {
	margin:0 5px 0px 0;
}
.link-kit .link-kit-info h3 {
	position: relative;
	font-size: 18px;
	font-size: 1.125em;
	font-size: 0.938em;
	line-height: 165%;
	color:rgba(51,51,51,1);
	font-weight:300;
	letter-spacing:0px;
	/*white-space: nowrap;*/
}
.link-kit .detail-link-btn {
	margin:40px 0 0;
	text-align:right;
}
.link-kit .detail-link {
	
	padding:0 20px 0; 
	height:34px; 
	line-height:30px; 
	border-radius:34px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:14px; 
	vertical-align:top;
	border:1px solid rgba(160,130,105,1);
	font-weight:400;
	color:#fff;
    background: rgba(160,130,105,1);
}
.link-kit .detail-link i {
	font-size: 14px;
}
.link-kit .detail-link:hover {
    color:#fff;
    background: rgba(160,130,105,1);
	background:rgba(80,50,30,1);
	border:1px solid rgba(80,50,30,1);
}


.link-kit .detail-link-line {
	background:transparent;
	border:1px solid rgba(160,130,105,1);
	color:rgba(160,130,105,1);
}
.link-kit .detail-link-line:hover {
    color:#fff;
	background:rgba(160,130,105,1);
	border:1px solid rgba(160,130,105,1);
}


.kit-icon-point {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
}
.kit-icon-point-in {
	position:relative;
	display:inline-block;
	width:auto;
	padding:15px 0 0px;
	margin:0 auto;
	vertical-align:top;
	max-width:400px;
	width:100%;
}
.wide .kit-icon-point-in {
	max-width:100%;
}
.kit-icon-point .point-icon {
	position:relative;
	display:inline-block;
	margin:20px 0px 0px;
	vertical-align:top;
	width:32.333333%;
	text-align:center;
}
/*.kit-icon-point .point-icon:nth-child(4) {
	clear:left;
}*/
.kit-icon-point .point-icon .img {
	position:relative;
	width:100%;
	height:60px;
}
.kit-icon-point .point-icon .img img {
	position:absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width:40%;
}
.kit-icon-point .point-icon h1 {
	position:relative;
	font-size:12px;
	line-height:140%;
	font-weight:500;
	margin:15px 0 0;
	font-style:inherit;
	font-family: "Gothic A1",serif;	
	
	color:rgba(205,205,205,1);
}


@media screen and (max-width: 1440px) {
	.link-kit-list li:nth-child(3),
	.link-kit-list li:nth-child(4) {
		width:93%;
		margin: 0px 3.5% 8%;
	}
	.link-kit .link-kit-info .bar {
		height:20%;
		padding:0 60px;
	}
}
@media screen and (max-width: 1280px) {
	.link-kit-list {
		margin:0 -2% 0;
	}
	.link-kit .link-kit-info .bar {
		padding:0 40px;
	}
	.link-kit .link-kit-info .in {
		font-size:14px;
	}
}
@media screen and (max-width: 1024px) {
	.link-kit-row .link-kit-photo {
		width:30%;
	}
	.link-kit-row .link-kit-info {
		width:70%;
	}

	
}

@media screen and (max-width: 768px) {
	.link-kit-list {
		margin:0 0 0;
		padding:0 30px;
	}
	.link-kit {
		width:100% !important;
		margin:0 !important;
		margin-bottom:40px !important;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.link-kit-list li:nth-child(3),
	.link-kit-list li:nth-child(4) {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.link-kit:nth-child(even) .link-kit-photo {
		order:1;
		text-align:left;
	}
	.link-kit:nth-child(even) .link-kit-info {
		order:2;
		text-align:center;
	}
	
	.link-kit .link-kit-photo {
		width:100% !important;
	}
	.link-kit .link-kit-info {
		text-align:center;
		background:#fff;
		width:100% !important;
	}
	.link-kit-row .link-kit-photo {
		width:40% !important;
	}
	.link-kit-row .link-kit-info {
		width:60% !important;
	}
	.link-kit .link-kit-info .in {
		position:relative !important;
		padding:30px 0 40px;
		font-size:15px;
	}
	.link-kit .detail-link-btn {
		margin:40px 0 0;
		text-align:center;
	}
	.link-kit .link-kit-info h2 {
		margin:0px;
	}
	.link-kit .link-kit-info .bar {
		display:inline-block;
		height:60px !important;
		margin-top:-30px;
	}
	.link-kit .link-kit-info .bar .line {
		height:100%;
	}
	.link-kit .photo-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
		
	
	.link-kit .link-detail {
		padding: 30px 0 0px;
	}
	.kit-icon-point-in {
		padding:20px 0 0px;
	}
	
	.link-kit .link-kit-info h3 {
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {
	.link-kit-list {
		padding:0;
		/*background:rgba(243,242,245,1);*/
	}
	.link-kit-list .shadow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.link-kit-floor .shadow {
		-webkit-box-shadow: 5px 10px 20px rgba(0,0,0,.1);
		   -moz-box-shadow: 5px 10px 20px rgba(0,0,0,.1);
				box-shadow: 5px 10px 20px rgba(0,0,0,.1);
		/*-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;*/
	}
	.link-kit {
		padding:20px;
		background:rgba(255,255,255,1);
		border-radius:0;
		margin-bottom:15px !important;
	}
	.link-kit-floor .link-kit {
		
		border-radius:20px;
		margin-bottom:30px !important;
	}
	.link-kit .link-kit-info {
		background:rgba(255,255,255,1);
	}
	.link-kit .link-kit-info .in {
		padding:25px 0px 30px !important;
		font-size:14px;
	}
	
	.link-kit-floor-row .shadow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.link-kit-floor-row .link-kit-row {
		
		border-radius:0px;
		margin-bottom:15px !important;
	}
	.link-kit-row .link-kit-in {
		display:block;
		border-radius:0;
	}
	.link-kit-row .link-kit-photo {
		width:100% !important;
	}
	.link-kit-row .link-kit-info {
		width:100% !important;
	}
	.link-kit-row .img-wrap {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	
	}

	
}
@media screen and (max-width: 320px) {
	.kit-icon-point-in {
		padding:20px 0 0px;
	}
	.kit-icon-point .point-icon {
		width:48%;
	}
}


.main-link-kit-list {
	position: relative;
	display:block;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px -2% 0px;
	font-size:0; 
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	align-items: normal;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
			flex-direction: row;
}

.main-link-kit-list .shadow {
	-webkit-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
	   -moz-box-shadow: 15px 30px 50px rgba(0,0,0,.2);
			box-shadow: 15px 30px 50px rgba(0,0,0,.2);
}
.main-link-kit {
	position: relative;
	font-size:0;
	padding:0px;
	background:#fff;
	width:29.3333333%; 
	margin: 0px 2% 4%;
	position: relative;
	font-size:0;
	vertical-align:top;
	display:inline-block;
	overflow:hidden;
	float:left;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	
	-webkit-flex-direction: column;
			flex-direction: column;
	border-radius:20px 20px 20px 20px;	
}

.main-link-kit .main-link-kit-photo {
	position: relative;
	display:block;
	width:100%;
	order:1;
	font-size:0;
}
.main-link-kit .main-link-kit-info {
	position: relative;
	display:block;
	width:100%;
	order:2;
	z-index:3;
	background:#fff;	
	color: rgba(115,115,115,1);
}


.main-link-kit .img-wrap {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
	z-index:1;
	font-size:0;
}
.main-link-kit .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.main-link-kit .ratio-use img {
    display:none;
}

.main-link-kit .main-link-kit-info .bar {
	position:relative;
	display:block;
	width:100%;
	height:25%;
	padding:0 70px;
	display:none;
}
.main-link-kit.horizontal .main-link-kit-info .bar {
	height:20%;
}
.main-link-kit .main-link-kit-info .bar .line {
	position:relative;
	display:inline-block;
	width:1px;
	height:80%;
	background:rgba(160,130,105,1);
	background: rgba(205,205,205,1);
	margin:0 0px 0px 0px;
}


.main-link-kit .photo-item {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index:2;
}

.main-link-kit .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:transparent;
	z-index:1;
}
.main-link-kit .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
	background:rgba(0,0,0,1);
	opacity:0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.main-link-kit .main-link-kit-base {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	z-index:3;
}

.main-link-kit .main-link-kit-photo.active .cover {
	background:rgba(0,0,0,.4);
}
.main-link-kit .main-link-kit-info.active a.btn-detail {
	padding: 0 10px 0 30px; 
}

.main-link-kit .main-link-kit-info .in {
	position:absolute;
	position:relative;
	width:100%;
	height:auto;
	padding:40px;
	bottom:0;
	font-size:16px;
}

.main-link-kit .main-link-kit-info h1 {
	position: relative;
	font-size: 34px;
	font-size: 1.875em;
	line-height:110%;
	font-weight:400;
	margin:15px 0 25px;
	letter-spacing:0px;
	font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;
	/*text-transform:uppercase;	*/
}

.main-link-kit .main-link-kit-info h2 {
	position: relative;
	font-size: 20px;
	font-size: 1.125em;
	line-height: 100%;
	font-weight:500;
	margin:0 0px 0px 0px;
	font-family:"Noto Serif KR",serif;
}
.main-link-kit:nth-child(even) .main-link-kit-info h2 {
	margin:0 5px 0px 0;
}
.main-link-kit .main-link-kit-info h3 {
	position: relative;
	font-size: 18px;
	font-size: 1.125em;
	font-size: 14px;
	line-height: 165%;
	color:rgba(51,51,51,1);
	font-weight:300;
	letter-spacing:0px;
	/*white-space: nowrap;*/
}
.main-link-kit .detail-link-btn {
	margin:40px 0 0;
	text-align:right;
}
.main-link-kit .detail-link {
	
	padding:0 20px 0; 
	height:34px; 
	line-height:32px; 
	border-radius:34px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:14px; 
	vertical-align:top;
	border:1px solid rgba(205,205,205,1);
	font-weight:400;
	color:#fff;
    background: rgba(205,205,205,1);
}
.main-link-kit .detail-link i {
	font-size: 14px;
}
.main-link-kit .detail-link:hover {
    color:#fff;
    background: rgba(115,115,115,1);
}

.main-link-kit .detail-link {
	
	padding:0 20px 0; 
	height:34px; 
	line-height:32px; 
	border-radius:34px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:14px; 
	vertical-align:top;
	border:1px solid rgba(205,205,205,1);
	font-weight:400;
	color:#fff;
    background: rgba(205,205,205,1);
}

@media screen and (max-width: 1440px) {
	
	.main-link-kit .main-link-kit-info .bar {
		height:20%;
		padding:0 60px;
	}
	.main-link-kit .main-link-kit-info .in {
		font-size:14px;
		padding:30px 20px;
	}
}
@media screen and (max-width: 1280px) {
	.main-link-kit-list {
		margin:0 -2% 0;
	}
	.main-link-kit .main-link-kit-info .bar {
		padding:0 40px;
	}
	
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 768px) {
	.main-link-kit-list {
		margin:0 0 0;
		padding:0 30px;
	}
	.main-link-kit {
		width:100% !important;
		margin:0 !important;
		margin-bottom:40px !important;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.main-link-kit:nth-child(even) .main-link-kit-photo {
		order:1;
		text-align:left;
	}
	.main-link-kit:nth-child(even) .main-link-kit-info {
		order:2;
		text-align:center;
	}
	
	.main-link-kit .main-link-kit-photo {
		width:100% !important;
	}
	.main-link-kit .main-link-kit-info {
		text-align:center;
		background:#fff;
		width:100% !important;
	}
	.main-link-kit .main-link-kit-info .in {
		position:relative !important;
		padding:30px 0 40px;
		font-size:15px;
	}
	.main-link-kit .detail-link-btn {
		margin:40px 0 0;
		text-align:center;
	}
	.main-link-kit .main-link-kit-info h2 {
		margin:0px;
	}
	.main-link-kit .main-link-kit-info .bar {
		display:inline-block;
		height:60px !important;
		margin-top:-30px;
	}
	.main-link-kit .main-link-kit-info .bar .line {
		height:100%;
	}
	.main-link-kit .photo-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
		
	
	.main-link-kit .link-detail {
		padding: 30px 0 0px;
	}
	.kit-icon-point-in {
		padding:20px 0 0px;
	}
	
	
}

@media screen and (max-width: 480px) {
	.main-link-kit-list {
		padding:0;
		/*background:rgba(243,242,245,1);*/
	}
	.main-link-kit-list .shadow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.main-link-kit {
		padding:20px;
		background:rgba(255,255,255,1);
		border-radius:0;
		margin-bottom:15px !important;
	}
	.main-link-kit .main-link-kit-info {
		background:rgba(255,255,255,1);
	}
	.main-link-kit .main-link-kit-info .in {
		padding:25px 0px 30px !important;
		font-size:14px;
	}
	
}

.meet-point {
	position:relative;
	overflow:hidden;
}
.meet-point-area {
	position:relative;
	font-size:0;
	
	margin: 0px -3% 0px;
}
.meet-point-item {
	position:relative;
	display:inline-block;
	width:27.3333333%;
	margin: 2% 3% 2%;
	vertical-align:top;
}
.meet-point-item .photo {
	position:relative;
	display:block;
	width:100%;
}
.meet-point-item .photo img {
	width:100%;height:auto;max-height:auto;
}
.meet-point-item .img-wrap {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
	z-index:1;
	font-size:0;
}
.meet-point-item .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.meet-point-item .ratio-use img {
    display:none;
}

.meet-point-item .cont {
	position:relative;
	padding:30px 0px 20px;
	font-size:16px;
    color: rgba(115,115,115,1);
	
}
.meet-point-item .cont .cont-tit {
	position:relative;
	padding:0px 0 0 0px;
	color: rgba(20,20,20,1);	
}
.meet-point-item .cont .point {
	color: rgba(160,130,105,1);
}
.meet-point-item .cont h1 {
	font-size:22px;
	font-weight:500;
	letter-spacing:0px;	
	line-height:140%;
    
}
.meet-point-item .cont h2 {
	line-height:120%;
	display:inline-block;
	letter-spacing:0.5px;
	line-height:140%;
	font-size:18px;
	
}
.meet-point-item .contBox {
	position:relative;
	font-size:16px;
	line-height:170%;
}

@media screen and (max-width: 1280px) {
	.meet-point-item .cont h1 {
		font-size:18px;
		
	}
	
}
@media screen and (max-width: 768px) {
	.meet-point-area {
		padding:0 20px 0 25px;
	}
	.meet-point-item {
		width:44%;
	}
	
	.meet-point-item .cont {
		padding:30px 0 30px;
	}
	.meet-point-item .contBox {
		font-size:14px;
	}
}
@media screen and (max-width: 480px) {
	.m-type-100 .meet-point-item {
		background:#fff;
		width:94%;
		margin-bottom:5%;
	}
	.m-type-100 .meet-point-item .cont {
		padding:20px;
	}
	.meet-point-item .contBox {
		font-size:14px;
	}
	
}

.team-area {
	position: relative;
	color: rgba(2,80,50,1);
	color: rgba(145,110,55,1);
	overflow:hidden;
}
.team-head-box-out {
	position: relative;
}
.team-head-box {
	position: relative;
	display:inline-block;
    z-index: 1;
	height: 120px;
}
.team-head-box:before {
	position: absolute;
    z-index: -1;
    left: 0;
    content: '';
    background-color:rgba(210,190,140,.6);
    width: 120px;
    height: 120px;
	border-radius:50%;
	/*transform: rotate(45deg);*/
}
.team-head-box-text {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	*/
	position:relative;
	display:inline-block;
    margin-left: 30px;
    padding-top: 5px;
    letter-spacing: 0px;
    
    margin-left: 60px;
	line-height:100%;
	top: 50%;
	-webkit-transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%);
	
}
.team-head-box-text h1 {
    font-weight:500;
    display: block;
	font-size:40px;
	
    /*color: rgba(205,95,10,1);*/
	font-family:"Raleway","Noto Serif KR",serif;
}
.team-head-box-text h2{
    display: block;
	font-weight: 400;
	font-size:18px;
	padding-top:25px;
	text-align:right;
}
.team-content {
	position:relative;
	padding:0px 0 0px;
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	
	
	/*align-items: center;
    justify-content: center;*/
	-webkit-flex-direction: row;
			flex-direction: row;
}
.team-content .photo {
	position:relative;
	display:block;
	vertical-align:top;
	order:2;
	z-index:3;
	width:auto;
	text-align:right;
	padding:0px 0 0 0px;
}
.team-content .photo img {
	width: auto;
    max-width: 100%;
    vertical-align: bottom;
}
.team-content .detail {
	position:relative;
	display:block;
	order:1;
	z-index:2;
	width:45%;
	white-space:nowrap;
}
.team-content .detail .text-in {
	position:relative;
	padding:60px;
}
.team-area:nth-child(even) .photo {
	order:1;
	text-align:left;
	
	padding:0px 60px 0 0;
}
.team-area:nth-child(even) .detail {
	order:2;
}
.team-content h3 {
	position:relative;
	font-size:30px;
	letter-spacing:-1px;
	line-height:150%;
	font-weight:500;   
	font-family:"Noto Serif KR",serif;
}
.team-content p {
	position:relative;
	font-size:16px;
	letter-spacing:0px;
	line-height:180%;
}
.team-content .detail-bg {
	position:absolute;
	top: -22%;
	left:-25%;
	width:50%;
	border-radius:50%;
	z-index:-1;
	border:1px solid rgba(175,140,95,1);
	opacity:0;
	-webkit-transition: all 1s .5s ease-out; transition: all 1s .5s ease-out;
}
.body-bg .team-content .detail-bg {
	background:#fff;
	border:none;
}
.team-content .detail-bg:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}
.team-area:nth-child(even) .detail .detail-bg {
	top: -17%;
	left:auto;
	right:-10%;
}
.team-content .active .detail-bg { 
	width:150%;
	opacity:.6;
}
.team-area:nth-child(even) .team-content .active .detail-bg { 
	width:140%;
	opacity:.6;
}
@media screen and (max-width: 1280px) {
	.team-content {
		-webkit-flex-direction: column;
				flex-direction: column;
		
	}
	.team-content .photo {
		width:100%;
		order:2;
		padding:0px 0px 0 0;
	}
	.team-content .detail {
		width:100%;
		order:1;
	}
	.team-area:nth-child(even) .photo {
		order:2;
		padding:0px 0px 0 0;
		text-align:right;
	}
	.team-area:nth-child(even) .detail {
		order:1;
	}
	.team-content h3 {
		font-size:30px;
	}
	.team-content .detail-bg {
		top: -20%;
		left:-20%;
	}
	.team-area:nth-child(even) .detail .detail-bg {
		top: -20%;
		left:-20%;
		right:auto;
		
	}
	.team-content .active .detail-bg { 
		width:80%;
	}
	.team-area:nth-child(even) .team-content .active .detail-bg { 
		width:80%;
	}
}
@media screen and (max-width: 768px) {
	.team-area {
		/*background:#fff;*/
		margin-bottom:15px;
	}
	.team-head-box {
		margin-left:-40px;
	}
	
	.team-content .photo {
		text-align:center;
	}
	.team-content .detail {
		text-align:center;
	}
	
	.team-content h3 {
		font-size:28px;
	}
	.team-content p {
		font-size:16px;
	}
	.team-content .detail .text-in {
		padding:60px 30px;
	}
	.team-content .detail-bg {
		
		top: -12%;
		left:-40%;
		
	}
	.team-area:nth-child(even) .detail .detail-bg {
		top: -15%;
		left:auto;
		right:-40%;
		
	}
	.team-content .active .detail-bg { 
		width:160%;
	}
	.team-area:nth-child(even) .team-content .active .detail-bg { 
		width:160%;
	}
}
@media screen and (max-width: 480px) {
	
	.team-head-box-out {
		text-align:center;
	}
	.team-head-box:before {
		position: absolute;
		left:-30px;
		width:60px;
		height:60px;

	}
	.team-head-box {
		margin-left:0px;
		height:100px;
	}
	.team-head-box-text {
		top: 40%;
		margin-left: 0px;
	}
	.team-head-box-text h1 {
		font-size:30px;
	}
	.team-head-box-text h2{
		
		text-align:center;
	}
	.team-content h3 {
		font-size:22px;
		letter-spacing:0;
	}
	
}
@media screen and (max-width: 375px) {
	.team-content h3 {
		font-size:20px;
	}
	.team-content .detail .text-in {
		padding:40px 20px;
	}
}
@media screen and (max-width: 320px) {
	.team-content p {
		font-size:15px;
	}
}

/* 변수 */
.do-section-head {
	position: relative;
	margin:0px auto 0px;
	
}

.do-tb {
	position: relative;
	display:table;
	width:100%;
}
.do-tb-cell {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.do-tb-cell + .do-tb-cell {
	text-align:right;
	width:10px;
	padding-left:6.250em;
	white-space:nowrap;
}
.do-tb-cell-r {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:10px;
	padding-left:6.250em;
	white-space:nowrap;	
}
.do-tb-cell-r2 {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:10px;
	padding-left:2.250em;
	white-space:nowrap;	
}
.do-tb-l-p {
	padding-left:20%;
}
.do-tb-l {
	position: relative;
	display:table-cell;
	width:10px;
	padding-left:0em;
	padding-right:6.250em;
	white-space:nowrap;	
	vertical-align:middle;
	order:2;
}
.do-tb-r {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	width:auto;
	text-align:right;	
	order:1;
}
@media screen and (max-width: 1440px) {
	.do-tb-l {
		padding-left:0;
	}
}
@media screen and (max-width: 1024px) {
	.do-tb-l-p {
		padding-left:0;
	}
}

@media screen and (max-width: 768px) {
	.do-tb-l {
		display:block;
		width:100%;
		padding-right:0px;
		text-align:right;
	}
	.do-tb-r {
		display:block;
		
		padding-left:40px;
		text-align:left;
	}
	.t-do-tb-flex {
		position:relative;
		width:100%;
		padding:0px 0 0px;
		
		margin:0px auto 0px;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		-webkit-flex-direction: column;
				flex-direction: column;
		align-items: stretch;
		/*justify-content: space-between;*/
		
	}
}
@media screen and (max-width: 480px) {
	.do-tb-l {
		padding-left:20px;
	}
	.do-tb-cell + .do-tb-cell {
		white-space:normal;
	}

}
.do-tb-normal {
	position: relative;
	display:table;
	width:auto;
}
.do-tb-normal-cell {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
.do-tb-normal-cell + .do-tb-normal-cell {
	width:10px;
	padding-left:2.250em;
	white-space:nowrap;	
}
.do-tb-base {
	position: relative;
	display:table;
	width:auto;
}
.do-tb-base-cell {
	position: relative;
	display:table-cell;
	vertical-align:top;
	width:auto;
}
.do-tb-base-cell + .do-tb-base-cell {
	padding-left:4.000em;
}

.do-tb-set-cell {
	position: relative;
	display:table-cell;
	vertical-align:middle;
	width:auto;
}
@media screen and (max-width: 768px) {
	.do-tb-cell {
		display:block;
		padding-left:25px;
		/*display:inline-block;*/
	}
	.do-tb-cell + .do-tb-cell {
		width:100%;
		text-align:right;
		padding-left:0em;
	}
	.do-tb-cell-r {
		/*display:inline-block;*/
		display:block;
		width:100%;
		text-align:right;
		padding-left:0em;
	}
	.do-tb-cell-r2 {
		display:block;
		width:100%;
		text-align:right;
		padding-left:0em;
	}
	.do-tb-normal-cell {
		padding-left:40px;
		padding-right:2.250em;
	}
	.do-tb-normal-cell + .do-tb-normal-cell {
		padding-left:0;
		padding-right:0;
	}
	
	.m-change-flex {
		position:relative;
		width:100%;
		padding:0px 0 0px;
		
		margin:0px auto 0px;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		-webkit-flex-direction: column;
				flex-direction: column;
		align-items: stretch;
		/*justify-content: space-between;*/
		
	}
	.m-change-flex .do-tb-cell {
		order:2;
		z-index:2;
	}
	.m-change-flex .do-tb-cell + .do-tb-cell {
		order:1;
		z-index:1;
	}
	.m-change-flex .big span {
		 text-shadow:
		-1px -1px 0 rgba(195,170,140,.4),
		1px -1px 0 rgba(195,170,140,.4),
		-1px 1px 0 rgba(195,170,140,.4),
		1px 1px 0 rgba(195,170,140,.4)  !important;;
	}
}
.do-tb-menu {
	position: relative;
	display:table;
	width:100%;
}
.do-tb-menu-cell {
	position: relative;
	display:table-cell;
	vertical-align:bottom;
	width:auto;
	white-space:nowrap;	
}
.do-tb-menu-link {
	position: relative;
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	padding-left:0px;
	white-space:nowrap;	
}

.do-menu-line {
	position: relative;
	display:inline-block;
	width:100%;
	padding:0 40px;
	vertical-align:bottom;
	font-size:0;
}

.do-menu-line:before {
	position: absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:0;
	background:rgba(195,170,140,.4);
	content: '';
}
@media screen and (max-width: 1600px) {
	.do-tb-menu-cell {
		display:inline-block;
		padding-left:0px;
	}
	.do-tb-menu-link {
		display:block;
		text-align:right;
		padding-left:0em;
	}
	.do-menu-line {
		width:auto;
		padding:0 0px 0 0;
		padding-top:40px;
	}
}
@media screen and (max-width: 980px) {
	.do-tb-menu-cell {
		display:block;
		padding-left:0px;
	}
	.do-menu-line {
		display:block;
		width:100%;
	}
	.do-menu-line:before {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.do-tb-menu-cell {
		display:block;
		padding-left:25px;
		vertical-align: middle;
	    width: auto;
	}
	.do-tb-menu-link {
		display:block;
		width:100%;
		text-align:right;
		padding-left:25px;
	}
}
@media screen and (max-width: 480px) {
	
	.do-tb-menu-link {
		padding-right:20px;
	}
}
.do-menu-list {
	position:relative;
	display:inline-block;
}
.do-menu-list > li {
	position: relative;
	margin:0px 10px;
	float: left;
}
.do-menu-list > li a {
	position:relative;
	display:block;
	height:60px;
	color: rgba(195,170,140,1);;
	margin:0;
    padding: 0 10px;
	line-height:60px;
	font-size:16px;
	font-weight: 400;  
	
}

.do-menu-list > li a:hover {
	color: rgba(80,50,20,1);	
}
.do-menu-list > li a:hover:after {
	position: absolute;
	content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(90,90,95,1); 
    left: 0;
    bottom:0px;
}

.do-menu-list > li a .underline {
	position:absolute;
	top: 2px;
	left: 6px; 
	width:8px; 
	height:8px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;
	border:1px solid rgba(90,90,95,1); 
	
    overflow: hidden;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease; 
	transition: all 0.4s ease;
	display:none;
	z-index:2;
}
.do-menu-list > li.on a:after {
	position: absolute;
	content: "";
    width: 100%;
    height: 2px;
    background-color: rgba(90,90,95,1); 
    left: 0;
    bottom:-1px;
}

.do-menu-list > li.on a {
	font-size: 18px;
    font-weight: 600;
    color: rgba(90,90,95,1); 
}
.do-menu-list > li.on a .underline {
	display:block;
}

@media screen and (max-width: 980px) {
	.do-menu-list {
		display: block;
    	font-size: 0;
		margin:0 -5px;
		overflow:hidden;
		text-align:center;
	}
	.do-menu-list > li {
		margin:5px;
		width:calc(33.333333% - 10px);
	}
	.do-menu-list > li a {
		position:relative;
		display:block;
		height:50px;
		border: 1px solid rgba(195,170,140,.4);
		margin:0;
		padding:0 0px;
		line-height:48px;
		font-size:16px;
		font-weight: 400;  
	}
	.do-menu-list > li.on a .underline {
		display:none;
	}
	.do-menu-list > li.on a:after {
		display:none;
	}
	.do-menu-list > li.on a {
		font-size: 16px;
		color:#fff; 
		background:rgba(80,50,20,1);
	}
}
@media screen and (max-width: 480px) {
	.do-menu-list > li {
		margin:5px;
		width:calc(50% - 10px);
	}
	.do-menu-list .all {
		margin:5px;
		width:calc(100% - 10px);
	}
	.do-menu-list > li a {
		height:44px;
		line-height:42px;  
		font-size:14px;
	}
	
}


.do-title-line {
	position: relative;
}

.do-title-line:before {
	position: absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:0;
	background:rgba(195,170,140,.4);
	content: '';
}
@media screen and (max-width: 1340px) {
	.do-title-line-hide.do-title-line:before {
		display:none;
	}
}
.do-title-line-point {
	position: relative;
	display:inline-block;
	padding-right:10px;
}
.do-title-line-sub {
	position: relative;
	display:inline-block;
	padding-top:10px;
	padding-right:10px;
}
.do-title-line-point:after {
	position: absolute;
	width:100%;
	height:1px;
	top:auto;
	left:0;
	bottom:0px;
	background:rgba(80,50,20,1);
	background:rgba(160,130,105,1);
	content: '';
}
.do-line-not .do-title-line:before {
	display:none;
}
.do-line-not .do-title-line-point:after {
	display:none;
}
.do-head-title {
	position: relative;
	font-size:16px;
	color:rgba(80,50,20,1);
}

.do-head-title h1 {
	position: relative;
	font-size:2.750em;
	font-weight:400;
	line-height:140%;
	letter-spacing:-0.5px;
	color:rgba(160,130,105,1);
}
.do-head-title h1 strong {
	font-weight:600;
}
.do-head-title h2 {
	position: relative;
	font-size:1.125em;
	font-size:1.250em;
	margin-left:0.250em;
	font-weight:200;
	color:rgba(195,170,140,1);
}
.do-head-title h3 {
	position: relative;
	font-size:1.125em;
	font-size:1.188em;
	margin-left:0.125em;
	color:rgba(30,30,30,1);
}

.do-head-title .big {
	position: relative;
	font-size:4.375em;
	font-size:4.125em;	
	font-family:"Playfair Display",serif;	
	font-weight:400;
	line-height:100%;
	color:rgba(80,50,20,1);
}
.do-head-title .big-kor {
	position: relative;
	font-size:4.437em;/*90*/
	font-size: 6.875em;
	font-family:"Noto Serif KR",serif;
	font-weight:500;
	line-height:100%;
	color:rgba(195,170,140,1);
	color:rgba(80,50,20,1);
}
.do-head-title .big-han {
	position: relative;
	font-size:6.250em;/*110*/
	font-family:"Noto Serif KR",serif;
	font-weight:500;
	line-height:100%;
	color:rgba(200,165,145,1);
}
.do-head-title .point {
    color: rgba(160,130,105,1);
}
.do-head-title .italic {
	font-style:italic;
}
.do-head-title .asig {
	font-family:"asig",serif;
	font-weight:normal;
}
.do-head-title .big-han span {
	color: #fff;
    text-shadow:
    -1px -1px 0 rgba(200,165,145,1),
    1px -1px 0 rgba(200,165,145,1),
    -1px 1px 0 rgba(200,165,145,1),
    1px 1px 0 rgba(200,165,145,1);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.do-head-title .big,
	.do-head-title .big-kor {
		font-weight:600;
	}
}
.do-head-title .big .line,
.do-head-title .big-kor .line {
	color: #fff;
    text-shadow:
    -1px -1px 0 rgba(160,130,105,1),
    1px -1px 0 rgba(160,130,105,1),
    -1px 1px 0 rgba(160,130,105,1),
    1px 1px 0 rgba(160,130,105,1);
}
.hall-phone {
	position: relative;
	font-size:18px;
	font-weight:400;
	line-height:140%;
	letter-spacing:-0.5px;
}
/*
@supports (-webkit-text-stroke: 1px black) {
	.do-head-title .big span {
		color: transparent;
		-webkit-text-stroke: 1px rgba(195,170,140,1);
		text-stroke: 1px rgba(195,170,140,1);
	}
}*/
@media screen and (max-width: 1280px) {
	.do-head-title {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.do-head-title {
		font-size:10px;
	}
	.do-head-title h2 {
		font-size:16px;
	}
	.do-head-title h3 {
		font-size:16px;
	}
	.do-head-title .big,
	.do-head-title .big-kor {
		margin-bottom:-26px;
	}
	.hall-phone {
		font-size:16px;
	}		
}

@media screen and (max-width: 320px) {
	.do-head-title .big {
		font-size:40px;
	}
}



.do-head-title-sub {
	position: relative;
	font-size:16px;
	overflow:hidden;
	color: rgba(80,50,20,1);
}
.do-head-title-sub h1 {
	position: relative;
	font-size:2.000em;
	font-weight:400;
	line-height:140%;
	letter-spacing:-0.5px;
}
.do-head-title-sub h1 span {
	font-weight:600;
}
.do-head-title-sub h2 {
	position: relative;
	font-size:1.125em;
	margin-left:0.250em;
	font-weight:200;
	color:rgba(195,170,140,1);
}
.do-head-title-sub h3 {
	position: relative;
	font-size:1.125em;
	margin-left:0.125em;
}

.do-head-title-sub .point {
	color:rgba(204,102,0,1);
	color:rgba(160,130,105,1);
	
}
.do-head-title-sub .italic {
	font-style:italic;
}

@media screen and (max-width: 1024px) {
	.do-head-title-sub {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.do-head-title-sub {
		font-size:10px;
	}
	.do-head-title-sub h2 {
		font-size:16px;
	}
	.do-head-title-sub h3 {
		font-size:16px;
	}		
}

.do-flex {
	position:relative;
	width:100%;
	padding:0px 0 0px;
	
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: stretch;
	/*justify-content: space-between;*/
	
}

.do-flex-cell {
	position:relative;
	padding-right:5.000em;
}
.do-flex-cell:last-child {
	padding-right:0px;
}
.do-flex-img {
	padding-right:0px;
}
.do-hall-tit-img {
	position:relative;
	max-width:500px;
	padding:0 6.000em 40px 0;
}
.do-hall-tit-img img {
	position:relative;
	width:100%;
}
@media screen and (max-width: 1024px) {
	.do-flex-text {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	.do-flex-cell {
		padding-right:0px;
	}
} 
@media screen and (max-width: 480px) {
	.do-flex {
		flex-wrap: wrap;
		/*flex: 1 1 60%;*/
	}
	.do-flex-img {
		order:2;
		width:100%;
		text-align:right;
	}
	.do-hall-tit-img {
		padding:20px 0px 20px 0;
		max-width:200px;
		display:inline-block;
	}
}

.do-flex-response {
	position:relative;
	width:100%;
	padding:0px 0 0px;
	
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

.do-flex-cell-response {
	position:relative;
	padding-right:5.000em;
}
.do-flex-cell-response:last-child {
	padding-right:0px;
}
@media screen and (max-width: 1024px) {
	
	.do-flex-cell-response {
		padding-right:0px;
	}
} 
@media screen and (max-width: 480px) {
	.do-flex-response {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
}


.do-btn-set {
	position: relative; 
	color: rgba(255,255,255,1);
	background:rgba(160,130,105,1);
	border:none;
	display: inline-block;
	line-height: 50px; 
	text-align: center;
	font-size: 16px; 
	letter-spacing: .0em; 
	padding: 0 30px; 
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}
.do-btn-set:before { 
	display: inline-block; *display: inline; *zoom: 1; 
	font-size: 16px; 
	font-family: 'themify'; content: "\e61d"; 
	font-weight: normal; 
	margin-right:10px;
}
.do-btn-set:hover {
	color:#fff;
	background:rgba(80,50,30,1);
}
.do-btn-line {
	background:transparent;
	border:1px solid rgba(160,130,105,1);
	color:rgba(160,130,105,1);
}
.do-btn-round {
	border-radius:30px 30px 30px 30px;
	overflow:hidden;
}
.do-review-btn {
}


.do-hall-set {
	position:relative;
}
.do-hall-set:nth-child(3) {
	padding-left:15%;
}
.do-hall-set:nth-child(4) {
	padding-right:15%;
}
@media screen and (max-width: 768px) {
	.do-hall-set:nth-child(3) {
		padding-left:0;
	}
	.do-hall-set:nth-child(4) {
		padding-right:0;
	}
}
@media screen and (max-width: 480px) {
	.do-btn-round {
		border-radius:30px 0px 0px 30px;
	}
}
.do-hall-detail {
	position:relative;
	color:rgba(90,90,95,1);
	font-size:16px;
}
.do-hall-detail-flex {
	position:relative;
	width:100%;
	padding:0px 0 0px;
	
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.do-hall-detail-free:last-child,
.do-hall-detail:last-child {
	margin:0px auto 0px;
}
.do-hall-detail .photo {
	position:relative;
	display:block;
	vertical-align:top;
	order:2;
	width:60%;
}
.do-hall-detail .detail {
	position:relative;
	display:block;
	order:1;
	width:auto;
	align-self: end; /*start, center end*/
	
}

.do-hall-detail .cont-R .photo {
	order:1;
}
.do-hall-detail .cont-R .detail {
	order:2;
	
}
.do-hall-detail .cont-R .inner {
	padding:0px 0 0 0px;
}

.do-hall-detail .cont-V .inner {
	text-align:center;
	padding:0px 0 0 0px;
}


.do-hall-detail-30 .photo {
	width:30%;
}
.do-hall-detail-35 .photo {
	width:35%;
}
.do-hall-detail-40 .photo {
	width:40%;
}
.do-hall-detail-45 .photo {
	width:45%;
}
.do-hall-detail-50 .photo {
	width:50%;
}
.do-hall-detail-60 .photo {
	width:50%;
}
.do-hall-detail-70 .photo {
	width:50%;
}


.do-hall-detail-30-70 .photo {
	width:30%;
}
.do-hall-detail-30-70 .detail {
	width:70%;
}
.do-hall-detail-35-65 .photo {
	width:35%;
}
.do-hall-detail-35-65 .detail {
	width:65%;
}
.do-hall-detail-40-60 .photo {
	width:40%;
}
.do-hall-detail-40-60 .detail {
	width:60%;
}
.do-hall-detail-45-55 .photo {
	width:45%;
}
.do-hall-detail-45-55 .detail {
	width:55%;
}
.do-hall-detail-50-50 .photo {
	width:50%;
}
.do-hall-detail-50-50 .detail {
	width:50%;
}
.do-hall-detail-60-40 .photo {
	width:60%;
}
.do-hall-detail-60-40 .detail {
	width:40%;
}
.do-hall-detail-70-30 .photo {
	width:70%;
}
.do-hall-detail-70-30 .detail {
	width:30%;
}

@media screen and (max-width: 1600px) {
	.l-hall-detail-35-65 .photo {
		width:35%;
	}
	.l-hall-detail-35-65 .detail {
		width:65%;
	}
	.l-hall-detail-40-60 .photo {
		width:40%;
	}
	.l-hall-detail-40-60 .detail {
		width:60%;
	}
	.l-hall-detail-45-55 .photo {
		width:45%;
	}
	.l-hall-detail-45-55 .detail {
		width:55%;
	}
	.l-hall-detail-50-50 .photo {
		width:50%;
	}
	.l-hall-detail-50-50 .detail {
		width:50%;
	}
	.l-hall-detail-60-40 .photo {
		width:60%;
	}
	.l-hall-detail-60-40 .detail {
		width:40%;
	}
}

@media screen and (max-width: 1280px) {
	.p-hall-detail-35-65 .photo {
		width:35%;
	}
	.p-hall-detail-35-65 .detail {
		width:65%;
	}
	.p-hall-detail-40-60 .photo {
		width:40%;
	}
	.p-hall-detail-40-60 .detail {
		width:60%;
	}
	.p-hall-detail-45-55 .photo {
		width:45%;
	}
	.p-hall-detail-45-55 .detail {
		width:55%;
	}
	.p-hall-detail-50-50 .photo {
		width:50%;
	}
	.p-hall-detail-50-50 .detail {
		width:50%;
	}
	.p-hall-detail-60-40 .photo {
		width:60%;
	}
	.p-hall-detail-60-40 .detail {
		width:40%;
	}
}

.do-hall-detail-100 {
	-webkit-flex-direction: column;
			flex-direction: column;
}
.do-hall-detail-100 .photo {
	width:100%;
	order:!;
}
.do-hall-detail-100 .detail {
	width:100%;
	order:2;
}

.do-hall-detail:nth-child(even) .do-hall-detail-flex {
	justify-content:flex-end;
}
.do-hall-detail .inner {
	position:relative;
	padding:0px 4.000em 0 0px;
	padding-bottom:20px;
	vertical-align:top;
}

.do-hall-detail-LR:nth-child(even) .photo {
	order:1;
}
.do-hall-detail-LR:nth-child(even) .detail {
	order:2;
}
.do-hall-detail-LR:nth-child(even) .inner {
	padding:0px 0 0 4.000em;
	padding-bottom:20px;
}

.do-hall-detail .category {
	margin:0px 0 20px -5px; 
	padding:0 15px 0 15px; 
	height:30px; 
	line-height:28px; 
	border-radius:15px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:15px; 
	vertical-align:top;
	border:1px solid rgba(205,205,205,1);
}
.do-hall-detail .category2 {
	margin-left:2px;
    color: rgba(160,130,105,1);
	font-family:'Bodoni Moda','Noto Serif KR', sans-serif;
	font-style:italic;
	font-size:18px;
}
.do-hall-detail .detail-name {
	line-height:130%; 
	font-weight:400; 
	font-size:24px; 
	letter-spacing:0px;
}
.do-hall-detail .detail-big {
	line-height:130%; 
	font-size:34px; 
	color:rgba(80,50,20,1);
	letter-spacing:-0.5px;
	font-family:"Gothic A1",serif;
	font-weight:600;
	line-height:140%; 
}
.do-hall-detail .detail-nameSub {
	margin:30px 0 0px;
	line-height:160%; 
	font-weight:500; 
	font-size:18px; 
	
}
.do-hall-detail .detail-nameMent {
	margin:20px 0 0;
	line-height:170%; 
	font-size:15px;
}
.do-hall-detail .detail-point-ment {
	line-height:180%; 
	font-size:1.250em;
	font-weight:500;
	color:rgba(80,50,20,1);
}
.dark-bg .do-hall-detail .detail-point-ment {
	color:rgba(255,255,255,1);
}
.do-hall-detail .detail-desc {
	line-height:180%; 
	font-size:1.125em;
	font-size:1.063em;
}
.dark-bg .do-hall-detail .detail-desc {
	color:rgba(255,255,255,.7);
}
.do-hall-detail .room-desc {
	line-height:180%;
	font-size:16px;
}
.do-hall-detail strong {
	font-weight:500;
}

.do-hall-detail-free .detail-link, 
.do-hall-detail .detail-link {
	margin:20px 0 0;
	display: inline-block;
    padding: 6px 0 2px;
    border-bottom: 2px solid rgba(20,20,20,1);
    font-family: 'Raleway', 'Gothic A1', sans-serif;
    font-size: 14px;
	font-weight:500;
    line-height: 1.43;
    color:rgba(20,20,20,1);
}
.do-hall-detail-free .detail-link i, 
.do-hall-detail .detail-link i {
	font-size: 12px;
}


@media screen and (max-width: 1280px) {
	.do-hall-detail-free,
	.do-hall-detail {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.do-hall-detail-free,
	.do-hall-detail {
		font-size:15px;
	}
	.do-hall-detail-flex {
		margin:0px auto 0px;
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.do-hall-detail .photo {
		width:100%;
		order:1;
	}
	
	.do-hall-detail .detail {
		width:100%;
		order:2;
	}
	.do-hall-detail:nth-child(even) .photo {
		order:1;
	}
	.do-hall-detail .inner {
		padding:0px 20px 0 25px;
	}
	.do-hall-detail:nth-child(even) .inner {
		padding:0px 20px 0 25px;
	}
	.do-hall-detail .category {
		margin:0 0 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.do-hall-detail-free,
	.do-hall-detail {
		font-size:14px;
	}
	.detail-section {
		/*background:rgba(245,245,245,1);*/
	}
	.do-hall-detail-free:first-child,
	.do-hall-detail:first-child {
		margin-top:15px;
	}
	.do-hall-detail .detail-big {
		font-size:24px;
	}
	.do-hall-detail .detail-name {font-size:20px;}
	.do-hall-detail .detail-nameSub {font-size:16px;}
	
	.do-hall-detail .grid-photo {
		padding:0px 20px 0 25px;
	}

}
@media screen and (max-width: 320px) {
	.do-hall-detail .detail-nameMent2 {
 		font-size:14px;
	}
	.do-hall-detail-free,
	.do-hall-detail {
		font-size:13px;
	}
	/*.do-hall-detail .inner {
		padding:0px 10px 0 20px;
	}
	.do-hall-detail:nth-child(even) .inner {
		padding:0px 10px 0 20px;
	}*/
}

.detail-flex {
	position:relative;
	width:100%;
	/*padding:0px 0 0px;
	padding-left:15%;*/
	margin:0px auto 0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.do-hall-detail .cont-L .detail-flex,
.do-hall-detail .cont-V .detail-flex {
	padding-left:0;	
	-webkit-flex-direction: column;
			flex-direction: column;
}

.do-hall-detail .cont-L .br-l,
.do-hall-detail .cont-V .br-l {
	display:block;
}

.detail-flex-cell {
	position:relative;
	align-self: end; /*start, center end*/
}
.do-hall-detail .cont-L .detail-flex-cell {
	align-self: start; /*start, center end*/
}
.do-hall-detail .cont-V .detail-flex-cell {
	align-self: center;
}
@media screen and (max-width: 768px) {
	/*.detail-flex {
 		padding-left:0;
	}*/
}
.do-hall-information {
	position:relative;
	font-size:16px;
}

.do-hall-information .tag-out {
	position:relative;
	display:block;
}

.do-hall-information .tag {
	position:relative;
	display:inline-block;
	width: auto; 
	font-size:1.000em;
	min-width:80px;
	font-weight: normal; 	
	padding:0 30px;
	color:rgba(90,90,95,1);
	background:#f3f0ee;
	background:rgba(235,235,240,1);
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:20px;
	line-height:40px;
	vertical-align:top;
	text-align:center;
}
.do-hall-information .tag-point .tag {
	color:rgba(255,255,255,1);
	background:rgba(80,50,20,1);
}
@media screen and (max-width: 768px) {
	.do-hall-information {
		font-size:15px;
		padding-left:35px;
		padding-right:20px;
	}
	.do-hall-information .tag {
		line-height:30px;
	}	
}
.pc-seperate-bar {
	position:relative;
	height:10px;
	background: rgb(233,87,30);
	background: linear-gradient(90deg, rgba(75,127,192,1) 0%, rgba(0,51,120,1) 25%, rgba(233,87,30,1) 75%, rgba(246,176,70,1) 100%);
	/*background: linear-gradient(90deg, rgba(0,51,120,1) 0%, rgba(0,51,120,1) 50%, rgba(233,87,30,1) 50%, rgba(233,87,30,1) 100%);*/
}
.visual-use .pc-seperate-bar,
.sub-visual-use .pc-seperate-bar {
	display:none;
}
@media screen and (max-width: 1024px) {
	.pc-seperate-bar {
		display:none;
	}
}

.do-seperate-bar {
	position:relative;
	display:none;
	height:10px;
	background:#f0f0f0;
}
.dark-bg .do-seperate-bar {
	background:transparent;
}
@media screen and (max-width: 768px) {
	.do-seperate-bar {
		display:block;
	}
}

.ul-info {
	position:relative;
	padding: 20px 0; 
	list-style: disc; 
	padding-left: 1.8em;
	color:rgba(90,90,95,1);
	line-height: 160%; 
	font-family:"Gothic A1",serif;
	
	font-weight:normal;
}
.ul-info.disc > li { 
	position:relative;
	list-style: disc; 
	letter-spacing:0m; 
	
	padding-bottom:10px;
}
.ul-info.line > li { 
	position:relative;
	list-style: none; 
	letter-spacing:0m; 
	padding-bottom:5px;
}
.ul-info.line > li strong { 
	font-weight:500;
}
.ul-info.line > li:after { 
	content: '';
	position: absolute;
	overflow:hidden;
	width: 4px;
    height: 4px;
    top: 10px;
    left:-0.8em;
	-webkit-border-radius: 50%; 
	   -moz-border-radius: 50%; 
			border-radius: 50%; 
	background:rgba(90,90,95,1);
}
@media screen and (max-width: 768px) {
	.ul-info.line > li:after { 
		top: 10px;
	}
}
.ul-info.circle > li { 
	position:relative;
	list-style:circle outside none;
	letter-spacing:0m; 
	padding-bottom:10px;
}
.ul-info ul {
	position:relative;
	padding: 10px 0 10px; 
	list-style: disc; 
	padding-left: 1.2em;
}
.ul-info ul > li { 
	position:relative;
	list-style:outside; 
	font-size:0.875em;
	font-size:0.938em;
	letter-spacing:0m; 
	padding-bottom:4px;
	
}

.space-view-group {
	position:relative;
	/*overflow:hidden;*/
}
@media screen and (max-width: 1024px) {
	.space-view-group {
		
	}
}		
@media screen and (max-width: 768px) {
	.space-view-group {
		padding-left:20px;
		padding-right:20px;
	}
}


.space-view {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	margin-right:-5%;
	
}
.space-view .space-view-item {
	position:relative;
	width:calc(50% - 5%); 
	padding:0px;
	text-align:left;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
   /* border-bottom:10px solid rgba(205,205,205,1);*/
	margin:0px 5% 5% 0;
	overflow:hidden;
	
	color: rgba(90,90,95,1);
	/*flex: 1 1 auto;*/
	/*box-shadow:1px 3px 10px rgba(0,0,0,0.1);
	-webkit-border-radius: 0px 10px 0px 0px; 
	   -moz-border-radius: 0px 10px 0px 0px; 
			border-radius: 0px 10px 0px 0px;*/
}

.space-view-type1 .space-view-item {
	width:calc(100% - 5%); 
}
.space-view-type3 .space-view-item {
	width:calc(33.333333% - 5%); 
}
.space-view-type4 .space-view-item {
	width:calc(25% - 5%); 
}
.space-view-type4 .space-view-item .view-bar {
	display:none;
}
.space-view-type5 .space-view-item {
	width:calc(20% - 5%); 
}
.type50 {
	width:calc(50% - 5%) !important;
}
.type100 {
	width:calc(100% - 5%) !important;
}

.space-view .space-view-item:hover {
	/*margin-top:-10px;
	padding:10px;
	background:#fff;
	box-shadow:5px 10px 30px rgba(0,0,0,0.1);*/
}

.space-view .space-view-item .view {
	position:relative;
	display:block;
	height:100%;
	
}

.space-view-group .shadow .space-view-item {
	-webkit-box-shadow: 10px 15px 20px rgba(0,0,0,.1);
	   -moz-box-shadow: 10px 15px 20px rgba(0,0,0,.1);
			box-shadow: 10px 15px 20px rgba(0,0,0,.1);
}
@media screen and (max-width: 480px) {
	.space-view-group .shadow .space-view-item {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
}
.space-view .space-view-item .view-box {
	position:relative;
	padding:0px;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.space-view .space-view-item:hover .view-box {
	
}
.space-view .space-view-item .view-desc {
	position:relative;
	padding:30px 0 20px;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.space-view-white .space-view-item .view-desc {
	padding:25px;
	background:#fff;
}
.space-view .space-view-item .tit {
	position:relative;
	padding:0px 0 10px;
	
}
.space-view .space-view-item .space-info .name,
.space-view .space-view-item .space-info .view-btn {
	white-space:nowrap;
	
}
.space-view .space-view-item .space-info .name {
	/*width:calc(50% + 10px);
	text-align:right;*/
	width:auto;
	padding-right:20px;
}
.space-view .space-view-item .space-info .view-btn {
	font-weight:300;
	padding-left:20px;
    color:rgba(195,170,140,1);
	-webkit-transition: color 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	   -moz-transition: color 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	     -o-transition: color 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	        transition: color 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.space-view .space-view-item:hover .space-info .view-btn {
	color: rgba(90,90,95,1);
	font-weight:300;
}
.space-view .space-view-item .space {
	/*width:50%;*/
}
.space-view .space-view-item .space-bar {
	width:100%;
}
.space-view .space-view-item .space-bar:before {
	position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background: rgba(195,170,140,.4);
    content: '';
}
.space-view .space-view-item .space-bar:after {
	content:''; 
	position:absolute; 
	top: 50%;
	left:0; 
	width:0%;
    height: 1px;
	background:rgba(90,90,95,1);
	-webkit-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	   -moz-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	     -o-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	        transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.space-view .space-view-item:hover .space-bar:after {
	width:100%;
	/*-webkit-animation:bar-width 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
       -moz-animation:bar-width 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
		 -o-animation:bar-width 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
			animation:bar-width 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;*/

}

@-webkit-keyframes bar-width{
	0%{lwidth:0%}
	100%{width:100%}
}
@keyframes bar-width{
	0%{lwidth:0%}
	100%{width:100%}
}

.space-view .space-view-item .view:hover .more-view-btn-text { 
	background:rgba(153,153,153,1);
	border:1px solid rgba(205,205,205,1);
	background:rgba(205,205,205,1);
	color:#fff;
}
.space-view .space-view-item .space-btn {
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0 10px;
	bottom:0;
}
.space-view .space-view-item .tit h1 {
	position:relative;
	font-size:22px;
	font-weight:500;
	display:inline-block;
	line-height:140%;
    color: rgba(80,50,20,1);
}
.space-view .space-view-item .tit .price {
	line-height:100%;
}
.space-view .space-view-item .tit h2 {
	position:relative;
	font-size:16px;
	font-weight:300;
	display:inline-block;
	margin-left:5px;
	line-height:140%;
	color:rgba(195,170,140,1);
}
.space-view .space-view-item .tit h3 {
	position:relative;
	font-size:16px;
	font-weight:300;
	line-height:160%;
	letter-spacing:0px;
}
.space-view .space-view-item .desc {
	position:relative;
	font-size:16px;
	line-height:160%;
	padding:0px 0 0px;
	float:none;
	clear: both;
}

.space-view .space-view-item .img {
	position:relative;
    width: 100%;
    overflow: hidden;
}
.space-view .space-view-item .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
	background:rgba(0,0,0,1);
	opacity:0;
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.space-view .space-view-item:hover .cover {
	opacity:.2;
}
@media screen and (max-width: 1440px) {
	.space-view-type3 .space-view-item .tit h1 {
		font-size:18px;
	}
	.space-view-type3 .space-view-item .tit h2 {
		font-size:14px;
	}
	.space-view-type3 .space-view-item .tit h3 {
		font-size:14px;
	}
}
@media screen and (max-width: 1024px) {
	.space-view .space-view-item .view-box {
		/*padding:0px 0px 20px;*/
	}
	.space-view .space-view-item .view-desc {
		padding:20px 0 20px;
	}
	.space-view-white .space-view-item .view-desc {
		padding:20px;
	}
	.space-view .space-view-item .desc {
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.space-view {
		/*padding-left:25px;*/
	}
	.space-view .space-view-item {
		width:calc(50% - 5%); 
	}
	
}
@media screen and (max-width: 640px) {
	/*.space-view {
		margin-right:0;
	}
	
	.type50 {
		width:calc(100%) !important;
	}*/
	.space-view .space-view-item {
		margin-bottom:30px;
	}
	.type50 {
		width:calc(100% - 5%) !important;
	}
	.m-type100 {
		width:calc(100% - 5%) !important;
	}
	.space-view .space-view-item .tit h1 {
		font-size:20px;
	}
	
	.space-view .space-view-item .tit h3 {
		font-size:14px;
	}
	
}
@media screen and (max-width: 480px) {
	.space-view {
		/*padding-right:20px;*/
	}
	.space-view-type3 .space-view-item .tit h2 {
		font-size:12px;
	}
	.space-view .space-view-item .space-info .name {
		width:10px;
	}
	.space-view .space-view-item .space-info .view-btn {
		font-size:14px;
		display:none;
	}
	.space-view .space-view-item .desc br {
		/*display:none;*/
	}
	.space-view .space-view-item .tit h1 {
		font-size:18px;
	}
}

.dy-part-group {
	position:relative;
	margin-bottom:20px;
	/*overflow:hidden;*/
}
.dy-part-list {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	margin-right:-20px;
	margin-right:0px;;
	/*overflow:hidden;*/
}

.dy-part-item {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
			
	width:calc(20% - 20px); 
	width:calc(20%); 
	overflow:hidden;
	padding:0px;
	margin:0 20px 20px 0;
	margin:0 -0.5px -1px;
    color: rgba(80,50,20,1);
	text-align:center;
	border:1px solid rgba(160,130,105,.2);
	border:1px solid rgba(190,190,190,.3);
	background:#fff;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	/*-webkit-border-radius: 10px; 
	   -moz-border-radius: 10px; 
			border-radius: 10px;*/
}

.dy-part-list-column3 .dy-part-list li {
	width:calc(33.333333% - 20px); 
	width:calc(33.333333%); 
}
.dy-part-list-column4 .dy-part-list li {
	width:calc(25% - 20px); 
	width:calc(25%); 
}
.dy-part-list-column5 .dy-part-list li {
	width:calc(20% - 20px); 
	width:calc(20% + 0.5px); 
}
.dy-part-list-column6 .dy-part-list li {
	width:calc(16.666666% - 20px); 
	width:calc(16.666666%); 
}

.dy-part-list-column8 .dy-part-list li {
	width:calc(10.5% - 20px); 
	width:calc(10.5%); 
}


@media screen and (max-width: 1600px) {
	.dy-part-list li {
		width:calc(20% - 20px) !important; 
		width:calc(20%) !important;
	}
	
}
@media screen and (max-width: 1280px) {
	
	.dy-part-list li {
		width:calc(25% - 20px) !important; 
		width:calc(25%) !important;
	}
	
}
@media screen and (max-width: 768px) {
	.dy-part-group {
		padding:0 20px 0 25px;
	}
	.dy-part-list li {
		width:calc(33.333333% - 20px) !important; 
		width:calc(33.333333%) !important; 
	}
	
}
@media screen and (max-width: 480px) {
	.dy-part-list li {
		width:calc(50% - 20px) !important; 
		width:calc(50%) !important; 
	}
	
}
@media screen and (max-width: 440px) {
	.dy-part-list {
		margin-right:-10px;
	}
	.dy-part-list li {
		width:calc(50% - 10px) !important; 
		margin:0 10px 10px 0;
	}
	
}

.dy-part-item .part-img {
	position:relative;
	display:block;
	width:100%;
	vertical-align:top;
	padding:20px 60px 20px;
}
.dy-part-item .part-img .img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	
}
.dy-part-item .part-img .gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:.6;
}
.dy-part-item .part-img img {
	width:100%;
	max-width:100%;
}
.dy-part-item .part-cont {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
			
	width:100%;
	vertical-align:top;
	height:100%;
	padding:22px 20px 20px;
	background: rgba(250,250,250,1);
}
.body-bg .dy-part-item .part-cont {
	background: rgba(255,255,255,1);
}
.dy-part-item .part-desc {
	position:relative;
	margin-top:auto;
}
.dy-part-item .part-tit {
	position:relative;
	font-size:18px;
	letter-spacing:0px;
	font-weight:500;
}
@media screen and (max-width: 768px) {
	.dy-part-item .part-img {
		padding:20px 20px 20px;
	}
	.dy-part-item .part-tit {
		font-size:16px;
	}
	.dy-part-item .part-cont {
		padding:22px 10px 10px;
	}
	
}
.dy-part-item .part-desc .brandAddr {
	position:relative;
	font-size:14px;
    color: rgba(155,155,155,1);
	letter-spacing:0px;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-word;
	white-space:nowrap;	
	font-family:"Gothic A1",serif;
}
.dy-part-item .tag {
	position:absolute;
	/*position:relative;*/
	display:inline-block;
	width: auto; 
	height: 24px; 
	text-align: center; 
	font-weight: normal; 
	line-height: 24px;
	color:#fff;
	font-size:12px;
	padding:0 10px;
	font-family:"Gothic A1",serif;
	background: rgba(179,179,179,1);
	background: rgba(0,0,0,1);
	white-space:nowrap;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;	
	
	top:-12px;
	
	left:50%;
    -webkit-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
			transform: translateX(-50%);
	color:#fff;
	z-index:2;
}


.dy-part-main-list {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: row;
			flex-direction: row;
	align-items: normal;
	flex-wrap: wrap;
	margin-right:0px;
	overflow:hidden;
	border:1px solid rgba(240,240,240,1);
    /*box-shadow: 1px 3px 8px rgb(0 0 0 / 5%);*/
}

.dy-part-main-item {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
			
	width:calc(20%); 
	overflow:hidden;
	padding:0px;
	margin:0 0px 0px 0;
    color: rgba(80,50,20,1);
	text-align:center;
	border:1px solid rgba(160,130,105,.2);
	border:1px solid rgba(240,240,240,1);
	border-left:none;
	border-top:none;
	background:#fff;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.dy-part-main-more {
	position:relative;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	-webkit-flex-direction: column;
			flex-direction: column;
	justify-content: center;
	width:100%;
	height:100%;
	text-align:center;
	border:none;
	
	color: rgba(255,255,255,1);
	background:rgba(160,130,105,1);
	font-family:"Gothic A1",serif;
	font-weight:500;
}
.dy-part-main-more:hover {
	background:rgba(80,50,30,1);
}
.dy-part-main-item:nth-child(3n) {
	border-right:none;
}
.dy-part-main-item:nth-child(n+10) {
	border-bottom:none;
}
.dy-part-list-column3 .dy-part-main-list li {
	width:calc(33.333333%); 
}
.dy-part-list-column4 .dy-part-main-list li {
	width:calc(25%); 
}
.dy-part-list-column5 .dy-part-main-list li {
	width:calc(20%); 
}
.dy-part-list-column6 .dy-part-main-list li {
	width:calc(16.666666%); 
}

.dy-part-list-column8 .dy-part-main-list li {
	width:calc(10.5%); 
}

.dy-part-main-item .part-img {
	position:relative;
	display:block;
	width:100%;
	vertical-align:top;
	padding:20px 45px 20px;
}
.dy-part-main-item .part-img .img {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	
}
.dy-part-main-item .part-img .gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity:.6;
}
.dy-part-main-item .part-img img {
	width:100%;
	max-width:100%;
}


@media screen and (max-width: 1700px) {
	.dy-part-main-item .part-img {
		padding:20px 32px 20px;
	}	
}
@media screen and (max-width: 1440px) {
	.dy-part-main-item .part-img {
		padding:40px 35px 40px;
	}	
}
@media screen and (max-width: 1280px) {
	.dy-part-main-item .part-img {
		padding:33px 20px 33px;
	}	
	
}
@media screen and (max-width: 1024px) {
	.dy-part-main-item .part-img {
		padding:37px 20px 37px;
	}	
	
}
@media screen and (max-width: 768px) {
	.dy-part-main-item .part-img {
		padding:20px 42px 20px;
	}	
	
}
@media screen and (max-width: 480px) {
	.dy-part-main-item .part-img {
		padding:10px 10px 10px;
	}	
	.dy-part-main-more {
		font-size:13px;
		line-height:150%;
	}
}


.circle-line { opacity: 1; -webkit-transition: opacity .2s .5s ease-in-out; transition: opacity .2s .5s ease-in-out; }
.circle-line span { 
	border-radius: 50%; 
	display: block; 
	position: absolute; 
	top: 0; 
	border: 1px solid  rgba(160,130,105,.6);
	background:rgba(160,130,105,0);
	opacity: .5; 
	width: 1600px; height: 1600px; 
	-webkit-transition: all 1.5s .5s ease-in-out; transition: all 1.5s .5s ease-in-out;
}
.circle-line span { 
	-webkit-transform: translate(-15%, -50%); 
	-ms-transform: translate(-15%, 50%); 
	transform: translate(-30%,20%);
}
@media screen and (max-width: 1440px) {
	.circle-line span { width: 1400px; height: 1400px; }
}
@media screen and (max-width: 1280px) {
	
	
	
}
@media screen and (max-width: 1024px) {
	.circle-line span { width: 1100px; height: 1100px; }
	
	
}
@media screen and (max-width: 768px) {
	.circle-line span { width: 1000px; height: 1000px; }
	.circle-line span { 
		-webkit-transform: translate(-20%, -40%); 
		-ms-transform: translate(-20%, -40%); 
		transform: translate(-20%, -40%);
		
	}
	
}
@media screen and (max-width: 480px) {
	
}


.flex-nowrap {
	flex-wrap:nowrap;
}
.flex-wrap {
	flex-wrap:wrap;
}

@media screen and (max-width: 1600px) {
	.l-flex-nowrap {
		flex-wrap:nowrap;
	}
	.l-flex-wrap {
		flex-wrap:wrap;
	}

}

@media screen and (max-width: 1280px) {
	.p-flex-nowrap {
		flex-wrap:nowrap;
	}
	.p-flex-wrap {
		flex-wrap:wrap;
	}
}


.k-history {
	position:relative;
	
	font-family:"Gothic A1",serif;
}

.k-history .history-top {
	position:relative;
	padding:0 30px 0 30px; 
	height:40px; 
	line-height:40px; 
	border-radius:20px;
	display:inline-block; 
	min-width:280px;
	white-space:nowrap;
	text-align:center; 
	font-size:1.250em; 
	font-size:20px;
	color:#fff;
	background: rgba(160,130,105,1);
	font-weight:500;
	
	vertical-align:middle;	
}
.k-history .history-bottom {
	position:relative;
	padding:0 30px 0 30px; 
	height:40px; 
	line-height:40px; 
	border-radius:20px;
	display:inline-block; 
	min-width:280px;
	white-space:nowrap;
	text-align:center; 
	
	color:#fff;
	background: rgba(160,130,105,1);
	
	vertical-align:middle;	
}

.k-history .history-area {
	position:relative;	
}
.k-history .history-area:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(160,130,105,.3);
}
.history-list {
	position:relative;
	width:100%;
}
.history-list > li {
	position:relative;	
	display:inline-block;
	width:50%;
	left:50%;
	
	margin-top:0px;
}
.history-list > li:after {
	position:relative;	
	display:inline-block;
	width:50%;
	left:50%;
	
	margin-top:0px;
	z-index:1;
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    background:rgba(160,130,105,1);
}
.history-list > li:last-child:after {
    background:rgba(160,130,105,0);
}
.history-out {
	position:relative;
	display:inline-block;
}
.history-item {
	position:relative;	
	width:auto;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-wrap: nowrap;
	
	-webkit-flex-direction: row;
			flex-direction: row;
}
.history-item:after {
	
}
.history-item .history-line {
	position:relative;
	width:60px;
}
.history-item .history-inner {
	position:relative;
	padding:0 0 0 20px;
	width:calc(100% - 60px);
	margin-top:-15px;
}
.history-item .history-space {
	position:relative;
	width:100%;
}
.history-item .history-line .circle {
    content: "";
    position: absolute;
	left:-7px;
	top:0;
	/*top:50%;
    -webkit-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
			transform: translateY(-50%);*/
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border:rgba(160,130,105,1) 2px solid;
    border-radius: 50%;
	z-index:2;
}
.history-item .history-line .line {
	z-index:1;
    content: "";
    position: absolute;
    top: 50%;
	top:7px;
    left:0;
    display: block;
    width: 100%;
    height: 1px;
    background:rgba(160,130,105,1);
}

.history-item .history-cont {
	position:relative;	
	width:auto;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	/*flex-wrap: wrap;*/
}
.history-item .history-column {
	-webkit-flex-direction: column;
			flex-direction: column;
}
.history-item .history-year {
	position:relative;
	display:block;
	font-size:2.500em;
	font-size:40px;
	height:50px;
	line-height:54px;
	color:rgba(160,130,105,1);
	font-weight:700;
}
.history-item .history-desc {
	position:relative;	
	width:auto;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-wrap: nowrap;
	
	-webkit-flex-direction: row;
			flex-direction: row;
	font-size:18px; 
	line-height:140%;
	
}
.history-item .history-desc .history-month {
	position:relative;
	font-weight:600;
	
	white-space:nowrap;
}

.history-item .history-desc .desc {
	position:relative;
	padding:0 10px;
	color:rgba(60,40,40,1);
}

.history-item .history-cont .history-tit {
	position:relative;	
	padding:0 40px 0 0;
	/*white-space:nowrap;*/
}
.history-item .history-cont .history-imgset {
	position:relative;	
	max-width:50%;
}
.history-item .history-column .history-imgset {
	max-width:100%;
}
.history-item .history-cont .history-imgset img {
	position:relative;	
	width:100%;
	max-width:500px;
}

.history-item .history-desc strong {
	font-weight:600;
}

.history-left .history-item .history-space {
	order:3;
}
.history-left .history-item .history-line {
	order:2;
}
.history-left .history-item .history-inner {
	order:1;
	text-align:right;
}
.history-list > li.history-left {
	left:0;
	text-align:right;
	
}
.history-list > li.history-left:after {
	left:auto;
	right:-1px;
}
.history-left .history-item .history-line .circle {
	left:auto;
	right:-7px;
}
.history-left .history-item .history-inner {
	padding:0 20px 0 0;
}
.history-left .history-item .history-cont {
	justify-content: flex-end;
}
.history-left .history-item .history-desc {
	justify-content: flex-end;
}
.history-left .history-item .history-desc .history-month {
	order:2;
}

.history-left .history-item .history-desc .desc {
	order:1;
}

.history-left .history-item .history-cont .history-imgset {
	order:1;
}
.history-left .history-item .history-cont .history-tit {
	padding:0 0 0 40px;
	order:2;
}

.history-left .history-item .history-column .history-imgset {
	order:2;
}
.history-left .history-item .history-column .history-tit {
	order:1;
}


@media screen and (max-width: 1280px) {
	.history-item .history-cont  {
		flex-wrap: wrap;
	}
	.history-left .history-item .history-cont .history-imgset {
		order:2;
	}
	.history-item .history-cont .history-tit {
		width:100%;
		padding:0 0 0 0px;
	}
	.history-left .history-item .history-cont .history-tit {
		order:1;
		padding:0 0 0 0px;
	}
	.history-item .history-cont .history-imgset {
		width:100%;
		max-width:100%;
	}

}
@media screen and (max-width: 480px) {
	.k-history {
		padding-left:20px;
	}
	.k-history .history-area {
		padding:0 20px;	
	}
	.k-history .history-area:before {
		left: 20px;
	}
	.k-history .history-top {
		border-radius:20px 0px 0 20px; 
		min-width:100%;
	}
	.k-history .history-bottom {
		border-radius:20px 0px 0 20px; 
		min-width:100%;
		text-align:left;
	}
	.history-list > li {
		width:100%;
		left:0;
	}
	.history-list > li.history-left:after {
		left: 0;
		right:auto;
	}
	.history-item .history-desc {
		font-size:1.333em; 
		
	}
	.history-item .history-line {
		width:40px;
	}
	.history-item .history-inner {
		width:calc(100% - 40px);
	}
	
	.history-left .history-item .history-line {
		order:1;
	}
	.history-left .history-item .history-inner {
		order:2;
		text-align:left;
	}
	.history-left .history-item .history-line .circle {
		left:-7px;
		right:auto;
	}
	.history-left .history-item .history-inner {
		padding:0 0px 0 20px;
	}
	.history-left .history-item .history-cont {
		justify-content: flex-start;
	}
	.history-left .history-item .history-desc {
		justify-content: flex-start;
	}
	.history-left .history-item .history-desc .history-month {
		order:1;
	}
	.history-left .history-item .history-desc .desc {
		order:2;
	}
	
	.history-left .history-item .history-cont .history-imgset {
		order:2;
	}
	.history-left .history-item .history-cont .history-tit {
		order:1;
	}
	
	.history-item .history-year {
		font-size:30px;
	}
	.history-item .history-desc {
		font-size:17px; 
		
	}
}

.sop-concept {
	position:relative;
	overflow:hidden;
}
.sop-concept .line { 
	opacity: 1; 
	-webkit-transition: opacity .2s .5s ease-in-out; transition: opacity .2s .5s ease-in-out; 
}
.dark-bg .line { 
	opacity: 1; 
}
.sop-concept .line span { 
	border-radius: 50%; 
	display: block; 
	position: absolute; 
	top: 0; 
	border: 2px solid rgba(210,185,170,.6); 
	opacity: .5; 
	width: 800px; height: 800px; 
	-webkit-transition: all 1.5s .5s ease-in-out; transition: all 1.5s .5s ease-in-out;
}
.sop-concept .line span { 
	width: 1600px; height: 1600px;
	-webkit-transform: translate(-50%, 10%); 
	-ms-transform: translate(-50%, 10%); 
	transform: translate(-50%, 10%);
}

@media screen and (max-width: 1440px) {
	.sop-concept .line span { 
		-webkit-transform: translate(-70%, 0%); 
		-ms-transform: translate(-70%, 0%); 
		transform: translate(-70%, 0%);
	}
	.sop-concept .line2 span { 
		-webkit-transform: translate(70%, 150%); 
		-ms-transform: translate(70%, 150%); 
		transform: translate(70%, 150%);
		
	}
}
@media screen and (max-width: 1280px) {
	
	.sop-concept .line span { width: 1000px; height: 1000px; }
	.sop-concept .line2 span { 
		-webkit-transform: translate(90%, 150%); 
		-ms-transform: translate(90%, 150%); 
		transform: translate(90%, 150%);
		
	}
}
@media screen and (max-width: 1024px) {
	.sop-concept .line2 span { 
		-webkit-transform: translate(70%, 150%); 
		-ms-transform: translate(70%, 150%); 
		transform: translate(70%, 150%);
		
	}
	
}
@media screen and (max-width: 768px) {
	.sop-concept .line span { 
		-webkit-transform: translate(-50%, 0%); 
		-ms-transform: translate(-50%, 0%); 
		transform: translate(-50%, 0%);
	}
	.sop-concept .line2 span { 
		-webkit-transform: translate(50%, 150%); 
		-ms-transform: translate(50%, 150%); 
		transform: translate(50%, 150%);
		
	}
}
@media screen and (max-width: 480px) {
	.sop-concept .line span { 
		-webkit-transform: translate(-70%, 0%); 
		-ms-transform: translate(-70%, 0%); 
		transform: translate(-70%, 0%);
	}
	.sop-concept .line2 span { 
		-webkit-transform: translate(30%, 150%); 
		-ms-transform: translate(30%, 150%); 
		transform: translate(30%, 150%);
		
	}
}

.circle-concept {
	position:relative;
	overflow:hidden;
}
.circle-concept .photo {
	text-align:right;
}
.circle-concept .detail {
	text-align:left;
    padding-left:7%;
}
.circle-concept .circle-frame {
	position:relative;
	width: 600px;
	display:inline-block;
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	image-rendering: -webkit-optimize-contrast;
	z-index:1;
	font-size:0;
	-webkit-border-radius: 50% 40% 10px 10px;
	   -moz-border-radius: 50% 40% 10px 10px;
		    border-radius: 50% 40% 10px 10px;
	border-top-left-radius: 50% 40%;
   	border-top-right-radius: 50% 40%;
	/*box-shadow:3px 6px 15px rgba(0,0,0,0.05);	*/
}
.circle-concept .circle-frame:after {
	content:'';
	display:block;
    padding-bottom: 130%;
}


.circle-concept .circle-frame .box {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.circle-concept .circle-frame .img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	display:none;
	
}
.circle-concept .circle-frame .img img{
	position:relative;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

	
	width:100%;height:auto;
	width:auto;height:100%;
	
	-webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease;
}

.circle-concept .slogan-eng {
	position:relative;
	
	line-height:100%;
	font-size:3.125em;
	line-height:100%;
	white-space:nowrap;
	font-family:"Playfair Display",serif;
	color:rgba(80,50,20,1);
}
.circle-concept .slogan-asig {
	position:relative;
	left:-35%;
	font-size:5.000em;
	font-family:"asig",serif;
	letter-spacing:-1px;
	line-height:100%;
	white-space:nowrap;
	mix-blend-mode:screen;
	color: rgba(160,130,105,1);
	mix-blend-mode:lighten;
	z-index:2;
}
.circle-concept .slogan-asig-multi {
	mix-blend-mode:multiply;
}
.circle-concept .slogan-tit {
	position:relative;
	line-height:140%; 
	font-size:2.250em; 
    color:rgba(80,50,20,1);
	letter-spacing:-1.5px; 
	font-weight:400;
	white-space:nowrap;
}
.circle-concept .slogan-nameMent {
	position:relative;
	font-size:16px;
	line-height:180%;
}
.dark-bg .circle-concept .slogan-asig {
	color: rgba(255,255,255,1);
	color: rgba(210,185,170,1);
}
.dark-bg .circle-concept .slogan-eng {
	color: rgba(255,255,255,1);
	color: rgba(210,185,170,1);
}
.dark-bg .circle-concept .slogan-tit {
	color: rgba(210,185,170,1);
	color: rgba(255,255,255,1);
}
.dark-bg .circle-concept .slogan-nameMent {
	color: rgba(255,255,255,.7);
}
.dark-bg .circle-concept .circle-shadow {
	/*border:16px solid rgba(210,185,170,.2);*/
	-webkit-border-radius: 50% 40% 0px 0px;
	   -moz-border-radius: 50% 40% 0px 0px;
		    border-radius: 50% 40% 0px 0px;
	border-top-left-radius: 50% 40%;
   	border-top-right-radius: 50% 40%;
	box-shadow:0px 0px 100px rgba(210,185,170,.6);
}
@media screen and (max-width: 1280px) {
	.circle-concept .do-hall-detail {
		font-size:12px;
	}
	.circle-concept .circle-frame {
		width:500px;
	}
}
@media screen and (max-width: 1024px) {
	.circle-concept .do-hall-detail {
		font-size:11px;
	}
	.circle-concept .circle-frame {
		width:400px;
	}
	.circle-concept .slogan-nameMent {
		font-size:15px;
	}
}
@media screen and (max-width: 768px) {
	
	.circle-concept .slogan-asig {
		left:auto;
		top:-60px;
	}
	.circle-concept .slogan-tit {
		letter-spacing:-1px; 
	}
	
	.circle-concept .photo {
		text-align:center;
	}
	.circle-concept .detail {
		text-align:center;
		padding-left:0;
	}
}
@media screen and (max-width: 480px) {
	.circle-concept .do-hall-detail {
		font-size:10px;
	}
	.circle-concept .slogan-asig {
		font-size:4.000em;
	}
	.circle-concept .circle-frame {
		width:280px;
	}
}