﻿/* 전체 */

html, body {
    height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	font-size: 12px;
	font-family: "돋움";
	color: #656565;
	text-align:justify;
	line-height:1.7em;
	}
form {
	margin: 0;
	padding: 0;
}
dl, dt, dd, ul, ol, li, p {
	list-style: none;
	margin: 0;
  	padding: 0;
	}	
li img {
	vertical-align: middle;
	}
.bold {
	font-weight:bold;
 	}
.full {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=70);
	z-index: 10;
	visibility: hidden;
	}
.big {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-200px;
	z-index: 15;
	padding:10px;
	background: #ffffff;
	}
.big .prev{
	position:absolute;
	z-index: 16;
	top:25%;
	left:0;
	margin-top:100px;
	}
.big .next{
	position:absolute;
	z-index: 16;
	top:25%;
	right:0;
	margin-top:100px;
	}
.big .close{
	position:absolute;
	z-index: 16;
	right:5px;
	bottom:5px;
	margin-top:100px;
	}
.big .date{
	margin-top: 12px;
	}

/* 기본 링크 스타일 */
a				{text-decoration:none; color: #656565;}
a:link			{text-decoration:none; color: #656565;}
a:visited		{text-decoration:none; color: #656565;}
a:hover			{text-decoration:none; color: #e47685;}
	
/* 헤더 부분 */
.top {
	padding: 0px;	
	height: 132px;
	margin: 0 auto;
	width: 960px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/bg_top.jpg);
	}
.top_bg {
	padding: 0px;
	height: 134px;
	width: 100%;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/bg_top.jpg);
	}
.header {
	padding: 0px;
	height: 103px;
	margin: 0 auto;
	margin-top: -8px;
	width: 960px;
	}
.logo {
	margin-top: 11px;
	float: left;
	margin-right: 10px;
	display: inline;
	margin-bottom: 5px;
	}
.search {
	height: 26px;
	width: 290px;
	display: inline;
	float: left;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_box.jpg);
	background-repeat: no-repeat;
	}
.search_cate {
	cursor:pointer;
	float: left;
	width: 90px;
	font-weight: bold;
	padding-left: 3px;
	z-index: 100;
	color: #d2d2d2;
	margin-top: 1px;
	}	
.search_btn {
	float: left;
	}
.search_box {
	border: 0px;
	border-color: #646464;
	border-style: solid;
	width: 188px;
	float: left;
	z-index: 100;
	background-color: #646464;
	color: #d2d2d2;
	font-family: "돋움";
	font-size: 12px;
	margin-top: 3px;
	}
.top_search_list {
	z-index: 1000;
	position: absolute;
	width: 85px;
	padding: 3px;
	border: 1px solid #4B4B4B;
	background-color: #646464;
	margin-top: 20px;
	letter-spacing: -1px;
	font-size: 11px;
	color: #d2d2d2;
	}
.top_search_list li {
	padding-left: 3px;
	list-style: none;
	}
.top_search_list li span {	
	position: absolute; 
	padding-left: 13px; 
	font-size: 10px; 
	left: 125px; 
	width: 30px;  
	font-family: Tahoma; 
	position: absolute; 
	}

.best {
	float: left;
	background-repeat: no-repeat;
	padding-left: 8px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/ico_01.gif);
	margin-bottom: 3px;
	margin-right: 10px;
	background-position-y: 4px;
	}
.best a, .top .best a:link, .top .best a:visited, .top .best a:hover	{
	text-decoration: underline;
	color: #777777;
	font-size: 11px;
	letter-spacing: -1px;
	text-align: left;
	}
.best .a {
	margin-left: 37px;
	width: 37px;
	}
.best .b {
	padding-left: 7px;
	}

/* 검색 */
.top_ranking {
	border: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	padding: 5px;
	line-height: 1.3em;
	width: 145px;
	position: absolute;
	z-index:200;
	float: left;
	margin-top: -5px;
	}
.top_ranking li{
	padding: 0px 0px 0px 16px;
	margin: 2px;
	}
.search_no01 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_01.gif) no-repeat ;
	background-position-y: 1px;
	}
