@charset "utf-8"; 

@import url(common.css); 


.col_ye{color:#fbdf0c;}
.txt_under{text-decoration: underline;}

#container {position:relative; height:100%;  }
#container:after {content:""; display:block; clear:both; }

/*main_content*/
.main_content {position:relative; width:1000px; z-index:7; margin:0 auto 20px; word-break: keep-all; }
.main_content:after {content:""; display:block; clear:both; }


/* 슬로건*/
.slogan {position:relative; width:100%; padding:50px 0 30px; text-align:center; -webkit-animation:move 0.8s  ease; -moz-animation:move 0.8s  ease; -o-animation:move 0.8s  ease; -ms-animation:move 0.8s  ease; animation:move 0.8s  ease; }
.slogan .tit_1{display:block; font-size:32px; font-family:'notoM'; letter-spacing:-1px; color:#fff; line-height: 32px; }
.slogan .tit_1 span.font_red{color:#d84444}/*210106 수정 */

@-webkit-keyframes move {
	0% {transform:translateY(100px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}
@-moz-keyframes move {
	0% {transform:translateY(100px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}
@-o-keyframes move {
	0% {transform:translateY(100px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}
@-ms-keyframes move {
	0% {transform:translateY(100px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}
@keyframes move {
	0% {transform:translateY(100px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}


/* 왼쪽영역 */
.left_area {width:700px; height:500px; background:url("../images/main/table_bg.png") repeat; float:left; overflow:hidden; }


/* 테이블 */
.table_st_box {position:relative; background:rgba(255,255,255,0.9); font-family: "NotoR"; font-size:15px; overflow:hidden; word-break: keep-all; }
.table_st {position:relative;width:100%;height: 400px;border-collapse:collapse;}
.table_st th {padding:8px 10px;color:#fff;font-family: "NotoR";font-size:16px;text-align:center;border-right: 1px solid #767db1;border-bottom: 1px solid #767db1;background: #3F51B5;}
.table_st td {padding:10px; color: #222; text-align:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd; font-family:'NotoR'; }
.table_st td.ta_l { text-align:left; } 
.table_st .bg_col01{background:#22a8b7;border-width:1px 1px 1px 0px;border-color:#22a8b7;border-style:solid;color: #fff;}
.table_st .bg_col02{background:#179cab; border-width:1px 1px 1px 0px; border-color:#179cab; border-style:solid; color: #fff;}
.table_st .btn p{margin:10px 0;}
.table_st ul{margin:5px 0 0;}
.table_st ul li{font-size:13px; color:#555;}
.table_st ul li span{display:inline-block; vertical-align: top; margin-left:5px;}


.tbl_mo{display: none;}

/*텍스트 컬러 201223 수정*/
.table_st td.txt_red{color: #ea2819;font-size: 18px;font-weight: 600;}


/* M_link01 */
.table_st .M_link01 {background:#f19d1a; border-color:#f19d1a;border-bottom:1px solid #f19d1a; border-left:1px solid #f19d1a;}
.table_st .M_link01 a { display:block; padding:10px 0; color:#fff; }
.table_st .M_link01:hover{background-color:#d87409; transition: all .3s ease; text-decoration: underline; }


/* M_link02 */
.table_st .M_link02 {background:#bf3a2b; border-color:#bf3a2b; border-bottom:1px solid #bf3a2b; border-left:1px solid #bf3a2b;}
.table_st .M_link02 a { display:block; padding:10px; color:#fff; }
.table_st .M_link02:hover{background-color:#b91705; transition: all .3s ease; text-decoration: underline;}

/* M_link03 */
.M_link03 {width:100%;height:100px;background: #44484b url("../images/main/bg2.png") no-repeat 95% -18%;background-size: 160px auto;}/*201223 수정*/

.M_link03 a {display:block;padding: 25px 20px 60px 20px;}
.M_link03 a h2 { font-size:24px; color:#fff; line-height:1.4; font-family:'notoR';}
.M_link03 a p {font-size:16px;color:#fff;font-family: 'notoR'; margin-top: 10px;}
.M_link03:hover{background-color:#06091d; transition: all .3s ease;}

/* M_link04 */
.M_link04 {width:100%;height:100px;background: #fefaee url("/index/kmou/20211215_pop/images/main/bg3.png") no-repeat 95% 90%;background-size: 230px auto;}/*201223 수정*/

.M_link04 a { display:block; padding:25px 20px 80px 20px;}
.M_link04 a h2 { font-size:24px; color:#4c4c4c; line-height:1.4; font-family:'notoR'; margin-top: 10px;}
.M_link04 a p {font-size:16px;color:#4c4c4c;font-family: 'notoR'; }



/* 버튼 */
.btn_st01 {overflow:hidden; }
.btn_st01 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 #d84444; border-right: 1px solid #d84444; background: #d84444; }
.btn_st01 a:hover{background:#b12020; border-color:#b12020; transition: all .3s ease; }
.btn_st02 {overflow:hidden; }
.btn_st02 a {display:block; line-height:35px; padding:8px 15px; margin:1px; text-decoration:none; font-size:15px; font-family:"NotoM"; color:#0d4950; border-bottom: 1px solid #fff; border-right: 1px solid #fff; background:#e7fdff url("../images/main/ico_arrow.png") no-repeat 93% center; }
.btn_st02 a:hover{background:#044752 url("../images/main/ico_arrow_ov.png") no-repeat 97% center; border-color:#044752; color:#fff; transition: all .3s ease; }
.btn_st03 {overflow:hidden; }
.btn_st03 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 #f19d1a; border-right: 1px solid #f19d1a; background:#f19d1a; }
.btn_st03 a:hover{background:#d87409; border-color:#d87409; transition: all .3s ease; }


/*201223 추가*/
.btn_st04 {overflow:hidden; }
.btn_st04 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 #006cff; border-right: 1px solid #006cff; background:#006cff; }
.btn_st04 a:hover{background:#0f3e7f; border-color:#0f3e7f; transition: all .3s ease; }

/*200106 2021 신입생 정시모집 원서접수 안내 */
.txt_red{color: #ea2819;font-size: 18px;font-weight: 600;}
.txt_td{text-decoration:underline;}
.mgb10{margin-bottom:10px; display:block;}
.btn_st06 {overflow:hidden; }
.btn_st06 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 #12a91d; border-right: 1px solid #12a91d; background:#12a91d; }
.btn_st06 a:hover{background:#0f7d17; border-color:#0f7d17; transition: all .3s ease; }

.btn_st07 {overflow:hidden; }
.btn_st07 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 #a426b9;border-right: 1px solid #a426b9;background:#a426b9;width: 270px;}
.btn_st07 a:hover{background:#650b73; border-color:#650b73; transition: all .3s ease; }

.btn_st{    margin-top: 10px ;  display: block;}/*210106 수정*/


/* 등록확인예치금 납부 안내 */
#popup{width:100%; height:100%; display:none; background:rgba(0,0,0,0.65); position: fixed; top:0; z-index: 1000; text-align:center; }
.popup_wrap{background:#fff; position: relative; top:22%; width:100%; max-width:600px; margin:0 auto; padding:30px 10px; font-size:0; line-height:0; }
.popup_wrap h3{font-size:22px; margin:0 0 30px; }
.popup_wrap p{width:31%; margin-left:2%; display:inline-block; font-size:16px; line-height:20px; vertical-align: top; border-radius:5px; padding:20px 0; background:#4e638e}
.popup_wrap p a{color:#fff; font-family: 'NotoM'; display:block; }
.popup_wrap p span{display:block; margin-top:20px; }
.popup_wrap p.link01{margin:0; }
.popup_wrap p:hover{transition: all .3s ease; }
.popup_wrap p.link01:hover{background:#d84444; }
.popup_wrap p.link02:hover{background:#3a4ac5; }
.popup_wrap p.link03:hover{background:#492d8c; }
.popup_wrap #close{position: absolute; top:-40px; width:100%; cursor: pointer; }


.list01 {background: linear-gradient(90deg, #5948f5, #7e60f6 );padding: 20px;width: 400px;margin: 0 auto;}
.list01 a {background: rgba(50,36,177,0.55);}
.list01 a:hover {background: rgba(50,36,177,0.7);}
.list01 a::before {content: ''; display: block; position: absolute; bottom: 10px; right: 15px; width: 24px; height: 24px; }

.list01 .list_img {text-align: center; padding: 20px 0 0px;}
.list01 h3{padding:7px 0 13px; text-align:center; font-size:22px; color:#fff;}
.list01 .list_btn {padding: 0 30px;}
.list01 .list_btn a {display: block; width: 100%; padding: 15px 30px; border-radius: 5px; color: #fff; box-sizing: border-box; font-size: 16px;position: relative;}
.list01 .list_btn:hover a::before {transform: translateX(5px);}
.list01 .list_btn:hover a::before {
            -webkit-transition: all 0.5s ease; 
            -moz-transition: all 0.5s ease; 
            -o-transition: all 0.5s ease; 
            transition: all 0.5s ease; 
            -ms-transition: all 0.5s ease;
}

.list02{width: 300px; margin: 0 auto; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; position: relative; overflow: hidden;}
.list02 ul{margin-top: 10px;}
.list02 ul li{text-align: left; padding-left: 10px; font-size: 16px; line-height: 1.5;}
.list02 .btn_st01 a{width: 90%; margin: 0 auto} 


.table_st td span.font_blue{color: #006cff;  font-weight: 600; font-size: 18px; margin-top: 20px; display: block;}
.table_st td span.font_red{color: #f00;}
.table_st td span.txt{ margin-top: 20px; display: block; font-size: 16px; line-height: 1.5}

@media (max-width: 800px) {
	
	.main_visual, .right_area, .left_area, .main_content {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
	
	.main_visual, .right_area, .left_area, .slogan {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	
	#container {width:100%; }
	.main_content { width:95%; margin: 0 auto 20px; }
			
	.main_visual {width:100%;  height:auto; margin-bottom:20px; float:none; }
	.main_visual img{width:100%;  height:auto; }

		
	/* 슬로건*/
	.slogan .tit_1{font-size:26px; line-height:1.4; }

	/* 등록확인예치금 납부 안내 */
	#popup{height:100%; }
	.popup_wrap{ top:20%; width:90%; max-width:100%; }
	.popup_wrap p{width:80%; padding:10px 5%; margin:5px 5%; text-align:left; }
	.popup_wrap p.link01{margin:5px 5%; }
	.popup_wrap p span{display:inline-block; vertical-align: middle; margin:0 0 0 20px; }

	
	  
    /*220209*/
    .tbl_mo{display: block;}
    .tbl_web{display: none;}
}

@media (max-width: 590px) {
	
	/* 바로가기 */
	.M_link01 {width:100%; }
	.M_link02 {width:100%; height:100px; }
	.M_link03 {width:100%; }
		
	
	/* 슬로건*/
	.slogan .tit_1{font-size:22px; line-height:1.4; }	
		
}



@media (max-width: 480px) {


	/* 슬로건*/
	.slogan{padding:40px 0; }
	.slogan .tit_1 span{display:inline-block;}
    
    
    .list01{width: 90%; margin: 0 auto; overflow: hidden; position: relative;}


}




@media (max-width: 380px) {		


	/* 슬로건*/
	.slogan .tit_1{font-size:15px; line-height:1.4; }


}