@charset "UTF-8";

/*
    AUTHOR : Lee.Hye.Jun
    E-MAIL : hyejun01@naver.com
    DATE : 2019.04
	File : css/main.css
*/

/* ===========================
		 	main
=========================== */

.main_search{padding: 100px 0 126px;text-align: center}
.main_search .main_logo{position: relative;text-align: center}
.main_search .main_logo img{}
.main_search .main_logo .plane{position: absolute;top: 155px;left: 50%;margin-left: -21px;}
.main_search .search_area{display: inline-block;position: relative;margin: 44px auto 0}
.main_search .search_area .search_input{width: 787px;height: 86px;padding: 0 101px 0 40px;border: 7px solid #0e75bc;border-radius: 100px;font-family: "Nanum Gothic";font-size: 27px;box-sizing: border-box}
.main_search .search_area .btn_search{position: absolute;top: 50%;right: 14px;width: 61px;height: 61px;margin-top: -30px;border-radius: 50%;background: #0e75bc url(/nqs/oidnow/img/search_btn.png) no-repeat center center;font-size: 0}
.main_banner{display: none;margin: -80px 0 30px;}
.main_banner img{width: 100%}
.main_preven{position: relative;padding: 0 0 15px;text-align: center}
.main_preven:after{position: absolute;top: 21px;left: 0;width: 100%;height: 80px;background: url(/nqs/oidnow/img/preven_line.png) no-repeat top center;background-size: contain;content: ''}
.main_preven .preven_tit{display: inline-block;position: relative;z-index: 3;padding: 0 50px;border: 1px solid #cbcbcb;border-radius: 50px;background: #5a5a5a}
.main_preven .preven_tit p{display: inline-block;font-family: "BMJUA";line-height: 47px;vertical-align: middle}
.main_preven .preven_tit .ylw{font-size: 27px;color: #fcd315}
.main_preven .preven_tit .ylw span{position: relative;font-family: "BMJUA";font-size: 35px}
.main_preven .preven_tit .ylw span:before{position: absolute;top: -13px;left: 0;width: 4px;height: 12px;border-radius:20px;background: #7d7d7d;content:'';transform: rotate(-45deg)}
.main_preven .preven_tit .ylw span:after{position: absolute;top: -17px;left: 10px;width: 4px;height: 14px;border-radius:20px;background: #7d7d7d;content:''}
.main_preven .preven_tit .white{margin-left: 5px;font-family: "BMJUA";font-weight: normal;font-size: 43px;color: #fff}
.main_preven .preven_step{margin-top: 7px;padding: 0 35px}
.main_preven .preven_step li{display: inline-block;position: relative;width: 20%}
.main_preven .preven_step li:first-of-type:before{display: none}
.main_preven .preven_step li:first-of-type:after{display: none}
.main_preven .preven_step li:before{position: absolute;top: 49px;left: -15px;width: 27px;height: 7px;border-radius: 15px 0 0 15px;background: #bfbfbf;transform: rotate(45deg);content: ''}
.main_preven .preven_step li:after{position: absolute;top: 63px;left: -15px;width: 27px;height: 7px;border-radius: 20px 0 0 20px;background: #bfbfbf;transform: rotate(-45deg);content: ''}
.main_preven .preven_step li .img_area{}
.main_preven .preven_step li .txt{margin-top: 9px;font-size: 22px;line-height: 25px;color: #8c8c8c;letter-spacing: -1.65px}

@media screen and (max-width: 1279px){
	.main_preven .preven_step{padding: 0 15px}
	.main_preven .preven_step li .txt{font-size: 19px}
}

@media screen and (max-width: 1024px){
	.main_search{padding: 80px 0 61px}
	.main_search .main_logo img{width: 300px}
	.main_search .search_area{width: 80%}
	.main_search .search_area .search_input{width: 100%;height: 60px;padding: 0 48px 0 20px;border-width: 5px}
	.main_search .search_area .btn_search{right: 12px;width: 40px;height: 40px;margin-top: -20px;background-size: 19px}
	.main_banner{margin: -40px 0 0;}
	.main_preven .preven_tit{display: block;padding: 0 26px}
	.main_preven .preven_tit p{line-height: 38px}
	.main_preven .preven_tit .ylw{font-size: 22px}
	.main_preven .preven_tit .ylw span{font-size: 26px}
	.main_preven .preven_tit .ylw span:before{top: -14px;height: 10px}
	.main_preven .preven_tit .ylw span:after{top: -18px;height: 12px}
	.main_preven .preven_tit .white{font-size: 36px}
	.main_preven .preven_step{margin: 40px -30px 0;padding: 0}
	.main_preven .preven_step li{width: 33.3333%}
	.main_preven .preven_step li:nth-of-type(n+4){margin-top: 30px}
	.main_preven .preven_step li:nth-of-type(4):before{display: none}
	.main_preven .preven_step li:nth-of-type(4):after{display: none}
	.main_preven .preven_step li .txt{font-size: 17px;line-height: 22px}
	.main_preven:after{display: none}
}

@media screen and (max-width: 767px){
	.main_search{padding: 60px 0 46px}
	.main_search .main_logo img{width: 50%}
	.main_search .search_area{width: 95%}
	.main_search .search_area .search_input{height: 40px;padding: 0 44px 0 16px;border-width: 3px;font-size: 14px}
	.main_search .search_area .btn_search{right: 8px;width: 28px;height: 28px;margin-top: -14px;background-size: 14px}
	.main_banner{margin: -25px 0 0;}
	.main_preven .preven_tit{padding: 0 16px}
	.main_preven .preven_tit p{line-height: 28px}
	.main_preven .preven_tit .ylw{font-size: 14px}
	.main_preven .preven_tit .ylw span{font-size: 18px}
	.main_preven .preven_tit .ylw span:before{top: -11px;width: 2px;height: 6px}
	.main_preven .preven_tit .ylw span:after{top: -13px;left: 5px;width: 2px;height: 7px}
	.main_preven .preven_tit .white{font-size: 22px}
	.main_preven .preven_step{margin: 30px -30px 0}
	.main_preven .preven_step li:nth-of-type(n+4){margin-top: 20px}
	.main_preven .preven_step li:before{top: 26px;left: -9px;width: 14px;height: 4px}
	.main_preven .preven_step li:after{top: 33px;left: -9px;width: 14px;height: 4px}
	.main_preven .preven_step li .img_area img{width: 74px}
	.main_preven .preven_step li .txt{font-size: 12px;line-height: 15px}
}