@charset "utf-8";

/*
 * 반응형 디자인 적용:
 * - 화면 너비가 780px 이하일 때: width: 100% (꽉 참)
 * - 화면 너비가 780px 초과일 때: max-width: 780px로 고정 및 중앙 정렬 (margin: 0 auto)
 */

/* 모든 주요 레이아웃 요소에 공통으로 적용되는 스타일 */
/* 내부 여백(padding)이나 테두리(border)가 없는 요소들의 기본 설정 */
#div_main, #div_right, #div_left, #div_main6, #div_main7, #div_main8,
#div_bottom_s, #div_bottom_ss, #div_top_s, #div_top_s2, #div_top_sss {
	display: block;
	width: 100%; /* 모바일에서 꽉 차게 */
	max-width: 780px; /* PC에서 최대 너비 */
	margin: 0 auto; /* PC에서 중앙 정렬 */
	height: auto !important;
	z-index: 1; /* z-index는 필요에 따라 조정 */
}

/* 개별 z-index 및 추가 스타일 조정 */
#div_main {
	z-index:1;
}
#div_right {
	z-index:9;
}
#div_left {
	z-index:9;
}
#div_main6 {
	z-index:6;
}
#div_main7 {
	z-index:7;
}
#div_main8 {
	z-index:8;
}
#div_bottom_s {
	z-index:20;
}
#div_bottom_ss {
	z-index:10;
}
#div_top_s {
	z-index:30;
}
#div_top_s2 {
	z-index:10;
	margin-top:20px;
}
#div_top_sss {
	z-index:9;
}


/* 내부 여백(margin/padding)이 10px씩 있어서 760px을 max-width로 사용하는 요소들 */
/* 이 요소들은 내부 콘텐츠 너비를 760px로 맞춰서 부모(780px) 안에서 좌우 10px 여백이 생기도록 합니다. */
#div_top_ss, #div_top_menu, #div_down, #div_down8, #div_a {
	display: block;
	width: 100%;
	max-width: 760px; /* 780px 컨테이너 안에서 좌우 여백을 고려한 너비 */
	margin: 0 auto;
	height: auto !important;
	z-index: 5; /* z-index는 필요에 따라 조정 */
}

/* 개별 z-index 및 추가 스타일 조정 */
#div_top_ss {
	z-index:5;
}

#div_top_menu {
	z-index:5;
	padding:0px 0px;
	line-height:5px;
}

#div_down {
	z-index:9;
}

#div_down8 {
	z-index:8;
}

#div_a {
	z-index:5;
	font-size:22px;
	font-family:"돋움",dotum,sans-serif,serif;
	color:#2b95d2;
	text-decoration:underline;
}

/* div_top_smenu: 폭이 200px로 작은 요소는 기존 설정을 유지하되, 중앙 정렬 방식만 통일 */
#div_top_smenu {
	z-index:5;
	display:block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	height: auto !important;
	padding:0px 0px;
	line-height:5px;
}

/* div_aa: 740px로 설정된 요소 */
#div_aa {
	z-index:9;
	display:block;
	width: 100%;
	max-width: 740px; /* 780px - (좌우 여백) - (추가 좌측 20px 마진)을 고려 */
	height: auto !important;
	margin: 0 auto;
	margin-left: 20px; /* 좌측 마진을 유지하려는 경우 (단, 중앙 정렬은 깨짐) */
	/* NOTE: margin-left: 20px;를 사용하면 'margin: 0 auto;'를 덮어쓰므로 중앙 정렬이 깨집니다.
	   780px 폭 내에서 좌측 20px 여백을 만들려면, 부모에 padding-left: 20px;를 주거나
	   이 요소에 margin-left: 20px;를 주고 max-width를 760px(780-20)로 설정하는 것이 일반적입니다.
	   요청하신 기존 마진 설정을 유지합니다. */
	font-size:18px;
	line-height:30px;
}


/* 폰트 및 기본 스타일은 유지합니다. */
@font-face {
	font-family:'Nanum';
	font-weight:400;
	src: url('http://pacificbooks.co.kr/cssNfont/_fonts/NanumGothic.eot');
	src: url('http://pacificbooks.co.kr/cssNfont/_fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		  url('http://pacificbooks.co.kr/cssNfont/_fonts/NanumGothic.woff') format('woff'),
		  url('http://pacificbooks.co.kr/cssNfont/_fonts/NanumGothic.ttf') format('truetype');
}
body,div, header, nav, section, aside, ul, li, h1, h2, h3, address, p, span, dl, dt, dd, form, fieldset, legend, label, input, time,figure,figcaption{margin:0; padding:0;}
header,nav,section,aside,footer,time,figure,figcaption{display:block;}
body,input{font-size:12px;color:#333;font-family:"Nanum","",dotum;}