/**
* =============================================================================
* @	file     : index.css
* -----------------------------------------------------------------------------
* 
* @ project  : 
* @ category : 
* @ author   : JANG SANG SEOK
* @ since    : 2021-01-10
* @ desc     : WEB
* 
* =============================================================================
*/

@charset "UTF-8";
	
	/**************************************************************************
	* 01. 메인 콘텐츠 01
	---------------------------------------------------------------------------
	* 02. 메인 콘텐츠 02
	---------------------------------------------------------------------------	
	* 03. 메인 콘텐츠 03
	---------------------------------------------------------------------------
	* 04. 메인 브랜드
	---------------------------------------------------------------------------
	* 05. 메인 갤러리
	---------------------------------------------------------------------------
	
	**************************************************************************/
	
	/**
	| -------------------------------------------------------------------------
	| @ 01. 메인 콘텐츠 01
	| -------------------------------------------------------------------------
	*/
	.MAINCON1-container {
		width: 100%;
		margin: 0 0 0 0; /*50px 0 0 0;**/ 
		padding: 0;
	}
	.MAINCON1-container .left-item {
		/*background: #E6E6FA;**/
		float: left;
		width: 580px; /*49%;**/
		height: auto; /*250px;**/
	}
	.MAINCON1-container .right-item {
		/*background: #E0FFFF;**/
		float: right;
		width: 580px; /*49%;**/
		height: auto; /*250px;**/
	}
	.itemBox {
		width: 100%;
		height: 100%;
		padding: 0; /*20px;**/
		font-size: 20px;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 02. 메인 콘텐츠 02
	| -------------------------------------------------------------------------
	*/
	/* 상품 컬러 정보 **/
	.circle-color {
		display: inline-block;
		background-color: #fff;
		border: 1px solid #4a4a4a;
		width:18px; 
		height:18px;
		border-radius: 75px;
		text-align: center;
		margin: 0 auto;
		font-size:13px; color:#fff;
		vertical-align: middle;
	}
	
	.MAINCON2-container {
		width: 100%;
		margin: 60px 0 0 0;
		padding: 0;
		position: relative;
	}
	/* slick slides 여백 */
	.slick-slide { margin: 0 5px; }
	/* item unit **/
	.MAINCON2-container .wrap-item {
		width: 280px;
		min-height: 460px;
		border: 1px solid #E4E4E4;
		/*padding: 15px;**/
		text-align: center;
	}
	.MAINCON2-container .wrap-item:hover {
		/* border: 1px solid #000; **/
	}
	.MAINCON2-container .wrap-item:hover .item-name {
		/*text-decoration: underline;**/
	}
	.MAINCON2-container .wrap-item .item-img {
		border: 0px solid #D9D9D9;
		width: 100%; /*278px;**/
		height: 100%; /*268px;**/
		/*background-color: #F1F1F1;**/
		position: relative;
		cursor: pointer;
		overflow: hidden;		
	}
	/*.MAINCON2-container .wrap-item .item-img img {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);	
		-o-transform:scale(1);	
		transform:scale(1);
		-webkit-transition:.7s;
		-moz-transition:.7s;
		-ms-transition:.7s;
		-o-transition:.7s;
		transition:.7s;	
	}
	* hover시 이미지 zoom **
	.MAINCON2-container .wrap-item:hover .item-img img {
		-webkit-transform:scale(1.08);
		-moz-transform:scale(1.08);
		-ms-transform:scale(1.08);	
		-o-transform:scale(1.08);
		transform:scale(1.08);
		-webkit-transition:.5s;
		-moz-transition:.5s;
		-ms-transition:.5s;
		-o-transition:.5s;
		transition:.5s;
	}**/
	.MAINCON2-container .wrap-item .item-img .item-label {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 10px 0 0 10px;
		text-align: left;
	}	
	.MAINCON2-container .wrap-item .item-content {
		width: 100%;
		min-height: 125px;
		border: 0px solid #000;
		margin: 0;
		padding: 15px 10px 20px 15px;
		text-align: left;
	}
	.MAINCON2-container .wrap-item .item-content .item-name {
		font-family: 'NotoSansKR-Regular';
		margin: 0;
		padding: 0px 0px 0px 0px;
		font-size: 18px;
		font-weight: normal;
		/*text-decoration: underline;**/
	}	
	.MAINCON2-container .wrap-item .item-content .item-title {
		margin: 0;
		padding: 0px 0px 8px 0;
		font-size: 13px;
		font-weight: normal;
		color: #aaaaaa;
	}
	.MAINCON2-container .wrap-item .item-content .item-price {
		margin: 0; 
		padding: 0px 0px 2px 0px;
	}
	/* 상품가격 **/
	.MAINCON2-container .wrap-item .item-content .item-price .item-discount-per {
		font-family: GmarketSansMedium;
		font-size: 18px; font-weight: bold; color: #66CDAA;
		padding-right: 10px;
	}
	.MAINCON2-container .wrap-item .item-content .item-price .item-old-price {
		font-family: GmarketSansMedium;
		font-size: 15px; font-weight: normal; color: #b8b8b8;
		text-decoration: line-through;
		padding-right: 5px;
	}
	.MAINCON2-container .wrap-item .item-content .item-price .item-current-price {
		font-family: 'GmarketSansMedium';
		font-size: 20px; font-weight: bold; color: #DA0106;
	}
	.MAINCON2-container .wrap-item .item-content .item-colors {
		margin: 0; padding: 7px 0px 0px 0px;
	}
	.MAINCON2-container .wrap-item .item-content .item-point {
		margin: 0; padding: 5px 0px 0px 0px;
	}
	/* 슬라이드 Navi Button **/
	.MAINCON2-container .navi-btn-group {
		position: absolute;
		right: 0;
		top: 0;		
	}
	.MAINCON2-container .navi-btn, .owl-navi-btn {
		width: 35px;
		height: 35px;
		line-height: 35px;
		border: 1px solid #d7d7d7;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		color: #AFAFAF;		
	}
	.MAINCON2-container .navi-btn i { margin: 0; }
	.MAINCON2-container .navi-btn:hover {
		border: 1px solid #000;
		background-color: #000;
		color: #fff;
	}
		
	/* owl navi button **/
	.owl-navi-btn:hover {
		border: 1px solid #000;
		background-color: #000;
		color: #fff;
	}
	.MAINCON2-container .owl-nav {
		margin: 0;
		position: absolute;
		right: 0;
		top: -80px;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 03. 메인 콘텐츠 03
	| -------------------------------------------------------------------------
	*/
	.MAINCON-container .grid-item:hover {
		border: 1px solid #000;
	}
	.MAINCON-container .grid-item:hover .item-name {
		text-decoration: underline;
	}	
	.MAINCON-container .wrap-item .item-img {
		border: 0px solid #D9D9D9;
		width: 100%;
		height: 100%; /*205px;**/
		background-color: #F1F1F1;
		position: relative;
		cursor: pointer;
		overflow: hidden;		
	}
	.MAINCON-container .wrap-item .item-img img {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);	
		-o-transform:scale(1);	
		transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;	
	}
	/* hover시 이미지 zoom **/
	.MAINCON-container .grid-item:hover .item-img img {
		-webkit-transform:scale(1.08);
		-moz-transform:scale(1.08);
		-ms-transform:scale(1.08);	
		-o-transform:scale(1.08);
		transform:scale(1.08);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;
	}
	.MAINCON-container .wrap-item .item-img .item-label {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 10px 0 0 10px;
		text-align: left;
	}	
	.MAINCON-container .wrap-item .item-content {
		width: 100%;
		min-height: 125px;
		padding: 15px 0 5px 0px;
		text-align: left;
	}
	.MAINCON-container .wrap-item .item-content .item-name {
		font-family: 'NotoSansKR-Regular';
		margin: 0;
		padding: 15px 0px 0px 0px;
		font-size: 18px;
		font-weight: normal;
		/*text-decoration: underline;**/
	}	
	.MAINCON-container .wrap-item .item-content .item-title {
		margin: 0;
		padding: 0px 0px 10px 0px;
		font-size: 13px;
		font-weight: normal;
		color: #aaaaaa;
	}
	.MAINCON-container .wrap-item .item-content .item-price {
		margin: 0;
		padding: 0px 0px 2px 0px;
	}
	/* 상품가격 **/
	.MAINCON-container .wrap-item .item-content .item-price .item-discount-per {
		font-family: GmarketSansMedium;
		font-size: 18px; font-weight: bold; color: #66CDAA;
		padding-right: 10px;
	}
	.MAINCON-container .wrap-item .item-content .item-price .item-old-price {
		font-family: GmarketSansMedium;
		font-size: 15px; font-weight: normal; color: #b8b8b8;
		text-decoration: line-through;
		padding-right: 5px;
	}
	.MAINCON-container .wrap-item .item-content .item-colors {
		margin: 0; 
		padding: 10px 0px 0px 0px;
	}	
	.MAINCON-container .wrap-item .item-content .item-price .item-current-price {
		font-family: 'GmarketSansMedium';
		font-size: 20px; font-weight: bold; color: #000;
	}
	.MAINCON-container .wrap-item .item-content .item-label {
		margin: 0; padding: 5px 5px 0 0;
	}	
	.MAINCON-container .wrap-item .item-content .item-point {
		margin: 0; padding: 5px 5px 0 0;
	}
	.MAINCON-container .wrap-item .item-content .item-desc {
		margin: 0; padding: 5px 5px 0 0;
		color: #FF69B4;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 04. 메인 브랜드
	| -------------------------------------------------------------------------
	*/
	/* MAIN-BRAND 슬라이드 네비 버튼 **/
	.owl-navBtn {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 35px; height: 50px;
		line-height: 64px;
		border: 0px solid #D7D7F7;
		background-color:rgba(0, 0, 0, 0.3); /*background-color: #D7D7F7;**/
		color: #fff;
		text-align: center;
		cursor: pointer;
		z-index: 3
	}
	.owl-navBtn-left { left: 10px; /*2px;**/ top: 170px; }	
	.owl-navBtn-right { right: 10px; /*2px;**/ top: 170px; }	
	.MAINBRAND1 .owl-navBtn:hover { background-color: #191970; }
	.MAINBRAND2 .owl-navBtn:hover { background-color: #8B008B; }
	.MAINBRAND3 .owl-navBtn:hover { background-color: #006C54; }
	.MAINBRAND4 .owl-navBtn:hover { background-color: #D71345; } 
	div.owl-nav { height: 0px; }
	
	/*-----------------------------------------------**/
	/* @ MAINBRAND - 01		 			     	 	 **/
	/*-----------------------------------------------**/
	.MAINBRAND1-container {
		margin: 50px 0 0 0;
		width: 100%;
		border-top:3px solid #191970;
		position: relative;
	}	
	.MAINBRAND1-container .MAINBRAND1-BRAND-ICON {
		position: absolute;
		top: -2px;
		left: -130px;
		color: #191970;
		text-align: center;
	}
	.MAINBRAND1-container .MAINBRAND1-BRAND-ICON .icon-text {
		font-size: 16px;
	}
	.MAINBRAND1 {
		width: 100%;
		min-height: 400px;
		margin: 0; 
		padding: 0;
	}
	.MAINBRAND1 table.outer {
		width: 100%;
		height: 100%;
		border: 1px solid #191970;
		border-top: 0px;
	}	
	.MAINBRAND1 table, .MAINBRAND1 table tr, .MAINBRAND1 table tr td {
		margin: 0; padding: 0;
	}		
	.MAINBRAND1 table tr td.leftBox {
		width: 400px;
		height: 100%;
		margin: 0;
		border-right: 1px solid #191970;
		vertical-align: top;
	}
	.MAINBRAND1 table tr td.leftBox .title {
		width: 100%;
		height: 100px;
		padding: 30px;
		background-color: #191970;
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.MAINBRAND1 table tr td.leftBox .wrapper-slide {
		width: 400px;
		min-height: 450px;
		padding: 10px;
		background-color: #fff;
		text-align: center;
	}
	.MAINBRAND1 table tr td.leftBox .wrapper-slide .content {
		width: 100%;
		height: 100%;
		margin: 0; 
		padding: 0;
		border: 0px solid #191970;
	}	
	.MAINBRAND1 table tr td.leftBox .wrapper-slide .content .item-img {
		margin: 0 auto;
		width: 100%;
		height: 100%; /*370px;**/
		border: 0px solid #000;
		background-color: #fff;
		z-index: 2;
	}
	.MAINBRAND1 table tr td.leftBox .wrapper-slide .content .bottom {
		width: 100%;
		min-height: 150px; /*160px;**/
		padding: 15px;		
		border: 0px solid #000;
		background-color: #D7D7F7;	
		display: flex;
		justify-content: center;
		align-items: center;	
		z-index: 2;
	}
	.MAINBRAND1 table tr td.leftBox .wrapper-slide .content .bottom .item-name {
		font-size: 20px;
		color: #191970;
	}
	.MAINBRAND1 table tr td.rightBox {
		width: *;
		height: 100%;
		border: 0px solid #000;
		text-align: left;
	}
	
	/* BRAND 상품 리스트 GRID **/
	table.brand-dataGrid {
		width: 100%;
		height: 100%;
		border: 0;
     	border-spacing: 0px;     
     	padding: 0px;	
	}
	table.brand-dataGrid tbody tr:nth-child(1) td:nth-child(1) {
		width: 33.3%;
		height: 50%;
		border-right: 1px solid #E0E0E0;
	}
	table.brand-dataGrid tbody tr:nth-child(1) td:nth-child(2) {
		width: 33.3%;
		height: 50%;
		border-right: 1px solid #E0E0E0;
	}
	table.brand-dataGrid tbody tr:nth-child(1) td:nth-child(3) {
		width: *;
		height: 50%;
	}
	table.brand-dataGrid tbody tr:nth-child(2) td:nth-child(1) {
		width: 33.3%;
		height: 50%;
		border-top: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
	}
	table.brand-dataGrid tbody tr:nth-child(2) td:nth-child(2) {
		width: 33.3%;
		height: 50%;
		border-top: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;
	}
	table.brand-dataGrid tbody tr:nth-child(2) td:nth-child(3) {
		width: *;
		height: 50%;
		border-top: 1px solid #E0E0E0;
	}

	/* BRAND 상품 리스트 GRID - 상품 상세 **/
	.MAINBRAND-item-content {
		width: 100%;
		min-height: 300px;
		/*border: 1px solid #fff;**/
		padding: 35px 15px 5px 15px;
		text-align: center;
	}
	.MAINBRAND-item-content:hover {
		/*border: 1px solid #000;**/
	}	
	.MAINBRAND-item-content:hover .item-name {
		text-decoration: underline;
	}
	.MAINBRAND-item-content .item-img {
		border: 0px solid #D9D9D9;
		width: 190px; /*100%;**/
		height: 190px; /*180px;**/ /*220px;**/
		margin: 0 auto;
		background-color: #FAFAFA;
		position: relative;
		cursor: pointer;
		overflow: hidden;
	}	
	.MAINBRAND-item-content .item-name {
		margin: 0;
		padding: 15px 0px 10px 0px;
		font-size: 14px;
		font-weight: normal;
		/*text-decoration: underline;**/
	}	
	.MAINBRAND-item-content .item-title {
		margin: 0;
		padding: 0px 0px 10px 0px;
		font-size: 13px;
		font-weight: normal;
		color: #aaaaaa;
	}
	.MAINBRAND-item-content .item-price {
		margin: 0;
		padding: 0px 0px 5px 0px;
	}
	/* 상품가격 **/
	.mainBrand-item-discount-per {
		font-family: GmarketSansMedium;
		font-size: 16px; font-weight: bold; color: #66CDAA;
		padding-right: 10px;
	}
	.mainBrand-item-old-price {
		font-family: GmarketSansMedium;
		font-size: 13px; font-weight: normal; color: #b8b8b8;
		text-decoration: line-through;
		padding-right: 5px;
	}
	.mainBrand-item-colors {
		margin: 0; 
		padding: 10px 0px 0px 0px;
	}	
	.mainBrand-item-current-price {
		font-family: 'GmarketSansMedium';
		font-size: 16px; font-weight: bold; color: #000;
	}
	/* 전체보기 버튼 **/
	#MAINBRAND1-BRAND-BTN-LIST{ border:1px solid #191970; color:#191970; }
	
	/*-----------------------------------------------**/
	/* @ MAINBRAND - 02		 			     	 	 **/
	/*-----------------------------------------------**/	
	.MAINBRAND2-container {
		margin: 70px 0 0 0; 
		width: 100%;
		border-top:3px solid #8B008B;
		position: relative;
	}	
	.MAINBRAND2-container .MAINBRAND2-BRAND-ICON {
		min-width: 125px;
		position: absolute;
		top: 0;
		left: -150px;
		color: #8B008B;
		text-align: center;
	}
	.MAINBRAND2-container .MAINBRAND2-BRAND-ICON .icon-text {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.MAINBRAND2 {
		width: 100%;
		min-height: 400px;
		margin: 0; 
		padding: 0;
	}
	.MAINBRAND2 table.outer {
		width: 100%;
		height: 100%;
		border: 1px solid #8B008B;
		border-top: 0px;
	}	
	.MAINBRAND2 table, .MAINBRAND2 table tr, .MAINBRAND2 table tr td {
		margin: 0; padding: 0;
	}		
	.MAINBRAND2 table tr td.leftBox {
		width: 400px;
		height: 100%;
		margin: 0;
		border-right: 1px solid #8B008B;
		vertical-align: top;
	}
	.MAINBRAND2 table tr td.leftBox .title {
		width: 100%;
		height: 100px;
		padding: 30px;
		background-color: #8B008B;
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.MAINBRAND2 table tr td.leftBox .wrapper-slide {
		width: 400px;
		min-height: 450px;
		padding: 10px;
		background-color: #fff;
		text-align: center;
	}
	.MAINBRAND2 table tr td.leftBox .wrapper-slide .content {
		width: 100%;
		height: 100%;
		margin: 0; 
		padding: 0;
		border: 0px solid #191970;
	}	
	.MAINBRAND2 table tr td.leftBox .wrapper-slide .content .item-img {
		margin: 0 auto;
		width: 100%;
		height: 370px;
		border: 0px solid #000;
		background-color: #fff;
		z-index: 2;
	}
	.MAINBRAND2 table tr td.leftBox .wrapper-slide .content .bottom {
		width: 100%;
		min-height: 160px;
		padding: 15px;		
		border: 0px solid #000;
		background-color: #ffdfff;	
		display: flex;
		justify-content: center;
		align-items: center;	
		z-index: 2;
	}
	.MAINBRAND2 table tr td.leftBox .wrapper-slide .content .bottom .item-name {
		font-size: 20px;
		color: #8b008b;
	}
	.MAINBRAND2 table tr td.rightBox {
		width: *;
		height: 100%;
		border: 0px solid #000;
		text-align: left;		
	}
	/* 전체보기 버튼 **/
	#MAINBRAND2-BRAND-BTN-LIST{ border:1px solid #8b008b; color:#8b008b; }
	
	/*-----------------------------------------------**/
	/* @ MAINBRAND - 03		 			     	 	 **/
	/*-----------------------------------------------**/		
	.MAINBRAND3-container {
		margin: 70px 0 0 0; 
		width: 100%;
		border-top:3px solid #006C54;
		position: relative;
	}	
	.MAINBRAND3-container .MAINBRAND3-BRAND-ICON {
		min-width: 100px;
		position: absolute;
		top: 0;
		left: -130px;
		color: #006C54;
		text-align: center;
	}
	.MAINBRAND3-container .MAINBRAND3-BRAND-ICON .icon-text {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.MAINBRAND3 {
		width: 100%;
		min-height: 400px;
		margin: 0; 
		padding: 0;
	}
	.MAINBRAND3 table.outer {
		width: 100%;
		height: 100%;
		border: 1px solid #006C54;
		border-top: 0px;
	}	
	.MAINBRAND3 table, .MAINBRAND3 table tr, .MAINBRAND3 table tr td {
		margin: 0; padding: 0;
	}		
	.MAINBRAND3 table tr td.leftBox {
		width: 300px;
		height: 100%;
		margin: 0;
		border-right: 1px solid #006C54;
		vertical-align: top;
	}
	.MAINBRAND3 table tr td.leftBox .title {
		width: 100%;
		height: 100px;
		padding: 30px;
		background-color: #006C54;
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.MAINBRAND3 table tr td.leftBox .wrapper-slide {
		width: 400px;
		min-height: 450px;
		padding: 10px;
		background-color: #fff;
		text-align: center;
	}
	.MAINBRAND3 table tr td.leftBox .wrapper-slide .content {
		width: 100%;
		height: 100%;
		margin: 0; 
		padding: 0;
		border: 0px solid #191970;
	}	
	.MAINBRAND3 table tr td.leftBox .wrapper-slide .content .item-img {
		margin: 0 auto;
		width: 100%;
		height: 370px;
		border: 0px solid #000;
		background-color: #fff;
		z-index: 2;
	}
	.MAINBRAND3 table tr td.leftBox .wrapper-slide .content .bottom {
		width: 100%;
		min-height: 160px;
		padding: 15px;		
		border: 0px solid #000;
		background-color: #ccfdee; /*#c6fff2;**/	
		display: flex;
		justify-content: center;
		align-items: center;	
		z-index: 2;				
	}
	.MAINBRAND3 table tr td.leftBox .wrapper-slide .content .bottom .item-name {
		font-size: 20px;
		color: #006c54;
	}
	.MAINBRAND3 table tr td.rightBox {
		width: *;
		height: 100%;
		border: 0px solid #000;
		text-align: left;	
	}
	/* 전체보기 버튼 **/
	#MAINBRAND3-BRAND-BTN-LIST{ border:1px solid #006c54; color:#006c54; }
	
	/*-----------------------------------------------**/
	/* @ MAINBRAND - 04		 			     	 	 **/
	/*-----------------------------------------------**/		
	.MAINBRAND4-container {
		margin: 70px 0 0 0; 
		width: 100%;
		border-top:3px solid #D71345;
		position: relative;
	}	
	.MAINBRAND4-container .MAINBRAND4-BRAND-ICON {
		min-width: 125px;
		position: absolute;
		top: 0;
		left: -150px;
		color: #D71345;
		text-align: center;
	}
	.MAINBRAND4-container .MAINBRAND4-BRAND-ICON .icon-text {
		font-size: 17px;
		margin-bottom: 10px;
	}		
	.MAINBRAND4 {
		width: 100%;
		min-height: 400px;
		margin: 0; 
		padding: 0;
	}
	.MAINBRAND4 table.outer {
		width: 100%;
		height: 100%;
		border: 1px solid #D71345;
		border-top: 0px;
	}	
	.MAINBRAND4 table, .MAINBRAND4 table tr, .MAINBRAND4 table tr td {
		margin: 0; padding: 0;
	}		
	.MAINBRAND4 table tr td.leftBox {
		width: 300px;
		height: 100%;
		margin: 0;
		border-right: 1px solid #D71345;
		vertical-align: top;
	}
	.MAINBRAND4 table tr td.leftBox .title {
		width: 100%;
		height: 100px;
		padding: 30px;
		background-color: #D71345;
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.MAINBRAND4 table tr td.leftBox .wrapper-slide {
		width: 400px;
		min-height: 450px;
		padding: 10px;
		background-color: #fff;
		text-align: center;
	}
	.MAINBRAND4 table tr td.leftBox .wrapper-slide .content {
		width: 100%;
		height: 100%;
		margin: 0; 
		padding: 0;
		border: 0px solid #191970;
	}	
	.MAINBRAND4 table tr td.leftBox .wrapper-slide .content .item-img {
		margin: 0 auto;
		width: 100%;
		height: 370px;
		border: 0px solid #000;
		background-color: #fff;
		z-index: 2;
	}
	.MAINBRAND4 table tr td.leftBox .wrapper-slide .content .bottom {	
		width: 100%;
		min-height: 160px;
		padding: 15px;		
		border: 0px solid #000;
		background-color: #fde1e9;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 2;
	}
	.MAINBRAND4 table tr td.leftBox .wrapper-slide .content .bottom .item-name {
		font-size: 20px;
		color: #d71345;
	}
	.MAINBRAND4 table tr td.rightBox {
		width: *;
		height: 100%;
		border: 0px solid #000;
		text-align: left;	
	}
	
	/* 전체보기 버튼 **/
	#MAINBRAND4-BRAND-BTN-LIST{ border:1px solid #d71345; color:#d71345; }
	
	/*-----------------------------------------------**/
	/* @ MAINBRAND - 05		 			     	 	 **/
	/*-----------------------------------------------**/		
	.MAINBRAND5-container {
		margin: 70px 0 0 0; 
		width: 100%;
		border-top:3px solid #B2825A;
		position: relative;
	}	
	.MAINBRAND5-container .MAINBRAND5-BRAND-ICON {
		min-width: 100px;
		position: absolute;
		top: 0;
		left: -130px;
		color: #B2825A;
		text-align: center;
	}
	.MAINBRAND5-container .MAINBRAND5-BRAND-ICON .icon-text {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.MAINBRAND5 {
		width: 100%;
		min-height: 400px;
		margin: 0; 
		padding: 0;
	}
	.MAINBRAND5 table.outer {
		width: 100%;
		height: 100%;
		border: 1px solid #B2825A;
		border-top: 0px;
	}	
	.MAINBRAND5 table, .MAINBRAND5 table tr, .MAINBRAND5 table tr td {
		margin: 0; padding: 0;
	}		
	.MAINBRAND5 table tr td.leftBox {
		width: 300px;
		height: 100%;
		margin: 0;
		border-right: 1px solid #B2825A;
		vertical-align: top;
	}
	.MAINBRAND5 table tr td.leftBox .title {
		width: 100%;
		height: 100px;
		padding: 30px;
		background-color: #B2825A;
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.MAINBRAND5 table tr td.leftBox .wrapper-slide {
		width: 400px;
		min-height: 450px;
		padding: 10px;
		background-color: #fff;
		text-align: center;
	}
	.MAINBRAND5 table tr td.leftBox .wrapper-slide .content {
		width: 100%;
		height: 100%;
		margin: 0; 
		padding: 0;
		border: 0px solid #191970;
	}	
	.MAINBRAND5 table tr td.leftBox .wrapper-slide .content .item-img {
		margin: 0 auto;
		width: 100%;
		height: 370px;
		border: 0px solid #000;
		background-color: #fff;
		z-index: 2;
	}
	.MAINBRAND5 table tr td.leftBox .wrapper-slide .content .bottom {
		width: 100%;
		min-height: 160px;
		padding: 15px;		
		border: 0px solid #000;
		background-color: #E1C8B4;	
		display: flex;
		justify-content: center;
		align-items: center;	
		z-index: 2;				
	}
	.MAINBRAND5 table tr td.leftBox .wrapper-slide .content .bottom .item-name {
		font-size: 20px;
		color: #B2825A;
	}
	.MAINBRAND5 table tr td.rightBox {
		width: *;
		height: 100%;
		border: 0px solid #000;
		text-align: left;	
	}
	
	/* 전체보기 버튼 **/
	#MAINBRAND5-BRAND-BTN-LIST{ border:1px solid #B2825A; color:#B2825A; }
	
	/**
	| -------------------------------------------------------------------------
	| @ 05. 메인 갤러리
	| -------------------------------------------------------------------------
	*/
	.wrapper-grallery {
		width:100%; 
	}

	/*-----------------------------------------------**/
	/* @ 갤러리 헤더		 			     	 	 	 **/
	/*-----------------------------------------------**/	
	.wrapper-grallery .grallery-header  {
		background-color:#5703A3; /*#3C057D;**/
		position: relative;	
		padding-top: 70px;
		padding-bottom: 70px;
	}	
	.wrapper-grallery .header-text1 {
		font-family: 's-core-dream-5'; color:#fff; font-size:50px; 
		letter-spacing:5px;
	}
	.wrapper-grallery .header-text2 {
		font-family: 's-core-dream-5'; color:#fff; font-size:27px; 
		letter-spacing:5px;
	}
	.wrapper-grallery .neon-wrpper {
		position: relative;		
	}
	.wrapper-grallery .neon-wrpper .neon1 { color:#FE8FCA; }
	.wrapper-grallery .neon-wrpper .neon2 { color:#3FF8F3; }
	.wrapper-grallery .neon-wrpper .neon3 { color:#F0D617; }
	.wrapper-grallery .neon-wrpper .neon1:before {
		content: '*'; position: absolute; top:-50px; left:5px;		
	}
	.wrapper-grallery .neon-wrpper .neon2:before {
		content: '*'; position: absolute; top:-50px; left:5px;		
	}
	.wrapper-grallery .neon-wrpper .neon3:before {
		content: '*'; position: absolute; top:-50px; left:5px;		
	}

	/*-----------------------------------------------**/
	/* @ 해시태그 button		 			     	 	 **/
	/*-----------------------------------------------**/
	.wrapper-grallery .hashtag-section {
		padding: 0; margin: 0;
	}
	.wrapper-grallery .hashtag {
		/*border: 1px solid #5703A3;**/
		color: #9e9e9e; /*#995709;**/
		display: inline-block;
		min-width: 130px;
		padding-left: 7px; padding-right: 7px;
		padding-top: 3px; padding-bottom: 3px;
		margin-bottom: 7px;
		margin-right: 7px;
		font-size: 14px;
		cursor: pointer;
		text-align: center;
	}
	.hashtag-default { border: 1px solid #D4D4D4; /*#DDB8FE;**/ }
	.hashtag-active { border: 1px solid #5703A3; }
	
	/*-----------------------------------------------**/
	/* @ 썸네일 영역		 			     	 	     **/
	/*-----------------------------------------------**/
	.wrapper-grallery .gallery-thumbnail-section {
		width: 100%;
		height: 62px;
		border: 0px solid #000;
		position: relative;
	}
	/* pause 일시정지 **/
	.wrapper-grallery .gallery-thumbnail-section .gallery-thumbnail-pause {
		z-index: 2;
		position: absolute;
		top:10px;
		left: 50%;
		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.wrapper-grallery .gallery-thumbnail-section .gallery-thumbnail-pause i { font-size:45px; color:#5703a3; /*#DBB4FE;**/ }
	/* 썸네일 **/
	.wrapper-grallery .gallery-thumbnail-section .gallery-thumb {
		max-width: 96px;
		height: 70px;
		cursor: pointer;
		position: relative;
	}
	
	/* 섬네일 네비 버튼 **/
	.thumb-owl-navi-btn {
		width: 35px;
		height: 35px;
		line-height: 35px;
		border: 1px solid #afafaf;
		font-size: 20px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		background-color: #afafaf; /*#E7E7E7;**/
		padding-top:2px;
		color: #fff; /*#AFAFAF;**/
	}
	.thumb-owl-navi-btn:hover {
		width: 35px;
		height: 35px;
		line-height: 35px;
		border: 1px solid #000;
		background-color: #000;
		font-size: 20px;
		color: #fff;
	}	
	.thumb-owl-navi-btn.prev {
		position: absolute;
		left:-50px; top:18px;
	}
	.thumb-owl-navi-btn.next {
		position: absolute;
		right:-50px; top:18px;
	}

	/* current slide hightlight **/
	.gallery-thumbnail-slide .owl-item .gallery-thumb {
		border: 0px solid #fff;
	}
	.gallery-thumbnail-slide .owl-item.active.center .gallery-thumb {
		border: 4px solid #5703A3; /*#DBB4FE;**/
	}
			
	/*-----------------------------------------------**/
	/* @ 갤러리 프리뷰 영역		 			     	 	 **/
	/*-----------------------------------------------**/
	.wrapper-grallery .gallery-preview-section {
		margin: 0 auto;
		width: 800px;
		height: 550px;
		position: relative;
		border: 0px solid #E8CFFE; /*#E7E7E7;**/
	}
	/* 갤러리 프리뷰 네비 버튼 **/
	.wrapper-grallery .gallery-preview-section .preview-navBtn {
		position: absolute;
		border: 0px solid #AFAFAF;
		cursor: pointer;
		color: #DBB4FE; /*#AFAFAF;**/
		font-size: 90px; /*70px;**/
		padding-top: 10px;
	}
	.wrapper-grallery .gallery-preview-section .preview-navBtn:hover { color: #5703A3; }
	.wrapper-grallery .gallery-preview-section .preview-navBtn.preview-navBtn-prev {
		left:-150px; top:170px;
	}
	.wrapper-grallery .gallery-preview-section .preview-navBtn.preview-navBtn-next {
		right:-150px; top:170px;
	}
	/* preview 이미지 갯수 **/
	.wrapper-grallery .gallery-preview-section .wrapper-photo-cnt {
		z-index: 3;
		position: absolute;
		top: 15px; left: 120px;
	}	
	/* 갤러리 프리뷰 SLIDE **/
	.wrapper-grallery .gallery-preview-section .gallery-preview-slide {
		width: 100%;
		height: 100%;
		border: 0px solid #5703A3;
	}
	.wrapper-grallery .gallery-preview-section .gallery-preview-slide .gallery-preview-item {
		height: 450px;
		cursor: grab;
	}
	.wrapper-grallery .gallery-preview-section .gallery-preview-bottom-desc {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100px;
		line-height: 100px;
		border: 0px solid #5703A3;
		background-color: #ececec; /*#FAF4FF;**/
		/*opacity: 0.5;**/
		color: #000;
		font-family: 'nexonMaplestoryLight';
		font-size: 16px;
		text-align: center;
	}
	
	/*.hashtag-area {
		margin-top: 30px;
	}
	.hashtag-area .hashtag-unit {
		border: 1px solid #DDB8FE;
		display: inline-block;
		min-width: 120px;
		color: #fff;
		text-align: center;
		padding-top: 2px; padding-bottom: 2px;
		margin-right:5px;
	}**/