@import url("/vogue/css/side2.css");


/* 컨텐츠 껍데기 */
.container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top2/contentbox_bg.gif);
	}
.container_top {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: #646464;
	}
.container_bottom {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: #646464;
	}
.clear {
	clear: both;
	}
	
	
/* 컨텐츠 영역 리스트 */	

.flash {
	width: 700px;
	margin: 5px 0 0px 0;
	/*background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/tap_list_bg.gif); */
	}
	
.content {
	float:left;
	width: 700px;
	padding: 13px 28px 28px 32px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.linemap_menu {
	float:right;
	margin-bottom: 10px;
	color: #6b7889; 
	font-size: 11px;
	}
.linemap_menu_sel {
	padding: 0 17px 0 4px; 
	font-weight:bold;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/icon_linemap.gif) no-repeat right 35%;
	}
	
.linemap_menu_open {
	position:absolute;
	line-height:1.3em;
	border: 2px solid #464646;
	padding: 2px;
	background: #191919;
	color: #969696;
	z-index: 1000;
	}
.linemap_menu_open li {
	padding: 2px 15px 2px 4px;
	background: #191919;
	}
.linemap_menu_open .sel {
	background: #3c3c3c;
	}
.linemap {
	float:right;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 2px;
	width: 400px;
	color: #6b7889; 
	font-size: 11px;
	font-family: "돋움"; 
	}
.list_top {
	width: 100%;
	margin-bottom: 8px;
	height: 30px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/tap_list_bg.gif);
	}
.list_top2 {
	float:left;
	width: 100%;
	height: 30px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/tap_list_bg.gif);
	}
.list_tap {
	float:left;
	}
.list_style {
	padding-top: 6px;
	float:right;
	}
.list_bt {
	padding-bottom: 2px;
	float:right;
	}
.list_style img, .list_bt img {
	margin-left: 3px;
	}	
.dl_style01 {
	width: 700px;
	padding: 0;
	margin: 0 0 8px 0;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_dlstyle01.gif);
	display: inline;
	float: left;
  	}
.dl_style01 dt {
	float: right;
	width: 584px;
  	margin: 2px 0;
  	padding: 0;
	font-weight:bold;
  	color: #9f9f9f;
  	}
.dl_style01 dd {
  	margin: 0;
  	padding: 0;
  	line-height: 1.5em;
  	color: #666;
  	}
.dl_style01 dd.img {
   	float: left;
	margin: 0 10px 0 0;
   	}
.dl_style01 dd.text {
	float: right;
	width: 584px;
  	margin: 0;
  	padding: 0;
   	}
.dl_style_a {
	float: left;
	width: 215px;
	padding: 0 0 35px 0;
	margin: 0;
	display: inline; /* fixes IE/Win double margin bug */
	height: 190px;
  	}
.dl_style_b {
	float: left;
	width: 215px;
  	padding: 0 25px 35px 25px;
	margin: 0;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_dlstyle02.gif);
  	display: inline; /* fixes IE/Win double margin bug */
	height: 190px;
  	}
.dl_style_a dt {
	float: left;
  	margin: 8px 0 2px 0;
	width: 215px;
  	padding: 0;
	font-weight:bold;
  	color: #9f9f9f;
  	}
.dl_style_a dd {
	float: left;
  	margin: 0;
  	padding: 0;
  	line-height: 1.5em;
  	color: #666;
  	}
.dl_style_a dd.img {
	float: left;
	margin: 0 10px 0 0;
   	}
.dl_style_a dd.text {
	width: 215px;
  	margin: 0;
  	padding: 0;
   	}
.dl_style_a dd.text2 {
	float: left;
	width: 90px;
	line-height: 1.2em;
  	margin: 0;
  	padding: 0;
   	}
.dl_style_a dd.icon {
	float: left;
	width: 90px;
  	margin: 3px 0 0 0;
  	padding: 0;
   	}
.dl_style_b dt {
	float: left;
  	margin: 2px 0;
	width: 215px;
  	padding: 0;
	font-weight:bold;
  	color: #9f9f9f;
  	}
.dl_style_b dd {
	float: left;
  	margin: 0;
  	padding: 0;
  	line-height: 1.5em;
  	color: #666;
  	}
