@font-face {
			font-family: 'Myriad';
			font-style: normal;
			font-weight: normal;
			src: url('../fonts/MyriadPro-Regular.ttf');
		}
		@font-face {
			font-family: 'Myriad';
			font-style: bold;
			font-weight: bold;
			src: url('../fonts/MyriadPro-Bold.ttf');
		}
		.n_modal	{
			z-index:999;
			position:fixed;
			top:0;
			width:100%;
			height:100%;
			display:none;
			opacity:0;
		}
		.n_modal .over	{
			background:#000;
			opacity:.5;
			width:100%;
			height:100%;
			position:absolute;
			z-index:997;
			top:0;
		}
		
		.n_modal .modal-box	{
			width:100%;
			height:100%;
			position:absolute;
			z-index:998;
			display:flex;
			justify-content: center;
			align-items: center;
			top:0;
		}
				
		.n_modal .modal-box .modal_body	{
			width:100%;
			max-width:386px;
			background:#eff2f4;
			margin: 20px;
		}
		.n_modal .modal-box .modal_body>div	{
			padding:20px;
		}
		.n_modal .modal-box .modal_body div	{
			font-family:'Myriad';
		}
		.n_modal .modal-box .modal_body .head	{
			display:flex;
			height:64px;
			background:#e20738;
			color:#fff;
			font-size:19px;
			font-weight:bold;
			align-items: center;
			padding:20px;
			position:relative;
		}
		
		.n_modal .modal-box .modal_body .head .close	{
			width:16px;
			height:16px;
			cursor:pointer;
			position:absolute;
			right:21px;
			top:24px;
			background:url('../images/close.png');
		}
		
		.n_modal .modal-box .modal_body .info	{
			display:flex;
			background:#fff;
			align-items: center;
			margin:20px 0;
			-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.1);
			-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.1);
			box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.1);
		}
		
		.n_modal .modal-box .modal_body .info .text	{
			display:flex;
			flex-wrap: wrap;
			align-items: center;
			padding-left:25px;
		}
		
		.n_modal .modal-box .modal_body .info .text div	{
			width:100%;
		}
		
		.n_modal .modal-box .modal_body .info .text .name	{
			font-size:17px;
			font-weight:bold;
			padding-bottom:7px;
		}
		
		.n_modal .modal-box .modal_body .info .text .color	{
			font-size:16px;
			color:#999999;
			padding-bottom:7px;
		}
		
		.n_modal .modal-box .modal_body .info .text .price	{
			font-size:24px;
			font-weight:bold;
			color:#e20738;
		}
		
		.n_modal .modal-box .modal_body .info .text .price span	{
			font-size:19px;
		}
		
		.n_modal .modal-box .modal_body .form	{
			padding-top:0px;
		}
		
		.n_modal .modal-box .modal_body .form input	{
			padding:20px;
			font-size:16px;
			border:#e2e5e7 1px solid;
			width:100%;
		}
		
		.n_modal .modal-box .modal_body .form input:nth-child(1)	{
			margin-bottom:10px;
		}
		
		.n_modal .modal-box .modal_body .form input:nth-child(1)	{
			margin-bottom:10px;
		}
		
		.n_modal .modal-box .modal_body .agree	{
			background:#fff;
			-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.1);
			-moz-box-shadow:    0px 0px 13px 0px rgba(50, 50, 50, 0.1);
			box-shadow:         0px 0px 13px 0px rgba(50, 50, 50, 0.1);
		}
		
		.n_modal .modal-box .modal_body .agree label	{
			display: inline-block;
			cursor: pointer;
			position: relative;
			color:#666666;
			font-size:13px;
			padding-left:30px;
			margin-top: -20px;
		}
		
		
		/*
		
		.n_modal .modal-box .modal_body .agree input	{
			display: none;
		}
		
		.n_modal .modal-box .modal_body .agree label:before {
			content: "";
			display: inline-block;
			width: 19px;
			height: 19px;
			background-image:url('../images/checkbox.gif');
			position:absolute;
			left:0;
		}
		
		.n_modal .modal-box .modal_body .agree input:checked + label:before {
			content: "";
			background-image:url('../images/checkbox.gif');
			background-position: -19px;
		}
		
		*/
		
		.n_modal .modal-box .modal_body .agree button {
			margin-top:30px;
			background:#e20738;
			border:0px;
			border-radius:5px;
			color:#fff;
			font-size:15px;
			text-align:center;
			width:180px;
			padding:10px;
		}