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


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

body {	background: #fff url(../bg/fish.gif) fixed; }

#outer { width: 806px;
        margin: 0 auto; 
        padding: 0; 
        background: #fff; }


h1 { font-family: 가는으뜸체, 궁서, Gungsuh; 
	font-size: 160%; 
	line-height: 140%; 
	border-bottom: 1px solid #aaa; 
	padding: 6px; 
	margin: 5px 0 90px 0; }


/* 구조 */

h1.head { background: #fff; 
          font-size: 180%; 
          font-family: 가는으뜸체, 돋움, Dotum; 
          line-height: 140%; 
          margin: 0; 
          padding: 0.2em 40px; 
          border: 0; }
h1.head a { text-decoration: none; color: navy; }
h1.head a:hover { text-decoration: none; background: transparent; color: red; }
#header { background: orange; 
        height: 40px;}
#left { background: blue; }
#cont { clear: both; 
        float: left; 
        width: 496px; 
        padding: 0 40px 14px; 
        background: #fff; }
#right { float: left; 
        width: 230px; 
        font-size: 75%; 
        background: #eee; 
        text-align: center; 
        padding: 1em 0; }
#right_3 { clear: both; margin-left: 24px; color: red; font-size: 75%; }	/* 퍼가지 말 것 */
#footer { clear: both; }
  #footer div.std { padding-left: 40px; }
#count { clear: both; }



/* 메뉴 */

#left { font-family: 굴림, Gulim; 
        font-size: 80%; 
        line-height: 130%; 
        text-align: center; 
        font-weight: bold; 
        height: 2.7em; }
#left a { text-decoration: none; 
          color: #fff; 
          float: left;
          padding: 0.7em 1em; }
#left a:hover { background: lime; 
                color: #000; }
#left a.sel { background: #fff; 
              color: #000; 
              border-top: 1px solid blue; }
#left ul { margin: 0; 
          margin-left: 30px;
          padding: 0; 
          list-style: none; }
#left li { display: inline; }



/* 본문 */

	#cont h2 { font-family: 가는으뜸체, 한겨레결체, 바탕, Batang, serif; font-size: 130%; line-height: 140%; font-weight: normal; 
	  padding: 6px 10px; margin-top: 50px; 
	  border: 2px solid #1016A8; border-width: 2px 0; background: #e4f0ff; }
	
 	
	#cont div.date, #cont div.writer, #cont div.site { float: right; border-right: 1px solid #aaa; padding: 0 0.5em; 
	                                                  font-family: 굴림, Gulim; font-size: 75%; line-height: 130%; margin: 1em 0; }
	#cont p.tolist { clear: both; 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: #e4f0ff; text-decoration: none; }
	
	#cont dl { margin: 16px; }

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

div.div_center { text-align: center; margin: 32px auto; } /* 꾸밈 없이 그림 등을 가운데에 놓기 */
div.div_center { font-family: 굴림, Gulim; font-size: 75%; line-height:140%; } /* 글꼴 때문에 크기를 바꿔줌 */

img.img_right { float: right; margin-left: 16px; margin-bottom: 16px; margin-top: 5px; } /* 그림을 오른쪽으로 */
img.img_left { float: left; margin-right: 16px; margin-bottom: 16px; margin-top: 5px; } 
  
  #cont .text_center { text-align: center; }   /* 글을 가운데로 정렬하기 */

#cont table { font-family: Arial, 가는으뜸체, 돋움, Dotum; line-height: 140%; margin: 16px auto; }
#cont caption { font-weight: bold; margin: 0 auto; margin-top: 16px; }
#cont th { border: 1px solid #ccc; padding: 5px; text-align: center; }
#cont td { border: 1px solid #ccc; padding: 5px; vertical-align: top; }
#cont td.cent { text-align: center; }
#cont td.nobd { border: 0; }  /* border 없음 */

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

#cont ul.menu_line { margin: 0; padding: 0; }
#cont ul.menu_line li { display: inline; border-right: 1px solid #000; padding: 0 0.6em 0 0; margin-left: 0.3em; }
#cont ul.menu_line li.last { border-right-width: 0; }


/* #right */
ul.pop { margin: 1em 0; padding: 0; list-style: none; text-align: left; padding-left: 10px; }
.search { margin: 1em 0; height: 50px; }
input.submit { width: 45px; }
#talk { margin: 0; color: #555; }


/* 작은 주기율표 */

#cont table.speriodic { margin: 0; padding: 0; float: right; margin-left: 16px; margin-bottom: 16px; }
#cont table.speriodic caption { margin: 0; font-weight: normal; caption-side: bottom; }
#cont td.metal, #cont td.nonmetal, #cont td.semimetal, #cont td.artificial, #cont td.sel { padding: 0; width: 7px; height: 7px; cursor: pointer; border: 0; }
#cont td.metal { background: #FFA500; } /* orange */
#cont td.nonmetal { background: #EE82EE; } /* violet */
#cont td.semimetal { background: #16B816; }
#cont td.artificial { background: #A7A3A3; }
#cont table.speriodic td.sel { background: #000; }
#cont table.speriodic td.empty { padding: 0; border: 0; }


/* 아래 저작권 */

#footer { font-size: 75%; }
  #footer div.std { float: left; }
	#footer ul { float: left; list-style: none; padding: 0; margin: 0; }
	#footer li { display: inline; margin-left: 1em; }
	#footer address { clear: both; text-align: center; font-style: normal; border-top: 1px solid #e4f0ff; padding: 4px 0; }


/* pop3 - play - body 자체로 지정함 */

#pop3 { margin: 0 auto; padding: 16px; height: 100%; background: #000; color: #fff; line-height: 140%; font-size: 90%; font-family: 돋움; }
#pop3 a { text-decoration: none; color: #fff; }
#pop3 ul { list-style-type: square; margin: 1em; padding: 1em; }


/* play gadget */

#cont div.play td { border: 0; }
#cont div.play table { margin: 0 auto; }


/* 광고 */

#ad_t { clear: both; margin: 0; background: #FFFF66; padding: 18px 0 5px; text-align: center; }
#ad_r_long { margin: 1em 0 0; }
#ad_r { margin: 1em 0; }
#ad_link { margin: 0; height: 90px; }
#ad_b { margin: 2em 0; font-family: 굴림, Gulim; font-size: 75%; line-height: 170%; text-align: left; }


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

@media print {

#ad_b, #ad_t, #ad_link, #ad_b, #ad_r, #ad_r_long, #ad_cont, #footer ul, #footer div.std, #cont table.speriodic, #header, #left, #right, #right_3, #footer ul, #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; 
	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: 한겨레결체; 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.chem li { border-width: 0; }
div.div_center { font-family: 가는으뜸체 }
img { border: 0; }
div.box { border-width: 0; margin: 3em auto; }
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-width: 1px 0 0 0; }





}