@charset "utf-8";

@import "./normalize.css";
@font-face {
	font-family: 'NanumSquare';
	src: url(../../font/usrsite/NanumSquareR.eot);
	src: url(../../font/usrsite/NanumSquareR.eot) format('embedded-opentype'),
		url(../../font/usrsite/NanumSquareR.woff) format('woff'),
		url(../../font/usrsite/NanumSquareR.ttf) format('truetype');
}

/* DEFAULT */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,button,form,fieldset,p,blockquote{
	margin:0;
	padding:0;
}

body{
	font-size:15px; 
	font-family:'NanumSquare',Arial,Sans-serif;
	font-weight:300;
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow:auto;
}

img, fieldset {
	border:0 none;
}

body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, div, p, a{
	color:#000;
	font-size:15px;
	font-family:'NanumSquare',Arial,Sans-serif;
	box-sizing: border-box;
}

form, fieldset, legend, input, button, textarea, label{
	color:#000;
	font-size:15px;
/* 	line-height:1.65; */
}
label {
	padding-right: 10px;
	padding-left: 5px;
}
ul, ol, li {
	list-style:none outside;
}

table{
	border-collapse:collapse;
}

td,th{
	word-break: break-all;
	box-sizing:border-box;
	padding:0 10px;
}

.tal{ text-align:left !important; }
.tac{ text-align:center !important; }
.tar{ text-align:right !important; }

