@charset "utf-8";
.ws-info {
	position:absolute;
	right:80px;
	bottom:-45px;
	z-index:5;
	overflow:hidden;
	background:rgba(20,60,115,.85);
	background:rgba(138,149,168,.85);
	
	color:rgba(255,255,255,1);
	font-size:16px;
	text-align:center;
	padding:20px 15px;
	font-family:"Gothic A1",serif;
	box-shadow:3px 6px 20px rgba(0,0,0,0.3);
	-webkit-border-radius: 20px 0px 20px 20px; 
	   -moz-border-radius: 20px 0px 20px 20px; 
		    border-radius: 20px 0px 20px 20px; 
}
.gnb-dark .ws-info {
	bottom:50px;
}
.use-frame .ws-info {
	right:160px;
	bottom:-45px;
}
.do-visual-tit-pos-rb .ws-info {
	right:auto;
	left:100px;
}
.use-frame.do-visual-tit-pos-rb .ws-info {
	left:160px;
}

.ws-info-mobile {
	display:none;
	padding:0px 0px;
}
.ws-info-mobile .ws-info {
	position:relative;
	display:block;
	left:0 !Important;
	right:0 !Important;
	font-size:15px;
	bottom:0 !Important;
	box-shadow:none;
	-webkit-border-radius: 0; 
	   -moz-border-radius: 0; 
			border-radius: 0; 
}
.gnb-dark .ws-info-mobile.use-frame .ws-info {
	/*-webkit-border-radius: 0 0 20px 20px; 
	   -moz-border-radius: 0 0 20px 20px; 
			border-radius: 0 0 20px 20px; */
}
@media screen and (max-width: 1600px) {
	.ws-info {
		right:80px;
	}
	.do-visual-tit-pos-rb .ws-info {
		right:auto;
		left:80px;
	}
	.use-frame .ws-info {
		right:120px;
	}
}
@media screen and (max-width: 1280px) {
	.ws-info {
		right:60px;
		font-size:14px;
	}
	.do-visual-tit-pos-rb .ws-info {
		right:auto;
		left:60px;
	}	
	.use-frame .ws-info {
		right:100px;
	}
}
@media screen and (max-width: 1024px) {
	.ws-info {
		right:20px;
	}
	.gnb-dark .ws-info {
		bottom:20px;
	}
	.do-visual-tit-pos-rb .ws-info {
		right:auto;
		left:20px;
	}
	.use-frame .ws-info {
		right:40px;
		bottom:-45px;
	}
}
@media screen and (max-width: 768px) {
	.ws-info {
		display:none;
	}
	.ws-info-mobile,
	.ws-info-mobile .ws-info {
		display:block;
		font-size:16px;
	}
}
@media screen and (max-width: 640px) {
	
}
.ws-info .info-top {
	position:relative;
	font-size:20px;
	font-size:1.250em;
	font-weight:500;
	line-height:100%;
	padding:0px 0;
	
}
.ws-info .info-bot {
	position:relative;
	font-size:14px;
	font-size:0.875em;
	line-height:160%;
	padding:0px 0;
	letter-spacing:-0.5px;
}
.ws-info .info-mid {
	position:relative;
	overflow:hidden;
	/*display:inline-block;*/
	min-width:260px;
	margin:0 auto;
	background:rgba(255,255,255,1);
	color:rgba(20,60,115,1);
	padding:20px 20px 15px;
	
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
		    border-radius: 10px 10px 10px 10px; 
}


.ws-info .info-mid .time {
	position:relative;
	font-size:28px;
	font-size:1.750em;
	font-weight:600;
	line-height:100%;
	font-family:"Gmarket Sans","Gothic A1",serif;
	letter-spacing:-1px;
}
.ws-info .info-mid .break {
	position:relative;
	font-size:0.875em;
	font-weight:500;
	line-height:100%;
	letter-spacing:-0.5px;
}
.ws-info .info-mid .tel {
	position:relative;
	font-size:1.000em;
	line-height:100%;
	font-weight:600;
	font-family:"Gmarket Sans","Gothic A1",serif;
	letter-spacing:-1px;
}
.ws-info .time-desc {
	position:relative;
	display:inline-block;
	width:auto;
	white-space:nowrap;
}
.ws-info .tag-tb {
	position:relative;
	display:table;
	vertical-align:top;
	font-size:0.875em;
	text-align:left;
}
.ws-info .tag-cell {
	position:relative;
	display:table-cell;
}
.ws-info .tag {
	position:relative;
	display:inline-block;
	width: 86px;
	font-weight: normal; 	
	padding:0 10px;
	font-size:12px;
	color:rgba(255,255,255,1);
	background:rgba(20,60,115,1);
	border-radius:20px;
	line-height:24px;
	text-align:center;
	white-space:nowrap;
	margin-right:10px;
}
.ws-info .tag-desc {
	position:relative;
	white-space:nowrap;
	
}
.ws-info ul li {
	position:relative;
	font-weight:500;
	letter-spacing:-0.5px;
}
/*.ws-info ul li {
	position:relative;
	display:block;
	letter-spacing:0em;
	padding:0px 0px 0 0px;
	font-size:0.875em;
	line-height: 24px;
	margin-bottom:5px;
	font-weight:500;
}

.ws-info ul li .tag {
	position:relative;
	display:inline-block;
	width: auto;
	font-weight: normal; 	
	padding:0 10px;
	font-size:12px;
	color:rgba(255,255,255,1);
	background:rgba(20,60,115,1);
	border-radius:20px;
	line-height:24px;
	text-align:center;
	white-space:nowrap;
	margin-right:5px;
}*/


.main-dy-head {
	position: relative;
	font-size:16px;
	color:rgba(90,90,95,1);
}

.main-dy-head h1 {
	position: relative;
	font-size:1.250em;
	font-weight:300;
	line-height:140%;
	letter-spacing:0px;
	margin:0 0.500em;
	color:rgba(165,170,180,1);
}
.main-dy-head h1 span {
	font-weight:500;
}
.main-dy-head h2 {
	position: relative;
	font-size:1.125em;
	font-size:1.250em;
	
	font-weight:500;
	color:rgba(90,90,95,1);
}
.main-dy-head h3 {
	position: relative;
	font-size:1.125em;
	line-height:200%;
	margin-left:0.125em;
}
.main-dy-head .big {
	position: relative;
	font-family:"Noto Serif KR",serif;
	font-size:5.250em;
	font-weight:500;
	line-height:100%;
	letter-spacing:0px;
	color:rgba(165,170,180,1);
	color:rgba(150,150,150,1);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.main-dy-head .big {
		font-weight:600;
	}
}
.main-dy-head .big span {
	color: #fff;
    text-shadow:
    -1px -1px 0 rgba(150,150,150,1),
    1px -1px 0 rgba(150,150,150,1),
    -1px 1px 0 rgba(150,150,150,1),
    1px 1px 0 rgba(150,150,150,1);
}

.ex-detail-link {
	padding:0 20px 0; 
	height:32px; 
	line-height:28px; 
	border-radius:30px;
	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(150,150,150,1);
	font-weight:400;
	color: rgba(150,150,150,1);
	margin-left:0px;
	margin-bottom:10px;
	border:1px solid rgba(51,51,51,1);
	color:#fff;
    background:rgba(51,51,51,1);
}
.ex-detail-link:hover {
	border:1px solid rgba(0,0,0,1);
	color:#fff;
    background:rgba(0,0,0,1);
}


/*
@supports (-webkit-text-stroke: 1px black) {
	.main-dy-head .big span {
		color: transparent;
		-webkit-text-stroke: 1px rgba(165,170,180,1);
		text-stroke: 1px rgba(165,170,180,1);
	}
}*/
@media screen and (max-width: 1400px) {
	.main-dy-head {
		font-size:14px;
	}
}
@media screen and (max-width: 1280px) {
	
	.main-dy-head .img img {
		width:200px;
	}
}
@media screen and (max-width: 1024px) {
	.main-dy-head {
		font-size:10px;
	}
	.main-dy-head h2 {
		font-size:16px;
	}
	.main-dy-head h3 {
		font-size:15px;
		line-height:170%;
	}
	.main-dy-head .big {
	}
	.main-dy-head .img img {
		width:160px;
	}
}

.main-dy-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;
	justify-content: center;			
	/*align-items: stretch;*/
	/*justify-content: space-between;*/
	
}

.main-dy-cell {
	position:relative;
	padding-right:8.000em;
}
.main-dy-cell:first-child {
	text-align:center;
}
.main-dy-cell:last-child {
	padding-right:0px;
	text-align:right;
	margin-top: auto;
}
@media screen and (max-width: 1600px) {
	
	.main-dy-cell {
		padding-right:5.000em;
	}
} 
@media screen and (max-width: 1024px) {
	
	.main-dy-flex {
		
		flex-wrap: wrap;
	}
	.main-dy-cell {
		padding-right:5.000em;
	}
} 
@media screen and (max-width: 480px) {
	.main-dy-flex {
		-webkit-flex-direction: column;
			flex-direction: column;
		padding:0 20px;
		justify-content: right;  
		/*flex: 1 1 60%;*/
	}
	.main-dy-cell {
		
		padding-right:0;
		padding-left:20px;
	}
	.main-dy-cell:last-child {
		margin-top: 0%;
	}
}


.half {
	position:relative;
	display:table-cell;
	width:50%;
	vertical-align:top;
}
.half:first-child {
	padding-right:3.5%;
	padding-right:5%;
}
.half:last-child {
	padding-left:3.5%;
	padding-left:5%;
}

@media screen and (max-width: 768px) {
	.half {
		display:block;
		width:100%;
	}
	.half:first-child {
		padding-right:0;
		padding-bottom:0px;
	}
	.half:last-child {
		padding-left:0;
		padding-top:0px;
		
	}
}
@media screen and (max-width: 480px) {
	.half:last-child {
		padding-bottom:0px;
		background: rgba(250,250,250,1);
	}
}


.head-mini {
	position: relative;
	text-align: left; 
	padding: 60px 10px 20px;
	margin:0px auto 0px;
	font-size:16px;
}
.head-mini h1 {
	position:relative;
	font-size: 24px;
	font-size: 1.500em;
	letter-spacing: -0.5px; 
	line-height: 120%; 
    color: rgba(51,51,51,1);
    color: rgba(80,50,20,1);
	font-weight:300;
	/*font-family:"Gothic A1",serif;
	font-weight:500;*/
}
.head-mini h1 span {
	color:rgba(115,115,115,1);
	color:rgba(190,130,100,1);
	font-weight:600;
}

.moreArea {
	position:absolute;
	bottom:20px;
	right:10px;
}
.moreArea-bottom {
	position:relative;
	text-align:center;
	padding:30px 0 0;
	display:none;
}
.link_line {
	position:relative;
	font-size: 15px;
	font-weight:400;
	color: rgba(51,51,51,1);
	display:inline-block;
}
.moreArea-bottom .link_line {
	background:rgba(255,255,255,1);
	border-radius:25px; 
	padding:0 20px;
}
.link_line:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 1px;
    margin-right: 8px;
    background-color:rgba(51,51,51,1);
    vertical-align: middle;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    -ms-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}
