
@media (min-width: 769px) {
	
	.basic-body { margin-top: 120px !important;	margin-bottom: 80px !important; }
	.apply .listbox .bottom p.title { font-size: 17px !important; }
}
		
	
@media (max-width: 768px) {
	.basic-body { margin-top: 50px; }
	.apply { display: block; width: 100%; text-align: center; padding: 15px; margin-bottom: 40px; }
	.apply .box { }
	.apply .box .list1, .apply .box .list2 { overflow: hidden; cursor: pointer; }
	.apply .box .list1 .listbox, .apply .box .list2 .listbox {  }
	.apply .box .list1 ul li { }
	.apply .box .list1 .top {
		background-color: #f7f8f9; border-radius: 10px; overflow: hidden; margin-top: 50px;
		padding: 20px;
	}
	.apply .box .list1 .top img { width:100%; }
	.apply .box .list1 li:nth-child(2) img { width: 100px; }
	.apply .box .list1 li:nth-child(1) .top img { width: 170px; }
	.apply .box .list1 li:nth-child(3) .top img { width: 170px; }	
	
	
	.apply .box .list1 .bottom { text-align: left; padding: 10px; }
	.apply .box .list1 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 20px; letter-spacing: -0.5px; border-radius: 50px; margin: 10px 0 20px 0; font-size: 16px !important; 
	}
	.apply .box .listSubBox li {
		width: 100% !important; margin:0 !important; line-height: 27px; list-style: inside;
		font-size:14px; font-weight: bold;
	}
	
	.apply .box .list2 ul li { }
	.apply .box .list2 .top {
		background-color: #f7f8f9; border-radius: 10px; overflow: hidden; margin-top: 50px;
		padding: 20px;
	}
	.apply .box .list2 .top img { width:100%; }
	.apply .box .list2 .bottom { text-align: left; padding: 10px; }
	.apply .box .list2 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 20px; letter-spacing: -0.5px; border-radius: 50px; margin: 10px 0 20px 0; font-size: 16px !important;
	}
	
	
	.apply .box .list3, .apply .box .list2 { overflow: hidden; cursor: pointer; }
	.apply .box .list3 .listbox, .apply .box .list2 .listbox {  }
	.apply .box .list3 .top {
		background-color: #f7f8f9; border-radius: 10px; overflow: hidden; margin-top: 50px;
		padding: 20px;
	}
	.apply .box .list3 .top img { width:250px; }
	.apply .box .list3 li:nth-child(1) img { width: 130px; }
	.apply .box .list3 ul li { }
	.apply .box .list3 .bottom { text-align: left; padding: 10px; }
	.apply .box .list3 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 20px; letter-spacing: -0.5px; border-radius: 50px; margin: 10px 0 20px 0; font-size: 16px !important;
	}
	
	
	
	.apply .box ul li { }
	
	
	.apply .box .m-margin-top-10 { margin-top:-10px !important; }
	.apply .box .m-margin-top-m30 { margin-top:-30px !important; }

	.apply .box .top { }
	
	
}

@media (min-width: 769px) {
	.basic-body { margin-top: 50px; }
	.apply { display: block; width: 100%; text-align: center; padding: 15px; margin-bottom: 40px; }
	.apply .box { }
	.apply .box .list1, .apply .box .list2 { overflow: hidden; cursor: pointer; }
	.apply .box .list1 .listbox, .apply .box .list2 .listbox { display: flex; }
	.apply .box ul li .top { line-height: 250px; height: 250px; }
	.apply .box .list1 .top { background-color: #f7f8f9; border-radius: 10px; overflow: hidden; }
	.apply .box .list1 .top img { width: 150px; height: auto; }
	.apply .box .list1 ul li:nth-child(2) img { width: 100px; }
	.apply .box .list1 li:nth-child(1) .top img { width: 170px; }
	.apply .box .list1 li:nth-child(3) .top img { width: 170px; }	
	.apply .box .list1 ul li { width: 33.333%;}
	.apply .box .list1 ul li:nth-child(2) { margin-left:30px; margin-right:30px; }
	
	
	.apply .box .list1 .bottom { text-align: left; padding: 10px; }
	.apply .box .list1 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 25px; letter-spacing: -0.5px; border-radius: 50px; margin: 30px 0 20px 0;
	}
	.apply .box .listSubBox li {
		width: 100% !important; margin:0 !important; line-height: 27px; list-style: inside;
		font-size:14px; font-weight: bold;
	}
	
	
	.apply .box .list2 .top { background-color: #f7f8f9; border-radius: 10px; }
	.apply .box .list2 ul li { width: 33.333%;}
	.apply .box .list2 ul li:nth-child(2) { margin-left:30px; margin-right:30px; }
	.apply .box .list2 .top img { width: 350px; height: auto; }
	
	.apply .box .list2 .bottom { text-align: left; padding: 10px; }
	.apply .box .list2 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 25px; letter-spacing: -0.5px; border-radius: 50px; margin: 30px 0 20px 0;
	}
	
	
	.apply .box .list3, .apply .box .list2 { overflow: hidden; cursor: pointer; }
	.apply .box .list3 .listbox, .apply .box .list2 .listbox { display: flex; }
	.apply .box ul li .top { line-height: 250px; height: 250px; }
	.apply .box .list3 .top { background-color: #f7f8f9; border-radius: 10px; overflow: hidden; }
	.apply .box .list3 .top img { width: 150px; height: auto; }	
	.apply .box .list3 li:nth-child(1) .top img { width: 120px; }
	.apply .box .list3 li:nth-child(2) .top img { width: 250px; }
	.apply .box .list3 li:nth-child(3) .top img { width: 250px; }	
	.apply .box .list3 ul li { width: 33.333%;}
	.apply .box .list3 ul li:nth-child(2) { margin-left:30px; margin-right:30px; }
	
	.apply .box .list3 .top { background-color: #f7f8f9; border-radius: 10px; }
	.apply .box .list3 ul li { width: 33.333%;}
	.apply .box .list3 ul li:nth-child(2) { margin-left:30px; margin-right:30px; }
	.apply .box .list3 .top img { width: 350px; height: auto; }
	.apply .box .list3 ul li:nth-child(1) img { width: 100px; }
	
	.apply .box .list3 .bottom { text-align: left; padding: 10px; }
	.apply .box .list3 .bottom p.title {
		width: 100% !important; text-align: center !important; font-weight: bold;
		line-height: 0 !important; display: inline-block; background-color: #0a1c36; color: #fff;
		padding: 25px; letter-spacing: -0.5px; border-radius: 50px; margin: 30px 0 20px 0;
	}
	
	
	
	
	
	
	
}






.apply .box .top img { transition: all 0.2s linear; }
.apply .box .top:hover img { transform: scale(1.05); }
.apply .dotfix { list-style-type: none; }	
.apply .org { color: #e63917 !important; font-size: 14px !important; }
.apply .blk { font-size: 14px !important; }


















/**/