/* BASIC css start */
#contentWrapper { padding-bottom:0 !important }
#contentWrap { width: 100% }
.brandSection { position:relative }
.brandSection .brandImg { position:relative }
.brandSection .brandImg img { width:100% }
.brandSection .brandTxt { position:absolute; z-index:10 }

.section1 .brandTxt { top:32%; left:9%; color:#fff }
.section1 .brandTxt .t1 { font-size:40px; line-height:50px }
.section1 .brandTxt .t2 { padding-top:35px; font-size:20px; line-height: 40px }

.section2 .brandTxt { top:0; left:0; right:0; bottom:0 }
.section2 .brandTxt .brandContArea { margin:0 auto; position:relative; width:1140px; text-align:center }
.section2 .brandTxt .brandContArea .t1 { padding-top:9%; font-size:30px; color:#fff; font-weight:600 }
.section2 .brandTxt .brandContArea .t2 { padding-top:40px; font-size:23px; color: #fff; font-weight: 300; line-height: 40px; }
.section2 .brandTxt .brandContArea .movieArea { padding-top:40px }

@media all and ( max-width:1600px ) {
    .section2 .brandTxt .brandContArea .movieArea iframe { width:900px; height:480px }
} 
@media all and ( max-width:1400px ) {
    .section2 .brandTxt .brandContArea .movieArea iframe { width:650px; height:400px }
} 
@media all and ( max-width:1200px ) {
    .section2 .brandTxt .brandContArea .movieArea iframe { width:600px; height:337px }
} 

.section3 { padding:290px 0 200px }
.section3 .collectionWrap { padding:0 3% 0 46%; position:relative }
.section3 .collectionWrap .txtBox { padding-left:17%; position:absolute; top:0; left:0 }
.section3 .collectionWrap .txtBox .logo { padding-top:45% }
.section3 .collectionWrap .txtBox .t1 { padding-top:70px; font-size:42px; color:#b28865; font-weight:600 }
.section3 .collectionWrap .txtBox .t2 { padding-top:10px; font-size:20px; color:#161616; line-height:40px }
.section3 .collectionWrap .linears { position:absolute; top:260px; left:0; width:16%; height:1px; background:#373737 }
.section3 .collectionWrap .imgBox p { padding-bottom:59px }
.section3 .collectionWrap .imgBox p img { width:100% }

.section4 .brandTxt { top:50%; left:0; right:0; text-align:center }
.section4 .brandTxt .t1 { font-size:42px; color:#fff; opacity:0.7 }
.section4 .brandTxt .t1 img { margin-bottom: 20px }

.section5 { padding:230px 217px 289px; background:#f7ede4 }
.section5 .section5Top { *zoom:1 }
.section5 .section5Top:after { display:block; clear:both; content:'' }
.section5 .section5Top .topLeft { padding:30px 0 5px 55px; float:left }
.section5 .section5Top .topLeft img { width:185px }
.section5 .section5Top .topRight { float:right }
.section5 .section5Top .topRight .rightTxt { font-size:21px; color:#161616; line-height:40px }
.section5 .section5Cont { padding-top:125px } 
.section5 .section5Cont ul { *zoom:1 }
.section5 .section5Cont ul:after { display:block; clear:both; content:'' }
.section5 .section5Cont ul li { float:left; width:33.3% }
.section5 .section5Cont ul li p { padding:0 5px }
.section5 .section5Cont ul li img { width:100% }

.section6 { padding:201px 225px 196px 217px; background:#a58f77; }
.section6 .section6Cont { position:relative } 
.section6 .section6Cont ul { *zoom:1 }
.section6 .section6Cont ul:after { display:block; clear:both; content:'' }
.section6 .section6Cont ul li { float:left; width:50% }
.section6 .section6Cont ul li p { padding:0 10px }
.section6 .section6Cont ul li img { width:100% }
.section6 .section6Cont .t1 { margin-top:-70px; position:absolute; top:50%; left:0; right:0; font-size:86px; color:#fff; text-align:center; opacity:0.9; z-index:10; font-weight: 300; letter-spacing: -0.05em;}

.section8 .brandTxt { top:50%; left:9%; color:#fff }
.section8 .brandTxt .t1 { font-size:20px; line-height:28px }

.animated { -webkit-transition: all 1.3s; transition: all 1.3s; opacity:0; visibility:hidden }
.animatedTop { -webkit-transform:translate3d(0, 5rem, 0); transform:translate3d(0, 5rem, 0) }
.animatedLeft { -webkit-transform:translate3d(-5rem, 0, 0); transform:translate3d(-5rem, 0, 0) }
.animatedRight { -webkit-transform:translate3d(5rem, 0, 0); transform:translate3d(5rem, 0, 0) }
.animatedLine { -webkit-transform:translate3d(-20rem, 0, 0); transform:translate3d(-20rem, 0, 0) }

.fadeIn { opacity:1; visibility:visible }
.fadeInLeft { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; visibility:visible }
.fadeInRight { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; visibility:visible }
.fadeInTop { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); opacity:1; visibility:visible }


/* 영상 영역 */
.videoWrap { width:1005px; margin: 0 auto }
.videoWrap .videoArea { position:relative; padding-bottom:50.25%; /* 16:9 */  padding-top: 25px; height: 0; }
.videoWrap .videoArea iframe { position:absolute; top:0; left:0; width:100%; height:100% }


/* BASIC css end */