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


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

body { background: #eee url(../bg/bg_brickwall.gif) fixed; }

#outer { width: 760px; 
		margin: 0 auto; 
		padding: 0; 
		background: #fff; 
		border: 1px solid #aaa; 
		border-width: 0 1px; }


/* 구조 */

#header { height: 80px; 
		width: 100%; 
		background: #3F4A3A url(http://stimes.cdn1.cafe24.com/slogo_web.jpg); }
h1.head { font-family: 가는으뜸체, 돋움, Dotum; 
		font-size: 180%; 
		line-height: 160%; 
		margin: 0; }
#header a { color: #000; text-decoration: none; padding-left: 7px; }
#header a:hover { text-decoration: none; background: transparent; color: yellow;  }

#left { background: #8B4513; border: 2px solid #8f4f13; border-width: 4px 0; } /* 메뉴 */
#cont { clear: both; 
		padding: 0 40px; 
		background: #fff; }
#footer { clear: both; }
#count { clear: both; }


/* 위쪽 메뉴 */

#left { font-family: 돋움, Dutom; 
        font-size: 90%;
        text-align: center; 
        line-height: 130%; }
#left a { text-decoration: none; color: #fff; padding : 0.2em 1.3em; }
#left a:hover { background: transparent; border-bottom: 2px solid red; }
#left a.sel { border-bottom: 2px solid yellow; }
#left ul { margin: 0 0 0 20px; 
          padding:  0.2em 0; list-style: none; }
#left li { display: inline; }


/* 본문 */

#cont {	font-family: Georgia, Arial, Helvetica, 굴림, Gulim; }
#cont h1 { font-family: 가는으뜸체, 궁서, Gungsuh; font-size: 160%; line-height: 140%; 
	    border-bottom: 1px solid #aaa; padding: 6px; margin: 0 0 90px 0; }
#cont h2 { font-family: Arial, 가는으뜸체, 바탕, Batang, serif; 
          font-size: 130%; line-height: 140%; font-weight: normal; 
            background: #eee url(../bg/note.gif) no-repeat left top; 
	          border: 2px solid #999; border-width: 2px 0; 
	          padding: 6px 20px 6px 40px; margin-top: 50px; }
#cont pre.code { margin: 2em auto; 
				padding: 0 1em 1em 1em; 
                border: 1px solid #aaa; 
                background: #F9F9F9; 
                overflow: auto; }
#cont code { font-family: 'Courier New', Arial, 가는으뜸체, 돋움, Dotum; text-align: left; }

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



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

img.img_right { float: right; margin-left: 16px; margin-bottom: 16px; margin-top: 5px; } /* 그림을 오른쪽으로 */

#cont table.web { font-size: 80%; 
              line-height: 140%; 
              margin: 16px auto; 
              background: #ccc; }
#cont table.web caption { font-weight: bold; margin: 0 auto; margin-top: 16px; }
#cont table.web th { background: #f9f9f9; padding: 5px; text-align: center; }
#cont table.web td { background: #fff; padding: 5px; vertical-align: middle; text-align: center; }
#cont table.web td.left { text-align: left; }
#cont table.web td.nobd { border: 0; }  /* border 없음 */
#cont table.web td ul.nodot { margin: 0; padding: 0; list-style: none; }

#cont ul.web { margin-left: 0; padding-left: 0; text-align: left; list-style: none; }
#cont ul.web a { text-decoration: none; display: block; padding: 0 1em; }
#cont ul.web li { border: 1px solid #E7F0FF; border-width: 0 0 1px 0; }
#cont ul.web a:hover { background: #E7F0FF; }



ul#main_notice { float: right; width: 250px; border-left: 1px solid #aaa; padding-left: 1em; margin-left: 1em; 
        background: #fff; font-family: 굴림, Gulim; font-size: 75%; line-height: 150%; }
ul#main_notice { margin-left: 2em; padding-left: 2em; }
ul#main_notice li { margin-bottom: 0.3em; }


/* 아래 저작권 */

#footer { font-size: 75%; 
        border-top: 1px solid #8B4513; 
        background: #fff; }
#footer a { text-decoration: none; 
			color: #000; }
#footer a:hover { text-decoration: underline; 
				color: red; }
#footer .footer_menu { margin: 1em; }
#footer address { clear: both; margin: 0 auto; width: 100%; text-align: center; 
                  font-style: normal; background: #8B4513; color: #fff; padding: 4px 0; }
#footer li { border-right: 1px solid #aaa; 
			padding: 0 0.5em; }
#footer li.last { border-right: 0; }
#footer ul { margin: 0; 
		padding: 0.3em 0; 
		list-style-type: none; 
        text-align: center; }
#footer li { display: inline; }



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


/* 광고 */

#ad_t { background: #FAEBDD; text-align: center; padding: 15px 0 0; }
#ad_b { margin: 2em 0; 
		font-family: 굴림, Gulim; font-size: 75%; padding: 0.5em 0 1em; }





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

@media print {

#ad_t, #ad_b, #ad_cont, #search, #cont ul.related_link, 
#header, #left, .std, #footer ul, #count, .head, .skip, .hide { display: none; }

body { margin: 0; padding: 0; background: #fff; font-size: 12pt; }
#outer, #cont { width: 100%; border: 0; margin: 0; padding: 0; color: #000; 
	              float: none !important; }
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: Arial, 한겨레결체; 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; }
#cont p { text-align: justify; text-indent: 1em; margin: 0.2em 0; }
#cont table { font-family: 가는으뜸체, 돋움, Dotum; }
#cont ul.web li { border-width: 0; }
img { border: 0; }
div.box, div.box2 { border-width: 0; margin: 3em auto; }
img.border_1, img.border_2 { border-width: 0; }
a:link, a:visited, a.link { text-decoration: none; }
a:link, a:visited { color: #609; }
a.in { color: #00513D; }
#cont div.date { margin-top: 3em; }
#footer { margin-left: 0; margin: 1em auto; width: 100%; }
#footer address { font-family: 가는으뜸체, 돋움, Dotum; border-top: 1px solid #aaa; }


}