@charset "utf-8";

/* index 배너 */
#IndexBanner { width: 1000px; height: 398px; }
#IndexBanner .BannerImage { position: relative; width: 1000px; height: 320px; overflow: hidden; }
#IndexBanner .BannerImage li { display: none; position: absolute; left: 0; top: 0; width: 1000px; height: 320px; cursor: pointer; }
#IndexBanner .BannerImage li img { display: block; }
#IndexBanner .BannerImage .explan { position: absolute; left: -290px; top: 0; width: 240px; height: 295px; padding: 25px 25px 0 25px; font-size: 14px; font-weight: bold; color: #333; line-height: 20px; background: url('../images/shop_index_banner_text_bg.png') repeat left top; }
#IndexBanner .BannerSEQ { position: relative; top: 1px; width: 1000px; height: 34px; background-color: #d4d4d4; }
#IndexBanner .BannerSEQ .seq { position: absolute; left: 14px; top: 11px; width: 130px; height: 13px; overflow: hidden; }
#IndexBanner .BannerSEQ .seq li { float: left; width: 13px; height: 13px; margin-right: 13px; background-color: #333; cursor: pointer; }
#IndexBanner .BannerSEQ .seq li.active { background-color: #fff; }
#IndexBanner .BannerSEQ .button { position: absolute; right: 0; top: 0; width: 285px; height: 34px; overflow: hidden; }
#IndexBanner .BannerSEQ .button ul { width: 286px; }
#IndexBanner .BannerSEQ .button li { float: right; width: 142px; height: 34px; margin-left: 1px; cursor: pointer; }
#IndexBanner .BannerSEQ .button li img { display: block; }