.link_line:hover {
	color:rgba(115,115,115,1);
}
.link_line:hover:before {
	width: 30px;
}


@media screen and (max-width: 1024px) {
	.head-mini {
		padding: 0px 10px 20px;
		font-size:15px;
	}
	.moreArea {
		bottom:20px;
	}
}

@media screen and (max-width: 480px) {
	.head-mini {
		font-size:14px;
	}
}

	


.quick {
	display:table;
}
.quick-inner {
	position:relative;
}
@media screen and (max-width: 480px) {
	.quick-inner {
		padding:0 20px;
		background:rgba(255,255,255,1);
	}
	.quick-inner.bg {
		padding:40px 20px 20px;
		background:rgba(250,250,250,1);
	}
}

	
/* quick Location */
.quickLocation {
	position:relative;
	width:100%;
}
.quickLocation .location {position:relative;}
.quickLocation .bottom {position:relative;padding-top:40px;}
.quickLocation .mapDiv {position:relative;margin-top:0px;max-width:99.6%;min-width:99.6%;min-height:420px;border:rgba(205,205,205,.2) 1px solid;} 

.quickNews {
	position:relative;
	min-height:150px;
}
.quickNews li{
	position:relative;
	width:100%;
	/*border-top:1px dotted rgba(145,115,80,.6);*/
	font-size:0;
	padding:0px 0;
}
.quickNews li:first-child {
	border-top:none;
}
.quickNews .news-nodata {
	position:relative;
	display:table;
	width:100%;
	height:160px;
	
	background:rgba(250,250,250,1);
}
.quickNews .news-nodata .in {
	position:relative;
	display:table-cell;
	padding:10px 20px 10px 20px;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	line-height:130%;
	color:#000;
}
.quickNews li a {position:relative;display:table;width:100%;padding:10px 0 5px;}
.quickNews li:first-child a {padding:0px 0 3px;}
.quickNews li:nth-child(n+2) {
	/*display:none;*/
}
.quickNews li a:hover {background:#fff;}
.quickNews li .date {
	position:relative;
	display:table-cell;
	width:80px;
	padding:10px 0px 10px 0px;	
	vertical-align:middle;
	text-align:center;
	background: rgba(240,240,240,1);
	color:#999;
	color:rgba(180,180,180,1);
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
		    border-radius: 10px 10px 10px 10px; 
}
.bg-use .quickNews li .date {
	background:#fff;;
}
.quickNews li .date .dd {
	position:relative;
	padding-top:0px;
	font-size:36px;
	line-height:36px;
	font-weight:600;
}
.quickNews li .date .yymm {
	font-size:15px;
	letter-spacing:0.5px;
}
.quickNews li .titleImg {
	position:relative;
	display:block;
	margin-bottom:10px;
}
.quickNews li .titleImg img {
	position:relative;
	width:100%;
}
.quickNews li .cont {
	position:relative;
	display:table-cell;
	/*display:block;*/
	padding:10px 20px 10px 20px;	
	vertical-align:middle;
}
.quickNews li .cont .tit {
	overflow:hidden;
	font-size:18px;
	line-height:140%;
	font-weight:normal;
	color:#000;
	font-weight:500;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	overflow:hidden;
	/*min-height:25px;
	max-height:25px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;*/
	margin-bottom:10px;
	letter-spacing:-0.5px;
	/*font-family:"Noto Serif KR",serif;*/
}
.quickNews li .cont .txt {
	line-height:140%;
	color:#767676;
	overflow:hidden;
	/*white-space:nowrap;text-overflow:ellipsis;*/
	display:inline-block;
	font-size:15px;
	margin:0px 0px 0px;
	min-height:22px;
	max-height:22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


@media screen and (max-width: 1280px) {
	.quickNews li .cont .tit {
		/*font-size:16px;*/
	}
}
@media screen and (max-width: 1024px) {
	.quickNews li .cont .tit {
		font-size:18px;
	}
	.quickNews li:nth-child(n+2) {
		display:block;
	}
}
@media screen and (max-width: 768px) {
	
	.quickNews {
		min-height:60px;
	}
	.quickNews li .cont .tit {
		font-size:16px;
	}
}
@media screen and (max-width: 480px) {
	
}

.quickLink {
	position:relative;
	margin:0 -1.5%;
	list-style:none;
	*zoom:1;
	display:block;
	font-size:0;
}
.quickLink .quickItem {
	position:relative;
	width:30.3333333%;
	margin:0 1.5%;
	display:inline-block;
	vertical-align:top;
	
	-webkit-border-radius: 10px 10px 10px 10px; 
	   -moz-border-radius: 10px 10px 10px 10px; 
		    border-radius: 10px 10px 10px 10px; 
	box-sizing: border-box;
	/*border:2px solid rgba(145,115,80,1);*/
	box-shadow:1px 3px 8px rgba(0,0,0,0.05);
	overflow:hidden;
	background:#fff;
	border:0;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

.quickLink .quickItem a {
	position:relative;
	
}
.quickLink .quickItem .in {
	position:relative;
	display:table;
	width:100%;
	text-align:center;
}

.quickLink .quickItem .imgArea {
	position:relative;
	width: 100%;
	display:block;	
	overflow:hidden;
	padding-bottom:60%;
}
.quickLink .quickItem .img {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
}
.quickLink .quickItem .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: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;
}

.quickLink .quickItem:hover {
	background:rgba(255,255,255,1);	
	box-shadow:3px 6px 20px rgba(0,0,0,0.2);
}
.quickLink .quickItem:hover .img img{
	transform:scale(1.05,1.05) translate(-48%, -48%);;  
	-ms-transform:scale(1.05,1.05) translate(-48%, -48%);
	-moz-transform: scale(1.05,1.05) translate(-48%, -48%) rotate(0.02deg);
}
.quickLink .quickItem .cont {
	position:relative;
	display:block;
	vertical-align:middle;
	padding:15px 10px 20px;
}
.quickLink .quickItem h1 {
	font-size:17px;
	letter-spacing:-0.5px; 
	line-height: 1.3; 
	color: rgba(115,115,115,1);
	color:rgba(190,130,100,1);
	font-weight:600;	
	position:relative;
	display:block;
}
.quickLink .quickItem h1:after{content:''; display:block; margin:15px auto 15px; width:20px; height:1px;background:rgba(115,115,115,1);}
.quickLink .quickItem h2 {
	font-size:12px;
	letter-spacing: 0px; 
	line-height: 1.2; 
	color:#999;
	
	font-weight:400;
	position:relative;
	padding-bottom:10px;
}
.quickLink .quickItem p {
	font-size:14px;
	line-height: 150%; 
	color: rgba(155,155,155,1);
	
	font-family:"Gothic A1",serif;
	font-weight:300;
	position:relative;
}

@media screen and (max-width: 1440px) {
	.quickLink .quickItem {
		width:47%;
		margin:0 1.5% 3%;
	}
	.quickLink .quickItem:last-child {
		width:97%;
		margin:0 1.5% 0px;
	}
	.quickLink .quickItem:last-child .imgArea {
		display:table-cell;
		width:120px;
		padding-bottom: 0%;
	}
	.quickLink .quickItem:last-child .img img {
		width:auto;height:100%;
	}
	.quickLink .quickItem:last-child .cont {
		display:table-cell;
		text-align:left;
		padding:20px;
	}
	.quickLink .quickItem h1:after {display:none;}
	.quickLink .quickItem h1 {margin-bottom:10px;font-size:16px;}
	.quickLink .quickItem h2 {display:none;}
	.quickLink .quickItem p {
		font-size:14px;
	}
	.quickLink .quickItem:last-child .ot {display:none;}
	.quickLink-head {display:none}
}
@media screen and (max-width: 768px) {
	.quickLink-head {display:block}
	.quickLink .quickItem {
		width:30.333333%;
		margin:0 1.5% 0;
	}
	.quickLink .quickItem:last-child {
		width:30.333333%;
		margin:0 1.5% 0px;
	}
	.quickLink .quickItem:last-child .cont {
		display:block;
		text-align:center;
		padding:15px 10px 20px;
	}
	.quickLink .quickItem h1:after {display:block;}
	.quickLink .quickItem h1 {margin-bottom:0px}
	.quickLink .quickItem h2 {display:block;}
	.quickLink .quickItem:last-child .ot {display:block;}
	
	.quickLink .quickItem:last-child .imgArea {
		width: 100%;
		display:block;
		padding-bottom: 60%;	
	}
	.quickLink .quickItem:last-child .img img {
		width:100%;height:auto;
	}
	.quickLink .quickItem:last-child .cont {
		display:block;
		text-align:center;
		padding:15px 10px 20px;
	}
}
@media screen and (max-width: 480px) {
	.quickLink {
		margin:0 0 0;
	}
	.quickLink .quickItem {
		width:100% !important;
		margin:0 0 20px !important;
	}
	.quickLink .quickItem .imgArea {
		display:table-cell !important;
		width:120px !important;
		padding-bottom: 0% !important;
	}
	.quickLink .quickItem .img img {
		width:auto;height:100%;
	}
	.quickLink .quickItem:last-child .img img {
		width:auto;height:100%;
	}
	.quickLink .quickItem .cont {
		display:table-cell !important;
		text-align:left !important;
		padding:20px !important;
	}
	.quickLink .quickItem h1:after {display:none;}
	.quickLink .quickItem h1 {margin-bottom:10px}
	.quickLink .quickItem h2 {display:none;}
	.quickLink .quickItem .ot {display:none !important;}
	
}
@media screen and (max-width: 375px) {
	.quickLink .quickItem .icon {
		width:100px !important;
	}
	.quickLink .quickItem .icon img {
		height:50px;
	}
	.quickLink .quickItem .ot {display:block !important;}
}

.premium-area {
	position:relative;
}
.premium {
	position:relative;
	display:block;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px -1.5% 0px;
	font-size:0; 	
	z-index:2;
	text-align:center;
}

.premium li {
	position:relative;
	width:22%; 
	margin: 0px 1.5% 2%;
	position: relative;
	padding:0px 0px 0px;
	vertical-align:top;
	display:inline-block;
	text-align:center;
	color:rgba(115,115,115,1);
	background: #fff;
	overflow:hidden;
	max-width:320px;
	border-radius:20px 20px 20px 20px;
	-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);
}
.premium.type1 li {width:97%;}
.premium.type2 li {width:47%;}
.premium.type3 li {width:30.3333333%;}
.premium.type4 li {width:22%;}
.premium.type5 li {width:17%;}

.premium li:nth-child(even) {
	margin-top:4%;
}

.premium .icon {
	position:relative;
	padding:30px 0;
	padding:40px 0 0;
    /*background: rgba(255,253,244,1);*/
}
.premium .icon .img {
	position:relative;
	display:inline-block;
	width:120px;
	height:120px;
}
.premium .icon .img::after {
	content:'';
	display:block;
    padding-bottom: 100%;
}
.premium .icon 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%);
	max-width:100%;
	max-height:100%;
}
.premium .txt {
	position:relative;
	padding:0px 20px 30px;
}
.premium h1 {
	position:relative;
	padding:30px 0 30px;
	font-size:18px;
	font-weight:500;
	letter-spacing:-0.5px;
	line-height:150%;
	font-family:"Noto Serif KR",serif;
}
.premium h1::after { 
	-webkit-transform: translate(-50%, 0); 
	-ms-transform: translate(-50%, 0); 
	transform: translate(-50%, 0); 
	content: ""; 
	position: absolute; 
	left: 50%; 
	bottom: 0; 
	width: 40px; 
	height: 1px;
	background-color:rgba(205,205,205,1);
}
.premium p {
	position:relative;
	padding:30px 0 0;
	font-size:15px;
	letter-spacing:0px;
	color:rgba(51,51,51,1);
	
}
.premium-img {
	position:relative;
	text-align:center;
}
.premium-img img {
	position:relative;
	
	max-width:100%;
}

