@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: Dotum, "돋움", sans-serif;
	scrollbar-face-color: #dfdfdf;
	scrollbar-shadow-color:#cccccc; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-darkshadow-color:#ffffff;      
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff; 
	scrollbar-base-color: #dadada;
	color:#736D6B;
	}
img, p, input, form, dl {
	margin: 0; 
	padding: 0; 
	border: 0;
	}
a:link, a:visited {
	color: #78777C; 
	text-decoration: none;
	}
a:active, a:hover {
	color: #f60; 
	text-decoration: underline;
	}
textarea {
	border: 1px solid #797979; 
	background: #fff;
	}

th			{	
	text-decoration: none;
	color: #B97735;
	background-color: #F5EDE7;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: Dotum, "돋움", sans-serif;
	}

td			{	
	text-decoration: none;
	color:#736D6B;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: Dotum, "돋움", sans-serif;
	}
	
/* 화면분할 -- 메인 -- */

#m_wrap {
	background:url(imgs/m_bg2.gif) top 992px repeat-x;
	}
#wrap {
	background:url(imgs/s_bg.gif) top repeat-x;
	}
#wrap_11 {
    background-color: #fff;
	}

#m_top {
	} 
#m_side {
	position:absolute;
	top: 310px;
	left:12px;
	width: 133px;
	} 
#m_side p img {
	margin-bottom: 6px;
	}
#m_side ul {
	list-style: none;
	width: 133px;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	}
#m_side ul li {
	border-bottom: #CCC 1px solid;
	font-size: 0px;
	height: 26px;
	}
#m_side_eng {		/* 영문 홈페이지용 */
	position:absolute;
	top: 266px;
	left:11px;
	width: 133px;
	} 
#m_side_eng p img {
	margin-bottom: 6px;
	}
#m_content {
	width: 689px; 
	margin-left: 170px;
	}	

#m_left {
	float: left; 
  top: 300px;
	width: 327px;
	}
#m_left dl {
	margin-bottom: 10px;
	} 
#m_left dt {
	margin-bottom: 4px;
	}
#m_left dd {
	margin-left: 8px; 
	margin-bottom: 3px; 
	padding-left: 7px; 
	background:url(imgs/dot.gif) left 40% no-repeat;
	}
#m_right {
	float: right; 
  top: 300px;
	width: 356px;
	}
#m_albumn_title {
	float:left; 
	width: 55px;
	}
#m_albumn_list {
	float:left; 
	width: 301px; 
	height: 71px; 
	background:url(imgs/m_box_bg.gif) no-repeat;
	}
#m_albumn_list ul {
	list-style:none; 
	margin: 7px 0 0 2px; 
	padding:0;
	}
#m_albumn_list ul li {
	float:left; 
	margin: 0; 
	padding-left: 5px;
	}
#m_albumn ul li	img {
	border: #000 3px solid;
	}
#m_time {
	clear:both; 
	margin-top: 20px;
	}
#m_link {
	margin-top: 32px;
	clear: both;
	}	
#m_quick {
	position: absolute;
	top: 296px;
	left: 878px;
	width: 79px;
	}	
#m_footer	{
	clear: both;
	margin-left: 174px;
	margin-top: 26px;
	margin-bottom: 20px;
	}
		
/* 화면분할 -- 서브페이지 -- */

#main {
	background:url(imgs/bg.gif);	
	background-color: #F9F9F3;
	}
#popup_main {	
	background-color: #EFEFEF;
	padding: 10px;
	}
#top {
	} 
#navi {
	position:absolute;
	top: 186px;
	left:0px;
	width: 166px;
	background:url(imgs/left_bg1.gif) top right no-repeat;
	}
#navi ul {
	list-style: none;
	width: 151px;
	margin: 0px;
	margin-left: 8px;
	padding-left: 0px;
	}
#navi ul li {
	margin: 0px;
	border-bottom: #CCC 1px solid;
	font-size: 0px;
	height: 26px;
	}
#sub_banner1 {	
	margin-top: 10px;	
	margin-left: 8px;	
	margin-bottom: 30px;
	}
#content {
	width: 690px; 
	margin-left: 174px;
	}
#path {
	text-align: right; 
	font-size: 90%;	
	padding-top: 21px;
	padding-right: 10px;
	}
#path img {
	margin-left: 8px;
	margin-right: 8px;
	}
#content_body {
	margin-left: 10px; 
	margin-top: 25px;
/*	height: 320px; */
	}
#quick {
	position: absolute;
	top: 325px;
	left: 900px;
	width: 79px;
	}	
#footer	{
	clear: both;
	margin-left: 180px;
	margin-top: 20px; 
	margin-bottom: 30px;
	}
	
/* 블로그 */

#blog_body {
/*	height: 250px; */
	border: #C1C1C1 1px solid; 
	background-color: #fff; 
	padding: 13px 13px 50px 13px;
	}
#blog_main {	
	background:url(imgs/blog_bg.gif) top left repeat-x #FFD664;
	}
#blog_wrap {
	width: 893px;
	}
#blog_content {
	background:url(imgs/blog_bg2.gif) left repeat-y #FFEFC6;
	}
