@import url("../common.css");


.hide, .skip, #count { display: none; }

body { background: #F3EFFA; }

#outer { width: 800px; 
        background: #F3EFFA; 
        margin: 0 auto; 
        padding: 0; 
        border: 1px solid #804CD9; 
        border-width: 0 1px; }



.warning2 { font-size: 75%; color: #777; }


/* 구조 */

#header { width: 100%; 
          background: #F3EFFA; }

#cont { clear: both;
		width: auto;
		padding: 1em 2em; }

#footer { clear: both; }
#count { clear: both; }


/* 누리집 이름 */

h1.head { font-family: 가는으뜸체; 
		font-size: 180%; 
		padding: 15px; 
		margin: 0 0 0 25px; }
h1.head a { text-decoration: none; }
h1.head a:hover { background: transparent; }


/* 차림 */

#nav { width: 100%; 
        background: #804CD9; 
        font-family: 돋움, Dutom; 
        font-size: 90%;
        text-align: center; 
        line-height: 130%; 
        margin: 0; }
#nav a { text-decoration: none; 
		color: #fff; 
		padding : 0.5em 1em; }
#nav a:hover { background: #fff; 
				color: #804CD9; }
#nav ul { margin: 0; 
		padding: 0.3em 0; 
		list-style-type: none; }
#nav li { display: inline; }
#nav .sel { font-weight: bold; 
			color: #fff; }


/* 본문 */

#cont h1 { font-family: 가는으뜸체, 궁서, Gungsuh; font-size: 160%; line-height: 140%; 
	          border-bottom: 1px solid #804CD9; 
	          padding: 0 6px 6px 6px; margin: 0 0 90px 0; }
#cont h2 { font-family: 가는으뜸체, 바탕, Batang, serif; font-size: 130%; line-height: 140%; font-weight: normal; 
            padding: 6px 0 6px 40px; margin-top: 50px; 
            background: #F3EFFA url(../bg/dice1.png) left top no-repeat; 
            border-top: 1px solid #804CD9; }
#cont h3 { font-weight: bold; font-family: 가는으뜸체, 돋움, Dotum; font-size: 110%; 
          border-left: 10px solid #804CD9; padding-left: 0.5em; border-bottom: 1px solid #804CD9; }
#cont h4, #cont h5 { font-size: 100%; font-family: 가는으뜸체, 돋움, Dotum; }
#cont p.tolist a:hover { background: #F3EFFA; }

ul.game, ul.online { margin-left: 0; 
          padding-left: 0; 
          text-align: left; 
          list-style: none; 
          font-family: 굴림, Gulim; 
          font-size: 80%; }
ul.game a, ul.online a  { text-decoration: none; 
            display: block; 
            padding: 0.2em 1em; }
