@charset "UTF-8";
/* CSS Document */

/*mobie-first*/

/*=======================================================================
=============================--CSS FILE--================================
=======================================================================*/

/*======================================================================
============================GENERAL FORMAT==============================
======================================================================*/

/*====================Embed Font====================*/
@font-face {
	font-family:'BebasNeue-Thin';
	src: url('../../font/BebasNeue/BebasNeue-Thin.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Thin.woff')format('woff'),
			 url('../../font/BebasNeue/BebasNeue-Thin.ttf')format('truetype');  
}

@font-face {
	font-family:'BebasNeue-Light';
	src: url('../../font/BebasNeue/BebasNeue-Light.eot')format('eot'),
	     url('../../font/BebasNeue/BebasNeue-Light.woff')format('woff'),  
			 url('../../font/BebasNeue/BebasNeue-Light.ttf')format('truetype');
}

@font-face {
	font-family:'BebasNeue-Regular';
	src: url('../../font/BebasNeue/BebasNeue-Regular.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Regular.woff')format('woff'),
			 url('../../font/BebasNeue/BebasNeue-Regular.ttf')format('truetype');  
}

@font-face {
	font-family:'BebasNeue-Book';
	src: url('../../font/BebasNeue/BebasNeue-Book.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Book.woff')format('woff'), 
			 url('../../font/BebasNeue/BebasNeue-Book.ttf')format('truetype');
}

@font-face {
	font-family:'BebasNeue-Bold';
	src: url('../../font/BebasNeue/BebasNeue-Bold.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Bold.woff')format('woff'),
	     url('../../font/BebasNeue/BebasNeue-Bold.ttf')format('truetype');
}

@font-face {
	font-family:'Gidole-Regular';
	src: url('../../font/Gidole/Gidole-Regular.eot')format('eot'), 
			 url('../../font/Gidole/Gidole-Regular.woff')format('woff'),
			 url('../../font/Gidole/Gidole-Regular.ttf')format('truetype'); 
}

@font-face {
	font-family:'UTMA&SHeartbeat';
	src:url('../../font/Heartbeat/UTMA&SHeartbeat.eot')format('eot'), 
	    url('../../font/Heartbeat/UTMA&SHeartbeat.woff')format('woff'),
			url('../../font/Heartbeat/UTMA&SHeartbeat.ttf')format('truetype'); 
}

/*====================Apply For All====================*/
* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

/*====================header====================*/
header {
	position:relative;
}

/*====================banner====================*/
.banner1 {background-image:url(../../img/col/women_col/wo_cs_1.jpg);}
.banner2 {background-image:url(../../img/col/women_col/wo_cs_2.jpg);}
.banner3 {background-image:url(../../img/col/women_col/wo_cs_3.jpg);}
.banner4 {background-image:url(../../img/col/women_col/wo_cs_4.jpg);}

.collectionContent .colDetail .col1 { background-image:url(../../img/col/women_col/wo_bd.jpg);}
.collectionContent .colDetail .col2 { background-image:url(../../img/col/women_col/wo_gni.jpg);}
.collectionContent .colDetail .col3 { background-image:url(../../img/col/women_col/wo_rr.jpg);}

