@import url('/css/new_nav.css?25');
body,html{height:100%;}
#wrap{width:100%;height:100%;}
body{
word-break:keep-all;
}

article{width:100%;}
.inner{position:relative; width:1200px; margin:0 auto;}
#mobile_menu h1{display:none}

/*header*/
header h1 a{color:#fff}
header{background:#fff; z-index:99; height:87px; width:100%; position: fixed; border:1px solid #ddd;}


#slider{width: 100%; height:100%;position:fixed;}
#overflow{width:100%;position:absolute;top:0; background:#fff; padding-top:30px;}
.visual{width:100%; padding-top:87px; background:#777}
#myvideo{ object-fit: fill; width:100%;}

.visual .bg_video{position:absolute; top:0; left:0; background:url(../image/bg2.png); width:100%; height:100%; z-index:9}
.inner_video{display:table; height:100%; width:100%;}
.inner_video p{display:table-cell; height:100%; vertical-align:middle; text-align:center;}
.inner_video p img{width:35% !important}

/*전민라이프*/
.life{margin-bottom:50px;}
.life h2{font-size:20px; color:#222; font-weight:700; margin-bottom:20px;}
.life ul{overflow:hidden;}
.life ul li{float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; cursor:pointer; height:100%; background:#fff; position:relative;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;

    -webkit-transition:all ease 1s;
	-moz-transition:all ease 1s;
    transition:all ease 1s;
}
.life ul li img{width:100%;}
.life ul li:nth-child(4n){margin-right:0}
.life ul li p{background:#efefef; padding:20px; height:90px; color:#989898}
.life ul li p strong{display:block; margin-top:10px; font-size:20px; color:#2b2a2a; letter-spacing:-1px;}
.life ul li span{opacity:0; position:absolute; font-size:80px; color:#fff; width:100%; text-align:center; top:35%; z-index:99; font-weight:100; 
transform: rotate(-45deg);
transition: all ease 1s;
}

.life ul li:hover{background:#000;}
.life ul li:hover img,
.life ul li:hover p{opacity:0.5}
.life ul li:hover span{opacity:1;
   transform: rotate(90deg);
   transition: all ease 1s;
}

/*bbs_wrap*/
.bbs_wrap{overflow:hidden; margin-bottom:30px;}
.bbs_wrap .workship,
.bbs_wrap .notice{float:left; width:48%; vertical-align:top; height:350px;}
.bbs_wrap .notice{float:right;}

.tabs{font-size:0;}
.tabs li{display:inline; font-size:17px; height:45px; line-height:45px;}
.tabs li a{padding:0 30px; display:inline-block;color:#222; border:1px solid #ddd; border-bottom:0; border-right:0}
.tabs li:last-child a{border-right:1px solid #ddd;}
.tabs li a.active{background:#fff; color:#d94b3b; border-top:2px solid #d94b3b; border-bottom:1px solid #fff; position:relative; bottom:-1px; z-index:9}

.tab_content{border-top:1px solid #ddd; position:relative; top:-1px; padding-top:30px; position:relative;}
.tab_content > a.more{position:absolute; top:-50px; right:10px; font-size:35px; font-weight:100; color:#666}
.tab_content > ul li{font-size:16px; overflow:hidden;}
.tab_content > ul li a{float:left; color:#555; padding:8px 0; display:block}
.tab_content > ul li a:hover{color:#000}
.tab_content > ul li span{float:right; color:#666; font-weight:100}

/*etc*/
.etc{overflow:hidden; margin-bottom:80px;}
.etc .etcbox{float:left; width:32%; height:140px; border:1px solid #ddd; padding:30px; position:relative;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.etc .etcbox.banner{padding:0}
.etc .etcbox.banner img{width:100%;}
.etc .etcbox:nth-child(2){margin:0 20px;}
.etc .etcbox h2{font-size:22px; font-weight:400; margin-bottom:15px;}
.etc .etcbox p{font-size:16px;}
.etc .etcbox span{position:absolute; right:20px; top:20%;}

/*footer*/
footer{background:#576673; padding:30px 0}
footer{color:#fff; font-weight:300; font-size:14px; line-height:140%;}