/*학부교과목*/
.tbl_wrap .tbl td span.blue {display: inline-block; color: #51bae8;}
.tbl_wrap .tbl td span.yellow {display: inline-block; color: #ffb600;}
.tbl_wrap .tbl td span.green {display: inline-block; color: #8fb565;}

.color_chip {margin-bottom: 10px;}
.color_chip ul {display: flex; justify-content: flex-end;}
.color_chip ul li {margin-left:20px;}
.color_chip ul li:first-child {margin-left:0;}
.color_chip ul li .box {display: inline-block; width:30px; padding:5px 10px;}
.color_chip ul li .box.blue {background: #51bae8;}
.color_chip ul li .box.yellow {background: #ffb600;}
.color_chip ul li .box.green {background: #8fb565;}
.color_chip ul li p {display: inline-block; color:#333; font-weight: bold; font-size:.9rem;}

.cont_sub_tit {font-size: 1.3rem;}
.num_list li:before {display: none;}
.dot_list li p,.refer {color:#666; font-size:.9rem;}

.process {display: flex;margin: 10px 0;gap: 1rem;flex-wrap: wrap;}
.process li{text-align: center;}
.process li:first-child {margin-left: 0;}
.process li img {display: inline-block; vertical-align: middle; margin-right:15px;}
.process li span {display: inline-block;min-width:150px;padding: 10px 5px;background: #0b5dad;color: #fff;font-weight: 600;border-radius: 5px;border: 3px solid #0b5dad;}


.file_list li {background: #f7f7f7; padding:20px; margin-bottom:10px;}
.file_list li:after {content: ""; display: block; clear: both;}
.file_list li span {display: inline-block; margin-top:10px; font-weight:500; font-size:1rem;}
.file_list a {float:right; padding:8px 35px 8px 15px;}
.file_list a:focus-visible {outline-offset: 5px;}
.file_list li a:first-child{margin-left:5px;}
.file_list.type02 {display: flex; flex-wrap: wrap;}
.file_list.type02 li {width: calc(100% / 2 - 5px);}
.file_list.type02 li:nth-child(2n) {margin-left: 10px;}

.btn{display: inline-block; padding: 10px 20px;  text-align: center; transition: all 0.3s;}
.btn+.btn{margin-left: 5px;}
.btn_default{ position: relative; padding: 15px 40px 15px 20px; border: 1px solid #333; background: #fff; }
.btn_default:hover{background: #444; color: #fff; text-decoration: none !important;}
.btn_default:after{content: ''; position: absolute; width: 15px; height: 15px; right: 15px; top:50%; transform: translateY(-50%);}
.btn_default.down:after {background: url("/resources/site/dswc/resource/images/contents/ico_btn_down.png") center no-repeat;}
.btn_default.down:hover:after{background: url("/resources/site/dswc/resource/images/contents/ico_btn_down_w.png") center no-repeat;}


/*준비중*/
.no_data_img {text-align: center;}
.no_data_img h2 {font-size:2rem; font-weight: 300; margin-bottom: 10px;}
.no_data_img h2 strong {display:inline-block; font-weight: bold;}
.no_data_img img {display: block; margin:0 auto 30px auto; max-width:150px;}
.no_data_img p {line-height: 1.6rem; font-weight: 300;}


/*인사말*/
.greeting.type_02 .greeting_heading .img {max-width: 200px; max-height: 250px; overflow: hidden;}
.greeting.type_02 .greeting_heading .img img {width: 100%; height: 100%; object-fit: cover;}

.sba_intro_02 li{display: flex; align-items: center; border: 1px solid #ddd; padding: 40px ; }
.sba_intro_02 li+li{margin-top: 20px;}
.sba_intro_02 img{margin: 0 40px 0 20px;}
.sba_intro_02 .txt strong{font-size: 1.4rem;}
.sba_intro_02 .txt small {display: block; font-size: 1rem; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.sba_intro_02 .txt p {padding: 15px 0 0 0}
.sba_intro_02 .txt a {display:block;  background: #fafafa;padding: 15px; color: #1b7cc0;}
.sba_intro_02 .txt a:hover{text-decoration: underline;}




/**/
.subject_list.type_01 {text-align: center;}
.subject_list.type_01 li h5 {padding:2rem 0;}

@media screen and (max-width: 768px){

    .greeting.type_02 .greeting_heading {justify-content: center;}
    .greeting.type_02 .greeting_heading .img {margin-right: 0;}
    .greeting.type_02 .greeting_heading .tit {text-align: center;}


    /*준비중*/
    .no_data_img h2 {margin-bottom: 5px;}
    .no_data_img img {max-width:130px;}


}



@media screen and (max-width: 565px){

    .file_list a {float:none; display:block; margin:10px;}
    .sba_intro_02 li {padding:25px;}


}