@charset "utf-8";

@import url('font.css');
@import url("main.css");
@import url("layout.css");
@import url("style.css");



* {margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none}
html {position:relative; min-width:320px; min-height:100%;}
ul,ol {list-style:none;}
img { border:0; vertical-align:middle; }


header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}

body,input,select,textarea,button,table {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; font-size:14px; font-weight:400; color:#000; letter-spacing:-0.7px; line-height:1.3;
				-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust: none;}

span, i {display:inline-block;}

a, a:link {color:#000; text-decoration:none; }
a.hover{color:#000; }


input[type="button"],input[type="submit"]{
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
}

form legend, table caption {text-indent: -9999px; }

table  {border-collapse:collapse; }

select {border:1px solid #c2c2c2; height:42px; padding:0 40px 0 8px;   -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(/images/select_arr.png) no-repeat right 50%; }

/* IE 10, 11 */

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

input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],rmrj
input[type="time"],
input[type="password"] {text-indent:8px;  height:42px; line-height:40px;  background:#fff;  border:1px solid #c2c2c2; }

textarea {padding:10px; width:100%; color:#888; border:1px solid #c2c2c2;  background-color:#fff;  	line-height:1.5; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
select:focus,
textarea:focus { border:1px solid #286ddf; outline:0; background:#fff;}
::-webkit-input-placeholder {color: #666;}
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }

.focus { border:1px solid #286ddf; !important; outline:0;}

input[type=checkbox]{position:absolute; width:0px; height:0px; opacity:0;}
input[type=checkbox]+label{position:relative; display:inline-block;padding-left:23px; line-height:23px; cursor:pointer;}
input[type=checkbox]+label:before {content:''; display:inline-block; position:absolute; left:0; top:50%; transform: translateY(-50%);
									width:18px; height:18px; 
									background:url(/images/checkbox.png) 0 0;}
input[type=checkbox]:checked + label:before  {background:url(/images/checkbox.png) 0 -18px;}


.input_file[data_file] {
    width:100%;
    height: 44px;
    padding: 0;
	line-height:42px;
	text-align:center;
	border:1px solid #999;
	background:#f3f3f3;
    position: relative;
	text-align:center;
}
.input_file input[data_file] {
    display: block !important;
	 width:100%;
    height: 28px;
    height: 44px;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
}


/* margin */
.mT5 {margin-top:5px;}
.mT8 {margin-top:8px;}
.mT15 {margin-top:15px;}
.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}

/* padding */
.pdL2 {padding-left:2px;}
.pdR2 {padding-right:2px;}

/* etc */
.fleft { float:left;}
.fright { float:right; }
.aleft {text-align:left;}
.acen {text-align:center;}
.aright {text-align:right;}
.f_red {color:#e51111;}
.f16 {font-size:16px;}

/* font */
.bold {font-weight:bold; }
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

/* et */
.col-2 {float:left; width: 20% !important;}
.col-3 {float:left; width: 30% !important;}
.col-33 {float:left; width: 33.3333333% !important;}
.col-4 {float:left; width: 40% !important;}
.col-5 {float:left; width: 50% !important;}
.col-6 {float:left; width: 60% !important;}
.col-7 {float:left; width: 70% !important;}
.col-8 {float:left; width: 80% !important;}