@charset "euc-kr";
/** =================================
= ITSCard Main - Cascading Style Sheet.
= Dentice Interactive Markup Part. Oh Seran
= 2012-08-13 ~
= Charset : euc-kr
================================= **/

/**= main layout */
#header{}
/*GNB¸Þ´º °Ë»öâ*/
.gnb_wrap{}
.gnb_toparea{ padding:12px 0 14px 0;*zoom:1;}
.gnb_wrap:after{content:""; display:block; clear:both;}
/*»ó´Ü ¿ÞÂÊ À¯Æ¿¸Þ´º*/
.gnb_toparea .left_util{float:left; padding:5px}
.gnb_toparea .left_util li{float:left; display:inline; margin-right:13px; }
.gnb_toparea .left_util li a{ display:block; overflow:hidden; height:10px; text-indent:-1000em; background:url(/image/common/bg_left_util.gif);}
.gnb_toparea .left_util li.left_m1 a{width:38px;background-position:0 0}
.gnb_toparea .left_util li.left_m2 a{width:51px;background-position:-51px 0}
.gnb_toparea .left_util li.left_m3 a{width:46px;background-position:-115px 0}
/*»ó´Ü ¿À¸¥ÂÊ À¯Æ¿¸Þ´º*/
.gnb_toparea .right_util{float:left; padding:4px 14px 0 290px;}
.gnb_toparea .right_util li{float:left; display:inline;} 
.gnb_toparea .right_util li a{display:block; overflow:hidden; padding:0 8px 0 6px; height:11px; text-indent:-1000em; background:url(/image/common/bg_right_util.gif);}
.gnb_toparea .right_util li.right_m1 a{width:28px;background-position:0 0; padding-left:0}
.gnb_toparea .right_util li.right_m2 a{width:36px;background-position:-36px 0}
.gnb_toparea .right_util li.right_m3 a{width:44px;background-position:-85px 0}
.gnb_toparea .right_util li.right_m4 a{width:36px;background-position:-143px 0}
.gnb_toparea .right_util li.right_m5 a{width:40px;background-position:-192px 0}
.gnb_toparea .right_util li.right_m6 a{width:29px;background-position:-246px 0}
/*ÅëÇÕ°Ë»ö*/
.gnbSearch #srch{border:1px solid #f67ea4; padding:4px 7px; width:144px; height:10px; font-size:11px; margin:0;}
/*À¯Æ¿ Çϴܸ޴º*/
.gnb_botarea{*zoom:1; padding:0 0 5px 0;}
.gnb_botarea:after{content:""; display:block; clear:both;}
.gnb_botarea h1{float:left;}
.gnb_botarea ul{float:right; padding-top:30px}
.gnb_botarea ul li{float:left; display:inline;}
.gnb_botarea ul li a{display:block; overflow:hidden; padding:0 8px; height:15px; text-indent:-1000em; background:url(/image/common/bg_gnbbot_menu.gif);}
.gnb_botarea ul li.gnb_botm1 a{width:71px; background-position:0 0; padding-left:0}
.gnb_botarea ul li.gnb_botm2 a{width:90px; background-position:-81px 0}
.gnb_botarea ul li.gnb_botm3 a{width:36px; background-position:-187px 0}
.gnb_botarea ul li.gnb_botm4 a{width:47px; background-position:-239px 0}
.gnb_botarea ul li.gnb_botm5 a{width:49px; background-position:-302px 0}
.gnb_botarea ul li.gnb_botm6 a{width:50px; background-position:-397px 0; padding:0 7px 0 0; margin-left:37px}
.gnb_botarea ul li.gnb_botm7 a{width:30px; background-position:-454px 0; padding:0 6px}
.gnb_botarea ul li.gnb_botm8 a{width:62px; background-position:-496px 0; padding:0 0 0 6px}
/*ÁÖ¿ä LNB¸Þ´º*/
.lnb ul{*zoom:1; background:url(/image/@tmp/@tmp_img_gnb_nav.gif);}
.lnb ul:after{content:""; display:block; clear:both;}
.lnb ul li{float:left; display:inline}
.lnb ul li a{display:block; overflow:hidden; height:44px; text-indent:-1000em; /*background:url(/image/@tmp/@tmp_img_gnb_nav.gif);*/}
#container{ position:relative; width:1280px; margin:0 auto;}
#container.fluid{width:100%;}
/**= ºñÁÖ¾ó ¿µ¿ª */
.visual_area{*zoom:1;position:relative;height:405px;background:#fff ;}
.visual_area:after{content:""; display:block; clear:both;}
/* visual */
.visual_rolling{float:left;overflow:hidden;position:relative;width:591px;height:381px; margin:0 8px 0 9px;}
.visual_rolling .visual_container{position:absolute;top:0;left:0;height:421px}
.visual_rolling li{float:left;width:605px}
.visual_rolling li a{display:block}
/*¿À¸¥ÂÊ ¹è³Ê¿µ¿ª*/
.event_area01{float:left;padding-left:1px;/*background:url(/image/main/bg_line.gif) no-repeat 0 30px*/} 
/*¿ÞÂÊ ¹è³Ê¿µ¿ª*/
.event_area{float:left;padding-right:1px;/*background:url(/image/main/bg_line.gif) no-repeat 176px 30px;*/} 
.event_area ul li.ban_style{padding:4px 15px 16px 12px; border:1px solid #ddd; background:#f2f2f2}
.event_area ul li.ban_style01{padding:0px 15px 16px 0px; border-bottom:1px solid #ddd;}
.event_area ul li.extend_area{ padding:6px 0 0 0px;}
#benefits13-bnr h3 {margin-bottom:12px;margin-top:15px}
#benefits13-bnr ol {margin-left:15px}
#benefits13-bnr ol li{margin-bottom:4px}
/*´ë Ä«Å×°í¸® it's best*/
.itsbest_area {position:relative; background:url(/image/common/bg_board_line.gif) repeat-x 0 46px;width: 960px;height: 310px;overflow: hidden; }
.itsbest_area h3{float:left;padding-right:18px;}
.itsbest_area .best_list{*zoom:1; clear:both; padding:34px 0 22px;width:998px; }
.itsbest_area .best_list:after{content:""; display:block; clear:both}
.itsbest_area .best_list li{float:left; display:inline; position:relative; width:178px; margin-right:18px;}
.itsbest_area .best_list li a .pro_img img{display:block; width:178px; height:178px; }
.itsbest_area .best_list li a img.shape{display:block; width:180px; height:180px;}
.itsbest_area .best_list li .shape{position:absolute; left:0; top:0}
.itsbest_area .best_list li .pro_infor{display:block; padding:7px 0 0 0; font-size:11px; color:#4d4d4d; letter-spacing:-1px }
.itsbest_area .best_list li .pro_price {font-size:11px; }
/*.itsbest_area .best_list li .pro_price img{vertical-align:-2px; background:#000}*/
.itsbest_area .best_list li .pro_price .down{vertical-align:-1px;}
.itsbest_area .best_list li.last{margin-right:0}
.itsbest_area .more{position:absolute; right:0; top:24px}
.itsbest_area .more img{position:relative;top:-3px}
.more a{font-size:11px; color:#abb0b5; letter-spacing:-0.1em;}
.main .more a img {position:relative;top:-3px}


/*ÅÇ_ ÃÊƯ°¡*/
.itsbest_area .itsbest_area_s. tab_ui{float:left; padding-top:15px; width:350px; }
.itsbest_area .itsbest_area_s .tab_ui li{float:left; display:inline;}
.itsbest_area .itsbest_area_s .tab_ui li a{display:block; overflow:hidden; padding:0 13px 0 10px; text-indent:-1000em; background:url(/image/main/bg_its_best_tab_super.gif) no-repeat; }
.itsbest_area .itsbest_area_s .tab_ui li.tab1 a{background-position:0 0; padding-left:0;  width:61px; height:14px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab2 a{background-position:-73px 0; width:73px; height:14px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab3 a{background-position:-168px 0; width:62px; height:14px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab4 a{background-position:-255px 0; padding-right:0; width:65px; height:14px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab1 a:hover,
.itsbest_area .itsbest_area_s .tab_ui li.tab1 a:focus,
.itsbest_area .itsbest_area_s .tab_ui li.tab1 a:active,
.itsbest_area .itsbest_area_s .tab_ui li.tab1 a.on{background-position:0 -19px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab2 a:hover,
.itsbest_area .itsbest_area_s .tab_ui li.tab2 a:focus,
.itsbest_area .itsbest_area_s .tab_ui li.tab2 a:active,
.itsbest_area .itsbest_area_s .tab_ui li.tab2 a.on{background-position:-73px -19px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab3 a:hover,
.itsbest_area .itsbest_area_s .tab_ui li.tab3 a:focus,
.itsbest_area .itsbest_area_s .tab_ui li.tab3 a:active,
.itsbest_area .itsbest_area_s .tab_ui li.tab3 a.on{background-position:-168px -19px;}
.itsbest_area .itsbest_area_s .tab_ui li.tab4 a:hover,
.itsbest_area .itsbest_area_s .tab_ui li.tab4 a:focus,
.itsbest_area .itsbest_area_s .tab_ui li.tab4 a:active,
.itsbest_area .itsbest_area_s .tab_ui li.tab4 a.on{background-position:-255px -19px; }


/*ÅÇ_¿ù°£*/
.itsbest_area .tab_ui{float:left; padding-top:15px; width:350px;}
.itsbest_area .tab_ui li{float:left; display:inline}
.itsbest_area .tab_ui li a{display:block; overflow:hidden; padding:0 13px 0 10px; text-indent:-1000em; background:url(/image/main/bg_its_best_tab.gif) no-repeat; }
.itsbest_area .tab_ui li.tab1 a{background-position:0 0; padding-left:0;  width:61px; height:14px;}
.itsbest_area .tab_ui li.tab2 a{background-position:-74px 0; width:61px; height:14px;}
.itsbest_area .tab_ui li.tab3 a{background-position:-158px 0; width:61px; height:14px;}
.itsbest_area .tab_ui li.tab4 a{background-position:-244px 0; padding-right:0; width:61px; height:14px;}
.itsbest_area .tab_ui li.tab1 a:hover,
.itsbest_area .tab_ui li.tab1 a:focus,
.itsbest_area .tab_ui li.tab1 a:active,
.itsbest_area .tab_ui li.tab1 a.on{background-position:0 -19px;}
.itsbest_area .tab_ui li.tab2 a:hover,
.itsbest_area .tab_ui li.tab2 a:focus,
.itsbest_area .tab_ui li.tab2 a:active,
.itsbest_area .tab_ui li.tab2 a.on{background-position:-74px -19px;}
.itsbest_area .tab_ui li.tab3 a:hover,
.itsbest_area .tab_ui li.tab3 a:focus,
.itsbest_area .tab_ui li.tab3 a:active,
.itsbest_area .tab_ui li.tab3 a.on{background-position:-158px -19px;}
.itsbest_area .tab_ui li.tab4 a:hover,
.itsbest_area .tab_ui li.tab4 a:focus,
.itsbest_area .tab_ui li.tab4 a:active,
.itsbest_area .tab_ui li.tab4 a.on{background-position:-244px -19px; }


/*´ëÄ«Å×°í¸® it's style*/
.style_area{position:relative; background:url(/image/common/bg_board_line.gif) repeat-x 0 46px;}
.style_area .cont_area{*zoom:1; padding:25px 0 20px; }
.style_area .cont_area:after{content:""; display:block; clear:both;}
.style_area .keyword{float:left; width:240px; height:246px; overflow:hidden; border:1px solid #e6e6e6; padding:15px 27px 3px 16px; }
.style_area .more{position:absolute; right:0; top:24px}
/*Å°¿öµå °Ë»ö¾îºÎºÐ*/
.style_area .keyword dt{border-bottom:1px solid #f2f2f2; padding:0 0 16px 3px}
.style_area .keyword dd {width:250px;height:178px;overflow:hidden}
.style_area .keyword dd ul{*zoom:1; padding-top:20px; width:260px}
.style_area .keyword dd ul:after{content:""; display:block; clear:both;}
.style_area .keyword dd ul li{float:left;}
.style_area .keyword dd ul li a{display:inline-block; color:#fff; font-size:18px; letter-spacing:-0.1em; font-weight:bold; padding:7px 6px 0 6px; margin:0 1px 1px 0; text-align:center}
.style_area .keyword dd ul li.key_style1 a{ margin-right:40px}
.style_area .keyword dd ul li.key_style1 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style2 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style3 a{ color:#888}
.style_area .keyword dd ul li.key_style4 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style5 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style6 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style7 a{ color:#888}
.style_area .keyword dd ul li.key_style8 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style9 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style10 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style11 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style12 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style13 a{ background-color:#9bcdd1}
.style_area .keyword dd ul li.key_style14 a{ color:#888}
.style_area .keyword dd ul li.key_style15 a{ background-color:#fa7792}
.style_area .keyword dd ul li.key_style16 a{ background-color:#9bcdd1}

.style_area .keyword dd ul li a:hover,
.style_area .keyword dd ul li a:active,
.style_area .keyword dd ul li a:focus,
.style_area .keyword dd ul li a.on{text-decoration:underline;}
/*¿À¸¥ÂÊ »óÇ° Ãâ·Â*/
.style_area .product_style{float:left;}
.style_area .product_style .big_img{float:left; display:inline; width:265px; height:265px;}
/*ÀÛÀº»óÇ° ¸®½ºÆ®Ãâ·Â*/
.style_area .product_style ul.s_img{float:left; width:400px; margin-left:10px;}
.style_area .product_style ul.s_img li{float:left; display:inline; position:relative; width:129px; margin:0 6px 7px 0;}
.style_area .product_style ul.s_img li .icon{position:absolute; top:0; left:0}
.style_area .product_style ul.s_img li .icon img{display:block; width:41px; height:42px;}
.style_area .product_style ul.s_img li a img{display:block; width:129px; height:129px;}
.style_area .product_style ul.s_img li.last{margin-right:0;}
.style_area .product_style ul.s_img li .pro_infor{display:block; padding-top:8px;}
.style_area .product_style ul.s_img li .pro_infor img{vertical-align:-1px}
/*´ëÄ«Å×°í¸® brand card*/
.brandcard_area {*zoom:1; position:relative; padding-bottom:30px}
.brandcard_area:after{content:""; display:block; clear:both}
/*brand card ¸®½ºÆ® »óÇ°*/
.brandcard_area .cont_area{float:left; display:inline; width:782px; border-top:1px solid #575757; margin-top:16px; background:#f5f5f5; padding:20px 0 20px 20px;height:175px;}
.brandcard_area .cont_area ul{}
.brandcard_area .cont_area ul li{float:left; display:inline; position:relative; margin-right:35px; width:122px}
.brandcard_area .cont_area ul li a{display:block; padding-bottom:10px}
.brandcard_area .cont_area ul li a img{display:block; width:115px; height:115px;}
.brandcard_area .cont_area ul li .icon{position:absolute; top:0; left:0;}
.brandcard_area .cont_area ul li .icon img{display:block; width:41px; height:42px;}
.brandcard_area .cont_area ul li.last{margin-right:0}
.brandcard_area .cont_area ul li .pro_infor{word-spacing:-0.4em; -o-word-spacing:-0.4em; font-size:11px; color:#4d4d4d}
.brandcard_area .cont_area ul li .pro_price{font-size:11px;word-spacing:-0.2em; -o-word-spacing:-0.4em;}
.brandcard_area .cont_area ul li .pro_infor img{vertical-align:-1px;}
/*brand card ÅǸ޴º*/
.brandcard_area .tab_ui{float:right; padding:15px 0 0px; border-bottom:1px solid #e1e1e1;}
.brandcard_area .tab_ui li a{ display:block; overflow:hidden; width:123px; height:27px; text-indent:-1000em; background:url(/image/main/img_brandcard_menu.gif) no-repeat}
.brandcard_area .tab_ui li.tab1 a{background-position:0 0}
.brandcard_area .tab_ui li.tab1 a:hover,
.brandcard_area .tab_ui li.tab1 a:active,
.brandcard_area .tab_ui li.tab1 a:focus,
.brandcard_area .tab_ui li.tab1 a.on{background-position:-123px 0}
.brandcard_area .tab_ui li.tab2 a{background-position:0 -27px}
.brandcard_area .tab_ui li.tab2 a:hover,
.brandcard_area .tab_ui li.tab2 a:active,
.brandcard_area .tab_ui li.tab2 a:focus,
.brandcard_area .tab_ui li.tab2 a.on{background-position:-123px -28px}
.brandcard_area .tab_ui li.tab3 a{background-position:0 -55px}
.brandcard_area .tab_ui li.tab3 a:hover,
.brandcard_area .tab_ui li.tab3 a:active,
.brandcard_area .tab_ui li.tab3 a:focus,
.brandcard_area .tab_ui li.tab3 a.on{background-position:-123px -56px}
.brandcard_area .tab_ui li.tab4 a{background-position:0 -83px}
.brandcard_area .tab_ui li.tab4 a:hover,
.brandcard_area .tab_ui li.tab4 a:active,
.brandcard_area .tab_ui li.tab4 a:focus,
.brandcard_area .tab_ui li.tab4 a.on{background-position:-123px -84px}
.brandcard_area .tab_ui li.tab5 a{background-position:0 -111px}
.brandcard_area .tab_ui li.tab5 a:hover,
.brandcard_area .tab_ui li.tab5 a:active,
.brandcard_area .tab_ui li.tab5 a:focus,
.brandcard_area .tab_ui li.tab5 a.on{background-position:-123px -112px}
.brandcard_area .tab_ui li.tab6 a{background-position:0 -139px}
.brandcard_area .tab_ui li.tab6 a:hover,
.brandcard_area .tab_ui li.tab6 a:active,
.brandcard_area .tab_ui li.tab6 a:focus,
.brandcard_area .tab_ui li.tab6 a.on{background-position:-123px -140px}
.brandcard_area .tab_ui li.tab7 a{background-position:0 -167px}
.brandcard_area .tab_ui li.tab7 a:hover,
.brandcard_area .tab_ui li.tab7 a:active,
.brandcard_area .tab_ui li.tab7 a:focus,
.brandcard_area .tab_ui li.tab7 a.on{background-position:-123px -168px}
.brandcard_area .tab_ui li.tab8 a{background-position:0 -195px}
.brandcard_area .tab_ui li.tab8 a:hover,
.brandcard_area .tab_ui li.tab8 a:active,
.brandcard_area .tab_ui li.tab8 a:focus,
.brandcard_area .tab_ui li.tab8 a.on{background-position:-123px -196px}


/*´õº¸±â*/
.brandcard_area .more{position:absolute; left:776px; top:18px}
.brandcard_area .more img{position:relative;top:-3px}
/*´ëÄ«Å×°í¸® ÀÌ¿ëÈıâ & eûøÀå º£½ºÆ®*/
.best_area{*zoom:1;padding-bottom:40px}
.best_area:after{content:""; display:block; clear:both}
/*ÀÌ¿ëÈıâ*/
.best_area .employ_area{position:relative; float:left; display:inline; width:398px; padding-right:31px; margin-right:30px; background: url(/image/common/bg_board_line3.gif) no-repeat 100% 25px}
.best_area .employ_area dl{float:left; width:160px; margin:10px 26px 0 0}
.best_area .employ_area dt a img{display:block; width:160px; height:160px; margin-bottom:10px}
.best_area .employ_area dt a{color:#333}
.best_area .employ_area dt a:hover,
.best_area .employ_area dt a:active,
.best_area .employ_area dt a:focus{text-decoration:none; color:#333}
.best_area .employ_area .img_area{float:left; margin-top:10px}
.best_area .employ_area .img_area img{width:210px}
/*³»¿ëÃâ·ÂºÎºÐ*/
.best_area .employ_area dl dd{padding-top:14px}
.best_area .employ_area dl dd a{ font-size:11px; line-height:1.3; color:#333}
.best_area .employ_area dl dd a:hover,
.best_area .employ_area dl dd a:active,
.best_area .employ_area dl dd a:focus{text-decoration:none; color:#333}
.best_area .employ_area dl dd a .customer{display:block; padding-bottom:6px}
.best_area .employ_area dl dd a .date{color:#b3b2b2;}
/*º°Á¡ÁÖ±â*/
.best_area .employ_area dl dt{position:relative}
.best_area .employ_area dl dt .star_mark,
.best_area .employ_area dl dt .star_mark span{background:url(/image/main/img_star.gif) no-repeat}
.best_area .employ_area dl dt .star_mark {position:absolute; top:170px; right:0; display:block; overflow:hidden; height:13px; width:69px}
.best_area .employ_area dl dt .star_mark span{display:block; width:60%; height:13px; background-position:0 -13px}
.best_area .employ_area .more{position:absolute; left:358px; top:4px}
 /*eûøÀå º£½ºÆ®*/
.best_area .invitation_area{float:left; position:relative}
.best_area .invitation_area .img_area{margin-top:10px}
.best_area .invitation_area .more{position:absolute; right:0; top:4px}
 /*1ÀÏ Á¦ÀÛ¿Ï·á ÃÊƯ±Þ »óÇ°*/
.oneday_area {position:relative; padding-bottom:0px; background:url(/image/common/bg_board_line.gif) repeat-x 0 24px}
.oneday_area .best_list{*zoom:1; padding:13px 0 22px;}
.oneday_area .best_list:after{content:""; display:block; clear:both}
.oneday_area .best_list li{float:left; display:inline; position:relative; padding:10px 20px 10px 0; width:160px; margin-right:15px}
.oneday_area .best_list li a .pro_img img{display:block; width:160px; height:160px;}
.oneday_area .best_list li a img.shape{display:block; width:180px; height:180px;}
.oneday_area .best_list li .shape{position:absolute; left:0; top:0}
.oneday_area .best_list li .pro_infor{display:block; padding:10px 0 0 0;}
.oneday_area .best_list li .pro_infor img{vertical-align:-1px}
.oneday_area .best_list li.last{margin-right:0}
.oneday_area .more{position:absolute; right:0; top:0}
 /*its µðÀÚÀ̳ÊÀÇ Ãßõ*/
.recom_area{position:relative; background:url(/image/common/bg_board_line2.gif) repeat-x 0 50px}
.recom_area .img_area{padding:5px 0 30px; border-bottom:1px solid #eaeaea}
.recom_area .more{position:absolute; right:0; top:30px}
 /*special service*/
.special_area{padding:30px 0 52px;}
.special_area ol {*zoom:1; padding-top:12px}
.special_area ol:after{content:""; display:block; clear:both}
.special_area ol li {float:left; display:inline}
.special_area ol li a{display:block; overflow:hidden; height:196px; text-indent:-1000em; background:url(/image/main/img_special_service.jpg) no-repeat}
.special_area ol li.order1 a{width:191px; background-position:0 0;}
.special_area ol li.order2 a{width:194px; background-position:-191px 0;}
.special_area ol li.order3 a{width:192px; background-position:-385px 0;}
.special_area ol li.order4 a{width:192px; background-position:-577px 0;}
.special_area ol li.order5 a{width:191px; background-position:-769px 0;}
/*´ëÄ«Å×°í¸® °í°´¼¾ÅÍ&°øÁö»çÇ×*/
.customer_area{*zoom:1; border-top:2px solid #756c65;}
.customer_area:after{content:""; display:block; clear:both}
/*°í°´¼¾ÅÍ*/
.customer_area .customer{float:left; width:402px; padding:18px 22px 26px 0; border-right:1px solid #e5e5e5}
.customer_area .customer p{padding:32px 0 22px}
.customer_area .customer ul{float:left}
.customer_area .customer ul li{float:left; display:inline; margin-right:2px;}
.customer_area .customer ul li.last{margin-right:0}
/*°øÁö»çÇ×*/
.customer_area .notice_area{float:left; width:342px; padding-top:18px; border-right:1px solid #e5e5e5}
.customer_area .notice_area .notice{padding:0 18px 10px; border-bottom:1px solid #e5e5e5;}
.customer_area .notice_area .notice ul{padding-top:9px}
.customer_area .notice_area .notice ul li a{color:#333; padding-left:8px; line-height:1.5; background:url(/image/common/bu_dot.gif) no-repeat 0 50%}
.customer_area .notice_area .notice ul li a:hover,
.customer_area .notice_area .notice ul li a:active,
.customer_area .notice_area .notice ul li a:focus{color:#333; font-weight:bold; word-spacing:-0.3em}
.customer_area .notice_area .notice ul li span img{position:relative; top:3px; left:4px;}
/*ÁÖ¹®³»¿ªÁ¶È¸*/
.customer_area .notice_area .oderlist{padding:16px 18px 14px;}
.customer_area .banner_area{float:left}
/*°ü·Ã»çÀÌÆ®*/
.family_site{width:960px; margin:0 auto}
.family_site ul{*zoom:1; padding:9px 0 8px;}
.family_site ul:after{content:""; display:block; clear:both}
.family_site ul li{float:left}
/*ȸ»çÁ¤º¸*/
.bg_area{padding:30px 0 100px; background:#6b6b6b}
.address_area{*zoom:1; width:960px; margin:0 auto}
.address_area:after{content:""; display:block; clear:both}
.address_area h2{float:left; padding:12px 52px 0 10px;}
.address_area .company_infor{float:left; width:644px}
.address_area .company_infor ul{float:left; padding-bottom:16px}
.address_area .company_infor ul li{float:left; display:inline; padding:0 18px 0 16px; background:url(/image/common/bu_dot2.gif) no-repeat 100% 50%}
.address_area .company_infor ul li.first{padding-left:0}
.address_area .company_infor ul li.last{padding-right:0; background-image:none}

/*= Main
=============================================*/
/* = Main | Visual */
/* = Visual | Paginate */
.visual_rolling .paginate{
	position: absolute;
	top: 349px;
	left: 28px;
}
.visual_rolling .paginate a{display:block;float:left;width:10px;height:13px;margin-right:0;background:url(/image/main/img_visual_dot01.png) no-repeat 0 -20px;text-indent:-3721px;}
.visual_rolling .paginate a.act{background-position:0px 0px;}
.event_area{position:relative}
.event_area .extend_area .expand-trigger{}
.event_area .extend_area .expand-data{
	display:none;
	background: #fff;
	opacity: .8;
	position: absolute;
	top: -16px;
	left: 0px;
	width: 172px;
	height: 395px;
	border:#ddd 1px solid;
}
/* = ¹«·á »ùÇýÅû ·Ñ¸µ 2012-10-08 CSK Ãß°¡ */
.ban_style {width:145px;height:185px;position:relative;text-align:left;}
.ban_wrap {width:154px;height:200px;margin: 0 auto;}
.ban_wrap .prv,.ban_wrap .nxt{
	width: 11px;
	height: 11px;
	overflow: hidden;
	background-color: #f00;
	position: absolute;
	top: 101px;
	text-indent: -3721px;
}
.ban_wrap .prv {left:0px;background:url(/image/common/btn_prv.gif) no-repeat}
.ban_wrap .nxt {
	right: 0px;
	background: url(/image/common/btn_nxt.gif) no-repeat
}
.ban_wrap .ani_box{width:150px;height:190px;overflow:hidden;}
.ban_wrap .item{width:150px;height:190px;float:left}