@charset "utf-8";
/* CSS Document */

.left_menu { margin-top:28px;  }
.left_menu h3 { height:36px; vertical-align:top; padding-left:4px;}

.left_menu ul { float:left; background:url(/img/sub/bg_left_menu.gif) no-repeat 0 bottom, url(/img/sub/bg_category.gif) no-repeat 0 0; background-color:#3f44d7; padding:50px 0 30px 0;   }
.left_menu li { float:left; }

.left_menu li a { float:left; width:160px; font-size: 13px; line-height:16px; height:16px; color:#fff; padding:4px 0 0 23px; margin:2px 0; }
.left_menu li a span { font-size: 11px; padding-left:7px; color:#6c71f6; text-transform:uppercase }
.left_menu .on a,
.left_menu li a:hover,
.left_menu li a:active,
.left_menu li a:focus { background:url(/img/ico/ico_arrow_w.gif) no-repeat 168px 6px; background-color:#000;  text-decoration:none}

.left_menu li.none{ background:none; border:none  }
.left_menu li.sub {   padding-left:28px; *padding-left:11px; }
.left_menu li.sub a { padding:3px 10px 0 10px ; *padding:3px 10px 0 10px ; font-size: 12px; color:#949494; line-height:15px; height:15px; background:url(/img/ico/dot04.gif) no-repeat 1px 6px; background:url(/img/ico/dot04.gif) no-repeat 1px 8px;  }
.left_menu li.sub a:hover { color:#FFF; background:#6a91b6; }
.left_menu li.end { font-size: 12px; line-height: 1; height:12px; }


/* .sub_center { float:left; width:100%; height:auto; background:url(/img/main/bg_customer.gif) repeat-x 0 bottom  } */
.sub_center { float:left; width:100%; height:auto; }

.location { width:770px; margin-top:36px; margin-left:14px; margin-bottom:5px; border-bottom:#e2e2e2 solid 1px     }
.location { float:left; font-size: 12px; font-weight: 600; padding-bottom:8px; padding-right:0px;  color:#5e5e5e;  }
.location img { padding:0 5px }
.location select {font-size: 12px; height:20px; color:#666666; border:#d2d2d2 solid 1px; padding:1px  }
.location span { display:inline-block; }
.locationNew {width: 1200px; font-size: 14px; padding: 0; color: #5e5e5e; display: flex;  justify-content: space-between; align-items: flex-start; margin-bottom: 24px; flex-direction: column-reverse;}
.locationNew select {font-size: 12px; height:20px; color:#666666; border:#d2d2d2 solid 1px; padding:1px  }
.locationNew span.cate-title {display:inline-block; font-size: 22px; font-family: "PLBold";font-weight: 700; color:#333; padding:0px 0 0px 0px; margin-top: 24px;}

.sub_banner {float:left; padding:11px 14px; }

#content_list table { width:770px; float:left; border-left:#d6d6d6 solid 1px; border-right:#d6d6d6 solid 1px; }
.list { border-bottom:#d0d0d0 solid 1px }
.list th { background-color:#f8f8f8; border-top:#7c7c7c solid 2px;  border-bottom:#d8d8d8 solid 1px; color:#858585; letter-spacing:-1px}
.list td {font-size: 13px; color:#666666; background:url(/img/ico/bg_list_line_01.gif) repeat-x 0 top; padding-top:2px; }
.list td a {font-size: 13px; color:#666; }
.list td a:hover,
.list td a:active,
.list td a:focus { text-decoration:underline; color:#000; }

.list .nick { width:80px; color:#606060; font-size: 12px; text-align:center; letter-spacing:-1px}
.list .nick img { vertical-align:middle }
.list .nick a:hover { color:#00ade3 }
.list .size { width:50px; color:#838383; font-size: 12px; text-align:center  }
.list .number { width:67px; color:#989797; font-size: 12px; text-align:center }
.list .down { width:80px; color:#6e6e6e; font-size: 12px; text-align:center } 
.list .down img { text-align:center } 
.list .first { background:none }
.list .select { color:#36F; background:url(/img/bbs/ico_arrow_view.gif) no-repeat  3px; padding:0 15px; }




/* 하단 검색바 */
#bottomshr { float:left; width:768px; text-align:center;  margin-bottom:20px; padding-bottom:20px; border:#d6d6d6 solid 1px;  border-top:none; }
.sortshr .catesort { position:absolute; margin-left:1px; margin-top:2px; border:0; color:#666}
.sortshr .shrinput { width:180px; height:20px; padding-left:70px; border:#000 solid 1px ; vertical-align:top }


/* 상세보기 테이블 */
#content_list .title { border:#cccccc solid 1px; border-radius:4px; height:40px; line-height:40x; color:#595959; margin-top:20px ; box-shadow:2px 3px 0 rgba(240,240,240,1); }
#content_list .title img { vertical-align:middle}
#content_list .title .t1 {  display:block; float:left; width:580px; font-weight: 600; padding-left:18px; letter-spacing:-1px; }
#content_list .title .t2 { float:right; color:#9f9f9f }
#content_list .title .t3 { float:right; font-weight: 600; color:#656565; padding:0 15px 0 4px}

/*컨텐츠 알람사항*/
#content_list .notice {float:left; width:100%; margin-top:10px; border:#cccccc dashed 1px; height:35px; line-height:35px; color:#595959; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#fdfdfd", EndColorStr="#eeeeee"); }
#content_list .notice img { vertical-align:middle}
#content_list .notice .t1 {  display:block; float:left; font:bold 12px/35px 맑은 고딕; padding-left:20px; letter-spacing:-1px; color:#494949 }
#content_list .notice .t2 { float:right; color:#9f9f9f;letter-spacing:-1px; padding-right:30px; padding-top:14px; }

/*컨텐츠 요청사항*/
#content_list .notice2 {float:left;  margin-top:10px;  padding:5px 20px; border:#cccccc dashed 1px; height:auto; color:#595959; display:block; font:bold 12px/25px 맑은 고딕; letter-spacing:-1px; }
#content_list .notice2 img { vertical-align:middle}
#content_list .notice2 span {color:#9f9f9f;letter-spacing:-1px; padding-left:5px; padding-top:16px; }

#content_list .notice3  {float:left;  margin-top:10px; }


#content_list .bbs { border-top:#575757 solid 2px; border-bottom:#c1c1c1 solid 1px; border-left:none; border-right:none; margin-top:10px; }
#content_list .bbs img { vertical-align:middle}
#content_list .bbs th { border-bottom:#dedede solid 1px; background:#f7f7f7; padding-left:10px; text-align:left; letter-spacing:-1px; color:#5d5d5d  }
#content_list .bbs td { border-bottom:#e5e5e5 solid 1px; padding-left:10px;  }

#content_list .bbs .first { border-bottom:none }
#content_list .bbs .tit {letter-spacing:0; color:#363636; border-bottom:#cecece solid 1px; }

#content_list .bbs_list { float:left;  border:0;}
#content_list .bbs_list .first {  background:none }
#content_list .bbs_list th {color:#747474;  border-bottom:0;  letter-spacing:0; background:url(/img/ico/bg_list_line_01.gif) repeat-x 0 top; }
#content_list .bbs_list td {color:#6e6e6e; border-bottom:0; letter-spacing:0; text-align:right; padding-right:20px; background:url(/img/ico/bg_list_line_01.gif) repeat-x 0 top; }

#content_list .download { float:left; width:100%; text-align:center; letter-spacing:-1px; margin:30px 0}

#content_list .download img {vertical-align:middle}
#content_list .download input {vertical-align:-0.2em}
#content_list .download select {letter-spacing:-1px; vertical-align:middle; height:20px;  }

#content_list .ad_box { position:relative; float:left; border:#d6d6d6 solid 1px; padding:12px; width:744px; height:60px; line-height:20px; margin-bottom:20px;  }

#content_list .write { margin:20px 0; padding:30px; overflow-x:hidden; width:680px; text-align:center ; border:#e7e7e7 solid 1px; border-top:#595959 solid 2px; background-color:#f8f8f8}
#content_list .write img { max-width:670px; min-width:auto; text-align:center}
#content_list .write span { text-align:left}


/* 뷰 섬네일 리스트 13.08.07 */
.view_list {  margin-bottom:20px; *margin-left:70px; *float:left;}
.view_list li {  display:inline-block; *display:inline; margin:0; padding:0;}
.view_list li a { float:left; border:#f8f8f8 solid 2px; width:74px; height:74px; cursor:pointer;  filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.2; table-layout:fixed; overflow:hidden; white-space:nowrap; background:#000  }
.view_list li a:hover,
.view_list li a:active,
.view_list li a:focus { border:#F00 solid 2px;  filter:alpha(opacity=100); opacity: ; -moz-opacity:0.0;   }
.view_list li img { height:74px; }
.view_list span {}
.view_list span a { width:8px; height:14px;  }

/* 에프 메뉴 */
#bbs_info { position:relative; width:200px; height:168px; padding:55px 0 0 0; margin:0; background:url(/img/bbs/bg_cate.gif) no-repeat 50% 26px; }
#bbs_info h1 { display:none; height:0;}
#bbs_info div { text-align:center}

#bbs_info .info { position:relative; top:55px; color:#616161; margin-left:6px;}
#bbs_info .info th {color:#838282; text-align:left;}
#bbs_info .info td  {text-align:right;}
#bbs_info span {  }

#bbs_info .info2 { position:relative; top:55px; color:#838282; margin-left:6px; z-index:1; }
#bbs_info .info2 td  {text-align:center; letter-spacing:-1px; }


#bbs_r { position:fixed; left:790px; Top:0; float:right; width:200px; /*background:url(/img/bbs/bg_right.gif) repeat-y 0 0;*/}
#bbs_r .bbs_new { float:left; width:200px; background:url(/img/bbs/ico_dot.gif) repeat-x right bottom; padding-bottom:15px;  }
#bbs_r .bbs_new h2 { padding:10px 0 10px 17px}
#bbs_r .bbs_new li { padding-left:15px; padding-top:5px  }
#bbs_r .bbs_new span {  }
#bbs_r .bbs_new span.tit a { display:block; color:#727272; width:160px; padding-left:6px; background:url(/img/ico/dot04.gif) no-repeat 0 9px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#bbs_r .bbs_new span.data  { display:block; color:#9d9d9d; width:170px;}



#bbs_r .bbs_hit { float:left; height:auto; padding-bottom:15px; background:url(/img/bbs/ico_dot.gif) repeat-x 0 bottom ; }
#bbs_r .bbs_hit h2 { padding:10px 0 0 17px}
#bbs_r .bbs_hit li { float:left;}
#bbs_r .bbs_hit a { float:left; display:inline; letter-spacing:-1px; color:#808080; padding:10px 0 0 19px; text-align:center; text-decoration:none  }
#bbs_r .bbs_hit a img { border:#d9d9d9 solid 1px; padding:1px; margin-bottom:5px; }
#bbs_r .bbs_hit a:hover img { border:#4687ff solid 1px; padding:1px; margin-bottom:5px; }

#bbs_r .sub_m { display:inline-block; margin-top:8px; margin-left:8px; text-align:center; width:210px;}
#bbs_r .sub_m a { float:left; color:#7b7b7b; letter-spacing:-1px; width:24px; padding:2px 10px 0 7px;  margin:3px 1px; text-decoration:none;  border-radius:2px;  }
#bbs_r .sub_m a:hover,
#bbs_r .sub_m a:focus { background-color:#999999; color:#fff; text-decoration:none }
#bbs_r .sub_m .on { background-color:#999999; color:#fff; text-decoration:none }
#bbs_r .sub_m a.on { color:#fff; }
#bbs_r .sub_m .on_sm { background-color:#999999; color:#fff; text-decoration:none }
#bbs_r .sub_m a.on_sm {  color:#fff; }
#bbs_r .sub_m span {  float:left; padding:5px 0 0 0; margin:0; color:#d4d4d4  }




/* 댓글 리스트 */
.reply { float:left; width:690px; border:#efefef solid 1px; background-color:#f7f7f7; padding:10px 25px 0 25px; }
.reply input { float:left; width:590px; height:39px; border:#d5d5d5 solid 2px; margin:0 5px 0 0; padding:5px }
.reply img { float:left; vertical-align:-0.1em;}
.reply span { float:left; width:500px; color:#969696; letter-spacing:-1px; }

.id_blur { background:transparent url('http/img.fdisk.co.kr/new/event/msg_20130709.png') no-repeat; }
.id_focus {}


.reply_t { float:left; width:750px; border-bottom:#CCC solid 1px; padding-top:3px  }
.reply_t th { background:url(/img/ico/bg_list_line_01.gif) repeat-x 0 top; color:#606060; letter-spacing:-1px}
.reply_t th img { padding-right:5px; }
.reply_t td {color:#747474; background:url(/img/ico/bg_list_line_01.gif) repeat-x 0 top }
.reply_t .first { background:none }
.reply_none { float:left; width:750px; margin-top:10px;  margin-bottom:124px; background-color:#eff2f5; text-align:center; color:#767676; }

.bbs_tap { position:relative; margin-left:0; margin-top:20px; padding-left:10px; width:740px; border-bottom:#d8d8d8 solid 1px; }
.bbs_tap img { position:relative; margin-bottom:-7px; }

.page_top { float:right;position:fixed; bottom:20px; left:805px; }


/* footer 다운로드 */
.footer { position:fixed; float:left; left:0; bottom:0; width:790px; background-color:#f7f7f7;}

.help { border-top:#a7a7a7 solid 1px; border-bottom:#c7c7c7 solid 1px; background-color:#f5f8fa; text-align:center }
.help a { background:url(/img/bbs/ico_check.gif) no-repeat 3px 0; color:#7e7e7e; padding:0 15px 0 20px; letter-spacing:-1px }

.footer .download { text-align:center; color:#696969; letter-spacing:-1px; margin:20px 0}

.footer .download img {vertical-align:middle}
.footer .download input {vertical-align:-0.2em}



/* 신고하기 팝업 */

.pop_report { position:absolute; top:55px; left:680px; border:#000 solid 1px; width:280px; background-color:#FFF; z-index:100  }
.pop_report h3 { background-color:#5b5b5b; height:40px; color:#FFF; vertical-align:middle }
.pop_report h3 img { vertical-align:-0.3em; padding:0 7px 0 12px }

.pop_report .pop_box { float:left; margin:10px 10px 10px 10px; width:260px; border-bottom:#d1d1d1 solid 1px; }
.pop_report .pop_box td { padding:5px}
.pop_report .pop_box td.left { letter-spacing:-1px; text-align:left;color:#8b8b8b }

.pop_report .pop_box select { border:#abadb3 solid 1px; color:#5e5e5e; }
.pop_report .pop_box textarea { border:#abadb3 solid 1px; padding:5px; height:80px; width:240px; font-size:11px; color:#5e5e5e }

.pop_btn { text-align:center; padding:5px 0  }



/* 결제페이지 */

#charge { position:absolute; /*top:210px;*/ margin:0; padding:0 30px 40px 70px; left:50%; margin-left:-490px; width:910px; background:url(/img/pay/bg_all.png) no-repeat 30px 0; border:#CCC solid 1px}


/* 리스트 정렬 13.08.05 */
.list_tab { position:absolute; width:57px; margin-left:-67px; margin-top:47px;}
.list_tab a { float:left; height:54px;}










/* sub_best list */

#sub_best { float:left; width:100%; padding:0 0 0 14px; border:0; }

#sub_best ul { padding:0; padding-right:11px; height:29px; list-style:none;  z-index:100; background: #fff; border-left:#6a6d7a solid 1px; background:url(/img/sub/bg_best.gif) repeat-x 0 0   }

#sub_best ul li { display:inline; margin:0; padding:0 ; list-style:none; text-align:center}
#sub_best ul li .none { background:none;}
#sub_best ul a { float:left;  text-align:center; width:164px; padding:0; overflow:hidden; font:bold 12px/28px Helvetica, sans-serif; color:#fff; border-right:#6a6d7a solid 1px; text-decoration:none; text-transform:uppercase;  background:url(/img/sub/bg_best_none.gif) repeat 0 0 }

#sub_best ul a:hover,
#sub_best ul a:active,
#sub_best ul a:focus,
#sub_best ul a.select { color:#444958; border-top:#6a6d7a solid 1px; background:#fff; }


#sub_best .sum_box { float:left; width:780px; margin-top:-11px; padding:10px 0 10px 0;border:0;  }
#sub_best .sum_box .box {float:left; position:relative; width:185px; height:256px; margin:0; border:0; padding:25px 5px 0 5px; }
#sub_best .sum_box .box a { text-decoration:none }
#sub_best .sum_box .box a img { width:185px; height:185px; }
#sub_best .sum_box .none { border-bottom:0 }

#sub_best .sum_box .box .tit { display:block; margin:8px 0 0 5px;  padding:0; color:#666666; font-weight:bold; }
#sub_best .sum_box .box .tit2 { display:block; margin:0px 0 0 5px;  padding:0; color:#666666; font-weight:normal; }
#sub_best .sum_box .box .text { display:block; margin:2px 0 0 5px;  padding:0; color:#888888;  }
#sub_best .sum_box .box .cate { margin:0; padding:0; width:95px; }

#sub_best .sum_box .box .price { display:block; margin:10px 0 0 0; padding:0 0 0 5px; color:#949494; }
#sub_best .sum_box .box .sale { margin:0; padding:0; text-decoration:line-through;   }
#sub_best .sum_box .box .point { margin:0; padding:0 5px; color:#303030; }
#sub_best .sum_box .box .point strong { color:#ff5d31;}
#sub_best .sum_box .box .percent { margin:0; padding:0; color:#303030;}
#sub_best .sum_box .box .percent strong { color:#0282f0 }




/* 브랜드 검색 박스 */
#search_b { display:block; float:left;  background:url(/img/sub/bg_brand_search.gif) no-repeat 0 0; width:192px; margin-left:-8px; margin-top:10px;  }
#search_b .search_box { margin-top:7px;}
#search_b .search_box input { border:0; margin-left:67px; margin-right:7px; padding:0; width:85px; height:11px; vertical-align:middle}
#search_b .search_box img { vertical-align:middle}

/* UI Object 탭 브랜드 검색 박스 */

.tab_list_3 { padding:0 0 0 0;  }
.tab_list_3 ul{ position:relative; margin:8px 0 0 8px; padding:0;  list-style:none;*zoom:1}
.tab_list_3 ul:after{display:block;clear:both;content:""}

.tab_list_3 li{ float:left;}
.tab_list_3 li a { float:left; position:relative; border:#e0e0e0 solid 1px; color:#000000; text-decoration:none;  margin:0 0 0 -1px;  }
.tab_list_3 li a span { display:inline-block; width:91px; padding:6px 0 0 0; letter-spacing:-1px; cursor:pointer; text-align:center;  background-color:#efefef }

.tab_list_3 li ul{ display:none; position:absolute; margin-top:0; width:183px; height:112px; overflow-x:hidden;overflow-y:scroll; border:#e0e0e0 solid 1px; border-top:none;  padding:6px 0 3px 0;  list-style:none;*zoom:1; margin-top:25px;  }
.tab_list_3 li ul:after{ display:block;clear:both;content:"" }


.tab_list_3 li li {height:18px; line-height:18px }
.tab_list_3 li li a { width:192px; float:left; color:#777777; margin:0; padding:0 0 0 10px; border:0 !important;background:transparent;  word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tab_list_3 li li a:hover,
.tab_list_3 li li a:active,
.tab_list_3 li li a:focus{ color:#6d6767 !important;text-decoration:underline;}

.tab_list_3.m1 .m1 a,
.tab_list_3.m2 .m2 a { border-bottom:1px solid #fff; font-weight:normal;  } /* 상단 탭 롤오버시 */
.tab_list_3.m1 .m1 a span,
.tab_list_3.m2 .m2 a span { font-weight:bold; color:#415775;  background-color:#ffffff }
.tab_list_3.m1 .m1 ul,
.tab_list_3.m2 .m2 ul { left:0px; display:block; margin-left:-1px; *margin-left:-91px;}

/* // UI Object 실시간 인기검색 탭 12.10.25 yang // */


/* // UI Object 브랜드 검색 박스 // */





/*---------- 서브 상품 리스트!! ------------------*/
#sub_list {width:1200px; margin: 0 auto; padding:0;}

#sub_list h3 {padding-left:170px; height:21px; margin-bottom:13px;}
#sub_list h3 span { float:right; *margin-top:-20px; }

/* 14.02.07 2개의 탭 추가 */
#sub_list .tab_02  { width:100%; padding-right:11px; height:31px; list-style:none; z-index:100; background:#fff;  border-bottom:#AAAAAA solid 1px; }
#sub_list .tab_02 li { display:inline; float:left; text-align:center; width:164px; padding:0; overflow:hidden; font:bold 12px/30px Helvetica, sans-serif; border:#dbdbdb solid 1px; border-bottom:0; text-decoration:none; text-transform:uppercase; background-color:#f4f4f4; cursor:pointer; }
#sub_list .tab_02 .none { border-bottom : 1px solid #AAAAAA; }
#sub_list .tab_02 .select { color:#2e30b9; background-color:#fff; border:#AAAAAA solid 1px; border-bottom:0; height:31px; }

#sub_list .sub_list_text {font-size: 16px;}
#sub_list::after {display: block; clear: both; content: "";}



/* 신상품, 베스트 상단 메뉴 */
.new{ padding:0; width:100%; list-style:none;  z-index:100;  border-left:#cfcfcf solid 1px;  }

.new li { display:inline; margin:0; padding:0 ; list-style:none; text-align:center}
.new li .none { background:none;}
.new a { float:left;  text-align:center; width:108px; padding:0; overflow:hidden; font:bold 12px/33px 맑은 고딕; color:#fff; border:#b8b8b8 solid 1px; border-left:0; text-decoration:none; background:#929292; }

.new a:hover,
.new a:active,
.new a:focus,
.new a.select { color:#fff; width:107px; border:#252893 solid 1px; background:none; background-color:#2e31a6; padding-bottom:0 }


.list_option {position:relative; width:100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dedede;}
.list_option .list_btn {text-align:center; display: flex; gap: 8px;}
.list_option .tab-lineStyle {display: flex; gap: 8px;}
.list_option a {color: #888888; text-align:center; font-size: 16px; position: relative; margin-right: 12px; display: block;}
.list_option a:hover, #sub_list .list_option a:active, #sub_list .list_option a:focus { text-decoration:none; }
.list_option a.select {font-weight: 600; color: #555}
.list_option a.select::after {content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #555; bottom: 0;}
.list_option.list_option2 {margin: 24px 0; border-bottom: 0;}

.list_option .list_select a { width:20px; font-weight:bold; opacity:0.65;filter:alpha(opacity=65) }
.list_option .list_select a:hover,
.list_option .list_select a:active,
.list_option .list_select a:focus,
.list_option .list_select a.select { text-decoration:none; opacity:1;filter:alpha(opacity=100)}
.list_option .list_select img { vertical-align:middle; padding-right:0px;}


/* .sum_box .box a {color: #333333; border: 0;} */
.sum_box .box a img { width: 100%; height: auto; }
.sum_box .box .text a {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 2.8em; 
    line-height: 1.4em; padding: 0; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; margin: 1px 0 0 0;
}
.sum_box .none { border-bottom:0 }

.sum_box .box .cate { margin:0; padding:0; width:95px; }

.sum_box .box .amount_box input[type="checkbox"]:checked::after {margin: 1px 0 0 5px;}

.sum_box .box01 {float:left; position:relative; width:400px; height:542px; margin:0; border:0; padding:25px 18px 31px 0; border-bottom:#e4e4e4 solid 1px;}
.sum_box .box01 h3 { position:absolute; margin-left:-170px }
.sum_box .box01 a { text-decoration:none }
.sum_box .box01 a img { width:400px; height:460px; }
.sum_box .none { border-bottom:0 }

.sum_box .box01 .tit { display:block; margin:8px 0 0 5px;  padding:0; color:#666666; font-weight:bold; }
.sum_box .box01 .text { display:block; margin:2px 0 0 5px;  padding:0; color:#888888;  }
.sum_box .box01 .cate { margin:0; padding:0; width:95px; }

.sum_box .box01 .price { display:block; margin:0; padding:0 0 0 5px; color:#949494; }
.sum_box .box01 .sale { margin:0; padding:0; text-decoration:line-through;   }
.sum_box .box01 .point { margin:0; padding:0 5px; color:#303030; }
.sum_box .box01 .point strong { color:#ff5d31;}
.sum_box .box01 .percent { margin:0; padding:0; color:#303030;}
.sum_box .box01 .percent strong { color:#0282f0 }

.sum_box .box01 .amount_box { float:left; width:160px; color:#1d1d1d; border-top:#efebec solid 1px; padding-top:7px; margin-top:7px;}
.sum_box .box01 .amount_box img { vertical-align:middle   }
.sum_box .box01 .amount { border:#cccccc solid 1px; width:34px; height:17px; color:#4c4c4c; text-align:center; margin-left:5px;}
.sum_box .box01 .amount_box input { vertical-align:middle; border-color:#aeaeae;  }
.sum_box .box01 .arrow { display:inline-block; width:18px; vertical-align:middle  }
.sum_box .box01 .arrow img { display:block; padding-bottom:1px;}
.sum_box .box01 .amount_box .check { padding-left:5px; padding-right:5px; margin-right:5px}

.sum_box .box02 {float:left; position:relative; width:160px; height:246px; margin:0; border:0; padding:25px 13px 28px 13px; border-bottom:#e4e4e4 solid 1px; }
.sum_box .box02 h3 { position:absolute; margin-left:-170px }
.sum_box .box02 a { text-decoration:none }
.sum_box .box02 a img { width:160px; height:160px; }
.sum_box .none { border-bottom:0 }

.sum_box .box02 .tit { display:block; margin:8px 0 0 5px;  padding:0; color:#666666; font-weight:bold; }
.sum_box .box02 .text { display:block; margin:2px 0 0 5px;  padding:0; color:#888888;  }
.sum_box .box02 .cate { margin:0; padding:0; width:95px; }

.sum_box .box02 .price { display:block; margin:0; padding:0 0 0 5px; color:#949494; }
.sum_box .box02 .sale { margin:0; padding:0; text-decoration:line-through;   }
.sum_box .box02 .point { margin:0; padding:0 5px; color:#303030; }
.sum_box .box02 .point strong { color:#ff5d31;}
.sum_box .box02 .percent { margin:0; padding:0; color:#303030;}
.sum_box .box02 .percent strong { color:#f51911 }

.sum_box .box02 .amount_box { float:left; width:160px; color:#1d1d1d; border-top:#efebec solid 1px; padding-top:7px; margin-top:7px;}
.sum_box .box02 .amount_box img { vertical-align:middle   }
.sum_box .box02 .amount { border:#cccccc solid 1px; width:34px; height:17px; color:#4c4c4c; text-align:center; margin-left:5px;}
.sum_box .box02 .amount_box input { vertical-align:middle; border-color:#aeaeae;  }
.sum_box .box02 .arrow { display:inline-block; width:18px; vertical-align:middle  }
.sum_box .box02 .arrow img { display:block; padding-bottom:1px;}
.sum_box .box02 .amount_box .check { padding-left:5px; padding-right:5px; margin-right:5px}

.list_box { float:left; width:100%; border-top:0 }
.list_box .box {
    position: relative; width: 960px; height: 100px; margin: 0; border: 0; padding: 14px 0 14px 0; border-bottom: #e4e4e4 solid 1px; 
    display: flex; align-items: center; justify-content: space-between;
}
.list_box .box:first-child {padding-top: 0;}
.list_box .box .img { display:block; float:left; width:85px }
.list_box .box .img img { float:left; width:80px; height:80px; }
.list_box .box .img p {margin: 0;}
.list_box .none { border-bottom:0 }
.list_box .box .icon { display:block; color:#666666; margin:0px; padding:4px 0 4px 0;}

.list_box .text_box {display:block; width:480px; margin:0 0 0 10px; font-size: 14px;}

.list_box .text_box .tit  { font-size: 12px; font-family: "Pretendard"; display:block; margin:0; padding:0; color:#888888; font-weight:bold; }
.list_box .text_box .tit2  { display:block; margin:0; padding:0; color:#666666; font-weight:normal; }
.list_box .text_box .text { display:block; margin: 6px 0 0 0; color:#333333; }

.list_box .box .text2 { display:block; float:left; margin:2px 0 0 0;  padding:0; color:#888888; }

.list_box .box .price {width:80px; margin:0 30px 0 5px;  padding:0; color:#949494; text-align:right; font-family: "Pretendard"; font-size: 14px; line-height: 1.4em; text-align: center;}
.list_box .box .price .sale {margin:0; padding:0; text-decoration:line-through; font-family: "Pretendard"; font-size: 13px;}
.list_box .box .price .point {margin:0; padding:0; color:#303030; font-family: "Pretendard"; font-size: 16px;}

.list_box .box .percent {width:80px; color:#f51911; font:normal 13px / 1em Pretendard;}
.list_box .box .percent span.max {font-size: 15px;}
.list_box .box .percent strong { color:#f51911; font-family: "Pretendard"; }


.list_box .box .amount_box { float:right; color:#1d1d1d; }
.list_box .box .amount_box img { vertical-align:middle; float: none; }

.list_box .box .amount { border:#cccccc solid 1px; width:34px; height:17px; color:#4c4c4c; text-align:center; margin-left:5px;}
.list_box .box .amount_box input { vertical-align:middle; border-color:#aeaeae;  }
.list_box .box .arrow { display:inline-block; width:18px; vertical-align:middle;  margin-right:10px  }
.list_box .box .arrow img { display:block; padding-bottom:1px;}


.list_box .box .total_price { display:block; float:left; width:90px; margin-top:24px; color:#000; letter-spacing:0; text-align:right}

/* 서브 메뉴 14.02.07 */
.sub_menu ul {
    width:100%; padding:16px; height:auto; list-style:none; background-color:#f8f8f8; border-radius: 20px; border: 1px solid #dedede;
    display: flex; flex-direction: row; flex-wrap: wrap;
}
.sub_menu li {text-align: center; line-height: 24px;}
.sub_menu h3 {font-size: 21px; line-height: 30px; font-weight: 600; color:#333; padding:0px 0 0px 12px;}
.sub_menu h4 {font-size: 21px; line-height: 30px; font-weight: 600; color:#333; padding:8px 0 8px 12px; border-bottom:#333 solid 2px;}
.sub_menu li a {color: #555; font-size: 16px; font-weight: 600; width: calc(1166px / 4); line-height: 48px; display: block; border-radius: 8px;}
.sub_menu li a:hover {background: #E9ECF4;}
.sub_menu li a > span {font-weight: 400;}



/* 브랜드 레이어 14.02.07 */
.list_brand_box {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;  max-width: 1200px; height: auto; z-index: 9999; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.3);}
.brand-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: none;}
.list_brand_box h3 { float:left; margin:0;  margin-top:10px; line-height:40px; color:#666; }
.list_brand_box .popClose2 {position: absolute; right: 24px; top: 24px; z-index: 1000;}

.list_brand_box .brand_word { float:left; display:block; width:900px; background-color:#FFF; padding:0; margin:17px 20px 0 20px ;}
.list_brand_box .brand_word a { float:left; background-color:#f4f4f4; border:#d5d5d5 solid 1px; padding:5px 5px 0 5px; color:#6d6d6d; font-size:11px; margin:4px 3px }  
.list_brand_box .brand_word a:hover,
.list_brand_box .brand_word a:active,
.list_brand_box .brand_word a:focus, 
.list_brand_box .brand_word a.on { border:#333333 solid 1px; background-color:#6d6d6d; color:#FFF; text-decoration:none}

.list_brand_box .brand_word .tit_kor { float:left; background:url(/img/brand/search_tit_kor.png) no-repeat 0 5px; padding-left:108px; }
.list_brand_box .brand_word .tit_eng { float:left; background:url(/img/brand/search_tit_eng.png) no-repeat 0 5px; padding-left:108px; }

.list_brand_box .brand_word_view {background-color:#ffffff;padding: 0 24px 24px;box-shadow: 0 4px 16px rgba(0,0,0,0.15);height: 530px;border-radius: 20px;overflow: hidden;position: relative;}
.list_brand_box .brand_word_view::after {display: block; content: ''; position: sticky; background-color: #fff; height: 24px; width: calc(100% - 48px); box-sizing: border-box; z-index: 1000; bottom: -24px;}
.list_brand_box .brand_word_view .brandPop-tit {height: 88px;display: flex;align-items: center;justify-content: space-between;background: #fff;}
.list_brand_box .brand_word_view .brandPop-tit .selected-count {font-size: 14px; color: #888; font-weight: 400; margin-top: 6px; line-height: 1;}
.list_brand_box .brand_word_view .brandPop-btn {height: 96px; width: calc(100% - 48px); position: absolute; bottom: 0; left: 24px; display: flex;align-items: center;justify-content: center;background: #fff;}
.list_brand_box .brand_word_view p {font-size: 18px; margin: 0; color: #333333; font-weight: 600;}
.list_brand_box .brand_word_view input {vertical-align: middle;}
.list_brand_box .brand_word_view span { display: block; width: 284px; color:#555; font-size: 15px;}
.list_brand_box .brand_word_view span label {display: flex; align-items: center; cursor: pointer; height: 40px; padding-right: 16px; line-height: 1.4;}
.list_brand_box .brand_word_view .brand-label-wrap {display: flex; flex-direction: row; flex-wrap: wrap; max-height: 350px; overflow-y: auto;}