@charset "utf-8";
/* CSS Document */
th,td,p,ul,li,div,img,input { vertical-align:middle; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
/* ,table, caption, tbody, tfoot, thead, tr, th, td 테이블 가운데 정렬때문에 제외시켰음*/
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	/** background-image:url('/resources/ko/images/index/top_bg.gif'); */
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a,a:visited { text-decoration:none; color:#828282 }
a:active, a:hover { text-decoration:none; color:#000 }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body, div, td, p, form, select, span, li, dd, dt{font:12px/1.25em "돋움", Dotum,sans-serif; color:#444; line-height:15px;}
img {border: 0; vertical-align:top;}
ul{list-style:none;margin:0; padding:0;}
li{margin:0; padding:0; background:#ffffff; }
form{margin:0;}
body,div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p{margin:0; padding:0;}

.blk{width:100%; float:none; clear:both; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.left { float: left; }
.right { float: right; }
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w48 { width:48%; }
.w49 { width:49%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w98 { width:98%; }
.w100 { width:100%; }
.w110 { width:110px; }
.w130 { width:130px; }
.w140 { width:140px; }
.h04 { height:4px; }
.h05 { height:5px; }
.h06 { height:6px; }
.h07 { height:7px; }
.h08 { height:8px; }
.h09 { height:9px; }
.h10 { height:10px; }
.h11 { height:11px; }
.h12 { height:12px; }
.h13 { height:13px; }
.h14 { height:14px; }
.h15 { height:15px; }
.h16 { height:16px; }
.h20 { height:20px; }
.h25 { height:25px; }
.h26 { height:26px; }
.h30 { height:30px; }
.h40 { height:50px; }
.h50 { height:50px; }
.h60 { height:60px; }
.h70 { height:70px; }
.h80 { height:80px; }
.h85 { height:85px; }
.h90 { height:90px; }
.h100 { height:100px; }
.h110 { height:110px; }
.h115 { height:115px; }
.h120 { height:120px; }
.mr05 { margin-right:5px; }
.pr02 { padding-right:2px; }
.inline { display:inline; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.txt_left { text-align:left !important; }
.txt_right { text-align:right; }
.txt_center { text-align:center; }
.td_right { text-align:right !important; }
.td_center { text-align:center !important; padding-left:0px; padding-right:0px; }
.vam { vertical-align:middle; }

.pdt03 { padding-top: 3px; }
.pdt05 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdl30 { padding-left: 30px !important; }
.ftc7e { color:#7e7e7e; }

.blind { display:none; }
.show { display:block !important; }
.white { color:#fff; }
.point_blue { color:#00a9e0; font-weight:bold; }
.border_gray { border:1px solid #e4e4e4; }
.bb2e4 { border-bottom:2px solid #e4e4e4; }
.bbe4 { border-bottom:1px solid #e4e4e4; }
.bbde7 { border-bottom:1px dashed #e7e7e7; }
.bbde4 { border-bottom:1px dashed #e4e4e4; }

#tb_wrap { width:100%; background-color:white; /*background:url('/resources/ko/images/index/tb_bg.jpg');*/ }
#tb_contents { width:1200px; margin:0 auto; }
#tb_contents .right { padding-top:20px; }



#top_wrap { width:1200px; height:130px; margin:0 auto; position:relative; }
#logo { width:253px; float:left; padding-top:18px; }
#search { width:329px; float:left; vertical-align:middle; padding-top:70px; }
#search input[type="text"] { width:279px; line-height:27px; height:27px; border:1px solid #B4B4B4; vertical-align:middle; }
#search input[type="image"] { vertical-align:middle; }
#top_bn { /*width:159px;*/ float:left; padding-top:20px; }
#top_bn #slideshow_j{/*float:left;*/}
#top_bn .top_arrow{width:29px;/*float:left;*/padding:0 0 0 211px;}
.top_arrow { display:inline-block; zoom:1; *display:inline-block; cursor:pointer}
#top_btn { float:right; padding-top:70px; width:400px; text-align:right; }
#top_nav { position:absolute; top:9px; right:0; }
#top_nav ul li { display:inline; /*background:url('/resources/ko/images/index/tnav_slash.jpg') no-repeat;*/ padding-right:0px; background-position:center right; }
#top_nav .last { background:none; padding-right:10px; }
#top_nav .none { background:none; padding:0; }

#nav { /*border-top:3px solid #000;*/ margin:0 auto; width:1200px; }
#nav .left { font-size:0; letter-spacing:-1px; }
#nav .right { padding:18px 0px 0px 0px; width:250px; text-align:left; }
#nav .right .notice_summary { background:url('/resources/ko/images/index/icon_arrow.jpg') no-repeat; margin-left:14px; padding-left:10px; background-position:0 5px; float:right; }

.wrap { width:1200px; margin:0 auto; position:relative; }
#head_wrap { width:1200px; margin:0 auto; position:relative; }
#content_wrap { width:1200px; margin:0 auto; position:relative; }
#visual { width:1198px; border:1px solid #D8D8D8; border-top:none; margin:0 auto; background-image:url('/resources/ko/images/sublist/munu_line.jpg'); background-repeat: repeat-y;	background-attachment: scroll;	background-position: left top;}
#visual_nav { width:191px; height:100%; border-right:1px solid #D8D8D8; padding: 0 0 0 0; float:left; position:relative; }
#visual_nav .nav_bn { position:absolute; bottom:4px;left:5px; }
#visual_img { width:726px; /*height:469px;*/ float:left; position:relative; border-right:1px solid #D8D8D8; }
.big_linkers { width:725px; height:56px; padding-left:1px;border-right:1px solid #D8D8D8; background:url(/resources/ko/images/bg_visual_b.gif) no-repeat center 9px;border-bottom:1px solid #D8D8D8;}
.big_linkers ul li {float:left;zoom:1;*display:inline;height:12px;color:#8c8c8c;margin:0;text-align:center;padding-top:24px;cursor:pointer; font-size:12px;background:none;}
.big_linkers ul .li_line{width:4px !important;float:left;}
.big_linkers .on { font-weight:bold;color:#cdbb7d; font-size:12px;;padding-top:24px;	}
.big_banner {/*height:468px;*/position:relative;overflow:hidden;/*border-right:1px solid #D8D8D8;*/ }
.big_banner .bignav {z-index:99;position:absolute;top:572px;width:100%;text-align:center;}
.big_banner .bignav a {display:inline-block;width:10px;height:10px;margin:0 2px;background:url('/resources/ko/images/index/circle_on1.png') no-repeat 0 0;}
.big_banner .bignav .on {background:url('/resources/ko/images/index/circle_off1.png') no-repeat 0 0;}

#visual_brand { width:279px; height:471px; float:left; position:relative; /*border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8;*/ }
#visual_brand .tab_brand1 { width:279px; height:119px; clear:both; }
.updowndiv1 { width:149px; height:223px;	overflow:hidden;	}
.updownnav1 {z-index:100;position:absolute;top:213px;width:100%;text-align:center;}
.updownnav1 a {display:inline-block;width:10px;height:10px;margin:0 2px;background:url('/resources/ko/images/index/circle_on1.png') no-repeat 0 0;} /*http://img.styleonme.com/newimg2012/dot_gray.png*/
.updownnav1 .on {background:url('/resources/ko/images/index/circle_off1.png') no-repeat 0 0;} /*http://img.styleonme.com/newimg2012/dot_green.png*/
#visual_brand .tab_brand2 { border-right:1px solid #d8d8d8; clear:both; }
.updowndiv2 { width:149px; height:223px;	overflow:hidden;	}
.updownnav2 {z-index:98;position:absolute;top:230px;width:100%;text-align:center;}
.updownnav2 a {display:inline-block;width:10px;height:10px;margin:210px 2px;background:url('/resources/ko/images/index/circle_on1.png') no-repeat 0 0;} /*http://img.styleonme.com/newimg2012/dot_gray.png*/
.updownnav2 .on {background:url('/resources/ko/images/index/circle_off1.png') no-repeat 0 0;} /*http://img.styleonme.com/newimg2012/dot_green.png*/

.list_wrap { position:relative; }
#hot_s1 { position:relative; margin:0px auto; }
.item { margin:0px auto; }
.item_wrap { width:230px; float:left; text-align:center; margin:0 20px 20px 20px; }
.item_wrap strong.tit { color:#616161; }
.item_wrap strong.price { color:#8791c3; }
.item_wrap span.detail { color:#8e8370; font-size:11px; }
.hot_left { position:absolute; top:190px; left:0; cursor:hand; cursor:pointer; }
.hot_right { position:absolute; top:190px; right:0; cursor:hand; cursor:pointer; }

.item_wrap_easy { width:370px; float:left; text-align:center; margin:0 10px 20px 20px; }
.item_wrap_easy strong.tit { color:#616161; }
.item_wrap_easy strong.price { color:#8791c3; }
.item_wrap_easy span.detail { color:#8e8370; font-size:11px; }

.item_wrap2 { width:230px; float:left; text-align:center; margin-right:70px; }
.item_wrap2 strong.tit { color:#616161; }
.item_wrap2 span.detail { color:#8e8370; font-size:11px; }
.item_wrap2 strong.price { color:#8791c3; }
.item_wrap2 .p_bn_icon{}
.item_wrap2 .p_bn_icon span{}

.item_wrap3 { width:370px; float:left; text-align:center; margin-right:70px; }
.item_wrap3 strong.tit { color:#616161; }
.item_wrap3 span.detail { color:#8e8370; font-size:11px; }
.item_wrap3 strong.price { color:#8791c3; }
.item_wrap3 .p_bn_icon{}
.item_wrap3 .p_bn_icon span{}

.today_wrap { clear:both; }
.today_wrap .item_today { color:#616161; text-align:center; width:238px; height:260px; padding-top:25px; border:1px solid #D9D9D9; border-bottom:0; border-right:0; float:left; position:relative; }
.today_wrap .item_today span { color:#e29132; }
.today_wrap .item_today .item_today_dc { position:absolute; top:0; right:0; }

.trend_wrap { border:1px solid #E2E2E2; }
.trend_wrap .trend_tit { width:138px; height:294px; padding:20px 0 0 20px; float:left; }
.trend_wrap .trend_img { float:left; padding:20px 20px 20px 0; border-right:1px solid #e2e2e2; margin-top:20px; }
.trend_tit .focusnav { width:120px; z-index:97;position:relative;left:0px;top:0px;display:block;word-wrap: break-word;}
.trend_tit .focusnav a {display:inline-block;width:10px;height:10px;margin:0 2px;background:url('/resources/ko/images/index/circle_off.png') no-repeat 0 0;} /*http://img.styleonme.com/newimg2012/dot_gray.png*/
.trend_tit .focusnav .on {background:url('/resources/ko/images/index/circle_on.png') no-repeat 0 0;}

.trend_tab_wrap { padding:20px 16px; float:left; }
.trend_tab { font-size:0; letter-spacing: -1px;  }

.brd9 { border-right:1px solid #D9D9D9 !important; }
.bbd9 { border-bottom:1px solid #D9D9D9 !important; }

.trend_list { padding:6px 8px 0 8px; border-top:1px solid #e2e2e2; }
.trend_list_img { float:left; }
.trend_list_txt { float:left; padding:14px 18px 0 18px; font-size:11px; color:#666; }

.bottom_wrap { border:1px solid #CDCDCD; border-left:0; border-right:0; height:186px; }
.bottom_news { padding-top:8px; width:269px; height:178px; border-right:1px solid #cdcdcd; float:left; }
.bottom_news .bottom_news_list { margin:6px 20px; }
.bottom_news .bottom_news_list li { line-height:26px; color:#6c6c6c; }
.bottom_wrap .bottom_item { position:relative; float:left; }
.bottom_select { left:36px; top:152px; position:absolute; }

footer { clear:both; margin:0px auto; width:1200px; }
#footer_line { width:1168px; display:inline-block; padding:6px 16px; background-color: #F4F4F4; border:1px solid #B4B4B4; border-left:0; border-right:0; font-size:0; letter-spacing: -1px; }
#copyright { position:relative; }
#copyright .copy_btn { position:absolute; left:606px; top:60px; width:101px; height:16px; background:url('/resources/ko/images/blank.png'); cursor:pointer; }
#copyright .copy_btn2 { position:absolute; left:951px; top:96px; width:106px; height:19px; background:url('/resources/ko/images/blank.png'); cursor:pointer; }

#r_quick { position:absolute; width:91px; top:0; right:-100px; text-align:right; }
#r_quick .recent_img { width:85px; text-align:center; margin-left:6px; position:relative; }
#r_quick .recent_img_close { position:absolute; top:0px; right:14px; }

#l_quick { position:absolute; width:91px; top:10px; left:-100px; text-align:right; }
#l_quick .recent_img { width:85px; text-align:center; margin-left:6px; position:relative; }
#l_quick .recent_img_close { position:absolute; top:0px; right:14px; }

.login_wrap { border:1px solid #E0E0E0; width:1198px; }

.member_wrap { width:379px; border-right:1px solid #e0e0e0; float:left; padding:98px 109px 98px 110px; height:350px; }
.order_wrap { width:380px; float:left; padding:98px 109px 98px 110px; height:350px; background-color:#FCFCFC; }
.member_wrap .left, .order_wrap .left { color:#656565; font-weight:bold; }
.member_wrap .left input[type="text"], .order_wrap .left input[type="text"] { border:1px solid #D6D6D6; width:189px; height:17px;padding-top:3px; }
.member_wrap .left input[type="password"], .order_wrap .left input[type="password"] { border:1px solid #D6D6D6; width:189px; height:20px; }
.member_wrap .left span, .order_wrap .left span { font-size:11px; color:#999999; }

.left_bn { padding-left:21px; }
.event_notice { margin:30px 0 40px 0px; background:url('/resources/ko/images/event/bg_event.jpg') no-repeat; width:908px; height:132px; position:relative; }
.event_notice .notice_list { position:absolute; left:622px; top:32px; }
.event_notice .notice_list ul li { color:#7b7b7b; font-size:11px; line-height: 20px; background:url('/resources/ko/images/event/dot_notice.jpg') no-repeat; padding-left:12px; background-position:2px 7px; }
.event_idpw { position:absolute; padding:22px 0 0 10px; }
.event_idpw .left { font-size:11px; color:#fff; font-weight:bold; }
.event_idpw .left input[type="text"], .event_idpw .left input[type="password"] { width:74px; height:19px;padding-top:3px; border:1px solid #C5C5C5; }

.pd_img { padding:12px; }

.f11 { font-size:11px; }
.ccf { color:#cf877b; }
.c82 { color:#828282; }
.lnh18 { line-height: 18px; }
.lnh18 strong { line-height: 18px; }
.lnh18 span { line-height: 18px; }

.tab_wrap { border-left:1px solid #DFE0E3; border-top:2px solid #5F6774; width:907px; margin:0 auto; }
.tab_on { border-right:1px solid #DFE0E3; color:#797977; font-weight:bold; letter-spacing:-1px; text-align:center; float:left; width:225px; line-height:40px; }
.tab_off { border-right:1px solid #DFE0E3; background-color: #F6F4F1; color:#797977; font-weight:bold; letter-spacing:-1px; text-align:center; float:left; width:226px; line-height:40px; cursor:pointer; }

.tab_qna { margin:30px 0 40px 38px; width:908px; position:relative; margin-bottom:30px; }
.qna_search { width:398px; height:64px; margin:0 auto; background:url('/resources/ko/images/qna/bg_qna.jpg') no-repeat; margin-bottom:10px; padding:40px 0 0 510px; }
.qna_search input[type="text"] { width:275px; height:19px; padding-top:3px;border:1px solid #DDDDDD; }
.qna_search strong { color:#797977; letter-spacing: -1px; }

.delivery_search { width:398px; height:64px; margin:0 auto; background:url('/resources/ko/images/qna/bg_delivery.jpg') no-repeat; margin-bottom:10px; padding:40px 0 0 510px; }
.delivery_search select { height:22px; border:1px solid #DDDDDD; }
.delivery_search input[type="text"] { width:275px; height:22px; border:1px solid #DDDDDD; }
.delivery_search strong { color:#797977; letter-spacing: -1px; }

.paging { position:relative; }
.paging_left { position:absolute; left:20px; top:40px; }
.paging_right { position:absolute; right:20px; top:40px; }

a.box, a.box_txt, a.box_txt2{ position:relative;}
a.box span,a.box_txt span,a.box_txt2 span{ display:none;}
a.box:hover span{ display:block;
position:absolute; top:-1px; left:4em;
background:transparent;}

a.box_txt:hover span{ display:inline;width:200px; text-align:center;font-size:11px;
position:absolute; top:-25px; left:-15px;padding:0;
background:#fafafa; border:1px solid #f7a1a1; color:#555;}

a.box_txt2:hover span{ display:inline;width:250px; text-align:center;font-size:11px;
position:absolute; top:-25px; right:0px;padding:0;
background:#fafafa; border:1px solid #f7a1a1; color:#555;}

.webwidget_scroller_tab{padding:20px 16px; float:right;}
.tabContainer{margin:0;padding:0}
.tabContainer li{float:left;display:block;width:89px;height:26px;border-top:3px solid #5f6774;text-align:center;padding-top:5px;font-size:12px;font-family:NanumGothic;font-weight:500;}
.tabContainer li a{display:block;}
.webwidget_scroller_tab .tabHead{
    list-style-type: none;
    margin:0px;
    padding:0px;
	height:34px;
	margin-bottom:15px;
}
.webwidget_scroller_tab .tabBody{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;

}
.webwidget_scroller_tab .tabBody ul,li{
    margin: 0px;
    padding: 0px;
    list-style: none;
	/*background:#fbfbfb;*/
}
.webwidget_scroller_tab .tabBody ul{
    position: absolute;
	margin:0;padding:0
}
.webwidget_scroller_tab .tabBody ul li{
    float: left;
	margin:0;padding:0
}
.webwidget_scroller_tab .tabHead li a{
   margin:0;padding:0;
}
.webwidget_scroller_tab .tabCot{
    float: left;margin:0;padding:0

}
.webwidget_scroller_tab .tabCot p{
   margin:0;padding:0
}
.webwidget_scroller_tab .tabContainer li.currentBtn{color:#b59741;width:90px;height:34px;display:block;}
.webwidget_scroller_tab .tabContainer li.currentBtn a{height:28px;color:#b59741;display:block;}

.normal_input { width:184px; height:21px;padding-top:3px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.short_input { width:83px; height:21px;padding-top:3px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.middle_input { width:306px; height:21px;padding-top:3px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.long_input { width:592px; height:21px;padding-top:3px; border-left:1px solid #c9c9c9; border-top:1px solid #c9c9c9; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}

.tbb_1 {height:6px; border-bottom:1px solid #f3f3f3;}

#top_fixed a span {font-size:11px;}
#state li a {font-size:11px;color:#8b8b8b}