@charset "utf-8";


/* contents */


/*tit_box 페이지 타이틀 */
.tit_box {margin-bottom:20px}
.tit_box.ma_b20{margin-bottom: 20px;}
.tit_box.ma_b50{margin-bottom: 50px;}
.tit_box.tbox_flex {display: flex;justify-content: space-between;align-items: center;}

/* .tit_box:after {content:'';display:block;height:0;clear:both} */
.cont_tit {/* float:left; */font-size: 1.8em;line-height:1;color:#262626;margin-top:16px;}
/*카테고리 타이틀이 하나더 있을경우 (cont_tit 상단에 작은타이틀)*/
.cont_tit_cate {font-size:1.5em;line-height:1;color:#262626;margin-top:16px}
.cont_tit02 {/* float:left; */font-size:2.375em;line-height:1;color:#262626;margin-top:7px}
/*
@media all and (max-width:720px) {
	.tit_box {margin-bottom: 10px}
}*/

/*cont_txt 일반리스트 */
.txt_list01 {width:100%;display:inline-block;font: normal normal bold 1.625rem/1.875rem Pretendard;color:#292929; margin-top: 3.125rem;}
.txt_list02 {width:100%;display:inline-block;font-weight:bold;font-size:1em;line-height:1.4;color:#000;margin:10px 0 11px 0}
.txt_list02 span {font-weight: normal;color: #444;}
.txt_list03 {width:100%;display:inline-block;font: normal normal medium 20px/24px Pretendard;margin-top:10px;margin-bottom:10px;color: #292929;}
.txt_list04 {width:100%;display:inline-block;font-weight:bold;font-size:1em;line-height:1.4;color:#000;margin:23px 0 11px 0} /* 160509*/
.txt_list05 {width:100%;display:inline-block;font-size:1.625em;line-height:1.750em;color:#0667b1;margin:11px 0} /* 160516*/
.txt_list06 {width:100%;display:inline-block;font-size:1.125em;line-height:1.4;margin:28px 0} /* 160519*/
.txt_list06 span {font-size:1.375em;line-height:1.6;color: #0667b1;} /* 160519*/
.txt_list07 {width:100%;display:inline-block;font-weight:bold;font-size:1.125em;line-height:1.6;margin:0 0 18px 0;color: #000;}
.txt_list08 {width:100%;display:inline-block;font-size:1.125em;line-height:1.6;margin-bottom: 13px;color: #666;}
.txt_list08 span {font-weight:bold;color: #222;}
.txt_list09 {width:100%;display:inline-block;font-size:1em;line-height:1.6;margin:0 0 18px 0}
.txt_list09 span {color: #000;}
.txt_list10 {width: 100%;color: #00349a;}
.txt_list11 {width:100%;display:inline-block;font-size:1.625em;line-height:1.6;color:#0667b1;margin:46px 0 12px 0}
.txt_list12 {width:100%;display:inline-block;font-size:1.625em;line-height:1.6;color:#0667b1;margin:0 0 39px 0}
.txt_list13 {width:100%;display:inline-block;font-size:1.625em;line-height:1.6;color:#0667b1;margin:44px 0 26px 0}
.txt_list14 {width:100%;display:inline-block;font-size:1em;line-height:1.6;color: #000;}
.txt_list15 {width:100%;display:inline-block;font-size:1.625em;line-height:1.6;color:#0667b1;margin:23px 0 12px 0} /* 160705 */
.txt_list16 {display:inline-block;font-size:1em;line-height:1.4;margin: 0 0 11px 0}
.txt_list21 {width:100%;display:inline-block;font: normal normal bold 1.625rem/1.875rem Pretendard;color:#292929;margin-bottom: 5px;margin-top: 2.5rem;}

/*bullet 리스트 160429, 160516 */
li.txt_bul_list01 {background:url("../images/layout/bul_square.gif") 0 0.6em no-repeat;padding-left: 0.5em !important;line-height: 1.625em !important;margin-top:10px;}
li.txt_bul_list02 {padding: 0 0 0 1.0em;font-size: 1em;}
/*bullet check 리스트 160525 */
li.txt_bul_list03 {background:url("../images/layout/bul_chk.gif") 0 0.2em no-repeat;padding-left: 1em !important;}
/*bullet disc 리스트 160516 */
li.txt_bul_list04 {background:url("../images/layout/bul_disc.gif") 0em 0.6em no-repeat;padding-left: 0.5em !important;line-height: 1.625em !important;}
/*bullet 리스트 dash 160518 */
li.txt_bul_list05 {padding-left: 1em;line-height: 1.625em !important;}
li.txt_bul_list05:before {display: inline-block;content: "-"; width: 1em;margin-left: -1em;}

/*bullet 리스트 box 여백 160509 */
ul.txt_bul_box {margin: 0 0 11px 0;}


/*btn_box 버튼스타일 :: 다운로드, 바로가기 버튼 등 */
/*화면 중앙 위치*/
.btn_box {width:100%;margin-bottom:28px}
.btn_line {display:inline-block;border-bottom:1px solid #8d8d8d;color:#444;padding-bottom: 3px;margin-right: 14px;}
.btn_line_right {display:inline-block;border-bottom:1px solid #8d8d8d;color:#444;padding-bottom: 3px;margin-right: 14px;float: right;}
.btn_line2 {display:inline-block;border-bottom:1px solid #8d8d8d;color:#444;padding-bottom: 3px;margin-right: 14px;margin-left: 12px;font-size: 0.875em;}
.btn_line3 {display:inline-block;border:1px solid #8d8d8d;color:#444;padding: 12px 16px;}
.btn_line:hover, .btn_line2:hover {border-bottom:1px solid #5d5d5d;padding-bottom: 3px;color:#494949;/* text-decoration: none; */}
.btn_line3:hover {border-bottom:1px solid #5d5d5d;padding-bottom: 12px;color:#494949;/* text-decoration: none; */}
/*페이지타이틀 오른쪽 위치*/
.tit_rbtn {float:right;position: absolute; right: 10px;top: -17rem;}
@media all and (max-width:720px) {
	.tit_rbtn {position: relative;top: 0;right: 0;}
}
/*버튼종류*/
.ico_window {background:url("../images/layout/ico_win.png") no-repeat 100% 50% !important;padding-right:20px}
.ico_window2 {background:url("../images/layout/ico_win2.gif") no-repeat 100% 50%;padding-right:20px}
.ico_window_trans {background:url("../images/layout/ico_window_trans.png") no-repeat 100% 50% !important;padding-right:20px}
.ico_download {background:url("../images/layout/ico_down.png") no-repeat 100% 50%;padding-right:16px}
.ico_chat {background:url("../images/kopo/icon_chat.png") no-repeat 100%;width:40px;height:40px}
.ico_music {background:url("../images/kopo/icon_music.png") no-repeat 100%;width:40px;height:40px}
@media all and (max-width:720px) {
	.btn_line, .btn_line2, .btn_line3, .btn_line4, .btn_line_right{margin-bottom: 8px;} /*화면축소 시 버튼 두개일때 각 버튼 아래 여백추가 160516 */
}

/* 화면 내 탭 선택(이동) 데이터 변경 */
.tab_content_box > div { display: none; }
.tab_content_box > div.active { display: block; }


/*side_info 부가정보 :: 책임자정보 등*/
.side_info {padding:10px 24px 11px 21px;background-color:#f6f7f7;border-left:3px solid #a8a7a7;margin-bottom:28px}
.single_list {color:#767676;font-size:1em;line-height:1.6}
.single_list strong {margin-right:20px}
@media all and (max-width:480px) {
	.single_list span {display:block}
}



/* table_box 표 */
.table_box {width:100%;}
.tab_box + .table_box {margin-top:78px} /*탭박스 아래 표 간격*/
.tbl_table {width:100%;margin-top:10px;margin-bottom: 10px;text-align:center;border-left:1px solid #e1e1e1}
.tbl_table th {background-color:#f8f8f8;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;;padding:17px 4px 19px 4px;line-height:1.4;}
.tbl_table td {vertical-align:middle; border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:18px 4px 19px 4px;line-height:1.4;color:#878787}
.tbl_table tbody th {background-color:#fff;border-bottom:1px solid #e1e1e1; border-top:0; font-weight: normal; } /* 리스트 제목 셀 160429 */
.tbl_table tbody th.bg {background-color:#f8f8f8;}
.tbl_table.no_head tbody th {border-bottom:1px solid #e1e1e1; border-top:0; font-weight: bold;background-color: #f8f8f8;}
.tbl_table td.txtRed {color: #ff0000 !important;}
.tbl_top_info {font-size: 0.875em;display: block;} 
.tbl_bottom_info {font-size: 0.875em;display: block;} 

.tbl_table .mul_tit {text-align: left;padding-left: 1em !important;}
.tbl_table.no_head {border-top: 1px solid #e1e1e1; }

/* table 스타일2 */
.tbl_table2 {width:100%;margin: 20px 0 10px 0;}
.tbl_table2.no_head {border-top: 1px solid #D8D8D8;}
.tbl_table2 thead tr th {padding: 4px 2px 2px 2px;font-size: 1em;font-weight: bold;border-right: 1px solid #bac6dd;border-top: 2px solid #82abd8;border-bottom: 1px solid #bac6dd;color: #4b88ba;background-color: #f5f8fc;}
.tbl_table2 thead tr th:last-child {border-right: 0;}
.tbl_table2 thead tr th.br {border-right: 1px solid #bac6dd;}
.tbl_table2 tbody tr th {font-size: 1em;border-right: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;color: #666;text-align: center;padding: 4px 2px 2px 2px;}
.tbl_table2 tbody tr td {font-size: 1em;border-right: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;color: #666;text-align: center;padding: 4px 2px 2px 2px;}
.tbl_table2 tbody tr td:last-child {border-right: 0;}
.tbl_table2 tbody tr td.br {border-right: 1px solid #D8D8D8;}
.tbl_table2 tfoot tr th {font-size: 1em;border-right: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;color: #666;text-align: center;padding: 4px 2px 2px 2px;}
.tbl_table2 tfoot tr td {font-size: 1em;border-right: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8;color: #666;text-align: center;padding: 4px 2px 2px 2px;}
.tbl_table2 tfoot tr td:last-child {border-right: 0;}
.tbl_table2.td2 tbody tr td {text-align:left;padding-left: 12px;}
.tbl_table2.td2 tbody tr td:first-child {text-align:center;padding-left: 2px;}

/*갤러리형 box*/
.video_box li {/*max-width: 316px;max-height:230px;height:auto;display: inline-block; */text-align: left;margin: 6px;border:1px solid #DDDDDD;}
.video_box li p{font-size: 1em;line-height: 2em;padding:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1em;text-align: left}
.video_box li p span:after{content: ' | '}
.video_box li p span{font-weight: bold;}
.video_box li span.chk_outer {display: inline-block;line-height: 2em;padding: 5px 7px;float: left;}
.poster_box li {max-width: 232px;max-height:388px;height:auto;display: inline-block; text-align: center;margin: 7px;border:1px solid #DDDDDD;}
.poster_box li img {background-size:contain;height:auto;max-width: 100%}
.poster_box li > a {display:block;}
.poster_box li p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1em;text-align: left;padding:2px; box-sizing: border-box;}
.poster_box li p > a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1em;text-align: left; display: block; }
.poster_box li span.chk_outer {display: inline-block;line-height: 1em;padding: 0 7px;float: left;}
.poster_box li span.chk_outer input[type="checkbox"] {vertical-align: bottom;}
.photo span.chk_outer{position: absolute;z-index: 1;right: 10px;top: 10px;}
.poster_box.ani li .thumb{display: block;overflow: hidden;position: relative;width: 100%;height: 0;padding-bottom: 69%;margin: 0 auto;text-align: center;}
.poster_box.ani li img { width: 100%; height:auto; -webkit-transition: all 0.2s; transition: all 0.2s;vertical-align: baseline; }
.poster_box.ani li a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }


/*리스트형 컨텐츠// 라디오광고음원? */
.list_box {height: 68px;background-color:#f4f4f2; margin-bottom:12px;position:relative;}
.list_box.selected { margin-bottom: 0;}
.list_text_block {display: inline-block;margin: 24px 0 24px 24px;width:60%}
.list_text_block strong { font-size: 1.25em;}
.list_icon_block {width: 30%;position: absolute;right: 1.2em;text-align: right;top: 1.2em;min-width: 90px;}
.list_icon_block span {float:right;}
.list_icon_block button {float:right;}
.list_icon_block a.music_link {float:right; display:block;}
@media all and (max-device-width: 480px){
	.list_text_block{width:50%}
}

.box_detail{padding:24px;display: none; border: 1px solid #ededed;border-top:none; margin-bottom:12px;font-size: 0.87em;line-height: 1.125em;}

/*공용 - 마지막에 적용되어야 하므로 위치 ž변경하지 마세요*/
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}
th.bdb0, td.bdb0 {border-bottom:0}
th.bdt0 {border-top:0}
th.bdt1, tr.bdt1, td.bdt1{border-top: 1px solid #e1e1e1 !important;}
.pd0 {padding: 0;}
.mt0 {margin-top:0 !important;}
.mg0 {margin: 0 !important;}
.ml0 {margin-left:0 !important;}
.mb0 {margin-bottom:0 !important;}
.img100 {width: 100%;}
.imgCenter {margin: 0 auto; display: block;}
.ml05 {margin-left: 0.5em !important;}
.ml1 {margin-left: 1em !important;}
.mb10{margin-bottom:12px !important;}
.mb12{margin-bottom:12px !important;}
.mb23{margin-bottom:23px !important;}
.pdt12 {padding-top: 12px !important;}
.pdt22 {padding-top: 22px !important;}
.pdt23 {padding-top: 23px;}
.pdt69 {padding-top: 69px !important;}
.pdt78 {padding-top: 78px !important;}
.mt12 {margin-top: 12px;}
.mt47{margin-top: 47px;}
.mt50{margin-top: 50px;}
.mt69{margin-top: 69px !important;}
.mt78{margin-top: 78px !important;}

/* 텍스트컬러 */
.txtOrg {color: #fe6e17;}
.txtGrn {color: #3d9309;}
.txtBlu {color: #0667b1;}
.txtRed {color: #FF0000;}
.txtWhite {color: #fff;}

/* 테이블 x scroll */
div.tbl_outer {width: 100%;overflow-x: auto;}
div.tbl_outer .tbl_table {min-width: 640px;}

/* 학과소개 이미지 여백 */
.sos_01_img{margin: 20px 0;width: 100%}
.bu{padding-left: 1em;display: block; }

.tbl_border {border:1px solid #e1e1e1; margin: 5px}
.tbl_border th, .tbl_border td {height:25px;line-height:25px;padding:2px 5px;border:1px solid #e1e1e1}

.extra_info {background-color: #f8f8f8;padding: 26px 34px;margin: 36px 0px;font-size:1em;line-height: 1.6}

.edu_top .txt_list21 {position:relative; margin-left:30px;}
.edu_top .txt_list21::before {content:""; width:20px; height:20px; position:absolute; left:-30px; top:auto; margin-top:0.9375rem; transform:translateY(-50%); background-image:url(/assets2021/img/blue_dot.png); background-position:center center; background-repeat:no-repeat; background-size:contain;}
.edu_top .txt_list21 br {display:none;}
.edu_top li {position:relative; margin-left:50px; letter-spacing:0.4px; line-height:6px;}
.edu_top li::before {content:""; width:0.5rem; height:0.5rem; position:absolute; background-color:#E67600; border-radius:3px; left:-20px; top:50%; transform:translateY(-50%);}
.edu_top li, li1 {font:normal normal 500 1rem/1.1875rem Pretendard;}
.edu_top li {margin-top:0.9375rem;}
.edu_top li1 {margin-left:50px; margin-top:6px;}

/* sub tab */
.tab_box3 {width:100%; margin-bottom:2rem; box-sizing:border-box; overflow:hidden;}
.tab_box3 ul {position:relative; display:flex; flex-wrap:wrap; column-gap:5px; row-gap:10px;}
.tab_box3 ul::after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#e56200;}
.tab_box3 ul li {position:relative; width:fit-content; height:46px;}
.tab_box3 ul li::after {content:''; position:absolute; left:0; bottom:0; width:300%; height:2px; background-color:#e56200;}
.tab_box3 ul li a {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:100%; padding: 0 30px; background-color:#efefef; border:1px solid #c9c9c9; border-bottom:0; border-radius:10px 10px 0 0; box-sizing:border-box;}
.tab_box3 ul li a span {color:#292929; font-size:17px;}
.tab_box3 ul li a:hover,
.tab_box3 ul li a:focus,
.tab_box3 ul li.active a {background-color:#e56200; border-color:#e56200; text-decoration: none;}
.tab_box3 ul li a:hover span,
.tab_box3 ul li a:focus span,
.tab_box3 ul li.active a span {color:#fff; text-shadow:0 0 0.7px currentColor, 0 0 0.7px currentColor;}
@media (max-width: 768px) {
    .tab_box3 ul li {height:40px;}
    .tab_box3 ul li a {padding:0 15px;}
    .tab_box3 ul li a span {font-size:13px;}
}