@charset "utf-8";

/* main.css */
#wrap {background:#fff url(/img/brandsite/main/bg_main.jpg) no-repeat center 0;}
#container {padding-bottom:0;}

#showcase_area {background:url(/img/brandsite/main/bg_pagination.png) repeat-x 0 bottom;}
#showcase_area .cover {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1;}
#showcase {position:relative; margin:auto; padding:473px 0 0 160px; height:83px; width:1035px; overflow:hidden;}
#showcase dt {float:left; position:relative; margin-left:7x; padding:24px 17px 0; height:59px; width:61px; z-index:20;}
#showcase dt:first-child {margin-left:0;}
#showcase dt a {display:block; color:#b9b9b9; font-weight:bold; text-align:center;}
/*#showcase dt.t_short {padding-top:32px; height:51px;}*/
#showcase dt.on {margin-top:-31px; padding:55px 17px 0; background:url(/img/brandsite/main/bg_pagination_active.png);}
/*#showcase dt.t_short.on {padding-top:63px;}*/
#showcase dt.on a {color:#fff; text-shadow:1px 1px 1px #333; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#666666, Positive=true); zoom:1;}
#showcase dd {position:absolute; top:20px; left:0; width:1195px; height:453px; text-align:center; overflow:hidden;}

#showcase dd>* {position:absolute;}
#showcase dd .bg {top:29px; left:469px;}
#showcase dd .title {top:154px; left:116px;}
#showcase dd .copy {top:264px; left:111px;}
#showcase dd .obj {top:0; left:595px;}

#showcase_area .btn_prev, #showcase_area .btn_next {position:absolute; top:240px;}
#showcase_area .btn_prev {left:0;}
#showcase_area .btn_next {right:0;}

.latest_area {padding:48px 0 43px; overflow:hidden;}
.latest_area dl {float:left; position:relative; width:282px;}
.latest_area dt {margin-bottom:7px;}
.latest_area dd a {display:block; width:210px; color:#222938; font-size:12px; line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.latest_area dd .date {position:absolute; right:0; color:#767676;}
.latest_area .notice {margin-left:93px;}
.latest_area .news {margin-left:75px;}
.latest_area .tel {float:right; margin:16px 100px 0 0; padding:9px 35px 8px; border:5px solid #eee;}

/* 수정 09.21 */
@media screen and (max-width:1210px)  {
	body{min-width:1000px;}
	#header .w_fix,
	#container .w_fix{width:980px;margin:0 auto;}
	.latest_area .notice{margin-left:50px;}
	.latest_area .news{margin-left:40px;}
	.latest_area dl{width:250px;}
	.latest_area .tel{margin-right:50px;}
	#showcase{width:1135px;padding-left:0;margin:0 auto;}
	#showcase dt:first-child{margin-left:80px;}
}