/* BASIC css start */
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css">


/*	영문*/	
@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;
}	


	.line_1 {display:block;width:100%;border-bottom:1px solid #d4d4d4;text-align: center;padding:20px 0px;}
	.line_2 {display:inline-block;width:20px;border-bottom:2px solid #555;text-align: center;}

	b {color: #e87c95;}


	#base {
		width:100%;
		margin:0 auto;
		font-family: 'NanumSquare', sans-serif;
		}

	#base .banner{
		width:100%;height: 700px;background-image:url("/design/munku/be_new/new_side/eng_2-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;
	}
	
	#base h1 span{
		font-family: 'Amiri', serif;
		font-size:44px;
		line-height: 0;
		letter-spacing:0;
		
	}

	
	.back {
		width: 100%;
		background-color: #f4f4f4;
	}
	
	
	.info_list {
		width: 1000px;
		margin: 0 auto;
		padding-top: 80px;


	}
	
	.info_in {
		padding: 30px;
	}
	
	.info_in span {
		font-size: 24px;
		font-weight: 600;

	}
	
	.info_in p {
		
		font-size: 22px;
		padding-top:20px;
		font-weight: 400;
		color: #555;
	}
	
	.back_ul {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 80px;

		
	}
	
	.info_list_ul::after {
		
		display: block;
		content: "";
		clear: both;
	}
	
	.info_list_ul {
		padding: 80px 0;
	}
	
	.info_list_ul li {
		background-color: #fff;
		width: 490px;
		height: 580px;
		
		
	}
	
	.info_list_img {
		overflow: hidden;
		
	}
	
	
	.info_list_ul li:nth-child(2n-1) {
		float: left;
	}
	.info_list_ul li:nth-child(2n) {
		
		float: right;
	}
	
	.info_list_ul button {
		padding: 7px 10px;
		background-color: #313131;
		color: #fff;
		margin-top: 50px;
		
	}
	
	.info_list_ul button:hover {
		background-color: #999;


	}
	

	.etc {
		margin-bottom: 50px;
	}
	
	.etc span {

		background-color: #77839d;
		padding: 5px 15px;
		margin-bottom: 15px;
		color: #fff;
		display: inline-block;
	}


/*	각인신청방법*/
	
	#base h2 {
		text-align: center;
		font-size: 34px;
	}
	
	.info ul {
		padding: 100px 0;
		
	}
	
	.info ul::after {
		content: "";
		clear: both;
		display: block;
		
	}
	
	.info ul li{
		padding: 0;
		margin: 0;
		float: left;
		width: 33%;
		text-align: center;
		overflow: hidden;


	}
	.info ul li img {
		border-radius: 50%;

	}
	
	.info ul li span {
		font-size: 26px;
		margin-top: 30px;
		display: block;
		line-height: 1.7em;
		font-weight: 500;
	}
	
	.info ul li p {
		font-size: 22px;
		margin-top: 30px;
		padding:0 20px;
		color: #444;
	}
	
	#base h3 {
		font-size: 28px;
		padding: 80px 0 30px 0;
	}
	
	
	#base .sub_p {
		font-size: 22px;
		line-height: 1.7em;
		font-weight: 400;
		color: #555;
		
	}	

	.sub_p p {
		padding-bottom: 30px;
	}
	

<!--	#########################################base_1-->
	/*	리셋*/
	#base_1 ul, li, h1, h2, h3, p, span {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 20px;
	}


	/*	버튼 리셋*/
	#base_1 button{
		background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer
	}
	

	/*공통*/
	
	#base_1 {
		width:100%;
		margin:0 auto;
		font-family: 'NanumSquare', sans-serif;
		line-height: 1.6;
		font-size: 20px;
		}

	
	.line_1 {display:block;width:100%;border-bottom:1px solid #d4d4d4;text-align: center;padding:80px 0 0 0;}
	.line_2 {display:inline-block;width:20px;border-bottom:2px solid #555;text-align: center;}

	#base_1 .back_ul p {margin-top: 20px;}
	
	#base_1 .section li img {padding-top: 50px;}
	#base_1 .box {
		background-color: #fff;
		padding: 50px;
		box-sizing:inherit;
		width: 1000px;
		box-sizing: border-box;

	}

	
	/*	h1*/
	#base_1 h1 {
		color: #fff;
		font-size: 50px;
		font-weight: 500;
		letter-spacing: 5px;
		margin: 0 auto;
		text-align: center;
		font-weight: 400;
		padding-top: 100px;
		text-shadow: 5px 2px 2px rgba(0,0,0,0.08); 

		
	}
	#base_1 h1 span{
		font-size: 26px;
		letter-spacing: 0;
		font-weight: 200;
	}

	/*	h2*/
	#base_1 h2 {
		text-align: center;
		padding: 80px 0 0 0;
		font-size: 34px;
	}
	
	#base_1 h3 {
		font-size: 28px;
		font-weight: 500;
		padding: 0;
		margin-top: 80px;


	}
	
	#base_1 h3::after {
		content: "";
		display: block;
		border-top:2px solid #8a8a8a;
		width: 30px;
		margin: 20px 0 0 0;
		
	}
	
	#base_1 .center {
		text-align: center;
		display: inline-block;
		width: 1000px;
	}
	

	/*상단배너*/
	#base_1 .banner .banner_h {
		width: 1000px; margin: 0 auto;
	}
	
	#base_1 .back {
		width: 100%;
		background-color: #f4f4f4;
	}
	
	#base_1 .back_2 {
		width: 100%;
		background-color: #efefef;
	}
	
	#base_1 .back_ul {
		width: 1000px;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	
	
	#base_1 .banner{
		width:100%;height: 310px;
		background-color: #7e8ea0;
	}
	
	
	/*	상단 배너*/
	
	
	#base_1 .guide {
		
		display: grid;
		grid-template-columns: 323px 323px 323px;
 display: -ms-grid;
