﻿@charset "utf-8";

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,
b,
u,
i,
center,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/* background: transparent; */
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

html,
body {
	width: 100%;
	font-size: 15px;
	line-height: 1.76em;
	background-color: #fff;
	/* word-break:break-all;
	*word-break:break-all;
	-ms-word-break:break-all;  */
	margin: 0 auto;
}

body {
	font-size: 1.0em;
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;
}

select,
input,
textarea,
button {
	font-size: 1.0em;
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align: middle;
	color: #333;
	outline: none;
}

button {
	outline: 0;
	cursor: pointer;
}

select {
	padding-left: 5px;
	padding-right: 25px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	background: url("../image/board_img/sel_arr.png") no-repeat right center;
}

select::-ms-expand,
select::-ms-expand {
	display: none;
}

html[data-ie-ver="8"] select,
html[data-ie-ver="9"] select {
	padding-left: 0;
	padding-right: 0;
	background: none;
}

@media all and (max-width:1100px) {
	select {
		background: url("../image/board_img/sel_bl.png") no-repeat right center;
		background-size: 15px 15px;
	}
}

input[type="password"] {
	font-family: sans-serif;
}

input[type="text"],
input[type="password"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

textarea {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	color: #333;
	text-decoration: none;
}


input {
	padding: 0;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

th {
	font-size: 1.0em;
}

img,
fieldset {
	border: 0px;
}

ol,
ul {
	list-style: none;
}

hr {
	border: 0;
	margin: 0;
	height: 1px;
	background: #ddd;
}

label {
	cursor: pointer;
}

legend,
caption {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

em {
	font-style: normal;
}

ins {
	text-decoration: none;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	left: -999999px;
	top: -999999px;
}

.png24 {
	tmp: expression(setPng24(this));
}

.plain {
	border: 0;
	border-radius: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
}

/* layout and align */

.align-c {
	text-align: center !important;
}

.align-l {
	text-align: left !important;
}

.align-r {
	text-align: right !important;
}

.align-j {
	text-align: justify !important;
}

.float-wrap {
	overflow: hidden;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}

/*images*/

img {
	max-width: 100%;
}

.img-mid {
	vertical-align: middle;
}

.img-block {
	display: block;
}

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.img-w20 {
	width: 20%;
}

.img-w40 {
	width: 40%;
}

.img-w50 {
	width: 50%;
}

.img-w60 {
	width: 60%;
}

.img-w80 {
	width: 80%;
}

.img-w85 {
	width: 85%;
}

.img-w90 {
	width: 90%;
}

.img-w100 {
	width: 100%
}

/*Font-size*/

.ft08 {
	font-size: 0.8em;
	line-height: 1.76em;
}

.ft082 {
	font-size: 0.82em;
	line-height: 1.76em;
}

.ft086 {
	font-size: 0.86em;
	line-height: 1.76em;
}

.ft09 {
	font-size: 0.9em;
	line-height: 1.76em;
}

.ft092 {
	font-size: 0.92em;
	line-height: 1.76em;
}

.ft114 {
	font-size: 1.14em;
	line-height: 1.76em;
}

.ft12 {
	font-size: 1.2em;
	line-height: 1.76em;
}

.ft15 {
	font-size: 1.5em;
	line-height: 1.76em;
}

.ft20 {
	font-size: 2em;
	line-height: 1.76em;
}

/*Margin*/

.mg0 {
	margin: 0px !important;
}

.mg5 {
	margin: 5px !important;
}

.mg10 {
	margin: 10px !important;
}

.mg15 {
	margin: 15px !important;
}

.mg20 {
	margin: 20px !important;
}

.mg25 {
	margin: 25px !important;
}

.mg30 {
	margin: 30px !important;
}

.mg35 {
	margin: 35px !important;
}

.mg40 {
	margin: 40px !important;
}

.mg45 {
	margin: 45px !important;
}

.mg50 {
	margin: 50px !important;
}

.mg55 {
	margin: 55px !important;
}

.mg60 {
	margin: 60px !important;
}

.mg65 {
	margin: 65px !important;
}

.mg70 {
	margin: 70px !important;
}

.mg75 {
	margin: 75px !important;
}

.mg80 {
	margin: 80px !important;
}

.mg85 {
	margin: 85px !important;
}

.mg90 {
	margin: 90px !important;
}

.mg95 {
	margin: 95px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr95 {
	margin-right: 95px !important;
}

/*Padding*/

.pd0 {
	padding: 0px !important;
}

.pd5 {
	padding: 5px !important;
}

.pd10 {
	padding: 10px !important;
}

.pd15 {
	padding: 15px !important;
}

.pd20 {
	padding: 20px !important;
}

.pd25 {
	padding: 25px !important;
}

.pd30 {
	padding: 30px !important;
}

.pd35 {
	padding: 35px !important;
}

.pd40 {
	padding: 40px !important;
}

.pd45 {
	padding: 45px !important;
}

.pd50 {
	padding: 50px !important;
}

.pd55 {
	padding: 55px !important;
}

.pd60 {
	padding: 60px !important;
}

.pd65 {
	padding: 65px !important;
}

.pd70 {
	padding: 70px !important;
}

.pd75 {
	padding: 75px !important;
}

.pd80 {
	padding: 80px !important;
}

.pd85 {
	padding: 85px !important;
}

.pd90 {
	padding: 90px !important;
}

.pd95 {
	padding: 95px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr95 {
	padding-right: 95px !important;
}

/*color*/

.dh_red {
	color: #d30000;
}

.dh_blue {
	color: #006cff;
}

.dh_black {
	color: #2f2f2f;
}

.dh_orange {
	color: #ff6600;
}

.dh_brown {
	color: #966c3e;
}

.dh_white {
	color: #ffffff;
}

.dh_gray {
	color: #8a8a8a;
}

/* border */

.bb0 {
	border-bottom: 0 !important;
}

.bt0 {
	border-top: 0 !important;
}

.br0 {
	border-right: 0 !important;
}

.bl0 {
	border-left: 0 !important;
}

/* mask */

.mask {
	background-color: #000;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	filter: alpha(opacity=60);
}

.ft0 {
	font-size: 0;
}

.inline {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}