@charset "utf-8";

#container {position:relative;}
body {background:#f2f2f2}

/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:500px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul.cycle-slideshow { width:100%; left:0px;top:0px; height:500px; position:absolute; z-index:0;}
.main_visual li.list{background-repeat:no-repeat; background-position:center top; width:100%; height:500px; }
.main_visual li.list a{display:block;}

.main_visual .bg{position:absolute; left:0px; top:0px; width:100%; height:500px; background:rgba(0,0,0,0.2);  z-index:1;}


/*로그인*/
.main_login_box_wrap { position:absolute; left:0px; top:90px; width:100%; z-index:99;}
.main_login_box_wrap .default_layout {position:relative; overflow:hidden;;}


.main_visual .main_pager {position:absolute; left:5px; top:190px;  z-index:98; text-align:left;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:5px; margin:0 2px;  background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#2dacad; width:30px;}

.main_login_box_wrap .default_layout .visual_text {text-align:left; position:absolute; left:0px; top:30px; z-index:9999; color:#fff; font-size:45px; font-weight:bold;}
.main_login_box_wrap .default_layout .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}



/*로그인*/
.main_login_box {float:right; width:310px; border-right:1px #dfdfdf solid; ;  overflow:hidden; background:#fff; padding:30px;}
.main_login_box .login_before .text input{height:43px; line-height:43px; 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:50px; line-height:50px; border:0px; text-align:center; width:100%; background:#2dacad; 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; color:#999; }

.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_first_box {margin-top:-80px; position:relative; z-index:6; height:100px;}
#main_first_box .default_layout{overflow:hidden; font-family: 'Nanum Square';}
#main_first_box .default_layout .col {float:left; width:366px; background:#ddd;}
#main_first_box .default_layout .col .box {padding:30px; height:140px; overflow:hidden;}
#main_first_box .default_layout .col .box .common_title {text-align:center; font-size:25px; color:#fff; padding-bottom:5px; margin-bottom:5px;}
#main_first_box .default_layout .col .box .common_title_info{color:rgba(255,255,255,0.8); font-size:12px; text-align:center;}


/*찾기*/
#main_first_box .default_layout .col.m1 {background:#2dacad;}
#main_first_box .default_layout .col.m1 .common_title_info{color:rgba(255,255,255,0.8); font-size:12px; text-align:center;}

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


/*바로가기*/
#main_first_box .default_layout .col.m2 {background:#dee0e6;}
#main_first_box .default_layout .col.m2 .common_title {color:#444; }
#main_first_box .default_layout .col.m2 .common_title_info{color:rgba(0,0,0,0.8); font-size:12px; }
#main_first_box .default_layout .col.m2 .btn {margin-top:21px;}
#main_first_box .default_layout .col.m2 ul {display:table; width:100%; table-layout:fixed;}
#main_first_box .default_layout .col.m2 ul li{display:table-cell; text-align:center;}
#main_first_box .default_layout .col.m2 ul li a{display:block; background:#fff; line-height:46px; height:46px; border:1px #999 solid; border-left:0px;}
#main_first_box .default_layout .col.m2 ul li a:hover{background:#2dacad; color:#fff; border-color:#2dacad;}
#main_first_box .default_layout .col.m2 ul li.first a{border-left:1px #999 solid;}



#main_first_box .default_layout .col.m3 {background:#fff;}

/*공지여러*/
.main_notice {position:relative; }
.notice_tep h3 {float:left;  text-align:center; min-width:24%; background:#f8f8f8;  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_notice .on_check h3 {border-bottom:1px #fff solid; background:#fff}
.main_notice .on_check h3 a{color:#222; font-weight:bold;}
.main_notice .on_check .tabcontent{display:block;}
.notice_tep div.tabcontent {position:absolute;left:0;top:50px;width:100%; display:none;}
.notice_tep div ul {margin:0px 0;}
.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_gallery {padding:40px 0px 60px;  margin-top:100px;}
.main_gallery .title {font-size:30px; color:#000; font-weight:normal;  text-align:center;}
.main_gallery .title a{ color:#2dacad;}
.main_gallery .title span {display:block;  font-weight:normal;   font-size:16px;    margin-top: 10px;}

.main_gallery ul {padding:0px; margin-top:20px; position:relative; z-index:3 !important;   }
.main_gallery ul li{width:263px !important;  margin:0 7.5px;}
.main_gallery ul li img {vertical-align:top;}
.main_gallery ul li .box{padding:10px;  background:#fff; }

.main_gallery ul li .box dl dt{font-size:15px;  overflow:hidden;     text-overflow:ellipsis; }
.main_gallery ul li .box dl dd{font-size:13px; margin-top:5px; color:#999;  line-height:18px; white-space:normal; height:36px;}
.main_gallery ul li .box dl dd a{color:#999;}

.main_gallery ul li .box .date{font-size:13px; color:#666;   margin-top:10px;}
.main_gallery ul li .box .date .fonti {display:inline-block; margin-right:5px;}

.main_gallery ul li:hover dt,
.main_gallery ul li:hover dd,
.main_gallery ul li:hover dd a,
.main_gallery ul li:hover dl a{ color:#2dacad;}
.main_gallery ul li .box dl dd a:hover{text-decoration:underline; }



.main_gallery .main_gallery_btn{position:absolute;  top:200px; width:1300px;;z-index:2 !important; left:-100px;}
.main_gallery .main_gallery_btn a{text-indent:-9999px; background:url(../images/main/main_gallery_btn.png) left top no-repeat; float:left; width:36px; height:64px; margin:0 0 0 20px;}
.main_gallery .main_gallery_btn a#gallery_btn_next{background-position:right; float:right; margin:0 20px 0 0;}