/*======================================================================
============================MOBILE VERSION==============================
======================================================================*/
@media only screen and (max-width: 40em) {
/*====================header-SMALL====================*/
header {
	height:360px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-SMALL====================*/
.menu3Vach {
	background-color:#E333A5;
	margin-left:90%;
}

.hamburgerMenu {
	position:absolute;
	top:3%;
	height:2.5rem;
	width:2.5rem;
	background:rgba(0,0,0,0.5);
	border:0.05rem solid #fff;	
}

.hamburgerMenu i {
	text-align:center;
	line-height:2.5rem;
	margin:0 0 0 0.6rem;
}

.hamburgerMenu a {
	color:#fff;
	font-size:2rem;
	text-decoration:none;
}

.hamburgerMenu a:hover {
	color:#EEEEEE;
}

.mainMenuHolder {
	/*background:#A0494B;*/
	position:relative;
	overflow:hidden;
	min-height:100%;
}

.smallMainMenu {
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:3%;
	width:50%;
	margin-left:3.9rem;
	/*right:-50%;*/
	z-index:999;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.smallMainMenu ul {
	list-style-type:none;
	padding:0.5rem;
}

.smallMainMenu ul li {
	/*background:#FD1C1F;*/
	margin:0.5rem 0 0 0.3rem;
}

.smallMainMenu ul li a {
	text-decoration:none;
	color:#fff;
	font-family:'BebasNeue-Regular';
	font-size:1.250rem;
}

.smallMainMenu ul li a:hover {
	color:#eee;
	border-bottom:0.1rem #fff solid;
}

/*====================logoArea-SMALL====================*/
.logoArea {
	position:relative;
	height:480px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:50%;
	top:9%;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:56%;
	top:45%;
	width:21rem;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 1rem 0 1rem;
}

/*====================collectionPart-SMALL====================*/
.collectionPart {
	/*background:#D65658;*/
	height:50rem;
}

/*=========collectionTitle=========*/
.collectionTitle {
	/*background:#4B4FD9;*/
	position:relative;
	/*padding:1rem 0 1rem 0;*/
	height:10rem;
}

.collectionTitle h1 {
	font-family:'UTMA&SHeartbeat';
	color:#731019;
	font-size:6rem;
	text-align:center;
	position:absolute;
	left:20%;
	top:-20%;
}

.collectionTitle h2 {
	font-family:'BebasNeue-Bold';
	font-size:1.7rem;
	position:absolute;
	top:67%;
	left:53%;
}

/*=========collectionHeadline=========*/
.collectionHeadLine {
 /* background:#E2E664;*/
	height:2rem;
	border-bottom:0.1rem solid #000;
	width:100%;
	margin:0 0.5rem 0.5rem 0.5rem;
	position:relative;
}

.collectionHeadLine h5 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	height:2.1rem;
	width:6rem;
	border-bottom:0.4rem solid #000000;
	position:absolute;
}

/*=========collectionContent=========*/
.collectionContent {	
	/*background:#C6F2B6;*/
	height:38rem;
}

/*=========banner=========*/
.bannerBox {
	height:20rem;
	width:100%;
	position:relative;
	background:#4CC8F7;
	overflow:hidden;
	margin-top:1rem;
}
.bannerReel {
	height:100%;
	width:400%;
	position:absolute;
	background:#993;
}
h1 {
	background:rgba(255,255,255,0.6);
	width:30%;
	height:auto;
	transform:translate(3rem,3rem);
	padding:0.5rem;
}
.banner1, .banner2, .banner3, .banner4 {
	float:left;
	width:25%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.bannerNav {
	/*background:#91E9EB;*/
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:1%;
	left:50%;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
			    transform:translateX(-50%);
}

.bannerNav li {
	float:left;
	margin:0.5rem;
}
.bannerNav a {
	display:block;
	border:0.05rem solid #000;
	width:1rem;
	height:1rem;
	border-radius:50%;
	text-indent:-99999rem;
}
.bannerNav a:hover, .bannerNav .active {
	background:#000;
}
#goNext, #goPrev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
					transform:translateY(-50%);
}
#goNext:hover, #goPrev:hover {
	/*background:#fff;
	color:#F60;*/
}
#goPrev { left:2%; }
#goNext { right:2%; }

/*=========linkShop=========*/
.linkShop {
	/*background:#98D9B7;*/
	margin:1rem 0 1rem 0;
	height:2rem;
	position:relative;
}

.linkShop h3 {
	font-family:'BebasNeue-Bold';
	font-size:1.288rem;
	float:left;
	position:absolute;
	left:66%;
}

.linkShop .iconLinkShop {
	/*background:#EB1CDE;*/
	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 0.5rem solid #000;
	width:0;	
	position:absolute;
	left:96%;
	top:25%;
}

.linkShop h3:hover {
	color:#731019;
}

.linkShop .iconLinkShop {
	border-left: 0.5rem solid #731019;
}

/*=========line=========*/
.line {
	/*background:#3C37CB;*/
	height:2rem;
	margin-bottom:1rem;
	position:relative;
}

.line img {
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}

/*=========colDetail=========*/
.colDetail {
	/*background:#D0E474;*/
}

.col1, .col2, .col3 {
	/*background:#CD87CF;*/
	height:7rem;
	position:relative;
	background-size:cover;
}

.colBackTitle {
	background:rgba(255,255,255,0.6);
	position:absolute;
	width:100%;
	top:55%;
	height:2rem;
	
}

.colBackTitle:hover {
	background:rgba(0,0,0,0.6);
}

.colBackTitle h4 {
	font-family:'BebasNeue-Bold';
	font-size:1rem;
	color:#000;
	text-align:center;
	line-height:2rem;
	-webkit-transition:all .25s ease;
	   -moz-transition:all .25s ease;
	    -ms-transition:all .25s ease;
	        transition:all .25s ease;
}

.colBackTitle h4:hover {
	color:#fff;
}

/*====================footer-SMALL====================*/
footer {
	height:272px;
	position:relative;
}

.footerPart1 {
	position:absolute;
	top:0;
	left:0;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:45%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:0.5rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:45%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:0.5rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:absolute;
	left:0;
	bottom:0;
}

.footerPart2 p {
	line-height:2.5rem;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:0.875rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.footerPart2 .dongCopyright {
	/*background:#F8292D;*/
	width:24rem;
	padding-left:1rem;
	float:left;
}

}

/*======================================================================
============================TABLET VERSION==============================
======================================================================*/
@media only screen and (min-width: 40.063em) {
	
/*====================header-MEDIUM====================*/
header {
	height:580px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-MEDIUM====================*/
.mainMenu {
	position:absolute;
	bottom:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}

.mainMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.mainMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	width:650px;
	margin:0;
	padding:0;
	text-align:center;
}

.mainMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 1.55rem 0 1.55rem;
	float: left;
}

.mainMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.mainMenuDetail ul li a:hover {
	color:#eee;
}

.mainMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.mainMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================logoArea-MEDIUM====================*/
.logoArea {
	position:relative;
	height:768px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:15%;
}

.logoArea .headerQuote {
	/*background:#280607;*/
	width:35rem;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:37%;
}

.logoArea .headerQuote p {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	text-align:center;
	padding:0;
	margin:0 0 0.5rem 0;
}

.logoArea .headerQuote p span {
	font-size:3rem;
	position:absolute;
}

.logoArea .headerQuote p .openQuote {
	left:5.2rem;
	top:-10%;
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	-webkit-transform:rotate(-180deg);
	   -moz-transform:rotate(-180deg);
	        transform:rotate(-180deg);
}

.logoArea .headerQuote p .closeQuote {
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	left:72%;
	top:55%;
}

.logoArea .headerQuote h4 {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:0.938rem;
	text-align:center;
	padding:0;
	margin:0;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:51%;
	bottom:34%;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 1.5rem 0 1.5rem;
}

/*====================collectionPart-MEDIUM====================*/
.collectionPart {
	/*background:#D65658;*/
	height:65rem;
}

/*=========collectionTitle=========*/
.collectionTitle {
	/*background:#4B4FD9;*/
	position:relative;
	/*padding:1rem 0 1rem 0;*/
	height:10rem;
}

.collectionTitle h1 {
	font-family:'UTMA&SHeartbeat';
	color:#731019;
	font-size:6rem;
	text-align:center;
	position:absolute;
	left:30%;
	top:-20%;
}

.collectionTitle h2 {
	font-family:'BebasNeue-Bold';
	font-size:1.7rem;
	position:absolute;
	top:67%;
	left:53%;
}

/*=========collectionHeadline=========*/
.collectionHeadLine {
  /*background:#E2E664;*/
	height:2rem;
	border-bottom:0.1rem solid #000;
	width:46rem;
	margin:0 1rem 1rem 1rem;
	position:relative;
}

.collectionHeadLine h5 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	height:2.1rem;
	width:6rem;
	border-bottom:0.4rem solid #000000;
	position:absolute;
}

