BODY {

	background: #f1f1f1;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#444;
	margin: 0;
	padding:  0;
	overflow-x: hidden;
	margin: 0 auto;
	max-width: 480px;

    }


td,a,div {


	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color:#444;
	line-height:130%;



    }

	img { display: block; }


	A:link {text-decoration:none; color:#444;}
	A:visited {text-decoration:none; color:#444;}
	A:hover {color:#618ffc; text-decoration:none;}



	#basic_box{ 

		background:#fff; 

	}


	.input_style	{  background-color:#fff;  border: 1px solid #ccc; font-size:11pt; padding-left:7px; color:#333; height:38px; border-radius:3px; 


			-webkit-appearance:none; /* 크롬 화살표 없애기 */
			-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
			appearance:none /* 화살표 없애기 */



			}



	select{  

			background-color:#fff;  border: 1px solid #ccc; font-size:11pt; padding-left:7px; color:#333; height:42px; border-radius:3px;

			-webkit-appearance:none; /* 크롬 화살표 없애기 */
			-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
			appearance:none /* 화살표 없애기 */



	}
	option {
		color:#444;
	}
		select:required:invalid {
		color: #9e9e9e;
	}
		option[value=""][disabled] {
		display:none
	}





	.button_okey	{  background-color:#333;  border: 0px solid #dddddd; font-size:11pt; color:#ffffff; height:43px;border-radius:5px;cursor: pointer;}
	.button_cancel	{  background-color:#aaa;  border: 0px solid #dddddd; font-size:12pt; color:#ffffff; height:43px;border-radius:5px;cursor: pointer;}

	#box10{padding:  0px 10px 0px 10px;}
	#box15{padding:  0px 15px 0px 15px;}
	#box20{padding:  0px 20px 0px 20px;}
	#box25{padding:  0px 25px 0px 25px;}
	#box30{padding:  0px 30px 0px 30px;}
	#box35{padding:  0px 35px 0px 35px;}
	#box40{padding:  0px 40px 0px 40px;}
	#box45{padding:  0px 45px 0px 45px;}
	#box50{padding:  0px 50px 0px 50px;}



	#box20_05{padding:  5px 20px 5px 20px;}
	#box20_07{padding:  7px 20px 7px 20px;}
	#box20_10{padding:  10px 20px 10px 20px;}
	#box20_15{padding:  15px 20px 15px 20px;}
	#box20_20{padding:  20px 20px 20px 20px;}
	#box20_25{padding:  25px 20px 25px 20px;}
	#box20_30{padding:  30px 20px 30px 20px;}

	#box30_15{padding:  15px 30px 15px 30px;}
	#box30_17{padding:  17px 30px 17px 30px;}


	#box50_20{padding:  20px 50px 20px 50px;}
	#box50_15{padding:  15px 50px 15px 50px;}



	#line1cc{		background:#ccc; height:1px;}
	#line1dd{		background:#ddd; height:1px;}
	#line1ee{		background:#eee; height:1px;}

	#line2cc{		background:#ccc; height:2px;}
	#line2dd{		background:#ddd; height:2px;}
	#line2ee{		background:#eee; height:2px;}

	#line2f3{		background:#f3f3f3; height:2px;}
	#line2f5{		background:#f5f5f5; height:2px;}
	#line2f7{		background:#f7f7f7; height:2px;}

	#line3f3{		background:#f3f3f3; height:3px;}
	#line3f5{		background:#f5f5f5; height:3px;}
	#line3f7{		background:#f7f7f7; height:3px;}

	#line4f3{		background:#f3f3f3; height:4px;}
	#line4f5{		background:#f5f5f5; height:4px;}
	#line4f7{		background:#f7f7f7; height:4px;}

	#line5f3{		background:#f3f3f3; height:5px;}
	#line5f5{		background:#f5f5f5; height:5px;}
	#line5f7{		background:#f7f7f7; height:5px;}

	#line6f3{		background:#f3f3f3; height:6px;}
	#line6f5{		background:#f5f5f5; height:6px;}
	#line6f7{		background:#f7f7f7; height:6px;}

	#line7f3{		background:#f3f3f3; height:7px;}
	#line7f5{		background:#f5f5f5; height:7px;}
	#line4f7{		background:#f7f7f7; height:7px;}

	#line8f1{		background:#f1f1f1; height:8px;}
	#line8f3{		background:#f3f3f3; height:8px;}
	#line8f5{		background:#f5f5f5; height:8px;}
	#line8f7{		background:#f7f7f7; height:8px;}


	#line2ee{		background:#eeeeee; height:2px;}
	#line3ee{		background:#eeeeee; height:3px;}
	#line4ee{		background:#eeeeee; height:4px;}
	#line5ee{		background:#eeeeee; height:5px;}
	#line6ee{		background:#eeeeee; height:6px;}
	#line7ee{		background:#eeeeee; height:7px;}
	#line8ee{		background:#eeeeee; height:8px;}



	#space2{padding: 2px 0px 0px 0px;}
	#space3{padding: 3px 0px 0px 0px;}
	#space5{padding: 5px 0px 0px 0px;}
	#space10{padding: 10px 0px 0px 0px;}
	#space15{padding: 15px 0px 0px 0px;}
	#space20{padding: 20px 0px 0px 0px;}
	#space25{padding: 25px 0px 0px 0px;}
	#space30{padding: 30px 0px 0px 0px;}
	#space35{padding: 35px 0px 0px 0px;}
	#space40{padding: 40px 0px 0px 0px;}
	#space45{padding: 45px 0px 0px 0px;}
	#space50{padding: 50px 0px 0px 0px;}
	#space55{padding: 55px 0px 0px 0px;}
	#space60{padding: 60px 0px 0px 0px;}
	#space70{padding: 70px 0px 0px 0px;}
	#space80{padding: 80px 0px 0px 0px;}
	#space85{padding: 85px 0px 0px 0px;}
	#space90{padding: 90px 0px 0px 0px;}
	#space100{padding: 100px 0px 0px 0px;}
	#space110{padding: 110px 0px 0px 0px;}
	#space120{padding: 120px 0px 0px 0px;}
	#space130{padding: 130px 0px 0px 0px;}
	#space140{padding: 140px 0px 0px 0px;}
	#space150{padding: 150px 0px 0px 0px;}

	#pixfooter {

		display:block;
  		position:fixed;
  		right:0px;
  		bottom:0px;
  		width:145px;
  		color: #444;
  		z-index:1001;
	}


	#top_pix {

		display:block;
  		position:fixed;
  		left:0px;
  		top:0px;
  		width:100%;
  		z-index:997;
	}

	#bottom_pix {

		display:block;
  		position:fixed;
  		left:0px;
  		bottom:0px;
  		width:100%;
  		z-index:996;
	}




	#buy_pix {

		display:block;
  		position:fixed;
  		left:0px;
  		bottom:0px;
  		width:100%;
  		z-index:998;
	}



	#sample_pix {

		display:block;
		background: rgba(0, 0, 0, 0);
  		position:fixed;
  		right:14px;
  		top:12px;
  		width:103px;
  		z-index:998;

	}


	#bugo_perview_pix {

		display:block;
		background: rgba(0, 0, 0, 0);
  		position:fixed;
  		left:13px;
  		top:12px;
  		width:103px;
  		z-index:998;

	}



	.max_width_pix 	{ max-width: 480px;margin: 0 auto;box-sizing: border-box; background:#fff}
	.max_width_line 	{ max-width: 480px;margin: 0 auto;box-sizing: border-box; }




	/* cursor color, placeholder color change {  */

	input::-webkit-input-placeholder { /* 크롬 4?56 */
		color:  #9e9e9e;
	}
	input:-moz-placeholder { /* 파이어폭스 4?18 */
		color:  #9e9e9e;
   		opacity:  1;
	}
	input::-moz-placeholder { /* 파이어폭스 19?50 */
		color:  #9e9e9e;
  	 	opacity:  1;
	}
	input:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
		color:  #9e9e9e;
	}
	input::placeholder { /* 파이어폭스 51+, 크롬 57+ */
		color:  #9e9e9e;
   		opacity:  1;
	}





	.material-symbols-outlined { /* 구글 아이콘 */

  		font-variation-settings:
  		'FILL' 0,
  		'wght' 300,
  		'GRAD' 0,
  		'opsz' 20
	}


	/*물음표*/
	#question_mark {
    		width: 20px;
    		height: 20px;
    		color: #ba6e6d;
    		background: #fee9e8;
    		border-radius: 50%;
    		border: 0px solid #aaa;
    		cursor: pointer;
	}