#wrap{min-width:360px;position:relative;}

#header{z-index:100;position:absolute;top:0;left:0;width:100%;padding:0 20px;}
#header .header-wrap{position:relative;max-width:1170px;margin:0 auto;}
#header .header-wrap:after{content:'';display:block;clear:both;}

#header .header-logo{float:left;padding-top:40px;}
#header .header-logo img{display:inline-block;vertical-align:middle;height:30px;}
#header .header-logo img:first-child{position:relative;top:-3px;margin-right:5px;height:40px;}

#gnb{position:relative;float:right;padding-top:50px;}
#gnb .gnb-bar{opacity:0;position:absolute;bottom:-10px;left:0;width:50px;height:2px;background-color:#ffd51a;transition:opacity 300ms ease-out;}
#gnb .gnb-bar.ov{opacity:1}
#gnb ul{}
#gnb ul li{float:left;margin-left:40px;}
#gnb ul li:first-child{margin-left:0;}
#gnb ul li a{display:block;font-size:15px;color:#fff;transition:color 100ms ease-out;}
/*#gnb ul li a:hover{color:#ffd51a;}*/

#footer{position:relative;padding:50px 0;text-align:center;border-top:1px solid #ddd;}
#footer img{display:inline-block;vertical-align:middle;height:30px;}
#footer img:first-child{position:relative;top:-3px;margin-right:5px;height:40px;}
#footer .start-project{}
#footer .start-project:before{content:'';display:block;width:2px;height:16px;margin:15px auto;background-color:#d2d2d2;}
#footer .start-project a{font-weight:700;color:#000;}
#footer .start-project a:hover,
#footer .start-project a:active,
#footer .start-project a:focus{padding:0 5px;color:#ffd51a;transition:color 300ms ease-out;}
#footer .copyright{margin-top:20px;}
#footer .copyright p{font-size:12px;}


#moOpen{display:none;position:absolute;top: 54px;right:0;}

#moGnb{display:none;z-index:1000;position:fixed;top:0;right:-360px;width:360px;height:100%;background-color:#000;box-shadow:0 0 10px 0 rgba(0, 0, 0, 1)}
#moGnb .mognb-close{position:absolute;top: 39px;right:30px;}
#moGnb .mognb-head{display:block;height:100px;padding:40px 30px 0;border-bottom:1px solid #262626;}
#moGnb .mognb-head .head-title{display:block;}
#moGnb .mognb-head .head-title a{display:inline-block;}
#moGnb .mognb-head .head-title img{display:inline-block;vertical-align:middle;height:40px;}
#moGnb .mognb-head .head-title img:last-child{margin-left:5px;height:30px;}
#moGnb .mognb-body .body-list{padding-top:20px;}
#moGnb .mognb-body .body-list li{}
#moGnb .mognb-body .body-list li a{position:relative;display:block;padding:25px 30px 10px;}
#moGnb .mognb-body .body-list li a span{display:inline-block;padding:0 15px 10px 0;border-bottom:2px solid transparent;font-size:15px;color:#fff;transition:color 100ms ease-out, border 100ms ease-out;}
#moGnb .mognb-body .body-list li a .arr{position:absolute;top:0;right:30px;width:8px;height:100%;background:url(../images/layout/mo-menu-arr.png) no-repeat 0 50%;transition:background 100ms ease-out;}
#moGnb .mognb-body .body-list li a.ov span{border-color:#ffd51a}
#moGnb .mognb-body .body-list li a.ov .arr{background-image:url(../images/layout/mo-menu-arr-ov.png);}


@media (max-width:1000px) {
#header .header-logo{padding-top:20px;}

#gnb{display:none;}

#moOpen{display:block;top: 35px;}
}

.black-opacity-screen{display:none;z-index:900;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);}



#subVisual{overflow:hidden;height:500px;background:#000 url(../images/common/subvisual-bg.jpg) no-repeat 50% 0;background-size:auto 100%;}
#subVisual .visual-wrap{position:relative;max-width:1170px;height:100%;padding:150px 20px 0;margin:0 auto;background:url(../images/common/subvisual-line.png) no-repeat 50% 0;background-size:auto 100%;}
#subVisual .visual-title{z-index:10;position:relative;margin-top:60px;font-weight:900;font-size:50px;color:#fff;}
#subVisual .visual-stitle{z-index:10;position:relative;display:block;padding-left:70px;margin-top:30px;font-size:18px;color:#fff;}
#subVisual .visual-stitle:before{content:'';position:absolute;top:10px;left:0;width:50px;height:2px;background-color:#ffd51a;}
#subVisual .visual-img{transition:all 100ms ease-out;position:absolute;top:100px;right:-50px;}
/*
#navigation{padding-top:200px;}
#navigation .nav-anchor{display:inline-block;font-size:15px;color:#b2b2b2;}
#navigation .nav-arr{display:inline-block;vertical-align:-2px;margin:0 20px;}
*/
@media (max-width:767px) {
#subVisual{height:400px;}
#subVisual .visual-title{font-size:30px;}
#subVisual .visual-stitle{font-size:15px;}
#subVisual .visual-img{width:600px;opacity:0.5;top: 30px;right:-200px;}
}
@media (max-width:500px) {
	#subVisual .visual-img{width:500px;top: 70px;right:-200px;}
}