@charset "utf-8";

#container {position:relative; overflow:hidden; z-index:0; margin:30px auto; width:1100px;}



#main_left_box {float:left; width:740px; }
#main_right_box {float:right; width:350px; }


/*메인비주얼*/
.main_visual_news { background:#fff; height:426px ;position:relative; overflow:hidden; }

.main_visual_news ul { width:100%; left:0px;top:0px; height:426px; position:absolute; z-index:0;}
.main_visual_news li{background-repeat:no-repeat; background-position:center top; width:100%; height:426px; }
.main_visual_news li a{display:block;}
.main_visual_news .visual_text {text-align:center; position:absolute; left:0px; top:150px; width:100%; z-index:98; color:#fff; font-size:40px; letter-spacing:-1px; font-weight:bold;}
.main_visual_news .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}

.main_visual_news .main_pager {position:absolute; left:0px; bottom:10px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visual_news .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 2px;  background:#fff; }
.main_visual_news .main_pager .cycle-pager-active{background:#11a2da;}
.main_visual_news .bg{position:absolute; left:0px; top:0px; width:100%; height:426px; background:rgba(0,0,0,0.5);  z-index:1;}



.main_visual_news .main_visual_btn {position:absolute; width:100%; left:0px; top:45%; z-index:99;}
.main_visual_news .main_visual_btn a{float:left;  margin:0 30px; width:26px; height:51px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual_news .main_visual_btn a#main_btn_next{background-position:right top; float:right;}




/*메인바로가기*/
.main_quick {margin-top:10px;  background:#fff; position:relative; overflow:hidden;}
.main_quick li{float:left; width:16.666666666%; text-align:center;}
.main_quick li a{display:block; height:124px; border-right:1px #f8f8f8 solid; background:#fff;}
.main_quick li a img {vertical-align:middle; width:60px;  margin:20px 0px 5px; }
.main_quick li span{display:block;}
.main_quick li.last a{border-right:0px;}
.main_quick li a:hover{background:#f8f8f8; color:#11a2da; font-weight:bold;}


/*공지그룹*/
.main_notice_group_box {overflow:hidden; margin-top:10px;}


/*공지*/
.common_notice{float:left; width:365px;  height:248px;  background:#fff url(../images/main/main_notice_line.jpg) repeat-x;; position:relative;}

.erc_noticeGroup{float:right;}
.common_notice h3 {float:left;  text-align:center; min-width:80px;  border-right:1px #e6e6e6 solid; border-bottom:1px #e6e6e6 solid; letter-spacing:-1px; }
.common_notice h3 a{display:block;line-height:49px; padding:0 10px; font-size:14px; color:#586d76;}

.common_notice .on_check h3 {border-bottom:1px #fff solid;}
.common_notice .on_check h3 a{color:#11a2da; font-weight:bold;}


.common_notice .on_check .tabcontent{display:block;}

.common_notice div.tabcontent {position:absolute;left:0;top:72px;width:100%; display:none;}
.noticeGroup div ul {margin:0px 19px;}
.noticeGroup div ul li {float:left; width:100%; line-height:30px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) left 13px no-repeat;}
.noticeGroup div ul li a {float:left; width:65%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup div ul li a strong{color:#11a2da; font-weight:normal; display:inline-block; padding-right:5px;}
.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#9b9b9b;  font-size:12px;}
.noticeGroup div ul li img {vertical-align:middle;}


.erc_noticeGroup div.tabcontent {position:absolute;left:0;top:65px;width:100%; display:none; }
.erc_noticeGroup div ul {margin:0px 19px;}
.erc_noticeGroup div ul li{border-bottom:1px #cdcdcd dashed; margin-bottom:8px;}
.erc_noticeGroup ul li:last-child{border-bottom:0px !important;}
.erc_noticeGroup ul li:nth-child(2) {border-bottom:0px;}
.erc_noticeGroup div ul dl {position:relative; height:85px;}
.erc_noticeGroup div ul dl a{display:block;}
.erc_noticeGroup div dl dt a{font-size:13px; font-weight:bold; color:#2b2c2c; line-height:18px; margin-bottom:5px;}
.erc_noticeGroup div dl dt a:hover {color:#11a2da;}
.erc_noticeGroup div dl dd a{font-size:12px;; color:#6c6c6c; line-height:16px;}
.erc_noticeGroup div dl dd a:hover {text-decoration:underline;}
.erc_noticeGroup div dl dd.date {position:absolute; left:0px; bottom:0px; font-size:11px;; color:#a2a2a2; }


.main_common_more {position:absolute; clear:both;right:13px;top:-60px;  width:18px;  text-align:center;}
.main_common_more_etc {top:-53px; }
.main_common_more a{display:block; height:18px; text-indent:-9999px;  border:1px #d3d3d3 solid; background:#fff url(../images/main/notice_more.jpg) center 50% no-repeat;}
.main_common_more a:hover{border-color:#11a2da; background-color:#f3fcff;}

/*퀵아이콘*/
.quick_icon {overflow:hidden; }
.quick_icon li{float:left; width:50%; text-align:center; position:relative;}
.quick_icon li a{display:block;  background:#fff; height:120px; font-size:14px; color:#586d76; font-weight:bold; border-left:5px #ebebeb solid;}
.quick_icon li a img {margin:27px 0 10px; vertical-align:middle;}
.quick_icon li a span {position:absolute; bottom:10px; left:0px; width:100%; text-align:center;}
.quick_icon li.first a{border-right:5px #ebebeb solid; border-left:0px;}
.quick_icon li a:hover {background:#f8f8f8; color:#000;}



/*동문 갤러리*/
.main_gallery {margin-top:10px; height:428px; background:#fff; position:relative; }
.main_gallery h3{padding-left:15px; font-size:14px; line-height:49px; color:#5a5a5a; border-bottom:1px #e6e6e6 solid;}
.main_gallery ul{text-align:center;margin-top:27px; font-size:0px;}
.main_gallery ul li{display:inline-block;width:143px; margin:0 5px 20px;}
.main_gallery ul li .photo {width:143px; height:104px; overflow:hidden;}
.main_gallery ul li .photo img{width:100%; height:100%; vertical-align:middle; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_gallery ul li .text { text-align:left; height:38px; padding:5px 10px;line-height:18px; font-size:12px; color:#2e2e2e}
.main_gallery ul li .text span{display:block; color:#b0b0b0; font-size:11px;line-height:16px;}
.main_gallery ul li:hover .text{background:#f8f8f8;}
.main_gallery ul li:hover .photo img{ -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1);}
.main_gallery .main_common_more {top:16px;}


/*유용한 링크*/
.club_link {margin-top:10px; background:#fff; position:relative; height:248px;}
.club_link ul {margin-top:26px}
.club_link ul li{ margin-bottom:21px;}
.club_link ul li dl {margin:0px 27px;position:relative;}
.club_link ul li dl dt{position:relative;}
.club_link ul li dl dt{background:#eceff0; line-height:49px; font-size:13px; padding-left:34px; }
.club_link ul li dl dt a{color:#6c6c6c;}
.club_link ul li dl dt span{position:absolute; right:-1px; top:-1px; width:57px; height:51px; background:#11a2da; text-align:center; color:#fff;}
.club_link ul li dl dt span.on{background:#505050;}


.club_link ul li dl dd {display:none; position:absolute; top:-154px; width:100%;   background:#fff;  overflow:hidden;}
.club_link ul li dl dd .box{padding:10px 15px; overflow:hidden; overflow-y:auto;  height:130px; border:2px #505050 solid; background:#f8f8f8;}
.club_link ul li dl dd a{float:left; width:50%; line-height:21px; font-size:12px; margin-bottom:4px; letter-spacing:-1px; }
.club_link ul li dl dd.m1 a{width:25%; text-align:center; }
.club_link ul li dl dd a:hover{color:#00b; text-decoration:underline;} 


/*행사 및 sns*/


/*행사*/
.main_schedule {margin-top:10px;  background:#fff; position:relative; height:248px; position:relative;}
.main_schedule h3{padding-left:15px; font-size:14px; line-height:49px; color:#5a5a5a; border-bottom:1px #e6e6e6 solid;}
.main_schedule h3 .day {font-size:12px; color:#11a2da; font-family:'Arial'; }
.main_schedule .btn {position:absolute; top:14px; right:12px;  z-index:9; }
.main_schedule .btn a{display:block;width:18px; height:18px; text-indent:-9999px;  border:1px #d3d3d3 solid; background:#fff url(../images/main/notice_more.jpg) center 50% no-repeat;}


.main_schedule .schedule_info {padding:0 20px; margin-top:15px; }
.main_schedule .schedule_info li{line-height:23px; padding:5px 0px;}
.main_schedule .schedule_info li span{display:inline-block; background:#11a2da; text-align:center; color:#fff; padding:0 10px; margin-right:10px; border-radius:15px; top:2px; position:relative;}
.main_schedule .schedule_info li a{color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; cursor:auto;}