@charset "utf-8";

@import url(base.css); /* reset */
@import url(common.css);/* header,footer */

.contents{width:1000px; margin:auto; text-align:left;}
.contents:after{content:""; display:block; clear:both;}
.info{width:155px; height:151px; background:#2b76c3; float:left; padding:20px;}
.products{width:374px; height:151px; background:#75c2ba; float:left; padding:20px;}
.news{width:155px; height:151px; float:left; background:#f2efe8; padding:20px;}
.contact{width:156px; height:151px; background:#d7d7d7; float:left; padding:20px;}
.contents .tit{font-size:20px; font-weight:bold;}
.contents .info .tit a{color:#fff;}
.contents .products .tit a{color:#fff;}
.contents .news .tit a{color:#353535;}
.contents .contact .tit a{color:#353535;}
.contents .contact .num{margin-top:20px;}
.contents .contact .tel{background:url(/images/main/icon_tel.gif) no-repeat left 10px; padding-left:30px; line-height:55px; border-bottom:1px solid #a6a299; color:#837c70; font-size:14px; font-weight:bold;}
.contents .contact .fax{background:url(/images/main/icon_fax.gif) no-repeat left 10px; padding-left:30px; line-height:55px; border-bottom:1px solid #a6a299; color:#837c70; font-size:14px; font-weight:bold;}
.contents .tit span{float:right;}
.info .txt{margin-top:15px;}
.info .txt a{color:#d7d7d7; font-weight:bold; font-size:13px; line-height:18px;}


/* 플리킹리스트 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:450px; top:0px; left:0px;z-index:50;}
#flickingList .cont {position:relative; overflow:hidden; top:0px; width:100%; vertical-align:top;text-align:center; }
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layer {float:left; width:100%;  text-align:center; }
#flickingList .bg1 {background:url("/images/main/main_img1.jpg") no-repeat top center;height:450px;}
#flickingList .bg2 {background:url("/images/main/main_img2.jpg") no-repeat top center;height:450px;}
#flickingList .bg3 {background:url("/images/main/main_img3.jpg") no-repeat top center;height:450px;}

#flickingList .tabWrap {position:absolute;bottom:8px; left:50%; text-align:center;z-index:200;}
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:20px; height:20px; background:url("/images/main/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("/images/main/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/main/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/images/main/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/main/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/images/main/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:190px; width:100%;height:75px;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}

#banner_wrap{margin-top:10px; position:relative; background:url(/images/main/bg_best.gif) no-repeat left top;}
#banner_wrap dd{text-align:center; margin-top:5px; font-size:11px; color:#000;}
#prevBtn{position:absolute; left:-20px; top:40px; z-index: 2;}
#nextBtn{position:absolute; right:-20px; top:40px; z-index: 2;}

.slider1 dd{font-size:10px; text-align:center; color:#000; margin-top:5px;}