@charset "UTF-8";

/* 전체 셀렉터 */

* {
margin:0;padding:0;
font:normal normal normal x-small/1.5 Verdana,"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo","Noto Sans KR",Osaka,Chicago,sans-serif;
border:none;
}

/* 전체 지정 */

body {
color:#555555;
height:100%;
background-color:#f6f6f4;
}

html {
scrollbar-arrow-color:#555555;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
height:100%;
overflow-y:scroll;
}

/* 링크 */

a{text-decoration:none;}
a:link,a:active{color:#555555;}
a:visited{color:#555555;}
a:hover{color:#99beb6;position:relative;top:1px;left:1px;}

/* 강조 */

em {color:#555555;font-weight:bold;}
strong {color:#555555;font-weight:bold;font-size:120%;border-bottom:2px solid #99beb6;}
del {text-decoration:line-through;}
ins {text-decoration:underline;}
b {color:#ffffff;}

/* 기타 */

hr {display:none;}
ul li {list-style:none;}


/* ********************************************************* */
/* 2단중 프레임(main) */
/* ********************************************************* */


/* 레이아웃 */

/* 전체 */
#wrapper {
width:265px;
height:100%;
min-height:100%;
margin:0px 0px;
padding:5px 0px 20px 0px;
text-align:left;
border-left:8px solid #252525;
}

body > #wrapper {height:auto;}

/* 헤더부 */

/* 사이트 타이틀 */
#wrapper h1 {
font-size:200%;
color:#555555;
font-family:"Century Gothic",sans-serif;
margin:0px 10px 0px 0px;
text-align:right;
}

/* 각 헤더 */
#wrapper h2,#wrapper h3 {
font-size:120%;
color:#ffffff;
font-weight:normal;
height:22px;
line-height:22px;
padding:0px 0px 0px 2px;
background:url(img/titlebar22.gif) no-repeat right center #252525;
border-radius:12px;
}

/* 첫번째 문자 색상 */
#wrapper h2:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}
#wrapper h3:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}

/* P단락 */

#wrapper p {
margin:10px 10px 15px 15px;
line-height:170%;
}

/* 문자 크게 표시 */
#wrapper p.text {
font-size:120%;
line-height:180%;
}

/* 테두리BOX1 */
#wrapper p.box1 {
margin:10px 7px 15px 12px;
padding:8px 8px;
border:3px double #99beb6;
}

/* 테두리BOX2 */
#wrapper p.box2 {
padding:8px 8px;
background:#99beb6;
}

/* P용 링크 */
#wrapper p a {font-size:100%;}

/* 업데이트 이력 */
#wrapper p.rireki {
height:32px;
overflow:auto;
line-height:150%;
padding:1px 1px;
}

/* 리스트 */

#wrapper ul {margin:10px 10px 5px 15px;}

/* 리스트(마커 이미지) */
#wrapper ul.list01 {}
#wrapper ul.list01 li {
padding-left:10px;
background:url(img/ci-i46.gif) no-repeat left center;
}

/* 리스트(마커 점) */
#wrapper ul.list02 {list-style:disc inside;}
#wrapper ul.list02 li {
list-style:disc inside;
padding-left:0px;
}

/* 페이지맨위 링크용 리스트 */

#wrapper ul.pagetop {
color:#ffffff;
text-align:right;
margin:0px 0px;
padding:0px 10px 0px 2px;
background:url(img/titlebar22.gif) no-repeat right center #252525;
}

#wrapper ul.pagetop li {
display:inline;
height:22px;
line-height:22px;
padding:0px 0px 0px 1px;
}

/* 푸터 */

ul#foot {
margin:10px 12px 0px 15px;
text-align:right;
}

ul#foot li {padding:0px 0px 3px 0px;}

/* 링크 페이지용 */

#wrapper ul.link01 {margin:10px 10px 15px 15px;}

#wrapper ul.link01 li {
display:inline;
padding:0px 1px 0px 0px;
}

/* 줄바꿈 없앰 */
#wrapper ul.link02 {margin:10px 10px -5px 15px;}

#wrapper ul.link02 li {
display:inline;
padding:0px 1px 0px 0px;
}


/* ********************************************************* */
/* 우측 프레임(sub) */
/* ********************************************************* */


#sub {
width:90%;
margin:15px auto;
text-align:left;
}

/* 헤더부 */

#sub h1 {display:none;}

#sub h2,#sub h3 {
color:#555555;
font-size:120%;
font-weight:bold;
margin:0px 0px 10px 0px;
text-align:center;
}

/* P단락 */

#sub p {
line-height:170%;
margin:0px 0px 15px 0px;
}

/* 가운데 정렬 */
#sub p.center {text-align:center;}

/* 그림 테두리 */
#sub .img {border:1px solid #555555;}

/* 페이지맨위 */

ul.top {
margin:15px 0px 50px 0px;
text-align:right;
}

ul.top li {
padding:0px 2px;
display:inline;
}


/* --------------------------------------------------------- */
/* 일러스트 전시 */
/* --------------------------------------------------------- */


#pict {
width:450px;
margin:15px auto;
text-align:left;
}

#pict h1 {display:none;}

#pict h2 {
font-size:120%;
color:#ffffff;
font-weight:bold;
text-align:center;
padding:1px 0px;
background:#252525;
}

#pict p {
line-height:170%;
margin:15px 0px;
padding:0px 0px 15px 0px;
text-align:center;
background:url(img/w-line2.gif) repeat-x bottom;
}

/* 그림 테두리 */
#pict .img {border:1px solid #555555;}


/* --------------------------------------------------------- */
/* 소설 전시 */
/* --------------------------------------------------------- */


#novel {
width:90%;
margin:15px auto;
text-align:left;
}

#novel h1 {display:none;}

#novel h2 {
color:#99beb6;
font-size:120%;
font-weight:bold;
}

#novel p {
font-size:120%;
line-height:200%;
margin:50px 0px 80px 0px;
}

/* 코멘트 테두리 */
#novel p.com {
color:#555555;
font-size:100%;
line-height:160%;
margin:0px 0px 10px 0px;
padding:10px 10px;
border:3px double #99beb6;
}


/* ********************************************************* */
/* index.html */
/* ********************************************************* */


/* 전체 */
#index {
width:330px;
height:100%;
min-height:100%;
margin:0px 0px;
position:relative;
background-color:#f6f6f4;
}

body > #index {height:auto;}

/* 검정 세로 라인 */
#index .line1 {
z-index:1;
position:absolute;
width:65px;
height:100%;
top:0px;
left:0px;
background:#252525;
}

/* 청록색 세로 라인 */
#index .line2 {
z-index:2;
position:absolute;
width:45px;
height:100%;
top:0px;
left:10px;
background:#bed5d0;
}

/* 메인 아이콘 */
#index h1 {
z-index:3;
position:absolute;
top:0px;
left:15px;
padding-top:10px;
}

/* 헤더부 */

#index h2 {
font-size:200%;
color:#555555;
font-family:"Century Gothic",sans-serif;
padding:7px 10px 0px 0px;
text-align:right;
}

#index h3 {
font-size:120%;
color:#ffffff;
font-weight:normal;
height:22px;
line-height:22px;
padding:0px 0px 0px 67px;
background:url(img/titlebar22.gif) no-repeat right center #252525;
border-radius:12px;
}

/* 첫번째 문자 색상 */
#index h3:first-letter {font-size:12px;color:#99beb6;font-weight:normal;}

/* P단락 */

#index p {
margin:10px 10px 15px 80px;
line-height:170%;
}


/* ********************************************************* */