.search_no02 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_02.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no03 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_03.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no04 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_04.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no05 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_05.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no06 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_06.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no07 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_07.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no08 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_08.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no09 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_09.gif) no-repeat;
	background-position-y: 1px;
	}
.search_no10 {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_10.gif) no-repeat;
	background-position-y: 1px;
	}
.search_up {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_up.gif) no-repeat 0 50%;
	}
.search_down {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_down.gif) no-repeat 0px 50%;
	}
.search_same {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_same.gif) no-repeat 0px 50%;
	}
.search_new {
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/search_ranking_new.gif) no-repeat 0px 50%;
	TEXT-INDENT: -1000em;
	}
.search_best {
	margin-top: 48px;
	float: left;
	width: 130px;
	display: inline;
}
.best_txt {
	font-weight: bold;
	width: 80px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/ico_01.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position-y: 4px;
	float: left;
	margin-top: 48px;
	margin-left: 10px;
}
.search_default {
	padding: 0 3px;
	width: 120px;
	line-height: 1.3em;
	}
.search_default li{
	padding: 0px 0px 0px 16px;
	margin: 2px;
	}
.search_input {
	float: left;
	width: 207px;
	padding: 2px 0px 0px 0px;
	border: 0px;
	font-family: "돋움";
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background: #646464;
}
.down_menu {
	float: left; 
	width: 207px;
	padding: 5px 0px 0px 0px; 
	border: 0px;
	font-family: "돋움";
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background: #0c131b;
}
.comment_input {
	float: left; 
	width: 475px;
	height: 35px;
	border: 1px solid #999999;
	font-family: "돋움";
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background: #fff;
}
.bt_search {
	float: left;
	margin-left: 3px;
	margin-top: -3px;

	}
.menu_top {
	text-align: right;
	margin: 0 10px 0 500px;
	}
.topbanner {
	position: absolute;
	margin-top: 37px;
	margin-left: 700px;
	width: 260px;
	}
.menu_main {
	position: absolute;
	margin-top: 3px;
	height: 58px;
	z-index: 100;
	width: 960px;
	display: inline;
	}

/* 1차 이미지 & 타이틀 */
.title_text {
	position: absolute;
	margin-top: 71px;
	margin-left: 37px;
	z-index: 1;
	}
.title_image {
	position: absolute;
	margin-top: 0px;
	}
	
/* 컨텐츠 껍데기 */
.container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/contentbox_bg.gif);
	}
.container_top {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/contentbox_top.gif) no-repeat top;
	}
.container_bottom {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/top/contentbox_bottom.gif) no-repeat top;
	}
.clear {
	clear: both;
	}

/* 라인맵 */
.content {
	float:left;
	width: 700px;
	padding: 13px 28px 28px 30px;
	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/content/icon_linemap.gif) no-repeat right 35%;
	background-color: #FFFFFF;
	}
.linemap_menu_open {
	position: absolute;
	line-height:1.3em;
	border: 1px solid #cccccc;
	margin-top: 0px;
	background-color: #FFFFFF;
	z-index: 1000;
	}
.linemap_menu_open li {
	padding: 2px 33px 2px 4px;
	background: #ffffff;
	}
.linemap_menu_open .sel {
	background: #e4e4e4;
	}
.linemap {
	float:right;
	text-align: right;
	margin-bottom: 10px;
	padding-right: 2px;
	width: 300px;
	color: #6b7889;
	font-size: 11px;
	font-family: "돋움";
	}
	
.paging {
	width: 698px;
	height: 24px;
	text-align: center;
	margin: 10px 0 5px 0;
	padding-top: 6px;
	border: 1px solid #d2d2d2;
	font-weight: bold;
	clear: both;
	}
.paging .t1{
	padding: 2px 6px 0 6px;
	border-left-style: solid;
	border: 1px;
	border-color: #CCCCCC;
	border-right-style: solid;
	display: inline;
}
.paging .t2{
	padding: 2px 6px 0 6px;
	border: 1px;
	border-color: #CCCCCC;
	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_top {
	float:left;
	width: 100%;
	margin-bottom: 8px;
	height: 30px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/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;
	}

.prenext_box {
	float:left;
	width: 100%;
	padding-top: 13px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/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/content/bg_credit_bottom.gif);
	}
		
