/* BASIC css start */
/*
.brnadList { margin-bottom:50px; text-align: center;}
.brnadList button { display: inline-block; margin-left: 3px;background: #ffffff;width:40px; text-align: center; padding: 8px; font-size: 11px;margin-bottom: 5px; height: 30px;border-radius: 6px; border: 1px solid #eee; box-sizing: border-box; text-transform:uppercase; -webkit-transition:all 0.5s;-khtml-transition:all 0.5s ease;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.7s;transition:all 0.5s; }
.brnadList button:hover {border:1px solid #999;}
.brnadList button.listAll {font-size: 12px; background: #f3f3f3; color: #333;line-height: 10px; }
.brnadList button.active {background: #333;border: 1px solid #333;}
.brnadList button.active {color:#fff}

.brnadLogo .element-item {display:block;width:100%;}
.brnadLogo ul > li > a { display: block;text-align: center; padding:0;margin: 10px 0 10px 0; border-radius: 4px; width: 40px;height: 20px; line-height: 20px;font-size: 18px; background: #333; color:#fff }
.brnadLogo ul > li > nav {display:block;margin:15px 0 30px;}
.brnadLogo ul li > nav > div { display: inline-block; margin: 0 0.5% 1% 0;text-align:center; padding: 15px;font-size: 12px; width: 200px; height: 255px;  border: 1px solid #eee; }
.brnadLogo ul li > nav > div:hover {border:1px solid #999;}
.brnadLogo ul li > nav > div > a {display:block;text-align:center;;}
.brnadLogo ul li > nav > div img {display:block; width:200px;margin-bottom:10px;border-bottom:1px solid #eee;}
.brnadLogo ul li > nav > div span {display:block;}
.brnadLogo ul li > nav > div span.kor {font-family:"Nanum Gothic"; margin-bottom:5px;}
.brnadLogo ul li > nav > div span.eng {  font-size:11px;;letter-spacing:0.5px;  }
*/


/*

#fullpage { position:relative; }
#wrap {width:100%; height:100%;}
.fp-tableCell{ display:table-cell; vertical-align:middle; width:1280px; max-width:100%; height:100%;}
.section-con { opacity:0; transition:all 1s 0s; -webkit-transform: translate3d(0,50%,0); -moz-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);}
.active .section-con {   -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; transition-delay:.6s !important;} 
.section{ position:relative; text-align:center; background-position:center center; background-repeat:no-repeat; width:100%; background-size:cover; display:table; table-layout:fixed;  overflow:hidden;
transition:all 1s 0s; -webkit-transform: translate3d(0,50%,0); -moz-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); }
.story-logo { position:fixed; top:-25px; left:114px; z-index:2; transform:rotate(-90deg);}
.story-tit { position:fixed; right:78px; top:45px; color:#fff; font-size:18px; z-index:99; }
.container { margin-top:-200px;} */