/*=========collectionContent=========*/
.collectionContent {	
	/*background:#C6F2B6;*/
	height:50rem;
}

/*=========banner=========*/
.bannerBox {
	height:30rem;
	width:100%;
	position:relative;
	background:#4CC8F7;
	overflow:hidden;
	margin-top:1rem;
}
.bannerReel {
	height:100%;
	width:400%;
	position:absolute;
	/*background:#993;*/
}
h1 {
	background:rgba(255,255,255,0.6);
	width:30%;
	height:auto;
	transform:translate(3rem,3rem);
	padding:0.5rem;
}
.banner1, .banner2, .banner3, .banner4 {
	float:left;
	width:25%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.bannerNav {
	/*background:#91E9EB;*/
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:1%;
	left:50%;
	-webkit-transform:translateX(-50%);
			    transform:translateX(-50%);
}

.bannerNav li {
	float:left;
	margin:0.5rem;
}
.bannerNav a {
	display:block;
	border:0.05rem solid #000;
	width:1rem;
	height:1rem;
	border-radius:50%;
	text-indent:-99999rem;
}
.bannerNav a:hover, .bannerNav .active {
	background:#000;
}
#goNext, #goPrev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
					transform:translateY(-50%);
}
#goNext:hover, #goPrev:hover {
	/*background:#fff;
	color:#F60;*/
}
#goPrev { left:2%; }
#goNext { right:2%; }