-ms-grid-columns: 323px 323px 323px;
-ms-grid-rows: 1fr 1fr;
		text-align: center;
		padding-top: 115px;
	}


	#base_1 .guide li {
		
		margin: 55px 16px 0 0;
		background-color: #fff;
		box-shadow: 5px 5px 8px rgba(0,0,0,0.08); 
		padding: 40px 30px 20px 20px;

	}

	#base_1 .guide li p {
		
		font-size : 18px;
		line-height: 1.7;
		color: #444;

	}	
	

	#base_1 .guide li:hover {
		box-shadow: 5px 5px 8px rgba(0,0,0,0.2); 
		cursor: pointer;

		
	}
	
	
	#base_1 .guide li:nth-child(3n) {
		
		margin-right: 0px;
	}
	
	#base_1 .guide li .guide_num  {
		margin: -80px 0 0 0;

		
	}
	
	
	#base_1 .guide li span {
		display: block;
		margin: 10px;
		color: #7e8ea0;
		font-size: 26px;
		font-weight: 600;
	}

	#base_1 .guide li .guide_num p {
		border-radius: 50%;
		background-color: #7e8ea0;
		color: #fff;
		font-weight: 500;
		font-size: 26px;
		display: inline-block;
		padding: 8px;
		line-height: 1.2;
	}
	
	
	/*	h2-01.각인 위치*/
	#base_1 .section .pen_pos {
		
		margin-top: 80px;
	}
	
	#base_1 .section .pen_pos img {
		width: 490px;
		padding: 0;
	}
	
	#base_1 .section .pen_pos::after {
		display: block;
		content: "";
		clear: both;

	}
	#base_1 .section .pen_pos div{
		float: left;
		width: 490px;
		
		
	}
	
	#base_1 .section .pen_pos div:nth-child(2) {
		width: 390px;
		margin: -3% 0 0 50px;
		
		
	}
	
	#base_1 .section .pen_pos:nth-child(2) { 
		margin-bottom: -30px;
	}
	
	
	/*	02. 각인방식*/
	
	#base_1 .float_img::after {
		
		content: "";
		clear: both;
		display: block;
	}
	
	#base_1 .float_img li {
		float: left;
		text-align: center;
	}
	
	#base_1 .float_img li:nth-child(2) {
		margin-left: 30px;
	}
	
	#base_1 .float_img li span {
		display: block;
	}
	
	#base_1 .float_img li:last-child span {
		width: 1000px;
		display: block;
	}
	
	#base_1 .float_img_2::after {
		
		content: "";
		clear: both;
		display: block;
	}
	
	#base_1 .float_img_2 li {
		float: left;
	}
	
	#base_1 .float_img_2 li:nth-child(2) {
		margin-right: 30px;
	}


	#base_1 .left {
		font-size: 24px;
		display: inline-block;
		padding-left: 120px;
	}
	#base_1 .left span {
		font-size: 24px;
		color: #f37871;
		font-weight: 700;
	}	
	
	
	/*06. 기업특판*/


	#base_1 .button:after {
		clear:both;
		display:block;
		content:"";
	}


	#base_1 .button button {
		width: 323px;
		height: 90px;
		background-color: #313131;
		color: #fff;
		font-size:20px;
		margin-top: 20px;
		float: left;
		margin-right:15px ;
	
	}
	
	#base_1 .button button:hover {
		background-color: #445576;
		
	}
	
	#base_1 .button button:nth-child(3) {
		margin-right: 0px;
	}
	
	#base_1 .button button span {
		font-weight: 100;

		
	}
	#base_1 .button p {
		text-align: center;	
		
	}
	
	#base_1 .button p span  {
		margin: 25px 25px 0 25px ;
		display: inline-block;
		color: #555;

	}
	
	
/*	06.필기구 선물의 의미*/
	#base_1 .gift {
		
		font-size: 24px;
		font-weight: 500;
		color: #152f4e;
	}


#base_1 .t1Area {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%; height: 100%;z-index:202;overflow: hidden;overflow-y:auto;overflow-x:auto; z-index:500}
#base_1 .t1_b { width:1200px;min-width:1200px; margin:0px auto; }


#base_1 .t1_b .t1Close { display: block;position:fixed;top:10px; right:30px;font-size: 50px; cursor:pointer;color:#333;background:#fff;border:1px solid #f0f0f0;padding:0 15px 0 15px;  }
#base_1 .t1_b .t1Close:hover { color:#fff;background:#e17690;  }
#base_1 .t2Area {display:none; position:fixed; left:0; right: 0;top: 0px;bottom: 0;background:rgba(21, 47, 78, 0.9);width: 100%; height: 100vh;z-index:202;overflow: hidden;overflow-y:auto;overflow-x:auto; z-index:500}
#base_1 .t2_b { width:1200px;min-width:1200px;margin:0px auto; }


#base_1 .t2_b .t2Close { display: block;position:fixed;top:10px; right:30px;font-size: 50px; cursor:pointer;color:#333;background:#fff;border:1px solid #f0f0f0;padding:0 15px 0 15px;  }
#base_1 .t2_b .t2Close:hover { color:#fff;background:#e17690;  }

	
/* BASIC css end */