@charset "utf-8";

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}

p.line {margin-top:20px; padding-top:20px; border-top:1px dashed #9298af;}

/* 타이틀 */
.tit1 {padding-left:28px; font-size:20px; line-height:1.4; font-family:"NotoM"; color:#111; background:url("/images/web/SCNU/sub/tit_1.png") no-repeat left 2px; }
.tit2 {padding-left:28px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/SCNU/sub/tit_2.png") no-repeat 4px 7px; }

/* 텍스트 */
.comment1 {padding:8px 0 0 25px; font-size:18px; line-height:1.6; font-family:"NotoM"; color:#111; background:url("/images/web/SCNU/sub/bu_comment.png") no-repeat left top; }
.comment2 {padding:9px 0 0 25px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/SCNU/sub/bu_comment.png") no-repeat left top; }

.bu_st1 {padding-left:18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/images/web/SCNU/sub/bu1.png") no-repeat left 5px; }
.bu_st2 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/web/SCNU/sub/bu2.png") no-repeat left 6px; }
.bu_st3 {padding-left:12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/web/SCNU/sub/bu3.png") no-repeat left 8px; }
.bu_st4 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/SCNU/sub/bu4.png") no-repeat left 8px; }
.bu_st5 {padding-left:10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#555; background:url("/images/web/SCNU/sub/bu5.png") no-repeat left 8px; }

a.bu_link {padding-left:20px; font-size:14px; font-family:"NotoR"; color:#00539f; text-decoration:underline; background:url("/images/web/SCNU/sub/bu_link.png") no-repeat 5px 5px;}
.bu_atte {padding-left:20px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/web/SCNU/sub/bu_atte.png") no-repeat left 3px;}

/* 리스트 */
.list_st1 li {padding:5px 0 5px 18px; font-size:14px; line-height:1.5; font-family:"NotoR"; color:#111; background:url("/images/web/SCNU/sub/bu1.png") no-repeat left 10px;}
.list_st2 li {padding:4px 0 4px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#222; background:url("/images/web/SCNU/sub/bu2.png") no-repeat left 9px;}
.list_st3 li {padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/web/SCNU/sub/bu3.png") no-repeat left 11px;}
.list_st4 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/SCNU/sub/bu4.png") no-repeat left 11px;}
.list_st5 li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#555; background:url("/images/web/SCNU/sub/bu5.png") no-repeat left 11px;}

ol.ol_list li {padding:2px 0 2px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333;}

/* 텍스트 기타 */
.pc_blue {color:#0070af;}
.pc_blue2 {color:#266ed4;}/* 180829 */
.pc_blue3 {color:#16386b;}/* 180829 */
.pc_green {color:#27750d;}
.pc_orange {color:#f7941d;}


.bg_blue {padding:2px; color:#fff; background:#16386b;}/* 180829 */
.bg_green {padding:2px; color:#fff; background:#4db02c;}
.bg_orange {padding:2px; color:#fff; background:#f7941d;}

.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}

/* 테이블 */
.table_st {position:relative; width:100%; margin-top:10px; font-family:"NotoR"; font-size:14px; border-top:2px solid #000; overflow:hidden;}
.table_st table{position:relative; width:100%; border-collapse:collapse; text-align:center; margin-left:-1px;}
.table_st .type2{text-align:left !important;}
.table_st table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table_st p.util {position:absolute; top:-25px; right:0; font-size:14px;}
.table_st thead th {padding:13px 15px; color:#000; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #b2b7c7; border-left:1px solid #b2b7c7; background:#f3f3f3;}
.table_st tbody th {padding:13px 15px; color:#111; font-family:"NotoM"; font-weight:normal; font-size:15px; border-bottom:1px solid #b2b7c7; border-left:1px solid #b2b7c7; background:#fafbfb;}
.table_st td {padding:10px 15px; color:#444; border-left:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7;}
.table_st tfoot th {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #b2b7c7; border-left:1px solid #c8d1db; background:#f8fbff;}
.table_st tfoot td {padding:13px 10px; color:#222; font-family:"NotoM"; font-size:13px; border-bottom:1px solid #b2b7c7; border-left:1px solid #c8d1db; background:#f8fbff;}
.table_st tr th.bor_l, .table_st tr td.bor_l {border-left:1px solid #c8d1db;}

/* 박스스타일 */
.box_st1 {position:relative; padding:15px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; overflow:hidden; background:#f7f9fa;}
.box_st2 {position:relative; padding:15px 20px; font-family:"NotoR"; line-height:1.4; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; overflow:hidden; background:#fff;}
.box_st3 {position:relative; padding:5px; overflow:hidden; background:url("/images/web/SCNU/sub/pt_diagonal.png") repeat;}
.box_st3 .box {padding:15px 20px; background:#fff;}

.box_st4 {position:relative; padding:15px 20px; font-family:"NotoR"; line-height:1.4; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}

/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 15px; margin:1px; text-decoration:none; font-size:14px; font-family:'NotoM'; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border-bottom:1px solid #094c9d; border-right:1px solid #094c9d; background:#155eb6;}
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#0070af; border:1px solid #155eb6; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; }

/* 버튼스타일 2 */
a.btn_down, a.btn_link, a.btn_go, a.btn_home, a.btn_sear {display:inline-block; margin:2px; padding:0 10px 0 50px; line-height:38px; font-size:15px; font-family:'NotoM'; color:#333; border:1px solid #566578; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}/* 180829 */
a.btn_down {background:url("/images/web/SCNU/sub/btn_down_g.png") no-repeat left center #fff;}
a.btn_link {background:url("/images/web/SCNU/sub/btn_link_g.png") no-repeat left center #fff;}
a.btn_go {background:url("/images/web/SCNU/sub/btn_go_g.png") no-repeat left center #fff;}
a.btn_home {background:url("/images/web/SCNU/sub/btn_home_g.png") no-repeat left center #fff;}
a.btn_sear {background:url("/images/web/SCNU/sub/btn_sear_g.png") no-repeat left center #fff;}/* 180829 */
a.btn_down:hover, a.btn_link:hover, a.btn_go:hover, a.btn_home:hover, a.btn_sear:hover {color:#fff; background-color:#566578;}/* 180829 */

a.btn_down_b, a.btn_link_b, a.btn_go_b, a.btn_home_b, a.btn_sear_b {display:inline-block; margin:2px; padding:0 10px 0 50px; line-height:38px; font-size:15px; font-family:'NotoM'; color:#254573; border:1px solid #0070af; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}/* 180829 */
a.btn_down_b {background:url("/images/web/SCNU/sub/btn_down_b.png") no-repeat left center #fff;}
a.btn_link_b {background:url("/images/web/SCNU/sub/btn_link_b.png") no-repeat left center #fff;}
a.btn_go_b {background:url("/images/web/SCNU/sub/btn_go_b.png") no-repeat left center #fff;}
a.btn_home_b {background:url("/images/web/SCNU/sub/btn_home_b.png") no-repeat left center #fff;}
a.btn_sear_b {background:url("/images/web/SCNU/sub/btn_sear_b.png") no-repeat left center #fff;}/* 180829 */
a.btn_down_b:hover, a.btn_link_b:hover, a.btn_go_b:hover, a.btn_home_b:hover, a.btn_sear_b:hover {color:#fff; background-color:#0070af;}/* 180829 */

a.btn_down_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; border-radius:5px; background:url("/images/web/SCNU/sub/btn_down_mini.png") no-repeat 3px center #fff;}
a.btn_link_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; border-radius:5px; background:url("/images/web/SCNU/sub/btn_link_mini.png") no-repeat 3px center #fff;}
a.btn_go_mini {display:inline-block; margin:2px; padding:6px 10px 6px 30px; font-family:"돋움",Dotum; font-size:12px; font-weight:bold; border:1px solid #b2b7c7; border-radius:5px; background:url("/images/web/SCNU/sub/btn_go_mini.png") no-repeat 3px center #fff;}
a.btn_down_mini:hover, a.btn_link_mini:hover, a.btn_go_mini:hover {background-color:#f7f7f7;}

/* 탭스타일 */
.tab_st {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st li {width:25%; float:left; margin:1px 0;}
.tab_st li a {display:block; margin-right:2px; padding:15px 55px 15px 15px; line-height:25px; font-size:12px; font-family:'NotoR'; color:#444; border:1px solid #9298af; background:url("/images/web/SCNU/sub/tab1_off.png") no-repeat right center #f5f7f8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st li.on a, .tab_st li.on a:hover, .tab_st li a:hover {font-family:'NotoM'; color:#fff; border:1px solid #1052af; background:url("/images/web/SCNU/sub/tab1_on.png") no-repeat right center #155eb6;}

.tab_st1 {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st1 > a{ display: none;}
.tab_st1 li {width:25%; float:left; margin:1px 0;}
.tab_st1 li a {display:block; margin-right:2px; padding:15px 55px 15px 15px; line-height:25px; font-size:12px; font-family:'NotoR'; color:#444; border:1px solid #9298af; background:url("/images/web/SCNU/sub/tab1_off.png") no-repeat right center #f5f7f8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st1 li.on a, .tab_st1 li.on a:hover, .tab_st1 li a:hover {font-family:'NotoM'; color:#fff; border:1px solid #1052af; background:url("/images/web/SCNU/sub/tab1_on.png") no-repeat right center #155eb6;}

.tab_st2 {overflow:hidden; padding:1px 0 0 1px; margin-bottom:20px;}
.tab_st2 li {width:25%; float:left; margin:1px 0;}
.tab_st2 li a {display:block; margin-right:2px; padding:10px 15px; line-height:21px; font-size:15px; text-align:center; font-family:'NotoR'; color:#444; border:2px solid #d8dbe3; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st2 li.on a, .tab_st2 li.on a:hover, .tab_st2 li a:hover {font-family:'NotoM'; color:#1052af; border:2px solid #87a8d7; background:#fff;}

/* 탭 사이즈별 */
.tab_li2 li {width:49.7%;}
.tab_li3 li {width:33%;}
.tab_li4 li {width:24.6%;}
.tab_li5 li {width:19.6%;}

/* 테이블 스크롤 표시 190201 */
.tbl_scroll_txt {display:none;}

@media screen and (max-width :810px) {

	/* 테이블 스크롤 표시 190201 */
	.tbl_scroll_txt {display:block; text-align:right;}
	.tbl_scroll_txt span {padding:0 10px 0 30px; line-height:20px; color:#fff; background:url("/images/web/SCNU/sub/bg_scroll.png") no-repeat left top; border-radius:5px;}
	
	/* 탭스타일 */
	.tab_st li a, .tab_st1 li a, .tab_st2 li a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 테이블 */
	.table_st.tb_scroll {overflow-x:auto;}
	.table_st.tb_scroll table {width:900px;}

}



@media screen and (max-width :650px) {

	/* 탭스타일 */
	.tab_st li,.tab_st1 li {width:50%;}

	/* 탭스타일 */
	.tab_st li, .tab_st1 li, .tab_st2 li {width:50%;}
}



@media screen and (max-width :580px) {


}



@media screen and (max-width :490px) {
	/* 탭스타일 */
	.tab_st li, .tab_st1 li, .tab_st2 li {width:100%;}
}



@media screen and (max-width: 380px){

}