@charset "utf-8";

/* === CSS reset === */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	outline:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main{ 
	display:block;
}
ul,ol,li{list-style:none;}
a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
hr{
	display:block;
	height:1px;
	border:0; 
	border-top:1px solid #eeeeee;
	margin:1rem 0;
	padding:0;
}
input, select{vertical-align:middle;}
img{border:0; max-width:100%; vertical-align:middle;}
address{font-style:normal;}

/* === float, clear, margin, align === */

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.cf{*zoom:1;}
.cf:after{content:''; display:block; clear:both;}

.taL{text-align:left;}
.taC{text-align:center;}
.taR{text-align:right;}

.maC{margin:0 auto;}

/* === font style === */

body{
	background-color:#000000;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:12px;
	font-weight:400;
	}
h1, h2, h3, h4, h5, h6{
	font-weight:700;
	}
h2{font-size:1rem;}
small{
	font-weight:300;
	}

/* === layout === */

#wrap{
	width:1400px;
}
#wrap>div{
	width:1400px; height:1410px;
	background-color:#ffffff;
}

/* header */

#headerWrap{
	width:240px; height:1410px;
}
#headerWrap #header{
	width:240px; height:880px;
}
#header #logo{
	display:table-cell;
	width:240px; height:100px;
	text-align:center;
	vertical-align:middle;
}

/* header LNB */

#header #lnb{
	width:240px; height:530px;
}
#lnb>ul{
	width:200px;
	border-top:1px solid #000000;
	margin-left:20px;
}
#lnb>ul>li{
	border-bottom:1px solid #000000;
}
#lnb>ul>li>a{
	display:table-cell;
	width:200px; height:70px;
	vertical-align:middle;
	font-size:1rem;
	font-weight:500;
	text-indent:1rem;
}
#lnb>ul>li>a:hover{
	background-color:#000000;
	color:#ffffff;
}
#lnb ul.sub{
	height:130px;
	padding-top:4px;
}
#lnb ul.sub>li>a{
	display:block;
	width:200px; height:24px;
	line-height:24px;
	font-weight:400;
}
#lnb ul.sub>li>a:hover{
	text-decoration:underline;
}

/* header GNB */

#header #gnb{
	width:240px; height:270px;
	color:#999999;
}
#gnb a:hover{
	color:#000000;
}
#gnb #gnb1{
	width:200px; height:50px;
	margin-left:20px;
}
#gnb1 div:nth-child(1){width:50px;}
#gnb1 div:nth-child(2){width:150px;}
#gnb1 div:nth-child(2) input{
	width:110px; height:20px;
	border:1px solid #999999;
	outline:none;
}
#gnb1 div:nth-child(2) button{
	width:25px; height:20px;
	border:none;
	outline:none;
	background:#ffffff;
	color:#999999;
	cursor:pointer;
}
#gnb #gnb2{
	width:200px; height:200px;
	margin:10px 0 0 20px;
}
#gnb2>ul>li{
	height:40px;
}
#gnb2>ul>li>a{
	display:inline-block;
	height:20px;
	vertical-align:middle;
}
#gnb2>ul>li>ul{
	display:none;
}

/* header event */

#headerWrap #event{
	width:240px; height:530px; padding:0 20px;
}
#event .evtBanner a{
	display:block;
	width:200px; height:130px;
	margin-top:20px;
}
#event .evtBanner a div{
	width:200px; height:100px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
#event .evtBanner a div img{
	position:absolute;
	top:-60px;
}

/* content */

#contentWrap{
	width:940px; height:1410px;
}

/* content main */

#contentWrap #main{
	width:940px; height:580px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#main #mainVisual{
	width:940px; height:580px;
	position:relative;
}
#main #mainVisual li{
	position: absolute;
	width:940px; height:580px;
}
#main #mainVisual .visual_0{
	left:0;
	background:url(../img/lookbook/re_01.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	}
#main #mainVisual .visual_1{
	left:100%;
	background:url(../img/lookbook/re_15.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	}
#main #mainVisual .visual_2{
	left:200%;
	background:url(../img/lookbook/re_16.jpg) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	}
#mainBtn{
	position:absolute;
	bottom:12px; right:10px;
}
#mainBtn li{
	display:block;
	width:16px; height:16px;
	margin-left:5px;
	border:2px solid rgba(0,0,0,0.5);
	border-radius:8px;
}
#mainBtn li:hover{
	border:2px solid #000000;
}
#mainBtn li.on{
	border:2px solid #000000;
	background-color:#000000;
}

/* content section */

#contentWrap #section{
	width:940px; height:830px;
}
#section>div{
	width:470px; height:530px;
}
#section h2{
	margin-bottom:20px;
}

/* content section newArrival */