#blog_bg {
	background:url(imgs/blog_bg1.gif) top left no-repeat;
	}	
#blog_title {
	text-align:center; 
	margin-bottom: 45px;
	}
#blog_path {
	text-align: right; 
	font-size: 90%;	
	padding-top: 5px;
	}
#blog_path a:link, #blog_path a:hover, #blog_path a:visited {
	color: #fff; 
	} 	
#blog_path img {
	margin-left: 8px;
	margin-right: 8px;
	}	
#blog_path span {
	color: #FFB400;
	}
#column_navi {
	text-align: right; 
	margin: -23px 0px 30px 0px;
	}	

#eng_main {	
	background:url(imgs/eng_main.gif) top left no-repeat #f7f7ef;
	}


/* 책 소개페이지 */
#book_main {	
	background:url(imgs/column2_bg.gif);
	background-color: #232579;
	}
#book_content {
	background-color: #ffffff;
	}
#book_bg {
	background-color: #ffffff;
	}	
#book_intro {
	color: #434343;
	font-family: Batang, "바탕", verdana;
	font-size: 11pt;	
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #ffffff;
	}
#book_info {
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;	
	color: #ffffff;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #232579;
	border: #C1C1C1 1px solid; 
	}
#book_body {
	color: #333333;
	text-align: left;
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}

/* 책 소개페이지 - 긴여정을 거쳐 준비된 당신에게 */
#book2_main {	
	background:url(imgs/water2.jpg);
	background-color: #7c9cca;
	}
#book2_content {
	background-color: #ffffff;
	}
#book2_bg {
	background-color: #ffffff;
	}	
#book2_intro {
	color: #434343;
	font-family: Batang, "바탕", verdana;
	font-size: 11pt;	
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #ffffff;
	}
#book2_info {
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;	
	color: #ffffff;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #7c9cca;
	border: #C1C1C1 1px solid; 
	}
#book2_body {
	color: #333333;
	text-align: left;
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}

/* 책 소개페이지 - 참 - 모든 사실과 그것들의 이유 */
#book3_main {	
	background:url(imgs/column4_bg.gif);
	background-color: #7c9cca;
	}
#book3_content {
	background-color: #ffffff;
	}
#book3_bg {
	background-color: #ffffff;
	}	
#book3_intro {
	color: #434343;
	font-family: Batang, "바탕", verdana;
	font-size: 11pt;	
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #ffffff;
	}
#book3_info {
	background:url(imgs/column4_content.jpg);
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;	
	color: #ffffff;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #7c9cca;
	border: #C1C1C1 1px solid; 
	}
#book3_body {
	color: #333333;
	text-align: left;
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}


/* 책 소개페이지 - Hook? */
#book5_main {	
	background:url(imgs/column5_bg.jpg);
	background-color: #7c9cca;
	}
#book5_content {
	background-color: #ffffff;
	}
#book5_bg {
	background-color: #ffffff;
	}	
#book5_intro {
	color: #434343;
	font-family: Batang, "바탕", verdana;
	font-size: 11pt;	
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #ffffff;
	}
#book5_info {
	background:url(imgs/column5_content.jpg);
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;	
	color: #ffffff;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #7c9cca;
	border: #C1C1C1 1px solid; 
	}
#book5_body {
	color: #333333;
	text-align: left;
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}


/* 책 소개페이지 - 그대, 약속을 기억하나요 */
#book6_main {	
	background:url(imgs/column6_bg.gif);
	background-color: #7c9cca;
	}
#book6_content {
	background-color: #ffffff;
	}
#book6_bg {
	background-color: #ffffff;
	}	
#book6_intro {
	color: #434343;
	font-family: Batang, "바탕", verdana;
	font-size: 11pt;	
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: #ffffff;
	}
#book6_info {
	background:url(imgs/column4_content.jpg);
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;	
	color: #ffffff;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #7c9cca;
	border: #C1C1C1 1px solid; 
	}
#book6_body {
	color: #333333;
	text-align: left;
	font-family: Batang, "바탕", verdana;
	font-size: 12pt;
	line-height: 180%;
	padding-top: 20px;
	padding-bottom: 80px;
	margin-left: 20px;
	margin-right: 20px;
}



/* 로그인페이지 */

#login_wrap {
	text-align:center
	}
#login_wrap1 {
	width: 629px;
	}
#login_box {
	width: 400px; 
	border: #D1D9C5 3px solid; 
	padding: 30px 45px; 
	margin-bottom:30px; 
	text-align:center; 
	background-color:#FFFFFF;
	}
#login_box_sub {
	width: 100%;
	border-top:#84A158 3px solid;
	border-bottom:#D1D9C5 3px solid; 
	bgcolor:#F5F2EB;
	}
#login_box_sub_box {
	background-color: #F5F2EB; 
	margin: 10px 0px; 
	padding: 10px;
	}	
.login_text {
	width: 500px; 
	text-align:left; 
	padding: 10px 0px 7px 0px;
	}			
.login_text1 {
	padding: 0px 0px 5px 5px; 
	text-align:left; 
	margin: 10px 0px 4px 0px;
	}
