@charset "UTF-8";
@import "global.css";
@import "common.css";

/* 박상일에 의해 121113에 작성됨. */

/* 로컬 네비게이션 바 (lnb) */
#nav { margin: 0 4%; font-size: 1.2em; text-align: center; }
#nav a { display: inline-block;  padding-top: 70px; margin: 0 10px 20px 10px; width: 64px; text-align: center; letter-spacing: -.1em; font-size: 10pt; font-family: "굴림", gulim, Tahoma, sans-serif; color: #000; }
#nav a span { letter-spacing: -.15em;}
#nav .nav_01 { background: url(../images/main/icon_01.png) no-repeat center top; }
#nav .nav_02 { background: url(../images/main/icon_02.png) no-repeat center top; }
#nav .nav_03 { background: url(../images/main/icon_03.png) no-repeat center top; }
#nav .nav_04 { background: url(../images/main/icon_04.png) no-repeat center top; }
#nav .nav_05 { background: url(../images/main/icon_05.png) no-repeat center top; }
#nav .nav_06 { background: url(../images/main/icon_06.png) no-repeat center top; }
/* //로컬 네비게이션 바 (lnb) */

#best { position: relative; float: left; margin-bottom: 20px; width: 100%; }
#best h2,
#notice h2 { margin-left: 4%; padding: 4px 0 4px 4%; width: 120px;
			border: 1px solid #7bafdc; border-radius: 4px 4px 0 0; border-bottom: none; 
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #ccc 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#ccc 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#ccc 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#ccc 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
			font-size: 1.4em; color: #0070b3; text-shadow: 0px 1px 0px #fff; }
#best .best_alt,
#notice .notice_alt { margin-bottom: 10px;  border-bottom: 2px solid #7bafdc;  }
#best h2 span { padding-left: 16px; background: url(../images/common/bullet_arrow.gif) no-repeat 0 2px; }

#best ul { float: left; width: 100%; text-align: center; }
#best ul li { float: left;  width: 33%; text-align: center; font-size: 1.3em;  }
#best ul li a { display:inline-block; width: 80px; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #666; }
#best ul li img { border: 1px solid #666; text-align: center; }


#notice { position: relative; float: left; margin-bottom: 10px; width: 100%; }
#notice h2 span { padding-left: 16px; background: url(../images/common/bullet_arrow.gif) no-repeat 0 2px; }	

#notice ul { margin: 0 4%; }
#notice ul li { padding: 10px; border-bottom: 1px dashed #ccc; }
#notice ul li a { padding: 10px 0 10px 10px; background: url(../images/common/bullet_dot.gif) no-repeat 2px 16px; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #666; }
#notice ul li span { float: right; }
#notice ul .notice_last { border-bottom: none; }

/* contents */
#contents { position: relative; float: left; width: 100%; }



/* //contents */