@charset "utf-8";
/****************************************/
/* Name: 동명대학교 학과 개별 + a 
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-01-26
/* Author:  
/****************************************/

/* 공통 */
.bg-white { background-color: #fff;}

.align-left {text-align: left; }
.align-center {text-align: center; }
.align-right {text-align: right; }
.py-1 {padding: 0.25rem 0;}
.py-2 {padding: 0.5rem 0;}
.py-3 {padding: 1rem 0;}
.py-4 {padding: 1.5rem 0;}

.ml-1 {margin-left: 0.25rem; } 
.ml-2 {margin-left: 0.5rem; } 
.ml-3 {margin-left: 1rem; } 
.ml-4 {margin-left: 1.5rem; } 

.wd-100 {width: 100%; }

.color-green {color: #3f9586;}
span.btn-type2{display:inline-block; border:1px solid #2e658f; padding:0}
span.btn-type2 a{display:block; position:relative; line-height:50px; color:#2e658f; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type2 a:after{display:block; content:''; width:35px; height:50px; background:#2e658f url('/_res/tongmyong/tuhome/img/common/ico-btn2.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type2 a:focus,
span.btn-type2 a:hover{background:#2e658f; color:#fff;}
span.btn-type2 a:hover:after,
span.btn-type2 a:focus:after{background-color:#16456a}

/*
=========================================================================
pc 레이아웃 css
=========================================================================
*/
/* list  */
.li_dot1.color01 li::before {border-color: #5ca296; }
.li_dot1.color02 li::before {border-color: #448ca9; }
.li_dot1.in_l40 { margin-left: 40px;}
.li_dot1 .h-tit {display: block;color: #5ca296;}
.list-link h2 { display: inline-block; margin-right: 2.333rem;}




/* dl dt dd */
.dl-list01 {position:relative;margin-bottom:85px;padding-left:400px;min-height:160px}
.dl-list01 dt{position:absolute;top:0;left:0;padding-top:40px;font-size:24px;color:#343c40;font-weight:500;line-height:1.6}
.dl-list01 dt::before{position:absolute;top:0;left:0;width:60px;height:0;content:'';}
.dl-list01 dt.title01 {font-size:36px; line-height: 1; padding-top:0;}
.dl-list01 dt.color01::before{border-top:3px solid #3f9586;}
.dl-list01 dt.color01 span{color:#3f9586;}
.dl-list01 dt.color02::before{border-top:3px solid #448ca9;}
.dl-list01 dt.color02 span{color:#448ca9;}


.dl-list02 li {margin-bottom:10px;font-size:18px;color:#50585c}
.dl-list02 dt {display:inline-block; margin-right:10px; padding:0 30px; color:#fff; line-height:36px;border-radius:18px}
.dl-list02 dd { display: inline; }
.dl-list02 .color01 { background-color: #49918f;}
.dl-list02 .color02 { background-color: #4f8d98;}
.dl-list02 .color03 { background-color: #527d99;}
.dl-list02 .color04 { background-color: #4e6e96;}
.dl-list02 .color05 { background-color: #4e5f96;}
.dl-list02 .color06 { background-color: #4e5096;}


/* table */

/* button */
[class*="btn-type"] {display: inline-block; font-size: 15px;  border-width: 1px; border-style:solid; border-color: #388e3c; color: #388e3c; padding: 0.25rem 1.666rem 0.25rem 1.666rem; text-align: center; vertical-align: middle;}

[class*="btn-type"].r {border-radius: 20px;}
[class*="btn-type"].link {padding: 0.25rem 1.333rem 0.25rem 1.333rem;}
[class*="btn-type"].link i {content: ' '; width: 14px; height: 15px; display: inline-block; background-image: url(../img/ic_blank.png); background-repeat: no-repeat; background-position: 0 0; margin-left: 0.5rem; vertical-align: middle; }


/* bul */
.text-box{position:relative;margin-bottom:35px; font-size:21px;text-align:center}
.text-box span{display:block;}
.text-box::after,
.text-box::before{position:absolute;left:0;width:100%;height:10px;content:'';opacity:0.6;border-radius:5px}
.text-box::after{top:0;}
.text-box::before{bottom:0;}
.text-box span::after,
.text-box span::before{position:absolute;top:0;width:10px;height:100%;content:'';opacity:0.6;border-radius:5px}
.text-box span::after{left:0}
.text-box span::before{right:0}
.text-box::after{background:#7fb843;}
.text-box::before{background:#43a047;}
.text-box span::after,
.text-box span::before{background:#3fa38a;}


/*연혁*/
.h-tit{display:block; color:#3f9586;}
.his{padding-bottom: 40px; border-bottom: 1px solid #dee2e4;}

/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

 /* PC / TABLET Device */
@media all and (min-width:641px){

}

 /* PC Device */
@media all and (min-width:1201px){
	
}

 /* TABLET Device */
@media all and (max-width:1200px){
	.dl-list01{padding-left:0}
	.dl-list01 dt{position:relative;margin-bottom:30px}
	.dl-list01 dt br{display:none}
}

 /* TABLET Device */
@media all and (max-width:800px){
	
}

 /* Mobile Device */
@media all and (max-width:640px){
	.li_dot1.in_l40 { margin-left: 25px;}

	.dl-list01{margin-bottom: 45px;}
	.dl-list01 dt{margin-bottom: 20px;padding-top: 15px;font-size: 16px;}
	.dl-list01 dt::before{width:40px}
}

@media all and (max-width:480px){
	td [class*="btn-type"].link i {display: block; text-align: center; margin:0 auto;}
}

.sub05_02 .mb_scroll td{text-align:left}