/* BASIC css start */
#main { position: relative; }
/* visual, notice */
#main .visual-evt { zoom: 1; overflow: hidden; }
/* visual */
#main .visual-evt .visual { float: left; }
/* notice */
#main .visual-evt .evt-wrap { float: right; width: 212px; }
#main .visual-evt .ntc h2 { font-size: 0; line-height: 0; }
#main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px }
#main .visual-evt .ntc .list li,
#main .visual-evt .ntc .list a { float: left; }
#main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; }
#main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
/* 출석체크 event */
#main .visual-evt .ad { font-size: 0; line-height: 0; text-align: right; }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* md`s pick item */
#main #mdItem { position: relative; margin-top: 20px; }
/* 상품 리스트- 공통 */
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd { padding-bottom: 7px; font-size: 0; line-height: 0; border-bottom: 1px solid #e5e5e5; }

.tb-center img{width:100%}

.listItem {overflow:hidden;padding:0;margin:0 -20px;}
.listItem h2 {text-align:center;color:#000;font-family:"Roboto", Dotum,돋움,Arial, serif;font-size:16px;}
.listItem img { vertical-align:middle; }
.prothumb img{width:100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
.prothumb img:hover{    -webkit-transform: translate(0px,-10px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.5;
    border:1px solid #ededed;
    }
.box .prothumb{   
display: inline-block;
    position: relative;
    padding: 0 7px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    width: 295px;
    height:310px;
  }
.listItem ul.prdList { display:table;width:100%;margin:0;padding:0;font-size:0; line-height:0; }
.listItem ul.prdList li.item { position:relative;display:inline-block; margin:20px 0 30px; color:#838383; vertical-align:top; *display:inline; *zoom:1; }
.listItem ul.prdList li.item .box { margin:0; font-size:12px; line-height:18px; text-align:center; }
.listItem ul.prdList li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.listItem ul.prdList.column3 li .color { width:176px; }
.listItem ul.prdList.column4 li .color { width:116px; }
.listItem ul.prdList.column5 li .color { width:76px; }
.listItem ul.prdList li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }

.listItem ul.prdList .chk { display:block; margin:0 0 10px; text-align:center; }
.listItem ul.prdList .thumb { margin:0 0 10px; }
.listItem ul.prdList .name {padding:0 0 5px;text-align:center;}
.listItem ul.prdList .name a { color:#2e2e2e; }
.listItem ul.prdList .price2 {line-height:18px;font-size:11px;font-weight:normal;}
.listItem ul.prdList .price3 {color:#000;line-height:18px;font-size:11px;font-weight:bold;}
.listItem ul.prdList .status { margin:0 0 0px; padding:0 0px 4px 0; text-align:right; line-height:0; *zoom:1; }
.listItem ul.prdList .status:after { content:""; display:block; clear:both; }
.listItem ul.prdList .icon {text-align:center; }
.listItem ul.prdList .icon img { text-align:center;margin:0 auto 6px; }
.listItem ul.prdList .button { margin:0 auto; *zoom:1; }
.listItem ul.prdList .button img { margin:0 0 6px -3px; cursor:pointer; }
.listItem ul.prdList .button .option { display:inline; position:relative; *zoom:1; }
.listItem ul.prdList .mileage { display:block; }
.listItem ul.prdList span.grid { display:block; }

.xans-product-listitem li { text-align:left; }

/* 진열방식 */
.listItem ul.column4 li.item { width:25%; }
.listItem ul.column4 li.item .box { padding:20px; }
.listItem ul.column4 li.item .thumb { max-width:100%; }
.listItem ul.column5 li.item { width:20%; }
.listItem ul.column5 li.item .box { padding:20px; }
.listItem ul.column5 li.item .thumb { max-width:100%; }

/* module="product_ListItem" */
.listItem .xans-product-listitem { margin:0; }
.listItem .xans-product-listitem li {text-align:center;}
.listItem .xans-product-listitem li .title { font-weight:normal; vertical-align:top; }
.listItem .xans-product-listitem li .title span { vertical-align:top; }


/** 풀아이템 **/

.visualPin { width:1299px;margin:0 0 0 -10px ;padding:50px 0;min-width:500px;}
.visualPin .prdList {}
.visualPin h2{}
.visualPin ul { clear:both; zoom:1; }
.visualPin ul:after {content:""; display:block; clear:both; }
.visualPin div.bbb { margin:0 auto;padding:20px;position:relative; overflow:hidden;*float:left;*width:287px;opacity:0;}
.visualPin div.bbb .prdList1 {margin:0;overflow:hidden;width:370px;padding:0;text-align:left;background:#fff;border:1px solid #e1e1e1;border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;height:auto;}
.visualPin div.bbb .prdList1 a {display:block;height:auto;}
.visualPin div.bbb .prdList1 a img {}
.visualPin div.bbb .prdList1 .titleM img {width:370px;}
.visualPin div.bbb .prdList1 .titleM {position:relative;}
.visualPin div.bbb .prdList1 .titleM .itemxInfo {display:none;position:absolute;top:2%;left:2%;width:96%;height:96%;text-align:center;background-color:rgba(255,255,255,0.9);z-index:9999;}
.visualPin div.bbb .prdList1 .titleM .itemxInfo .tinFo {position:relative;display:table;font-size:0; line-height:0;width:100%;height:100%;}
.visualPin div.bbb .prdList1 .titleM .itemxInfo .tinFo span {display:table-cell;width:100%;text-align:center;vertical-align:middle;  line-height:14px;}
.visualPin div.bbb .prdList1 .titleM .itemxInfo .tinFo span a {display:block;padding:30px;color:#000; line-height:25px; font-size: 20px;
    font-family: 'malgun godic';}
.visualPin div.bbb .prdList1 .titleM .itemxInfo .tinFo span a > em {font-style:normal;font-size:11px;display:block;line-height:20px;}


.visualPin div.bbb .prdList1 .pinitem {position:relative ;overflow:hidden;height:auto;display:block;padding:0 0px;}
.visualPin div.bbb .prdList1 .pinitem ul { display:block; margin:-1px 0 0;height:auto;} 
.visualPin div.bbb .prdList1 .pinitem ul li {border-top:1px solid #e1e1e1;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem {display:block;height:90px;padding:10px 0 10px 0px;display:block;cursor:pointer;}


.visualPin div.bbb .prdList1 .pinitem ul li.xitem a {display:block;font-size:11px;}

.visualPin div.bbb .prdList1 .pinitem ul li.xitem .pinThumb {float:left;display:block;width:75px;margin-left:15px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .rinfomation {display:block;float:left;width:180px;margin-left:20px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .bname{display:block;padding:3px 0 0;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .bname strong {display:block;line-height:20px;font-size:10px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .bname .Pri {display:block;color:#999;line-height:18px;font-size:11px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .status {padding:10px 0 0;display:block;line-height:20px;height:20px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .status span {display:inline-block;line-height:24px;height:20px;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .status span:first-child {}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .price2 {line-height:18px;font-size:11px;font-weight:normal;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .price3 {color:#000;line-height:18px;font-size:11px;font-weight:bold;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .price3 span {color:#cc0000;}
.visualPin div.bbb .prdList1 .pinitem ul li.xitem .boardC {padding:4px 0 0;font-size:11px;color:#ccc;}

.visualPin div.bbb .prdList1 .pinitem .xans-product-listitem {margin-top:10px; }
.visualPin div.bbb .prdList1 .pinitem .xans-product-listitem li {display:inline-block;line-height:14px;border:0;}
.visualPin div.bbb .prdList1 .pinitem .xans-product-listitem li:first-child > span{font-size:12px !important;color:#555 !important;}


.visualPin div.bbb .prdList1 .titleMj {padding:20px;background:#f8f8f8;font-size:11px;line-height:16px;}
.visualPin div.bbb .prdList1 .titleMj strong {font-family:"Lato",sans-serif;font-size:18px;font-weight:900;line-height:20px;display:block;padding:0 0 10px;}


.visualPin div.bbb.shown,
.no-js .visualPin div.bbb,
.no-cssanimations .visualPin div.bbb {
	opacity: 1;
}


/* Effect 1: opacity */
.visualPin.effect-1 div.bbb.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}


/* BASIC css end */