.premium-brand-btn {
	text-align:right;
}
.premium-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: 16px;
	font-weight:500;
    line-height: 1.43;
	color: rgba(115,115,115,1);
}
.premium-link i {
	font-size: 14px;
}


@media screen and (max-width: 1440px) {
	.premium {
		margin:0px -2%;
	}
	.premium li {
		width:46%; 
		margin:0 2%;
		margin-bottom:4%;		
	}
	.premium-brand-btn {
		text-align:center;
	}
}
@media screen and (max-width: 1024px) {
	.premium-area {
	}
	.premium li {
		border:2px solid rgba(205,205,205,.3);
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	
}
@media screen and (max-width: 480px) {
	.premium-bg {
		background: rgba(247,244,231,1);
	}
	.premium {
		/*background: rgba(247,244,231,1);*/
		padding:15px 0 0;	
		margin:0px;	
	}
	.premium li {
		width:100% !important; 
		margin:0px;
		max-width:inherit;
		margin-bottom:15px;
		/*border-radius:0px;*/
		padding-bottom:20px;
		/*border:none;*/
	}
	.premium li:nth-child(even) {
		margin-top:0%;
	}

	.premium li:last-child {
		margin-bottom:0;
	}
	.premium .icon {
		background:transparent;
		padding:40px 0 0;
	}
	
}


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

.arte-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);
}
.arte-kit {
	position: relative;
	font-size:0;
	width:44%;
	padding:0px;
	background:#fff;
	width:27.3333333%; 
	margin: 0px 3% 8%;
	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;	
}
.arte-kit-list li:nth-child(-n+3) {
	width:43%; 
	margin: 0px 3.5% 8%;
}
.arte-kit-list li:nth-child(2) {
	margin-top:8%;
}
.arte-kit-list li:nth-child(3) {
	margin-left:15%;
}
.arte-kit-list li:nth-child(5) {
	margin-top:4%;
}
.arte-kit-list li:nth-child(6) {
	margin-top:8%;
}

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

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

.arte-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;
}
.arte-kit .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.arte-kit .ratio-use img {
    display:none;
}

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


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

.arte-kit .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:transparent;
	z-index:1;
}
.arte-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;
}

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

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

.arte-kit .arte-kit-info .in {
	position:absolute;
	position:relative;
	width:100%;
	height:auto;
	padding:40px;
	bottom:0;
	font-size:16px;
}
.arte-kit-list li:nth-child(3) .arte-kit-info .in {
	position:absolute;
}
.arte-kit .arte-kit-info h1 {
	position: relative;
	font-size: 34px;
	font-size: 2.125em;
	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;	*/
}

.arte-kit .arte-kit-info h2 {
	position: relative;
	font-size: 20px;
	font-size: 1.250em;
	line-height: 100%;
	font-weight:500;
	margin:0 0px 0px 0px;
	font-family:"Noto Serif KR",serif;
}
.arte-kit:nth-child(even) .arte-kit-info h2 {
	margin:0 5px 0px 0;
}
.arte-kit .arte-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;*/
}
.arte-kit .detail-link-btn {
	margin:40px 0 0;
	text-align:right;
}
.arte-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);
}
.arte-kit .detail-link i {
	font-size: 14px;
}
.arte-kit .detail-link:hover {
    color:#fff;
    background: rgba(115,115,115,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) {
	.arte-kit-list li:nth-child(3) {
		width:93%;
		margin: 0px 3.5% 8%;
	}
	.arte-kit .arte-kit-info .bar {
		height:20%;
		padding:0 60px;
	}
}
@media screen and (max-width: 1280px) {
	.arte-kit-list {
		margin:0 -2% 0;
	}
	.arte-kit .arte-kit-info .bar {
		padding:0 40px;
	}
	.arte-kit .arte-kit-info .in {
		font-size:14px;
	}
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 768px) {
	.arte-kit-list {
		margin:0 0 0;
		padding:0 30px;
	}
	.arte-kit {
		width:100% !important;
		margin:0 !important;
		margin-bottom:40px !important;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.arte-kit-list li:nth-child(3) {
		-webkit-flex-direction: column;
				flex-direction: column;
	}
	
	.arte-kit:nth-child(even) .arte-kit-photo {
		order:1;
		text-align:left;
	}
	.arte-kit:nth-child(even) .arte-kit-info {
		order:2;
		text-align:center;
	}
	
	.arte-kit .arte-kit-photo {
		width:100% !important;
	}
	.arte-kit .arte-kit-info {
		text-align:center;
		background:#fff;
		width:100% !important;
	}
	.arte-kit .arte-kit-info .in {
		position:relative !important;
		padding:30px 0 40px;
		font-size:15px;
	}
	.arte-kit .detail-link-btn {
		margin:40px 0 0;
		text-align:center;
	}
	.arte-kit .arte-kit-info h2 {
		margin:0px;
	}
	.arte-kit .arte-kit-info .bar {
		display:inline-block;
		height:60px !important;
		margin-top:-30px;
	}
	.arte-kit .arte-kit-info .bar .line {
		height:100%;
	}
	.arte-kit .photo-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
		
	
	.arte-kit .link-detail {
		padding: 30px 0 0px;
	}
	.kit-icon-point-in {
		padding:20px 0 0px;
	}
	
	
}

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

/* main event */
.main-offers-section {
	margin:0px 0 0px;
}
.main-offers-section .section-slick-list {
	padding:0 0 60px 0;
}
.main-offers-section .slick-arrow-controls.bar-top-right {
	top:-55px;
}
.main-offers-section .slick-arrow-controls.bar-top-left {
	top:-60px;
	right:auto;
	left:40px;
	display:none;
}
.main-offers-section .section-slick-list .slick-list {
	margin: 0 -30px;
}
.main-offers-section .section-slick-list .slick-slide {
    padding: 0 30px 0px;
}

.main-offers-section .offers-article-item {
	box-sizing: border-box;
}
.main-offers-section .type3 .offers-article-item .contBox dl {width:calc(100%);}
.main-offers-articleArea {padding:60px 0 60px;}

@media screen and (max-width: 1024px) {
	.main-offers-articleArea {padding:40px 0 40px;}
}
@media screen and (max-width: 640px) {
	.main-offers-articleArea {padding:40px 0 40px;}
}
@media screen and (max-width: 1280px) {
	.main-offers-section .section-slick-list .slick-list {
		margin: 0 -25px;
		padding:0 25px 0px 0;
	}
	.main-offers-section .section-slick-list .slick-slide {
		padding: 0 0px 10px 25px;
	}
}
@media screen and (max-width: 768px) {
	.main-offers-section .offers-article-item .cont .tit {
		font-size:20px;
	}
	.main-offers-section .section-slick-list .slick-list {
		margin: 0 -20px;
		padding:0 20px 0px 0;
	}
	.main-offers-section .section-slick-list .slick-slide {
		padding: 0 0px 10px 20px;
	}
	
}
@media screen and (max-width: 640px) {
	.main-offers-section .offers-article-item .cont .tit {
		overflow:hidden;
		white-space:nowrap;
	}
	
}
@media screen and (max-width: 480px) {
	.main-offers-section {
		margin:0px 0 0px;
	}
	.main-offers-section .slick-arrow-controls.bar-top-right {
		top:0px;
	}
	.main-offers-section .slick-arrow-controls.bar-top-left {
		top:0px;
	}
	.main-offers-section.little-view {
		padding:0 0px 0px;
	}
	.main-offers-section.little-view .section-slick-list {
		padding:0 0px 10px;
	}
	.main-offers-section.little-view .section-slick-list .slick-list {
		padding:0 50px 0px;
		margin:0 0 20px -20px;
	}
	.main-offers-section.little-view .section-slick-list .slick-slide {
		padding: 0 0px 20px 30px;
	}
	
	.main-offers-section.little-view .section-slick-list .slick-dots {
		display:block !important;
	}
	.main-offers-section.little-view .slick-arrow-controls {
		position:relative;
		text-align:center;
		display:none !important;
	}
	.main-offers-section.little-view .slick-arrow-controls.bar-bottom-right {
		bottom:0px;
	}
	
	.main-offers-section .offers-article-item .inner {padding:0px;margin-bottom:0px}
	.main-offers-section .offers-article-item:first-child .inner {padding:0px 0px 0px;}
}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 375px) {
	
	.main-offers-section.little-view .section-slick-list .slick-list {
		padding:0 0px 0px;
		margin:0 0px 10px;
	}
	.main-offers-section.little-view .section-slick-list .slick-slide {
		padding: 0 20px 20px;
	}

}




.item-kit {
	position: relative;
	font-size:0;
	width:100%;
	padding:0px;
	background:#fff;
	margin: 0px 0 0;
	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: row;
			flex-direction: row;
	border-radius:20px 20px 20px 20px;	
}
.item-kit.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);
}
.item-kit .item-kit-photo {
	position: relative;
	display:block;
	width:40%;
	order:1;
	font-size:0;
}
.item-kit .item-kit-info {
	position: relative;
	display:block;
	width:60%;
	order:2;
	z-index:3;
	background:#fff;	
	color: rgba(115,115,115,1);
}

.item-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;
}
.item-kit .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.item-kit .ratio-use img {
    display:none;
}

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


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

.item-kit .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:transparent;
	z-index:1;
}
.item-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;
}

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

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

.item-kit .item-kit-info .in {
	position:absolute;
	width:100%;
	height:auto;
	padding:40px;
	bottom:0;
	font-size:16px;
}
.item-kit .item-kit-info h1 {
	position: relative;
	font-size: 34px;
	font-size: 2.125em;
	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;	*/
}

