#wrap {width:100%;margin:0 auto; }

html{ overflow-x:hidden;overflow-y:scroll;}


/* »ó´Ü */
#header {width:100%; height:140px; margin: 0 auto;}
#header .top{position:relative; width:1000px; margin:0 auto;}
#header .logo{width:190px; text-align:center; padding-top:50px;}
.gnb {float:right; margin:20px 0px;}
.gnb ul{overflow:hidden;}
.gnb ul li{float:left; text-align:center; color:#333; padding:6px 14px;}
.gnb ul li a{color:#333; font-size:15px; font-family:Arial, Helvetica, sans-serif;}

#container {width:100%; margin: 0 auto; padding-top:30px;}
#container .left{float:left; width:200px;}
.lnb {width:190px;}
.lnb ul{overflow:hidden;}
.lnb ul li{text-align:left; padding:4px 0px 6px 50px;}
.lnb ul li a{text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px;}

/*page_all*/
.contents{float:right; width:800px;}
.conts{float:right; width:786px;}


/* project */
.stitle {text-align:left; font-size:18px; font-weight:600; color:#f29a82; padding-bottom:22px;}

.project_list {width:786px;}
.project_list ul{overflow:hidden;}
.project_list ul li{float:left; width:180px; margin-right:16px; margin-bottom:16px; text-align:center;}
.project_list ul li:last-child{float:left; width:180px; height:164px; margin-right:0px; margin-bottom:20px; text-align:center;}



/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.main_container {width:100%;position:relative; margin:0 auto;}


/*ºñÁÖ¾ó*/
#visual{ width:100%;margin: 0 auto;padding-top:100px; background:url(../img/main/visual.jpg) center 100px no-repeat; height:404px;}
.visual_img{width:1000px; margin:0 auto; text-align:center; padding-bottom:30px;}

.main_visual {overflow:hidden; position:relative; width:980px; height:404px;margin: 0 auto;}
.main_visual .ul_visual {overflow:hidden; position:relative; top:50px; left:0; height:384px;}
.main_visual .ul_visual li {overflow:hidden; position:absolute; top:0; left:0; width:100%;}

.main_visual .ul_visual li .visualArea01{position:relative; width:100%; height:384px;}

.main_visual .ul_visual li.li1 {display:block;}
.main_visual .ul_visual li p {display:none; position:absolute; left:0; opacity:0;}
.main_visual .ul_visual li p.img_opa {opacity:1;}
.main_visual .ul_visual li.li1 .txt_1 {left:30px;font-size:30px;font-weight:600; text-align:left;width:380px;line-height:1.4; letter-spacing:-0.06em;font-family:'nanum gothic';}
.main_visual .ul_visual li.li1 .txt_2 {left:30px;font-size:55px;font-weight:700; text-align:left;width:450px;line-height:1.4; letter-spacing:-0.1em;font-family:'nanum gothic';}
.main_visual .ul_visual li.li1 .txt_3 {right:30px;font-size:55px;font-weight:700; text-align:right; width:450px;line-height:1.4; letter-spacing:-0.1em;font-family:'nanum gothic';}

.main_visual .ul_visual li.li1 .txt_1 {top:12%; color:#606060;}
.main_visual .ul_visual li.li1 .txt_2 {top:22%; color:#1b6ab9;}
.main_visual .ul_visual li.li1 .txt_3 {top:3%;left:65%; color:#fe8010;}/*¿òÁ÷ÀÌ´Â ÀÌ¹ÌÁö ½ÃÀÛÁ¡*/
.main_visual .ul_visual li.li1 .txt_4{top:60%;}/*¿òÁ÷ÀÌ´Â ÀÌ¹ÌÁö ½ÃÀÛÁ¡*/

