/*
================================================================================
main.css
================================================================================
*/

#content{width:100%;height: 100%;padding: 0;max-width: inherit;}
#container{/* height: 80%; */}
#footer{ background: #fff;}

/* main */
.mainMv{background: #eff7e4;text-align: center;padding: 2.5em 0 3.5em 0;}
.mainMv .pic{margin: 1em 0 2em 0;}
.mainMv .tit{position:relative;color: #585858;font-family: 'Gmarket Sans', 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', '돋움', sans-serif;font-size: 1.88em;line-height: 1.2em; letter-spacing: -0.075em;}
.mainMv .tit b{font-size: 1.2em;color: #ed6400;line-height: 1.2em;margin-top: 0.45em;letter-spacing: -0.03em;display: block;}
.mainMv .tit br{display: none;}

.main_btn{z-index: 2;width:100%;}
.main_btn a{font-family: 'Gmarket Sans';display: inline-block;vertical-align: top;color: #fff;background: #7db428;font-size: 2.175em;border-radius: 250px;width: 250px;height: 250px;padding: 1.2em 0;font-weight: 700;margin: 0 0.25em;}
.main_btn a.ico02{background:#009690;}
.main_btn a.ico03{background:#314bab;}
.main_btn a span{position:relative;vertical-align: middle;display: inline-block;line-height: 1.2em;}
.main_btn a span:after{content:'';display:block;width:0;height:2px;background:#fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.main_btn a:hover, .info_link .main_btn a:focus, .info_link .main_btn a:active{ text-decoration:none;}
.main_btn a:hover span:after, .info_link .main_btn a:focus span:after, .info_link .main_btn a:active span:after{ width:100%;}
.main_btn a span:before{content:'';display:block;width:100%;height:100px;background:url('../images/main/ico01.png')no-repeat 50% 0%;margin-bottom:10px;background-size: contain;}
.main_btn a.ico02 span:before{ background-image:url('../images/main/ico02.png');}
.main_btn a.ico03 span:before{ background-image:url('../images/main/ico03.png');}



@media only screen and (max-width:1024px) {	
	.mainMv .pic img{ margin: 0 auto;}
	.mainMv .tit{font-size: 1.65em;}
	.main_btn a{height: 6.5em;width: 6.5em;font-size: 1.5em;padding: 1em 0;}
	.main_btn a span:before{ height:60px;}
}

@media only screen and (max-width:720px) {
	.mainMv{padding:1.8em 0 2.2em 0;}
	.mainMv .tit{ font-size:1.6em;}
	.main_btn a{ font-size: 1.25em;margin: 0 0.05em;}
	.main_btn a span:before{height: 45px;}
}
@media only screen and (max-width:480px) {
	.mainMv .pic{margin-bottom: 1.5em;}
	.mainMv .tit{font-size: 1.1em;}
	.mainMv .tit br{display: block;}
	.main_btn a{font-size: 1.05em;margin:0;width: 32%;}
	.main_btn a span:before{ height:40px;}
}