header{position:fixed;top:0;z-index:11;background-color:#fff;color:#363636;width:100%;font-size:1.1em;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;box-shadow:0 1px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.3);-o-box-shadow:0 1px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.3)}header .logo,header nav{display:inline-block;vertical-align:middle}header nav{margin-left:33px}header nav>ul>li,header .lang>li{display:inline-block;text-transform:uppercase;font-size:1.3rem;margin-right:30px;font-weight:700;position:relative}header nav>ul>li a:link{color:#363636;font-size:15.6px}header nav>ul>li:hover>a{color:#e6f41f}header nav>ul>li .subnav-wrap{position:absolute;top:auto;left:auto;padding-top:20px;transition:.3s ease;-webkit-transition:.3s ease;opacity:0;visibility:hidden}header nav>ul>li:hover .subnav-wrap{padding-top:10px;opacity:1;visibility:visible}.has-subnav>span{cursor:pointer}header nav>ul>li .subnav{position:absolute;bottom:0;left:0;padding:15px;background:#334975;box-shadow:-10px 10px 0px 0px #fff,-9px 9px 0px 0px #fff,-8px 8px 0px 0px #fff,-7px 7px 0px 0px #fff,-6px 6px 0px 0px #fff,-5px 5px 0px 0px #fff,-4px 4px 0px 0px #fff,-3px 3px 0px 0px #fff,-2px 2px 0px 0px #fff,-1px 1px 0px 0px #fff,0px 0px 0px 0px #fff;-webkit-box-shadow:-10px 10px 0px 0px #fff,-9px 9px 0px 0px #fff,-8px 8px 0px 0px #fff,-7px 7px 0px 0px #fff,-6px 6px 0px 0px #fff,-5px 5px 0px 0px #fff,-4px 4px 0px 0px #fff,-3px 3px 0px 0px #fff,-2px 2px 0px 0px #fff,-1px 1px 0px 0px #fff,0px 0px 0px 0px #fff}header nav>ul>li .subnav>li{margin-bottom:5px}header nav>ul>li .subnav>li:last-child{margin-bottom:0}header nav>ul>li .subnav>li a{color:#fff}header nav>ul>li .subnav>li>a:hover{color:#e6f41f}header .logo img{width:130px;height:auto}header .lang{position:absolute;top:50%;right:15px;transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}header .lang>li{margin:0 0 0 10px;padding:0 0 0 10px;border-left:1px solid;line-height:1.2em}header .lang>li:first-child{border-left:0}#menu-icon{overflow:hidden}#menu-icon span,#menu-icon:before,#menu-icon:after{content:'';border:0;background:#fff;height:3px;width:30px;color:rgba(0,0,0,0);position:relative;display:block;margin:0 auto;margin-bottom:6px;transition:.3s ease-out;-webkit-transition:.3s ease-out;left:0;opacity:1}#menu-icon:after{margin-bottom:0}.menu-btn-wrap.active #menu-icon:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:9px}.menu-btn-wrap.active #menu-icon>span{opacity:0}.menu-btn-wrap.active #menu-icon:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:-9px}header>.wrap{position:relative}.menu-btn-wrap{position:absolute;top:0;right:0;cursor:pointer}.menu-btn-wrap>*{display:inline-block;vertical-align:middle;color:#fff;text-transform:uppercase;font-size:15px;margin-left:5px}.backtop{position:fixed;z-index:10;right:15px;bottom:50px;background-color:#06629c;opacity:0.7;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;border-radius:5px;-webkit-border-radius:5px;-mos-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-o-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);-ms-box-shadow:0 0 5px rgba(0,0,0,0.2);display:none}.backtop:hover{opacity:1}.backtop .icomoon{padding:7px;font-size:25px}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.clear{clear:both;float:left}.inline-block{display:inline-block}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle}.container{max-width:1200px;margin:auto;position:relative}html,body{max-width:1904px;min-width:480px;margin-left:auto;margin-right:auto}header,#content,footer{width:100%;float:left;clear:both}@media (max-width:1199px){header .logo a img{width:90px}}header nav{font-size:0;box-sizing:border-box;padding-bottom:2px}@media (max-width:1199px){header nav{display:none}}header nav .link_cell{display:inline-block;vertical-align:top;font-family:'DINPro';position:relative;margin-right:33px}header nav .link_cell:last-child{margin-right:0}header nav .link_cell:hover .child_container{pointer-events:all}header nav .link_cell:hover .child_container .child_wrapper{opacity:1;transform:translateY(0);pointer-events:all}header nav .link_cell .link{color:#363636;font-size:15.6px;font-weight:500;transition:color .3s}header nav .link_cell .link:hover{color:#e6f41f}header nav .link_cell .child_container{position:absolute;bottom:0;left:0;transform:translateY(100%);box-sizing:border-box;padding-top:10px;pointer-events:none}header nav .link_cell .child_container:hover{pointer-events:all}header nav .link_cell .child_container .child_wrapper{padding:15px;background:#334975;box-shadow:-10px 10px 0px 0px #fff,-9px 9px 0px 0px #fff,-8px 8px 0px 0px #fff,-7px 7px 0px 0px #fff,-6px 6px 0px 0px #fff,-5px 5px 0px 0px #fff,-4px 4px 0px 0px #fff,-3px 3px 0px 0px #fff,-2px 2px 0px 0px #fff,-1px 1px 0px 0px #fff,0px 0px 0px 0px #fff;-webkit-box-shadow:-10px 10px 0px 0px #fff,-9px 9px 0px 0px #fff,-8px 8px 0px 0px #fff,-7px 7px 0px 0px #fff,-6px 6px 0px 0px #fff,-5px 5px 0px 0px #fff,-4px 4px 0px 0px #fff,-3px 3px 0px 0px #fff,-2px 2px 0px 0px #fff,-1px 1px 0px 0px #fff,0px 0px 0px 0px #fff;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;transform:translateY(10px)}header nav .link_cell .child_container .child_wrapper:hover{opacity:1;transform:translateY(0);pointer-events:all}header nav .link_cell .child_container .child_wrapper a.child_link{font-size:15.6px;color:#fff;font-weight:700;transition:color .3s;white-space:nowrap;margin-bottom:6px;display:table}header nav .link_cell .child_container .child_wrapper a.child_link:last-child{margin-bottom:0}header nav .link_cell .child_container .child_wrapper a.child_link:hover{color:#e6f41f}header .nav-btn{border:2px solid #334975;width:40px;height:40px;float:right;margin-top:11px;margin-right:15px;padding-top:4px;cursor:pointer;display:block;box-sizing:border-box}@media (min-width:1200px){header .nav-btn{display:none}}header .nav-btn span{border-bottom:3px solid #334975;width:30px;margin:5px 3px;display:block}.pulldown{margin-left:30px;width:250px;position:fixed;right:0;top:0;transform:translateX(100%);background:#334975;color:white;padding:15px;transition:transform .3s ease;-webkit-transition:transform .3s ease;z-index:11;box-sizing:border-box;font-family:'DINPro';max-width:100%;overflow-y:auto}.pulldown.show{transform:translateX(0%)}.pulldown .menu_wrapper .menu_head{display:block;padding:10px 0px;text-align:right;margin-right:0px;border-bottom:2px dotted #fff;padding-bottom:6px;box-sizing:border-box;margin-bottom:15px;font-weight:700;color:#fff;font-size:15.6px}.pulldown .menu_wrapper .link_container .link_cell{margin-bottom:1px;padding:10px 0px}.pulldown .menu_wrapper .link_container .link_cell:last-child{margin-bottom:0}.pulldown .menu_wrapper .link_container .link_cell .link{display:table;text-align:right;margin-right:0px;margin-left:auto;color:#fff;font-size:15.6px;font-weight:700}.pulldown .menu_wrapper .link_container .link_cell .child_container{transition:height .6s;overflow:hidden;height:0px}.pulldown .menu_wrapper .link_container .link_cell .child_container .child_wrapper{box-sizing:border-box;padding-top:15px}.pulldown .menu_wrapper .link_container .link_cell .child_container .child_wrapper .child_link{font-size:15.6px;font-weight:700;margin-top:5px;text-align:right;color:#fff;display:table;margin-right:0;margin-left:auto}.pulldown .menu_wrapper .link_container .link_cell .child_container .child_wrapper .child_link:last-child{margin-bottom:0}#content{min-height:500px}footer{width:100%;bottom:0;color:#fff;background-color:#464646;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;padding:15px;line-height:19.2px;text-align:center;text-transform:uppercase;letter-spacing:1px;position:relative;box-sizing:border-box}footer p,footer a{letter-spacing:1px;color:#fff !important}.page-inner{position:relative;overflow:hidden}@media screen and (max-width:767px){.fancybox-prev{left:-90px !important}}@media screen and (max-width:767px){.fancybox-next{right:-90px !important}}.fancybox-lock .fancybox-overlay{overflow-x:hidden !important}.project_detail_title_content *{color:#FFFFFF !important}#content{background:url('/img/cross.png');padding-bottom:50px}.main_content{padding-top:87px}.main_content .left_main_content{width:30%;height:100%;min-height:600px;background:#334975 url('/img/slash-white10.png') repeat;position:fixed;box-shadow:5px 5px 5px rgba(0,0,0,0.2);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2)}@media screen and (max-width:767px){.main_content .left_main_content{width:0}}.main_content .right_main_content{width:70%;min-height:600px;vertical-align:top;margin-left:30%}@media screen and (max-width:767px){.main_content .right_main_content{width:100%;min-height:600px;vertical-align:top;margin-left:auto}}.main_content .right_main_content .left_main_content_image{height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.main_content .right_main_content .left_main_content_image .overlay{background-color:rgba(0,0,0,0.5)}.main_content .right_main_content .detail_content{max-width:900px;padding:25px 0 0px 35px;min-height:400px}.main_content .right_main_content .detail_content .detail_content_image ul{list-style:none}.main_content .right_main_content .detail_content .detail_content_image ul li{width:calc(32% - 20px);margin:0 30px 30px 0;display:inline-block}.main_content .right_main_content .detail_content .detail_content_image ul li:nth-child(3n){margin-right:0}@media screen and (max-width:767px){.main_content .right_main_content .detail_content .detail_content_image ul li{width:calc(31.3% - 20px)}}.main_content .right_main_content .detail_content .detail_content_image ul li .fancybox div.image_box{background-size:contain;background-position:center;background-repeat:no-repeat}.main_content .right_main_content .detail_content .detail_content_image ul li .fancybox div.image_box::after{content:'';display:block;padding-top:100%}.main_content .right_main_content .responsive_project{display:none}@media screen and (max-width:767px){.main_content .right_main_content .responsive_project{display:block;height:80px;width:256px;margin:0 auto;margin-top:40px}}.main_content .project_detail_title_content{position:absolute;top:280px;color:white;left:0;right:0;margin:0 auto}@media screen and (max-width:767px){.main_content .project_detail_title_content{top:170px}}.main_content .project_detail_title_content .wrap{max-width:1200px;margin:0 auto;position:relative;padding:0 15px;box-sizing:border-box}.main_content .project_detail_title_content .wrap .project_detail_title_row h6.project_detail_title{text-transform:uppercase;font-weight:bold}.main_content .project_detail_title_content .wrap .project_detail_title_row h2{font-weight:bold;margin-bottom:35px}@media screen and (max-width:767px){.main_content .project_detail_title_content .wrap .project_detail_title_row .normal-size-project{display:none}}.next-pre_project_row{display:inline-block;margin-right:65px}@media screen and (max-width:992px){.next-pre_project_row{margin-right:10px}/*953795e33e25c16a067bcfa2a5842f5b*/}.next-pre_project_row a{color:white}.next-pre_project_row a.disabled{opacity:0.5;cursor:default}.next-pre_project_row a .icomoon{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;font-size:15px;display:inline-block}@media screen and (max-width:767px){.next-pre_project_row a .icomoon{color:#363636;font-size:15px}}.next-pre_project_row a .icomoon::before{content:"";width:15px;height:15px;display:block;transform:scaleX(-1);background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url('/img/arrow_learn_more_white.svg')}@media screen and (max-width:767px){.next-pre_project_row a .icomoon::before{content:"\e903"}}.next-pre_project_row a .icomoon.icon-double-arrow-next::before{transform:scaleX(1)}.next-pre_project_row a h6{display:inline-block;vertical-align:top;line-height:14px;font-weight:normal}h6.all_project{position:fixed;bottom:80px;left:auto}@media screen and (max-width:767px){h6.all_project{position:relative;text-align:center;top:10px}}h6.all_project a{font-size:15px;font-weight:normal;color:white}@media screen and (max-width:767px){h6.all_project a{color:#363636 !important}}h6.all_project a i{margin-right:5px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s ease;-webkit-transition:all .4s ease}.fa{display:inline-block;font:normal normal normal 14px / 1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}h6{font-size:1.25rem}h2{font-size:3rem}.icon-cross:before{content:"\ea0f";font-size:35px}.icon-arrow-prev:before{content:"\e901"}.icon-arrow-next:before{content:"\e900"}.icomoon{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}