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

#nav { margin-bottom: 20px; width: 100%; height: 50px; 
		background: #229ce7; /* Old browsers */
		background: -moz-linear-gradient(top,  #229ce7 0%, #0070b4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229ce7), color-stop(100%,#0070b4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #229ce7 0%,#0070b4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #229ce7 0%,#0070b4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #229ce7 0%,#0070b4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #229ce7 0%,#0070b4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229ce7', endColorstr='#0070b4',GradientType=0 ); /* IE6-9 */ }
#nav a { display: inline-block; float: left; margin: 0 auto; padding-top: 30px; width: 16.3%; height: 20px; border-right: 1px solid #0071b5; box-shadow: 1px 0 0 #8cb2e9; letter-spacing: -.14em; font-size: 10pt; font-family: "굴림", gulim, Tahoma, sans-serif; color: #fff;  text-align: center; }
#nav .nav_01 { background: url(../images/sub/icon_alt_01.png) no-repeat center 8px; }
#nav .nav_02 { background: url(../images/sub/icon_alt_02.png) no-repeat center 7px; }
#nav .nav_03 { background: url(../images/sub/icon_alt_03.png) no-repeat center 8px; }
#nav .nav_04 { background: url(../images/sub/icon_alt_04.png) no-repeat center 7px; }
#nav .nav_05 { background: url(../images/sub/icon_alt_05.png) no-repeat center 12px; }
#nav .nav_05 span { letter-spacing: -.06em; }
#nav .nav_06 { border: none; box-shadow: none; background: url(../images/sub/icon_alt_06.png) no-repeat center 9px; }

 /* #contents {}
#contents_top { margin: 0 4% 20px 4%; }
#contents_top li { float: left; width: 85%; height: 39px; background: url(../images/sub/bg_contents_top.gif) repeat-x; border: 1px solid #cbcbcb; }
#contents_top li a { display: block; padding: 12px 4%; font-size: 12pt; font-weight: bold; color: #666; background: url(../images/sub/bullet_arrow_alt.gif) no-repeat 95% center; }
#contents_top .arrow_alt { position: absolute; right: 2%; display: block; width: 15%; height: 39px; background-color: red;} */

#contents {}
#contents_top { margin: 0 4% 20px 4%; }
#contents_top dt { width: 85%; height: 39px; border: 1px solid #cbcbcb; background: url(../images/sub/bg_contents_top.gif) repeat-x; border: 1px solid #cbcbcb; }
#contents_top dt:hover { background: url(../images/sub/bg_contents_top_alt.gif) repeat-x; }
#contents_top dt a { display: block; padding: 12px 4%; font-size: 12pt; font-weight: bold; color: #666; text-decoration: none; }
#contents_top dd { position: absolute; right: 2%; display: block; width: 15%; height: 39px; border: 1px solid #cbcbcb; background: url(../images/sub/bg_contents_top.gif) repeat-x; }
#contents_top dd a { display: block; width: 100%; height: 39px; background: url(../images/sub/bullet_arrow_alt.gif) no-repeat center center ; text-indent: -9999px; }
#contents_top dd:hover { background: url(../images/sub/bg_contents_top_alt.gif) repeat-x; }

#best { position: relative; float: left; margin-bottom: 20px; width: 100%; }
#best h2,
#notice h2,
#contents_alt h2,
#list_lecture 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 30%, #d7d7d7 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 30%,#d7d7d7 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 30%,#d7d7d7 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 30%,#d7d7d7 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
			font-size: 1.4em; color: #0070B3; text-shadow: 0px 1px 0px #fff; }
#contents_alt h2,
#list_lecture .list_lectur_alt h2 { width: 160px; padding-right: 4%; }
#best .best_alt,
#contents_alt .contents_h2,
#list_lecture .list_lectur_alt,
#notice .notice_alt { margin-bottom: 10px;  border-bottom: 2px solid #7bafdc;  }
.contents_body { padding: 0 4%; }
#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; }

#contents_alt { position: relative; float: left; margin-bottom: 10px; width: 100%; }
#contents_alt a { width: 100%; font-size: 12px; color: #444; }
#contents_alt a strong { color: #666; }

#contents_alt h2 span,
#list_lecture h2 span,
#notice h2 span { padding-left: 16px; background: url(../images/common/bullet_arrow.gif) no-repeat 0 2px; }

#contents_alt img { position: relative; float: left; border: 1px solid #666; }
#contents_alt .society_last { border-bottom: none; }

#contents_alt h3 { margin-bottom: 20px; padding: 5px 4%; border-bottom: 1px solid #333;
			background: #ccc; /* Old browsers */
			background: -moz-linear-gradient(top,  #ccc 0%, #666 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#666)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ccc 0%,#666 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ccc 0%,#666 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ccc 0%,#666 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ccc 0%,#666 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#666',GradientType=0 ); /* IE6-9 */ 
			font-size: 1.4em; color: #fff; }

#contents_alt dl { float: left; width: 100%; }
#contents_alt dl dt { padding: 0 0 5px 10px; background: url(../images/common/bullet_dot.gif) no-repeat 2px 6px; font-size: 1.4em; font-weight: bold; color: #666; }
#contents_alt dl dd { padding-left: 10px; font-size: 1.4em; color: #999; }

.thumb_list { margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
.thumb_list ul { margin-left: 100px; }
.thumb_list ul li { margin-bottom: 5px; padding-left: 10px; background: url(../images/common/bullet_dot.gif) no-repeat 2px 6px; font-size: 1.3em; }

#contents_alt dl,
#sns { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }

#contents_alt #sns { position: relative; float: left; width: 100%; }
#contents_alt #sns a { display: block; float: left; width: 25%; text-align: center; }	
#contents_alt #sns a img { float: none; margin-left: 0; border: none; }


#list_lecture { float: left; width: 100%; }
#list_lecture table { position: relative; float: left; margin-bottom: 10px; width: 100%; border: none; text-align: center; font-size: 1.3em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #787878; }
#list_lecture table td { padding: 10px 0; border: none; }
#list_lecture table td a { color: #787878; }
#list_lecture table td a:hover { color: #ff6e00; }
#list_lecture table thead { background: #b7b7b7; font-weight: bold; }
#list_lecture table tbody tr td { border-bottom: 1px dashed #e1e1e1; }
#list_lecture table thead tr th { padding: 7px 5px; text-align: center; border: 1px solid #c9c9c9; border-right: 1px solid #d7d7d7; font-weight: bold; color: #fff; }
#list_lecture table tbody .tr_last td { border-bottom: 2px solid #d7d7d7; }

#notice { margin-bottom: 20px; }
#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; }

#thumbs_list { padding: 0 4%; }
#thumbs_list li { position: relative; padding-left: 100px; border-bottom: 1px dashed #ccc; }
#thumbs_list li a { display: block; padding-bottom: 10px; min-height: 80px; }
#thumbs_list li a strong { display: block; font-size: 120%; }
#thumbs_list li a img { position: absolute; top: 15px; left: 0px; float: none; }

/* 로그인 */
.fieldset_login { margin-bottom: 20px; }
.input { width: 120px; }

#login { margin: 0 auto; width: 300px; }
#login .write { font-size: 1.3em; color: #004c7a; }
#login .write p { padding-left: 10px; background: url(../images/sub/bullet_arrow.gif) no-repeat 0px 8px; }
#login .text01 { display: inline-block; margin-bottom: 10px; }
#login .text02 { display: inline-block; margin-bottom: 20px }
#login p label { position: relative; display: inline-block; width: 70px; }

#login .btn_ok { position: absolute; top: 70px; display: block; margin-left: 230px; width: 70px; height: 68px; }

#login .save { float: left; margin-bottom: 20px;  padding-bottom: 20px; width: 100%; border-bottom: 2px solid #7bafdc; font-size: 1.3em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #787878; }
#login .save dd{ float: left; margin-top: 3px;  }
#login .save dt{ float: left; margin: 2px 5px 0 40px; }
#login .find { float: left; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #333; }
#login .find dt { float: left; width: 120px; margin: 5px 30px 0 0; padding-left: 10px; background: url(../images/common/bullet_dot.gif) no-repeat 2px 6px;  }
#login .find dd { float: left; margin-bottom: 10px; }
/* //로그인 */