/*=========linkShop=========*/
.linkShop {
	/*background:#98D9B7;*/
	margin:1rem 0 1rem 0;
	height:2rem;
	position:relative;
}

.linkShop h3 {
	font-family:'BebasNeue-Bold';
	font-size:1.288rem;
	float:left;
	position:absolute;
	left:77%;
}

.linkShop .iconLinkShop {
	/*background:#EB1CDE;*/
	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 0.5rem solid #000;
	width:0;	
	position:absolute;
	left:96%;
	top:25%;
}

.linkShop h3:hover {
	color:#731019;
}

.linkShop .iconLinkShop {
	border-left: 0.5rem solid #731019;
}

/*=========line=========*/
.line {
	/*background:#3C37CB;*/
	height:2rem;
	margin-bottom:1rem;
	position:relative;
}

.line img {
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}

/*=========colDetail=========*/
.colDetail {
	/*background:#D0E474;*/
}

.col1, .col2, .col3 {
	/*background:#CD87CF;*/
	height:10rem;
	position:relative;
	background-size:cover;
}

.colBackTitle {
	background:rgba(255,255,255,0.6);
	position:absolute;
	width:100%;
	top:55%;
	height:3rem;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.colBackTitle:hover {
	background:rgba(0,0,0,0.6);
}

.colBackTitle h4 {
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	color:#000;
	text-align:center;
	line-height:3rem;
}

.colBackTitle h4:hover {
	color:#fff;
}

/*====================footer-MEDIUM====================*/
footer {
	height:272px;
	position:relative;
}

.footerPart1 {
	position:absolute;
	top:0;
	left:0;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerAbout ul, .footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerAbout img, .footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerAbout {
	float:left;
	height:12.5rem;
	/*width:19rem;*/
	width:27%;
	margin:1rem 0.5rem;
	/*background:#4DEFEA;*/
	padding-left:1rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerAbout h3 {
	margin:1rem 0 0.5rem 0 !important;
}

.footerPart1 .footerAbout a {
	line-height:2.1rem !important;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:30%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:1rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:35%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:1rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:absolute;
	left:0;
	bottom:0;
}

.footerPart2 p {
	line-height:2.5rem;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:1rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.footerPart2 .dongCopyright {
	/*background:#F8292D;*/
	width:24rem;
	padding-left:1rem;
	float:left;
}

.footerPart2 .dongPolicy {
	width:13rem;
	padding-left:6rem;
	float:left;
	/*background:#C45CE8;*/
}

.footerPart2 .dongTerms {
	/*background:#45DAE3;*/
	width:10rem;
	padding-left:1rem;
	float:left;
}

}

/*======================================================================
==============================PC VERSION================================
======================================================================*/
@media only screen and (min-width: 64.063em) {
	
/*====================header-LARGE====================*/
header {
	height:768px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-LARGE====================*/
.mainMenu {
	position:absolute;
	bottom:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}

.mainMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.mainMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.45rem;
	width:900px;
	margin:0;
	padding:0;
	text-align:center;
}

.mainMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 2.5rem 0 2.5rem;
	float: left;
}

.mainMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.mainMenuDetail ul li a:hover {
	color:#eee;
}

.mainMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.mainMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================showMenu-LARGE====================*/
.showMenu {
	position:absolute;
	top:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	z-index:99;
}

.showMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.showMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.45rem;
	width:900px;
	margin:0;
	padding:0;
	text-align:center;
}

.showMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 2.5rem 0 2.5rem;
	float: left;
}

.showMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.showMenuDetail ul li a:hover {
	color:#eee;
}

.showMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.showMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================logoArea-LARGE====================*/
.logoArea {
	position:relative;
	height:768px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:18%;
}

.logoArea .headerQuote {
	/*background:#280607;*/
	width:35rem;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:53%;
}

.logoArea .headerQuote p {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1.313rem;
	text-align:center;
}

.logoArea .headerQuote p span {
	font-size:4rem;
	position:absolute;
}

.logoArea .headerQuote p .openQuote {
	left:2.3rem;
	top:-10%;
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	-webkit-transform:rotate(-180deg);
	   -moz-transform:rotate(-180deg);
	        transform:rotate(-180deg);
}

.logoArea .headerQuote p .closeQuote {
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	left:77%;
	top:60%;
}

.logoArea .headerQuote h4 {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1rem;
	text-align:center;
	padding:0;
	margin:0;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:51%;
	/*top:75%;*/
	bottom:13%;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 2rem 0 2rem;
}

/*====================collectionPart-LARGE====================*/
.collectionPart {
	/*background:#D65658;*/
	height:75rem;
}

/*=========collectionTitle=========*/
.collectionTitle {
	/*background:#4B4FD9;*/
	position:relative;
	/*padding:1rem 0 1rem 0;*/
	height:10rem;
}

.collectionTitle h1 {
	font-family:'UTMA&SHeartbeat';
	color:#731019;
	font-size:6rem;
	text-align:center;
	position:absolute;
	left:30%;
	top:-20%;
}

.collectionTitle h2 {
	font-family:'BebasNeue-Bold';
	font-size:1.7rem;
	position:absolute;
	top:67%;
	left:53%;
}

/*=========collectionHeadline=========*/
.collectionHeadLine {
  /*background:#E2E664;*/
	height:2rem;
	border-bottom:0.1rem solid #000;
	width:100%;
	margin:0 0 1rem 0;
	position:relative;
}

.collectionHeadLine h5 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	height:2.1rem;
	width:6rem;
	border-bottom:0.4rem solid #000000;
	position:absolute;
}

