@charset "utf-8";

#container {position:relative; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:600px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:600px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:600px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:120px; width:100%; z-index:9999; color:#fff; font-size:45px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}

.main_visual .main_pager {position:absolute; left:0px; bottom:20px;  z-index:99999999 !important; width:100%; text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 4px; border-radius:13px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#287f51;}
.main_visual .bg{position:absolute; left:0px; top:0px; width:100%; height:600px; background:rgba(0,0,0,0.5);  z-index:1;}

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




#main_con_box_wrap {margin-top:-302px; position:relative; z-index:5;}
#main_con_box {border:1px #dfdfdf solid; background:#fff; height:600px; overflow:hidden;}
#main_con_box .common_wrap {padding:25px;}

#main_con_box .common_title {position:relative;padding:0 0 10px;margin:0 0 20px;line-height:25px;font-size:23px;color:#303030;font-weight:normal;text-transform:uppercase;letter-spacing:-2px; border:1px }
#main_con_box .common_title:after {display:block;content:"";position:absolute;top:100%;left:0;width:21px;height:2px;background-color:#303030;}


/*로그인*/
.main_login_box {float:left; width:366px; border-right:1px #dfdfdf solid;  height:300px;  overflow:hidden; background:#f8f8f8;}
.main_login_box .login_before .text input{height:38px; line-height:38px; border:1px #ddd solid; width:95.8%; padding:0 2%;}
.main_login_box .login_before .text .last{border-top:0px; }
.main_login_box .login_before .btn {margin-top:10px;}
.main_login_box .login_before .btn  input{height:40px; line-height:40px; border:0px; text-align:center; width:100%; background:#498dda; color:#fff; }
.main_login_box .login_before .l_util {padding:10px 0px; border-bottom:1px #ddd solid; overflow:hidden;}
.main_login_box .login_before .l_util span {float:left; font-size:11px; color:#666;}
.main_login_box .login_before .l_util span.right {float:right;}
.main_login_box .login_before .l_util span.right a{margin-left:10px;}
.main_login_box .login_before .info {font-size:11px; }

.main_login_box .login_after {position:relative;height:190px;}
.main_login_box .login_after .ueser_info {font-size:12px; color:#777;}
.main_login_box .login_after .ueser_info strong{font-size:16px; color:#c55050;}

.main_login_box .login_after .user_sc {display:table; width:100%; table-layout:fixed; margin-top:10px;}
.main_login_box .login_after .user_sc li{display:table-cell; vertical-align:middle; text-align:center; padding:20px 0px; background:#ddd;}
.main_login_box .login_after .user_sc li.last{border-left:2px #fff solid;}
.main_login_box .login_after .user_sc li strong{color:#c55050;}
.main_login_box .login_after .l_util_ab {position:absolute; width:100%;  bottom:0px; left:0px; border-top:1px #ddd solid; text-align:center; padding-top:10px;}
.main_login_box .login_after .l_util_ab a{display:inline-block; margin:0 5px; background:#666; color:#fff; line-height:30px; padding:0 10px;}


/*공지*/
.main_notice_box {float:left; width:365px; border-right:1px #dfdfdf solid; height:300px; overflow:hidden; position:relative;}
.main_notice_box li {border-bottom:1px #dfdfdf solid; margin-bottom:15px; padding-bottom:15px;}
.main_notice_box li:last-child {border-bottom:0px;}
.main_notice_box li dl {position:relative; }
.main_notice_box li dl a{display:block;}
.main_notice_box li dl dt {font-size:16px; color:#222; line-height:18px; margin-bottom:10px;}
.main_notice_box li dl dt a{color:#222;}
.main_notice_box li dl dd {font-size:13px;; color:#999; line-height:17px; height:60px;}
.main_notice_box li dl dd a{color:#999;}
.main_notice_box  .btns {position:absolute; right:25px; top:30px;}
.main_notice_box  .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_notice_box  .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_notice_box  .btns a#notice_next {border-left:0px;}
.main_notice_box  .btns a#notice_next span{background-position:right 50%; }



.main_notice_box li:hover dl dd{text-decoration:underline;}
.main_notice_box li:hover dl dt{font-weight:bold;}

/*갤러리*/
.main_gallery_box {float:left; width:365px;  height:300px; position:relative;  overflow:hidden; }
.main_gallery_box ul {padding:0px; margin-top:20px; position:relative; z-index:3 !important; margin:0 auto; }
.main_gallery_box ul li{width:260px !important; }
.main_gallery_box ul li img {vertical-align:top; width:100%;}
.main_gallery_box ul li .box{padding:8px;  background:#fff;}

.main_gallery_box ul li .box dl dt{font-size:14px;  overflow:hidden;  line-height:20px;   text-overflow:ellipsis;  text-align:center;}
.main_gallery_box ul li .box dl dd{font-size:12px; color:#999; line-height:16px;  white-space:normal; text-align:center; }
.main_gallery_box ul li .box dl dd a{color:#999;}


.main_gallery_box .main_gallery_btn {position:absolute; width:100%; left:0px; top:50%; z-index:0;}
.main_gallery_box .main_gallery_btn a{float:left; margin:0 10px; width:17.5px; height:32px; background:url(../images/main/main_gallery_arrow.png) left top no-repeat; text-indent:-9999px;}
.main_gallery_box .main_gallery_btn a#gallery_btn_next{background-position:right top; float:right;}



/*공지여러*/
.main_etc_notice {float:left; width:366px; border-top:1px #dfdfdf solid;  border-right:1px #dfdfdf solid;  height:300px; position:relative;}
.notice_tep h3 {float:left;  text-align:center; min-width:32.333%;  border-top:1px #adadad solid;  border-right:1px #adadad solid; border-bottom:1px #adadad solid; letter-spacing:-1px;  font-weight:normal;}
.notice_tep h3 a{line-height:30px; padding:0 10px; font-size:12px; color:#999;}
.notice_tep h3.first_h3{border-left:1px #adadad solid;}
.main_etc_notice .on_check h3 {border-bottom:1px #fff solid;}
.main_etc_notice .on_check h3 a{color:#222; font-weight:bold;}
.main_etc_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:130px;width:100%; display:none;}
.notice_tep div ul {margin:0px 19px;}
.notice_tep div ul li {padding-left:10px; overflow:hidden; line-height:30px; letter-spacing:-0.5px; font-size:13px; background:url(../images/main/main_list_dot.jpg) 8px 13px no-repeat;}
.notice_tep div ul li a {float:left; width:65%;color:#424242;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.notice_tep div ul li a strong{color:#11a2da; font-weight:normal; display:inline-block; padding-right:5px;}
.notice_tep div ul li a:hover {text-decoration:underline;}
.notice_tep div ul li span {float:right; color:#9b9b9b;  font-size:12px;}
.notice_tep div ul li img {vertical-align:middle;}


/*행사일정*/
.main_schedule {float:left; width:365px; border-top:1px #dfdfdf solid;  border-right:1px #dfdfdf solid; height:300px; }
.main_cal h2 .day {display:inline-block; font-size:12px; color:#ea4545; font-family:'Arial'; line-height:16px;}

.main_cal h2 .btns {position:absolute; right:0; top:7px;}
.main_cal h2 .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_cal h2 .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_cal h2 .btns a#schedule_next {border-left:0px;}
.main_cal h2 .btns a#schedule_next span{background-position:right 50%; }



.main_cal .schedule_info {position:relative;} 
.main_cal .schedule_info .today_info {height:94px;  width:90px; font-size:20px;  position:absolute; left:0; top:5px;text-align:center; border-radius:10px; border:1px #dddd solid; background:#498dda; overflow:hidden; box-shadow:3px 3px 4px rgba(0,0,0,0.3);}  
.main_cal .schedule_info .today_info .day{height:45px; line-height:45px; background:#fff; color:#498dda;   font-family:'Arial';}  
.main_cal .schedule_info .today_info .week{height:45px; line-height:45px;color:#fff; font-family: 'Nanum Square';}  

.main_cal .schedule_info #schedule_box { height:200px; overflow:hidden; margin-left:120px; margin-top:6px; }
.main_cal .schedule_info li{line-height:23px; padding:5px 0px;}
.main_cal .schedule_info li span{display:inline-block; background:#498dda; text-align:center; color:#fff; padding:0 10px; font-weight:normal; margin-right:10px; border-radius:15px; top:2px; position:relative;}
.main_cal .schedule_info li a{color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; cursor:auto;}




.main_quick {float:left; width:365px; border-top:1px #dfdfdf solid;   height:300px;}
.main_quick .title_info{font-size:13px; padding-bottom:10px; margin-top:-10px; color:#999;}
.main_quick ul{overflow:hidden; margin-top:10px;}
.main_quick ul li{float:left; width:25%; text-align:center; text-align:center;}
.main_quick ul li a{display:block;  background:#fff;}
.main_quick ul li a img {vertical-align:middle; width:60px;  margin-bottom:5px; }
.main_quick ul li span{display:block;}

.main_quick .search {display:block; margin-top:20px; position:relative; }
.main_quick .search .search_text{margin-right:67px;}
.main_quick .search .search_text input{width:90%;  height:48px; padding:0 5%; line-height:48px; border:0px; background:#eceff0; }
.main_quick .search .search_btn{position:absolute; right:0px; top:0px; width:68px; background:#11a2da;}
.main_quick .search .search_btn input {width:100%; height:48px; line-height:48px; border:0px; text-indent:-9999px; background:#498dda url(../images/common/top_search_btn.png) center 50% no-repeat;}