.item-kit .item-kit-info h2 {
	position: relative;
	font-size: 20px;
	font-size: 1.250em;
	line-height: 100%;
	font-weight:500;
	margin:0 0px 0px 0px;
	font-family:"Noto Serif KR",serif;
}
.item-kit:nth-child(even) .item-kit-info h2 {
	margin:0 5px 0px 0;
}
.item-kit .item-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;*/
}
.item-kit .detail-link-btn {
	margin:40px 0 0;
	text-align:right;
}
.item-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);
}
.item-kit .detail-link i {
	font-size: 14px;
}
.item-kit .detail-link:hover {
    color:#fff;
    background: rgba(115,115,115,1);
}



@media screen and (max-width: 1440px) {
	.item-kit .item-kit-photo {
		width:50%;
	}
	.item-kit .item-kit-info {
		width:50%;
	}

}
@media screen and (max-width: 1340px) {
	.item-kit .item-kit-info .in {
		font-size:14px;
	}
}
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 768px) {
	.item-kit {
		width:100%;
		margin:0;
		margin-bottom:40px;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.item-kit .item-kit-photo {
		width:100%;
	}
	.item-kit .item-kit-photo .ratio-2x3 .ratio-base:after {
	    padding-bottom: 75%;
	}
	.item-kit .item-kit-info {
		text-align:center;
		background:#fff;
		width:100%;
	}
	.item-kit .item-kit-info .in {
		position:relative;
		padding:30px 0 40px;
		font-size:15px;
	}
	.item-kit .detail-link-btn {
		margin:40px 0 0;
		text-align:center;
	}
	.item-kit .item-kit-info h2 {
		margin:0px;
	}
	.item-kit .item-kit-info .bar {
		display:inline-block;
		height:60px;
		margin-top:-30px;
	}
	.item-kit .item-kit-info .bar .line {
		height:100%;
	}
	.item-kit .photo-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.item-kit .link-detail {
		padding: 30px 0 0px;
	}
}

@media screen and (max-width: 480px) {
	.item-kit.shadow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.item-kit {
		padding:0px;
		background:rgba(255,255,255,1);
		border-radius:0;
		margin-bottom:15px;
	}
	.item-kit .item-kit-info {
		background:rgba(255,255,255,1);
	}
	.item-kit .item-kit-info .in {
		padding:25px 0px 30px;
		font-size:14px;
	}
	
}
@media screen and (max-width: 320px) {

}

/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.al_fs{display: flex; align-items: flex-start;}
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.jc_fe{justify-content: flex-end;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}
.flex_row.se{justify-content:space-evenly;}


.main_brand {position:relative; width:100%; overflow:hidden;font-size:16px;}
.main_brand_wrap {position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
.main_brand_wrap > div {
	position:relative;
	width:33.333333%;
}
.main_brand img {
	position:relative;
	max-width:100%;
    vertical-align: top;
}

.main_brand_img{position:relative; overflow:hidden;}
.main_brand_img_box{position:relative; width: 68%; overflow: hidden; z-index: 0;}
.main_brand_img_box > .main_brand_img_01{position:relative;transform: scale(1.3); overflow: hidden;}
.main_brand_img_box.on > .main_brand_img_01{
	
	transform: scale(1); 
		transition: transform 8s 0.3s ease-in-out; 
	-webkit-transition: transform 8s 0.3s ease-in-out; 
		-moz-transition: transform 8s 0.3s ease-in-out; 
		-ms-transition: transform 8s 0.3s ease-in-out; 
		-o-transition: transform 8s 0.3s ease-in-out; 
	overflow: hidden;
}
.main_brand_img_text_wrap01{position:relative;margin-top:-55px; z-index: 1;margin-top:-10px !important; }
.main_brand_img_text_wrap02{position:relative;margin-top:-55px; z-index: 1;margin-top:-10px !important;}
.main_brand_img_text_wrap > p{position:relative;padding:2% 0;}
.main_brand_img_text_wrap01 .main_brand_img_text01,
.main_brand_img_text_wrap02 .main_brand_img_text01 {
	position:relative;
	font-family:"Marcellus","Noto Serif KR",serif;
	font-size:2.000em;
    line-height: 1.4;
}
/*.main_brand_img_text_wrap01 .main_brand_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 50%, #fff 50%); -webkit-background-clip: text;}
.main_brand_img_text_wrap02 .main_brand_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 50%, #fff 50%); -webkit-background-clip: text;}*/

.main_brand_img_text_wrap01 .main_brand_img_text02,
.main_brand_img_text_wrap02 .main_brand_img_text02 {
	position:relative;
	font-size: 1.063em;
	font-weight:400;
}
.main_brand_text_wrap{
	position:relative;
	padding:4% 0 0;text-align:center;
}
.main_brand_text{
	position:relative;
}
.main_brand_text01 {
	position:relative;
	font-size: 1.188em;
	line-height: 1.6;
	font-weight: 600;
}
.main_brand_text02 {
	position:relative;
	font-family:"Marcellus","Noto Serif KR",serif;
	font-size:4.375em; letter-spacing:-0.05em;
}
.main_brand_text03 {
	position:relative;
	font-size: 1em;
	line-height: 1.8;
}
.main_brand_img02{
	position:relative;
	padding:4% 0 0;
}


/* main_text_animate */
.text_animate_list{position:relative; overflow:hidden;}
.text_animate_list_cont{
    transform: translateY(0%);
    -webkit-transform: translateY(0%);  
    -moz-transform: translateY(0%);  
    -ms-transform: translateY(0%);  
    -o-transform: translateY(0%);
}
.text_animate_wrap.on .text_animate_list_cont{
    transform: translateY(0);
    -webkit-transform: translateY(0);  
    -moz-transform: translateY(0);  
    -ms-transform: translateY(0);  
    -o-transform: translateY(0);
    transition: 1.4s ease-in-out;
    -webkit-transition: 1.4s ease-in-out;  
    -moz-transition: 1.4s ease-in-out;  
    -ms-transition: 1.4s ease-in-out;  
    -o-transition: 1.4s ease-in-out;
}
.text_animate_wrap.on .text_animate_list_cont01{
    transition-delay: 0;
    -webkit-transition-delay: 0;  
    -moz-transition-delay: 0;  
    -ms-transition-delay: 0;  
    -o-transition-delay: 0;
}
.text_animate_wrap.on .text_animate_list_cont02{
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;  
    -moz-transition-delay: 0.3s;  
    -ms-transition-delay: 0.3s;  
    -o-transition-delay: 0.3s;
}
.text_animate_wrap.on .text_animate_list_cont03{
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;  
    -moz-transition-delay: 0.6s;  
    -ms-transition-delay: 0.6s;  
    -o-transition-delay: 0.6s;
}
.text_animate_wrap.on .text_animate_list_cont04{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;  
    -moz-transition-delay: 0.9s;  
    -ms-transition-delay: 0.9s;  
    -o-transition-delay: 0.9s;
}
@media screen and (max-width: 1700px) {
	.main_brand_img_text_wrap01{margin-top:-50px;}
    .main_brand_img_text_wrap02{margin-top:-50px;}
	.main_brand {
		font-size:14px;
	}
}
@media screen and (max-width: 1440px) {
	.main_brand_text02 {
		font-size:4em;
	}
}
@media screen and (max-width: 1024px) {
	.main_brand_text02 {
		font-size:4em;
	}
	.main_brand_text03 {
		font-size:14px;
	}
	.main_brand {
		font-size:13px;
	}
	
    .main_brand_wrap.flex_row.jc_center{justify-content:space-around;}
    .main_brand_wrap > div{width:27%;}
    .main_brand_wrap > div:nth-child(2){width:40%;}
    
    .main_brand_img_text_wrap01{margin-top:-50px;}
    .main_brand_img_text_wrap02{margin-top:-50px;}
}
@media screen and (max-width: 800px) {
    .main_brand_wrap.flex_row.jc_center{flex-wrap:wrap; justify-content:center;}
	.main_brand_text_wrap{
		order:1;
	}
	.main_brand_img01{
		order:2;
		padding: 8% 0 0;
	}
	.main_brand_img02{
		order:3;
		padding: 8% 0 0;
	}

    .main_brand_wrap > div{width:50%;}
    .main_brand_wrap > div:nth-child(2){width:100%;}
    .main_brand_wrap > div:nth-child(3){width:50%;}
    
    .main_brand_img01{margin:0 auto 0 5%;}
    .main_brand_img02{margin:0 5% 0 auto;}
    .main_brand_img_box{width:100%;}
    .main_brand_img_text_wrap{width:100%; padding-left:4%;}
    .main_brand_img_text_wrap01{margin-top: -50px;}
    .main_brand_img_text_wrap02{margin-top: -50px;}
}   
@media screen and (max-width: 480px) {
    .main_brand_wrap > div{width:64%;}
	.main_brand_wrap > div:nth-child(2){width:100%;}
    .main_brand_wrap > div:nth-child(3){width: 64%;}
	.main_brand_img01{
		order:2;
		padding: 80px 0 0;
	}
	.main_brand_img02{
		order:3;
		padding: 80px 0 0;
	}
    .main_brand_img_text_wrap01 .main_brand_img_text01,
	.main_brand_img_text_wrap02 .main_brand_img_text01 {
		font-size:2.500em;
	}
    .main_brand_btn{width:150px; height:45px;}
    .main_brand_btn > a > p{line-height:40px;}
    .main_brand_btn > a > p.fz_15{font-size:0.8rem;}
}
@media screen and (max-width: 375px) {
	.main_brand {
		font-size:12px;
	}
    .main_brand_wrap > div{width:80%;}
	.main_brand_wrap > div:nth-child(2){width:100%;}
    .main_brand_wrap > div:nth-child(3){width: 80%;}
}
.main_brand_btn{
	position:relative; 
	width:200px; 
	height:50px; 
	margin:0 auto; 
	border:2px solid #c2b093; 
	border-radius:50px; 
	overflow:hidden;
}
.main_brand_btn:hover{
	background:#c2b093; 
	transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out;
}
.main_brand_btn > a{display:block;}
.main_brand_btn > a > p{color:#c2b093; line-height:45px; letter-spacing:0.02em; text-transform:uppercase;}
.main_brand_btn > a > p::after{content:''; position:absolute; top:0; left:0; width:0; height:100%; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; z-index:-1;}
.main_brand_btn:hover > a > p{color:#fff;}
.main_brand_btn:hover > a > p::after{width:100%; background:#c2b093; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out;}
span.arrow_right{display:inline-block; width:20px; height:11px; background: url(../img/arrow.svg) 50% 50%/100% no-repeat;}
.main_brand_btn:hover span.arrow_right{background: url(../img/arrow_w.svg) 50% 50%/100% no-repeat;}



.jk-head {
	position: relative;
	text-align: center; 
	padding: 0px 0 0px;
	margin:0px auto 0px;
	font-size:16px;
}
.jk-head h1 {
	position:relative;
	font-size: 40px;
	font-size: 4em;
	letter-spacing:-1px; 
	font-family:"Marcellus","Noto Serif KR",serif;
    line-height: 130%;
    font-weight: 400;
}
.jk-head h2 {
	font-size: 1.250em;
	font-weight: 600; 
	letter-spacing: 0px;
	line-height: 180%;
}

.jk-head h3 {
	font-size: 16px; 
	letter-spacing: 0; 
	line-height: 170%; 
}

@media screen and (max-width: 1440px) {
	.jk-head {
		font-size:14px;
	}
	.jk-head h3 {
		font-size: 14px;
	}
}
@media screen and (max-width: 1024px) {
	.jk-head h1 {
		font-size: 3.500em;
	}
}
@media screen and (max-width: 800px) {
	.jk-head {
		font-size:12px;
		text-align:left;
	}
}
@media screen and (max-width: 480px) {
	.jk-head h2 {
		font-size: 16px;
	}
}

.jk-premium {
	position: relative;
    width: 100%;
    padding-top: 4%;
}

.jk-premium_wrap {
	position:relative; 
	width:100%; max-width:100%; 
	margin:0 auto; 
	display:flex; 
	justify-content:center; 
	align-items:center;
}
.jk-premium-box {
	position:relative; 
}

.jk-premium-box:after{
	content:''; 
	position:absolute; 
	top:75%; left:4%; 
	width:90%;
	height:2px; 
	background:#e5e3df; 
	transition: 1.8s 0.8s ease-in-out; -webkit-transition: 1.8s 0.8s ease-in-out; -moz-transition: 1.8s 0.8s ease-in-out; -ms-transition: 1.8s 0.8s ease-in-out; -o-transition: 1.8s 0.8s ease-in-out;
}
.swiper-slide-auto-box {
	position:relative;
	overflow:hidden;
}
.swiper-slide-auto-box .swiper-slide img {
	position:relative;
	max-width:none;
	width:auto;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.swiper-slide-auto-box .swiper-slide {
	position:relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
	display:inline-block;
	width:auto;
	border-radius:10px 10px 10px 10px;
	overflow:hidden;
}






.flex-start{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}
.flex-center{text-align:center;}
.flex-end{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}

.movie-hall-section {
	padding:0px 0 0px;
	width:100%;
	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;
			
	align-items: center;
    justify-content: center;
}
.movie-hall-section .hall-section {
	position: relative;
	display:block;
	
}

.hall-section .photo-area {
	position: relative;
	display:block;
}
.hall-section .photo-img {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index:2;
}
.hall-section .photo-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:auto;height:100%;
	width:100%;height:auto;
	
	-webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease;
}
.hall-section .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;
}
.hall-section .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:rgba(0,0,0,1);
	z-index:1;
}
.hall-section .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
	background:rgba(0,0,0,.0);
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.hall-section .photo-base {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	z-index:3;
}
.hall-section .shadow {
	-webkit-box-shadow: 18px 36px 50px rgba(0,0,0,.35);
	   -moz-box-shadow: 18px 36px 50px rgba(0,0,0,.35);
			box-shadow: 18px 36px 50px rgba(0,0,0,.35);
}
.hall-section .photo-info {
	position: absolute;
	text-align:right;
	
    left:50%;
	top:80%;
	
	-webkit-transform: translate(-50%,-80%);
	   -moz-transform: translate(-50%,-80%);
		 -o-transform: translate(-50%,-80%);
		-ms-transform: translate(-50%,-80%);		
			transform: translate(-50%,-80%);
			
	/*-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
		 -o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);		
			transform: translateX(-50%);
	
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
		 -o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);		
			transform: translateY(-50%);*/
			
	-webkit-transition: all 0.3s ease; 
	   -moz-transition: all 0.3s ease; 
	     -o-transition: all 0.3s ease; 
	        transition: all 0.3s ease; 			
}

.hall-section .photo-info h3 {
	position: relative;
	font-size: 70px;
	line-height:100%;
	white-space: nowrap;
	/*font-weight:600;
	text-transform:uppercase;*/
	color:rgba(0,0,0,1);
	color:rgba(90,45,30,1);
	color:rgba(185,150,140,1);
	color:#ae7d59;
	margin-bottom: 30px;
	letter-spacing:0px;
    font-family: "Marcellus","Noto Serif KR",serif;
	/*font-family:"Bodoni Moda","Noto Serif KR",serif;
	font-style:italic;*/
	
}
.hall-section .photo-info h4 {
	position: relative;
	font-size: 24px;
	line-height: 100%;
	margin-bottom: 10px;
	color:rgba(0,0,0,1);
	font-weight:600;
	margin-right:2px;
}

.hall-section .photo-info p {
	position: relative;
	font-size: 16px;
	line-height: 170%;
	color:rgba(0,0,0,1);
	font-weight:300;
	/*font-family: "Noto Serif KR", serif;*/
	letter-spacing:-0.5px;
}

.hall-section .photo-info.info-white * {
	color:rgba(175,150,75,1);
	color:rgba(205,175,95,1);
	color: #fff;
}

.flex-end .photo-info {
	text-align:left;
}
.flex-end .photo-info p {
	margin-left:2px;
}
.flex-end .photo-info h4 {
	margin-left:2px;
}

.photo-area.active .photo-img img {
	/*filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}
.photo-area.active .cover {
	background:rgba(0,0,0,.5);
}

.hall-section {
	width:70%;
}
.hall-section .photo-area {
	height:540px;
}


@media screen and (max-width: 1440px) {
	
	.hall-section .photo-area {
		height:440px;
	}
}
@media screen and (max-width: 1180px) {

	.hall-section .photo-area {
		height:400px;
	}
	.hall-section .photo-info h3 {
		font-size: 60px;
	}
}
@media screen and (max-width: 1024px) {

	.hall-section .photo-area {
		height:360px;
	}
}
@media screen and (max-width: 980px) {
	
	.hall-section .photo-area {
		height:300px;
	}
	.hall-section .photo-info h3 {
		font-size:50px;
	}
	
}
@media screen and (max-width: 768px) {
	.hall-section .photo-area {
		height:280px;
	}
}
@media screen and (max-width: 640px) {
	
	.hall-section {
		width:90%;
	}
	.hall-section .photo-area {
		height:auto;
	}
	.hall-section .videoBox {
		top: 0;
		left:0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
	}
	.hall-section .photo-img img, .hall-section .videoBox {
		width:100%;height:auto;
	}
		
	.hall-section .photo-info {
		position: relative;
		display:inline-block;
		z-index:2;
		
		text-align:left;
		padding:30px 20px;
		left:0px !important;	
		top:0px !important;
		background:rgba(255,255,255,1);
		width:100%;
		/*border-left:1px solid rgba(175,150,75,.5);*/
		-webkit-transform: translate(0%,0%);
		   -moz-transform: translate(0%,0%);
			 -o-transform: translate(0%,0%);
			-ms-transform: translate(0%,0%);		
				transform: translate(0%,0%);
	}
	
	.hall-section .photo-info {
		top:0px !important;
	}
	
	.flex-end .photo-info {
	
	}
	.hall-section .photo-base {
		-webkit-box-shadow:5px 8px 15px rgba(0,0,0,.1);
		box-shadow:5px 8px 15px rgba(0,0,0,.1);
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	
	.hall-section .photo-info h3 {
		font-size:36px;
		margin:0 0 20px -2px;
	}
	.hall-section .photo-info h4 {
		font-size:20px;
	}
	.hall-section .photo-info p br {
		/*display:none;*/
	}
	.hall-section .photo-info p span {
		display:block;
	}
	
	.hall-section .photo-info.info-white {
		display:none;
	}
	
	.hall-section .shadow {
		display:none;
	}
}

@media screen and (max-width: 480px) {
	
	.hall-section .photo-info h3 {
		font-size:30px;
	}
	.hall-section .photo-info h4 {
		font-size:18px;
		margin:0 0 5px 0;
	}
	.hall-section .photo-info p {
		font-size:15px;
	}
}
@media screen and (max-width: 414px) {
	
	
	.hall-section .photo-info p br {
		display:block;
	}
	.hall-section .photo-info {
		padding:25px 20px;
	}
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 320px) {
	
	
	.hall-section .photo-info {
		padding:20px;
	}
	
	.hall-section .photo-info h3 {
		font-size:26px;
	}
	.hall-section .photo-info h4 {
		font-size:16px;
		margin:0 0 10px 0;
	}

}

.half-bg-r {
	position:absolute;
	width:50%;
	height:100%;
	top:0px;
	left:50%;
	z-index:0;
	background:rgba(190,130,100,.1);
	background: rgba(250,250,250,1);
}
@media screen and (max-width: 768px) {
	.half-bg-r {
		display:none;
	}
}


.ws-styling-list {
	position:relative;
	display:block;
	padding:0px 0 0;
	vertical-align:top;
	margin: 0px -40px 0px;
	font-size:0; 
}

.ws-styling-list .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);
}
.ws-styling-no-margin {
	margin-right:0;
}
.ws-styling-item {
	position:relative;
	display:inline-block;
	float:left;
	width:calc(50% - 80px); 
	overflow:hidden;
	padding:0px;
	margin:0 40px;
    color: rgba(80,50,20,1);
	background:#fff;
	font-size:16px;
	border-radius:20px 20px 20px 20px;	
	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;
}
.ws-styling-link {
	position:relative;
	background:transparent;
	
}
.ws-styling-item-in {
	position: relative;
}
.ws-row .ws-styling-item-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;	
}

