.dl{ display:flex;}
.dl dt{flex-shrink: 0;}
.dl dd{flex-grow: 1;}

.ul{ display:flex; flex-wrap: wrap; }


.mainContents{ margin-top:101px;}
#sec01{ position:relative; padding:120px 0; text-align:center;}
#sec01 h1{ padding:50px 0 15px 0;}
#sec01 p{ color:#777; font-size:25px;}

.hd_sch_wr {}
#hd_sch{ display:flex;justify-content: center;}
#hd_sch form{ border:3px solid #f15a40; display:flex;  align-items: center;width:30%;height:70px; border-radius:40px; overflow:hidden;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {width:calc(100% - 65px);border:0; height:100%; padding:0 20px; box-sizing:border-box; font-size:25px;color:#f15a40; font-weight:700;}
#hd_sch #sch_stx::placeholder { color:#f15a40; font-weight:400;}
#hd_sch #sch_submit {width:50px; height:50px; border-radius:50%; display:flex; align-items: center;justify-content: center;font-size:20px; color:#fff;background:#f15a40;}
#popular{ display:none;}

#sec03{ position:relative;background:#dce3e8; padding:100px 0;}
#sec03:before{ content:''; position:absolute; right:100px; bottom:0; width:1000px; height:600px; background:url(../img/main/sec03-img.png) no-repeat 50% 100%; background-size:100% auto;}
#sec03 h1{ font-weight:400; font-size:57px;}
#sec03 h1 span{ font-weight:800;}
#sec03 p{ margin:20px 0 37px 0;}
#sec03 a{ display:inline-block; padding:15px 37px; border:1px solid rgb(0,0,0,0.3); border-radius:30px;}
#sec03 a i{ margin-left:30px;}


@media all and ( max-width: 1920px ){
	
	.mainContents{ margin-top:78px;}
	
	#sec01{ position:relative; padding:70px 0;}
	#sec01 h1{ padding:37px 0 15px 0;}
	#sec01 p{font-size:20px;}
	
	#hd_sch form{ height:55px; border-radius:30px;}
	#hd_sch #sch_stx {width:calc(100% - 53px); font-size:20px;}
	#hd_sch #sch_submit {width:40px; height:40px;}
	
	#sec03{padding:70px 0;}
	#sec03:before{width:800px; height:500px;}
	#sec03 h1{font-size:47px;}
	
}



@media all and ( max-width: 1680px ){
}


@media all and ( max-width: 1280px ){
	
	#hd_sch form{ width:50%;}
	#sec01{ padding:70px 10px;}
	#sec03{ padding:70px 10px;}
	#sec03:before{ right:10px;}
	
	
}


@media all and ( max-width: 1152px ){
	
	#sec03:before{ width:600px;}
}


@media all and ( max-width: 1024px ){
	
}


@media all and ( max-width: 800px ){
	
	#sec03{ padding:70px 10px 150px 10px;}
}


@media all and ( max-width: 640px ){
	
	#hd_sch form{ width:77%;}
	
	#sec03 h1{ font-size:37px;}
	#sec03 p{ margin:10px 0 30px 0;}
	#sec03:before{ width:90%;}
}


@media all and ( max-width: 480px ){
	
	#sec03 h1{ font-size:30px;}
	#sec03 p br{ display:none;}
}