@charset "utf-8";

/* made by Jang yongho*/

@import 'base.css';

/* contents common */

#hak_logo{position:relative; margin:0 auto; width:1000px; height:92px; text-align:center;}
#hak_logo li {display:inline;}
#hak_logo .date { position:absolute; right:0px; top: 39px; font-size:14px; color:#de2501;}
#hak_logo .date span {font-size:16px; color:#45474c; font-weight:bold;}


#haktop {width:100%; height:28px; background:#a7030a;}
#haktop .gnv {position:relative; width:1000px; height:28px; margin:0 auto;}
#haktop .gnv li {float:right; padding-left:3px;}


/* nav_depth  */
.drop_wrap{position:fixed; top:28px;left:50%;margin-left:-500px;width:100%; z-index:10001;text-align:center;} 

.nav2{position:absolute; width:1000px; top:0px;  z-index:100; background:#fff; /*filter:alpha(opacity=90);opacity: 0.90; */ border-left:#a7030a solid 5px; border-right:#a7030a solid 5px; border-bottom: #a7030a solid 5px;}
.nav2 li{float:left; padding:0px;color:#000; font-size:16px;font-weight:bold;}
.nav2 li a{color:#9f0400; font-size:16px;font-weight:bold;}
.nav2 .padt{ padding-top:1px;}

.nav_depth2{ position:relative;z-index:999;margin:20px 0 0 0; padding-top:5px; height:260px;}
.nav_depth2 li{float:none; padding-bottom:2px;}
.nav_depth2 li a{margin:0px ;padding:0px; color:#6f6f6f; font-size:13.5px;line-height:1.6; letter-spacing:-0.5px;}
.nav_depth2 li a:hover{color:#c60008; text-decoration:none; letter-spacing:-0.5px;}
.nav_depth2 .menu{color:#9c0004; font-size:18px; letter-spacing:-0.5px;;padding-bottom:16px;}

.nav2 .list011{width:130px; padding-left:0px;}
.nav2 .list022{width:130px; padding-left:20px;}
.nav2 .list033{width:130px; padding-left:20px;}
.nav2 .list044{width:130px; padding-left:20px;}
.nav2 .list055{width:145px; padding-left:15px;}
.nav2 .list066{width:130px; padding-left:20px;}
.nav2 .list066 .nav_depth2{margin-right:0;}
.nav2 .list077{margin:0px; padding-left:978px;}



/* 학과 menu 

#hakmu {width:100%; height:50px; background:#46474c; text-align:center;}
#hakmu .menu {position:relative; width:1000px; height:50px; margin:0 auto;}
#hakmu .menu li {float:left; height:18px; margin-top:16px;}
#hakmu .menu li a {margin:0px 24px; color:#fff; font-weight:bold; font-size:16px;}
#hakmu .menu li a:hover{color:#eb000a; text-decoration:none;}
#hakmu .menu li .last {background:none;}  */


#hakmu {width:100%; height:50px; background:#fff; text-align:center; border-bottom:1px solid #3a3e47; border-top:1px solid #3a3e47;}
#hakmu .menu {position:relative; width:1050px; height:50px; margin:0 auto;}
#hakmu .menu li {float:left; height:18px; margin-top:16px;}
#hakmu .menu li a {margin:0px 20px; color:#333; font-weight:bold; font-size:16px;}
#hakmu .menu li a:hover{color:#eb000a; text-decoration:none;}
#hakmu .menu li .last {background:none;} 

/* common */
#content {position:relative; width:1000px; margin:0 auto; padding:30px 0 50px 0; background:#fff;}
#content h3 {height:32px;}
#content h3.line {height:32px; border-bottom:4px solid #3a3e47;}
#content .more {position:absolute; right:0px; top:5px; display:block; }
#content h2 {position:absolute; left:308px; top:0px; display:block; }

/* community */
.community>div {position:relative; float:left;}

.hak_info {width:570px; height:394px; margin:0px 50px 0px 0px;}
.hak_info ul {overflow:hidden; height:367px; font-size:12px;}
.hak_info li {float:left; width:261px; height:55px; padding:20px 0px; border-bottom:1px dashed #a3a3a3;}
.hak_info li a{display:block; position:relative; height:55px; padding: 0px 10px 0px 65px; color:#74767a;}
.hak_info li .img {position:absolute; left:0px; top:0px; display:block; width:53px; height:53px; border:1px solid #3a3e47}
.hak_info li img {width:53px; height:53px; vertical-align:top;}
.hak_info li strong {display:block; margin:0px 0px 8px 0px;font-size:12px; color:#45474c; font-weight:bold;}

.hak_info li .view img {position:absolute; left:5px; bottom:5px; width:28px; height:28px;}
.hak_info .first {width:279px; height:367px; margin-right:30px; padding:0px; border-bottom:1px dashed #a3a3a3; font-weight:normal; font-size:11px; background:#45474c }
.hak_info .first a {position:static; display:block; height:367px; padding:0px; color:#74767a; font-size:11px; line-height:16px; letter-spacing:-1px}
.hak_info .first .img {position:static;width:277px; height:277px; margin-bottom:0px; border:1px solid #3a3e47}
.hak_info .first img {width:277px; height:277px;}
.hak_info .first .txt {display:block; padding:0px 15px;}
.hak_info .first strong {display:block; margin:15px 0px 10px 0px;font-size:12px; color:#fff; font-weight:bold;}
.hak_info .first strong .red{font-size:16px; color:#f03131; font-weight:bold;}
.hak_info li.line {border-top:4px solid #343840;}

.award_info {width:380px; height:225px; margin:0px 0px 35px 0px;}
.award_info ul {overflow:hidden; height:194px;}
.award_info li {float:left; width:170px; height:49px; padding-top:20px; border-bottom:1px dashed #a3a3a3; font-size:11px; letter-spacing:-1px}
.award_info li strong{display:block; margin-bottom:8px; font-size:12px; line-height:12px; color:#45474c; font-weight:bold;}
.award_info .first, .award_info .last {border-bottom:none;}
.award_info .first {height:174px; margin-right:30px;}
.award_info .first img {width:172px; height:172px; border:1px solid #3a3e47;}
.award_info .first a {color:#aaadb2;}
.award_info .first strong {color:#fff; font-size:14px;}
.award_info .first span {display:block; position:absolute; left:0px; bottom:-5px; width:154px; height:46px; padding:10px 10px 0px 10px; background:url("../images/main/name-bg.png") repeat; line-height:16px;}
.award_info .last {padding-top:18px; border-bottom:none;}

.media {width:380px; height:134px; margin:0px 0px;}
.media .control {position:absolute; right:43px; top:5px; height:17px; }
.media .control a {display:inline-block; margin-left:3px;}
.media ul {position:relative; overflow:hidden; height:83px; padding-top:20px;}
.media li {display:none; position:absolute; left:0px; top:20px; height:83px; }
.media li a {display:block; height:83px; padding:0px 20px 0px 102px; font-size:11px; line-height:16px;}
.media li span.img{position:absolute; left:0px; top:0px; width:81px; height:81px; border:1px solid #3a3e47;}
.media li span img {width:81px; height:81px;}
.media li strong{width:278px; height:27px; display:block; margin-bottom:10px; font-size:16px; line-height:18px; color:#45474c; font-weight:bold; border-bottom:1px dashed #a3a3a3;}

.kongmo {width:380px; height:134px; margin:0px 0px;}
.kongmo ul {position:relative; height:83px; padding-top:20px;}
.kongmo li { padding-bottom:10px;}
.kongmo li a {font-size:12px;}
.kongmo li span {font-size:12px; color:#b3b3b3; padding-left:30px; float:right;}


#sang_wrap {position:relative; width:942px; padding:28px; border:1px solid #d1d1d1; background:#eee;}

#sang_wrap .sangsang {width:457px; margin:0px 30px 0px 0px;}
#sang_wrap .sangsang ul {position:relative; overflow:hidden; width:220px; float:left;}
#sang_wrap .sangsang li{display:block; font-size:11px; line-height:14px;}
#sang_wrap .sangsang li a  {display:block; font-size:14px; color:#45474c; font-weight:bold;}
#sang_wrap .sangsang .img {width:218px; height:155px; border:1px solid #3a3e47;}

#sang_wrap .sangsang2 {position:absolute; left:515px; top:28px;}

.sangsang3 {width:1000px; height:41px; padding-bottom:40px;}


.gallery_warp {width:1000px; margin:0px 0px;}
.gallery_warp li {float:left; position:relative; width:210px; height:26px; margin-bottom:8px;line-height:18px;}

.gallery {border:1px solid #d4d4d4; padding:5px;}
.gallery .img {background:#e7e7e7; width:210px; height:145px;}
.gallery .title a{font-size:14px; font-weight:bold; color:#1C1C1C;}
.gallery .cont{font-family:Dotum,Arial; font-size:11px; color:#666; padding-top:15px; border-top:1px dashed #c9c9c9;}

.margin_b5 {margin-bottom:5px;}

#swrap {width:100%; background:url(../images/sub_bg.gif);}

#hak_wrap {position:relative; width:700px; margin:0 auto; padding:30px 100px 50px 100px; background:#fff;}
#hak_wrap .sct .title {padding: 0 0 12px 20px; font-family:nanumgothic; font-size:16px; color:#000; background:url(../images/bulet.gif) no-repeat left top 2px;}
#hak_wrap .sct .title span{font-size:1.8em; color:#ec0913; font-weight:bold;}
#hak_wrap .sct ul {padding: 20px 0; border-bottom:1px solid #e7e7e7;}
#hak_wrap .sct li {font:14px normal Dotum; color:#666; line-height: 140%;}

#hak_wrap .go {position:relative; float:left; width:100px; top:20px;}
#hak_wrap .mj {position:absolute; left:900px; top:300px; width:100px;}


#hak_wrap2 {position:relative; width:900px; margin:0 auto; padding:30px 50px 50px 50px; background:#fff;}

#hak_wrap2 .titwrap{width:100%;text-align:center;margin:15px 0px}
#hak_wrap2 .titwrap h1{display:block; height:40px; font-size:36px;font-weight:normal;color:#c2272d;font-family:"나눔고딕","NanumGothic","Nanum Gothic","ng"; letter-spacing:-1px;}
#hak_wrap2 .titwrap h1 strong{font-family:"ngb"}
#hak_wrap2 .titwrap h2{display:block;height:24px;font-size:20px;color:#2f2f2f; font-style:italic;}

.pageN {width:100%;}
.pageN .on {border:1px solid #d4d4d4; padding:8px 10px; color:red; font-weight:bold;}
.pageN .off {border:1px solid #d4d4d4; padding:8px 10px;}


#info_list li {margin:10px 0; }
#info_list dt {padding: 0 0 12px 20px; font-family:nanumgothic; font-size:1.4em; color:#000; background:url(../images/bulet.gif) no-repeat left top 2px;}
#info_list dt span{font-size:1.8em; color:#ec0913; font-weight:bold;}
#info_list dd {padding: 20px 0; border-bottom:1px solid #e7e7e7; font-size:14px; color:#666; font-family:Dotum,Arial; line-height: 140%;}

.subject_list {width:100%; padding-bottom:20px;  border:1px solid #CCC;}
.subject_list td { border:1px solid #CCC; padding:10px; text-align:center; font-family:Dotum; font-size:12px;}

.subject_list2 {width:100%; padding-bottom:20px;  border:1px solid #CCC;}
.subject_list2 td { border:1px solid #CCC; padding:10px; text-align:left;  font-family:Dotum; font-size:12px;}
.subject_list2 th { border:1px solid #CCC; padding:10px; text-align:center; background:#eee; font-family:Dotum; font-size:12px; font-weight:bold; vertical-align:middle;}

#jang {width:100%;	margin:0 auto;}
#jang .pdt {padding-top:30px;}

.silsub_list {width:100%; padding-top:30px;}
.silsub_list td { vertical-align:middle;}
.silsub_list td .ptitle {font-size:18px; color:#bd0000; font-weight:bold; font-family:Dotum,Arial;}

/* 생생현장수업*/
.label {position: absolute; z-index:50; width:40px; background:#F00; color:#fff; text-align:center; padding:5px 0; margin:0;}

.page {width:700px;}
.page .on {border:1px solid #d4d4d4; padding:8px 10px; color:red; font-weight:bold;}
.page .off {border:1px solid #d4d4d4; padding:8px 10px;}

.gallery .img {background:#e7e7e7; width:200px; height:135px;}
.gallery .title {font-size:1.2em; font-weight:bold; margin:15px 0;}
.gallery .name {padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}

.thumbnail {width:700px; height:60px; margin-top:10px;}
.thumbnail .repeat {float:left;width:58px; height:58px; margin-right:11px; border:1px solid #d4d4d4;}
.thumbnail .last {float:left;width:58px; height:58px; border:1px solid #d4d4d4;}
.thumbnail_work {margin-left:9px; height:70px;}
.thumbnail_work .repeat {float:left;width:58px; height:58px; margin-right:9px; border:1px solid #d4d4d4;}

/* 학기별수업*/
#suj_wrap {position:relative; width:1000px; margin:0 auto; padding:30px 0;}
#suj_wrap .bul_tt {padding: 6px 0 18px 20px; font-family:Dotum,Arial; font-size:16px; font-weight:bold; color:#000; background:url(../images/bulet.gif) no-repeat left top 2px;}
#suj_wrap .bul_tt span{font-size:1.8em; color:#ec0913; font-weight:bold;}
#suj_wrap ul {padding-bottom: 22px;}

.subj_tt {background:#d0d0d0; padding:10px 0 8px 0; border:1px solid #d0d0d0; text-align:center; font-size:14px; font-weight:bold; color:#333; font-family:Dotum;}
.subj_td {padding:18px 20px; border:1px solid #d0d0d0; color:#202020; font-family:Dotum,Arial;font-size:14px; line-height: 150%;}
.subj_td span {font-size:12px; color:#6e6e6e;}
.point {font-size:14px; font-weight:bold; color:#d10505;}

.sjtab {list-style: none; height:53px;}
.sjtab li {float:left; width:244px; padding:10px 0 8px 0; background:#cfcfcf; text-align:center;}
.sjtab li a{font-size:14px; font-weight:bold; color:#333;}
.sjtab .on {float:left; width:244px; height:53px; padding:10px 0 8px 0; text-align:center; background:url(../images/live_arr.png) no-repeat;}
.sjtab .on a{font-size:14px; font-weight:bold; color:#fff;}


.live_td {padding:12px 20px 18px 20px; border:1px solid #d0d0d0; color:#202020; font-family:Dotum,Arial;font-size:14px; line-height: 150%;}

.live_td h4{font-size:16px; font-weight:bold; color:#333; margin-bottom:12px; text-align:center;}
.live_td h1{font-size:16px; font-weight:bold; color:#333; margin-bottom:12px; padding-bottom:6px; text-align:center; border-bottom:2px dotted #CCCCCC;}

.live_td h2{font-size:16px; font-weight:bold; color:#333; margin-bottom:6px; text-align:left;}
.live_td h3{font-size:12px; color:#a40a0a;}

.live_td p{padding:8px 0; border-bottom:2px dotted #CCCCCC;}
/* 학기별수업*/

/*게시판 리스트*/
.bss_list { margin:0; padding:0;}
.bss_list a { text-decoration:none;}
.bss_list table { border-collapse:collapse; width:100%; margin-top:0;background:#fff;}
.bss_list thead th { padding:10px; border-top:2px solid #c30f0f; border-bottom:1px solid #ccc; text-align:center; background:#F7F7F7; font-weight:bold;}
.bss_list th.text_l { text-align:left; padding-left:20px; }

.bss_list a { color:#333;}
.bss_list td { padding:10px; border-bottom:1px solid #ccc; text-align:center;vertical-align:middle }
.bss_list .list_notice td { background:#fff }
.bss_list .txtL { text-align:left; padding:6px 10px;}
.bss_list .txtweb { text-align:left; padding:16px 10px; font-size:16px; font-weight:bold;}
.bss_list .txtL2 { text-align:left; padding:16px 10px; font-size:14px;}
.bss_list .action { background:#fff;}
.bss_list .action a { color:#2f2f2f; font-weight:bold;}
.bss_list tr:hover td { background:#eee;}
.bss_list tr:hover .no_result { background:none;}
.bss_list .btn_revise { display:inline-block; @display:inline; zoom:1; padding:3px 5px; border:1px solid #06c; background:#39f; color:#fff; font-size:11px;}


/*게시판 VIEW*/
.bss_view {width:100%; border-collapse:collapse; border-top:2px solid #c30f0f; border-bottom:2px solid #c30f0f;}
.bss_view th{ padding:10px; border-bottom:1px solid #ccc; background:#F7F7F7; text-align:center; font-weight:bold;}
.bss_view td{ padding:10px; border-bottom:1px solid #ccc;}
.bss_view .ct{ text-align:center; padding:30px 10px;}
.bss_view .tit{font-size:16px; font-weight:bold; color:#000;}



/*게시판 뷰*/
.view_table {width:100%; border-collapse:collapse; border-top:2px solid #1967d6; border-bottom:2px solid #1967d6;}
.view_table th{ padding:10px; border-bottom:1px solid #ccc; background:#F7F7F7;}
.view_table td { padding:10px;}
.view_table thead th { padding:10px; border-bottom:1px solid #ccc; text-align:center; font-size:18px; font-weight:bold;}

/*다음글목록*/
.nt_table {width:100%; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.nt_table th{ padding:10px; border-bottom:1px solid #ccc; background:#F7F7F7;}
.nt_table td { padding:10px;}

/* sub-port */
.po_img {width:131px;}
.po_img a {cursor:hand; background:#ddd; padding:5px 53px; color:#920202; font-size:11px;}
.po_box {margin-left:20px;}
.po_title {height:30px;font-size:13px;font-weight:bold;color:red;list-style:none;}
.po_writer {height:30px;list-style:none;letter-spacing:-0.05em;}
.po_content {letter-spacing:-0.03em;list-style:none;font-size:11px;color:#777; line-height:14px;}

span.after_shcool_list {font-weight: bold;opacity: 0.92;color: black; margin: 20px; padding: 5px; border:1px solid #888;}
span.after_shcool_list a{color:#111111;}
span.after_shcool_list a:hover{color:#FA5151;}