﻿/*************************************************************************************/
/*************************************************************************************/
/* 이 .CSS문서는 "매거진 샵과 고객센터"에 적용이 됩니다.. */
/*************************************************************************************/
/*************************************************************************************/

/* css파일에서 모든부분을 기본으로 설정하는 class.. */


	
/* 컨텐츠 껍데기 */
#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: url(http://img3.doosanmagazine.gscdn.com/style/images/common/contentbox_bg.gif);
	min-height: 400px;
	}
#container2 {
	width: 960px;
	height: auto;
	margin: 0 auto;
	background: url(http://img3.doosanmagazine.gscdn.com/style/images/common/contentbox_bg2.gif);
	min-height: 400px;
	}
#container_top {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/images/common/contentbox_top.gif) no-repeat top;
	}
#container_bottom {
	margin: 0 auto;
	width: 960px;
	height: 3px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/images/common/contentbox_bottom.gif) no-repeat top;
	}
.clear {
	clear: both;
	}
	
/* 좌측 메뉴 스타일 */	
#sidebar {
	float:left;
	width: 115px;
	padding: 12px 5px 5px 3px;
	}
#sidebar2 {
	float:left;
	width: 115px;
	}
.left_menu {
	width: 113px;
	}
.left_menu li {
	line-height: 2.5em;
	padding-left: 12px;
	border-bottom: 1px solid #e2e2e2;
	}
.left_menu .sel {
	font-weight: bold;
	color: #cc001c;
	}
.left_btn {
	margin: 5px 0 0 7px;
	}
.left_banner {
	margin: 10px 0 0 7px;
	}	
	
/* 메인 페이지 스타일 */	
.main_box {
	width: 795px;
	margin: 20px;
	float:left;
	display: inline; /* fixes IE/Win double margin bug */
	}
.main_tit {
	margin: 15px 0 5px 0;
	}
