@charset "utf-8";

/* Index */
#MiWrapper  { width:100%;margin:0;padding:0;text-align:center;xxdisplay:inline-block; }
.MainVisual { width:961px;margin:0;padding:4px 0 0;text-align:left;overflow:hidden }
#feature_list { overflow:hidden;position: relative; }
#feature_list ul { position: absolute;list-style: none;padding:0;margin:0;}
ul#output { position:relative;left:0;top:0;width:960px;height:300px;  }
ul#output li { position:absolute;width:960px;height:300px;left:0;top:0;}
ul#tabs {z-index:2;}
.first { background-image:none !important}
ul#tabs li { float:left;margin:0;text-align:center; }
ul#tabs li a {text-decoration:none;	display: block; }
ul#tabs li a span { font:14px NanumBarunGothic, dotum, Sans-serif;color:#fff; }
ul#tabs li a{
	color:#000;
	display:block;
	height:36px;
	text-align:center;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #3e3e3e;
	line-height:36px;
	text-decoration:none;
}

ul#tabs li a:hover { 
	color:#2d2c2c;
	font-weight:bold;
	background:#fff;
	display:block;
	height:36px;

	text-align:center;
	border-top:2px solid #3e3e3e;
	border-right:1px solid #3e3e3e;
	border-left:1px solid #3e3e3e;
	border-bottom:1px solid #fff;
	line-height:36px;
	text-decoration: none;
}
ul#tabs li a.current { 
	color:#000;
	font-weight:bold;
	background:#fff;
	display:block;
	height:36px;

	text-align:center;
	border-top:2px solid #3e3e3e;
	border-right:1px solid #3e3e3e;
	border-left:1px solid #3e3e3e;
	border-bottom:1px solid #fff;
	line-height:36px;
	text-decoration: none;
}
ul#tabs li a.current:hover { 
	color:#2d2c2c;
	font-weight:bold;
	background:#fff;
	display:block;
	height:36px;

	text-align:center;
	border-top:2px solid #3e3e3e;
	border-right:1px solid #3e3e3e;
	border-left:1px solid #3e3e3e;
	border-bottom:1px solid #fff;
	line-height:36px;
	text-decoration: none;
}
.Popular { position:relative;width:728px;border:1px solid #e0e0e0; }
.ppTitle { width:100%;background:#f5f5f5;border-bottom:1px solid #e8e8e8; }
.ppTitle h3 {  font:18px NanumBarunGothic, dotum, Sans-serif;color:#000;padding:14px 0 10px 50px;background:url(../image/icn_1minute.gif) no-repeat 17px 10px; }
.Popular .more { position:absolute;right:18px;top:16px; }
.Popular .Box { padding:20px 0 17px 16px;display:inline-block; }
.Popular .Box .miMo { float:left;position:relative;width:333px;height:239px;padding:0 15px 0 0; }     
.miMo_btn { position:absolute;left:150px;top:87px;cursor:pointer;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:0.5;z-index:999 } 
.miMo_btn:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity:0.9; }
.miMo_img { position:absolute;left:0;top:0; }
.Popular .Box .miMoList { float:left;width:355px; }
.miMoList { padding:0;display:inline-block; }
.miMoList li { height:81px; }
.miMoList li div.img {  float:left;width:145px; }
.sjL1 { float:left;width:210px;padding-top:10px; }
.sjL1 dt { float:left;width:42px;height:20px;padding:0 8px 0 0;color:#919090;font-size:11px;text-align:center;letter-spacing:-1px;background:url(../image/bg_sj.gif) no-repeat 0 0; }
.sjL1 dd { float:left;width:160px;height:20px;padding:0;color:#919090;font-size:11px; }
.MiBoardArea { width:100%;margin:0;padding:0;display:inline-block; }
.MiBoardA { float:left;width:573px; }
.MiTitle1 { width:100%;height:35px;border-bottom:1px solid #dedede;margin-bottom:22px; }
.MiTitle1 h3 { float:left;padding:10px 13px 0 13px;height:25px;text-align:center;font:15px NanumBarunGothic, dotum, Sans-serif;color:#fff;background:#34495e;border-top:1px solid #dedede;border-right:1px solid #dedede;border-left:1px solid #dedede; }
.MiBoardL { display:inline-block;margin-left:9px; }
.MiBoardL li { float:left;width:125px;margin-right:21px; }
.MiBoardL li.last { margin-right:0 !important; }
.MiBoardL li .move { padding-bottom:9px; }
.MiBoardL li .movetxt { padding-bottom:7px;color:#575757; }
.fbold1 {color:#575757;font-weight:bold; }
.MiMoveBox { position:relative;}
.MiMoveBox .more { position:absolute;top:10px;right:0;padding-right:6px;background: url(../image/bu_arrow_r.gif) no-repeat right 50%;}
.MiMoveBox .more a { font-size:11px;letter-spacing:-1px;color:#666;cursor:pointer; }
.MiBoardB { float:right;width:121px;padding-left:15px;border-left:1px solid #e7e7e7}
.MiOnlineTit { width:100%;height:28px;padding-top:7px;text-align:center;font:15px NanumBarunGothic, dotum, Sans-serif;color:#171717;background:url(../image/bg_dot.gif) repeat-x 0 bottom;}
#MiShopping { width:100%;margin:0;padding:0;background:url(../image/mi_shopping_bg.gif) repeat-x 0 0;display:inline-block;text-align:center; }
#MiShoppingIn { width:960px;margin:0 auto;padding:20px 0 15px;display:inline-block;text-align:left;  } 
#MiShopA { float:left;width:715px;margin-left:-18px;border-right:1px solid #e2e2e2;display:inline-block;  }
.MiShopATit { width:660px;height:30px;margin:0 0 19px 27px;padding-top:6px;background:url(../image/bg_dot2.gif) repeat-x 0 bottom; }
h3.MiShopT { float:left;font:17px NanumBarunGothic, dotum, Sans-serif;color:#404040;padding-left:3px; }
.MiShopbtn {float:right;padding-right:6px;}
.MiShopAList { height:165px;padding:0 0 0 20px;background: url(../image/bg_shopping.gif) no-repeat 5px bottom; }
.MiShopAList li {float:left;padding:0 0 0 10px;}
.MiShopAList li div { width:90px;height:120px;border:1px solid #c5c5c5;padding:4px;background:#fff; }
#MiShopB { float:right;width:230px;padding:6px 10px 0 0;}
.MiShopBTit { width:230px;height:30px;margin:0 0 19px;background:url(../image/bg_dot2.gif) repeat-x 0 bottom; }
.MiShopBImg {width:100%;text-align:center; }
.MiShopBImg img { width:213px;height:138px;border:1px solid #c5c5c5;}
.MiShopBTxt { width:100%;padding-top:7px;}
.MiShopBTxt dt { float:left;font:11px dotum, Sans-serif;color:#717171;padding-left:12px;}
.MiShopBTxt dd { float:right;font:11px dotum, Sans-serif;color:#f27e3f;text-align:right;padding-right:12px; }
.miline { border-right:1px solid #e4e4e4 }

@media (max-width: 1240px) {
	#MiWrapper { width:1240px }
}
