@charset "utf-8";

/* 
 * 작성자 : 강희창
 * 작성일 : 2013-06-11
 * 이메일 : hckang80@gmail.com
 */

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('☺'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}

@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('☺'), url('NanumGothicBold.woff') format('woff'), url('NanumGothicBold.ttf') format('truetype');
}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:12px/1.5 verdana, "돋움", Dotum, "굴림", Gulim, arial, sans-serif;background:#fff;color:#666;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:12px/1.5 verdana, "돋움", Dotum, "굴림", Gulim, arial, sans-serif;color:#666;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
ol,ul,li{list-style:none;}
hr, legend, caption, .none{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#666;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}

table th,
table td{word-break:break-all;}

/* 폰트 */
.t_point{color:#3c9eea;}
.t_red{color:#cf1111;}
.t_line{text-decoration:underline;}

/* 인풋 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;padding:2px 5px 1px;border:1px solid #cfcfcf;line-height:16px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{height:22px;border:1px solid #cfcfcf;background:none;}
textarea{overflow:auto;overflow-x:hidden;padding:2px 2px 2px 5px;border:1px solid #cfcfcf;resize:none;}
iframe.frame {width:100%;overflow:hidden;}
select{padding:2px 2px 2px 0;}

.form_left{display:inline-block;margin:0 10px 0 0;font-size:0.3em;}
* html .form_left{display:inline;}
*+html .form_left{display:inline;}
.form_left li{display:inline-block;margin:0 10px 0 0;font-size:12px;}
* html .form_left li{display:inline;}
*+html .form_left li{display:inline;}

/* 정렬 */
.al_middle{display:inline-block;vertical-align:middle;}

.clear{zoom:1;}
.clear:after{content:'';display:block;clear:both;}

/* 버튼 */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
* html .button{margin:0 1px;}
*+html .button{margin:0 1px;}

.btn_wrap{zoom:1;margin:15px 0 0;font-size:0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_right{float:right;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 1px;vertical-align:middle;}

.btn_center{position:relative;margin-top:15px;text-align:center;font-size:0;}
.btn_center input,
.btn_center button,
.btn_center a{display:inline-block;margin:0 1px;vertical-align:middle;}

.btn_round{display:inline-block;padding:0 0 0 7px;background:url('./image/btn_round.png') no-repeat 0 0;text-align:center;cursor:pointer;height:21px;vertical-align:middle;letter-spacing:0;}
.btn_round:hover{text-decoration:none;}
.btn_round span{display:inline-block;height:21px;margin:0 -1px 0 0;padding:0 7px 0 0;background:url('./image/btn_round.png') no-repeat 100% 0;font:11px/21px dotum;}
.btn_round em{display:inline-block;}

.btn_css{display:inline-block;padding:0 0 0 7px;background:url('./image/btn_css.png') no-repeat 0 0;text-align:center;cursor:pointer;height:21px;vertical-align:middle;letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;min-width:44px;height:21px;padding:0 7px 0 0;background:url('./image/btn_css.png') no-repeat 100% 0;font:11px/22px dotum;}

.btn_css.b_blue{background-position:0 -21px;color:#fff;}
.btn_css.b_blue span{background-position:100% -21px;}

.btn_basic{display:inline-block;padding:0 0 0 7px;background:url('./image/btn_basic.png') no-repeat 0 0;text-align:center;cursor:pointer;height:35px;vertical-align:middle;letter-spacing:0;}
.btn_basic:hover{text-decoration:none;}
.btn_basic span{display:inline-block;min-width:86px;height:100%;padding:0 7px 0 0;background:url('./image/btn_basic.png') no-repeat 100% 0;font:bold 12px/35px dotum;color:#666;letter-spacing:-1px;}

.btn_basic.b_red{background-position:0 -35px;}
.btn_basic.b_red span{background-position:100% -35px;color:#fff;}

.btn_basic.b_blue{background-position:0 -70px;}
.btn_basic.b_blue span{background-position:100% -70px;color:#fff;}

.btn_round_s{display:inline-block;padding:0 0 0 5px;background:url('./image/btn_round_s.png') no-repeat 0 0;text-align:center;cursor:pointer;vertical-align:middle;}
.btn_round_s span{display:inline-block;/*min-width:105px;*/height:20px;margin:0 -1px 0 0;padding:0 6px 0 0;background:url('./image/btn_round_s.png') no-repeat 100% 0;font-family:dotum;line-height:20px;color:#fff;}
.btn_round_s.b_red{}
.btn_round_s.b_red span{}
.btn_round_s.b_gray{background-position:0 -20px;}
.btn_round_s.b_gray span{background-position:100% -20px;}
.btn_round_s.b_white{background-position:0 -40px;}
.btn_round_s.b_white span{background-position:100% -40px;color:#767676;}

/* 박스 */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;border:1px solid #afafaf;}
.box_gray{padding:13px;background:#f9f9f9;line-height:20px;}

/* 목록 */
.list_dot{text-align:left;}
.list_dot li{padding:0 0 0 6px;background:url('./image/ico_dot.png') no-repeat 0 8px;}

/* 테이블 */
.table_wrap{overflow:hidden;border-bottom:1px solid #e6e6e6;}
.table_wrap .table_wrap{border-bottom:0;}
.table_wrap .dtable{margin:0 0 -1px 1px;border-left:0;}
.dtable{border-top:3px solid #4d4d4d;border-left:1px solid #e6e6e6;}
.dtable thead th,
.dtable tbody th,
.dtable tbody td,
.dtable tfoot td{padding:13px 5px 12px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center;}
.dtable thead th,
.dtable tbody th,
.dtable tbody td.th{background:#f9f9f9;}
.dtable thead th{background:#f9f9f9;}
.dtable thead th:first-child{background-image:none;}
.dtable tfoot td{font-weight:bold;background:#f6f9fc;color:#4e88c1;}

.dtable tbody td.al_left,
.dtable.row tbody th,
.dtable.row tbody td.th,
.dtable.row tbody td{padding-left:7px;text-align:left;}

.dtable_desc{zoom:1;margin:10px 0 0;}
.dtable_desc:after{content:'';display:block;clear:both;}
.dtable_desc .txt_left{float:left;}
.dtable_desc .txt_right{float:right;}

.dtable_txt{position:relative;width:100%;margin:0 0 10px;}
.dtable_txt:after{content:'';display:block;clear:both;}
.dtable_txt .txt_left{float:left;}
.dtable_txt .txt_right{float:right;}
.dtable_txt .po_right{position:absolute;right:0;bottom:0;}

table.layout tbody td.th,
table.layout tbody td{padding:6px 0 5px;}
table.layout tbody td.th{font-weight:bold;}

em.require{font-weight:normal;color:#3c9eea;}
.dtable em.require,
.dtable.row em.require{position:relative;top:-3px;}
.dtable_row em.require{position:relative;top:-3px;}

/* 페이징 */
.pagenate{margin:25px 0 0;text-align:center;}
.pagenate a{position:relative;}
.pagenate ol{display:inline;overflow:hidden;margin:0 6px 0 1px;}
.pagenate li{display:inline;padding:0 0 0 1px;font-weight:bold;color:#666;}
.pagenate li a{font-weight:normal;zoom:1;}
.pagenate li a:link,
.pagenate li a:visited{color:#767676;}
.pagenate li a:hover,
.pagenate li a:active,
.pagenate li a:focus{color:#666;}
.pagenate img{vertical-align:middle;}

/* 팝업공통
#popHead{position:relative;padding:20px 0 20px 16px;background:url('./image/bg_mosaic_blue.png');color:#fff;}
#popHead h1{font-weight:bold;font-size:24px;letter-spacing:-1px;}
#popHead .po_right{position:absolute;right:18px;top:28px;}
#popContainer{padding:15px 15px;font-size:11px;}
#popContainer .hgroup{zoom:1;position:relative;margin:0 0 8px;zoom:1;}
#popContainer .hgroup:after{content:'';display:block;clear:both;}
#popContainer .hgroup h2{font-weight:bold;font-size:12px;}
#popContainer .hgroup .po_right{position:absolute;right:0;bottom:0;}
#popContainer .hgroup .txt_right{float:right;}
#popContainer .form_left li{font-size:11px;}
#popContainer .box_bold{font-size:12px;}
#popContainer input,
#popContainer textarea{font-size:11px;}
 */

/* 컨텐츠 바로가기 */
#accessibility a{display:block;visibility:visible;background:#000;color:#fff;text-align:center;text-decoration:none;}
#accessibility a:focus{position:static;overflow:visible;font-weight:bold;font-size:12px;line-height:20px;width:100%;height:20px;}

/* 레이아웃 */
#wrapper{min-width:1000px;}
.wrapper{position:relative;width:1000px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}
#wrapper #header{position:relative;z-index:4;margin:0 0 -5px;background:url('./image/bg_header.png') repeat-x;}
#wrapper #header .wrapper{height:151px;}
#wrapper #header h1{float:left;padding:5px 0 0;}
#wrapper #header .search_wrap{display:inline;float:left;width:471px;margin:0 0 0 64px;}
#wrapper #header .search_wrap p{margin:0 0 2px;font-weight:bold;font-size:11px;color:#ed1b24;letter-spacing:-1px;}
#wrapper #header .search{height:42px;background:url('./image/bg_search.png') no-repeat;font-size:0;text-align:right;}
#wrapper #header .search h2{display:inline-block;margin:0 4px 0 0;padding:1px 19px 1px 0;border-right:1px solid #3b9ce9;font-weight:bold;font-size:12px;color:#036dc1;vertical-align:middle;}
* html #wrapper #header .search h2{display:inline;}
*+html #wrapper #header .search h2{display:inline;}
#wrapper #header .search input[type="text"]{width:310px;height:23px;border:0;font-weight:bold;line-height:23px;}
#wrapper #header .search input[type="image"]{width:52px;height:42px;}
#wrapper #header .footer{zoom:1;margin:6px 0 0;}
#wrapper #header .footer:after{content:'';display:block;clear:both;}
#wrapper #header #divKeyword{float:right;}
#wrapper #header .footer .list_keyword{overflow:hidden;float:left;position:relative;width:425px;height:18px;margin:0 0 0 -8px;font-size:0;}
#wrapper #header .footer .list_keyword li{display:inline-block;margin:0 10px 0 -2px;font-size:11px;}
#wrapper #header .footer .list_keyword li a{margin:0 0 0 8px;}
* html #wrapper #header .footer .list_keyword li{display:inline;}
*+html #wrapper #header .footer .list_keyword li{display:inline;}
#wrapper #header .footer .remote{display:inline;float:left;margin:1px 0 0 0;font-size:0;}
#wrapper #header .footer .remote a{display:inline-block;overflow:hidden;height:15px;margin:0 0 0 -1px;}
#wrapper #header .footer .remote a.links_next img{margin:-15px 0 0;}

#serviceMenu{float:right;padding:0 0 0 27px;background:url('./image/bg_service_menu.png') no-repeat;}
#serviceMenu ul{height:27px;padding:12px 27px 0 0;background:url('./image/bg_service_menu.png') no-repeat 100% 0;}
#serviceMenu li{display:inline;float:left;margin:0 0 0 8px;padding:0 0 0 15px;background:url('./image/line_4.png') no-repeat;}
#serviceMenu li:first-child{margin:0;padding:0;background-image:none;}
#serviceMenu li a{display:block;}

#wrapper #header .body{clear:both;}
#utilMenu{float:right;height:25px;margin:0 0 33px;padding:4px 0 0;}
#utilMenu ul{font-size:0;}
#utilMenu li{display:inline-block;margin:0 0 0 7px;font-size:11px;vertical-align:middle;}
* html #utilMenu li{display:inline;}
*+html #utilMenu li{display:inline;}
#utilMenu li a{margin:0 0 0 9px;}
#utilMenu li em{color:#f37121;}

/* 주메뉴 */
#gnbMenu{float:left;position:relative;z-index:10;margin:0 -1px 0 0;background:#fff;}
#gnbMenu .inner{width:199px;border-left:1px solid #e4e4e4;}
#gnbMenu h2{margin:0 0 0 -1px;padding:0 0 14px;font-size:0;}

/* 1뎁스 */
#gnb{padding:0 20px 15px;}
#gnb li{position:relative;border-bottom:1px dotted #eeecec;font:bold 14px/1.5 "NanumGothicWeb";text-align:center;}
#gnb li a{display:block;height:29px;margin:0 -20px;padding:0 20px;line-height:30px;text-decoration:none;}
#gnb li.top a{color:#0379d3;}
#gnb li.div a{background:url('./image/bg_div.png') repeat-x 0 100%;}
#gnb li.on a,
#gnb li a:hover,
#gnb li a:focus{background:url('./image/bg_active.png') no-repeat;color:#fff;}

#gnb.category{overflow:hidden;zoom:1;margin:0 -1px 0 0;padding:0 0 15px;}
#gnb.category li{float:left;width:50%;}
#gnb.category li a{margin:0 1px 0 -1px;padding:0;border-left:1px solid #eeecec;}
#gnb.category li.on a,
#gnb.category li a:hover,
#gnb.category li a:focus{background-position:50% 0;}

/* 2뎁스 */
#gnb li.on,
#gnb li.on .sub,
#gnb li.on .sub ul{z-index:10;}
#gnb li.on .sub{display:block;}
#gnb .sub{display:none;position:absolute;left:179px;top:0;width:208px;padding:10px 0 0 0;background:url('./image/bg_depth1.png') no-repeat 0 0;}
#gnb .bottom .sub{top:auto;bottom:0;}
#gnb .sub .wrap{margin:0 0 -8px;padding:0 11px 4px 4px;background:url('./image/bg_depth2.png') no-repeat 0 100%;}
#gnb .sub ul{overflow:hidden;position:relative;top:-6px;width:auto;margin:0;border:0;}
#gnb .sub li{margin:-1px 0 1px;padding:0 0 0 13px;border-top:1px dotted #e4e4e4;text-align:left;}
#gnb .sub li a{display:inline-block;height:27px;margin:0;padding:0;line-height:27px;color:#666;}
#gnb li.on .sub li a{background:none;}
#gnb li.on .sub li a:hover,
#gnb li.on .sub li a:focus,
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.on a{color:#3196e7;}

#wrapper #container{}
#wrapper #contents{float:right;position:relative;width:1000px;margin:0 0 0 -220px;padding:30px 0 0;}
/*#wrapper #contents .iframe{margin:30px 0 0 220px;}*/

#wrapper #footer{margin:40px 0 0;background:url('./image/bg_mosaic.png');}
#wrapper #footer .wrapper{padding:26px 0 20px;}
#wrapper #footer .logo{display:inline;float:left;margin:8px 28px 0 0;}
#wrapper #footer .foot{overflow:hidden;float:left;position:relative;}
#wrapper #footer .copy{margin:5px 0 0;}
#wrapper #footer ul{margin:10px 0 0 -9px;}
#wrapper #footer li{display:inline;float:left;margin:0 11px 0 -1px;padding:0 0 0 10px;background:url('./image/line_foot.png') no-repeat 0 50%;}
#wrapper #footer .banner{position:absolute;right:5px;top:24px;}

#mBanner{border-bottom:3px solid #878787;}
#mBanner .inner{border-left:1px solid #e2e2e2;}

#mFoot{}
#mFoot .section{display:inline;float:left;position:relative;margin:0;}
#mFoot .section h3{height:32px;}
#mFoot .conRight{float:left;width:593px;height:198px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
#mFoot .conRight .section{width:250px;height:100%;margin:0;padding:0 22px;border-left:1px solid #e2e2e2;}
#mFoot .conRight .section h3{padding:35px 0 0;}
#mFoot .conRight .section ul{padding:10px 0 0;}
#mFoot .conRight .section li{position:relative;height:23px;padding:0 0 0 8px;border-bottom:1px dotted #ccc;background:url('./image/ico_dot.png') no-repeat 0 10px;font-size:11px;line-height:23px;}
#mFoot .conRight .section li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
#mFoot .conRight .section li a:hover,
#mFoot .conRight .section li a:focus{font-weight:bold;text-decoration:none;}
#mFoot .conRight .section li .date{position:absolute;right:0;top:0;}
#mFoot .conRight .section .more{position:absolute;right:23px;top:35px;}

/* 사이드메뉴 */
#sideMenu{position:fixed;left:50%;top:146px;z-index:8;margin:0 0 0 533px;text-align:center;}
#sideMenu .quick{margin:0 0 5px;border:1px solid #f0f0f0;}
#sideMenu .quick ul{}
#sideMenu .quick li{font-size:0;}
#sideMenu .quick li a{}
#sideMenu .quick li img{display:block;}

/* 메인 */
#mTop{position:relative;z-index:8;width:1000px;margin:-30px 0 40px;background:url('./image/line.png') repeat-y;}
#mTop .wrapper{width:auto;padding:0 0 0 200px;background:url('./image/line_mtop.png') no-repeat 0 100%;}
#mTop h3{width:799px;}
#mTop .column{float:left;}
#mBody,
#pages_top,
#bbslist,
#bbsview,
#bbswrite{width:1000px;}
#mBody:after{content:'';display:block;clear:both;}

#pages_top{position:relative;z-index:2;}

.main#wrapper{background:url('./image/line_main.png') repeat-x 0 146px;}
.main #container{background:url('./image/bg_main.png') no-repeat 50% 0;}

.product_wrap{border-left:1px solid #e4e4e4;}
.list_product{width:1000px;margin:0 0 0 -2px;}
.list_product:after{content:'';display:block;clear:both;}
.list_product li{display:inline;float:left;position:relative;width:187px;border-right:1px solid #e4e4e4;text-align:center;}
.list_product li .ico{position:absolute;left:-4px;top:-5px;z-index:2;}
.list_product .thumb{/*width:86px;height:131px;*/margin:0 auto 8px;font-size:0;text-align:center;vertical-align:middle;}
.list_product .vertical{display:inline-block;width:0;height:100%;vertical-align:middle;}
.list_product .thumb a{display:inline-block;overflow:hidden;position:relative;max-width:130px;max-height:190px;vertical-align:middle;}
.list_product .thumb a img{width:100%;}
.list_product .thumb a .ico{position:absolute;left:0;top:0;width:49px;height:49px;}
.list_product .thumb a .ico img{width:100%;}
.list_product .summary{margin:10px 0 0;font-size:12px;}
.list_product .summary h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 10px;}
.list_product .summary .price{margin:5px 0 0;}
.list_product .summary .price *{display:inline-block;vertical-align:middle;}
.list_product .summary .price strong{color:#3c9eea;}
.list_product .summary .price img{vertical-align:middle;}
.list_product .score_wrap{margin:5px 0 0;}
.list_product .num_wrap{margin:15px 0 0;}
.list_product .num_wrap .btn_css{margin:0 3px;}

/* 서브 */
.cont_wrap{padding:0 30px;}
.cont_wrap h4{position:relative;height:25px;margin:0 0 40px;}
.cont_wrap .over_img{margin:-105px -30px 0;}
.cont_wrap .img_wrap{text-align:center;}
.cont_wrap h5{position:relative;height:25px;margin:0 0 40px;}

.section{margin:30px 0 0;}
.section h5{height:auto;margin:0 0 10px;padding:0 0 0 16px;background:url('./image/ico_nut.png') no-repeat 0 2px;}
/*
#sBody{}
#sBody .section{}
#sBody .section h4{margin:0 0 10px;font-weight:bold;}
*/

/* 로케이션 */
#location{padding:0 20px 0 0;border-right:1px solid #e2e3e2;background:#f8f8f8;font-weight:bold;font-size:11px;line-height:26px;text-align:right;}
#location a{display:inline-block;}

.location{position:absolute;right:30px;top:230px;z-index:10;font-size:11px;color:#c8c8c8;}
.location a{display:inline-block;color:#c8c8c8;vertical-align:middle;}
.location a.first{width:10px;height:18px;background:url('./image/ico_home.png') no-repeat 0 50%;}
.location a.last{color:#666;}

/* 제품상세 및 목록 */
#product_view{border:1px solid #e2e3e2;}
#product_view .wrap{overflow:hidden;zoom:1;padding:20px 80px 0 40px;}
#product_view .conLeft{display:inline;float:left;width:282px;}
#product_view .conLeft .outer{height:312px;/*border:1px solid #e9e9e9;*/text-align:center;}
#product_view .conLeft .thumb{display:inline-block;position:relative;width:170px;}
#product_view .conLeft a{display:inline-block;overflow:hidden;width:169px;height:258px;}
#product_view .conLeft img{max-width:100%;/*max-height:100%;*/}
#product_view .conLeft .ico{position:absolute;right:-5px;top:-5px;}
#product_view .conLeft .btn_left img{width:87px;border:1px solid #f3f3f3;}
#product_view .conLeft .btn_right{width:240px;margin:0 0 -6px;}
#product_view .conLeft .btn_right .btn_square{margin:0 1px 6px;}
#product_view .conRight{float:right;width:364px;margin:11px 0 0;}
#product_view .conRight h4{margin:0 0 10px;font-weight:bold;font-size:16px;color:#202020;}
#product_view .conRight .btn_wrap{margin:15px -2px 0;}
#product_view .conRight .btn_wrap *{vertical-align:top;}
#product_view .conRight table.layout{border-top:2px solid #33353d;}
#product_view .conRight table.layout td{padding:4px 0 3px;border-bottom:1px dotted #e9e9e9;}
#product_view .conRight table.layout td.th{font-size:11px;}

#galleryView{border:1px solid #e9e9e9;}

.books_site{margin:24px 0 0;padding:13px 28px;border-top:1px solid #e2e3e2;background:url('./image/bg_mosaic.png');}
.books_site h3{margin:0 0 8px;}
.books_site ul{zoom:1;margin:0 -4px 0 0;}
.books_site ul:after{content:'';display:block;clear:both;}
.books_site ul li{float:left;margin:0 4px 0 0;padding:3px;background:url('./image/bg_store.png');}
.books_site ul li a{display:block;}

#product_list{overflow:hidden;position:relative;}
#product_list .outer{border:1px solid #e2e3e2;border-top:0;}
#product_list h3{padding:0 0 0 28px;background:url('./image/bg_pattern.png');font:bold 16px/47px dotum;color:#202020;}
#product_list .wrap{height:450px;}
#product_list .product_wrap{height:100%;border-left:0;background:#fff;}
#product_list .list_product{width:800x;height:100%;margin:0;}
#product_list .list_product li{width:199px;height:100%;border-bottom:0;}
#product_list .list_product .thumb{width:199px;height:152px;padding:20px 0 15px;}
#product_list .list_product .thumb a{}
#product_list .list_product .thumb a .ico{width:78px;height:78px;}

.num_wrap{font-size:0;}
.num_wrap input[type="text"]{width:35px;border-bottom-color:#e2e2e2;}
.num_wrap .num{display:inline-block;width:15px;margin:1px 0 0 -1px;vertical-align:middle;}
* html .num_wrap .num{display:inline;margin:0 0 0 -2px;}
*+html .num_wrap .num{display:inline;margin:0 0 0 -2px;}
.num_wrap .num a{display:block;margin:-1px 0 0;}
.num_wrap .btn_round{margin:0 0 0 5px;}

#mBody.list_view{}
#mBody.list_view .header{zoom:1;position:relative;margin:0 0 5px;}
#mBody.list_view .header:after{content:'';display:block;clear:both;}
#mBody.list_view .header .txt_left{float:left;}
#mBody.list_view .header .txt_left h3{display:inline;font-weight:bold;font-size:20px;letter-spacing:-2px;color:#202020;}
#mBody.list_view .header .txt_left p{display:inline;}
#mBody.list_view .header .txt_right{position:absolute;right:0;bottom:0;}
#mBody.list_view .header .search{height:21px;background:url('./image/bg_search_s.png') no-repeat 100% 0;text-align:right;}
#mBody.list_view .header .search input[type="text"]{width:149px;margin:0 0 0 3px;border:0;background:none;}
#mBody.list_view .header .search input[type="image"]{width:21px;height:21px;}

#list_detail{position:relative;border-top:3px solid #4d4d4d;}
#list_detail .list_product{width:auto;margin:0;border-bottom:1px solid #c4c4c4;}
#list_detail .list_product li{width:100%;padding:20px 0;border-top:1px solid #c4c4c4;border-right:0;text-align:left;}
#list_detail .list_product li .conLeft{float:left;position:relative;width:180px;}
#list_detail .list_product li .conLeft input[type="checkbox"]{position:absolute;left:0;top:0;}
#list_detail .list_product li .conRight{float:right;width:82%;}
#list_detail .list_product li .summary{margin:0;}
#list_detail .list_product li h4{margin:0;padding:0;font-weight:bold;font-size:14px;color:#3c9eea;}
#list_detail .list_product li h4 a{color:#3c9eea;}
#list_detail .list_product .thumb{width:auto;/*height:152px;*/vertical-align:top;}
#list_detail .list_product .thumb a{width:112px;}
#list_detail .list_product .details{margin:10px 0 0;}
#list_detail .num_wrap{position:absolute;right:0;top:0;width:60px;}
#list_detail .num_wrap .btn_css{margin:4px 0 0;}
#list_detail .dtable_txt{margin:0;padding:5px 0;}
#list_detail .txt_left{overflow:hidden;position:relative;}
#list_detail .tab_product{margin:0 0 0 -10px;}

#list_detail.detail{}
#list_detail.detail .tab_wrap{overflow:hidden;border-bottom:1px solid #dcdcdc;}
#list_detail.detail .tab{padding:0 10px 0 0;background:url('./image/bg_detail.png');font-size:0;line-height:36px;text-align:center;}
#list_detail.detail .tab li{display:inline;padding:0 0 0 10px;font-size:12px;}
#list_detail.detail .tab li a{margin:0 0 0 10px;}
#list_detail.detail .tab li a:hover,
#list_detail.detail .tab li a:focus{font-weight:bold;color:#257edb;}
#list_detail.detail .tab_cont{margin:1px 0 -1px;padding:20px 0;border-bottom:1px dotted #dcdcdc;line-height:1.7;}
#list_detail.detail .tab_wrap h4{margin:0 0 20px;}
#list_detail.detail .author_wrap{border:1px solid #dcdcdc;}
#list_detail.detail .author_wrap .head{height:20px;padding:8px 0 0 20px;border-bottom:1px solid #dcdcdc;background:url('./image/bg_author.png') repeat-x;}
#list_detail.detail .author_wrap .body{padding:20px;}

.score_wrap{display:inline-block;width:58px;height:9px;background:url('./image/bg_star_l.png') no-repeat;font-size:0;line-height:9px;text-align:left;vertical-align:middle;}
.score_wrap span{display:inline-block;overflow:hidden;}
.score_wrap .score1{width:10px;}
.score_wrap .score2{width:22px;}
.score_wrap .score3{width:34px;}
.score_wrap .score4{width:46px;}
.score_wrap .score5{width:100%;}

.tab_product{overflow:hidden;position:relative;margin:0 0 20px;font-size:0;zoom:1;}
.tab_product li{float:left;font-size:12px;height:27px;line-height:27px;}
.tab_product li a{display:inline-block;padding:0 5px;text-decoration:none;}
.tab_product li a:hover,
.tab_product li a:focus,
.tab_product li.on a{color:#0077cc;text-decoration:underline;}
.tab_product li.on a{font-weight:bold;}

/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

.carousel{
	position :relative ;
	margin :0 auto;
	width :799px;
	height:450px;
	padding:30px 0 0;
	border-left:1px solid #e4e4e4;
	border-bottom:1px solid #e1e1e1;
	overflow : visible ;
}
.carousel .slides{
	margin :0 35px;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :visible ;
}
.carousel .slides .slideItem {
	position :absolute ;
	cursor :pointer ;
	/*overflow : hidden;*/
	padding :0;
	border:1px solid #bdbdbc;
	box-shadow:0 0 5px rgba(0,0,0,.43);
}
.carousel .slides .slideItem .wrap{position:relative;height:100%;background:#fff;zoom:1;}
.carousel .slides .slideItem .wrap:after{content:'';display:block;clear:both;}
.carousel .slides .slideItem .wrap .conLeft{float:left;position:relative;z-index:2;width:50%;height:100%;}
.carousel .slides .slideItem .wrap .conLeft .inner{height:98%;padding:0 2px 2% 3px;border-right:1px solid #d3d3d3;}
.carousel .slides .slideItem .wrap .conLeft .inner img{width:100% !important;height:100% !important;padding:3px 0;}
.carousel .slides .slideItem .wrap .ico{position:absolute;right:-5px;top:-5px;z-index:2;}
.carousel .slides .slideItem .wrap .ico img{width:auto !important;height:auto !important;}
.carousel .slides .slideItem .wrap .conRight{float:left;width:50%;height:100%;background:url('./image/bg_books.png') no-repeat 0 100%;zoom:1;}
.carousel .slides .slideItem .wrap .conRight .outer{overflow:hidden;position:relative;height:97%;background:url('./image/bg_books.png') no-repeat}
.carousel .slides .slideItem .wrap .conRight .inner{padding:18% 10px 0;}
.carousel .slides .slideItem .wrap .conRight dl{}
.carousel .slides .slideItem .wrap .conRight dt{margin:0 0 6px;font-weight:bold;font-size:16px;color:#0f6eb9;}
.carousel .slides .slideItem .wrap .conRight dt a{color:#0f6eb9;}
.carousel .slides .slideItem .wrap .conRight dd{line-height:16px;}
.carousel .slides .slideItem .wrap .conRight .para{overflow:hidden;position:relative;max-height:93px;}
.carousel .slides .slideItem .wrap .conRight .sub{font-size:0;}
.carousel .slides .slideItem .wrap .conRight .title,
.carousel .slides .slideItem .wrap .conRight .author{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.carousel .slides .slideItem .wrap .para{/*width:166px;*/margin:7% 0 0;padding:7% 0 0;border-top:1px solid #eaeaea;font-size:11px;}
.carousel .slides .slideItem .wrap .btn_wrap{margin:0;}
.carousel .slides .slideItem .wrap .btn_wrap a{margin:10px 4px 0 0;}
.carousel .slides .slideItem img{
	margin :0;
	padding :0;
	border :none;
	width :100%;
	height :100%;
}

.carousel .prevButton{
	position :absolute ;
	right :185px;
	top :30px;
	width :15px;
	height: 15px;		
	background : url('./image/btn_lr.png') no-repeat;
	cursor :pointer ;
	z-index :9999;
}
.carousel .nextButton{
	position :absolute ;
	right :171px;
	top :30px;
	width :15px;
	height :15px;
	background : url('./image/btn_lr.png') no-repeat 0 100%;
	cursor :pointer ;
	z-index :9999;
}
.carousel .buttonNav
{
	position : relative ;
	margin :0 auto;
	z-index :999;
}
.carousel .buttonNav .numbers{
	position :relative ;
	float :left ;
	margin :5px;
	color : #828282 ;
	cursor :pointer ;
	font-weight :bold ;
	text-decoration :none;
	font-size :1em;
	font-family :Arial, Verdana ;
}
.carousel .buttonNav .numbers:hover{
	color: #000;
	text-decoration :underline;
}
.carousel .buttonNav .numberActive{
	background : none;
	color :#000;
	cursor :default ;
}
/* bullets */
.carousel .buttonNav .bullet{
	position :relative ;
	float :left ;
	width :16px;
	height :16px;
	background : url('./image/btn_bullet.png') no-repeat;
	margin :5px;
	float :left ;
	cursor :pointer ;
}
.carousel .buttonNav .bullet:hover{
	background-position : 0 -16px;
}
.carousel .buttonNav .bulletActive{
	background-position : 0 -16px;
	cursor :default ;
}
/*.carousel .slides .videoOverlay{
	background :url("http://0.s3.envato.com/files/43917021/images/video.png") no-repeat center;
}

.carousel .slides .spinner{
	background : #000 url(images/loading.gif) no-repeat center;
}*/
.carousel .shadow{
	width :100%;
	height :82px;
}
.carousel .shadow .shadowLeft{
	background : url("./image/shadow_left.png") no-repeat;
	width :100px;
	height :82px;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./image/shadow_left.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */                     
}
.carousel .shadow .shadowMiddle{
	height :82px;
	background:url("./image/shadow_tile.png") repeat-x;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./image/shadow_tile.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */                     
}
.carousel .shadow .shadowRight{
	width :100px;
	height :82px;
	background:url("./image/shadow_right.png") no-repeat;
	
	/* fix png problems in ie */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=./image/shadow_right.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */                     
}
.carousel .gradient{
	background-image :url(scripts/gradient.svg);
}

#hotGallery{position:relative;margin:0 1px 0 0;border-top:1px solid #e2dede;}
#hotGallery .tab{zoom:1;margin:-1px 0 0;padding:0 0 0 27px;border-left:1px solid #e2dede;border-right:1px solid #e2dede;background:url('./image/line_book.png') repeat-x 0 100%;}
#hotGallery .tab:after{content:'';display:block;clear:both;}
#hotGallery .tab li{float:left;margin:0 -3px 0 0;}
#hotGallery .tab li a{display:block;overflow:hidden;height:33px;}
#hotGallery .tab li a:hover,
#hotGallery .tab li a:focus,
#hotGallery .tab li.on a{position:relative;}
#hotGallery .tab li a:hover img,
#hotGallery .tab li a:focus img,
#hotGallery .tab li.on img{position:relative;margin:-33px 0 0;}
#hotGallery .inner{display:none;overflow:hidden;position:relative;height:198px;margin:0 30px;border-bottom:1px solid #e2dede;}
#hotGallery .inner.on{display:block;}
#hotGallery .inner .gallery{position:absolute;left:0;top:0;height:100%;}
#hotGallery .links_prev,
#hotGallery .links_next{position:absolute;bottom:0;}
#hotGallery .links_prev{left:0;}
#hotGallery .links_next{right:0;}
#hotGallery .list_product{width:9999px;margin:0;}
#hotGallery .list_product:after{content:'';display:block;clear:both;}
#hotGallery .list_product li{height:100%;}
#hotGallery .list_product li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:167px;margin:26px 10px 0;cursor:pointer;}
#hotGallery .list_product .thumb{display:block;width:86px;}
#hotGallery .list_product .thumb img{width:100%;}
#hotGallery .list_product .summary{display:block;height:24px;padding:0 5px;border:1px solid #fff;background:url('./image/bg_product.png') repeat-x;font-size:11px;line-height:24px;text-align:center;}
#hotGallery .list_product .title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
#hotGallery .list_product .price{display:inline-block;overflow:hidden;color:#e31565;}

/* 검색결과 */
.list_category{zoom:1;margin:-29px 0 0;padding:0 0 45px;}
.list_category:after{content:'';display:block;clear:both;}
.list_category li{float:left;width:10%;margin:-1px 0 1px;text-align:center;}
.list_category li a{display:block;margin:0 -1px 0 0;border:1px solid #e0e0e0;background:#f8f8f8;}
.list_category li a span{display:block;padding:11px 5px 9px;border-left:1px solid #fff;}
.list_category li a:hover,
.list_category li a:focus{color:#238fe7;}
.list_category li.on a{font-weight:bold;color:#238fe7;}

/* 게시판 */
#wrapper #bbslist .info{zoom:1;margin:0 0 5px;}
#wrapper #bbslist .info:after{content:'';display:block;clear:both;}
#wrapper #bbslist .info .article{color:#666;}
#wrapper #bbslist .info .article h3{display:inline;font-weight:bold;font-size:16px;color:#202020;letter-spacing:-1px;}
#wrapper #bbslist .info .search{display:inline-block;height:21px;background:url('./image/bg_search_s.png') no-repeat 100% 0;text-align:right;}
* html #wrapper #bbslist .info .search{display:inline;}
*+html #wrapper #bbslist .info .search{display:inline;}
#wrapper #bbslist .info .search input[type="text"]{width:149px;margin:0 0 0 3px;border:0;background:none;}
#wrapper #bbslist .info .search input[type="image"]{width:21px;height:21px;}

/* 서브레이아웃 */
#subRight .section{margin-top:30px;}
#subRight h4{padding:0 0 0 15px;background:url('./image/ico_h4.png') no-repeat 0 48%;margin:0 0 10px 0;font-size:16px;font-weight:bold;color:#202020;}

/* 오시는길 */
#divLocation{margin:0 -30px 0 0;}
#divLocation .header,
#divLocation .footer{zoom:1;}
#divLocation .header:after,
#divLocation .footer:after{content:'';display:block;clear:both;}
#divLocation .header{}
#divLocation .header .txt_wrap{float:right;margin:80px 0 0;}
#divLocation .header .map{}
#divLocation .header .map .ico{left:-13px;top:-9px;}
#divLocation .footer{margin:45px 0 0;}
#divLocation .footer .txt_wrap{float:left;margin:6px 0 0;}
#divLocation .footer .map{}
#divLocation .footer .map .ico{right:-13px;top:-9px;}
#divLocation .txt_wrap{}
#divLocation .map{float:left;position:relative;width:638px;height:326px;border:5px solid #eeecec;}
#divLocation .map .ico{position:absolute;}

.bg_history{background:url('./image/bg_history.png') no-repeat 100% 0;}

#divAOI{font-size:11px;line-height:25px;}
#divAOI .head{margin:0 0 10px;padding:0 0 7px;border-bottom:1px solid #f1f1f1;}
#divAOI .box_gray{margin:0 0 5px;}
#divAOI .box_gray h6{margin:10px 0 6px;padding:0 0 3px;border-bottom:1px solid #ebebeb;}

/* 장바구니 */
#orderProgress{zoom:1;margin:0 0 30px;}
#orderProgress:after{content:'';display:block;clear:both;}
#orderProgress h3{float:left;}
#orderProgress h3 img{}
#orderProgress ol{float:left;}
#orderProgress li{overflow:hidden;float:left;height:42px;}
#orderProgress li strong{}
#orderProgress li img{vertical-align:top;}
#orderProgress li strong img{margin-top:-42px;}

/* 조회기간 */
.periodHits{overflow:hidden;width:100%;margin:0 0 10px;}
.periodHits h5{float:left;margin:0 5px 0 0;padding:0;background-image:none;font-weight:bold;font-size:16px;color:#202020;}
.periodHits .inputWrap{float:left;}

/* 마이페이지 */
#mypage{height:122px;border:1px solid #dfdfdf;}
#mypage .guest{float:left;width:310px;height:100%;padding:0 0 0 20px;background:#f8f8f8;}
#mypage .guest .infor{overflow:hidden;width:100%;}
#mypage .guest .thumb{float:left;width:56px;height:46px;margin:0 18px 0 0;background:url('./image/bg_mypage.png') no-repeat 0 0;}
#mypage .guest .detail{float:left;}
#mypage .guest .detail span{display:block;}
#mypage .cart{float:left;width:310px;height:100%;padding:0 0 0 20px;background:url('./image/bg_mypage.png') no-repeat 90% -162px;}
#mypage .qna{float:right;width:310px;height:100%;padding:0 0 0 20px;background:url('./image/bg_mypage.png') no-repeat 90% -362px;}
#mypage .qna ul{overflow:hidden;width:200px;}
#mypage .qna li{float:left;width:100px;}
#mypage .head{padding:21px 0 11px;background-image:none;font-weight:bold;font-size:16px;color:#202020;}

#subRight .pagebox01{margin:20px 0 0;text-align:center;}
#subRight #pages_top .title{margin:0 0 20px;}

.goodsnumbox {margin:0;}
.goodsnumbox .i {float:left;margin:0 1px 0 0;}
.goodsnumbox .i input {border:1px solid #c0c0c0;font:12px/1.5 arial;width:30px;height:16px;text-align:center;}
.goodsnumbox .c {float:left;}
.goodsnumbox .u {margin:1px 0 0;cursor:pointer;}
.goodsnumbox .d {margin:1px 0 0;cursor:pointer;}
.goodsnumbox .s {float:left;padding:0;}
.goodsnumbox .s img {cursor:pointer;}

#contents #pages_join{padding:0 130px;}
#contents #pages_join .msg{margin:0 0 40px;padding:20px;border:1px solid #eee;background:url('./image/bg_mosaic.png');color:#282828;text-align:center;}
#contents #pages_join .msg .b{font-weight:normal;color:#3b9ce9;}
#contents #pages_join .tt{margin:40px 0 15px;padding:0 0 0 12px;background:url('./image/ico_h4.png') no-repeat 0 6px;font-size:16px;letter-spacing:-1px;color:#202020;}
#contents #pages_join .agreebox{margin:30px 0 0;padding:15px 7px 7px;border:1px solid #dfdfdf;}
#contents #pages_join .topline{margin:0;}

/* 로그인 */
.login{padding:52px 295px 48px; border:1px solid #eee;}
.login_form{width:100%;}
.login_form h3{padding:0 0 24px 59px;}
.login_form p{margin-bottom:13px; position:relative;}
.login_form p label{width:65px; font-size:12px; color:#666; display:inline-block; vertical-align:-1px;}
.login_field{width:195px; height:18px; padding-left:10px; border:1px solid #e2e7eb;}
.login_btn{position:absolute; right:0; top:-33px;}

.search_join{width:100%; padding:16px 0 0; overflow:hidden; font-size:12px; color:#4c4c4c;}
.search_join div{padding:4px 0 6px; letter-spacing:-1px;}
.login_search{width:204px; margin-right:40px; float:left; border-right:1px solid #eee;}
.login_join{width:151px; float:left; text-align:center;}
.search_join .btn_basic{margin-top:7px; padding:0 0 0 15px;}
.search_join .btn_basic span{min-width:130px;padding:0 15px 0 0;}

/* 국제 CLC 홈페이지 */
.list_box{zoom:1;margin:-13px -13px 0 0;}
.list_box:after{content:'';display:block;clear:both;}
.list_box li{float:left;margin:13px 13px 0 0;background:url('./image/bg_slash.png');padding:6px;}
.list_box .wrap{display:table-cell;width:213px;height:71px;background:#fff;font-size:0;text-align:center;vertical-align:middle;}
.list_box .vertical{display:inline-block;width:0;height:100%;vertical-align:middle;}
.list_box .world{display:inline-block;font-size:11px;vertical-align:middle;}
.list_box .world em{display:inline-block;margin:0 0 8px;padding:0 0 0 35px;background:url('./image/ico_flag.png') no-repeat;font-weight:bold;font-size:13px;color:#2f90de;}
.list_box .world a{display:block;}

.list_box .p1 em{background-position:0 0;}
.list_box .p2 em{background-position:0 -50px;}
.list_box .p3 em{background-position:0 -100px;}
.list_box .p4 em{background-position:0 -150px;}
.list_box .p5 em{background-position:0 -200px;}
.list_box .p6 em{background-position:0 -250px;}
.list_box .p7 em{background-position:0 -300px;}
.list_box .p8 em{background-position:0 -350px;}
.list_box .p9 em{background-position:0 -400px;}
.list_box .p10 em{background-position:0 -450px;}
.list_box .p11 em{background-position:0 -500px;}
.list_box .p12 em{background-position:0 -550px;}
.list_box .p13 em{background-position:0 -600px;}
.list_box .p14 em{background-position:0 -650px;}
.list_box .p15 em{background-position:0 -700px;}
.list_box .p16 em{background-position:0 -750px;}
.list_box .p17 em{background-position:0 -800px;}
.list_box .p18 em{background-position:0 -850px;}
.list_box .p19 em{background-position:0 -900px;}
.list_box .p20 em{background-position:0 -950px;}
.list_box .p21 em{background-position:0 -1000px;}
.list_box .p22 em{background-position:0 -1050px;}
.list_box .p23 em{background-position:0 -1100px;}
.list_box .p24 em{background-position:0 -1150px;}
.list_box .p25 em{background-position:0 -1200px;}
.list_box .p26 em{background-position:0 -1250px;}
.list_box .p27 em{background-position:0 -1300px;}
.list_box .p28 em{background-position:0 -1350px;}
.list_box .p29 em{background-position:0 -1400px;}
.list_box .p30 em{background-position:0 -1450px;}
.list_box .p31 em{background-position:0 -1500px;}
.list_box .p32 em{background-position:0 -1550px;}
.list_box .p33 em{background-position:0 -1600px;}
.list_box .p34 em{background-position:0 -1650px;}
.list_box .p35 em{background-position:0 -1700px;}
.list_box .p36 em{background-position:0 -1750px;}
.list_box .p37 em{background-position:0 -1800px;}
.list_box .p38 em{background-position:0 -1850px;}
.list_box .p39 em{background-position:0 -1900px;}
.list_box .p40 em{background-position:0 -1950px;}
.list_box .p41 em{background-position:0 -2000px;}
.list_box .p42 em{background-position:0 -2050px;}
.list_box .p43 em{background-position:0 -2100px;}
.list_box .p44 em{background-position:0 -2150px;}
.list_box .p45 em{background-position:0 -2200px;}
.list_box .p46 em{background-position:0 -2250px;}
.list_box .p47 em{background-position:0 -2300px;}
.list_box .p48 em{background-position:0 -2350px;}
.list_box .p49 em{background-position:0 -2400px;}

/* 관련상품 */
#divRelevance{overflow:hidden;position:relative;margin:0 0 50px;}
#divRelevance h5{padding:0;background-image:none;}
#divRelevance .outer{border-top:3px solid #4d4d4d;}
#divRelevance .inner{height:198px;border:1px solid #e4e4e4;border-top:0;}
#divRelevance .list_product{width:9999px;height:100%;margin:0;}
#divRelevance .list_product:after{content:'';display:block;clear:both;}
#divRelevance .list_product li{width:199px;height:100%;}
#divRelevance .list_product li a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:167px;margin:26px 10px 0;cursor:pointer;}
#divRelevance .list_product .thumb{display:block;width:86px;}
#divRelevance .list_product .thumb img{width:100%;}
#divRelevance .list_product .summary{display:block;height:24px;padding:0 5px;border:1px solid #fff;background:url('./image/bg_product.png') repeat-x;font-size:11px;line-height:24px;text-align:center;}
#divRelevance .list_product .title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}
#divRelevance .list_product .price{display:inline-block;overflow:hidden;color:#e31565;}