@charset "utf-8";
/*@import url("https://kcmie2021.com/resources/css/gnb.css");*/


/*layout*/
.wow { 	visibility: hidden;}
body.overflow {overflow: hidden;}

.header .head, .header .ham_btn,.onair_wrap, .lang{transition:.3s ease; animation:loadLogo 1s;}
@keyframes loadLogo{
    0% {opacity:0; transform: translateY(-20px)}
    100% { opacity:1; transform: translateY(0px)}
}
/*온에어 on air s*/
.onair_wrap {position: absolute; width: 225px; height: 125px; background: url("../img/main/onair.jpg") center/cover no-repeat; top: 20px; right: 50px; z-index: 102; border-radius: 30px; box-sizing: border-box; border: 12px solid #fff; box-shadow: -5px 5px 4px 1px rgba(0, 0, 0, .3), inset -5px 5px 4px 1px rgba(0, 0, 0, .3); overflow: hidden; cursor: pointer; display: block;}
.onair_wrap .txt_wrap {display: block;height: 100%;padding: 16px 1px 10px;box-sizing: border-box;} 
.onair_wrap .txt_wrap .onair { text-align: center; font-size: 37px; font-family: 'montserrat'; font-weight: 800; color: #fff; } 
.onair_wrap .txt_wrap .tx {white-space: nowrap;word-wrap: normal;overflow: hidden;margin-top: 5%;font-weight: 600;font-size: 19px;line-height: 150%;} 
/*온에어 on air e*/
.lang {position: absolute;top: 160px;right: 50px;z-index: 102;width: 70px;text-align: center;background: #0a4d94;padding: 10px 0;border-radius: 50px;font-weight: 600;color: #fff;border: 4px solid #fff;box-sizing: border-box;box-shadow: -2px 2px 2px 1px rgba(0,0,0,.2), inset -2px 2px 2px 0px rgba(0,0,0,.2);}
.lang:hover {background: #1f7cde}

@media screen and (max-width:1200px){
	.onair_wrap {right: 20px;}
	
	.onair_wrap {width: 150px; height: 90px; border: 7px solid #fff; border-radius: 23px;}
	.onair_wrap .txt_wrap {padding: 15px 1px 10px;}
	.onair_wrap .txt_wrap .onair {font-size: 25px;}
	.onair_wrap .txt_wrap .tx {font-size: 14px; font-weight: 400;}
	
	.lang {top: 125px;right: 20px;}
}

@media screen and (max-width:1024px){
	.onair_wrap {top: 100px; right: auto; left: 50%; transform: translateX(-50%);width: 200px;}
	.noneScroll .onair_wrap,.noneScroll .lang { z-index: 100;}
	
	.main .onair_wrap {width: 48vw; height: 28vw; top:26vw; margin:0 auto; border: 2.5vw solid #fff; border-radius: 5vw;}
	.main .onair_wrap .txt_wrap {padding: 3vw 1px;}
	.main .onair_wrap .txt_wrap .onair {font-size: 9.5vw;}
	.main .onair_wrap .txt_wrap .tx {font-size: 4vw;}

	.lang {top: 14px; right: 90px;}
	.main .lang {right: 110px;top: 28px;}
}
@media screen and (max-width:768px){
	.main .lang {right: 105px;top: 28px;}
}

@media screen and (max-width:500px){
	
	.main .onair_wrap {top:32vw;}
/*
	.onair_wrap {width: 125px; height: 70px; border: 5px solid #fff; border-radius: 17px; box-shadow: -4px 2px 3px 1px rgb(0 0 0 / 30%), inset -3px 3px 2px 1px rgb(0 0 0 / 0%);}	
	.onair_wrap .txt_wrap {padding: 10px 0 10px;}
	.onair_wrap .txt_wrap .onair {font-size: 20px;}
	.onair_wrap .txt_wrap .tx {font-size: 12px;}
*/
	.lang {right: 21vw;}
	.main .lang {right: 19vw;top: calc(8.5vw - 22px);}
}