.dl_style_b dd.img {
	float: left;
	margin: 0 10px 0 0;
   	}
.dl_style_b dd.text {
	width: 215px;
  	margin: 0 0 6px 0; 
  	padding: 0;
   	}
.dl_style_b dd.text2 {
	float: left;
	width: 90px;
	line-height: 1.2em;
  	margin: 0;
  	padding: 0;
   	}
.dl_style_b dd.icon {
	float: left;
	width: 90px;
  	margin: 3px 0 0 0;
  	padding: 0;
   	}
.img_box {
	width: 100px;
	height: 100px;
	padding: 2px;
	text-align: center;
	border: 1px solid #3b3b3b;
	background: #3b3b3b;
   	}
.img_box2 {
	width: 100px;
	height: 100px;
	padding: 1px;
	text-align: center;
	border: 2px solid #6b7889;
	background: #fff;
   	}
.list_style_bottom .img_box {
   	width: 100px;
	height: 100px;
	padding: 2px;
	text-align: center;
	border: 1px solid #c8cdd2;
	background: #fff
   	}
.bytes {
	font-family: "돋움";
	font-size: 11px;
	font-style: normal;
	color: #a0a0a0;
	display: block;
 	}
.number {
	font-family: "돋움";
	font-size: 11px;
	font-style: normal;
	color: #a0a0a0;
 	}
.date {
	font-family: "돋움";
	font-size: 11px;
	font-style: normal;
	color: #646464;
 	}
.hit {
	font-family: "돋움";
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	color: #6b7889;
 	}
.comment {
	font-family: "돋움";
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	color: #cc6666;
 	}
.brand {
	font-family: "돋움";
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	color: #646464;
 	}
.paging {
	width: 698px;
	height: 24px;
	text-align: center;
	margin-top: 10px;
	padding-top: 6px;
	border: none;
	border: 1px solid #464646;
	clear: both;
	}
.paging .t1{
	padding: 2px 6px 0 6px;
	border-left-style: solid;
	border: 1px;
	border-color: #666666;
	border-right-style: solid;
	display: inline;
}
.paging .t2{
	padding: 2px 6px 0 6px;
	border: 1px;
	border-color: #666666;
	border-right-style: solid;
	display: inline;
}
.paging .prev{
	padding: 2px 6px 0 6px;
	display: inline;
}
.paging .next{
	padding: 2px 6px 0 6px;
	display: inline;
}
.paging .list{
	width: 84px;
	float: right;
	margin-top: -22px;
	margin-right: 5px;

}
.list_bts {
	float: right;
	width: 100%;
	text-align:right; 
	margin-top: 5px;
	}
.list_bts img {
	margin-left: 5px;
	}

/* 뷰화면 관련 */	
.title {
	font-size: 20px;
	font-family: "돋움", "Times New Roman", Times, serif;
	color: #c7c7c7;
	}
.title_en{
	font-family:'Times New Roman', Times, serif;
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	color: #FFFFFF;
	text-align: left;
	}
.title_kr{
	font-weight: bold;
	font-size:14px;
	width: 700px;
	float: left;
	color: #999999;
	margin-bottom: -5px;
	}
