/* 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; }
#mainWarp {margin: auto;}
.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; width:200px;}
.home a{ color:#ffe1e1; display:flex; border-radius:50px; background: #777; padding:10px 0px; font-size:13px; width:100%; text-align:center; justify-content:center; }
.home a:hover{ background:#ffe1e1; transition: 0.5s; border: 1px solid #ffe1e1; color:#777; }

.home2{ position:fixed; top:89px; right:50px; z-index:99; width:200px;}
.home2 a{ color:#ffe1e1; display:flex; border-radius:50px; background: #777; padding:10px 0px; font-size:13px; width:100%; text-align:center; justify-content:center;}
.home2 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/com/1%2D3.jpg') center no-repeat; background-size:cover; }
#section01 p { /* position:absolute; width:100%; left:50%; margin-left:-50%; */ text-align:center; color:#fff; }
/*
#section01 span { position:absolute; width:100%; left:50%; margin-left:-50%; text-align:center; color:#fff; font-size:50px; margin-top:-700px; font-family:"Noto Serif KR"; }
*/
#section01 span { width:100%; text-align:center; color:#fff; font-size:50px; font-family:"Noto Serif KR"; margin-top:200px; display:inline-flex; justify-content:center }
#section01 .line { background: #fff; width: 1px; height: 150px; margin: 0 auto; margin-top: 30px; }
#section01 .typo1,.typo3 { font-size:20px; font-family:"Noto Serif KR"; }
#section01 .typo1 { margin-top:200px; line-height: 1.5; }
#section01 .typo2 { margin-top:30px; }
#section01 .typo3 { line-height: 1.5; margin-top:100px; }
#section01 .typo4 { margin-top:30px; }
#section01 .typo2,.typo4 { font-size:30px; font-family:"Noto Serif Korean"; }
/* #section01 .typo2 { font-size:20px; margin-top:-60px; font-family:"Noto Serif Korean"; }
#section01 p:last-child { top:10%; font-size:12px; /*opacity:.4;*/ text-align:center; } 
*/
#section01 p img {width:70%; }
#section01 .logo img{ width: 300px; margin-top: 800px; }


#section02 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/com/2%2D2.jpg') center no-repeat; background-size:cover; }
#section02 p, #section03 p,#section04 p, #section06 p { padding-left:5%; padding-right:5%; padding-top:45px; }
#section02 p:first-child, #section03 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; }*/
#section02 .typo01 { font-size: 16px; font-family:"Noto Serif Korean"; line-height:1.5; }
#section02  h1 { font-size: 60px;
    font-weight: 900;
    font-family: Noto Serif Korean; 
    color:#4e5b6c;
   margin-top:50px;
    padding-left: 5%;}
#section02 table {margin-top:300px; text-align:center; font-size:16px; color:#000; line-height:1.7;  font-weight:200; background-color:rgba(244,244,244,0.5); height:450px; font-family:"Noto Serif Korean"; }
#section02 .mes { padding-bottom: 30px; }
#section02 .mcs { padding-bottom: 80px; }
#section02 .md img { width:200px; padding-bottom: 20px; }
#section02 .mc img { width:150px;}

#section03 { width:100%; height:100%; background-color:#f4f4f4; 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; }


#section12 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/com/3.jpg') center no-repeat; background-size:cover; background-color:rgba(244,244,244,0.5); }
#section12 p { margin-left:5%; font-size:50px; font-weight:bold; color:#000; }
#section12 p:first-child { padding-top:0px !important; }
#section12 p:nth-child(2) { padding-top:45px; font-size:12px; font-weight:normal; color:#000;line-height:1.9; font-family: Noto Serif Korean; }

#section13 { width:100%; height:100%; background-color:#f4f4f4; background-size:cover; }
#section13 p img { width: -webkit-fill-available; }
/*#section13 p { position:absolute; width:100%; right:35%; margin-right:-100%; font-size:35px; font-weight:bold; color:#000; }
#section13 p:last-child { padding-top:45px; font-size:12px; color:#777; line-height:1.7;  font-weight:200; }*/

#section06 { width:100%; height:100%; background:url('http://kimsj0120.img3.kr/jjjjjjjjjjjjjjjjjjj/com/4.jpg') center no-repeat; background-size:cover; }
#section06 p { text-align:left; font-size:15px; font-weight:400; color:#000; font-family:"Noto Serif Korean"; }
#section06 .logo img{ width: 465px; /*margin-top: -170px;*/ padding-bottom:50px; }
#section06 .m { text-align:left; font-size:15px; color:#000; line-height:1.7; font-weight:400; }
/*#section06 p:last-child { padding-top:45px; font-size:16px; color:#000; line-height:1.7; text-align:center; font-weight:200; }*/
#section06 .last{ padding-top: 37px; font-size: 20px; }
#section06 .signiture img{ width: 230px; margin-top: -155px; padding-left: 222px;}





/* 메뉴 */
#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) {
#mainWarp {width: 1340px; margin:auto;}
#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;}
}

@media (min-width: 1366px) { 
#mainWarp {width: 1340px; margin:auto;}
}
@media (max-width: 1280px) {
#mainWarp {width: 1200px;}
}
@media (max-width: 1200px) {
#mainWarp { width: 100%;}
}
/*
@media (max-width: 992px) {
#mainWarp {width: 970px;}
}
@media (max-width: 768px) {
#mainWarp {width: 750px;}
}
*/


#section12 > div > div > div > ul { margin-left:5%; margin-top:30px; }
li { padding: 10px 0; }
dt { width: 50px; font-weight: bold; float: left; font-size:18px; margin-top:-4px; }
dd { margin-left: 70px; line-height:18px; }
/* BASIC css end */