/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600&display=swap');*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.7/dist/web/static/pretendard.css");

/* reset */
html, body, div, span, img, q, table, tbody, thead, tfoot, tr, th, td, b, i, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p {margin:0;padding:0;}
dl,ul,ol,menu,li {list-style:none}
input,select,textarea,button {vertical-align:middle; font-family:inherit; color:inherit; font-size:inherit; outline:0; border:none;  background:none; }
img {border:0; max-width:100%}
img, li {vertical-align:middle;}
table {border-collapse:collapse; table-layout: fixed;} address{font-style:normal} 
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
a {color:inherit; text-decoration:none;}
body {color:#333; font-size:20px; font-family: 'Pretendard'; background:#ffe4f8}

#page0, #page1, #page2{
	height:700px;
	padding-bottom:30px;
}
p {font-size: 16px;margin: 10px 0;}
p.exp {
	font-size: 14px;
	margin-bottom: 20px;
}
p.left {
	font-size: 14px;
	text-align: left;
}
.center {
	text-align: center;
}
p.image_replace { 
	position: absolute; left:50%;
	width: 200px;
	height: 45px;
	font-weight: 100;
	font-size: 20px;
	color: #fff;
	text-align:center;
	border-radius: 3px;
	border-color: transparent;
	padding-top:10px;
	margin:0 auto 0 -100px;
	background: #444;
	cursor: pointer;
	z-index:1;
}
.input0{
	width:94%;
	border-radius:.4em !important;
	padding:3%;
	margin-top: 0.3em;
	margin-bottom:0.3em;
	background-color:#f6f6ff !important;
}
.input1{
	width:80%;
	border-radius:.4em !important;
	padding:1%;
	margin-top: 0.1em;
	margin-bottom:0.1em;
	background-color:#f6f6ff !important;
}
.input2{
	width:91%;
	border-radius:.4em !important;
	padding:1%;
	margin-top: 0.1em;
	margin-bottom:0.1em;
	background-color:#f6f6ff !important;
	text-align: right;
}
.input_image {  
	position: relative;
	width:100%;
	height:55px;
	z-index:2;
	opacity: 0;     
}
#preview{
	display: block;
	margin: 0 auto;
}
select {
	width: 100%;
	border-radius: .4em !important;
	padding: 3%;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	background-color: #f6f6ff;
}
textarea {
	width:94%;
	font-size:15px;
	border-radius:.4em;
	padding:3%;
	margin-bottom:20px;
	background-color: #f6f6ff;
}
h1 {
	color: #2c1400;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -1px;
	margin-bottom: 1.5em;
	text-align: center;
	margin-top: 7vh;
}
h2 {
	font-size:22px;
	font-weight: bold;
}
h3{
	color:#2c1400; 
	font-size:30px; 
	font-weight: 700;
	text-shadow:1px 1px 12px #fff;
	margin:10% 0 0 0;
}
h4{
	font-size:21px;
	text-align: left;
	margin-bottom:5px;
}
h5{
	font-size:16px;
	text-align: left;
	margin-bottom:7px;
}
h6 {
	font-size: 15px;
	text-align: left;
	margin-bottom: 5px;
}
.formStyle{
	width:90%;
	overflow:hidden;
	margin:3% auto;
	text-align: center;
}
.likeTextarea {
	font-size: 15px;
	border-radius: 7px;
	text-align: left;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #fffa;
}
.red {
	color:red;
	font-size:large;
}
/* #sSelect1, #sSelect2, #sSelect3, #sSelect4, #sSelect5, #sGender, #iLevel, #iState, #sNick {
	display:block;
	width:100%;
	text-align:center;
	border-radius:0.4em;
	padding:3% 2% 3% 8%;
	margin-bottom:.5em;
	background-color: #f6f6ff ;
} */

#iSelectedNum {
	display:block;
	width:100%;
	text-align:center;
	border-radius:0.4em;
	padding:3% 2% 3% 8%;
	margin-bottom:.5em;
	background-color: #f6f6ff ;
}
#sSelect1 option, #sSelect2 option {text-align:center;}
.tableStyle {
	width:95%;
	overflow:hidden;
	margin:3% auto;
}
.btn{
	display:inline-block;
	width:30%;
	font-size:16px;
	color:#fff;
	cursor:pointer;
	border-radius:3px;
	padding:2%;
	background-color:#444;
}
.btn_normal{
	display:inline-block;
	width:60%;
	font-weight:400 !important;
	color:#fff !important;
	text-align:center;
	text-shadow:none;
	cursor:pointer;
	border-radius:3px;
	padding:2% 0;
	margin-top:2%;
	background-color:#444;
}

/*PC버전*/
@media screen and (min-width: 769px) {
	.formstyle{width:35%;}
	h3{margin-top:50px;}
}
	
#overlay_t {
	position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
	opacity: 0.5; 
	filter: alpha(opacity = 50); /* IE7 & 8 */ 
	background-color: #000; 
	z-index: 99; 
	display:none;
}
#popup_layer {
	position:absolute; top:260px; left:0; right: 0; 
	display:none;
	width:85%; 
	font-size: 16px;
	border:solid 1px #ccc; 
	box-shadow: 0px 1px 20px #333; 
	padding: 20px;
	margin:0 auto 30px; 
	background:#fff; 
	z-index:100; 
}