ul.game li { border-bottom: 1px solid #F3EFFA; }
ul.game a:hover { background: #F3EFFA; }

li.gap { margin-bottom: 2em; }



ul.online { float: left; 
            width: 40%; 
            margin-left: 1.5em;
            padding-left: 1.5em; }
ul.online a { border: 1px solid #fff; 
              color: blue; }
ul.online li { border-bottom: 1px solid #F3EFFA; }
ul.online a:hover { border: 1px solid #804CD9; 
                  background: #F3EFFA; }

ul.noitem { list-style: none; }
dt { font-weight: bold; }

#cont table { line-height: 140%; 
              margin: 16px auto; }
#cont caption { font-weight: bold; margin: 0 auto; margin-top: 16px; }
#cont th { padding: 5px; text-align: center; }
#cont td { padding: 5px; vertical-align: top; }
#cont td.cent { text-align: center; }
#cont td.nobd { border: 0; }  /* border 없음 */
#cont table.game { width: 90%; margin: 0 auto 20px; 
              	background: #ccc; }
#cont table.game th { width: 15%; 
				background: #f9f9f9; }
#cont table.game td { background: #fff; }
#cont table.score_table td { text-align: center; vertical-align: middle; }

#cont div.example { width: 85%; margin: 2em auto; border-left: 10px solid #ccc; padding-left: 1em; 
                    font-style: italic; }

#cont div.play { float: left; margin-bottom: 1em; }
#cont div.play table { margin: 0; }
#cont div.play td { border: 0; }


#cont div.date { clear: both;
                  text-align: right; 
                  padding-top: 2.5em; 
                  font-size: 75%;
                  font-family: 굴림, Gulim; 
                  color: #222; }

	#cont p.tolist { font-family: 굴림, Gulim; font-size: 75%; margin: 1.5em 0 1em; text-indent: 0; }
	#cont p.tolist a { text-decoration: none; color: #000; border: 1px solid #000; padding: 0.4em 40px 0.2em; }
	#cont p.tolist a:hover { background: #804CD9; color: #fff; text-decoration: none; }
	#cont dl { margin: 16px; }

div.box { width: 85%; margin: 2em auto; border: 1px solid #ccc; background: #F9F9F9; padding: 0 1em; }
/* 안에서 p 태그로 감싸므로 위아래 여백 없음 */


/* 그림 정렬 */
 
img.right { float: right; 
            margin: 5px 0 16px 20px; }
img.left { float: left; 
            margin: 5px 20px 16px 0; } 
img.center { display: block; 
            margin: 1em auto; }


/* 온라인 게임 오른쪽 */

#cont #manual { float: right; 
                width: 330px;
                border-left: 1px solid #804CD9; 
                font-size: 75%; 
                line-height: 170%; }
#cont #manual h2 { margin-top: 1em; font-weight: bold; }
#cont #manual ul { margin-left: 1em; padding-left: 1em; }
#cont #manual li { margin-bottom: 0.4em; }


#cont #main_notice { float: right; 
				border: 1px solid #804CD9; 
				background: #F3EFFA;
				width: 250px; 
				margin-left: 2em; 
                font-family: 굴림, Gulim; font-size: 75%; line-height: 170%; }
#cont #main_notice ul { margin-left: 1.5em; padding-left: 1.5em; }


div.overflow { width: 300px; 
                height: 160px; 
                background: #fff; 
                border: 1px solid #000; 
                padding: 0; 
                overflow: auto; 
                margin: 2em 1em; }


/* 아래 저작권 */

#footer { font-size: 75%; 
        border-top: 1px solid #804CD9; 
        background: #fff; 
        text-align: center; }
#footer a { margin: 1em; }
#footer .std { margin: 1em; }
#footer address { clear: both; margin: 0 auto; width: 100%; text-align: center; 
                  font-style: normal; background: #804CD9; color: #fff; padding: 4px 0; }



#ad_ff { clear: both; font-size: 75%; border: 1px solid #804CD9; margin-top: 2em; padding: 1em; background: #F3EFFA; }


#search { text-align: center;
		padding: 20px 0 10px; }


/* 광고 */

#ad_t { padding: 9px 0 0 0; 
        background: #F3EFFA; 
        text-align: center; }
#ad_b { margin-top: 3em; }
		/* background: url(http://stimes.cdn1.cafe24.com/bg_benchgirl.gif) no-repeat top right; */
#cont #ad_b td { border: 0; }



/* ******************  print  *************** */

@media print {

#ad_t, #ad_b, 
.std,
#header, #count, .head, .skip, .hide, .tolist { display: none; }


body { margin: 0; 
      padding: 0; 
      background: #fff; 
      font-size: 12pt; }
#outer, #cont { width: 100%; 
                border: 0; 
                margin: 0; 
                padding: 0; 
                color: #000; 
                background: transparent;
	              float: none !important; }

#cont h1 { font-family: 가는으뜸체, 궁서, Gungsuh; font-size: 150%; line-height: 140%; 
      border: 0; padding: 0; margin: 0 0 4em 0; }
strong { font-size: 100%; }
#cont {	font-family: 한겨레결체; font-size: 100%; }
#cont h2 { font-family: 가는으뜸체, 한겨레결체, 바탕, Batang, serif; font-size: 120%; line-height: 140%; 
        padding: 0.3em; margin-top: 2em; 
        border: 1px solid #aaa; border-width: 0 0 1px; background: transparent; }
#cont p { text-align: justify; text-indent: 1em; margin: 0.2em 0; }
#cont table { font-family: 가는으뜸체, 돋움, Dotum; }


#cont div.date, #cont div.writer, #cont div.site { text-align: left; }


#cont ul.game li { border-width: 0; }
img { border: 0; }
div.box, div.box2 { border-width: 0; margin: 3em auto; }
a:link, a:visited, a.link { background: transparent; text-decoration: none; }
a:link, a:visited { color: #609; }
a.in { color: #00513D; }
#cont div.date { margin-top: 3em; }
#footer { margin: 1em auto; width: 100%; border-top: 1px solid #aaa; }
#footer address { font-family: 가는으뜸체, 돋움, Dotum; }


}