@charset "utf-8";

/* ==========================================================================
   DubleS Custom
   ========================================================================== */

/* wrapper */
html, body{width:100%;height:100%;} 
.wrapper{position:relative;width:100%;height:100%;min-width:1240px;min-height: 880px;}
.wrapper .menu{position:fixed;top:45px;left:40px;z-index:100;}
.wrapper > h3{position:absolute;top:15px;right:25px;z-index:9;}

/* header */
.header{position:absolute;top:0;left:0;width:250px;height:100%;background:#222222;z-index:99;overflow-y:auto;}
.header h1{margin:80px 30px 0;}

/* nav */
.nav {margin:40px 30px 0;width:220px;font-size:12px;color:#fff ;}
.nav ul{overflow:hidden;}
.nav > ul > li{background:url(../images/B_menu_bg.png) 195px 15px no-repeat;border-top:1px solid #333333;}
.nav > ul li:last-child{border-bottom:1px solid #333333;}
.nav > ul > li a{display:block;color:#fff;padding:12px 0}
.nav > ul > li a:hover{background:#444444 url(../images/B_menu_bg.png) 195px 15px no-repeat;}
.nav > ul li > ul{display: none;} 
.nav > ul li > ul li{border-top:1px solid #444444;}
.nav > ul li > ul li a{color:#777777;padding-left:25px;}
.nav > ul li > ul li a:hover{background:#444444}
.nav > ul li > ul li:last-child{border-bottom: 0;}

/* B_footer */
.B_footer{margin:100px 0 45px 30px;font-size:11px;color:#898989;padding-bottom: 80px;}
.B_footer address{margin:16px 0;line-height:20px;}
.B_footer > ul{overflow:hidden;}
.B_footer > ul li{float:left;margin-right:10px;}

/* right-navigation */
#fp-nav{position:absolute;top:50%;right:0;}
#fp-nav ul li{margin:4px 0;}
#fp-nav ul li a > span{width: 8px;height: 8px;border: 1px solid #000;background: rgba(0, 0, 0, 0);border-radius: 50%;position: absolute;z-index: 1;}
#fp-nav ul li a.active span{background: #333;}
#fp-nav ul li .right{display:block;opacity:0;font-size:2px;}

/* control Nav */
.carousel {width: 640px!important;height:35px; margin:25px auto;overflow:hidden;}
.carousel li {display:inline-block;width:146px;height:31px;margin-right:10px;cursor:pointer;border:2px solid #333;}
.carousel li a {cursor:pointer;color:#222;width:146px;font-size:15px;line-height: 34px;}
.carousel li.flex-active-slide { background:#e6c258; cursor:pointer; font-family:'UbuntuBold';border: 2px solid #e6c258;}

/* flexslider */
.flexslider{}
.flexslider .slides > li {width:808px;font-family:'NanumGothic';display: none;padding-bottom:15px;}
.flexslider .slides > li p{font-size:17px;line-height: 28px;margin:12px 75px;color:#3f3e3b;text-align:left;}
.flexslider .slides strong{font-size:16px;}
.flexslider .slides:after {content: ""; display: block; clear: both;}
.flexslider .slides, #section1 .flexslider ul li:first-child {display: block;}
.flex-viewport{ transition: all 1s ease;}

/* direction Nav */
.flexslider .flex-direction-nav{height:10px;overflow:hidden;}
.flexslider .flex-direction-nav a { display: block; width:20px!important;height:25px;text-indent: -99px;position: absolute; top: 50%; margin-top:-30px;z-index: 10; overflow: hidden; cursor: pointer;}
.flexslider .flex-direction-nav .flex-prev { left: 2%; background: url(../images/B_arrow_left.png) no-repeat;}
.flexslider .flex-direction-nav .flex-next { right: 2%; background: url(../images/B_arrow_right.png) no-repeat;}

/* container */
.container{width:100%;height:100%;position:relative;}
.container .section{margin:0 auto;position:relative;}
.container .section .contents{position:absolute;top:0;left:55%;width:1218px;height:100%;margin-left:-580px;min-height:860px;}
.container .section .down{position:absolute;top:890px;left:50%;margin-left:-30px;}
.container ul:after, .container dl:after, .container ol:after{content:'',display:block;clear:both;}

/* container main */
#section0{height:100%;background:url(../images/B_main_bg.png) center top no-repeat;background-size:cover;text-align:center;}
#section0 .main{width:880px;margin:0 auto;}
#section0 .main h3{font-family:'UbuntuBold';font-size:40px;color:#222;font-weight:bold;line-height:46px}
#section0 .main p{font-size:28px;line-height:34px;}
#section0 .main p:first-child{padding-top:420px;}
#section0 .main p.last{margin-bottom:90px;} 

/* container project */
#section1 {height:100%;background:url(../images/B_project_bg.png) center top no-repeat;background-size:cover;text-align:center;font-family:'UbuntuLite';}
#section1 h3{color:#333;font-size:24px;font-family:'UbuntuBold';line-height:16px;padding:65px 0 5px;}
#section1 .project{position:relative;margin:7% 50%;width:808px;height:765px;margin-left:200px;background:url(../images/B_contents_bg.png) center top no-repeat;letter-spacing:-1px;}
#section1 .project li > div{width:100%;height:80%;margin:25% auto;overflow:hidden;}
#section1 .project li > a img{float: left;margin:30px 77px;}
#section1 .project li > div p{float:right;font-size:14px;text-align: left;margin-top:2px;}
#section1 .project li > dl{width:660px;height:300px;margin:40px 70px;overflow:hidden;border:3px solid #d0a421;}
#section1 .project li > dl dt{font-size:20px;font-weight:bold;line-height: 30px;margin:20px 0;}
#section1 .project li > dl dd{margin-left:50px;font-size:16px;margin-bottom:16px;padding-left:18px;text-align: left;background: url(../images/B_list_bg.png) left 3px no-repeat;line-height: 16px;}
#section1 .project li.last img{margin-top:140px;}

/* container partners 
#section2 {height:100%;background:url(../images/B_partners_bg.png) center top no-repeat;background-size:cover;text-align:center;}
#section2 h3 img{margin:28px auto;display:block;}
#section2 h3 img:first-child{margin-top:120px;}
#section2 h3 img:last-child{margin-bottom:10px;}
#section2 p{font-size:18px;line-height:28px;}
#section2 ul{margin:80px 0 0 100px;overflow:hidden;}
#section2 ul li{float:left;margin:0 10px 30px 0;width:193px;height:193px;background: url(../images/B_partner_box.png) no-repeat;}
#section2 ul li:last-child{margin-right:0;}
#section2 ul li a{display:block;height:100%;cursor:pointer;}
#section2 ul li img{margin-top:16px;}*/

/* container ourpolicy */
#section3 {height:100%;background:url(../images/B_project_bg.png) center top no-repeat;background-size:cover;text-align:center;}
#section3 h3{color:#333;font-size:24px;font-family:'UbuntuBold';line-height:16px;padding:65px 0 35px;}
#section3 .ourpolicy{position:relative;margin:7% 50%;width:808px;height:765px;margin-left:200px;background:url(../images/B_contents_bg.png) center top no-repeat;letter-spacing:-1px;}
/* control Nav */
#section3 .carousel {width: 310px!important; height:35px;margin:25px auto;overflow:hidden;}
#section3 .carousel li.flex-active-slide { background:#e6c258; cursor:pointer; font-weight: bold;}
#section3 .flexslider .slides > li {padding-bottom:50px;}
#section3 .carousel li.flex-active-slide{font-family:'NanumGothicBold';}

/* container bzone */
#section4 {height:100%;background:url(../images/B_zone_bg.png) center center no-repeat;background-size:cover;text-align: center;color:#fff;}
#section4 .bzone{position:relative;height:100%;width:1400px;margin:0 auto;margin-left:-100px;overflow:hidden;}
#section4 .bzone > div{position:absolute;top:50%;margin-top:35px;left:50%;margin-left:-630px;}

/* container showcase */
#section5 {height:100%;background:url(../images/B_showcase_bg.jpg) center center no-repeat;background-size:cover;text-align:center;}
#section5 p{padding:40px 280px;text-align: left;}
#section5 .showcase{height:100%;position:relative;}
#section5 .showcase > a{position:absolute;top:0;left:0;}
#section5 .showcase > a:nth-child(1){top:50%;margin-top:30px;left:50%;margin-left:-100px;width:20%;height:22%;}
#section5 .showcase > a:nth-child(2){top:50%;margin-top:-270px;left:50%;margin-left:150px;width:15%;height:19%;}
#section5 .showcase > a:nth-child(3){top:50%;margin-top:-130px;left:50%;margin-left:-600px;width:20%;height:22%;}
#section5 .showcase > a:nth-child(4){top:50%;margin-top:-280px;left:50%;margin-left:-300px;width:25%;height:22%;}
#section5 .showcase > a:nth-child(5){top:50%;margin-top:-140px;left:50%;margin-left:0px;width:15%;height:22%;}
#section5 .showcase > a:nth-child(6){top:50%;margin-top:160px;left:50%;margin-left:-640px;width:17%;height:27%;}
#section5 .showcase > a:nth-child(7){top:50%;margin-top:190px;left:50%;margin-left:-340px;width:15%;height:23%;}
#section5 .showcase > a:nth-child(8){top:63%;margin-top:-40px;left:50%;margin-left:160px;width:12%;height:20%;}
#section5 .showcase > a:nth-child(9){top:50%;margin-top:-240px;left:94%;width:15%;height:40%;}
#section5 .showcase > a:nth-child(10){top:50%;margin-top:40px;left:78%;width:12%;height:20%;}

/* layer (picture&video) */
.hide{}
.dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:100;}
.layerPopup {position:absolute;top:50%;left:50%;margin-top:-390px;margin-left:-380px;z-index:150}
.layerVideo{left:200%;}
.layerPopup > a{float: right;}
.layerPopup > div{background:#fff;margin-top:60px;width:980px;height:583px;text-align: center;}
.layerPopup > div img{display:inline-block;width:100%;}

/*footer*/