.view_title {
	width: 100%;
	margin-bottom: 15px;
	height: 23px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.view_title dt {
	float:left;
	width: 540px;
	margin-top: 5px;
	}
.title_summary {
	float:left;
	margin: 0px 0 18px 0;
	padding-top: 10px;
	line-height: 1.4em;
	width: 100%;
	color: #a0a0a0;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_view_title.gif);
	}
.view_title dd {
	float:right;
	padding-top: 20px;
	width: 160px;
	line-height: 1.2em;
	text-align:right;
	}	
.read {
	float: left;
	width: 100%;
	margin: 0px 0 20px 0;
	}
.read_image {
	float: left;
	margin: 0 13px 10px 0;
	width: 350px;
	font-size: 11px;
	line-height: 1.4em;
	color: #787878;
	}
.read_image2 {
	float: right;
	margin: 0 0px 10px 13px;
	width: 350px;
	font-size: 11px;
	line-height: 1.4em;
	color: #787878;
	}
.read_image3 {
	float: right;
	margin: 0 0px 15px 0px;
	width: 100%;
	font-size: 11px;
	line-height: 1.4em;
	color: #5a5a5a;
	text-align: center;
	}
.read_image3 dt{
	text-align: center;
}
.read_image3 dd{
	text-align: left;
	margin-top: 3px;
	margin: 0 auto;
}
.read_image4 {
	margin: 0 0px 10px 0px;
	width: 100%;
	font-size: 11px;
	line-height: 1.4em;
	color: #646464;
	float: left;
	}
.read_image4_img{
	text-align: center;
}
.read_image4_txt{
	text-align: left;
	margin-top: 3px;
}
.read_text {
	padding-bottom: 30px;
	color: #787878;
	}
.read_text3 {
	float: left;
	width: 100%;
	margin: 0;
	}
.image_next {
	position: absolute;
	width: 345px;
	padding-right: 5px;
	z-index: 100;
	margin-left: 350px;
	}
.image_prev {
	position: absolute;
	width: 345px;
	text-align: left;
	padding-left: 5px;
	z-index: 100;
	}
.vs {
	position: absolute;
	z-index: 3;
	margin-left: 273px;
	}
.up_down li {
	text-align: center;
	color: #FFFFFF;
	float: left;
	width: 350px;
	}
.up_down .left {
	background: #e47685;
	height: 28px;
	border-top: 1px solid #ffffff;
	margin-top: -8px;
	padding-top: 5px; 
	}
.up_down .right {
	background: #6b7889;
	height: 28px;
	border-top: 1px solid #ffffff;
	margin-top: -8px;
	padding-top: 5px;
	}	
.up_down .bt {
	width: 700px;
	margin-top: 16px;
	}	
.up_down .bt img {
	margin: 0 2px;
	}	
.up_down .text {
	width: 700px;
	}	
.poll_stick {
	width: 700px;
	float: left;
	height: 40px;
	margin-top: 16px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_poll_stick.gif);
	}	
.poll_stick .stick01 {
	width: 89px;
	float: left;
	padding-top: 7px;
	text-align: center;
	}	
.poll_stick .stick02 {
	width: 260px;
	float: left;
	padding-top: 8px;
	padding-right: 1px;
	text-align: right;
	}	
.poll_stick .stick03 {
	width: 260px;
	float: left;
	padding-top: 8px;
	text-align: left;
	}
.poll_stick .stick04 {
	width: 90px;
	float: left;
	padding-top: 7px;
	text-align: center;
	}
.prenext_box {
	float:left;
	width: 100%;
	padding-top: 13px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_credit.gif);
	display: inline; /* fixes IE/Win double margin bug */
	}
.bt_list {
	float: right;
	padding: 7px 10px 0 0;
	}
.prenext_box p {
	float:left;
	width: 100%;
	height: 13px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_credit_bottom.gif);
	}	
.credit_box {
	float:left;
	width: 670px;
	margin-bottom: 2px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_credit.gif);
	display: inline; /* fixes IE/Win double margin bug */
	padding: 0 15px;
	}
.credit_box .t {
	float:left;
    font-weight:bold;
	}
.credit_box .c {
	margin-left: 10px;
	margin-top: 43px;
	}
.credit_box .copy {
	line-height: 1.4em;
	float: left;
	margin-right: 15px;
	color: #656565;
	width: 330px;
	margin-top: 10px;
	}
.credit_box p {
	float:left;
	width: 100%;
	height: 13px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_credit_bottom.gif);
	}
.credit_box .ct {
	margin: 0 0 4px 0px;
	}
.credit_magazine {
	width: 300px;
	border-right: 1px solid #444444;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.credit_magazine_img {
	float:left;
	border: 1px solid #444444;
	padding: 1px;
	margin-right: 5px;
	}
.credit_magazine_txt {
	line-height: 1.3em;
	}
.credit_magazine_txt dt {
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 1.1em;
	}
.credit_magazine_txt img {
	margin-right: 2px;
	margin-top: 5px;
	}
.comment_input {
	background-color: #666666;
	}