.ws-styling-no-margin .ws-styling-item {
	width:calc(33.333333% - 0px); 
	margin:0 0px 0px 0;
}
.ws-styling-item .photo-info-top {
	position:relative;
	display:block;
	margin:0 0px;
	overflow:hidden;
}
.ws-styling-item .photo-info-out {
	position:relative;
	display:block;
	padding:30px;
	width:100%;
	/*background:rgba(250,250,250,1);*/
}
.ws-row .photo-info-top {
	width:55%;
}
.ws-row .photo-info-out {
	width:45%;
	text-align:left;
	padding:60px 40px 40px;
}
.ws-styling-list .ws-styling-item:nth-child(2) {
	margin-top:8%;
}
.ws-styling-list .ws-styling-item:nth-child(3) {
	margin-top:8%;
}
.ws-row {
	margin-left:15%;
	width:75%;
    justify-content: center;
	-webkit-flex-direction: row;
			flex-direction: row;
}

.ws-styling-item .photo-img {
	position:relative;
	width: 100%;
	display:block;	
	overflow:hidden;
	padding-bottom:60%;
	padding-bottom:56.25%;
	z-index:1;
	
}
.ws-row .photo-img {
	position: relative;
	width: 100%;
	height: 100%;
	
}

.ws-styling-item .photo-video .videoBox {
    position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow:hidden;
	z-index:1;
}
.ws-styling-item .photo-img .videoBox {
    position:relative;
	width:100%;height:auto;
}