/* 크레딧 관련 */
.credit_box {
	float:left;
	width: 670px;
	margin-bottom: 2px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/bg_credit.gif);
	padding: 0 15px;
	}

.credit_box .t {
	margin: 23px 0px 10px 0px;
	font-weight:bold;
	float: left;
	display: inline;
	}
.credit_box .t th {
	text-align: left;
	}
.credit_box .t td {
	font-weight:normal;
	}
.credit_box .c {
	margin-left: 10px;
	margin-top: 43px;
	}
.credit_box .copy {
	line-height: 1.4em;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	}
.credit_box p {
	width: 100%;
	height: 13px;
	background-image: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/bg_credit_bottom.gif);
	float: left;
	}
.credit_box .ct {
	margin: 0 0 4px 0px;
	}
.credit_magazine {
	width: 300px;
	border-right: 1px solid #cbcbcb;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
	}
.credit_magazine_img {
	float:left;
	border: 1px solid #cbcbcb;
	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: #464646;
	line-height: 1.1em;
	}
.credit_magazine_txt img {
	margin-right: 2px;
	margin-top: 5px;
	}
.view_title {
	width: 100%;
	display: inline; /* fixes IE/Win double margin bug */
	}	
.title{
	font-size: 20px;
	font-family: "돋움";
	font-weight: bold;
	color: #000000;
	line-height: 23px;
	}
.title_en{
	font-family:'Times New Roman', Times, serif;
	font-size:30px;
	line-height:30px;
	color: #000000;
	text-align: left;
	}
.title_kr{
	font-weight: bold; 
	font-size:14px;
	width: 700px; 
	float: left;
	letter-spacing: -1px;
	}
.view_title dt {
	float:left;
	width: 540px;
	}
.title_summary {
	float:left;
	margin: 0px 0 18px 0;
	padding-top: 10px;
	line-height: 1.4em;
	width: 100%;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/bg_view_title.gif);
	background-repeat:repeat-x;
	}
.view_title dd {
	float:right;
	padding-top: 2%;
	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: #999999;
	}
.read_image2 {
	float: right;
	margin: 0 0px 10px 13px;
	/*width: 350px;*/
	font-size: 11px;
	line-height: 1.4em;
	color: #999999;
	}
.read_image3 {
	float: right;
	margin: 0 0px 10px 0px;
	width: 100%;
	font-size: 11px;
	line-height: 1.4em;
	color: #999999;
	text-align: center;
	}
.read_image3 dt{
	text-align: center;
	margin-bottom: 3px;
}
.read_image3 dd{
	text-align: left;
	margin-top: 3px;
	margin: 0 auto;
}
.read_tit {
	font-size: 15px;
	font-weight: bold;
	color: #cc0033;
	margin-bottom: 5px;
	font-family:"돋움";
	line-height: 1.5em;
	}
.read_text {
	margin-bottom: 20px;
	}
.read_text3 {
	float: left;
	width: 100%;
	margin: 0;
	}
.read_image4 {
	margin: 0 0px 10px 0px;
	font-size: 11px;
	line-height: 1.4em;
	color: #999999;
	width: 700px;
	}
.read_image4 .left {
	float: left;
	width: 349px;
	margin-bottom: 5px;
	max-width: 349px;
	padding-right: 1px;	
	}
.read_image4 .right {
	float: right;
	width: 349px;
	margin-bottom: 5px;
	max-width: 349px;
	padding-left: 1px;
	}
	
.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: #a0a0a0;
 	}
.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: #e47685;
 	}
.brand {
	font-family: "돋움";
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	color: #646464;
 	}


.search_top {
	float: left;
	margin: 7px 0 17px 0;
	padding: 5px 0 0 90px;
	width: 610px;
	background: #e6e6e6;
	display: inline; /* fixes IE/Win double margin bug */
	}
