/*서브페이지-공통영역(해더, 메뉴)*/
.sub_middle.header_scroll {  position: fixed; top:78px; left: 0; z-index:100;}
.sub_bottom.header_scroll  { margin-top:305px;}
.sub_top {width: 100%; height:200px; position: relative}
.sub_top .sub_bg { display: table; width: 100%; height:200px; position: relative; }
.sub_top .sec1_bg {width: 100%; height:200px; position: absolute; top:0; left: 0;  overflow:hidden; }
.sub_top .sec1_bg span {display:none; overflow:hidden; position:absolute; top:0; left:0; width: 100%; height: 100%;}
.sub_top .sec1_bg span:first-of-type {display: block;}
.sub_middle, .sub_middle ul { width: 100%; height: 47px;}
.sub_middle ul{background: #fff}
.sub_middle li { height: 100%; line-height: 45px; border-left: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; overflow: hidden; position: relative; float:left; cursor: pointer;}
.sub_middle li:not(:root:root) {line-height: 47px;}
.sub_middle li a { color:#888; font-size: 15px; }
.sub_middle li:first-child{ border-left:0 none;}
.sub_middle li.active { background: #1771c4;}
.sub_middle li.active a { color:#fff;}
.sub_middle ul li { width:50%;}
.sub_bottom {text-align: left; margin-top:30px }
.sub_bottom dl { padding-bottom: 30px; border-bottom:1px dotted #d0d0d0;}

input, select { height: 32px; border:1px solid #cccccc; color:#999; text-indent: 5px; background: #fff}
.page { width: 100%; height: 32px; margin:30px 0 0 0; text-align: center;}
.page ul { display:inline-block; height: 100%; }
.page li { display:block; float: left; width: 31px; height: 32px; border:1px solid #cccccc; border-left: 0 none;}
.page li a { font-size: 12px; line-height: 32px; color:#a8a8a8; background: #fff}
.page li.click a { background:#838383; color: #fff; font-weight: bold}
.page li:first-child { border:1px solid #cccccc; }
.page li.ppprev a { background: url("../images/pprev.svg") no-repeat center; background-size: 11px}
.page li.pprev a { background: url("../images/prev.svg") no-repeat center;background-size: 11px}
.page li.nnext a { background: url("../images/next.svg") no-repeat center;background-size: 11px}
.page li.nnnext a { background: url("../images/nnext.svg") no-repeat center; background-size: 11px}
.search_no {text-align: center; margin-top: 30px;}
.search_no h5{ font-size: 18px; color:#333; padding-bottom: 22px; border-bottom: 1px solid #dadada; margin-bottom: 30px; text-align: center}
.search_no h5 span { color:#ff0000; letter-spacing: 1;}
.search_no ul { display: inline-block}
.search_no li { font-size:14px; text-align: left; float:none; line-height: 18px; margin-top: 8px; }
.search_no li.dd_dot:after { top:7px;}
.search_no li.no_email { color:#333; line-height: 16px;}
.search_no li.no_email img { margin:4px 3px 0 0;}
@media screen and (max-width:720px){
    .search_no ul { padding:0 20px;}
}
@media screen and (max-width:520px){
    .sub_3 #tab2 > p { font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #dadada; margin-bottom: 20px;}
    .page { margin:20px 0 0 0; }
    .search_no ul { padding:0 10px;}
    .search_no h5{ font-size: 16px;padding-bottom:20px; margin-bottom: 20px; }
}


/*sub4 : 뉴스공지*/
#arrcodian{ width:100%; margin:0 auto; border-top:1px solid #b8b8b8;}
#arrcodian .num{  display:block; width:40px; position: absolute; top:0; left:0; text-align: center; font-size: 14px; color:#999;}
#arrcodian .title {  display:block; width:100%; padding:0 130px 0 40px; text-align: left; font-size: 16px; color:#333;white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
#arrcodian .arr_date { display:block;  width:80px; position: absolute; top:0; right:35px; color:#999; font-size: 12px; text-align: center; letter-spacing: 0}
#arrcodian.arrcodian2 .title { padding : 0 100px 0 40px;}
#arrcodian.arrcodian2 .arr_date { right: 0}
#arrcodian .arr_arr { display: block; position: absolute; top:0; right:0; width:35px; height: 55px; text-align: center; background: url("../images/science_m_31.svg") no-repeat center; background-size:24px;}
#arrcodian .arr_arr.arr_btn { background: url("../images/science_m_30.svg") no-repeat center; background-size:24px;}
#arrcodian dl {border:0 none; padding-bottom: 0;}
#arrcodian dl dt { width:100%; height:55px; font-size: 16px; line-height:55px; border-bottom:1px solid #e9e9e9; background:#fff; position: relative; cursor: pointer}
#arrcodian dl dt.point { background:#f5f5f5;}
#arrcodian dl dt.point .title {color:#1771c4}
#arrcodian dl dt.point .num,
#arrcodian dl dt.point .arr_date {color:#666}
#arrcodian dl dt a { color:#333; width:100%;}
#arrcodian dl dd { width: 100%; border-bottom:1px solid #e0e0e0; display: none; padding:20px 0; line-height: 1.5; font-size: 13px; text-align: left}
#arrcodian dl dd h2 { font-size: 18px; line-height: 25px; color:#000; text-align: center; margin-bottom: 15px; word-break: keep-all;}
#arrcodian dl dd .arr_dd_con p { font-size: 14px; line-height: 1.5;}
#arrcodian dl dd .arr_dd_con > * { /*margin-bottom:15px;*/ }
#arrcodian dl dd .arr_dd_con > *:last-child { margin-bottom: 0;}
#arrcodian dl dd .arr_dd_con table { width: 100%;}
#arrcodian dl dd table td, #arrcodian dl dd table th {vertical-align: middle; padding:10px 0;}
.input_box { display: block; width: 100%; height: 32px; margin-bottom: 10px; line-height: 32px; text-align: left; position: relative}
.input_box > span:nth-child(1) { font-size: 15px; letter-spacing: 1; background: url("../images/science_m_29.svg") no-repeat left center; background-size:15px 12px; padding-left: 23px;}
@media screen and (max-width:520px){
    #arrcodian .title { padding:0 70px 0 35px; font-weight: normal; }
    #arrcodian.arrcodian2 .title { padding:0 70px 0 35px;}
    #arrcodian .arr_date { width:65px; right:0px; color:#666; font-size: 11px;}
    #arrcodian .arr_arr { right:inherit; left: 0; }
}