@charset "utf-8";

#layout{min-width:1470px;margin-left:auto;margin-right:auto;overflow-x:auto;}
#header_h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
/*헤더*/
#layout{position:relative;}
#layout #header.sub{position:absolute;left:0;top:0;width:100%;z-index:100;}
#layout #header.sub #hd_wrap{margin-top:45px;}
#layout #header.sub #hd_wrap #logo{float:left;}
#layout #header.sub #hd_wrap #logo a{}
#layout #header.sub #hd_wrap #logo a img{}
#layout #header.sub #hd_wrap #nav{float:right;margin-top:25px;}
#layout #header.sub #hd_wrap #nav ul{}
#layout #header.sub #hd_wrap #nav ul li{font-size:12px;float:left;}
#layout #header.sub #hd_wrap #nav ul li + li{margin-left:66px;}
#layout #header.sub #hd_wrap #nav ul li a{color:rgba(255,255,255,.7);position:relative;transition:all 0.3s;}
#layout #header.sub #hd_wrap #nav ul li a:before{content:"";display:block;width:0;height:1px;position:absolute;left:0;bottom:-2px;background-color:#ee2823;transition:all 0.3s;}
#layout #header.sub #hd_wrap #nav ul li a:hover{color:#ee2823;}
#layout #header.sub #hd_wrap #nav ul li a:hover:before{width:100%;}
#layout #header.sub #hd_wrap #nav ul li a.active{color:#ee2823;}
#layout #header.sub.white #hd_wrap #nav ul li a.active{color:#fff;}
#layout #header.sub.white #hd_wrap #nav ul li a:before{background-color:#fff;}
#layout #header.sub.white #hd_wrap #nav ul li a:hover{color:#fff;}
#layout #header.sub.red #hd_wrap #nav ul li a.active{color:#ee2823;}
#layout #header.sub.red #hd_wrap #nav ul li a:before{background-color:#ee2823;}
#layout #header.sub.red #hd_wrap #nav ul li a:hover{color:#ee2823;}

/*푸터*/
#layout #footer{padding-bottom:62px;position:absolute;z-index:100;left:0;bottom:0;width:100%;}
#layout #footer .container{position:relative;}
#layout #footer .copy{float:left;color:#444;font-size:10px;font-family:;}
#layout #footer .ft_link{float:right;}
#layout #footer.black{}
#layout #footer.black .copy{color:#444;}
#layout #footer.black .ft_link .ft_down{border:1px solid #444;color:#fff;background-image:url('../images/common/ft_down_black.png');}
#layout #footer.black .ft_link .ft_down:before{content:"";display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:#444;transition:all 0.3s;z-index:1;}
#layout #footer.black .ft_link .ft_down:hover{color:#fff;padding-right:0;}
#layout #footer.black .ft_link .ft_down:hover:before{width:100%;}
#layout #footer.black .ft_link .sns_link li a.facebook{background-image:url('../images/common/sns_facebook_black.png');}
#layout #footer.black .ft_link .sns_link li a.instar{background-image:url('../images/common/sns_instar_black.png');}
#layout #footer.black .ft_link .sns_link li a.vemeo{background-image:url('../images/common/sns_vemeo_black.png');}

/*서브*/
.sub_content{}
.sub_content:after{clear: both;display: table;content: "";*display: block;*overflow: hidden}
.sub_content:before{display: table;content: "";*display: block;*overflow: hidden}


.ft_link .ft_down{margin-left:20px;float:left;width:150px;height:28px;border:1px solid #fff;line-height:26px;font-size:10px;text-align:center;padding-right:27px;background-color:rgba(0,0,0,.5);
background-repeat:no-repeat;background-position:right center;background-image:url('../images/common/ft_down.png');transition:all 0.3s;position:relative;}
.ft_link .ft_down span{display:inline-block;position:relative;z-index:5;}
.ft_link .ft_down:before{content:"";display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:#fff;transition:all 0.3s;z-index:1;}
.ft_link .ft_down:hover{color:#222;padding-right:0;}
.ft_link .ft_down:hover:before{width:100%;}
.ft_link .sns_link{float:left;margin-top:3px;}
.ft_link .sns_link li{float:left;margin:0 15px;position:relative;}
.ft_link .sns_link li + li:before{content:"";display:block;height:8px;width:1px;background-color:#c7c6c6;position:absolute;left:-15px;top:6px;}
.ft_link .sns_link li a{display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;text-indent:-999em;overflow:hidden;}
.ft_link .sns_link li a.facebook{background-image:url('../images/common/sns_facebook.png');}
.ft_link .sns_link li a.instar{background-image:url('../images/common/sns_instar.png');}
.ft_link .sns_link li a.vemeo{background-image:url('../images/common/sns_vemeo.png');}