.ws-styling-item .img {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
}
.ws-styling-item .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:autu;
	
	-webkit-transition: all 1.3s ease; -moz-transition: all 1.3s ease; -o-transition: all 1.3s ease; transition: all 1.3s ease;
}
.ws-styling-1x1 .img img {
	width:auto;height:100%;
}

.ws-row .img img {
	width:auto;height:100%;
	
}

.ws-styling-item .ws-styling-link:hover .img img{
	transform:scale(1.1,1.1) translate(-46%, -46%);;  
	-ms-transform:scale(1.1,1.1) translate(-46%, -46%);
	-moz-transform: scale(1.1,1.1) translate(-46%, -46%) rotate(0.02deg);
}


.ws-styling-item .photo-info {
	position:absolute; 
	/*top:50%; 
	left:50%; 
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	z-index:3;
	left:40px;
	bottom:35px;
	text-align:left;
	/*display:none;*/
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}	


.ws-styling-item .photo-info .in {
	position:relative; 
	display:block;
	width:100%;
	height:100%;
	white-space: nowrap;
	word-break:keep-all;
	
}
.ws-styling-item .photo-info h1 {
	font-size:1.750em;
	color:rgba(255,255,255,1);
	letter-spacing:0;
	line-height:100%;
	padding:0px 0 0px;
	
	font-weight:400;
	font-family:"Gothic A1",serif;
}
.ws-styling-item .photo-info h2 {
	position:relative;
	color:rgba(255,255,255,1);
	font-size:1.125em;
	letter-spacing:-0.5px;
	line-height:140%;
	margin-left:1px;
	font-weight:400;
}

.ws-styling-item .photo-info-out .photo-info-tit {
	position:relative;
	/*display:table-cell;
	padding:0 20px 0 0px;*/
	white-space:nowrap;
}
.ws-styling-item .photo-info-out .photo-info-view {
	position:relative;
	display:table-cell;
	text-align:right;
	font-size:0;
	padding-bottom:5px;
	vertical-align:bottom;
	width:100%;
}
.ws-styling-item .view-btn-out {
	position:relative;
	display:inline-block;
	width:100%;
}

.ws-styling-item .view-btn {
	position:relative;
	display:table;
	bottom:0;
}
.ws-styling-item .view-btn .txt {
	position:relative;
	display:table-cell;
	background:rgba(190,130,100,1);
	color:#fff;
	/*border:1px solid rgba(190,130,100,1);
	color:rgba(190,130,100,1);*/
	font-weight:400;
	font-family:"Gothic A1",serif;
	padding:0px 15px;
    
	line-height: 22px;
	font-size:14px;
	height:24px;
	width:auto;
	white-space:nowrap;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;	
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.ws-styling-item .view-btn .bar {
	position:relative;
	display:table-cell;
	height:24px;
	min-width:50px;
	width:100%;
}

.ws-styling-item .view-btn .bar:before {
	position: absolute;
    width: calc(100% - 15px);
    height: 1px;
    top: 50%;
    left: 0;
    background:rgba(190,130,100,.3);
    content: '';
}
.ws-styling-item .view-btn .bar:after {
	content:''; 
	position:absolute; 
	top: 50%;
	left:0; 
	width:0%;
    height: 1px;
	background:rgba(80,50,20,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);
}
.ws-styling-item .ws-styling-link:hover .bar:after {
	width: calc(100% - 15px);
}
.ws-styling-item .ws-styling-link:hover .txt {
	background:rgba(80,50,20,1);
}

.ws-styling-btn {
	position:relative;
	display:block;
}
.ws-styling-link-btn {
	position:relative;
	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(190,130,100,1);
	font-weight:400;
	color:#fff;
    background: rgba(190,130,100,1);
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}
.ws-styling-link-btn i {
	font-size: 14px;
}
.ws-styling-item .ws-styling-link:hover .ws-styling-link-btn {
    color:#fff;
    background: rgba(190,130,100,1);
	background:rgba(80,50,30,1);
	border:1px solid rgba(80,50,30,1);
}


.ws-styling-link-btn-line {
	background:transparent;
	border:1px solid rgba(190,130,100,1);
	color:rgba(190,130,100,1);
}
.ws-styling-item .ws-styling-link:hover .ws-styling-link-btn-line {
    color:#fff;
	background:rgba(190,130,100,1);
	border:1px solid rgba(190,130,100,1);
}

.ws-styling-item .photo-info-out .photo-info-tit .in {
	position:relative;
	display:none;
}

.ws-styling-item .photo-info-out .photo-info-tit::before {
	/*content:''; 
	display: block;
	position: absolute;
	left: 0px;
	width: 1px;
	height: calc(100% + 40px);
	top: -40px;
	background:rgba(190,130,100,0);
	z-index:2;*/
}
.ws-styling-item .photo-info-out h1 {
	font-size:1.750em;
	letter-spacing:0;
	line-height:100%;
	padding:10px 0 0px;
	color:rgba(190,130,100,1);
	
	font-weight:400;
	font-style:italic;
	font-family:"Playfair Display","Noto Serif KR",serif;
}
.ws-styling-item .photo-info-out .normal {
	font-style:normal;
	letter-spacing:-0.5px;
	font-family:"Noto Serif KR",serif;
}
.ws-styling-item .photo-info-out h2 {
	position:relative;
	font-size:1.125em;
	letter-spacing:-0.5px;
	line-height:140%;
	margin-left:1px;
	font-weight:400;
	color:rgba(80,50,20,1);
}
.ws-styling-item .photo-info-out p {
	position:relative;
	font-size:1em;
	letter-spacing:0px;
	line-height:unset;
	font-weight:400;
	color: rgba(90,90,95,1);
	color:rgba(80,50,20,1);
	font-family:"Gothic A1",serif;
	
}
.ws-styling-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,.3);
	/*display:none;*/
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 60%, rgba(0,0,0,.4) 100%);
}
.ws-styling-item .ws-styling-link:hover .cover {
	/*background:rgba(0,0,0,.5);
	background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 60%, rgba(0,0,0,.5) 100%);*/
}

.ws-no-in .ws-styling-item .photo-info {
	display:none;
}
.ws-no-in .ws-styling-item .photo-info-out .photo-info-tit .in {
	display:block;
}
.ws-no-in .ws-styling-item .cover {
	display:none;
}
.ws-styling {
	position:relative;
	overflow:hidden;
}

@media screen and (max-width: 1800px) {
	.ws-styling-item .photo-info {
		left:30px;
		bottom:30px;
	}	
	.ws-styling-item .photo-info-out {
		/*padding:30px 10px;*/
	}
}
@media screen and (max-width: 1340px) {
	
	.ws-styling-item .photo-info-out {
		/*padding:30px;*/
	}
	.ws-styling-item .photo-info-out .photo-info-tit {
		display:block;
		padding:0 0px 0 0px;
	}
	.ws-styling-item .photo-info-out .photo-info-view {
		padding:10px 0px 0 20px;
		display:block;
	}
}
@media screen and (max-width: 1024px) {
	.ws-styling-list {
		margin:0 -20px;
	}
	.ws-styling-item {
		font-size:14px;
	}
	.ws-styling-item:not(.ws-row) {
		width:calc(50% - 40px);
		margin:0 20px;
	}
	.ws-styling-item .photo-info {
		left:25px;
		bottom:25px;
	}	
	.ws-styling-item:not(.ws-row) .photo-info-out {
		padding:20px;
	}
	.ws-styling-item .photo-info-out .photo-info-view {
		padding:20px 0px 0 20px;
	}
}
@media screen and (max-width: 768px) {
	.ws-styling-list {
		display:block;
		margin:0;
	}
	/*.ws-row {
		width:calc(100% - 40px);
		margin:0 20px;
	}*/
	

	.ws-styling-item .photo-info {
		left:30px;
		bottom:30px;
		display:none;
	}	
	.ws-styling-item .cover {
		display:none;
	}	
	.ws-styling-item .photo-info-out {
		padding:30px 20px;
	}
	.ws-styling-item .photo-info-out .photo-info-tit .in {
		display:block;
	}
	
	.ws-styling-item .photo-img {
		padding-bottom: 56.25%;
		
	}
	.ws-row .photo-info-top {
		width:40%;
	}
	.ws-row .photo-info-out {
		width:60%;
		padding:40px 30px 30px;
	}

}
@media screen and (max-width: 640px) {
	
	.ws-styling-item,
	.ws-styling-item:not(.ws-row) {
		width:100%;
		margin-top:0px !important;
		font-size:16px;
		margin:0;
		margin-bottom:30px;
	}
	

}
@media screen and (max-width: 480px) {
	.ws-styling {
		padding:0 20px 0 20px;
		background:rgba(250,250,250,1);
	}
	.ws-styling-list {
		padding:0 0 0 0px;
	}
	.ws-styling-list .shadow {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	.ws-styling-item {
		font-size:15px;
		
		-webkit-border-radius: 10px; 
		   -moz-border-radius: 10px; 
			    border-radius: 10px; 
	}
	.ws-styling-item .photo-info-top {
		-webkit-border-radius: 0px; 
		   -moz-border-radius: 0px; 
				border-radius: 0px; 
	}
	.ws-styling-item .photo-info-out .photo-info-view {
		display:none;
	}
	.ws-row .ws-styling-item-in {
		display: block;
	}
	.ws-row .photo-info-top {
		width:100%;
	}
	.ws-row .photo-info-out {
		width:100%;
		padding:30px 20px;
		text-align:center;
	}
}
.ws-styling-intro {
	position:relative;
	overflow:hidden;
}
.ws-styling-intro .photo {
	text-align:right;
}
.ws-styling-intro .detail {
	text-align:left;
    padding-left:7%;
}
.ws-styling-intro .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);	*/
}
.ws-styling-intro .circle-frame:after {
	content:'';
	display:block;
    padding-bottom: 130%;
}