/*=========collectionContent=========*/
.collectionContent {	
	/*background:#C6F2B6;*/
	height:50rem;
}

/*=========banner=========*/
.bannerBox {
	height:35rem;
	width:100%;
	position:relative;
	background:#4CC8F7;
	overflow:hidden;
	margin-top:1rem;
}
.bannerReel {
	height:100%;
	width:400%;
	position:absolute;
	background:#993;
}
h1 {
	background:rgba(255,255,255,0.6);
	width:30%;
	height:auto;
	transform:translate(3rem,3rem);
	padding:0.5rem;
}
.banner1, .banner2, .banner3, .banner4 {
	float:left;
	width:25%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.bannerNav {
	/*background:#91E9EB;*/
	margin:0;
	padding:0;
	list-style-type:none;
	position:absolute;
	bottom:1%;
	left:50%;
	-webkit-transform:translateX(-50%);
			    transform:translateX(-50%);
}

.bannerNav li {
	float:left;
	margin:0.5rem;
}
.bannerNav a {
	display:block;
	border:0.05rem solid #000;
	width:1rem;
	height:1rem;
	border-radius:50%;
	text-indent:-99999rem;
}
.bannerNav a:hover, .bannerNav .active {
	background:#000;
}
#goNext, #goPrev {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
					transform:translateY(-50%);
}
#goNext:hover, #goPrev:hover {
	/*background:#fff;
	color:#F60;*/
}
#goPrev { left:2%; }
#goNext { right:2%; }

