@charset "utf-8";
/*
 * 주의: #contentBody, #columnLeft, #columnRight 는 반드시 float 기반으로 유지할 것.
 * 내부 콘텐츠가 2000년대 table 마크업이라 flexbox 전환 시 레이아웃이 깨짐.
 * (2026-04-05 flexbox 시도 → 전체 깨짐 → float 으로 복원, paperempire2 와 동일 방식)
 */
html {
	height: 100%;
	overflow-x: auto; /* 폭 < 970 일 때 가로 스크롤 — float 줄바꿈보다 낫다 */
}
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../images/top_bg.gif') repeat-x left top;
}
/* 뷰포트·devtools·Bootstrap 등 max-width:100% 가 나중에 오면 폭이 줄어 float(200+770)가 깨짐 → !important */
#bodyWrap {
	width: 970px !important;
	min-width: 970px !important;
	max-width: none !important;
	box-sizing: border-box;
	margin: 0 auto;
}

table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}

td { font-size: 11px; font-family: "Tahoma, 돋움"; line-height:14pt; color:#585858; letter-spacing: 0px} 
.d8 { font-size: 11px; font-family: "돋움"; line-height:10pt; color:#545454;letter-spacing: 0px} 
.d8_gray { font-size: 11px; font-family: "돋움"; line-height:13pt; color:#A7A7A7;letter-spacing: -1px} 
.d8_gray1 { font-size: 11px; font-family: "돋움"; line-height:12pt; color:#717171;letter-spacing: -1px} 
.t8 { font-size: 11px; font-family: "Tahoma"; line-height:10pt; color:#9F9F9F;letter-spacing: 0px} 
.d8t { font-size: 11px; font-family: "Tahoma,돋움"; line-height:12pt; color:#919090;letter-spacing: 0px} 
.d8_allpage { font-size: 11px; font-family: "돋움"; line-height:10pt; color:#9A9DA4; letter-spacing: 0px} 
.d15 {font-size: 15px; font-family: "돋움"; font-weight:bold; letter-spacing: -2px; color:#000000;}
table th {font-size: 11px; font-family: "돋움"; letter-spacing: -1px; color:#6C6C6C;}
table .title {font-weight:bold; font-size: 12px; letter-spacing: -1px; color:#3B3B3B; }
 
a:link
{ font-size: 12px; color: #707070; line-height:14pt; 	text-decoration: none}
a:active
{ font-size: 12px; color: #707070;  line-height:14pt; 	  text-decoration: none}
a:visited
{ font-size: 12px; color: #707070;  line-height:14pt; 	  text-decoration: none}
a:hover {font-size: 12px;	 color: #F64500;  line-height:14pt; 	  text-decoration: none}

a.d8:link
{ font-size: 11px; color: #707070; letter-spacing: -1px; 	text-decoration: none}
a.d8:active
{ font-size: 11px; color: #707070; letter-spacing: -1px; 	text-decoration: none}
a.d8:visited
{ font-size: 11px; color: #707070; letter-spacing: -1px; 	text-decoration: none}
a.d8:hover {font-size: 11px;	color: #F64500; letter-spacing: -1px; 	text-decoration: underline}

a.bold:link
{ font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	text-decoration: none}
a.bold:active
{ font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	  text-decoration: none}
a.bold:visited
{ font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	  text-decoration: none}
a.bold:hover {font-size: 12px; font-weight:bold; letter-spacing: -1px; 	 line-height:15pt; color: #F64500;	  text-decoration: underline}

a.d8_bold:link
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:11pt; color: #7C7C7C;	text-decoration: none}
a.d8_bold:active
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:11pt; color: #7C7C7C;	  text-decoration: none}
a.d8_bold:visited
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:11pt; color: #7C7C7C;	  text-decoration: none}
a.d8_bold:hover 
{font-family: "돋움"; font-size: 11px; font-weight:bold; letter-spacing: -1px; 	 line-height:11pt; color: #F64500;	  text-decoration: underline}

a.d8_bold1:link
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:10pt; color: #4D4D4D;	text-decoration: none}
a.d8_bold1:active
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:10pt; color: #4D4D4D;	  text-decoration: none}
a.d8_bold1:visited
{font-family: "돋움";  font-size: 11px; font-weight:bold; letter-spacing: -1px;  line-height:10pt; color: #4D4D4D;	  text-decoration: none}
a.d8_bold1:hover 
{font-family: "돋움"; font-size: 11px; font-weight:bold; letter-spacing: -1px; 	 line-height:10pt; color: #F64500;	  text-decoration: underline}

a.bold2:link
{font-family: "돋움";  font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	text-decoration: none}
a.bold2:active
{font-family: "돋움";  font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	  text-decoration: none}
a.bold2:visited
{font-family: "돋움";  font-size: 12px; font-weight:bold; letter-spacing: -1px;  line-height:15pt; color: #F64500;	  text-decoration: none}
a.bold2:hover 
{font-family: "돋움"; font-size: 12px; font-weight:bold; letter-spacing: -1px; 	 line-height:15pt; color: #F64500;	  text-decoration: underline}


.box {
	font-family: "돋움"; 
	color:#767676; line-height: 12pt; letter-spacing:0px;
	BORDER: #E2E1DE 1px solid; 
	PADDING: 7px; 
	FONT-SIZE: 12px; 
	BACKGROUND-COLOR:#FFFFFF}


.bx_search {font-family: "돋움"; 
	BORDER: 4px solid #DE3434; 
	PADDING-LEFT: 15px; 
	PADDING-top: 5px; 
	FONT-SIZE: 12px; 
	line-height: 13px;
	COLOR: #585858; 
	font-weight:bold;
	BACKGROUND-COLOR:#FFFFFF
}

.bx_write {font-family: "돋움"; 
	BORDER: 1px solid #D9DADE; 
	PADDING-LEFT: 5px; 
	PADDING-top: 3px; 
	FONT-SIZE: 11px; 
	line-height: 11px;
	COLOR: #707070; 
	height:16px;
	BACKGROUND-COLOR:#F4F4F4
}

#header { height: 161px;
	}

#contentBody {
	position: relative;
	margin: 0;
	padding: 0;
	width: 970px !important;
	min-width: 970px !important;
	max-width: none !important;
	box-sizing: border-box;
	background: #ffffff url("../images/mainbg.gif") repeat-y left top;
	*zoom: 1;
}
#contentBody:after{ content:""; display:block; clear:both;}

#columnLeft { float:left; width:200px;
	}
/* 좌측 메뉴 내용 블록: 200px 열 안에서 150px 폭으로 가운데 정렬 (paperempire2와 동일) */
.columnLeftInner { width:150px; margin:0 auto; }
#left-banner-list {list-style-type:none; padding-left:0px; *margin-left:0px;}
#left-banner-list li {margin: 0px; padding: 0px;}
#left-banner-list li img {margin: 0px; padding: 0px; }
#columnLeft #submenu-list {margin:5px 0; padding-left: 20px; list-style-type: none; list-style-image:url("../images/main/icon_red.gif");}
/* float:right + 정확한 픽셀합(200+770=970) 방식은 고DPI에서 computedW가 969.96px 로 계산돼
   0.04px 부족으로 #columnRight 가 아래로 떨어짐(float drop).
   → overflow:hidden 으로 BFC 생성, margin-left:200px 으로 위치 고정하면
     남은 폭을 자동으로 채우므로 서브픽셀 오차에 강건함. */
#columnRight { display: flow-root; margin-left: 200px; *zoom:1;
	}
#columnRight:after{ content:""; display:block; clear:both;}

/* img 직후 #content 사이 공백 노드가 Blink/Edge에서 line-height 만큼 세로 간격 유발 → paperempire2와 동일 */
.columnRightMain {
	display: flow-root;
	font-size: 0;
	line-height: 0;
	min-height: 0;
}
#content {
	min-height: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	background: transparent;
	font-size: 11px;
	line-height: 14pt;
	*margin: -4px 0 0 0;
}
/* 본문 타일 conbg_bg1 */
.layout-inner-conbg {
	box-sizing: border-box;
	min-height: 0;
	width: 100%;
	padding: 0 20px 10px 20px;
	background-color: #fffef0;
	background-image: url("../images/conbg_bg1.gif");
	background-repeat: repeat;
	background-position: left top;
}
/* 사이트 홈 https://…/ko/ — paperempire_mainbox·visual_top 770px 과 좌우 패딩 20px 충돌 제거 */
.layout-inner-conbg.layout-front-home {
	padding-left: 0;
	padding-right: 0;
}
/* 본문 상단 현재 위치(location 위젯)
   부모 .layout-inner-conbg 에 이미 padding-left:20px 있으므로 left padding 추가 불필요 */
.layout-location-wrap {
	display: block;
	padding: 6px 0 8px 0;
	box-sizing: border-box;
}
#content .dev_table {border-spacing:1px; border-collapse:separate; }
table.dev_table td {padding:5px;}

#index_bottom_image {margin:0; float:right; *margin:-34px 0 0 0;}

/* 열 하단 장식 이미지 */
.layout-column-bottom {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	font-size: 0;
	vertical-align: top;
}
/* left_bottom.gif: #contentBody(position:relative) 기준으로 좌하단에 고정
   float 레이아웃에서 좌열이 우열보다 짧아도 항상 맨 밑에 위치 */
.layout-column-bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
}

#footer { clear:both; height:110px; margin: 0; padding-top:30px;
	}
	
/* 상단 띠(con_top/visual_top) — paperempire2와 동일, Edge/Blink 기준선 여백 제거 */
#index_top_image {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	line-height: 0;
}

/* X (구 Twitter) 로고: SNS 공유 영역 내 모든 xi-twitter 아이콘을 X 로고로 덮어씀
   적용 범위: 게시판(.sns), 유튜브(.peruse_sns), 쇼핑몰(.sns-share) */
.sns .xi-twitter:before,
.sns-share .xi-twitter:before,
.peruse_sns .xi-twitter:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background: currentColor;
	vertical-align: -0.12em;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'><path d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z'/></svg>") no-repeat center / contain;
	        mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'><path d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z'/></svg>") no-repeat center / contain;
}