input, textarea{
	display:inline-block;
	font-size:1em;
	vertical-align:middle; 
	font-family:'NanumSquare';
	box-sizing: border-box;
}
input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border : 1px solid #bbb;
	padding: 0 10px;
	font-weight: 300;
	font-size: 15px;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	width: 15px !important;
	height: 15px !important;
	margin-bottom: 2px;
}
input[type="file"] {
	border: 1px solid #bbb;
	height: 40px;
    line-height: 20px;
	padding: 6px 10px;
}
input::placeholder {color: #bbb;}
input:disabled,
textarea:disabled,
select:disabled,
.disabled {
	background-color: #efefef;
}
input[type="radio"] {
	border-radius: 50px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
textarea {
	resize:none; 
	border: 1px solid #bbb;
	box-sizing:border-box;
	padding:10px;
	line-height:18px;
	font-family:'NanumSquare';
	width: 100%;
	min-height: 100px;
}

select {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	border: 1px solid #bbb;
	font-size: 15px;
	color: #000;
	padding: 0 25px 0 5px;
	box-sizing: border-box;
	/* appearance: none; */
	
}
select::-ms-expand {
	display:none;
	background-image: url(../img/selectIcon.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
		background-image: url(../img/selectIcon.png);
		background-repeat: no-repeat;
		background-position: right 5px center;
	}
}
address, em{
	font-style:normal
}

caption{
	overflow:hidden;
	width:0;
	height:0
}

legend{
	font:0; 
	line-height:0; 
	text-indent:-9999em;
}

hr{
	display:none;
}

.fl {float: left;}
.fr {float: right;}

a{text-decoration:none;color:#444; cursor:pointer;}
a:hover,a:focus,a:active{text-decoration:none;cursor:pointer !important}
a:hover,a:focus,a:active{text-decoration:none;cursor:pointer !important}

img{ display:inline-block; }

.clear {
	clear: both;
}

/*table style*/
table{
	width:100%;
	box-sizing:border-box;
}
table.fixed {
	table-layout: fixed;
	white-space: nowrap;
}
table th {
	background-color: #f8f8f8;
}
table th,table td {
	height: 40px;
	padding: 10px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table tr:first-child th,
table tr:first-child td {
	border-top: 1px solid #000;
}
table th:last-child,
table td:last-child {
	border-right:none;
}


/*button style*/
.btnArea {
	width: 100%;
	padding-top: 50px;
	text-align: center;
}

.tblBtnArea {
	width: 100%;
	padding-top: 10px;
	text-align: right;
}
a.btnType{
	display:inline-block;
	min-width: 120px;
	padding: 0 10px;
	margin: 0 5px;
	line-height:40px;
	color:#000;
	background-color: #ededed;
	border: 1px solid #ddd;
	font-size:15px;
	text-align: center;
	border-radius:50px;
}
a.btnType:hover {
	background-color: #ddd;
}
.btnType.list {
	background-color: #999;
	border: 1px solid #9c9c9c;
	color: #fff;
}
.btnType.list:hover {
	background-color: #777;
}
.btnType.grn {
	background-color:#87b53d;
	color:#fff;
	border:none;
}
.btnType.grn:hover {
	background-color:#77b11a;
}

/*paging style*/
.paging{
    width:100%;
    height:auto;
    overflow:hidden;
    padding-top:20px;
    text-align:center;
}

.paging a{
    display:inline-block;
	font-size: 15px;
	color: #666;
	width: 26px;
    line-height:26px;
	height:26px;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	border: 1px solid #ddd;
	transition: all 0.2s ease-in-out;
}

.paging a.current{
	background:#87b53d;
	border: 1px solid #87b53d;
	color: #fff;
}
.paging a:not(.prev):not(.next):not(.fst):not(.last):hover {
	background:#87b53d;
	border: 1px solid #87b53d;
	color: #fff;
	transition: all 0.2s ease-in-out;
}
.paging a.prev {
	background-image: url(../../images/usrsite/paging_prev.png);
}
.paging a.next {
	background-image: url(../../images/usrsite/paging_next.png);
}
.paging a.fst {
	background-image: url(../../images/usrsite/paging_fst.png);
}
.paging a.last {
	background-image: url(../../images/usrsite/paging_last.png);
}

.fs-12{ font-size:12px !important; }
.fs-13{ font-size:13px !important; }
.fs-14{ font-size:14px !important; }
.fs-15{ font-size:15px !important; }
.fs-16{ font-size:16px !important; }
.fs-17{ font-size:17px !important; }
.fs-18{ font-size:18px !important; }
.fs-19{ font-size:19px !important; }
.fs-20{ font-size:20px !important; }
.fs-21{ font-size:21px !important; }
.fs-22{ font-size:22px !important; }
.fs-23{ font-size:23px !important; }
.fs-24{ font-size:24px !important; }
.fs-25{ font-size:25px !important; }
.fs-26{ font-size:26px !important; }
.fs-27{ font-size:27px !important; }
.fs-28{ font-size:28px !important; }
.fs-29{ font-size:29px !important; }
.fs-30{ font-size:30px !important; }

.fc-w {color:#fff !important;}

.pd-0{ padding:0 !important;}
.pdt-0{ padding-top:0 !important;}
.pdl-0{ padding-left:0 !important;}
.pdr-0{ padding-right:0 !important;}
.pdb-0{ padding-bottom:0 !important;}
.pdb-5{ padding-bottom:5px !important;}
.pdb-10{ padding-bottom:10px !important;}

.w10per{ width:10% !important; }
.w15per{ width:15% !important; }
.w20per{ width:20% !important; }
.w25per{ width:25% !important; }
.w30per{ width:30% !important; }
.w33per{ width:33% !important; }
.w35per{ width:35% !important; }
.w40per{ width:40% !important; }
.w45per{ width:45% !important; }
.w49per{ width:49% !important; }
.w50per{ width:50% !important; }
.w55per{ width:55% !important; }
.w60per{ width:60% !important; }
.w65per{ width:65% !important; }
.w70per{ width:70% !important; }
.w75per{ width:75% !important; }
.w80per{ width:80% !important; }
.w85per{ width:85% !important; }
.w90per{ width:90% !important; }
.w95per{ width:95% !important; }
.w100per{ width:100% !important; }

.w10px{ width:10px !important; }
.w15px{ width:15px !important; }
.w20px{ width:20px !important; }
.w25px{ width:25px !important; }
.w30px{ width:30px !important; }
.w35px{ width:35px !important; }
.w40px{ width:40px !important; }
.w45px{ width:45px !important; }
.w50px{ width:50px !important; }
.w55px{ width:55px !important; }
.w60px{ width:60px !important; }
.w65px{ width:65px !important; }
.w70px{ width:70px !important; }
.w75px{ width:75px !important; }
.w80px{ width:80px !important; }
.w85px{ width:85px !important; }
.w90px{ width:90px !important; }
.w95px{ width:95px !important; }
.w100px{ width:100px !important; }
.w110px{ width:110px !important; }
.w115px{ width:115px !important; }
.w120px{ width:120px !important; }
.w125px{ width:125px !important; }
.w130px{ width:130px !important; }
.w135px{ width:135px !important; }
.w140px{ width:140px !important; }
.w145px{ width:145px !important; }
.w150px{ width:150px !important; }
.w155px{ width:155px !important; }
.w160px{ width:160px !important; }
.w165px{ width:165px !important; }
.w170px{ width:170px !important; }
.w175px{ width:175px !important; }
.w180px{ width:180px !important; }
.w185px{ width:185px !important; }
.w190px{ width:190px !important; }
.w195px{ width:195px !important; }
.w200px{ width:200px !important; }

.mx-w10px{ max-width:10px !important; }
.mx-w15px{ max-width:15px !important; }
.mx-w20px{ max-width:20px !important; }
.mx-w25px{ max-width:25px !important; }
.mx-w30px{ max-width:30px !important; }
.mx-w35px{ max-width:35px !important; }
.mx-w40px{ max-width:40px !important; }
.mx-w45px{ max-width:45px !important; }
.mx-w50px{ max-width:50px !important; }
.mx-w55px{ max-width:55px !important; }
.mx-w60px{ max-width:60px !important; }
.mx-w65px{ max-width:65px !important; }
.mx-w70px{ max-width:70px !important; }
.mx-w75px{ max-width:75px !important; }
.mx-w80px{ max-width:80px !important; }
.mx-w85px{ max-width:85px !important; }
.mx-w90px{ max-width:90px !important; }
.mx-w95px{ max-width:95px !important; }
.mx-w100px{ max-width:100px !important; }
.mx-w110px{ max-width:110px !important; }
.mx-w115px{ max-width:115px !important; }
.mx-w120px{ max-width:120px !important; }
.mx-w125px{ max-width:125px !important; }
.mx-w130px{ max-width:130px !important; }
.mx-w135px{ max-width:135px !important; }
.mx-w140px{ max-width:140px !important; }
.mx-w145px{ max-width:145px !important; }
.mx-w150px{ max-width:150px !important; }
.mx-w155px{ max-width:155px !important; }
.mx-w160px{ max-width:160px !important; }
.mx-w165px{ max-width:165px !important; }
.mx-w170px{ max-width:170px !important; }
.mx-w175px{ max-width:175px !important; }
.mx-w180px{ max-width:180px !important; }
.mx-w185px{ max-width:185px !important; }
.mx-w190px{ max-width:190px !important; }
.mx-w195px{ max-width:195px !important; }
.mx-w200px{ max-width:200px !important; }