/*=========linkShop=========*/
.linkShop {
	/*background:#98D9B7;*/
	margin:1rem 0 1rem 0;
	height:2rem;
	position:relative;
}

.linkShop h3 {
	font-family:'BebasNeue-Bold';
	font-size:1.288rem;
	float:left;
	position:absolute;
	left:84.5%;
	color:#000;
}

.linkShop .iconLinkShop {
	/*background:#EB1CDE;*/
	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 0.5rem solid #000;
	width:0;	
	position:absolute;
	left:99%;
	top:25%;
}

.linkShop h3:hover {
	color:#731019;
}

.linkShop .iconLinkShop {
	border-left: 0.5rem solid #731019;
}

/*=========line=========*/
.line {
	/*background:#3C37CB;*/
	height:2rem;
	margin-bottom:1rem;
	position:relative;
}

.line img {
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}

/*=========colDetail=========*/
.colDetail {
	/*background:#D0E474;*/
}

.col1, .col2, .col3 {
	/*background:#CD87CF;*/
	height:15rem;
	position:relative;
	background-size:cover;
}

.colBackTitle {
	background:rgba(255,255,255,0.6);
	position:absolute;
	width:100%;
	top:55%;
	height:4rem;
}

.colBackTitle:hover {
	background:rgba(0,0,0,0.6);
}

.colBackTitle h4 {
	font-family:'BebasNeue-Bold';
	font-size:2rem;
	color:#000;
	text-align:center;
	line-height:4rem;
}

.colBackTitle h4:hover {
	color:#fff;
}

/*====================footer-LARGE====================*/
footer {
	height:272px;
	position:static;
}

.footerPart1 {
	position:inherit;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 .footerLogo {
	float:left;
	height:12.5rem;
	/*width:21.5rem;*/
	/*width:25rem;*/
	width:28%;
	margin:1rem 0.5rem;
	/*background:#8F589D;*/
	position:relative;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerLogo img {
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	top:7%;
	left:50%;
}

.footerPart1 .footerLogo h2 {
	font-family:'BebasNeue-Regular';
	font-size:1.460rem;
	color:#eee;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	top:79%;
	left:52%;
	width:258px;
	padding:0;
	margin:0;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerAbout ul, .footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerAbout img, .footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerAbout {
	float:left;
	height:12.5rem;
	/*width:19rem;*/
	width:20%;
	margin:1rem 0.5rem;
	/*background:#4DEFEA;*/
	padding-left:2rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerAbout h3 {
	margin:1rem 0 0.5rem 0 !important;
}

.footerPart1 .footerAbout a {
	line-height:2.1rem !important;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:22%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:2rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:22%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:2rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:relative;
}

.footerPart2 p {
	padding:0;
	margin:0;
	position:absolute;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	        transform:translateY(-50%);
	top:50%;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:1rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.dongCopyright {
	left:3%;
}

.dongPolicy {
	left:77%;
	padding-left:0 !important;
}

.dongTerms {
	left:86%;
}

}





