/* BASIC css start */
/*	¿µ¹®*/	
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');

	
	
/*	ÇѱÛ*/	

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}	


	/*	°øÅë*/
	#base b {color: #e87c95;}


	

	
	/*¹öÆ° ½ºÅ¸ÀÏ-.button button*/
	
	.button_in {
		width: 1000px;
		display: inline-block;
		text-align: center;
		
	}
	
	
	.button_in button {
		width: 323px;
		height: 90px;
		background-color: #313131;
		color: #fff;
		font-size:20px;

		margin-bottom: 100px;

	}
	
	.button_in button:hover {
		background-color: #445576;
		
	}
	
	.button_in button:last-child {
		margin-right: 0px;
	}
	
	.button p {
		text-align: center;
	

		
	}
	
	.button p span  {
		margin: 25px 25px 0 25px ;
		display: inline-block;
		color: #555;
		font-size: 20px;

	}



	#base {
		width:100%;
		margin:0 auto;
		padding-bottom: 50px;

		}

	#base .banner{
		width:100%;height: 700px;background-image:url("/design/munku/be_new/new_side/store_1.jpg");
		background-repeat:no-repeat; background-size: cover;margin:0px auto;
	}


	#base .header {
		width: 1200px;
		margin: 0 auto;;
	}

	
	#base h1 {
		font-family: 'S-CoreDream-5Medium';
		color: #fff;
		font-size: 58px;
		margin: 0 auto;
		padding-top: 100px;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.3); 
		font-weight: 500;
		letter-spacing: -3px;
		
	}
	
	#base .h1_p {
		font-family: 'Pretendard-Regular';
		color: #fff;
		font-size: 24px;
		margin-top: 50px;
		text-shadow: 3px 3px 3px rgba(0,0,0,0.3); 
		line-height: 1.5;
		letter-spacing: 0;
	}
	
	#base h1 span{
		font-family: 'Amiri', serif;
		font-size:44px;
		letter-spacing:0;
		
	}
  
	#base h3 {
		color: #1f2f4d;
		text-align: left;
		font-size: 34px;
		margin-bottom: 20px;

		font-family: 'S-CoreDream-5Medium';

	}
  
	#base .benefit h3 {
		margin-bottom: 100px;
	} 

	
	.back {
		width: 100%;
		background-color: #f4f4f4;
	}
	
	#base .info {
		line-height: 2;
		font-size: 20px;
	}
		
	
	.back_ul {
		width: 1000px;
		margin: 0 auto;
	}
	
	
/*¾È³çÇϼ¼¿ä. ºñÁ¨ ¸ÅÀåÀ» ÀÌ¿ëÇØ Áּż­ °¨»çÇÕ´Ï´Ù.	*/
	
	#base h2 {
		text-align: center;
		font-size: 30px;
		color: #7e8ea0;
		padding: 100px 0;
		line-height: 1.7;
	}

	#base .besen_box img {
		margin-bottom : 100px;
		width:1000px;
	}



	
	#base h2 p {
		margin-top: 30px;
	}
	

	#base .info {
		line-height: 2;
		font-size: 20px;
		padding-bottom:100px;

	}
	
	#base .info p {
		line-height: 1.4;
		font-size: 18px;
		margin-left: 15px;
		color: #555;
	}


	.benefit {
		width: 1000px;
		padding:153px 0 100px 0;
		text-align: center;
		margin:0 auto;
		letter-spacing:-1px;

	}
	
	.benefit ul:after {
		display: block;
		content: "";
		clear: both;
	}	
	.benefit ul li {
		font-family: 'S-CoreDream-5Medium';
		float:left;
		width: 465px;
		height: 210px;
		background-color: #fff;
		border-radius: 20px;
		margin-top:100px;

	}

	.benefit ul li:nth-child(2n) {
		margin-right:0;
	}

	
	.benefit ul li:nth-child(1) {
		margin-top:0;
	}
	
	.benefit ul li:nth-child(2) {
		margin-top:0;
	}

	
	.benefit ul li img {
		margin-top: -53px;
		filter : drop-shadow(3px 3px 0px #a7aebe); 		
	}
	
	.benefit ul li {
		box-shadow:5px 5px 0px #a7aebe;

	}
	
	.benefit ul li:nth-child(odd) {
		margin-right: 60px;
	}
	
	.benefit ul li {
		font-size:26px ;
		color: #1f2f4d;
	}
	.benefit ul li strong {
		margin-top: 28px;
		display: block;
	}	
	.benefit ul li p {
		font-size: 22px;
		color: #445576;
		margin-top: 10px;
		font-weight: 500;
	}



	/*********¸ÅÀå ½ÃÇÊ °¡´É ¸®½ºÆ® È®ÀÎ*****/
	.benefit ul li:nth-child(n+5) {

		width: 1000px;
	}

	.benefit ul li:nth-child(n+5) a {

		width: 400px;
		height:70px;
		border-radius:50px;
		margin:-35px auto 0 auto;
		color:#fff;
		display:block;
		font-size:26px;
		font-family:'S-CoreDream-5Medium';
		line-height:66px;


		background-color: #445576;

		filter : drop-shadow(3px 3px 0px #a7aebe); 

	}



	.benefit ul li:nth-child(n+6):nth-child(-n+7) a:hover {

		background-color: #e87c95;
		filter : drop-shadow(3px 3px 0px #eab3c3); 

	}





	/*	½ºÅä¾î ÀÎÆ÷_2*/
	.store_info_2 {
		width: 1000px;
		font-size: 20px;
		margin: 0 auto;
		background-color:  #f4f4f4;
		margin-top: 50px;
		border-radius: 20px;
		
	}
	
	.store_info_2 ul {
		margin: 0 auto;
		line-height: 2;
		display: block;
		width: 600px;
		padding: 30px 0 30px 0;

	}
	
	
	.store_info_2 div ul li img {
		margin-right: 5px;
		vertical-align: middle;
	}
		

	
	/*	.con ¸àÆ®*/
	.con {
		width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
	
	.con .ment_h {
		margin-top: 100px;
		color: #7e8ea0;
	}
	.con .ment_h span {
		font-family: 'Nanum Gothic';
		font-size: 100px;
		font-weight: 600;
	}	
	
	.con .ment_h p {
		font-size: 30px;
		margin-top: 0px;
	}
	
	.con .ment_h img {
		width: 900px;
	}
	
	.con img {
		margin-top: 80px;
	}
	
	.con .store_cut {
		margin-top: 50px;
	}
	


	.con p {
		font-size: 22px;
		margin-top: 80px;
		line-height: 1.7;
	}
	
	.con .store_info {
		width: 1000px;
		background-color: #f4f4f4;
		padding: 50px 80px;
		margin-top: 80px;
		font-size: 22px;
		color: #555;
		box-sizing: border-box;
	}
	.con .store_info p {
		margin-top: 20px;
	}
	
	.con .left {
		text-align: left;
	}




	
/* BASIC css end */