.home{ position:fixed; top:39px; right:50px; z-index:99;}
.home a{ color:#ffe1e1; display:inline-block; border-radius:50px; background: #777; padding:10px 35px; font-size:13px;}
.home a:hover{ background:#ffe1e1; transition: 0.5s; border: 1px solid #ffe1e1; color:#777; }
.parallax .fp-tableCell > * { opacity:0; transition:all 1s 0s; -webkit-transform: translate3d(0,50%,0); -moz-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0);}
.active.parallax .fp-tableCell > * { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; transition-delay:.6s !important;}
#contentWrap {width:100%; margin-top:-200px;}
  #content { margin:0 0%!important;}

#section01 { position:relative; width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/1.jpg') center no-repeat; background-size:cover; }
#section01 p { position:absolute; width:100%; left:50%; margin-left:-50%; text-align:center; }
#section01 p:last-child { bottom:43%; font-size:12px; color:#000; opacity:.4; text-align:center; }

#section02 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/2.jpg') center no-repeat; background-size:cover; }
#section02 p, #section03 p,#section04 p, #section06 p { padding-left:9%; }
#section02 p:first-child, #section03 p:first-child, #section06 p:first-child { padding-top:60px; font-size:60px; font-weight:bold; color:#000;line-height:1.2; }
#section02 p:last-child, #section03 p:last-child { padding-top:45px; font-size:16px; color:#000; line-height:1.7;  font-weight:200; }

#section03 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/3.jpg') center no-repeat; background-size:cover; }
#section03 p { font-size:35px; font-weight:bold; color:#000; line-height:1.2;  }
#section03 p:last-child { padding-top:45px; font-size:16px; color:#000; line-height:1.7;  font-weight:200; }

#section04 { width:100%; height:100%;  background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/4.jpg') center no-repeat; background-size:cover; }
#section04 p { font-size:60px; font-weight:bold; color:#000; line-height:1.2;  }
#section04 p:last-child { padding-top:45px; font-size:16px; color:#000; line-height:1.7;  font-weight:200; }

#section05 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/5.jpg') center no-repeat; background-size:cover; }

#section06 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/6.jpg') center no-repeat; background-size:cover; }
#section06 p { text-align:center; margin-left:-100px; font-size:55px; font-weight:bold; color:#000; }
#section06 p:last-child { padding-top:45px; font-size:16px; color:#000; line-height:1.7; text-align:center; font-weight:200; }

#section07 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/6.jpg') center no-repeat; background-size:cover; }
#section07 p { bottom:55%; margin: 5% 0% 5% 10%; font-size:55px !important; font-weight:bold; color:#000; }
#section07 p:last-child {  color:#000; line-height:3; text-align:right; margin-right:15% }

#section08 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/7.jpg') center no-repeat; background-size:cover; }
#section08 p { margin-left:5%; font-size:65px; font-weight:bold; color:#fff; }
#section08 p:nth-child(2) { font-size:45px; font-weight:normal; color:#fff;line-height:1.9; }
#section08 p:nth-child(3) { padding-top:45px; font-size:15px; color:#fff; line-height:1.7;  font-weight:200; }

#section09 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/8.jpg') center no-repeat; background-size:cover; }
#section09 p { margin-left:5%; font-size:65px; font-weight:bold; color:#000; }
#section09 p:nth-child(2) { font-size:45px; font-weight:normal; color:#000;line-height:1.9; }
#section09 p:nth-child(3) { padding-top:45px; font-size:15px; color:#000; line-height:1.7;  font-weight:200; }

#section10 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/9.jpg') center no-repeat; background-size:cover; }
#section10 p { margin-left:5%; font-size:65px; font-weight:bold; color:#000; }
#section10 p:nth-child(2) { font-size:45px; font-weight:normal; color:#000;line-height:1.9; }
#section10 p:nth-child(3) { padding-top:45px; font-size:15px; color:#000; line-height:1.7;  font-weight:200; }

#section11 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/10.jpg') center no-repeat; background-size:cover; }
#section11 p { font-size:60px; font-weight:bold; color:#000; line-height:1.2; text-align:center; }
#section11 p:last-child { padding-top:45px; font-size:30px; color:#000; line-height:1.7;  font-weight:200; text-align:center; }

#section12 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/11.jpg') center no-repeat; background-size:cover; }
#section12 p { margin-left:5%; font-size:60px; font-weight:bold; color:#000; }
#section12 .tit {  margin-top:7%; }
#section12 p:nth-child(2) { padding-top:45px; font-size:14px; font-weight:normal; color:#000;line-height:1.9; }

#section13 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/brand/12.jpg') center no-repeat; background-size:cover; }
#section13 p { position:absolute; width:100%; right:35%; margin-right:-100%; font-size:35px; font-weight:bold; color:#000; }
/*#section13 p img { margin-left:-10px; }*/
#section13 p:last-child { padding-top:45px; font-size:12px; color:#777; line-height:1.7;  font-weight:200; }




/* 메뉴 */
#menu{position:fixed; top:38%; right:80px; z-index: 1;}
#menu li{display: block; width: 25px; height: 1px; margin: 25px 0; position: relative;}
#menu li a{display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer;  position: absolute; z-index: 1; height: 100%; width: 100%; border: 0; background: #777; left: 50%; top: 50%;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
#menu li a span{font-size:0;  }
#menu li.active a span, #menu li a:hover span{   font-size:0;   color: #777; position: absolute; left: -55px; top: -7px; font-size: 11px;}
#menu li.active  a{font-size:12px; color:#777;}
#menu li.active  a, #menu li a:hover{width:43px; background:#a47b72;left:-3px;}


.fp-scrollable{overflow: hidden; position: relative;}
.fp-scroller{overflow: hidden;}

@media screen and (max-width:1440px) {
#fullpage { width:100%; height:100%; }
#section13 p { position: absolute; width: 100%; right: 70%; margin-right:0%;}
#section12 p { font-size:50px;}
#section12 .tit {margin-top:0%;}
#section12 p:nth-child(2) { padding-top:30px;}
#section10 p:first-child,#section09 p:first-child,#section08 p:first-child,#section04 p:first-child { margin-top:50px;}
#section02 p, #section03 p { margin-top:20px;}
}
/* BASIC css end */