@charset "utf-8";
/****************************************/
/* Name: 동명대학교 협정서조회
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2022-02-17
/* Author:  
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/
#header{height:45px;box-shadow:0 0 0 0 rgba(0,0,0,0)}
#header .head_box{height:auto}
#header .head_box .logo{display:none}
#container{padding-top:40px}
.main-wrap{width:100%; max-width:1400px; margin:0 auto; letter-spacing:-0.25;}
.main-wrap .logo{width:100%; margin:40px 0 20px;}
.logo a{text-decoration:none;}
.logo a span{display: inline-block;font-size:21px;font-family: 'YDV2002';line-height: 47px;font-weight: normal;color: #182024;padding-top: 7px;margin-left:10px; vertical-align:middle;}    
.banner-wrap{width:100%; position:relative;}
.banner-wrap:before{content:''; width:518px; height:278px; position:absolute; bottom:0; right:0; background:url('/_res/tongmyong/mou/img/main/banner_img.png') left bottom/contain no-repeat;}
.cont-banner{width:100%; padding:40px 60px; background:#028b49; border-radius:5px; font-size:0; text-align:left;}
.ban-title{display:inline-block; vertical-align:top; position:relative; z-index:999;}
.ban-title .year{font-size:30px; line-height:1; color:#fff; font-weight:400;}
.ban-title h2{font-size:54px; line-height:1; color:#b4ee45; font-weight:600; margin-top:10px;}
.ban-list{display:inline-block; vertical-align:top; font-size:0; text-align:left; margin-left:40px; position:relative; z-index:999;}
.ban-list li{display:inline-block; vertical-align:top; width:100px; height:100px; margin-right:20px; background:rgba(0,163,74,0.8); color:#fff; font-weight:500; font-size:24px; line-height:100px; text-align:center; border-radius:200px; box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);}
.search-bar{margin-top:20px; padding:20px 30px; width:100%; background:#eef8f3; border:2px solid #e0eee7; border-radius:5px; display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.search-bar .search-ipt{width:calc(100% - 200px);display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.search-bar dl{padding-right:30px; font-size:0; text-align:left;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.search-bar dl dt{width:60px;font-size:16px; line-height:40px; font-weight:500; margin-right:10px; display:inline-block; vertical-align:top;}
.search-bar dl dd{width:calc(100% - 70px);font-size:14px; display:inline-block; vertical-align:top;}
.search-bar dl.sch-text{width:30%;}
.search-bar dl.sch-date{width:40%}
.search-bar dl.sch-select{width:30%;}
.search-bar dl.sch-date dd{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.search-bar dl.sch-date dd input{width:calc((100% - 30px) / 2)}
.search-bar input:focus{outline:none;}
.search-bar dd input:hover{border:1px solid #5bb986}
.search-bar dd select:hover{border:1px solid #5bb986}
.search-bar select:focus{outline:none;}
.search-bar input[type="text"],.search-bar input[type="date"]{border-radius: 5px;font-weight:300; height:40px; width:100%; border: solid 1px #ddd; -webkit-transition: 0.2s; transition: 0.2s; padding:0 5px;}
.search-bar select{border-radius: 5px;font-weight:300; height:40px; width:100%; border: solid 1px #ddd; -webkit-transition: 0.2s; transition: 0.2s; padding:0 5px;background:#fff url('/_res/tongmyong/mou/img/main/ic-arrow.png') 95% center no-repeat;}
.sch-radio dd{position: relative;}
.sch-radio dd input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.sch-radio dd input[type="radio"] + label{display: inline-block; position: relative; padding-left: 25px; margin-right:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; line-height:40px;}
.sch-radio dd input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 10px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius: 100%;}
.sch-radio dd:hover input[type="radio"] + label:before {background: #fff; border-color:#b5cec1;}
.sch-radio dd input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before{}
.sch-radio dd input[type="radio"]:checked + label:before{background: #fff; border-color: #ddd;}
.sch-radio dd input[type="radio"]:checked + label:after{content: ''; position: absolute; top: 15px; left: 5px; width: 10px; height: 10px; background: #888; border-radius: 100%;}
.sch-radio dd:hover input[type="radio"]:checked + label:before{background: #fff; border-color: #b5cec1;}
.sch-radio dd:hover input[type="radio"]:checked + label:after{background: #0f9454;}
.sch-radio dd input[type="radio"]:disabled + label:before {background:#ddd; border-color:#ccc;}
.sch-radio dd:last-child input[type="radio"] + label{margin-right:0;}
.btn_common{-webkit-transition: 0.3s; transition: 0.3s; padding:0 15px 0 20px; height:40px; background:#fff; border:1px solid #ddd; border-radius:5px; color:#028b49; font-size:16px; font-weight:500;}
.btn_common span{position:relative; padding-left:10px;}
.btn_common span:before{-webkit-transition: 0.3s; transition: 0.3s; position:absolute; top:50%; left:-9px; margin-top:-7px; width:14px; height:15px;content:'';}
.btn_common:hover{background:#028b49; border-color:#028b49; color:#fff;}
.btn_sch{margin-right:10px}
.btn_sch span:before{background:url('/_res/tongmyong/mou/img/main/ico_search.png') left top no-repeat;}
.btn_sch:hover span:before{background:url('/_res/tongmyong/mou/img/main/ico_search_on.png') left top no-repeat;}
.btn_excel span:before{background:url('/_res/tongmyong/mou/img/main/ico_excel.png') left top no-repeat;}
.btn_excel:hover span:before{background:url('/_res/tongmyong/mou/img/main/ico_excel_on.png') left top no-repeat;}
.sch-date input[type="date"]{width:150px}
.dash{padding:0 10px}

.table-wrap{width:100%;margin-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.table-wrap .left-box{width:60%;}
.table-wrap .right-box{width:38%;}

.tit_tbl{font-size:20px; font-weight:600; margin-top:20px; margin-bottom:10px; position:relative; padding-left:10px;}
.tit_tbl:before{position:absolute; top:10px; left:0; content:''; width:3px; height:22px; background:#028b49;}


/*세로 테이블*/
.full{position:relative;width:100%;overflow-y:auto;border-top:2px solid #72bb2a;border-bottom:1px solid #bbb}
.full .tbl-wrap{width:100%;height:500px;}
.tbl-wrap table{width:100%; text-align:center; font-size:16px;}
.tbl-wrap table tr{border-bottom:1px solid #ddd;display: table;width: 100%;box-sizing: border-box;}
.tbl-wrap table tr:hover{background:#f6faf8;transition:all 0.2s;cursor:pointer;display: table;width: 100%;box-sizing: border-box;}
.tbl-wrap table thead{width:100%;display:table;}
.tbl-wrap table tbody{display:block;width:100%;max-height:450px;overflow-y:scroll;}
.tbl-wrap table tr th{padding:10px 0; background:#f5f5f5;word-break: break-all;width:20%;}
.tbl-wrap table tr th:first-child{width:10%}
.tbl-wrap table tr th:last-child{width:70%}
.tbl-wrap table tr td{border-collapse:collapse;padding:10px 5px;word-break: break-all;text-align: center;width:20%;}
.tbl-wrap table tr td:first-child{width:10%}
.tbl-wrap table tr td:last-child{width:70%}

/* 가로 테이블 */
.full .tbl-wrap-h{width:100%;height:500px;}
.tbl-wrap-h table{width:100%;text-align:center; font-size:16px;}
.tbl-wrap-h table tr{border-bottom:1px solid #ddd;}
.tbl-wrap-h table tr:last-child{border-bottom:none;}
.tbl-wrap-h table tr th{width:30%;min-width:150px;padding:10px 0; background:#f5f5f5;}
.tbl-wrap-h table tr td{padding:10px 5px;text-align:left;}
.tbl-wrap-h table tr td a{position:relative;padding-left:20px;}
.tbl-wrap-h table tr td a:hover{color:#888;text-decoration:underline;}
.tbl-wrap-h table tr td a::before{position:absolute;content:'';top:5px;left:0;width:16px;height:16px;background:url('/_res/tongmyong/mou/img/main/ic_file.png') left top/contain no-repeat;}
/*
=========================================================================
반응형 css
=========================================================================
*/

@media all and (max-width:1600px){
	.main-wrap{width:96%;}

}

@media all and (max-width:1200px){
	#header .head_box{min-height:auto}
	#header .head_box .btnMenu{display:none}
	.search-bar dl.sch-text{width:50%}
	.search-bar dl.sch-date{width:50%}
	.search-bar dl.sch-select{width:50%}
	.cont-banner{padding:40px;}
	.ban-title{font-size:0; text-align:left;}
	.ban-title .year{font-size:40px; display:inline-block; vertical-align:top;}
	.ban-title h2{font-size:40px; display:inline-block; vertical-align:top; margin-top:0; margin-left:10px;}
	.ban-list {display:block; margin-left:0; margin-top:20px;}
	.ban-list li{width:100px; height:40px; margin-right:10px; font-size:18px; line-height:40px;}
}

@media all and (max-width:1024px){

	/*메인*/
	.banner-wrap:before{width:420px; height:225px;}
	.ban-title .year{font-size:30px;}
	.ban-title h2{font-size:30px;}
	.search-bar .search-ipt{width:100%;margin-bottom:10px}
	
	.search-bar dl:nth-child(2n){padding-right:0}
	.btn_common{width:calc((100% - 10px) / 2)}

}

@media all and (max-width:780px){

	/*메인*/
	.banner-wrap:before{display:none;}
	.cont-banner{text-align:center; padding:30px;}
	.ban-list{text-align:center;}
	.search-bar dl{padding-right:0}
	.search-bar dl.sch-text{width:100%}
	.search-bar dl.sch-date{width:100%}
	.search-bar dl.sch-select{width:100%}
	.sch-radio dd{width:calc((100% - 77px) / 3);}
	.sch-radio dd input[type="radio"] + label{margin-right:0; padding-left:30px;}
	
	.table-wrap .left-box{width:100%;}
	.table-wrap .right-box{width:100%;}
	.full{position:relative; width:100%; overflow:hidden; margin-bottom:20px;}
	.full .tbl-wrap{height:400px}
	
	.full .tbl-wrap-h{height:auto}
	.mbtb_quide{position: absolute; top: 20%; left: 50%; width: 70px; height: 70px; background: url('/_res/tongmyong/mou/img/main/bg_touch.png') no-repeat; background-size: 100%; border-radius: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
}

@media all and (max-width:640px){
	
	#header{height:30px;}
	.main-wrap .logo{margin:20px auto;}

	.ban-title .year{font-size:26px;}
	.ban-title h2{font-size:26px;}
	.btn_sch{margin-right:0;margin-bottom:10px}
	.btn_common{width:100%;}
	
	.full .tbl-wrap table{width:100%;}
	.tit_tbl{font-size:1.1rem}
	.tit_tbl:before{top:2px}
	
	.tbl-wrap-h table tr th{display:block;width:100%;}
	.tbl-wrap-h table tr td{display:block;width:100%;min-height:30px}
	.tbl-wrap table tr th{width:35%;}
	.tbl-wrap table tr th:first-child{width:10%}
	.tbl-wrap table tr th:last-child{width:55%}
	.tbl-wrap table tr td{width:35%;}
	.tbl-wrap table tr td:first-child{width:10%}
	.tbl-wrap table tr td:last-child{width:55%}
	
}

@media all and (max-width:420px){
	.main-wrap .logo img{width:50%}
	.logo a span{font-size:18px; margin-left:5px;}
	.cont-banner{padding:30px 10px;}
	.ban-title .year{font-size:20px; display:block; margin-bottom:5px; text-align:center;}
	.ban-title h2{font-size:26px; margin-left:0;}
	.ban-list li{width:80px; }
	.search-bar{padding:20px}
	.search-bar dl dt{width:100%;line-height:1;margin:5px 0 10px}
	.search-bar dl dd{width:100%}

}