/**
 *reset 
 */
 
* {
	margin: 0;
	padding: 0;
	box-sizing:border-box
}

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

body, input, select, textarea, button {
	line-height:1.5;
	font-size:16px; 
	font-family: 'Poppins', sans-serif; 
	font-weight:300;
	letter-spacing:-0.75px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

img {
	border-style: none;
	vertical-align:middle
}

a {
	color:#333;
	text-decoration:none;
	transition:all 0.3s
}

a:active, a:hover {
	text-decoration:none
}

table {
	width:100%; 
	border-spacing:0
}

ol, ul {
    list-style: none
}

/**
 *form 
 */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important
}
   
input::-ms-clear {
	display:none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#999
}

input::-moz-placeholder, textarea:focus::-moz-placeholder {
	color:#999
}

input:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color:#999
}

input:-moz-placeholder, textarea:focus:-moz-placeholder {
	color:#999
}

textarea {
	overflow: auto
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	border-style: none;
	cursor:pointer;
	background-color: transparent
}

input, select, button:focus, button:active, textarea {
	outline:none
}

.write {
	margin:18px 0
}

.write_div {
	flex-wrap:wrap;
	display:flex
}

.write_div .frm_input {
	width:49%
}

.write_div .frm_input:last-child {
	margin-left:2%
}

.write_file {
	margin:18px 0
}

.write_file h3 {
	display:inline-block;
	margin-bottom:7px;
	padding-right:18px;
	font-weight:500;
	font-size:16px
}

.write_file h3 span {
	font-family:'Noto Sans KR'
}

.write_file .filepond--panel-root {
	background-color:#f5f5f5
}

.write_file .filepond--root {
	font-family: 'Poppins', sans-serif;
	font-size:14px
} 

.frm_input {
	width:100%;
	height:50px;
	padding:0 15px;
	border:1px solid #e7e7e7;
	background-color:#fff;
	font-size:14px;
	vertical-align: middle;
	transition:all 0.3s
}

.frm_input:focus {
	border-color:#ee2e24
}

textarea.frm_input {
	padding:13px 15px;
	height:150px
}

select.frm_input {
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none; 
	background-image:url('/img/common/select.png');
	background-repeat:no-repeat;
	background-position:97%;
	color:#999
}

select.frm_input::-ms-expand {
	display:none;
}

.required {
	background-image:url('/img/common/require.png');
	background-repeat:no-repeat;
	background-position:right top
}

.checkbox, .radio {
	position:relative
}

.input_checkbox, .input_radio {
	position:absolute;
	top:2px;
	left:0;
	width:18px;
	height:18px;
	opacity:0
}

.label_checkbox, .label_radio {
	position:relative;
	padding-left:25px;
	cursor:pointer
}

.label_checkbox:before {
	content:"\f00c";
	font-family: FontAwesome;
	font-size:13px;
	color: transparent;
	display:flex;
	justify-content:center;
	align-items:center;
	width:16px;
	height:16px;
	border-radius:2px;
	background:#fff;
	border:1px solid #ee2e24;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

.label_radio:before {
	content:"\f058";
	 font-family: FontAwesome;
	font-size:13px;
	color: transparent;
	display:flex;
	justify-content:center;
	align-items:center;
	width:16px;
	height:16px;
	border-radius:2px;
	background:#fff;
	border:1px solid #ee2e24;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

.input_checkbox:checked + .label_checkbox:before, .input_radio:checked + .label_radio:before {
	color:#ee2e24
}

/**
 *font 
 */

.bold300 {
	font-family:'Noto Sans KR';
	font-weight:300
}

.bold400 {
	font-family:'Noto Sans KR';
	font-weight:400
}

.bold500 {
	font-family:'Noto Sans KR';
	font-weight:500
}

.bold700 { 
	font-family:'Noto Sans KR';
	font-weight:700
}

.bold900 {
	font-family:'Noto Sans KR';
	font-weight:900
}

.poppins {
	font-family: 'Poppins'
}

.poppins300 {
	font-family: 'Poppins'; 
	font-weight:300
}

.poppins400 {
	font-family: 'Poppins'; 
	font-weight:400
}

.poppins500 {
	font-family: 'Poppins'; 
	font-weight:500
}

.poppins600 {
	font-family: 'Poppins'; 
	font-weight:600
}

.poppins700 {
	font-family: 'Poppins'; 
	font-weight:700
}

.poppins800 {
	font-family: 'Poppins';
	font-weight:800
}

.poppins900 {
	font-family: 'Poppins'; 
	font-weight:900
}

/**
 *button
 */

.btn_wrap {
	display:flex;
	margin-top:45px
}

.btn {
	margin-right:12px;
	padding:12px 25px;
	transition:all 0.3s;
	font-size:15px
}

.btnLine {
	border:1px solid #e7e7e7;
	background-color:#fff
}

.btnLine:hover {
	background-color:#e7e7e7
}

.btnSubmit {
	border:1px solid #353942;
	background-color:#353942;
	color:#fff
}

.btnSubmit:hover {
	background-color:#484c58
}
 
/**
 *layout 
 */
 
#wrapper {
	min-width:1550px;
	overflow:hidden
}

@media all and (max-width: 1280px) {
	#wrapper {
		min-width:auto
	}	
}

.hidden, caption, legend {
	display:inline-block; 
	position:absolute; 
	top:0; 
	left:0; 
	font-size:0; 
	line-height:0; 
	border:0; 
	overflow:hidden
}

.clear:after {
	content:''; 
	display:block; 
	clear:both; 
	visibility: hidden
}

.inner {
	width:1200px; 
	margin:0 auto;
}

.push {
	width:100%; 
	height:150px;
}

.mo {
	display:none
}

.lock {
	overflow:hidden
}

/**
 *logo 
 */

.logo a {
	display:block;
	width:206px;
	height:34px
}

.logo span {
	display:block;
	height:34px;
	text-indent:-9999px;
	background:url('/img/common/logo.png') no-repeat center
}