#section #newArrival{
	width:940px; height:300px;
	padding:45px 50px 0 30px;
}
#newArrival .itemWrap{
	width:860px; height:180px;
	padding:0 30px;
	position:relative;
}
#newArrival .itemWrap .prev{
	position:absolute;
	top:50%; left:-25px;
	margin-top:-30px;
	color:rgba(0,0,0,0.4);
	z-index:5;
}
#newArrival .itemWrap .next{
	position:absolute;
	top:50%; right:-25px;
	margin-top:-30px;
	color:rgba(0,0,0,0.4);
	z-index:5;
}
#newArrival .itemWrap .prev:hover,
#newArrival .itemWrap .next:hover{
	color:#000000;
}
#newArrival .itemWrap .rolling_panel{
	position:relative;
	width:860px; height:180px;
	overflow: hidden;
}
.rolling_panel .slide{
	width:860px; height:180px;
}
.rolling_panel .slide li{
    width:180px;
    height:180px;
	margin:0 10px;
    overflow:hidden;
	-webkit-transition:background-image .2s ease-out; 
	-moz-transition:background-image .2s ease-out; 
	-ms-transition:background-image .2s ease-out;
	-o-transition:background-image .2s ease-out; 
	transition:background-image .2s ease-out;
}
.rolling_panel .slide li a{
	display:block;
	width:180px;
    height:180px;
}
.rolling_panel .slide li:nth-child(1){
	background:url(../img/item/0d26b3e536a82db0ad37d9860d2e5af1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(1):hover{
	background:url(../img/item/52f741720059714293aa8d36bde44c96.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(2){
	background:url(../img/item/0e008889e93e6d70759422ff49732255.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(2):hover{
	background:url(../img/item/e6d8cd64028879bbe4966dc12f6f938b.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(3){
	background:url(../img/item/0532d62ec3a16c224ac90b5b84a37de1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(3):hover{
	background:url(../img/item/b9ac1a8b0a183a981c854f87f3075ae0.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(4){
	background:url(../img/item/17ea2b5d99c4e7476d004e854255e234.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(4):hover{
	background:url(../img/item/59455917d8956f453fda3422c0348322.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(5){
	background:url(../img/item/0d26b3e536a82db0ad37d9860d2e5af1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(5):hover{
	background:url(../img/item/52f741720059714293aa8d36bde44c96.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(6){
	background:url(../img/item/0e008889e93e6d70759422ff49732255.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(6):hover{
	background:url(../img/item/e6d8cd64028879bbe4966dc12f6f938b.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(7){
	background:url(../img/item/0532d62ec3a16c224ac90b5b84a37de1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(7):hover{
	background:url(../img/item/b9ac1a8b0a183a981c854f87f3075ae0.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(8){
	background:url(../img/item/17ea2b5d99c4e7476d004e854255e234.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.rolling_panel .slide li:nth-child(8):hover{
	background:url(../img/item/59455917d8956f453fda3422c0348322.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

/* content section video */

#section #video{
	width:470px; height:310px; padding:0 30px;
}

/* content section news */

#section #news{
	width:470px; height:220px; padding:0 30px;
}
#news ul li{
	list-style:square;
	margin-left:1rem;
	line-height:1.95rem;
}
#event a:hover, #news a:hover{
	text-decoration:underline;
}

/* content section outfit */

#section #outfit{
	width:470px; height:530px; padding:0 30px;
}
#outfit .instaWrap{
	width:385px; height:445px;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:space-between;
}
.instaWrap .insta{
    width:125px; height:125px;
	overflow:hidden;
}
.instaWrap .insta a{
	display:block;
	width:125px;
    height:125px;
}
.instaWrap .insta span{
	width:100%;
	height:100%;
	display:inline-block;
	-webkit-transition:transform .3s ease-out; 
	-moz-transition:transform .3s ease-out; 
	-ms-transition:transform .3s ease-out;
	-o-transition:transform .3s ease-out; 
	transition:transform .3s ease-out;
}
.instaWrap .insta:hover span{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3); /* IE 9 */
	-o-transform:scale(1.3);
	transform:scale(1.3);
	-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}
.instaWrap .insta:nth-child(1) span{
	background:url(../img/ootd/44685725_1954822001304871_6309671413355958490_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(2) span{
	background:url(../img/ootd/83373239_664731927619553_5079071685038660660_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(3) span{
	background:url(../img/ootd/69906694_2417378985248806_2136738918806801037_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(4) span{
	background:url(../img/ootd/83790378_126323665547894_3857115239708638179_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(5) span{
	background:url(../img/ootd/70760549_365129874436621_671610156349121735_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(6) span{
	background:url(../img/ootd/84228871_843103052817279_5474809884107219409_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(7) span{
	background:url(../img/ootd/82910905_123768529149734_4109756529383931743_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(8) span{
	background:url(../img/ootd/46970886_366280350602250_6472268858814958389_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.instaWrap .insta:nth-child(9) span{
	background:url(../img/ootd/83621288_176782260217024_328824805204735982_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

/* banner */

#banner{
	width:220px; height:1410px;
}
#banner>div{
	width:220px; height:470px;
}
#banner>div>a{
	display:table-cell;
	width:220px; height:470px;
	vertical-align:middle;
	font-size:3em;
	font-weight:700;
	line-height:130%;
	color:#ffffff;
	text-shadow:2px 2px 2px #000000;
	transition:background-color .2s ease-out;
}
#banner>div>a:hover{
	background-color:rgba(0,0,0,0.4);
}
#banner #banner1{
	background:url(../img/lookbook/re_Loobook-12_1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}
#banner #banner2{
	background:url(../img/lookbook/42158151_559728367815031_4278827274359598644_n.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}
#banner #banner3{
	background:url(../img/lookbook/19.jpg) no-repeat center center;
	background-size:420px;
}

/* footer */

#footer{
	width:1400px; height:100px;
	padding-top:30px;
	color:#bbbbbb;
}
#footer h3{
	color:#ffffff;
}
#footer a:hover{
	color:#ffffff;
}
#footer div ul li{font-weight:300;}
#footer #help{
	width:240px; height:170px;
	padding-left:20px;
}
#footer #ourStore{
	width:470px; height:170px;
	padding-left:30px;
}
#footer #joinUs{
	width:470px; height:170px;
	padding-left:30px;
}
#joinUs ul.copy li:nth-child(2)::before,
#joinUs ul.copy li:nth-child(3)::before{
	content:" / ";
	white-space:pre;
}
#footer #social{
	width:220px; height:170px;
	padding-left:20px;
}
#footer #social i{
	font-size:1.5rem;
	line-height:1.55;
}

/* === 반응형 === */

/* max-width:1024px */

/* max-width:768px */
 
/* max-width:600px */

/* max-width:320px */