.search_bottom {
	float: left;
	margin: 7px 0 17px 0;
	padding: 12px 0 0 150px;
	width: 550px;
	background: #fff;
	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/content/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 #979da2;
	padding: 3px 5px 0px 6px;
	background: #fff; 
	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: #ffffff;
}
.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 */
	}
.list_bts {
	float: right;
	width: 100%;
	text-align:right; 
	margin-top: 5px;
	}
.list_bts img {
	margin-left: 5px;
	}
.list_prenext {
	float: left;
	padding-left: 12px;
	width: 600px;
	}
.list_prenext .pre {
	padding-left: 17px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/icon_pre.gif) no-repeat 0 30%;
	}
.list_prenext .next {
	padding-left: 17px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/vogue/images/content/icon_next.gif) no-repeat 0 30%;
	}

.credit_box .ct {
	margin: 0 0 4px 0px;
	}
.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: 668px;
	padding: 15px 15px 10px;
	margin: 0 0 15px 0;
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
	}
.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;
	}
.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/content/bg_comment.gif);
	}
.comment_paging {
	float: left;
	width: 100%;
	height: 18px;
	text-align: center;
	}

/* 이미지 섬네일 슬라이드 관련 */	
.photo_slide {
	margin: 20px 0;
	float: left;
	width: 700px;
	display: inline;
	}
.photo_slide_image {
	float: left;
	width: 680px;
	}
.photo_slide_image li {
	float: left;
	width: 50px;
	margin: 0 7px;
	height: 50px;
	border: 2px solid #e6e6e6;
	text-align: center;
	display: inline;
	}
.photo_slide_bt {
	padding-top: 15px;
	float: left;
	}
.photo_slide_on {
	border: 2px solid #e47888;
	}
	
/* 풋터 */	
.footer {
	clear:both;
	width: 960px;
	margin: 0 auto;
	height: 117px;
	padding-top: 2px;
	}
.footer_world {
	background-color: #e9e9e9;
	height: 90px;
	width: 136px;
	position: absolute;
	padding: 8px;
	margin-top: -109px;
	font-weight: bold;
	color: #999999;
	overflow-y: auto;
	border: 1px solid #282B2E;
}

/* 퀵 */
.quick_menu {
	border: 1px solid #939393;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	}
.quick_menu li{
	margin-bottom: 2px;
	}
	
	
/* 본문 컬러 관련 */
.vo_01 {
	font-weight: bold;
	color: #b60e25;
	}/* 레드 */
.vo_02 {
	font-weight: bold;
	color: #f16c54;
	}/* 오렌지 */
.vo_03 {
	font-weight: bold;
	color: #3c3c3c;
	}/* 블랙 */
.vg_01 {
    font-weight: bold;
    color: #fe94c6;
    }
.vg_02 {
    font-weight: bold;
    color: #44c6d4;
    }
.vg_03 {
    font-weight: bold;
    color: #d08efa;
    }
.al_01 {
    font-weight: bold;
    color: #d11f32;
    }
.al_02 {
    font-weight: bold;
    color: #8d8d8d;
    }
.al_03 {
    font-weight: bold;
    color: #769cab;
    }
.gq_01 {
    font-weight: bold;
    color: #bea357;
    }
.gq_02 {
    font-weight: bold;
    color: #87acac;
    }
.gq_03 {
    font-weight: bold;
    color: #83a4ca;
    }
.wk_01 {
    font-weight: bold;
    color: #e2626d;
    }
.wk_02 {
    font-weight: bold;
    color: #e2be16;
    }
.wk_03 {
    font-weight: bold;
    color: #a4ad33;
    }


.top_search {
	float: left;
	margin-top: 25px;
	width: 350px;
}
.about_tap {
	margin: 20px 0;
	float: left;
}

.top_style{
	width:960px;
	height:40px;
	z-index:60;
	margin: 0 auto;
	}

.top_style_01{
	width:960px;
	height:40px;
	z-index:60;
	margin: 0 auto;
	position:absolute;
	}

.sns_container{
	width:100%;
	text-align:center;
	}
	
.sns_icon {
	float:left;
	width: 203px;
	height:65px;
	margin-left:250px;
	}
