@charset "UTF-8";

/* search */
.search_box{float:right;margin-bottom:14px;}
.search_box select{width:125px !important;}
.search_box input{width:150px;}
.search_box fieldset > a{display:inline-block;width:75px;height:35px;box-sizing:border-box;padding-top:10px;vertical-align:middle;text-align:center;font-size:13px;color:#fff;background:#606976;}
.list-box{clear:both;}

.t_list{clear:both}
.t_list .td-left{text-align:left;}
.t_list table{table-layout:fixed;border-top:2px solid #c57672;line-height:160%;word-wrap:break-word;}
.t_list thead th, tbody th, tfoot th{height:52px;padding:7px;border:1px solid #e6d9d9;border-top:0;color:#111;font-size:16px;font-weight:bold;background:#f7edec;}
.t_list tbody th, .t_list tbody td, tfoot th, tfoot td{height:52px;padding:7px;border:1px solid #e6d9d9;border-top:0;text-align:center;}
.t_list td a:hover{text-decoration:underline;font-weight:bold}
.t_list tbody td .ico_file{padding-left:10px;}
.t_list thead th:first-child,
.t_list tbody th:first-child,
.t_list tbody td:first-child,
tfoot th:first-child,
tfoot td:first-child{border-left:0}
.t_list thead th:last-child,
.t_list tbody th:last-child,
.t_list tbody td:last-child,
tfoot th:last-child,
tfoot td:last-child{border-right:0}

.t_view{clear:both}
.t_view table{border-top:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b;line-height:160%}
.t_view th{height:52px;padding:7px 15px;border:1px solid #dadada;border-top:0;color:#111;font-size:14px;background:#f3f9f9}
.t_view td{height:52px;padding:15px 20px;border:1px solid #dadada;border-top:0}
.t_view tbody th:first-child,
.t_view tbody td:first-child{border-left:0}
.t_view tbody th:last-child,
.t_view tbody td:last-child{border-right:0}

table textarea{height:300px}
.td_left tbody td{text-align:left}
table td .btn{min-width:75px;height:35px;padding:7px 10px 0}
.t_comm{margin-bottom:14px;}
.t_comm:after{display:block;content:"";clear:both}
.t_comm select{float:right;}

.list_tit{margin-bottom:5px;padding:7px 0;text-align:center;font-size:16px;color:#fff;background:#ba0b4a}
.t_list > ul + .list_tit{margin-top:20px}

.t_list > ul{width:100%;border-top:2px solid #7b7b7b;line-height:160%}
.list_tit + ul{border-top:1px solid #7b7b7b !important;}
.t_list > ul li{position:relative;padding:7px 7px 10px;border-bottom:1px solid #dadada;font-size:16px;color:#444;}
.t_list > ul li a{width:86%;max-height:67px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;
 -webkit-line-clamp:3;}
.t_list > ul li span{display:block;margin-bottom:7px;word-break:keep-all;font-size:12px;color:#666;font-weight:normal;line-height:140%;}
.t_list > ul li span a{font-size:12px;color:#666;font-weight:normal;line-height:140%;}
.t_list > ul i{padding-right:3px;font-style:normal}
.t_list > ul .ico_file{position:absolute;top:50%;right:7px;margin-top:-13px;}
.t_list > ul li p{margin-top:13px}
.t_list > ul li p .btn{min-width:100px;height:35px;padding:6px 10px 0}

/* 0316 추가 */
.t_list > div > ul + .list_tit{margin-top:20px}
.t_list > div > ul{width:100%;border-top:2px solid #7b7b7b;line-height:160%}
.t_list > div > ul li{position:relative;padding:7px 7px 10px;border-bottom:1px solid #dadada;font-size:16px;color:#444;font-weight:bold;}
.t_list > div > ul li a{width:86%;max-height:67px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;
 -webkit-line-clamp:3;}
.t_list > div > ul li span{display:block;margin-bottom:3px;word-break:keep-all;font-size:12px;color:#666;font-weight:normal;line-height:140%;}
.t_list > div > ul i{padding-right:3px;font-style:normal}
.t_list > div > ul .ico_file{position:absolute;top:50%;right:7px;margin-top:-13px;}
.t_list > div > ul li p{margin-top:13px}
.t_list > div > ul li p .btn{min-width:100px;height:35px;padding:6px 10px 0}

/* paging */
.paging{margin-top:30px;text-align:center}
.paging:before,
.paging:after{content:"";display:block;clear:both}
.paging > a{display:inline-block;margin:0 -3px;vertical-align:middle}
.paging p{display:inline-block;margin:0 -2px 0 -1px;vertical-align:middle}
.paging p a{float:left;width:34px;height:35px;box-sizing:border-box;padding:5px 0;border:1px solid #dadada;border-left:0;font-size:13px;color:#606976;text-align:center;}
.paging p a.selected,
.paging p a:hover{color:#fff;background:#606976;border:1px solid #606976;border-left:0;}

/* paginate */
.paginate{overflow:hidden;clear:both;margin:0 auto;padding:29px 0 30px;text-align:center;zoom:1}
.paginate a{display:-moz-inline-box;display:inline-block;_position:relative;vertical-align: middle;padding:0 0 0 5px;color:#666;font-size:14px;font-weight:bold;line-height:38px;text-decoration:none !important}
.paginate a:hover,.paginate a:focus,.paginate a:active{color:#23a2d1;}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;padding: 0 9px 0 13px;margin-left: 5px;border:1px solid #e3e3e3;color:#666;font-size:14px;font-weight:bold;line-height:38px;text-decoration:none !important;vertical-align: middle;}
.paginate strong{color:#23a2d1 !important}
.paginate a span{display:block;_display:inline;position:relative;top:0;padding: 0 15px;border: 1px solid #e3e3e3;line-height: 38px;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span{text-decoration:underline;cursor:pointer}
.paginate strong span{display:block;_display:inline;position:relative;top:0;padding:0 7px 0 4px;zoom:1}
/* user option */
.paginate a.pre,.paginate a.next{width:40px; height:40px; text-indent:-999999px;border:1px solid #23a2d1;}
.paginate a.pre {background: url(/_res/wifi/img/sub/btn_fl.gif) no-repeat left top;}
.paginate a.next {background: url(/_res/wifi/img/sub/btn_fl.gif) no-repeat right top;}
.paginate a.pre{margin-right:10px}
.paginate a.next{margin-left:8px}


/* input */
.file{width:240px !important;height:35px;box-sizing:border-box;padding:0 7px;border:1px solid #dcdcdc !important;border-radius:0 !important;font-size:13px;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.file_more{display:inline-block;margin-left:105px;}

/* drop down */
.drop .q td{cursor:pointer}
.drop .q .tit{text-align:left;overflow:hidden;text-overflow:ellipsis;word-wrap:word-break;white-space:nowrap}
.drop .selected td{color:#666;background:#f5f4f1;}
.drop .a td{padding:20px 7px 50px;color:#949494}
.drop .a h5.drop_tit{margin-bottom:15px;font-size:16px;color:#444;}

.drop_list .a{margin:20px 0 10px;}
.drop_list .a p{font-size:14px;color:#949494;font-weight:normal;line-height:140%}

/* 입학안내 */
.oku_list{margin-left:-3.333%;}
.oku_list:after{display:block;clear:both;content:""}
.oku_list li{float:left;width:30%;margin:0 0 25px 3.333%;padding:20px;background:#f2efe9}
.oku_list li img{border:4px solid #fff;width:100%;}
.oku_list li a{display:block;margin-top:15px;font-size:12px;color:#333;}


/* 로그인 */
.login{max-width:700px;width:100%;margin:100px auto;padding:0 20px}
.login h4{font-size:40px;color:#333;line-height:100%;}
.login div{margin:40px 0;padding:60px 0;border-top:2px solid #ba0b4a;border-bottom:1px solid #dadada}
.login div ul{position:relative;max-width:450px;width:100%;margin:0 auto;}
.login div li{margin:10px 0}
.login div li:after{display:block;content:"";clear:both}
.login div li label{float:left;width:25%;margin-top:9px;font-size:18px;color:#666;}
.login div li input{float:left;width:200px;border:1px solid #888;}
.login div a.btn_login{position:absolute;right:0;top:0;width:120px;height:80px;text-align:center;padding-top:32px;font-size:20px;color:#fff;background:#ba0b4a}
.login .member{margin-top:40px;text-align:center}
.login .member a{display:inline-block;padding:10px 30px;color:#fff;background:#606976;}

/* tbl_11 달력 */
.tbl_11{margin:0em 0}
.tbl_11 table{width:100%;border:0;border-top:1px solid #c49797;color:#494949; text-align: center;}
.tbl_11 th{padding:15px 10px;border:0;vertical-align:middle}
.tbl_11 td{height:118px;padding:7px;border:0;vertical-align:top; color:#666; font-size:13px;text-align:center}
.tbl_11 th, .tbl_11 .tbl_06_th{color:#494949;text-align:center; font-weight: bold; font-size:14px; border-right:1px solid #e6d9d9; background: #f2f2f2;}
.tbl_11 thead th{border-bottom:1px solid #c49797;background:#f7edec;}
.tbl_11 thead th:last-child {border-right:0;}
.tbl_11 tbody th{border-bottom:1px solid #e6d9d9;background:#fff; font-size:14px; font-weight: bold;}
.tbl_11 tbody td{border-bottom:1px solid #e6d9d9;border-right:1px solid #e6d9d9; font-size:14px; color:#666;font-weight: bold; text-align: left; line-height: 20px}
.tbl_11 tbody td:last-child {border-right:0;}
.tbl_11 tbody td.today {position:relative; border: 2px solid #d34038 !important;}
.tbl_11 tbody td.sun ,.tbl_11 thead th.sun {color: #a50d1d;}
.tbl_11 tbody td.sat, .tbl_11 thead th.sat {color: #d34038;}
.tbl_11 tbody td.no {background:#f0f0f0 url(/_res/wifi/img/sub/cal_no.png) no-repeat 90% 90%;}
.tbl_11 tbody td.ok {background:url(/_res/wifi/img/sub/cal_ok.png) no-repeat 90% 90%;}
.tbl_11 tbody td.on {position: relative;background:#f2eded;}
.tbl_11 tbody td a {display:block; position: absolute; top: 1px; left:1px;width: 110px;height: 120px; z-index: 999; text-indent: -99999px; background:none;}
.tbl_11 tbody td span {display:inline-block; width:40px; padding:4px 0; font-family:dotum; font-size:11px; line-height:11px;color:#fff; text-align: center;}
.tbl_11 tbody td span.badge01 {background: #f5a214}
.tbl_11 tbody td span.badge02 {background: #68be3e}
.tbl_11 tbody td span.badge03 {background: #32bdd0}
.tbl_11 tbody td span.badge04 {background: #d04b32}

/*웹진게시판*/
.webzine ul.web_list{text-align:center;}
.webzine ul.web_list:after{content:'';display:block;clear:both;}
.webzine ul.web_list li{position:relative;float:left;box-sizing:border-box;width:23%;height:auto;margin:0 2.6% 20px 0;padding:0 0 15px;border:1px solid #E9E6DE;font-size:16px;}
.webzine ul.web_list li .article-chk{position:absolute;top:0;left:0;z-index:5;}
.webzine ul.web_list li:nth-child(4n){margin-right:0;}
.webzine ul.web_list li p.img{height:140px;}
.webzine ul.web_list li img{height:100%;object-fit:cover;}
.webzine ul.web_list li dl{padding:10px 12px 0;text-align:left;}
.webzine ul.web_list li dl .article-title{display:block;height:52px;overflow:hidden;font-weight:400;line-height:24px;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.webzine ul.web_list li dl dd{display:none;}


@media screen and (max-width: 890px){
  .webzine ul.web_list li{width:48.5%;margin-right:2.5%;}
  .webzine ul.web_list li:nth-child(2n){margin-right:0;}
}


@media screen and (max-width: 760px){
  .search_box{float:none}
  .search_box select{width:auto;}
  
  .t_list thead th, tbody th, tfoot th{font-size:15px;}
  table textarea{height:150px}
  table input[type=text],table input[type=password],table input[type=url],table textarea,table input[type=submit],table input[type=file]{width:100%}

  .top_area .fl{float:none !important;margin-bottom:5px}
  .top_area .fl a{width:100%;}
  
  .oku_list{margin:0;}
  .oku_list li{width:100%;margin-left:0}
}  

@media screen and (max-width:550px){
  .file{width:100% !important;}
  .file + div{display:block !important;margin:5px 0 !important}
  .file_more{margin:5px 0 5px 105px}

  .login{margin:40px 0}
  .login h4{font-size:30px}
  .login div{margin-top:30px;padding:10px 0}
  .login div li label{font-size:16px}
  .login div li input{float:left;width:75%;border:1px solid #888;}
  .login div a.btn_login{position:relative;display:block;width:100%;height:50px;margin-top:30px;padding:15px}
  .login .member{margin-top:10px;}
  .login .member a{width:100%;}
}
