@charset "utf-8";

/* .container_wrap {display: none;} */
* { box-sizing: border-box; font-family: 'NotoSansCJKkr-Medium-Alphabetic',sans-serif;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust:none; }
html {
	height: 100%;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
em, img, strong, dl, dt, dd, ol, ul, li, label, table,
tbody, thead, tr, th, td, canvas,  footer, header, nav,
section, audio, video {
	margin: 0; padding: 0;
	border: 0; font-size: 100%;
	vertical-align: baseline;
	word-wrap: break-word; letter-spacing: -0.5px; }
input, textarea { padding: 0; border: 0; outline:none; background: transparent;
	-webkit-appearance:none;
	-webkit-border-radius:0; }
input:focus { outline: none; }
ol, ul { list-style: none; }
body { width: 100%; height: 100%; line-height: 1; box-sizing:border-box; background-color: #FFF;}
img { border:0; outline: 0; vertical-align: top; }
a { text-decoration: none; color: #202020; }

@font-face {
	font-family: '../font/NotoSansCJKkr/NotoSansCJKkr-Medium-Alphabetic';
	src: url('../font/NotoSansCJKkr/NotoSansCJKkr-Medium-Alphabetic.eot');
	src: url('../font/NotoSansCJKkr/NotoSansCJKkr-Medium-Alphabetic.woff2') format('woff2'),
	url('../font/NotoSansCJKkr/NotoSansCJKkr-Medium-Alphabetic.woff') format('woff'),
	url('../font/NotoSansCJKkr/NotoSansCJKkr-Medium-Alphabetic.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

.container_wrap { width: 100%; height: 100%; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; }
.container_upper { width: 100%; height: 100%; position: relative; }
.header { display: table; width: 100%; height: 60px; position: fixed; top: 0; left: 0; background-color: #FFF; z-index: 150; }
.header > p { display: table-cell; vertical-align: middle; padding-left: 45px; line-height: 60px; font-size: 0.950rem; color: #000; }
.icon_back { width: 40px; height: 40px; padding: 10px; position: absolute; top: 50%; left: 0; margin-top: -20px; }
.container_contents { width: 100%; height: 100%; position: relative; padding-top: 60px; background-color: #EFEFEF; overflow: hidden; }
.bg_color { background-color: #FFF; }
.used_stamp { opacity: 0.6; width: 65%; /*height: 180px; */position: absolute; top: 0; right: 30px; z-index: 100; }
.popup_wrap {
		position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%;
		text-align: center; overflow: auto; background:rgba(0, 0, 0, 0.5); }

.popup_wrap:before {
		display:inline-block; width: 0; height: 100%; position: relative;
		vertical-align: middle; overflow:hidden; content: ""; font-size:0; }

.popup_upper {
		display: inline-block; width: 70%; position: relative;
		vertical-align: middle; letter-spacing:-1px;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		-webkit-animation:popup_show 0.3s linear 0s 1;
		-moz-animation:popup_show 0.3s linear 0s 1;
		-o-animation:popup_show 0.3s linear 0s 1;
		animation:popup_show 0.3s linear 0s 1; }
.popup_content { width: 100%; max-height: 300px; overflow-y: auto; padding: 20% 7%; background-color: #fff; }
.popup_wrap .common_btn_bar { display: block; }
.popup_wrap .common_btn_bar_inner { position: relative; }
@-webkit-keyframes popup_show {
	0%{-webkit-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-webkit-transform:translate3d(0,0,0);opacity:1;}
}
@-moz-keyframes popup_show {
	0%{-moz-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-moz-transform:translate3d(0,0,0);opacity:1;}
}
@-o-keyframes popup_show {
	0%{-o-transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{-o-transform:translate3d(0,0,0);opacity:1;}
}
@keyframes popup_show {
	0%{transform:translate3d(0,-40px,0);opacity:0.3;}
	100%{transform:translate3d(0,0,0);opacity:1;}
}