.main_new_top {
	padding: 16px 0 1px 80px;
	background: url(http://img3.doosanmagazine.gscdn.com/style/images/sms/main_new_top.gif);
	color: #999999;
	}
.main_new_box {
	background:url(/images/sms/main_new_bg.gif);
	text-align:center;
	width:765px;
	padding: 0 0 10px 30px ;
	float:left;
	}
.main_new_name {
	margin: 16px 0 3px 0;
	color: #666666;
	}
.main_new_list {
	margin: 13px 0;
	float:left;
	width: 146px;
	background:url(/images/sms/main_new_bg2.gif);
	background-repeat: no-repeat;
	}
.main_sub_tap {
	background:url(/images/sms/main_sub_tap_bg.gif);
	width: 795px;
	float:left;
	}
.main_sub_tap li {
	margin: 0 3px 0 0;
	float:left;
	display: inline; /* fixes IE/Win double margin bug */
	}
.main_sub_box {
	background:url(/images/sms/main_sub_bg.gif);
	padding: 10px 10px 0 10px;
	float:left;
	width: 775px;
	}
.main_sub {
	float:left;
	width: 415px;
	padding-top: 10px;
	}
.main_subevent {
	float:right;
	width: 358px;
	background:url(/images/sms/main_subevent_bg.gif);
	}
.main_subevent dd {	
	padding: 1px 13px;
	}
.main_last_box {
	background:url(/images/sms/main_last_bg.gif);
	float:left;
	width: 784px;
	padding: 5px 0 5px 11px;
	}
.main_last li{
	margin: 5px;
	float:left;
	width: 143px;
	text-align:center;
	}



/* top 메뉴 관련 */
.box_menu							{background-color:#FFFFFF; height:23px; width:960px; border-style:solid; border-width:1px 1px 0px 1px; border-color:#E6E1CD;}
.box_menu2							{background-color:#f6f4ea; height:27px; width:960px; border-style:solid; border-width:0px 1px 1px 1px; border-color:#E6E1CD;}
.box_top							{background-color:#FFFFFF; padding-left:2px;}
.padding_left						{padding-left:0px;}
.padding_left2						{padding-left:4px;}
.padding_top						{padding-top:35px;}

.a_menu:link						{padding-left:15px; font-family:Arial; color:#647878; font-weight:bold; text-decoration:none}
.a_menu:visited						{padding-left:15px; font-family:Arial; color:#647878; font-weight:bold; text-decoration:none}
.a_menu:active						{padding-left:15px; font-family:Arial; color:#647878; font-weight:bold; text-decoration:none}
.a_menu:hover						{padding-left:15px; font-family:Arial; color:#ce0000; font-weight:bold; text-decoration:none}
.a_menu								{padding-left:15px; font-family:Arial; color:#647878; font-weight:bold; text-decoration:none}

.a_menu_sel							{padding-left:15px; font-family:Arial; color:#ce0000; font-weight:bold; text-decoration:none}

.a_menu2:link						{padding-left:15px; font-family:돋움; font-size:11px; color:#807c6c; text-decoration:none}
.a_menu2:visited					{padding-left:15px; font-family:돋움; font-size:11px; color:#807c6c; text-decoration:none}
.a_menu2:active						{padding-left:15px; font-family:돋움; font-size:11px; color:#807c6c; text-decoration:none}
.a_menu2:hover						{padding-left:15px; font-family:돋움; font-size:11px; color:#000000; text-decoration:none}
.a_menu2							{padding-left:15px; font-family:돋움; font-size:11px; color:#807c6c; text-decoration:none}

.a_hot:link							{font-family:돋움; font-size:12px; color:#ff6c6c; text-decoration:none}
.a_hot:visited						{font-family:돋움; font-size:12px; color:#ff6c6c; text-decoration:none}
.a_hot:active						{font-family:돋움; font-size:12px; color:#ff6c6c; text-decoration:none}
.a_hot:hover						{font-family:돋움; font-size:12px; color:#ffffff; text-decoration:none}
.a_hot								{font-family:돋움; font-size:12px; color:#ff6c6c; text-decoration:none}

/* 좌측 메뉴 관련 */
.title_1d							{padding-left:8px; padding-top:7px; height:36px; font-size:18px; font-family:Arial; color:#FFFFFF; font-weight:bold; line-height:16px;}
.title_1d_korean					{padding-left:8px; padding-right:8px; padding-top:7px; height:36px; font-size:15px; font-family:돋움; color:#FFFFFF; font-weight:bold; line-height:16px;}
.text_red							{padding-left:8px; font-size:12px; font-family:돋움; color:#ce0000; font-weight:bold;}
.padding_left3						{padding-left:8px;}
.box_read							{width:120px; height:55px; background-color:#ce110d;}
.box_left_menu						{background-color:#FFFFFF; height:28px; width:120px; border-style:solid; border-width:0px 2px 1px 2px; border-color:#FFFFFF #ce110d #f6f4ea #ce110d; }
.cart {
	line-height: 1.3em;
	font-size: 11px;
}

/* 2,3차 타이틀 및 라인맵 관련 */
.title_box							{width:100%; height:35px; text-align:right;}
.title_2d							{padding-left:20px; font-size:14px; font-family:돋움; color:#ce110d; font-weight:bold;}
.title_3d							{font-size:14px; font-family:돋움; color:#647878; font-weight:bold;}
.padding_right						{padding-right:5px;}


/* 컨텐츠 영역 관련 */
.contents_box						{width:835px; background-color:#FFFFFF;}
.box_photos  						{width:585px; background-color:#FFFFFF;}
.box_photos_list					{width:585px; height:68px; background-color:#FFFFFF;}
.box_video							{width:585px; background-color:#000000;}
.box_video_list						{width:585px; height:145px; background-color:#f6f4ea; border-style:solid; border-width:1px; border-color:#e6e1cd;}
.box_search							{width:795px; border-style:solid; border-width:5px; border-color:#E6E1CD;}
.box_search2						{width:520px; border-style:solid; border-width:5px; border-color:#E6E1CD;}
.box_video_list2					{width:130px; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#e6e1cd;}
.box_view_top						{width:835px; height:95px; background-color:#FFFFFF; border-style:solid; border-width:1px 0px 0px 0px; border-color:#E6E1CD;}
.padding_view_top					{padding-left:20px; padding-right:7px; padding-top:0px;}
.paging_box							{width:585px; height:30px; background-color:#f6f4ea;}
.paging_box3						{width:699px; height:30px; background-color:#f6f4ea;}
.paging_box2						{width:795px; height:30px; background-color:#f6f4ea;}
.comment_box						{width:585px; height:65px; background-color:#f6f4ea;}
.comment_box2						{width:585px; height:65px; background-color:#ffffff; border-style:solid; border-width:0px 4px 4px 4px; border-color:#f6f4ea;}
.contents_padding					{padding-left:20px; padding-right:20px;}
.title_list							{font-size:12px; font-family:돋움; color:#647878; font-weight:bold;}
.title_list2						{font-size:12px; font-family:돋움; color:#647878;}
.list_box01							{width:585px; background-color:#FFFFFF;}
.list_box03							{width:699px; background-color:#FFFFFF;}
.list_box02							{width:180px; background-color:#FFFFFF;}
.list02_padding						{padding-bottom:20px;}
.sum_01								{padding-right:10px; padding-bottom:10px;}
.sum_02								{padding-bottom:5px;}
.text_small							{font-size:11px; }
.text_date							{font-size:11px; font-family:Arial; color:#647878; }
.text_hit							{font-size:11px; font-family:Arial; color:#647878; font-weight:bold;}
.text_hit2							{padding-right:3px; padding-left:3px; font-size:10px; font-family:Arial; color:#ffffff;}
.text_view_title					{font-size:20px; font-family:돋움; color:#000000; font-weight:bold; line-height:21px;}
.text_community_title				{font-size:16px; font-family:돋움; color:#000000; font-weight:bold; line-height:21px;}
.text_title_b						{font-weight:bold;}
.text_video_title					{font-size:14px; font-family:돋움; color:#ffffff; font-weight:bold; line-height:16px;}
.text_red2							{color:#ce0000; font-weight:bold;}
.text_view_title_english			{font-size:22px; font-family:Arial; color:#000000; font-weight:bold; line-height:21px;}
.hit_box							{height:7px; background-color:#000000;}
.text_wb 							{font-size:12px; font-family:돋움; color:#ffffff; }

.c_right_padding					{padding-right:10px; padding-top:20px;}
.c_right_padding2					{padding-right:20px; padding-top:20px;}
.c_right_box						{width:200px; background-color:#f6f4ea; border-style:solid; border-width:0px 0px 4px 0px; border-color:#FFFFFF;}
.c_right_text						{font-size:11px; font-family:돋움; line-height:14px; color:#647878;}

.box_library						{width:795px; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#E6E1CD;}
.box_calendar						{width:250px; background-color:#E6E1CD; border-style:solid; border-width:3px; border-color:#E6E1CD;}

.box_read_photo						{border-style:solid; border-width:0px 8px 8px 0px; border-color:#ffffff;}



/* 사이트의 기본 form style */

.styleis {
	text-align: left;
	height: 20px;
	width: 290px;
	border: 6px solid #e60000;
	font-family: "돋움";
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: bold;
	color: #647878;
}

.form01 {
	text-align: left;
	height: 49px;
	width: 405px;
	border: 1px solid #647878;
	font-family: "돋움";
	font-size: 12px;
	font-style: normal;
	color: #647878;
}
.red_txt {
	color: #ce0000;
	font-family: "돋움";
}

/* 정기구독 영역 관련 */
.box_bold							{border-style:solid; border-width:3px; border-color:#E6E1CD;}
.box_bold2							{border-style:solid; border-width:1px; border-color:#E6E1CD;}
.box_space							{padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.order_box							{width:959px;}

.blue_14							{font-size:14px; font-family:돋움; color:#647878; font-weight:bold;}
.blue_14	a:link					{font-size:14px; font-family:돋움; color:#647878; font-weight:bold;}
.blue_14	a:visited				{font-size:14px; font-family:돋움; color:#647878; font-weight:bold;}
.blue_14	a:active				{font-size:14px; font-family:돋움; color:#000000; font-weight:bold;}
.blue_14	a:hover					{font-size:14px; font-family:돋움; color:#000000; font-weight:bold;}

.blue_12							{font-size:12px; font-family:돋움; color:#647878; font-weight:bold; line-height: 14px;}
.blue_12	a:link					{font-size:12px; font-family:돋움; color:#647878; font-weight:bold; line-height: 14px;}
.blue_12	a:visited				{font-size:12px; font-family:돋움; color:#647878; font-weight:bold; line-height: 14px;}
.blue_12	a:active				{font-size:12px; font-family:돋움; color:#000000; font-weight:bold; line-height: 14px;}
.blue_12	a:hover					{font-size:12px; font-family:돋움; color:#000000; font-weight:bold; line-height: 14px;}

.black_12	         				{font-size:12px; font-family:돋움; color:#000000; font-weight:bold;}

.price_18							{font-size:18px; font-family:Arial; color:#ce0000; font-weight:bold;}
.price_12							{font-size:12px; font-family:Arial; color:#e37784; font-weight:bold;}

.text_red3							{font-size:12px; font-family:돋움; color:#ce0000;}

.view_box						    {border-style:solid; border-width:4px 0px 4px 0px; border-color:#FFFFFF;}

/* 과월호 이북 리스트 영역 관련 */
#list_style_01 {
	float: left;
	width: 123px;
	text-align: center;
	padding: 0 11px 0 11px;
	margin: 5px 0 10px 0;
	display: inline; /* fixes IE/Win double margin bug */
  	}
#list_style_01 dt {
	float: left;
  	margin: 4px 0 3px 0;
	line-height: 1.4em;
	width: 123px;
	text-align: center;
  	padding: 0;
  	}
#list_style_01 dd {
	float: left;
  	margin: 0;
	text-align: center;
	width: 123px;
  	padding: 0;
  	line-height: 1.3em;
  	color: #666;
  	}
#list_style_01 .img {
	text-align: left;
  	padding-left: 3px;
	}
#paging {
	float: left;
	width: 730px;
	height: 24px;
	text-align: center;
	margin: 10px 0 5px 0;
	padding-top: 6px;
	background-color: #f6f4ea;
	}
#img_box2 {
	width: 117px;
	height: 152px;
	padding: 3px 2px 1px 2px;
	text-align: center;
	border: 1px solid #c8cdd2;
	background: #fff;
   	}
#img_box_new {
	width: 117px;
	height: 152px;
	padding: 2px;
	text-align: center;
	background-image: url(/images/sms/bg_newbook.gif);
   	}
#img_box_free {
	width: 117px;
	height: 150px;
	padding: 2px;
	text-align: center;
	border: 2px;
	border-style: solid;
	border-color: #dd0011;
   	}
.top_img {
	margin: 0 auto;
	width: 960px;
	margin-top: -20px;
	
}
.ico_new {
	position: absolute;
	z-index: 100;
	margin-top: 107px;
	margin-left: 74px;
}
.ico_free {
	position: absolute;
	z-index: 100;
	margin-top: 107px;
}
/* 이북 리스트 상단 이벤트 관련 */
.ebook_top_box {
	padding: 3px;
	border: 1px;
	border-style: solid;
	border-color: #999999;
	text-align: center;
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}
.ebook_top_txt1 a, .ebook_top_txt1 a:link, .ebook_top_txt1 a:visited {
	border: 2px;
	border-color: #999999;
	float: left;
	margin-left: 10px;
	border-bottom-style: solid;
	width: 386px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	margin-top: 5px;
}
.ebook_top_txt2 {
	border: 1px;
	border-color: #999999;
	float: left;
	margin-left: 10px;
	border-bottom-style: dotted;
	width: 390px;
	color: #bebebe;
	padding: 1px;
}
.ebook_top_txt2 a, .ebook_top_txt2 a:link, .ebook_top_txt2 a:visited  {
	color: #bebebe;
}
.ebook_top_txt2 .tit {
	width:240px; 
	float:left;
}
.ebook_top_txt2 .star{
	width:70px;
	float:left;
	text-align: center;
	margin-top: 5px;
}
.ebook_top_txt2 .id {
	width:80px;
	float:left;
	text-align: center;
	font-size: 11px;
}

