@charset "utf-8";

body   {

scrollbar-face-color:#DDDDDD;
scrollbar-highlight-color:#DDDDDD;
scrollbar-shadow-color:#DDDDDD;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#9F9F9F;
scrollbar-darkshadow-color:#CCCCCC;
scrollbar-base-color:#DDDDDD;

}
 
body,input,form,option,pre,blockquote 

{

        font-size: 9pt; 
        font-family: 굴림,verdana; 
        color:#000000; 
        padding:0px; 
        line-height:180%; 
        text-align: justify;

}

/* IE6에서만 적용 
body {width:100%;height:100%;overflow-y:auto;} 
body > #div {position:fixed;}
IE6에서만 적용 */

textarea { padding : 3px; }

form { margin : 0; } /* 폼 여백 생성 방지 */

img{ border : 0 } /* 이미지 보더 무조건 0 */

td,div {font-size:9pt; line-height:160%;}

A:link    {color:black ; text-decoration:none;}
A:visited {color:gray ; text-decoration:none;}
A:active  {color : #007BEA;}
A:hover  {color : #0080FF;text-decoration:underline}

.arial7 {font-size:7pt; font-family:arial; line-height:160%; vertical-align : middle;}
.arial8 {font-size:8pt; font-family:arial; line-height:160%; vertical-align : middle;}
.arial9 {font-size:9pt; font-family:arial; line-height:160%; vertical-align : middle;}
.tahoma6 {font-size:6pt; font-family:tahoma; line-height:160%; vertical-align : middle;}
.tahoma7 {font-size:7pt; font-family:tahoma; line-height:160%; vertical-align : middle;}
.tahoma8 {font-size:8pt; font-family:tahoma; line-height:160%; vertical-align : middle;}
.verdana7 {font-size:7pt; font-family:verdana; line-height:160%; vertical-align : middle;}
.gulim8 {font-size:8pt; font-family:굴림,gulim; line-height:160%; vertical-align : middle;}
.gulim9 {font-size:9pt; font-family:굴림,gulim,; line-height:160%; vertical-align : middle;}
.gulim10 {font-size:10pt; font-family:굴림,gulim; line-height:160%; vertical-align : middle;}
.gulim11 {font-size:11pt; font-family:굴림,gulim; line-height:160%; vertical-align : middle;}
.gulim12 {font-size:12pt; font-family:굴림,gulim; line-height:160%; vertical-align : middle;}

.dotum8 {font-size:8pt; font-family:dotum; line-height:160%; vertical-align : middle;}
.dotum9 {font-size:9pt; font-family:dotum; line-height:160%; vertical-align : middle;}
.dotum11 {font : 11pt; dotum, arial;vertical-align : middle; }

.v_middle { vertical-align : middle; }
.v_top { vertical-align : top; }
.v_bottom { vertical-align : bottom; }
.valign_middle { vertical-align : middle; }
.valign { vertical-align : middle; }

.div_inline { float : left ; display : inline ; vertical-align : middle ; }

.inline_left { float : left ; display : inline ; vertical-align : middle ; }
.inline_right { float : right ; display : inline ; vertical-align : middle ; }

.gray { color : gray; }
.darkgray { color : #606060; }
.silver { color : silver; }
.f4f4f4 { color : silver; }
.eeeeee { color : silver; }
.dddddd { color : silver; }

.bold { font-weight : bold }

.px2 {letter-spacing:0.5em}

.absolute { position : absolute; }
.relative { position : relative; }
.fixed { position : fixed; }
.set_center { position : absolute ; left : 50% ; top : 50% }
.layout_fixed { table-layout : fixed; }

.wrapper { position : relative; }

.balloon_pointer { position : absolute ; left : 1px ; margin-top:13px; }
.balloon_pointer { position : absolute ; left : 1px ; margin-top:13px; _margin-top:13px; }

.avatar { padding: 1px; border: 1px solid #d1d1d1; vertical-align : middle }
.avatar2 { padding: 2px; border: 1px solid #d1d1d1; vertical-align : middle }
.avatar3 { padding: 3px; border: 1px solid black; vertical-align : middle }
.avatar_black { padding: 2px; border: 1px solid black; vertical-align : middle }

.none { display : none; }
.block { display : block; }

.input { background:#f2f2f2; border:1px solid silver; height:20px; font-size:9pt ; font-family:굴림,Tahoma,Verdana; color:#333333; vertical-align:middle; }
.input2 { background:#ffffff; border:1px solid silver; height:20px; font-size:9pt ; font-family:굴림,Tahoma,Verdana; color:#333333; vertical-align:middle; }
.input3 { background:#FFF7D7; border:1px solid #FAD163; height:20px; font-size:9pt ; font-family:굴림,Tahoma,Verdana; color:#333333; vertical-align:middle; }

.select1 { height : 18px ; border : 1px solid silver ; background : #F7F7E2 ; font : 8pt dotum,verdana; vertical-align : middle; }

.submit {background:#333333; border:solid 0; font-family:Tahoma,Vernada; font-size:9px; color:white; height:18px; vertical-align:middle; }
.submit2 {background: #A0A0A0; border:solid 1px solid gray; font-family: dotum ; font-size:11px; color:white; height:20px; vertical-align:middle;text-align:center }
.inputdotline {background:; border:solid 0 #333333; background-image:url('/images/dot.gif'); background-repeat:repeat-x; background-position: bottom;}

.page {background-color:black;color:white;font-family:Tahoma,Verdana,Arial;font-size:7pt}
.pagenav {background-color:8c8c8c;color:white;font-family:Tahoma,Verdana,Arial;font-size:7pt}
.pagehere {background-color:#EC5B04;color:white;font-family:Tahoma,Verdana,Arial;font-size:7pt}

.search_tag { color : #FFA040;  } /*   태그 별 정렬시(같은 태그 찾기  */

.tag_head { font : 7pt tahoma ; border:1px solid silver ; padding : 1px 5px 1px 5px ; background-color : #eeeeee ; color : gray }
.tag_head_image { background-image : url(images/bubble.gif); }
.tab_label {  font : 9pt gulim; }

/*//////////////////////////////////////////////////////////
/* 박스 모델 */

.div_sort { margin : 0 auto ; border : 3px solid #E0E0E0 ; padding : 6px ; background-color : #F9F8F5; }  /* rss 보기 리스트 맨 위 박스 #7DA6C8  #9EBCD6  #F4F3EE */
.div_title { margin : 0 auto ; border : 3px solid #7DA6C8 ; padding : 12px ; background-image:url('images/div_bg.gif'); background-repeat:no-repeat; }  /* 타이틀 정렬 상자, 태그 정렬 상자 */

.box1 { border : 3px solid #7DA6C8 ; padding : 8px ; }

.dropdown { border-top : 2px solid black ; border-left : 2px solid black ; border-right : 2px solid black ; border-bottom : 4px solid black ; background-color : #fff ; padding : 8px ; overflow : hidden }  /* 타이틀 정렬 상자, 태그 정렬 상자 */


.illust_title {  height : 18px ; margin : 0 auto ;  border-top : 1px solid #CFCFCF ; border-left : 1px solid #CFCFCF ; border-right : 1px solid #CFCFCF ; padding : 17px ; background-image:url('images/div_bg.gif'); background-repeat : repeat; }  /* 일러스트 페이지 각 항목 헤더 박스 */
.illust_title2 { margin : 0 auto ; border : 2px solid #eeeeee ; padding : 12px ; }  /* 일러스트 페이지 각 항목 헤더 박스 */

/* 박스 모델 */
/*/////////////////////////////////////////////////////////*/

.userid { font-weight : bold ; color : #3B7BA9 ; vertical-align : middle ; }
.userid2 { font-weight : bold ; color : #01498D ; vertical-align : middle ; }

.numbering  { font : 7pt tahoma ; border:1px solid silver ; padding : 1px 3px 1px 3px ; background-color : #eeeeee ; color : gray ; vertical-align : middle; }  /* 순위 박스의 번호 넘버링 */

.date_today { font-family : times ; font-size : 20px ; font-weight:bold ; vertical-align : middle ; }
.date_today_big { font-family : times ; font-size : 22px ; font-weight:bold ; vertical-align : middle ; }

.date_today_ { background-color:#fbfbfb; margin:0;  padding:0; padding-bottom:5px; margin-bottom:5px; font:22px Georgia,Verdana,Tahoma; color:#505050; border-bottom:1px dotted #E5E5E5; }





.best_num { font : 14pt tahoma ; font-weight:bold ; color : gray; }

.nowtime { color : #3B7BA9 ; vertical-align : middle ; }

/***********************************************
* 알릭님의 라이트박스
***********************************************/

/* .SLB_center { cursor:pointer; visibility:hidden; } */
.SLB_center { cursor:pointer; visibility:hidden; border: solid 8px black; }
.SLB_top { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#eeeeee; color: #000000; padding-bottom: 4px; }
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color: black ; color: #000000; padding-bottom: 4px; }
.SLB_caption { overflow : hidden ; cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#eeeeee; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; ; color: #ffffff; padding: 3px 0px 4px 0px; }  

.dropdown a:hover{ /*hover background color*/
background-color: #B3BCC4;
color: white;

}

A.list_title:link { color : #000 ; text-decoration: none; font : 9pt gulim; }
A.list_title:hover { color : #01498D ; text-decoration: underline ; font : 9pt gulim; } /* #646464 */
A.list_title:active  {color:#007BEA; font : 9pt gulim; }
A.list_title:visited { color : #6D8192 ; text-decoration: none; font : 9pt gulim; }

A.list_novel_title:link { color : #000000 ; text-decoration: none; font : 9pt gulim; }
A.list_novel_title:hover { color : #0080FF ; text-decoration: underline ; font : 9pt gulim; } /* #646464 */
A.list_novel_title:active  {color:#007BEA; font : 9pt gulim; }
A.list_novel_title:visited { color : #808080 ; text-decoration: none; font : 9pt gulim; }

.paging { display : block ; float : left ; font:7pt tahoma ; padding : 5px 8px 5px 8px ; margin-left : 4px ; }

.paging_now { display : block ; float : left ; font:7pt tahoma ; padding : 4px 7px 4px 7px ; margin-left : 4px ; background-color : #F7F7F7 ; color : #ff7400 ; font-weight : bold }
a.paging_now:link { display : block ; padding : 5px 8px 5px 8px ; background-color : #ff7400 ; font-weight : bold }

a.paging:link { display : block ; border : 1px solid silver ; padding : 3px 5px 3px 6px ; font-weight : bold }
a.paging:hover { display : block ; border : 1px solid #2080d0 ; background-color : #f4f4f4 ; padding : 3px 5px 3px 6px  ; font-weight : bold }
a.paging:visited { display : block ; border : 1px solid silver ; padding : 3px 5px 3px 6px  ; font-weight : bold ; color : silver }

.paging_end { display : block ; float : left ; clear : both ; font:7pt tahoma ; padding : 5px 8px 5px 8px ; margin-left : 0px ; }

h1.A:link { color:#01376A; text-decoration: none; }
h1.A:visited { color:gray; text-decoration: none; }

A.tag:link { color : #01376A ; padding : 2 2 2 2 ; }
A.tag:hover { color : #01376A ; padding : 2 2 2 2 ; background-color: #f2f2f2; }

.calPop { 
padding-right: 0px; 
padding-left: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
z-index: 2; 
top :0px; 
left:0px; 
display: none; 
overflow:hidden; 
width: 188px; 
height:206px; 
color: black; 
position: absolute; 
background-color:#FFFFFF; 
} 

.notice_alert { margin : 0 auto ; border : 3px solid #C5D5DF; padding : 10 8 8 8 ; background-color : #FFFFEE }

.resize3 { width: expression((this.width > 280)? ((this.height > 280)? ((this.width < this.height)? true : 280) : 280) :true); height: expression((this.height > 280)? ((this.width > 280)? ((this.width > this.height)? true : 280) : 280) :true); max-width: 280px; max-height: 280px;} 

.resizePix { width: expression((this.width > 140)? ((this.height > 140)? ((this.width < this.height)? true : 140) : 140) :true); height: expression((this.height > 140)? ((this.width > 140)? ((this.width > this.height)? true : 140) : 140) :true); max-width: 140px; max-height: 140px;}  

.resizePix { width: expression((this.width > 150)? ((this.height > 150)? ((this.width < this.height)? true : 146) : 146) :true); height: expression((this.height > 146)? ((this.width > 146)? ((this.width > this.height)? true : 146) : 146) :true); max-width: 146px; max-height: 146px;}  

span.fixdimension { width: 100px; height: 100px;  overflow: hidden;}


/*
.jqpageflow-loader {
	
	border : 2px solid gray ;
	position: absolute;
    bottom: 0px ; left: 0px; 
	display: none; 
	z-index: 10001; 
}
*/


.inner_jgrowl { position : absolute ; top : 0px ; left : 0px ;  margin : 0px ; padding : 0px; }


span#MouseGeture { display:none ; position:absolute ; left: 10px ; height:18px ; padding: 14px ; border:4px solid #99A8C7 ; background-color: #D5E4F5 ; color:#000 ; font-family:Tahoma ; font-size:10pt ; line-height:18px ; z-index : 1000; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }


/* jquery.tipsy*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 1000; }
.tipsy-inner { border : 3px solid black ; padding: 5px 8px 4px 8px; background-color: #414141; color: white; max-width: 240px; text-align: center; }
/*.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }*/
.tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/* jquery.tipsy*/