/* body 공통 속성 */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0;padding:0}
ul,ol,dl {list-style:none}
img {border:0;vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}

body,input,textarea,select{font:13px/1.5 'Helvetica Neue',Tahoma, Arial,'Liberation Sans',FreeSans,sans-serif}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
/*
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
*/

a { text-decoration:none; color:#039bd8;}
a:active, a:focus { outline: 0px; }
a:hover { color:#027cad;}

.orange_color { color:#ff6600;}
#warp {z-index:1;margin-left:auto;margin-right:auto; }


.div_1024_ontop {z-index:500;width:1024px;margin-left: auto;margin-right:auto;position:relative;border:0px;background: transparent;}
.div_1024 {z-index:96;width:1024px;margin-left: auto;margin-right:auto;position:relative;border:0px;background: transparent;}
.div_940 {position:relative;z-index:96;width:940px;margin-left: auto;margin-right:auto;border:0px;background: transparent;}
.div_950 {position:relative;z-index:96;width:950px;margin-left: auto;margin-right:auto;border:0px;background: transparent;}
.div_100per {z-index:95;width:100%;position:relative;border:0px;background: transparent;}
.div_312 {width:312px;float:left;}


.div_absolute {position: absolute;}
.div_relative {position:relative;}

.center {text-align: center;}
.height300 {height:300px;}
.clear {clear:both;}
.center312 {margin-left: 39px;margin-right:39px;width:312px;height:300px;}

#IE6Warning {position:relative;width:1024px;height:45px;left:0px;top:0px;z-index:400;display:none;margin-left:auto;margin-right:auto;margin-top:0px;background-color: #e1f4fb;color:#ff5555;font-weight: bold;font-size: 14px;padding:10px;line-height: 18px;}

/* 상단 메뉴 처리 */
#menu_warp {position:relative;width:1024px;height:140px;left:0px;top:0px;z-index: 400;}
#top_logo {z-index:3060;position: absolute;left:45px;top:0px;width:240px;height:175px;}
#top_logo a { display:block;height:140px;width:240px; background: transparent url(/v2/img/supersuperficial_logo_240x140.png) no-repeat 0 0; text-indent:-1234em; overflow:hidden;margin-top:-10px; position:absolute; top:0;z-index:200;}

#menu_bar {z-index:60;position:absolute;left:42px;top:60px;width:940px;height:45px;background:transparent url(/v2/img/header/menubar.png) no-repeat 0 0;}

#menu0 {position:absolute;left:0px top:60px;background:none;width:240px;height:45px;cursor:pointer;z-index:150;margin:0px;;margin-top:40px;}
#menu1 {position:absolute;background:url(/v2/img/menu/m1.jpg) no-repeat;width:122px;height:45px;cursor:pointer;z-index:3055;margin:0px;left:283px;top:60px;}
#menu2 {position:absolute;background:url(/v2/img/menu/m2.jpg) no-repeat;width:206px;height:45px;cursor:pointer;z-index:150;margin:0px;left:405px;top:60px;}
#menu3 {position:absolute;background:url(/v2/img/menu/m3.jpg) no-repeat;width:62px;height:45px;cursor:pointer;z-index:150;margin:0px;left:611px;top:60px;}
#menu4 {position:absolute;background:url(/v2/img/menu/m4.jpg) no-repeat;width:114px;height:45px;cursor:pointer;z-index:150;margin:0px;left:674px;top:60px;}
#menu5 {position:absolute;background:url(/v2/img/menu/m5.jpg) no-repeat;width:62px;height:45px;cursor:pointer;z-index:150;margin:0px;left:787px;top:60px;}
#menu6 {position:absolute;background:url(/v2/img/menu/m6.jpg) no-repeat;width:50px;height:45px;cursor:pointer;z-index:150;margin:0px;left:849px;top:60px;}
#menu7 {position:absolute;background:url(/v2/img/menu/m7.jpg) no-repeat;width:71px;height:45px;cursor:pointer;z-index:150;margin:0px;left:899px;top:60px;}

.menuNewIcon {float:right;margin-top:-24px;margin-right:5px;background:url(/v2/img/menu/Small-new-signs.png) no-repeat;z-index:3100;height:33px;width:33px;}

#menu_sub {position:absolute;width:121px;height:104px;cursor:pointer;margin:0px;left:284px;display:none;z-index:3050;top:105px;}
#menu_sub1 {float:left;background:url(/v2/img/menu/sm1.png) no-repeat;width:121px;height:26px;cursor:pointer;margin:0px;}
#menu_sub2 {float:left;background:url(/v2/img/menu/sm2.png) no-repeat;width:121px;height:26px;cursor:pointer;margin:0px;}
#menu_sub3 {float:left;background:url(/v2/img/menu/sm3.png) no-repeat;width:121px;height:26px;cursor:pointer;margin:0px;}
#menu_sub4 {float:left;background:url(/v2/img/menu/sm4.png) no-repeat;width:121px;height:26px;cursor:pointer;margin:0px;}





/* 상품 리스팅 처리 */
.goods_List {position:relative;float:left;font-size:11px;width:235px;height:300px;z-index: 120;}
.goods_List a img { margin-bottom:0px;;margin-top:0px;}
.goods_price { font-size:120%; margin-right:.5em;font-weight: bold;}
.goods_title { font-size:120%; font-weight:bold;}


.new { background-position:0 0; background:transparent url(/images/interface/new_badge.png) no-repeat 0 0; position:absolute;left:165px;top:80px;width:48px;height:48px; z-index: 400;}
.top { background-position:-100px 0;background:transparent url(/images/interface/toptee_badge.png) no-repeat 0 0; position: absolute;left:165px;top:80px;width:48px;height:48px;z-index: 400;}
.pick { background-position:-50px 0; background:transparent url(/images/interface/staffpick_badge.png) no-repeat 0 0;position: absolute;left:165px;top:80px;width:48px;height:48px;z-index: 400;}
.subsc { background-position:-150px 0; background:transparent url(/images/interface/supersubscription.png) no-repeat 0 0;position: absolute;left:165px;top:80px;width:70px;height:48px;z-index: 400;}
.reprint { background-position:-150px 0; background:transparent url(/images/interface/reprint_badge.png) no-repeat 0 0;position: absolute;left:165px;top:80px;width:70px;height:48px;z-index: 400;}
.outstock { background-position:0 0; background:transparent url(/images/interface/out_badge.png) no-repeat 0 0; position:absolute;left:165px;top:80px;width:45px;height:45px; z-index: 400;}
 
/* footer 처리 - footer.gif / cloud_s.png */
#div_footer {clear:both;position:relative;z-index:95;width:100%;background:#ffffff url(/v2/img/footer/cloud_s.png) repeat-x 50% 0; font-size:85%;overflow:hidden;height:335px;}
#div_footer .div_940 {background: transparent;}
#copyright_logo {float:left;margin-top:20px;width:160px;height:203px;}
#siteInfo {float:left;margin-top:100px;margin-left:20px;width:160px;height:170px;}
#siteInfo ul {list-style:none;padding:0px; margin:0px;}
#siteInfo li{margin-left: 0px;font-weight:bold;font-size:14px;}
#siteInfo li a {font-weight:bold;font-size:14px;color:#000;}
#siteInfo li a:hover {color:#000;}
#siteInfo li a:visited {color:#000;}

.tail_event {float:left;margin-top:98px;margin-left:20px;width:160px;}
.tail_event a, .tail_event dt a {font-weight:bold;font-size:14px;color:#000;}
.tail_event a:hover, .tail_event dt a:hover {color:#000;}
.tail_event a:visited, .tail_event dt a:visited {color:#000;}

#copyright {float:left;clear:both;width:250px;margin-top:30px;}

/* 타이틀 부분 처리 */
.title { font-size:120%; font-weight:bold;}
.title h1 {text-align:center;font-size:60px;z-index:300;}

/* 페이징 처리 */
.pagination { position:relative !important; right:0 !important;margin:0 !important;float:right;}
.pagination a {display:block; float:left;padding:.5em 1em; margin-left:0;background-color:#d7d7d7;font-size:85%;margin-left:5px;font-weight:bold;}

.pagination a:hover {background-color:#039bd8;color:#FFF;}
.pagination .current { font-weight:bold;color:#FFF;cursor:default;background-color:#039bd8 !important;}

/* minibasket */
#minibasket { position:absolute; top:-20px;right:42px;padding:0px 0px 0px 0px; z-index:3400; overflow:visible;width:266px;}
#minibasket_center {background-color:#e1f4fb;z-index:400; overflow:visible;width:266px;padding:1.5em 0px 0px 0px;}
#minibasket p { margin:0;}
#minibasket a.checkout { font-weight:bold;color:#666666;}
#minibasket a.checkout:hover {color:#000000;}
#minibasket a.checkBasket { font-weight:bold;}
#minibasket a.checkBasket:hover {color:#000000;} 

#basket_content { border-bottom:1px #FFF solid; margin-bottom:5px; text-align: center;}
#basket_content table { width:240px; margin:0;padding-left: 20px;}
.price { font-weight:bold;}
.digit { text-align:right;}
.remove { display:block; width:13px; height:1.5em; background: transparent url(/images/interface/remove.png) no-repeat 0 50%; text-indent:-1234em; overflow:hidden;}

#minibasket table td { padding:.5em .5em .5em 0; vertical-align:top; font-size:90%;}
#minibasket table td a { font-weight:bold;}

.basket_bottom_str {clear:both;display: block;width:266px;}
#minibasket_bottom {clear:both;display:block;padding:0px;height:10px;width:266px;background: transparent;}



#minibasket .quanity_control { width:15px; height:30px; margin:2px 5px;position:relative;}
#minibasket .quanity_control a { display:block; height:15px; width:15px; background: transparent url(/images/interface/minus-plus_matrix_vertical.gif) no-repeat 0 0; text-indent:-1234em; overflow:hidden;text-align:left;border:0;}
#minibasket .quanity_control .minus { background-position:0 -15px;margin-top:1px;position:absolute;top:15px;}
#minibasket .quanity_control .plus { width:15px; }

#minibasket .quanity_control .minus:hover { background-position:-15px -15px;}
#minibasket .quanity_control .plus:hover { background-position:-15px 0;}

#minibasket .quanity_control .minus:active { background-position:-30px -15px;}
#minibasket .quanity_control .plus:active { background-position:-30px 0 ;}