@charset "utf-8";
/* ******************* *
* 공통
* ******************* */
#container {padding: 0;}
.no-data {display: flex;align-items: center;justify-content: center;height: 100%;box-sizing: border-box;width: 100%;padding: 80px 0;}

.msec {background: url(../images/main/main_bg.png) no-repeat;height: calc(100vh - 200px);background-size: cover;background-position: 100%;}
.msec .mtit {font-size: 2.222em;font-weight: 600;color: #191919;text-align: center;padding: 66px 0 42px;}
.msec .mtit .color {color: #005ad8;}
.msec .mtit .small {color: #525252;font-size: 22px;display: block;}
.search-form {display: flex;align-items: center;width: 1010px;border-radius: 10px;font-size: 1.111em;padding: 0 0 0 30px;box-sizing: border-box;margin: 0 auto;background: #fff;justify-content: space-between;}
.search-form .select {border: none;height: auto;padding: 0;color: #525252;padding-right: 20px;font-weight: 600;font-size: 1.111em;}
.search-form input {border: none;height: 70px;padding: 0 32px;color: #9d9d9d;font-weight: 500;width: 811px;box-sizing: border-box;}
.search-form .search-btn { background: #4280d7 url(../images/main/main_spr.png) -451px -0px no-repeat;width: 70px;height: 70px;border: none;border-radius: 0 10px 10px 0;}
.mquick {display: flex;justify-content: space-between;padding: 0 37px;margin: 51px 0;}
.mquick-center {justify-content: center;}
.mquick li {width: calc(33% - 40px);}
.mquick li a[class*="ico"] {display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;background: #fff;border: 3px solid transparent;border-radius: 30px;padding: 13px 0;transition: .35s;}
.mquick li a[class*="ico"]::before {content: '';background: url(../images/main/main_spr.png) no-repeat;display: block;width: 150px;height: 150px;}
.mquick li a.ico2::before {background-position-x: -150px;}
.mquick li a.ico3::before {background-position-x: -300px;}
.mquick li a[class*="ico"] span {color: #191919;font-weight: 500;font-size: 1.222em;transition: .35s;}
.mquick li a[class*="ico"]:hover,
.mquick li a[class*="ico"]:focus {border-color: #145db4;}
.mquick li a[class*="ico"]:hover span,
.mquick li a[class*="ico"]:focus span {color: #145db4;}
.tel {font-size: 1.333em;text-align: center;color: #525252;font-weight: 500;display: flex;align-items: center;justify-content: center;}
.tel::before {content: '';background: url(../images/main/main_spr.png) -451px -67px no-repeat;display: block;width: 35px;height: 35px;}
.tel a {color: #191919;margin-left: 11px;}
@media all and (max-width:1199px){
	.msec {height: auto;padding-bottom: 80px;}
	.mquick li {width: calc(33% - 15px);}
	.search-form {width: 100%;}
	.search-form input {width: calc(100% - 150px);}
}
@media all and (max-width:768px){
	.msec {background-position: 50%;}
	.msec .mtit {font-size: 2em;}
	.msec .mtit .small {font-size: 18px;}
	.mquick {display: block;margin: 30px 0;padding: 0 15px;}
	.mquick li {width: 100%;margin: 10px 0;}
	.mquick li a[class*="ico"]::before {background-size: 350px;width: 100px;height: 100px;}
	.mquick li a.ico2::before {background-position-x: -100px;}
	.mquick li a.ico3::before {background-position-x: -200px;}
	.tel {font-size: 1.7em;}
}
@media all and (max-width:640px){
	.search-form,
	.search-form .select {font-size: 1em;}
	.search-form {padding: 0 0 0 10px;}
	.search-form input {width: calc(100% - 100px);height: 50px;padding: 0 10px;}
	.search-form .search-btn {background-size: 347px;background-position-x: -300px;width: 50px;height: 50px;}
	.tel {font-size: 1.5em;}
}