@charset "euc-kr";

@import url('global.css');
@import url('layout.css');
@import url('contents.css');

.product {padding:4px 0 0 0;}
.detailView {padding:0;}
.printBtn {position:relative; text-align:right;}
.printBtn img {vertical-align:top;}

.proSearchResult {margin:0 auto; text-align:center; width:678px; z-index: 105; position:absolute; top: 185px;}
.proSearchResult span {padding:0 5px; font-weight:bold; color:#ed9203; font-size:14px;}
.proSearchResult img {vertical-align:top;}

/* Àμâlayer */
.printLayer {position:absolute; top:21px; right:65px; width:60px; height:106px; border:1px solid #696969; background:#000;}
.printLayer li {text-align:left; padding:5px 0 2px 5px; #padding:5px 0 1px 5px; color:#818181; font-size:11px; }
.printLayer li.btn {padding:5px 1px 1px;}

.printLayer li label{margin:0 0 0 4px; _margin:0 0 0 1px;}
.printLayer li a.jqTransformCheckbox {margin-top:1px;}

/* Á¦Ç°»ó´Ü ¹öÆ° */
.productBtn {position: relative; width:100%; height:18px; margin-bottom:30px;}
.productBtn .btnL {float:left; width:306px;}
.productBtn .btnL p {width:190px; height:18px; position: relative;}
.productBtn .btnL p span {position: absolute; left:60px; top:3px;}
.productBtn .btnC {float:left; width:80px;}
.productBtn .btnR {float:right;}
.productBtn ul li {float:left; padding:3px 8px 0; background: url(/images/common/v_feacher.gif) no-repeat left 3px;}
.productBtn ul li.fir {background:none;}
.productBtn ul li.select {padding:3px 0 0 8px;}
.productBtn ul li.select img {margin-top:-3px;}
.productBtn ul li.select ul {position:absolute; top:22px; right:0; z-index:2; width:106px; height:200px; padding:0; overflow-x:hidden; overflow-y:auto; margin-top:-5px; border:1px solid #414141;background-color:#141414;
	scrollbar-face-color:#141414;
	scrollbar-shadow-color:#141414;
	scrollbar-highlight-color:#141414;
	scrollbar-3dlight-color:#2a2a2a;
	scrollbar-darkshadow-color:#2a2a2a;
	scrollbar-track-color:#030303;
	scrollbar-arrow-color:#2a2a2a;}
.productBtn ul li.select ul li {float:none; padding:0; background:none; }
.productBtn ul li.select ul li a {display:block; height:14px; color:#818181; padding:4px 3px 2px 7px;  font-size:11px;}
.productBtn ul li.select ul li a:hover {color:#bbb; background:#333;}


/* Á¦Ç°°Ë»ö */
#productsearchwrap {width:682px; height:283px; z-index:104; position:absolute; left:center; top:207px;}
.productsearch {width:667px; height:283px; padding-left:15px; z-index:30; position: absolute; left: center; top:0px;}
.productsearchbg {width:682px; height:283px; z-index:29; top:0;}

.productsearch .topArea {height:42px;}
.productsearch .topArea h2 {padding-top:14px; margin:0;}
.productsearch .topArea .btnClose {position:absolute; right:8px; top:5px;}
.productsearch .topArea .btnReset {position:absolute; right:15px; top:92px;}

.productsearch .searchLeft {float:left; width:465px; margin-right:40px;}
.productsearch .searchTag {float:left; width:130px; vertical-align:top;}
.productsearch .searchTag h2 {height:13px; margin:12px 0 15px; #margin:3px 0 15px;}

.productsearch .searchLeft .searchlist {clear:both; height:177px;}
.productsearch .searchLeft .searchlist dl {float:left; width:125px;}
.productsearch .searchLeft .searchlist dl.fir {width:146px;}
.productsearch .searchLeft .searchlist dl.wd {width:95px;}
.productsearch .searchLeft .searchlist dl.wd dd.pd {padding-top:46px;}

.productsearch .searchLeft .searchlist dl dt {margin-bottom:9px;}
.productsearch .searchLeft .searchlist dl dd {padding-bottom:12px; #padding-bottom:8px;}
.productsearch .searchLeft .searchlist label {vertical-align:top; margin:0 0 0 15px; _margin:0 0 0 13px; display:block;}

.productsearch .modelsearch {width:465px; vertical-align:middle;}
.productsearch .modelsearch h2 {height:11px; margin:0 0 9px; _margin:0 0 -8px;}
.productsearch .modelsearch h2 img {vertical-align:top;}
.productsearch .modelsearch input {vertical-align:top; color:#8d8d8d; font-size:11px; width:227px; border:1px solid #d2d2d2; padding:6px 0 0 6px; height:16px;}
:root .productsearch .modelsearch input {padding:4px 0 0 6px; height:18px;} /* ff hack */
.productsearch .modelsearch .btnResetapp {float:right; margin:-20px 0 0 0; #margin:-47px 0 0 0;}


/* Á¦Ç°ºñ±³ °á°ú */
#compareWrap {width:682px; height:278px; z-index:105; position:absolute; left:center; top:207px; margin-left:-1px;}
#compareWrap .topArea {width:657px; height:43px;}
#compareWrap .topArea .tit {padding-top:15px; margin:0;}
#compareWrap .topArea .btnClose {float:right; margin:-20px 0 0 0;}
#compareWrap .proBtn {clear:both; text-align:right; margin-top:10px; _margin-top:5px}

.compare {width:657px; height:278px; z-index:33; padding:0 10px 0 15px; position:absolute; top:0; left:0;}
.productList {width:657px; height:193px; text-align:center;}
.productList li {position:relative; height:193px; float:left; width:215px; border-left: 1px solid #ddd;}
.productList li.fir {border-left:0;}
.productList li .img {margin:0; padding-top:10px; height:174px;}
.productList li .tel {margin:0; text-align:center; color:#2e2d2d; font-weight:bold; font-size:11px;}
.productList li .tel img {vertical-align:top; margin:1px 5px 0 0;}
.productList li .btnDelete {position:absolute; top:0; right:5px;}

/* °Ë»ö°á°ú */
.compareResult {width:652px; height:278px; z-index:33; padding:0 10px 0 20px; position:absolute; top:0; left:0;}
.compareResult .topArea  {width: 652px; height:53px !important;}
.compareResult .topArea .btnClose {float:right; margin:-20px 5px 0 0 !important; _margin-right:3px !important;}

.comparePhone {width:652px; height:406px; overflow-y:auto; overflow-x:hidden;}
.comparePhone table {width:620px;}
.comparePhone table thead th, .comparePhone table thead td {border-right:1px solid #bababa; border-bottom:1px solid #c4c4c4;}
.comparePhone table thead th.boBLine, .comparePhone table thead td.boBLine { border-bottom:3px solid #919191;}
.comparePhone table thead th {text-align:left; padding:9px 0 8px;}
.comparePhone table thead td {padding:10px 0 7px; font-weight:bold; text-align:center;}
.comparePhone table thead td.last, .comparePhone table tbody td.last {border-right:none;}
.comparePhone table thead td.img {border-bottom:none; vertical-align:top;}
.comparePhone table thead td.img .delete {float:right; vertical-align:top; margin:-9px 5px 0 0; #margin:-170px 5px 0 0;}
.comparePhone table thead td {font-weight:bold; text-align:center;}

.comparePhone table tbody th {padding:6px 0; text-align:left; vertical-align:top;}
.comparePhone table tbody th, .comparePhone table tbody td {border-right:1px solid #bababa; border-bottom:1px solid #c4c4c4;}
.comparePhone table tbody th.boBLine, .comparePhone table tbody td.boBLine {padding-bottom:10px; border-bottom:1px solid #9f9f9f;}
.comparePhone table tbody tr.sTit th, .comparePhone table tbody tr.sTit td {padding-top:11px; border-bottom:none;}

.comparePhone table tbody td {padding:6px 5px 2px 0; font-size:11px; color:#818181; text-align:right;}