/* BASIC css start */
/* 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; }



/*¸ÞÀÎ¹è³Ê4*/
.main_bn { width:1200px; margin:20px auto 10px; padding:0px; clear:both;}
.main_bn ul {list-style:none; padding:0px; margin:0px; }
.main_bn li { float:left; width:283px; height:100px; border:1px solid #cccccc; margin:0px; padding:0px; }
.main_bn li:last-child { }
.main_bn .bnlist { padding:10px;}
.main_bn .bnlist .bnimg { width: 93px; float:left;text-align:center; padding-top:15px; }
.main_bn .bnlist .bnimg  .fa { color:#464646; padding-top:15px; }
.main_bn .bnlist .bnimg  .fa:hover { color:#828282; }
.main_bn .bnlist .bntext a { width: 170px; float:left; color:#959595;font-size:11px; padding-top:5px; }
.main_bn .bnlist .bntext a:hover { color:#464646; }
.main_bn .bnlist .bntext a .title {font-size:14px; font-weight:bold; color:#464646; line-height:30px; letter-spacing:0px; font-family: 'Cabin', sans-serif; }



/*¸ÞÀÎ¹è³Ê¹×°øÁö*/
#mall { padding:20px 0 0; width:100%;clear:both; }
#mall .mall01 { margin:auto ; width:1200px; height:320px; }
.mleft { float:left;  width:590px; height:320px;  margin-right: 20px; overflow:hidden;}
.mright { float:left; width:588px; height:318px;  border:1px solid #cccccc; }




/* °øÁö»çÇ× ¹× ÇÃ·¡½Ã */
.board { position:relative; padding:20px; }
.board h2 { text-align:left; margin-top: 10px;  }
.board h2 span { color:#464646; font-size:14px;  font-family: 'Cabin', sans-serif;  letter-spacing:1px; width:110px; border-bottom:1px solid #959595; font-weight:bold;  padding:0px;}
.board .more { position:absolute; top:30px; right:15px; font-weight:normal;  }
.board .more a { font-size:12px;  font-family: 'Cabin', sans-serif; }

.board ul {width:547px; margin-top: 20px; }
.board ul .list {padding:0 0px 0 14px; border:none; border-bottom:1px dashed  #e5e5e5; font-size:10px; font-family:'Nanum Gothic'; color:#a4a4a4; text-align:left; 
    line-height:36px; white-space: nowrap; overflow: hidden; text-overflow: clip; background:url("/design/replian/dj_skin/not_dot.png") no-repeat 0 0px ;  }
.board .list a { color:#464646; text-decoration:none;line-height:36px;  }
.board .list a:hover { color:#959595; }



/*¸ÞÀÎÀÎ½ºÅ¸¹è³Ê*/
#longbn001 { padding:0px 0 0px; width:100%;clear:both; height:248px; margin:100px auto 0 ; clear:both; }
#longbn001 .longbn001_bn01 { margin:0px auto 0 ; padding:0px; width:1370px; height:248px;}




/*¸ÞÀÎ±ä¹è³Ê01*/
#longbn01 { padding:0px 0 0px; width:100%;clear:both; height:248px; background:url(/design/hs94350/dj_skin/longbn01_back.jpg) repeat-x; margin:50px auto 0 ; clear:both; }
#longbn01 .longbn01_bn01 { margin:0px auto 0 ; padding:0px; width:1370px; height:248px;}








/*Å¸ÀÌÆ²*/
.title  {  padding-top:100px; }
.title  .titko { padding:0px 0 10px; font-size: 11px; color:#cbcbcb; font-family:'Tahoma' , sans-serif; text-align:center; line-height:12px; height:12px; letter-spacing:5px; }
.title  .titen { padding:0px 0 10px; font-size: 24px; color:#000000; font-family: 'Tahoma', sans-serif; text-align:center; line-height:24px; height:24px; letter-spacing:1px;  font-weight:700; }



/*¸ÞÀÎ¹è³Ê7°¡Áö*/

#newbn  {width:100%; height:100%; marign:0px auto 0; padding-top:40px; clear:both;}
#newbn  .newbn01 { width:1200px; height:370px; display:table;margin:auto;}
#newbn  .newbn01 li {float:left;width:380px; height:370px; padding:0px;}
#newbn  .newbn01 li img { width:380px; height:370px; }


#newbn  .newbn02 { width:1200px; height:167px; display:table;margin:auto;   padding-top:30px;}

#newbn  .newbn03 { width:1200px; height:370px; display:table;margin:auto;   padding-top:30px;}
#newbn  .newbn03 li {float:left;width:380px; height:370px; padding:0px;}
#newbn  .newbn03 li img { width:380px; height:370px; }







/*¸ÞÀÎ±ä¹è³Ê02*/
#longbn02 { padding:0px 0 0px; margin:50px auto 0 ;  width:100%;clear:both; height:250px; background:url(/design/hs94350/dj_skin/longbn02_back.jpg) repeat-x; }
#longbn02 .longbn02_bn02 { margin:0px auto 0 ; width:1200px; height:250px; }





/* »óÇ° ¸®½ºÆ®- °øÅë */
#mainitem { margin:0px auto 50px ; width:1200px; padding:0px; clear:both; }
#mainitem .mprd-cm { margin:10px auto 0; }
#mainitem .mprd-cm .title { margin:auto; padding:60px 0 30px;text-align:center;}
#mainitem .mprd-cm .title  .titko { padding:0px 0 10px; font-size: 11px; color:#cbcbcb; font-family:'Tahoma' , sans-serif; text-align:center; line-height:12px; height:12px; letter-spacing:5px; }
#mainitem .mprd-cm .title  .titen { padding:0px 0 10px; font-size: 24px; color:#000000; font-family: 'Tahoma', sans-serif; text-align:center; line-height:24px; height:24px; letter-spacing:1px;  font-weight:700; }
#mainitem .mprd-cm .title  .titline {width:30px; border-bottom:1px solid #464646;margin:auto;  }




/* »óÇ°¸®½ºÆ® (»óÇ°¸®½ºÆ®) */
.prd-list01 { margin-top: 10px; }
.prd-list01 table td { border: 0; }
.prd-list01 table .tb-center { padding: 0 0px; }
.prd-list01 table .info { padding: 5px 0 ; }

.prdImg { position:relative; width:280px; padding:0px 10px 10px 10px;}
.prdImg img{ width:100%; border:1px solid #ececec; }
.prdImg:hover .quickView { display:block; }
.quickView { display:none; position:absolute; left:1px; bottom:11px; z-index:1; width:99%; height:60px; background:#fff; opacity:0.8; filter:alpha(opacity=80); zoom:1; }
.quickView .nm { display:block; width:100%; line-height:12px; padding:10px 0px 0; color:#828282; font-family: 'Nanum Gothic'; clear:both;font-size:12px; }
.quickView .pr { display:block; width:100%; line-height:12px; padding:0px 0px; color:#000; font-family: 'Nanum Gothic'; clear:both; font-size:13px;}









































/* BASIC css end */