.ws-styling-intro .circle-frame .box {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.ws-styling-intro .circle-frame .img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	display:none;
	
}
.ws-styling-intro .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;
}
@media screen and (max-width: 1280px) {
	
	.ws-styling-intro .circle-frame {
		width:500px;
	}
}
@media screen and (max-width: 1024px) {
	
	.ws-styling-intro .circle-frame {
		width:400px;
	}
}
@media screen and (max-width: 768px) {
	.ws-styling-intro .photo {
		text-align:center;
	}
	.ws-styling-intro .detail {
		text-align:center;
		padding-left:0;
	}
}
@media screen and (max-width: 480px) {
	
	.ws-styling-intro .circle-frame {
		width:280px;
	}
}
.ws-styling-intro .pat { 
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	background: url('/imgs/main/pat.png');
}
.ws-styling-intro .pat2 { 
	background: url('/imgs/main/pat2.png');
}
.ws-styling-intro .pat3 { 
	background: url('/imgs/main/pat3.png');
}
.ws-styling-intro .pat4 { 
	background: url('/imgs/main/pat4.png');
}
.ws-styling-intro .pat {
	background-size:auto;
	background-repeat: no-repeat;
	background-position: left 50% top -1000px;
	image-rendering: -webkit-optimize-contrast;
}
.ws-styling-intro .line { opacity: 1; -webkit-transition: opacity .2s .5s ease-in-out; transition: opacity .2s .5s ease-in-out; }
.ws-styling-intro .line span { 
	border-radius: 50%; 
	display: block; 
	position: absolute; 
	top: 0; 
	border: 1px solid  rgba(190,130,100,.6);
	background:rgba(190,130,100,0);
	opacity: .5; 
	width: 1600px; height: 1600px; 
	-webkit-transition: all 1.5s .5s ease-in-out; transition: all 1.5s .5s ease-in-out;
}
.ws-styling-intro .line span { 
	-webkit-transform: translate(-15%, -50%); 
	-ms-transform: translate(-15%, 50%); 
	transform: translate(-15%,-50%);
}
@media screen and (max-width: 1440px) {
	.ws-styling-intro .line span { width: 1400px; height: 1400px; }
	.ws-styling-intro .pat {
		background-position: -600px -1000px;
	}
}
@media screen and (max-width: 1280px) {
	
	
	
}
@media screen and (max-width: 1024px) {
	.ws-styling-intro .line span { width: 1100px; height: 1100px; }
	
	
}
@media screen and (max-width: 768px) {
	.ws-styling-intro .line span { width: 1000px; height: 1000px; }
	.ws-styling-intro .line span { 
		-webkit-transform: translate(-20%, -40%); 
		-ms-transform: translate(-20%, -40%); 
		transform: translate(-20%, -40%);
		
	}
	.ws-styling-intro .pat {
		background-size:1600px;
		background-position: -600px -800px;
	}
}
@media screen and (max-width: 480px) {
	.ws-styling-intro .pat {
		background-size:1400px;
		background-position: -700px -800px;
	}
	
}


.ws-menu-bg-detail {
	position:relative;
}
.ws-menu-detail .ws-menu-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    background: #000;
    margin-left: auto;
}
.ws-menu-detail .ws-menu-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}
.ws-menu-detail .ws-menu-bg .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:10;
	background:rgba(0,0,0,.5);
}
.ws-menu-detail .ws-menu-bg-text {
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: left;
	
	color:#fff;
}
.ws-menu-group {
	position:relative;
	width:100%;
	display:table;
	font-size:16px;
}

.ws-menu-group .category {
	position:relative;
	font-size:2.250em;
	color:rgba(220,165,140,1);
	color:rgba(240,195,170,1);
	
	font-family:"Roboto Condensed","Gothic A1",serif;
	font-family:"Petit Formal Script","Noto Serif KR",serif;
	font-weight:300;
	line-height:100%;
}
.ws-menu-group strong {
	font-weight:700;
}
.ws-menu-group h1 {
	position:relative;
	font-size:2.500em;
	font-family:"Gothic A1",serif;
	line-height:140%;
	font-weight:500;
    letter-spacing: -0.5px;
	
}
.ws-menu-group h2 {
	position:relative;
	font-size:1.125em;
	line-height:unset;
    letter-spacing: 0px;
	
}
.ws-menu-group p {
	position:relative;
	font-size:1.0em;
	font-family:"Gothic A1",serif;
	line-height:unset;
    letter-spacing: 0px;
	font-weight:400;
	
}

.ws-menu-group .ws-menu-link-rect {
	padding:0 20px 0 20px; 
	height:40px; 
	line-height:38px; 
	border-radius:20px;
	display: -moz-inline-stack;
	display:inline-block; 
	min-width:auto;
	white-space:nowrap;
	text-align:center; 
	font-size:16px; 
	color:#fff;
	font-weight:500;
	vertical-align:top;
	border:1px solid #fff;
	font-family:"Gothic A1",serif;
}
.ws-menu-group .ws-menu-link-rect:hover {
	color:#000;
	background:#fff;
}
.ws-menu-group .ws-menu-link-rect i {
	font-size: 12px;
}
@media screen and (max-width: 1024px) {
	.ws-menu-group {
		font-size:15px;
	}
	.ws-menu-detail .ws-menu-bg-text {
		padding:0 40px;
	}
}
@media screen and (max-width: 768px) {
	.ws-menu-group {
		font-size:14px;
	}
}
@media screen and (max-width: 480px) {
	.ws-menu-group {
		font-size:12px;
		text-align:center;
	}
	.ws-menu-detail .ws-menu-bg-text {
		padding:0 0px;
	}
	.ws-menu-group h2 {
		font-size:16px;
		
	}
	.ws-menu-group p {
		font-size:15px;
		
	}
	.ws-menu-group .ws-menu-link-rect {
		height:36px; 
		line-height:34px; 
		font-size:14px; 
	}
}


.ws-menu-group-item {
	position:relative;
	display:table-cell;
	width:45%;
	vertical-align:top;
}
.ws-menu-group-item:last-child {
	width:55%;
}
.ws-menu-list {
	position:relative;
	overflow:hidden;
	border-radius:15px;
}
.ws-menu-list-item {
	position: relative;
	margin-bottom:0px;
	font-size:0;
	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;
	
		
}

.ws-menu-list-item .ws-menu-list-item-photo {
	position: relative;
	display:block;
	width:50%;
	font-size:0;
}
.ws-menu-list-item .ws-menu-list-item-info {
	position: relative;
	display:block;
	width:50%;
	z-index:3;
	
	background:#fff;
}

.ws-menu-list-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;
}
.ws-menu-list-item .img-wrap img {
	position:relative;
	width:100%;
    image-rendering: -webkit-optimize-contrast;
}
.ws-menu-list-item .ratio-use img {
    display:none;
}

.ws-menu-list-item:nth-child(even) .ws-menu-list-item-photo {
	order:2;
}
.ws-menu-list-item:nth-child(even) .ws-menu-list-item-info {
	order:1;
}
.ws-menu-list-item:last-child {
	margin-bottom:0px !important;
}
.ws-menu-list-item .photo-item {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	z-index:1;
}

.ws-menu-list-item .photo-mask {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	background:transparent;
	z-index:1;
}
.ws-menu-list-item .cover {
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	display:block;
	z-index:3;
	background:rgba(0,0,0,.2);
	/*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;
}

.ws-menu-list-item .ws-menu-list-item-base {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
	overflow:hidden;
	z-index:3;
}
.ws-menu-list-item .shadow {
	-webkit-box-shadow: 18px 36px 50px rgba(0,0,0,.35);
	   -moz-box-shadow: 18px 36px 50px rgba(0,0,0,.35);
			box-shadow: 18px 36px 50px rgba(0,0,0,.35);
}
.ws-menu-list-item .ws-menu-list-item-photo.active .cover {
	background:rgba(0,0,0,0);
}
.ws-menu-list-item .ws-menu-list-item-info.active a.btn-detail {
	padding: 0 10px 0 30px; 
}

.ws-menu-list-item .ws-menu-list-item-info .in {
	position:absolute;
	width:100%;
	height:auto;
	padding:30px;
	bottom:0;
	font-size:16px;
}
.ws-menu-list-item .ws-menu-list-item-info h1 {
	position: relative;
	font-size: 30px;
	line-height:100%;
	color:rgba(190,130,100,1);
	font-weight:400;
	margin:15px 0 0px;
	letter-spacing:-0.5px;
	
}

.ws-menu-list-item .ws-menu-list-item-info h2 {
	position: relative;
	font-size: 17px;
	line-height: 150%;
	font-weight:400;
	color:rgba(0,0,0,1);
	margin:0 0px 0px 5px;
}
.ws-menu-list-item:nth-child(even) .ws-menu-list-item-info h2 {
	margin:0 5px 0px 0;
}
.ws-menu-list-item .ws-menu-list-item-info h3 {
	position: relative;
	font-size: 18px;
	font-size: 1.125em;
	line-height: 165%;
	color:rgba(51,51,51,1);
	font-weight:300;
	letter-spacing:0px;

	/*white-space: nowrap;*/
}

.ws-menu-list-item .detail-link {
	margin:30px 0 0;
	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:15px; 
	color:rgba(190,130,100,1);
	vertical-align:top;
	border:1px solid rgba(190,130,100,.7);
	background:#fff;
	font-weight:400;
}
.ws-menu-list-item .detail-link i {
	font-size: 14px;
}
.ws-menu-list-item .detail-link:hover {
    color:#fff;
	background:rgba(190,130,100,1);
}

@media screen and (max-width: 1600px) {
	.ws-menu-group-item {
		width:45%;
	}
	.ws-menu-group-item:last-child {
		width:55%;
	}
}
@media screen and (max-width: 1280px) {
	.ws-menu-group-item {
		width:40%;
	}
	.ws-menu-group-item:last-child {
		width:60%;
	}
}
@media screen and (max-width: 1024px) {
	.ws-menu-group-item {
		width:60%;
	}
	.ws-menu-group-item:last-child {
		width:40%;
	}
	.ws-menu-list-item {
		width:100% !important;
		margin-bottom:20px;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.ws-menu-list-item:nth-child(even) ..ws-menu-list-item-photo {
		order:1;
		text-align:left;
	}
	.ws-menu-list-item:nth-child(even) .ws-menu-list-item-info {
		order:2;
		text-align:center;
	}
	
	.ws-menu-list-item .ws-menu-list-item-photo {
		width:100% !important;
	}	
	.ws-menu-list-item .ws-menu-list-item-info {
		text-align:center;
		background:#fff;
		width:100% !important;
	}
	.ws-menu-list-item .ws-menu-list-item-info .in {
		position:relative;
		padding:30px 20px 25px;
	}
	
	.ws-menu-list-item .ws-menu-list-item-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.ws-menu-list-item .ws-menu-list-item-info h1 {
		font-size: 24px;
	}
	
	.ws-menu-list-item .ws-menu-list-item-info h2 {
		margin:0px;
		font-size:16px;
	}
}
@media screen and (max-width: 640px) {
	.ws-menu-group-item {
		width:100%;
		display:block;
	}
	.ws-menu-group-item:last-child {
		margin-top:60px;
		width:100%;
	}
	.ws-menu-list-item .ws-menu-list-item-photo {
		width:100% !important;
	}	
	.ws-menu-list-item .ws-menu-list-item-info {
		text-align:center;
		background:#fff;
		width:100% !important;
	}
	.ws-menu-list-item .ws-menu-list-item-info .in {
		position:relative;
		padding:30px 20px 25px;
	}
	
	.ws-menu-list-item .ws-menu-list-item-base {
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.ws-menu-list-item .ws-menu-list-item-info h1 {
		font-size: 22px;
	}
	
}

.logo-slogan {
	position:relative;
}
.vText .logo-txt {
	position:relative;
	font-size:1.625em;	
	letter-spacing:0px;
	line-height:130%;
	font-weight:400;
	font-family:"Noto Serif KR",serif;
}
.do-visual-tit-pos-cc .vText .logo-txt {
	margin-right:0.0em;
}

.ws-rest-img {
	position:absolute; 
	z-index:0;
	right:0;
	top:260px;
	text-align:right;
}
@media screen and (max-width: 1280px) {
	.ws-rest-img {
		top:200px;
	}
	.ws-rest-img img {
		width:70%;
	}
}
@media screen and (max-width: 1024px) {
	.ws-rest-img {
		top:200px;
	}
	.ws-rest-img img {
		width:60%;
	}
}
@media screen and (max-width: 480px) {
	.ws-rest-img {
		top:-40px;
		left:40px;
	}
	.ws-rest-img img {
		width:50%;
	}
}
.ws-body-bg {
	background:rgba(243,240,235,1);
}
.ws-rest-cover {	
	position:absolute; 
	top:0px;
	overflow: hidden; 
	width:100%;
	height:700px;
	/*background:rgba(243,240,235,1);*/
	z-index:0;
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 65%, 0 100%);
	clip-path: polygon(0 0, 100% 0%, 100% 65%, 0 100%);
}

.ws-visual {
	position:absolute; 
	overflow: hidden; 
	width:100%;
	height:1150px;
	background:rgba(0,0,0,1);
	z-index:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-backface-visibility: hidden;
}
.ws-visual-clip {	
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 85%);
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 85%);
}


