@charset "utf-8";

/*
	font-family: 'Pretendard';
*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
/*
	font-family: 'Noto Sans KR';
*/
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');


@font-face {
	font-family: 'Segoe UI Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Regular'), url('/font/segoe-ui/Segoe UI.woff') format('woff');
}
@font-face {
	font-family: 'Segoe UI Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Italic'), url('/font/segoe-ui/Segoe UI Italic.woff') format('woff');
}
@font-face {
	font-family: 'Segoe UI Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Bold'), url('/font/segoe-ui/Segoe UI Bold.woff') format('woff');
}
@font-face {
	font-family: 'Segoe UI Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Bold Italic'), url('/font/segoe-ui/Segoe UI Bold Italic.woff') format('woff');
}
* {
	box-sizing:border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
	margin:0; padding:0; border:0; outline:0; 
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a { text-decoration: none; }
a:hover { color:inherit; }
a:link { color:inherit; }
a:visited { color:inherit; }

ol, ul { list-style:none; }
table {	border-collapse:separate;	border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal;}
caption { display:none; }
img { 
	border:0; vertical-align:middle; 
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering: -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit 표준 X */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE 표준 X */
}
button { cursor:pointer; }

/* Input 기본 속성 화살표 제거 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}


body {
	width:100%; text-align:center; margin:0; padding:0; 
	font-family:"Pretendard","Noto Sans KR","돋움",Arial,sans-serif; font-style:normal; font-weight:300;
	color:#111111; font-size:10px; word-break:keep-all; letter-spacing:-0.03em;
	background:#FFFFFF;
}

.mobile { display:none; }
br.web {	
}
.hidden {
	display:none;
}
strong { font-weight:800; }

#wapper {
    position:relative; margin:0 auto; overflow-x:hidden;
}


.mask_layer {
	position:absolute; width:100%; height:100%; left:0; top:0; z-index:999;
	background-color:rgba(0,0,0,0.8);
	display:none;
}
.mask_layer .modal_popup { 
	position:absolute; width:auto; z-index:10000;
}
.mask_layer .modal_popup .closebtn { 
	position:absolute; top:15px; right:20px; z-index:9;	
	width:30px; height:30px;
}
.mask_layer .modal_popup .closebtn a { 
	display:block; width:100%; height:100%;
	background:url('../images/common/btn_close.png') no-repeat center center; background-size:cover;	
}


.mask_layer .modal_popup .alertmsg {
	opacity:0; transition-duration:1s; text-align:center; width:100%;
}
.mask_layer .modal_popup .alertmsg.on {
	opacity:1;
}
.mask_layer .modal_popup .alertmsg span {
	display:inline-block; padding:0.2em 1.5em 0.3em; background:#ff9e1a; border-radius:15px;
	color:#ffffff; font-size:28px; font-weight:300;
	opacity:0.9;
}


.mask_layer .modal_popup .closebtn_box {
	position:relative; background:#004494; padding:8px 10px; border-radius:0.5em; 
	text-align:right;
}
.mask_layer .modal_popup .closebtn_box .closebtn {
	display:inline-block; position:relative; top:0; right:0; background:#ffffff;
	width:42px; height:42px; border-radius:50%;
}
.mask_layer .modal_popup .closebtn_box .closebtn a {
	background:url('../images/common/btn_close2.png') no-repeat center center; background-size:18px 18px;	
}
.reg_end_message {	
	width:600px; background:#ffffff; border:3px solid #dddddd; border-radius:0.8em;
	padding:3em 0;
	font-size:26px; color:#333333; font-weight:800; line-height:180%;
}
.message_box {	
	width:600px; border-radius:0.8em;
}
.message_box .message {	
	padding:2em 0; background:#ffffff; border:3px solid #dddddd; border-radius:0 0 0.5em 0.5em;
	font-size:28px; color:#004494; font-weight:800; line-height:180%;
}



@media screen and (max-width: 640px) { 
	br.mobile {
		display:block;
	}
	.mask_layer .modal_popup { 
		width:96%;
	}
	.mask_layer .modal_popup .closebtn { 
		position:absolute; top:10px; right:25px; z-index:9;
		width:24px; height:24px;
	}
	
	.reg_end_message {	
		width:100%; padding:3em 0;
		font-size:2em;
	}
	
	.message_box {	
		width:100%;
	}
}
	


#alert_pop {
	position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9999;
	display:none;
}
#alert_pop .alert_pop_txt {
	position:relative; padding:1em 2em; margin:0 auto;
	background:#ffffff; border:2px solid #000000; border-radius:10px; 
	box-shadow:0 0 20px #000;
	font-size:16px;
}

@media screen and (max-width: 640px) { 
	#alert_pop {
		width:80%;
	}
	#alert_pop .alert_pop_txt {
		padding:1em; 
	}
}


.loadingbar {
	font-size:1.6em;
}