.comment_input_control {
	float:left;
	margin-left: 15px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.comment_bt {
	float: right;
	width: 78px;
	padding: 0px;
	margin: 0px;
	}	
.comment_box {
	float: left;
	width: 666px;
	padding: 15px 15px 10px;
	margin: 0 0 15px 0;
	border: 2px solid #464646;
	background: #2a2a2a;
	}
.comment_box ul {
	float: left;
	width: 89px;
	line-height: 1.3em;
	}
.comment_count {
	font-weight: bold;
	font-size: 11px;
	text-align:right;
	color: #a0a0a0;
	}
.comment_box dt {
	float: left;
	width: 80px;
	color: #a0a0a0;
	}
.comment_box dd {
	float: right;
	margin-left: 10px;
	width: 560px;
	line-height: 1.4em;
	}
.comment_box p {
	float: left;
	width: 100%;
	height: 15px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_comment.gif);
	}
.comment_paging {
	float: left;
	width: 100%;
	height: 18px;
	text-align: center;
	}
.list_prenext {
	float: left;
	padding-left: 12px;
	width: 600px;
	color: #a0a0a0;
	}
.list_prenext .pre {
	padding-left: 17px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/icon_pre.gif) no-repeat 0 30%;
	}
.list_prenext .next {
	padding-left: 17px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/icon_next.gif) no-repeat 0 30%;
	}
.list_bottom_box {
	float: left;
	width: 698px;
	margin-top: 10px;
	border: 1px solid #7e7e7e;
	background: #fff/*url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_bottomlist.gif)*/;
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_bottom {
	float: left;
	width: 100%;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/bg_bottomlist.jpg);
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_bottom dt {
	float: left;
	margin: 2px;
	font-weight: bold;
	color: #CCCCCC;
	padding-left: 5px;
	}
.list_bottom dd {
	float: right;
	margin: 7px 5px 0px 0px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_style_bottom {
	float: left;
	width: 107px;
	text-align: center;
	padding: 16px 10px 15px 14px;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.list_style_bottom dt {
	float: left;
  	margin: 6px 0 0 0;
	line-height: 1.2em;
	font-size: 11px;
	width: 107px;
	text-align: center;
  	padding: 0;
  	}
.list_style_bottom dd {
	float: left;
  	margin: 0;
	text-align: center;
	width: 107px;
  	padding: 0;
  	line-height: 1.3em;
  	color: #666;
  	}
.list_bt_bottom {
	float: left;
	width: 21px;
	text-align:center;
	padding: 60px 0 60px 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.img_basic {
	clear: both;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	}
.img_basic2 {
	clear: both;
	width: 100%;
	text-align: center;
	}	
.star_box {
	float:left;
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 6px;
	margin: 13px 13px 14px 14px;
	background: #333333;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
.search_top {
	float: left;
	margin: 7px 0 17px 0;
	padding: 5px 0 0 90px;
	width: 610px;
	background: #191919;
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_search_box {
	float: left; 
	width: 298px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content2/list_searchbox.gif) no-repeat 0 20%;
	height: 30px;
	padding-top: 5px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_search_menu {
	float: left;
	width: 68px;
	padding: 1px 5px 0px 8px;
	border: 0px;
	font-size: 12px;
}
.list_search_open {
	position: absolute;
	margin: 2px 0 0 -8px;
	width: 63px;
	border: 2px solid #464646;
	padding: 3px 5px 0px 6px;
	background: #191919;
	font-size: 12px;
}

.list_search_input {
	float: left; 
	width: 207px;
	padding: 4px 0px 0px 0px; 
	border: 0px;
	line-height: 1em;
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background: #191919;
}
.list_bt_search {
	float: left; 
	height: 30px;
	}
.list_check_search {
	float: left; 
	width: 90px;
	margin: 3px 0 0 8px;
	display: inline; /* fixes IE/Win double margin bug */
	}
.list_search_title {
	float: left; 
	margin: 5px 10px 0 8px;
	font-weight: bold;
	display: inline; /* fixes IE/Win double margin bug */
	}

/* 본문 컬러 관련 */
.vo_01 {
	font-weight: bold;
	color: #b60e25;
	}/* 레드 */
.vo_02 {
	font-weight: bold;
	color: #f16c54;
	}/* 오렌지 */
.vo_03 {
	font-weight: bold;
	color: #c7c7c7;
	}/* 밝은 그레이 */