.ws-visual .img {
	position:relative;
	width:100%;height:100%;
	height:900px;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-backface-visibility: hidden;
}
@media screen and (max-width: 1024px) {
	.ws-visual {height:800px;}
	.ws-visual .img {height:800px;}
}
@media screen and (max-width: 768px) {
	.ws-visual .img {height:600px;}
}
@media screen and (max-width: 480px) {
	.ws-visual .img {height:600px;}
}
.ws-visual .visualCover {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.4);
	z-index:2;
}
.ws-visual-cont {
	position:relative;
	z-index:3;
}


.ws-section-tit-head {
	position: relative;
	margin:0px auto 0px;
	font-size:16px;
	color:rgba(255,255,255,1);
	text-align:center;
	
}
.ws-section-tit-head .in {
	position: relative;
	display:inline-block;
	white-space:nowrap;
}
.ws-section-tit-head strong {
	font-weight:500;
}
.ws-section-tit-head .tit-bar {
	position:relative;
	text-align:center;
	font-size:0;
}
.ws-section-tit-head .tit-bar .line {
	position:relative;
	display:inline-block;
	width:1px;
	background:rgba(255,255,255,1);
}
.ws-section-tit-head.no-bar .tit-bar {
	display:none;
}
.ws-section-tit-head .tit-no-bar {
	display:none;
}
.ws-section-tit-head.no-bar .tit-no-bar {
	display:block;
}
.ws-section-tit-head h1 {
    font-size: 3.500em;
    line-height:120%;
    display: inline-block;
    padding: 0px;
    letter-spacing:0px;
    margin: 0;
	word-break: keep-all;
	white-space: nowrap;
	font-weight: 800;
	font-family:"Gothic A1",serif;
}

.ws-section-tit-head h2 {
    letter-spacing: 0.5px;
    line-height: unset;
	font-size: 1.625em;
	word-break: keep-all;
	white-space: nowrap;
	font-weight:500;
	
}
.ws-section-tit-head h3 {
    letter-spacing: 0em;
    line-height: unset;
	font-size:1.250em;
	font-family:"Gothic A1",serif;
	
}

.ws-section-tit-head .italic {
	font-style:italic;
}
.section-line-set-out {
	position:relative;
	width:100%;
	display:inline-block;
}
.section-line-set {
	position:relative;
	display:flex;
	-webkit-flex-direction: row;
			flex-direction: row;
}
.section-line-set .line-l {
	position:relative;
	width:100%;
	line-height:30px;
	
}
.section-line-set .line-r {
	position:relative;
	width:auto;
	
	padding-left:10px;
	line-height:30px;
}

.section-line-set .line-l:after {
	position: absolute;
	content: "";
    display: block;
	width:100%;
    top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
    height: 1px;
	background:rgba(255,255,255,1);	
}

.section-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(190,130,100,1);
	font-weight:400;
	color:#fff;
    background: rgba(190,130,100,1);
}
.section-link i {
	font-size: 14px;
}
.section-link:hover {
    color:#fff;
    background: rgba(190,130,100,1);
}

.section-link-line {
	background:transparent;
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
}
.section-link-line:hover {
    color:#fff;
	background:rgba(190,130,100,1);
	border:1px solid rgba(190,130,100,1);
}

@media screen and (max-width: 1024px) {
	.ws-section-tit-head {
		font-size: 14px;
		padding:0 30px;
	}
}

@media screen and (max-width: 768px) {
	.ws-section-tit-head {
		font-size: 13px;
	}
	.ws-section-tit-head h3 {
		font-size: 15px;
	}
	.ws-section-tit-head h4 {
		font-size: 15px;
	}
}
@media screen and (max-width: 480px) {
	.ws-section-tit-head {
		font-size: 11px;
	}
	.ws-section-tit-head .in {
		width:100%;
	}
	.ws-section-tit-head h2 {
		font-size: 1.600em;
	}
}


.main-meeting-list {
	position:relative;
	margin:0px -1% 0px;
	font-size:0; 	
	overflow: hidden;
}
.main-meeting-box {
	position:relative;
	float: left;
	display:inline-block;
	width:18%;
	margin:0 1%;
	font-size:0;
}

.main-meeting-box a {
	position:relative;
	display:block;
	width:100%;
}
.main-meeting-box .box {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.main-meeting-box .img {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.main-meeting-box .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;
}
.main-meeting-box  a:hover .img img{
	transform:scale(1.05,1.05) translate(-48%, -48%);;  
	-ms-transform:scale(1.05,1.05) translate(-48%, -48%);
	-moz-transform: scale(1.05,1.05) translate(-48%, -48%) rotate(0.02deg);
}

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


.main-meeting-box a .titBox {
	position: absolute;
	top:0;
	bottom:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
	z-index:11;
	opacity:1;
	-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;
}

.main-meeting-box a .titBox .tableBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:30px;
}
.main-meeting-box a .titBox .tableBox .tableCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	/*text-align:left;
	vertical-align:bottom;*/
}
.main-meeting-box a .titBox .tableBox h1 {
	font-family: 'Raleway', 'Noto Sans KR', sans-serif;
	color:rgba(255,255,255,1);
	font-size:20px;
	line-height:125%;
	letter-spacing:0px;
	position:relative;
	font-weight:600;
	margin:7px 0 0px;
	text-transform:uppercase;
}

.main-meeting-box a .titBox .tableBox h2 {
	color:rgba(255,255,255,1);
	font-size:16px;
	letter-spacing:0px;
	line-height:160%;
	position:relative;
	text-indent:1px;
	margin-top:15px;
}
.main-meeting-box a .titBox .tableBox p {
	color:rgba(255,255,255,1);
	font-size:14px;
	letter-spacing:0px;
	line-height:150%;
	position:relative;
	-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;
    max-height: 0;
    overflow: hidden;
	margin-top:20px;
}

.main-meeting-box  a:hover .titBox .tableBox p {max-height: 100px;}
.main-meeting-box  a:hover .cover {
	background:rgba(0,0,0,.5);
	background:rgba(160,40,40,.5);
	background:rgba(150,160,0,.6);
	background:rgba(210,165,150,.7);
	
}
.main-meeting-box  a:hover .titBox {
	opacity:1;
}

.main-meeting-box .box-frame {
}
.main-meeting-box .box-frame:after {
	content:'';
	display:block;
    padding-bottom: 100%;
}

.main-meeting-box a {
	height:440px;
}

.main-meeting-box2 {
	margin-top:6%;
}
.main-meeting-box3 {
	margin-top:2%;
}
.main-meeting-box4 {
	margin-top:4%;
}

@media screen and (max-width: 1024px) {
	.main-meeting-list {
		margin:0px -1% 0px;
	}
	.main-meeting-box a {
		height:400px;
	}
	.main-meeting-box a .titBox .tableBox {
		padding:20px;
	}
	.main-meeting-box a .titBox .tableBox h2 {
		font-size:14px;
	}
	.main-meeting-box a .titBox .tableBox p {
		display:none;
	}
}

@media screen and (max-width: 768px) {
	.main-meeting-box {
		width:31.33333%;
		margin:1% 1% 1%;
	}
	.main-meeting-box a {
		height:auto;
	}
	.main-meeting-box1,.main-meeting-box2 {
		width:48%;
	}
	.main-meeting-box a .titBox .tableBox h1 {
		font-size:18px;
	}
}

@media screen and (max-width: 640px) {
	
	.main-meeting-list {
		margin:20px -1% 20px;
	}
	.main-meeting-box {
		width:31.33333%;
		margin:1% 1% 1%;
	}
	.main-meeting-box a {
		height:auto;
	}
	.main-meeting-box1,.main-meeting-box2 {
		width:48%;
	}
	.main-meeting-box1 .box-frame:after,
	.main-meeting-box2 .box-frame:after {
		padding-bottom: 60%;
	}
}

@media screen and (max-width: 480px) {
	
	.main-meeting-box {
		width:48%;
	}
	.main-meeting-box1 {
		width:98%;
	}
	.main-meeting-box1 .box-frame:after {
		padding-bottom: 60%;
	}
	.main-meeting-box2 .box-frame:after {
		padding-bottom: 100%;
	}
	
}

@media screen and (max-width: 414px) {
	
	.main-meeting-box a .titBox .tableBox h2 {
		display:none;
	}
}
.ws-convention {
	position:relative;
	overflow:hidden;
}
.ws-convention .pat { 
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	background: url('/imgs/main/pat.png');
}
.ws-convention .pat2 { 
	background: url('/imgs/main/pat2.png');
}
.ws-convention .pat3 { 
	background: url('/imgs/main/pat3.png');
}
.ws-convention .pat4 { 
	background: url('/imgs/main/pat4.png');
}
.ws-convention .pat {
	background-size:contain;
	background-repeat: no-repeat;
	background-position: 0px 200px;
	image-rendering: -webkit-optimize-contrast;
}

@media screen and (max-width: 1440px) {
	.ws-convention .pat {
		background-position: 0px 200px;
	}
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
	.ws-convention .pat {
		background-size:1400px;
		background-position: 0px 0px;
	}
}
@media screen and (max-width: 480px) {
	.ws-convention .pat {
		background-size:1000px;
		background-position: 0px 200px;
	}
	
}