.login_text2 {
	text-align:left; 
	padding: 0px 0px 7px 0px;
	}
.login_text3 {
	margin: 20px 0px 0px 133px;
	width: 430px;
	}	
.login_box1 {
	border: #D1D9C5 3px solid;
	padding: 6px;
	background-color: #FFFFFF;
	}
.login_box2 {
	border: #D1D9C5 3px solid;
	padding: 6px;
	background-color: #FFFFFF;	
	text-align:left; 
	height: 78px;
	}	
.login_img {
	float:left; 
	margin-right: 10px;
	}	
.login_icon {
	margin: 10px 10px 10px 0px; 
	text-align: right;
	}
.login_p1 {
	margin-top: 5px;
	}
.login_p2 {
	margin-top: 7px;
	}			
.login_p3 {
	float: left; 
	width: 80px; 
	padding-top: 5px;
	}		

/* 근조 메시지 */
#mourn {
	position: absolute;
	top: 680px;
	left: 875px;
	width: 79px;
	}


/* 다생마을 쇼핑몰 */
#dasaengmall {
	position: absolute;
	top: 600px;
	left: 829px;
	width: 79px;
	}

#dasaengmall2 {
	position: absolute;
	top: 60px;
	left: 856px;
	width: 79px;
	}

#dasaengmall_0 {
	position: absolute;
	top: 480px;
	left: 984px;
	width: 79px;
	}

/* 팝업페이지 */

#popup_wrap {
	border:#D6D6D6 1px solid; 
	background-color: #FFF;
	}
.popup_text {
	text-align:center; 
	margin: 14px 0px;
	}
.popup_text1 {
	text-align:center; 
	height: 50px; 
	margin: 0px 10px; 
	}
.popup_text2 {
	text-align:left;
	margin: 10px 0px 2px 15px;
	}	
.popup_text3 {
	text-align:left;
	background-color: #F5F2EB;
	padding: 10px 15px;
	margin: 0px 10px 0px 10px;
	}
.popup_text3 p span {
	padding-left: 6px;
	margin-bottom: 2px;
	background:url(imgs/dot.gif) left 40% no-repeat;
	}		
.popup_icon { 
	text-align: right; 
	margin: 10px 10px 0px 10px;
	padding: 7px 0px;
	border-top: #CCCCCC 1px solid;
	}			
	
/* 클래스 */
	
.m_text	{
	width: 248px;
	}	
.m_date	{
	color: #9D915F; 
	font-size: 90%;
	}
#path span {
	color: #506500;
	}
.box1 {
	margin-bottom: 15px;
	}
.sub_title {
	border-bottom: #DDD5CD 1px solid;
	margin-bottom: 15px;
	}
.sub_title_img {
	margin-bottom: 25px;
	}
.sub_list {margin-bottom: 13px;}
.sub_list ul { list-style:none; margin: 0px;}		
.sub_list ul li {background:url(imgs/dot1.gif) left 40% no-repeat; padding-left: 6px; text-align:justify;}

.sub_box {margin-bottom: 20px; border: #D6D6D6 1px solid; background-color: #F7F7FF; color: #736D6B;}
.sub_box ul {list-style: none; margin: 10px;}		
.sub_box ul li {padding-left: 6px;}

.sub_box1 {margin-bottom: 20px; border: #D6D6D6 1px solid; background-color: #fff; color: #736D6B;}
.sub_box1 ul {list-style: none; margin: 15px;}		
.sub_box1 ul li { background:url(imgs/dot3.gif) left top no-repeat; padding-left: 8px; margin-bottom: 3px;}

.sub_text {margin-bottom: 15px; text-align:justify;}
.sub_text p span {text-align:justify; margin-right: 10px; margin-bottom: 15px; display:block;}
.sub_text1 {margin: 7px 10px 5px 4px; text-align:justify;}
.sub_text2 {margin: 2px 5px 10px 18px; text-align:justify;}

.f1 {
	color: #B97735; 
	font-weight: bold;
	}
.f2 {
	color: #f60;
	}	
.f3 {
	color: #FF9933;
	font-weight: bold;
	}	
.ta {
	text-align: left;
	}	
.txt_top {
	margin-top: 5px;
	}		
.txt_btm {
	margin-bottom: 3px;
	}	
.input {
	border: 1px solid #D5D5D5; 
	color:#888888;
	} 
.sign_text {
	width:670px; 
	height:160px; 
	border: 1px solid #D5D5D5; 
	padding:10px 0px; color:#888888;
	} 
.bg1 {padding:3px 0px 0px 12px; background-color:#DAE0CF;}
.bg2 {padding-top:2px; padding-left:12px;}	
.bg3 {padding:6px 0px 6px 12px;}

.input4			{
	background-color: #f7f7f7;
	font-size: 9pt;
	border: #D3D4D6 1px solid;
}
.input5			{
	background-color: #f7f7f7;
	font-size: 9pt;
	border: #D3D4D6 1px solid;
}
.input6         {padding-left:2px; padding-top:3px; font-size:9pt; border: 1px solid #D3D4D6;}
.img1 {
	margin: 0px 0px 3px 9px;
}