@CHARSET "UTF-8";
	/*@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
	body{font-family: 'Nanum Gothic', serif !important;}*/
	.topMenu{z-index:100;}
	.title{font-size:24pt; color:#333333; text-align:center; padding-top:30px; font-weight:bold}
	.intro{min-width:1280px}
	.content1 .bg {background-image:url(../images/schoolBus/intro/top_visual.png); background-size:cover; background-position:center; width:100%; height:360px; }
	.content2 {clear:both;  height:100%; width:100%;padding-bottom:100px}
	.content2 .bg {background-image:url(../images/schoolBus/intro/mgty_01.png); background-size:cover; background-position:center; width:100%; z-index:10; height:850px; }
 	.content2 .certImgArea{padding-top:450px; width:880px; text-align:center; margin:0 auto}
	.content3 .bg {background-image:url(../images/schoolBus/intro/mgty_bell_.jpg); background-size:cover; background-position:center; width:100%; z-index:10; height:3607px; }
 	.content3 .certImgArea{padding-top:450px; width:880px; text-align:center; margin:0 auto}
  	.content3 {clear:both}
 	.content4{height:100%; background-color:#f5f5f5; padding-bottom:50px}
	.content4 .content{margin-top:40px; text-align:center; }
	.content4 .content .row1, .content4 .content .row2{clear:both; width:1280px; height:190px; margin:0 auto; padding-left:150px}
	.content4 .content .rowLogo{float:left}
	.content4 .content .rowLogoTxt{font-size:16pt; color:#333333; margin-top:-15px; margin-bottom:15px;}
	.content4 .content .logoMR{margin-right:60px; text-align:center; background-color:#fff; border-radius:5px}
	.content4 .content .logoMR_NO{text-align:center; background-color:#fff}
	
	.content6 .title .titleSub{font-size:13pt; color:#333333; padding-top:15px; line-height:30px}
	.content6 .content{text-align:center; margin-top:30px; margin-bottom:50px}
	.content6 .content .applicationDown{width:330px; text-align:center; font-size:17pt; color:#333333; background-color:#FFC000;  margin:0 auto; margin-top:30px;padding:5px; border-radius:2px;margin-bottom:30px; border-radius:20px;font-weight:bold}
	.content6 .content .applicationDown:hover{text-decoration:underline; }

	.content8{background-color:#FFC000; padding-bottom:80px}
	
	/*menu*/
	.menuContent{width:100%}
	.topMenu{position:fixed; width:100%; background-color:#fff;border-bottom:4px solid #ffc000}
	.certArea{margin-top:-200px; width:440px;}
	.certDiv{width:220px; text-align:center;  cursor:pointer; float:left;}
	.menuList{float:left; width:calc(100% - 535px)}
	/* width >= 1280 */
	
	@media screen and (min-width: 1280px) {
		.menuLogo, .menuContent{float:left}
		.menuArea{height:100px; width:1280px; margin:0 auto; }
		.menu{float:left; margin-left:65px; margin-top:40px; font-size:17px; cursor:pointer; font-weight:bold; }
		.menu6{float:left; margin-left:50px; margin-top:38px; font-size:17px; cursor:pointer; font-weight:bold; }
		.menuContent_m{display:none}
		.certArea{margin-left:22%} 
	} 
	
	/* 1080 <= width < 1280 */
	@media screen and (min-width: 1111px) and (max-width: 1279px){
		.menuLogo, .menuContent{float:left}
		.menuArea{height:100px; margin:0 auto; }
		.menu{float:left; margin-left:40px; margin-top:39px; font-size:17px; cursor:pointer; font-weight:bold; }
		.menu6{float:left; margin-left:30px;  font-size:17px; cursor:pointer; font-weight:bold; }
		.menuContent_m{display:none}
		.certArea{margin-left:10%} 
	} 
	
	/* 980<= width < 1079 */
	@media screen and (min-width: 1000px) and (max-width: 1110px){
		.menuLogo, .menuContent{float:left}
		.menuArea{height:100px; margin:0 auto; }
		.menu{float:left; margin-left:23px; margin-top:40px; font-size:17px; cursor:pointer; font-weight:bold; }
		.menu6{float:left; margin-left:20px; font-size:17px; cursor:pointer; font-weight:bold; }
		.menuContent_m{display:none}
		.certArea{margin-left:10%} 
	} 
	
	 @media screen and (max-width: 999px) {
		.menuArea{height:100px; width:100%; min-width:400px}
		.menuLogo{float:left}
		.menuContent{float:left; width:calc(100% - 200px)}
		.menu{float:right; margin-right:20px; font-size:17px; cursor:pointer; font-weight:bold;}
		.menu6{float:right; margin-left:20px; margin-right:20px; margin-top:32px; font-size:17px; cursor:pointer; font-weight:bold; }
		
		.menuContent{display:none}
		.menuContent_m{display:block; min-width:460px}
		#navbar{background-color:#fff; margin-top:30px}
		nav ul {line-height:40px; font-size:17px; padding-left:30px !important; border-top:1px solid #e5e5e5; padding-bottom:10px; border-bottom:1px solid #e5e5e5}
		.menu_m{font-weight:bold}
		.menu_m_Txt{width:230px; cursor:pointer}
		.certArea{margin-left:10%} 
	}

	.menuTxt{padding-bottom:2px}
	.menuLoginTxt{padding:10px; background-color:#FFC000; border-radius:25px; }
	.menuLoginTxt:hover{background-color:#f5f5f5; }
	.menuJoinTxt{padding:10px; background-color:#fff;border:1px solid #FFC000; border-radius:25px;text-align: center;margin-top: -7px;margin-left:7px; }
	.menuJoinTxt:hover{background-color:#f5f5f5; }
	
	/*login*/
	.login_content{clear:both; background-color:#fff; width:900px; height:400px; margin:0 auto; padding:30px 50px 0px 50px; margin-top:30px}
	.formTitle{clear:both; width:30%; float:left; font-size:15px; color:#333333; line-height:40px; }
	.formCont{ float:left; width:237px;}
	.loginTitle{font-size:20px; color:#333333; font-weight:bold; margin-left:10px}
	.loginArea{clear:both; height:3px; display:flex; margin-top:10px}
	.loginbar1{width:176px; background-color:#ffc000}
	.loginbar2{width:624px; background-color:black}
	.pointer{cursor:pointer}
	#idsave{margin-top:5px; margin-right:5px; margin-left:17px;}
	#message{text-align:center; color:red; height:30px; margin-bottom:10px;} 
	.joinBtn{width:130px; height:48px; border: 1px solid #ffc000; cursor:pointer; text-align:center; line-height:48px;font-weight:bold}
	#loginBtn{width:92px; height:80px; background-color: #ffc000; text-align:center; line-height:80px; font-weight:bold}
	.footer{background-color:#555555;min-width:1280px;padding-top:20px; padding-bottom:20px; text-align:center;}
	.footerTxt{ color:#fff; line-height:30px; width:920px; margin:0 auto}
	.onlineRegist{background-color:#FFC000; color:black; width:400px; height:60px; line-height:60px;  margin:0 auto; margin-top:-130px;}
	.onlineRegistTxt{font-weight:bold; font-size:22px; text-align:center; cursor:pointer }
	#certImg, #kccertImg{cursor:pointer}
	
	/*알림마당*/
	.modal-header{background-color:#ffc000; color:black}
	.modal-content{width:900px; }
	.modal-body{padding: 20px; min-height:600px; max-height:600px; overflow-y:auto}
	.newsArea{clear:both; width:100%; height:40px; border-bottom:1px solid #e5e5e5}
	.newsArea:hover{background-color:#f9f9f9}
	.newsNo{width:50px; float:left; text-align:center;line-height:40px;}
	.newsTitle{width:calc(100% - 270px); float:left;line-height:40px; max-width:580px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal}
	.newsContentTitle{font-weight:bold; cursor:pointer; line-height:40px;}
	.newsWriter{float:left;font-weight:bold;line-height:40px; width:120px; text-align:center}
	.newsTime{float:left;font-weight:bold;line-height:40px};
	
	.onlineRegist{line-height:28px; float:right; cursor:pointer; height:200px; font-weight: bold;font-size:25px; width:200px; padding-top:20px; text-align:center; background-color:#FF00DD; color:#fff; border-radius:50%; margin-top:-90px;font-weight:bold; position: fixed;bottom:50px;;right:50px;z-index:1;border: 5px solid #ffffff;
	-webkit-animation: colorChg 2s 0s infinite linear alternate;
    -moz-animation: colorChg 2s 0s infinite linear alternate;
    -ms-animation: colorChg 2s 0s infinite linear alternate;
    -o-animation: colorChg 2s 0s infinite linear alternate;
    animation: colorChg 2s 0s infinite linear alternate;
	}

	.onlineRegist_show{cursor:pointer;width:36px;height:36px;line-height:33px;font-weight:bold; position: fixed;bottom:35px;;right:33px;z-index:1;background-color: black;color: #fff;text-align: center;border: 3px solid #ffffff;}
	.quickMenu{line-height:17px; float:right; cursor:pointer; background-color:#f5f5f5; width:148px; text-align:center; position: fixed;bottom:50px;right:50px;z-index:1;}
	.quickMenuItem:active{background-color: #b5802d;}
	.quickMenuItem{height: 140px;width:100%;color: #fff;font-size: 14px;padding-top:6px;background-color: #555;border: 1px solid #888;}
	.quickMenu>.open{display: block;}
	.quickMenu>div>.open{display: block;}
	.quickMenu>div>.close{display: none;}
		
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, 
	.col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
	.col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, 
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, 
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl{position:unset}