.ItemLine { width: 1000px; height: 43px; background: url('../images/shop_index_dotted_line.png') repeat-x 0 21px; }
.ItemInfo { display: none; position: absolute; left: 0; top: 0; background: url('../images/shop_item_info_bg.png') repeat left top; cursor: pointer; }
.ItemInfo .name { font-size: 16px; padding-bottom: 5px; font-weight: bold; color: #fff; }
.ItemInfo .manufct { font-size: 14px; padding-bottom: 5px; color: #fff; }
.ItemInfo .explan { font-size: 14px; color: #fff; line-height: 18px; padding-bottom: 20px; }
.ItemInfo .price { font-size: 14px; color: #fff; }
.ItemList { cursor: pointer; }

#FirstItem { position: relative; width: 1000px; height: 616px; }
#FirstItem #hotkeyword { position: absolute; left: 5px; top: 8px; width: 315px; height: 190px; }
#FirstItem #hotkeyword .title { position: absolute; left: 0; top: 0; width: 315px; height: 36px; text-align: center; background: url('../images/shop_index_dotted_line.png') repeat-x left bottom; }
#FirstItem #hotkeyword .keyword { position: absolute; left: 0; top: 49px; width: 315px; height: 140px; font-size: 18px; font-weight: bold; line-height: 24px; }
#FirstItem .f_item { position: absolute; border: 1px solid #dadada; overflow: hidden; }
#FirstItem .f_item img { display: block; }
#FirstItem #f_item1 { left: 336px; top: 0; width: 326px; height: 406px; }
#FirstItem #f_item1 .ItemInfo { width: 266px; height: 326px; padding: 40px 30px 40px 30px; }
#FirstItem #f_item2 { right: 0; top: 0; width: 326px; height: 347px; }
#FirstItem #f_item2 .ItemInfo { width: 266px; height: 267px; padding: 40px 30px 40px 30px; }
#FirstItem #f_item3 { left: 0; top: 208px; width: 326px; height: 198px; }
#FirstItem #f_item3 .ItemInfo { width: 266px; height: 158px; padding: 20px 30px 20px 30px; }
#FirstItem #f_item4 { left: 0; bottom: 0; width: 662px; height: 198px; }
#FirstItem #f_item4 .ItemInfo { width: 582px; height: 158px; padding: 20px 40px 20px 40px; }
#FirstItem #f_item5 { right: 0; bottom: 0; width: 326px; height: 257px; }
#FirstItem #f_item5 .ItemInfo { width: 266px; height: 256px; padding: 30px 30px 30px 30px; }

#SecondItem { position: relative; width: 1000px; height: 824px; }
#SecondItem .s_item1 { position: absolute; width: 326px; height: 198px; border: 1px solid #dadada; overflow: hidden; }
#SecondItem .s_item1 .ItemInfo { width: 266px; height: 158px; padding: 20px 30px 20px 30px; }
#SecondItem .s_item2 { position: absolute; width: 326px; height: 406px; border: 1px solid #dadada; overflow: hidden; }
#SecondItem .s_item2 .ItemInfo { width: 266px; height: 326px; padding: 40px 30px 40px 30px; }
#SecondItem #s_item1 { left: 0; top: 0; }
#SecondItem #s_item2 { left: 336px; top: 0; }
#SecondItem #s_item3 { right: 0; top: 0; }
#SecondItem #s_item4 { left: 0; top: 208px; }
#SecondItem #s_item5 { left: 336px; top: 208px; }
#SecondItem #s_item6 { right: 0; top: 416px; }
#SecondItem #s_item7 { left: 0; bottom: 0; }
#SecondItem #s_item8 { left: 336px; bottom: 0; }
#SecondItem #s_item9 { right: 0; bottom: 0; }

#ThirdItem { float: left; width: 1000px; overflow-x: hidden; }
#ThirdItem ul { width: 1008px; }
/*
#ThirdItem li { float: left; position: relative; width: 244px; height: 280px; margin: 0 8px 8px 0; }
#ThirdItem li .t_item { position: absolute; left: 0; top: 0; width: 242px; height: 278px; border: 1px solid #dadada; overflow: hidden; }
#ThirdItem li .t_item img { display: block; width: 242px; height: 278px; }
*/

#ThirdItem li { float: left; position: relative; width: 244px; height: 244px; margin: 0 8px 8px 0; }
#ThirdItem li .t_item { position: absolute; left: 0; top: 0; width: 242px; height: 242px; border: 1px solid #dadada; overflow: hidden; }
#ThirdItem li .t_item img { display: block; width: 242px; height: 242px; }
#ThirdItem .ItemInfo { width: 202px; height: 238px; padding: 20px 20px 20px 20px; background: url('../images/shop_item_info_bg.png') repeat left top; cursor: pointer; }

#Firstitem_top {  float: left; width: 1000px; overflow-x: hidden;    height: 150px; }
#Firstitem_top #hotkeyword { position: absolute; left: 5px; top: 8px; width: 315px; height: 190px; }
#Firstitem_top #hotkeyword .title { position: absolute; left: 0; top: 0; width: 315px; height: 36px; text-align: center; background: url('../images/shop_index_dotted_line.png') repeat-x left bottom; }
#Firstitem_top #hotkeyword .keyword { position: absolute; left: 0; top: 49px; width: 315px; height: 140px; font-size: 18px; font-weight: bold; line-height: 24px; }
#Firstitem_top .f_item { position: absolute; border: 1px solid #dadada; overflow: hidden; }
#Firstitem_top .f_item img { display: block; }
#Firstitem_top #f_item1 { left: 336px; top: 0; width: 326px; height: 406px; }
#Firstitem_top #f_item1 .ItemInfo { width: 266px; height: 326px; padding: 40px 30px 40px 30px; }
#Firstitem_top #f_item2 { right: 0; top: 0; width: 326px; height: 347px; }
#Firstitem_top #f_item2 .ItemInfo { width: 266px; height: 267px; padding: 40px 30px 40px 30px; }
#Firstitem_top #f_item3 { left: 0; top: 208px; width: 326px; height: 198px; }
#Firstitem_top #f_item3 .ItemInfo { width: 266px; height: 158px; padding: 20px 30px 20px 30px; }
#Firstitem_top #f_item4 { left: 0; bottom: 0; width: 662px; height: 198px; }
#Firstitem_top #f_item4 .ItemInfo { width: 582px; height: 158px; padding: 20px 40px 20px 40px; }
#Firstitem_top #f_item5 { right: 0; bottom: 0; width: 326px; height: 257px; }
#Firstitem_top #f_item5 .ItemInfo { width: 266px; height: 256px; padding: 30px 30px 30px 30px; }

#Firstitem_bot {  float: left; width: 1000px; overflow-x: hidden;     height: 150px;}
#Firstitem_bot #hotkeyword { position: absolute; left: 5px; top: 8px; width: 315px; height: 190px; }
#Firstitem_bot #hotkeyword .title { position: absolute; left: 0; top: 0; width: 315px; height: 36px; text-align: center; background: url('../images/shop_index_dotted_line.png') repeat-x left bottom; }
#Firstitem_bot #hotkeyword .keyword { position: absolute; left: 0; top: 49px; width: 315px; height: 140px; font-size: 18px; font-weight: bold; line-height: 24px; }
#Firstitem_bot .f_item { position: absolute; border: 1px solid #dadada; overflow: hidden; }
#Firstitem_bot .f_item img { display: block; }
#Firstitem_bot #f_item1 { left: 336px; top: 0; width: 326px; height: 406px; }
#Firstitem_bot #f_item1 .ItemInfo { width: 266px; height: 326px; padding: 40px 30px 40px 30px; }
#Firstitem_bot #f_item2 { right: 0; top: 0; width: 326px; height: 347px; }
#Firstitem_bot #f_item2 .ItemInfo { width: 266px; height: 267px; padding: 40px 30px 40px 30px; }
#Firstitem_bot #f_item3 { left: 0; top: 208px; width: 326px; height: 198px; }
#Firstitem_bot #f_item3 .ItemInfo { width: 266px; height: 158px; padding: 20px 30px 20px 30px; }
#Firstitem_bot #f_item4 { left: 0; bottom: 0; width: 662px; height: 198px; }
#Firstitem_bot #f_item4 .ItemInfo { width: 582px; height: 158px; padding: 20px 40px 20px 40px; }
#Firstitem_bot #f_item5 { right: 0; bottom: 0; width: 326px; height: 257px; }
#Firstitem_bot #f_item5 .ItemInfo { width: 266px; height: 256px; padding: 30px 30px 30px 30px; }