@charset "euc-kr";
/* ÆùÆ® ¼³Á¤*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');*/
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url("board/webzine/webzine_res01.css");
/* ÆùÆ®*/
.noto { font-family: 'Noto Sans KR', sans-serif; }

.lato { font-family: 'Lato', sans-serif; }

.barun { font-family: "³ª´®¹Ù¸¥°íµñ", "Nanum Barun Gothic", sans-serif; }

.nanum { font-family: "³ª´®°íµñ", "Nanum Gothic", sans-serif; }

.webfont { }

/*°øÅë À¯Æ¿ :after {content:""; display:block; clear:both; } */
.clear { clear: both; }

.disable { display: none }

/*Àͽº¿Í ÆÄÆø¿ë onfocus=this.blur();  Å©·ÒÀº ÀÚµ¿ */
a:link,
a:visited,
a:active,
a:hover { text-decoration: none !important; }

/* µå·¡±× ºí·°Àâ±â ¹è°æ»ö ¼³Á¤  */
*::selection {
	background-color: #DE4555;
	color: #ffffff;
}
*::-moz-selection {
 background: #f73a4c;
 color: #ffffff;
}

/*Àͽº 8ÀÌÇÏ ¹öÀüÀÇ ½Ã¸àÅØ »ç¿ë°¡´É ¹è·Á*/
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
nav,
section { clear: both; 
}

/*ºê·¹ÀÌÅ© CSS */
html,
body {
	width: 100%;
	height: 100%;
}

body {
	word-wrap: break-word;
	word-break: keep-all;
	overflow-y: scroll;
	margin: 0;
	font-family: "Noto Sans KR", sans-serif;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
	outline: 0 !important;
	color: #6E6E6E;
	text-decoration: none;
}

img,
fieldset { border: 0; }

ul {
	margin: 0;
	padding: 0;
}

li { list-style: none; }

input {
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
}

select, select[size="0"], select[size="1"] { border-color: rgba(232,232,232,1.00); }

textarea {
		border: 1px solid #E8E8E8;

}
.modal_fix_btn {
	position: fixed;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	display: none;
}
/* LG 992 DOWN */
@media (max-width:992px) {
}

/* ¸ð¹ÙÀÏ 767 Down*/
@media (max-width:767px) {
.wrapper_bg { }

.wrapper { }
.modal_fix_btn { display: none; }
#sub_metapo { display: none; }
}

/* ½º¸¶Æ®Æù 480 Down */
@media (max-width:480px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {

.wrapper_bg { }

.wrapper {  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
}

@media (min-width:768px) and (max-width:991px) {
}