/* CSS Document */
@import url(/eng/css/global.css);
@import url(/eng/css/base.css);

/* common */
body{width:100%;color:#666;margin:0px;padding:0px;background:url(/images/main_bg.jpg) no-repeat center top}


/* container */
#container{position:relative;width:100%;_zoom:1;margin:0 auto;clear:both;}
#top_btn{position:fixed;bottom:70px; left:0;width:100%;_position:absolute;z-index:999}
#top_btn .top_btn_wp{width:100%;position:relative}
#top_btn .top_btn_wp a{position:absolute;top:0;right:40px;border-radius:5px;padding:12px;font-weight:bold;color:#fff;background:rgba(0,0,0,.7)}
	#visual {width:960px; height:375px; margin:0px auto; clear:both; padding-top:25px;}
	.m1{width:960px;height:160px; margin:0px auto;clear:both}
		.m1_1{width:310px; height:123px; float:left; background:#242425;margin-right:15px;}
		.m1_2{float:left;width:310px; height:123px;margin-right:15px;}
		.m1_3{float:left;width:310px; height:123px;}

.scrolldown {position:absolute;left:50%;bottom:20px;margin-left:-20px;z-index:99;}
.scrolldown a img{transform:scale(1,1);transition:all 0.3s ease-out;}
.scrolldown a:hover img{transform:scale(1.2,1.2);transition:all 0.3s ease-in;}

#container h3{display:block;font-size:50px;font-weight:bold;color:#111;letter-spacing:-.05em;text-align:center}
#container h3 hr{display:block;width:80px;margin:30px auto 40px auto;border:2px solid #111}

.company{clear:both;position:relative;width:960px;min-height:500px;_zoom:1;margin:0 auto;padding:100px 0;background:url(/images/eng/main/company_bg.jpg) no-repeat right 170px}
.company1{margin-top:100px;font-size:30px;font-weight:bold;color:#0f467c;letter-spacing:-.05em}
.company1 span{color:#be8348}
.company2{margin-top:70px;font-size:20px;color:#333}
.company3{width:330px;margin:20px 0;font-size:15px;color:#333;line-height:22px}

.product{clear:both;position:relative;width:100%;min-height:500px;_zoom:1;padding:100px 0;background:#f7f7f7}
.product ul{overflow:hidden;width:940px;margin:0 auto}
.product ul li{overflow:hidden;float:left;width:33.3333%;padding-bottom:20px;text-align:center}
.list_img_wrap{overflow:hidden;width:280px;}
.list_img img{border:1px solid rgb(240, 240, 240)}
.list_subject,.list_subject a{padding:20px 0px 10px 0px;font-size:16px;text-align:center;letter-spacing:-.03em}
.list_img{width:280px;position:relative;padding:11px;border:1px solid rgb(207,207,207);background:rgb(255,255,255) none;}
.shadow{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:rgb(215,215,215);border-top:1px solid rgb(185,185,185);}
.list_img:hover{border:3px solid #153259;padding:9px}
.list_img:hover .shadow{border-top:1px solid #153259}
.list_img:hover .list_subject,.list_img:hover .list_subject a{color:#003c8d}

.data{clear:both;position:relative;width:100%;min-height:500px;_zoom:1;padding:100px 0}
.data ul {border-collapse: collapse;width:940px;margin:0 auto;border-top: 2px solid #473729;border-right:2px solid #fff;text-indent:0}
.data ul li{position:relative;width:100%;padding: 15px 3px;border-bottom: 1px solid #dedede;}
.data ul li .subject,.data ul li .subject a{width:80%;font-size:15px;color: #222}
.data ul li .list_data{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:30px;font-size:11px;color:#fff;background:#666}

.contactus{clear:both;position:relative;width:100%;min-height:500px;_zoom:1;padding:100px 0 60px;background:url(/images/eng/main/contactus_bg.gif) #f5fafb repeat-x center top}
.contactus_wrap{clear:both;width:960px;height:280px;_zoom:1;margin:0 auto;padding-top:30px}
.contactus_wrap .phone{float:left;width:33.3333%;padding:80px 20px 0;background:url(/images/eng/main/contactus_phone.png) no-repeat center top}
.contactus_wrap .email{float:left;width:33.3333%;padding:80px 20px 0;background:url(/images/eng/main/contactus_email.png) no-repeat center top}
.contactus_wrap .address{float:left;width:33.3333%;padding:80px 20px 0;background:url(/images/eng/main/contactus_address.png) no-repeat center top}
.contactus_wrap h4{font-size:16px;font-style:italic;color:#ffff00;text-align:center}
.contactus_wrap p,.contactus_wrap .email a{display:block;padding-top:10px;font-size:13px;color:#fff;text-align:center}
.contactus .map{overflow:hidden;width:940px;height:600px;margin:0 auto}

.margin-top-60{margin-top:60px}
.margin-top-150{margin-top:150px}

/* 카운트 */
.count{width:366px; height:21px; background:url(/images/count_bg_01.gif); background-repeat: repeat-x; clear:both;}
.count_tle{width:70px; height:21px; float:left;}
.count_today_tle{width:34px; height:21px; float:left;}
.count_today{width:39px; height:15px; padding:6px 0px 0px 10px; font-size:11px !important; float:left;}
.count_yesterday_tle{width:31px; height:21px; float:left;}
.count_yesterday{width:39px; height:15px; padding:6px 0px 0px 10px; font-size:11px !important; float:left;}
.count_total_tle{width:30px; height:21px; float:left;}
.count_total{width:84px; height:15px; padding:6px 0px 0px 10px; font-size:11px !important; float:left;}
.count_bg{width:7px; height:21px; float:left;}