@charset "utf-8";
@import url("common.css");

/*Layer*/
html{overflow: scroll; overflow-x: hidden;}
body{width:100%;}
#wrap{width:100%;}
#container{width:100%;min-width:1220px; margin:auto;}
#footer{width:100%; background:#fff;}

/*header*/
.head{position:fixed; background:#fff; top:0px; z-index:999; width:100%;height:57px; border-bottom:1px solid #d3d3d3; margin:auto;}
.head .nav_head .nav{width:1200px; margin:auto;}
.head .nav_head .nav li{float:left; cursor:pointer;}
.head .nav_head .nav .logo{width:283px; margin-top:13px;}
.head .nav_head .nav .last{}


/*m11*/
.main1{width:100%; height:719px; background:url(../images/sub11_1.jpg) top center no-repeat;}
.main1 .text1{width:686px; margin:auto; position:relative;top:164px; text-align:center;}
.main1 .text1 .t1{margin-bottom:33px; position:relative; top:50px; opacity:0;}
.main1 .text1 .t2{margin-bottom:11px; position:relative; top:50px; opacity:0;}
.main1 .text1 .t3{margin-bottom:11px; position:relative; top:50px; opacity:0;}
.main1 .text1 .t4{position:relative; top:50px; opacity:0;}
.main1 .text1 .t5{margin-top:139px; position:relative; top:50px; opacity:0;}

.main2{width:100%; height:807px; background:#fff;}
.main2 .text2{position:relative;top:112px;}
.main2 .text2 .t2{padding-top:12px;}
.main2 .text2 .t1, .main2 .text2 .t2, .main2 .text2 .t3{width:795px; margin:auto; text-align:center;}

.main2 .text2 .t1{position:relative; top:50px; opacity:0; margin-bottom:34px;}
.main2 .text2 .t2{position:relative; top:50px; opacity:0; margin-bottom:11px;}
.main2 .text2 .t3{position:relative; top:50px; opacity:0;}

.main2 .text2 .t4{width:1090px; margin:auto; padding-top:122px;}
.main2 .text2 .t4 li{float:left; position:relative; top:50px; opacity:0; margin-right:102px;}
.main2 .text2 .t4 .t44{margin-right:0px;}


.main3{width:100%; height:1032px; background:#f0f0f0;}
.main3 .text3{width:1144px; margin:auto; position:relative;top:208px;}
.main3 .text3 .t2{padding-top:12px;}
.main3 .text3 .t1, .main3 .text3 .t2{width:566px; margin:auto; text-align:center;}

.main3 .text3 .t1{position:relative; top:50px; opacity:0; margin-bottom:34px;}
.main3 .text3 .t2{position:relative; top:50px; opacity:0; margin-bottom:49px;}

.main3 .text3 .t4{width:1144px; margin:auto;}
.main3 .text3 .t4 li{float:left; position:relative; background:#fff; top:50px; opacity:0; margin-right:20px;  height:430px;}
.main3 .text3 .t4 .t44{margin-right:0px;}

.main4{width:100%; height:1969px; background:#383838;}
.main4 .text4{width:1144px; margin:auto; position:relative;top:208px;}
.main4 .text4 .t1{width:540px; margin:auto; margin-bottom:97px;}

.main4 .text4 .t1{position:relative; top:50px; opacity:0; margin-bottom:34px;}

.main4 .text4 .t4{width:1144px; margin:auto;}
.main4 .text4 .t4 li{float:left; width:281px; position:relative; top:50px; opacity:0; margin-right:150px;}
.main4 .text4 .t4 .t41, .main4 .text4 .t4 .t42, .main4 .text4 .t4 .t43{margin-bottom:131px;}
.main4 .text4 .t4 .t43, .main4 .text4 .t4 .t46{margin-right:0px;}


.main5{width:100%; height:843px; background:url(../images/main_06.jpg) top center no-repeat;}
.main5 .text5{width:442px; margin:auto; position:relative;left:-303px; top:205px;}

.main5 .text5 .t1{margin-bottom:15px; position:relative; left:50px; opacity:0;}
.main5 .text5 .t2{margin-bottom:18px; position:relative; left:50px; opacity:0;}
.main5 .text5 .t3{margin-bottom:17px; position:relative; left:50px; opacity:0;}
.main5 .text5 .t4{position:relative; left:50px; opacity:0;} 
.main5 .text5 .t5{margin-bottom:4px;position:relative; left:50px; opacity:0;}
.main5 .text5 .t6{position:relative; left:50px; opacity:0;}
.main5 .text5 .t7{margin-top:32px;position:relative; left:50px; opacity:0;}


/*footer*/
.foot{clear:both; overflow:hidden; width:1200px; padding-top:20px; padding-bottom:50px; text-align:center; margin:auto; }

.foot .copy{text-align:center;line-height:18px; font-size:12px; font-family:'Dotum'; color:#727272; }
.foot .copy .logo{margin-bottom:10px;}
.foot .copy .logo2{float:left; margin-bottom:24px;}
.foot .copy div{margin-top:23px;}
.foot  .btmTop{overflow:hidden; width:420px; margin:auto;}
.foot .first{margin-right:33px;}
#FtSns{margin-bottom:24px;}
#FtSnsList{width:100px; margin:0px auto;}
#FtSnsList li{float:left; width:30px; margin-left:10px;}
#FtSnsList li:first-child{margin-left:0px;}
#FtSnsList li img{width:100%;}