input,label,select,button,textarea{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	font-size:14px;
}
input:focus{outline:0;}
button,input,select,textarea{	
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

input[type=checkbox],input[type=radio]{
	width:17px;
	height:17px;
}
/*   (((( FILE UPLOAD ))))   */
input[type=file]::-webkit-file-upload-button{
    padding: .5em 1.75em;
    border-radius:0;
    box-sizing:border-box;
    margin:-1px;
}
input[type=search]{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}
::-webkit-search-decoration{
	display:none;
}
button{
    outline:0;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"]{
	overflow:visible;
	width:auto;
}
::-webkit-file-upload-button{	
	padding:0;
	border:0;
	background:none;
}
textarea {
    width:100%;
    height:450px;
    outline:0;
    resize:none;
	vertical-align:top;
	overflow:auto;
    padding: .9em 1em;
    line-height:1.4em;
}
select {
    outline:0;
    width:100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5em 1em;
    overflow:hidden;
}
select::-ms-expand{ 
    display: none; /*ie 10 11*/
}
.select{
    position:relative;
    display:inline-block;
}

.select:after{
    z-index:10;
    display:block;
    content:'';
    width:20px;
    height:20px;
    position:absolute;
    top:5px; 
    right:10px;
    background:#fff url(/resources/images/common/down-arrow.png) no-repeat center; 
}
.select.on:after{
    transform: rotate(180deg);
}

select[multiple]{
	vertical-align:top;
}
input{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: .5em 1em;
    z-index: 1;
}

input[type="text"]::-ms-clear {
    display: none;
}







/*STYLE CUSTOM*/

input,select{
    height:30px;
}
textarea{
    font-family: 'Noto Sans Korean',AppleGothic,sans-serif;
}

input[type=file]::-webkit-file-upload-button{
    transition: all 0.5s;
    background-color:#fcfcfc;
    border:1px solid #ddd;
}
input,select,textarea{
    transition: all 0.5s;
    background-color:#fcfcfc;
    border:1px solid #ddd;
}

input[type="text"]:hover,
input[type="text"]:active,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:active,
input[type="password"]:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus{
    transition:all 0.5s;
    border-color:#45485b !important;
}

/*   (((( INPUT FILE CUSTOM ))))   */

.file-area {
    width:100%;
}
.filetype {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *margin-right: 4px;
    width:100%;
    font-size:0;
    cursor:pointer;
}

.filetype .file-text{
    float:left;
    width:80%;
	height:40px;
    display:block;
    box-sizing:border-box;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: .6em 1em;
    background-color: #fff;
    margin: 0;
    z-index: 1;
    font-size:14px;
}

.filetype .file-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    padding: .05em 0;
    z-index:5;
}
.filetype:hover .file-text{
    border-color:#45485b;
}
.filetype .file-select .input-file {
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: .1em 0;
    cursor: pointer;
}

.filetype .file-text + .file-btn {
    display:block;
    float:left;
    box-sizing: border-box;
    width:20%;
    height:40px;
    padding:0;
    line-height:35px;
    text-align:center;
    background-color: #45485b;
    color: #fff !important;
    font-size:14px;
    cursor: pointer;
    letter-spacing:-1px;
}

.filetype .file-text + .file-btn.type01{
    background-color:#a3a3a3;
}

@media screen and (max-width:768px){
    .filetype .file-text{
        width:100%;
        float:none;
        margin-bottom:5px;
    }
    .filetype .file-text + .file-btn{
        width:100%;
        float:none;
    }
    .filetype .file-select{
        width:100%;
        top:inherit;
        bottom:0;
    }
}


/*   (((( BTN CUSTOM ))))   */
.btn-area{
    font-size:0;
    text-align:center;
}
.btn {
    height:30px;
    transition:all 0.2s ease-in;
	display: inline-block;
	margin: 0;
	padding: .25em 0em;
/*	border-radius: .25em;*/
    border-radius:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 14px;
    font-weight:normal;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
    color:#333;
    background-color:#fff;
    border:1px solid #bbb;
    text-align: center;
    opacity:0.95;
}
.btn:hover{
    transition:all 0.2s ease-out;
    opacity:1;
    text-decoration:none;
}
.btn.default{
    background-color:transparent;
    border:0;
    color:#333;
}

.btn.btn00{
    background-color:#e6e6e6;
    border:1px solid #bbb;
    color:#333;
}
.btn.btn01{
    background-color:#45485b;
    border:1px solid #45485b;
    color:#fff;
}
.btn.btn02{
    background-color:#a3a3a3;
    border:1px solid #a3a3a3;
    color:#fff;
}

.btn.btn03{
    background-color:#262427;
    color:#fff;
    border:1px solid #262427;
    line-height:45px;
    width:113px;
    height:45px;
    padding:0;
    text-align:center;
}
.btn.btn04{
    background-color:#313389;
    border:1px solid #313389;
    color:#fff;
}
.btn.btn05{
    background-color:#398cf2;
    border:1px solid #398cf2;
    color:#fff;
}


.btn.circle{
    background-color:#a3a3a3;
    color:#fff;
    border-radius:25px;
    width:170px !important;
    height:50px !important;;
    line-height:50px;
    padding-top:0;
    padding-bottom:0;
}
.btn.circle.bc01{
    background-color:#262427;
}



/*   (((( BTN LAYOUT ))))   */
.btn.w2{
    box-sizing: border-box;
    width:49%;
    padding-right:0;
    padding-left:0;
    margin-right:1%;
}
.btn.w3{
    box-sizing:border-box;
    width:32.666%;
    padding-right:0;
    padding-left:0;
    margin-right:1%;
}
.btn.w4{
    box-sizing:border-box;
    width:24.25%;
    padding-right:0;
    padding-left:0;
    margin-right:1%;
}

.btn-area .btn.w2.last,
.btn-area .btn.w3.last,
.btn-area .btn.w4.last{
    margin-right:0%;
}
@media screen and (max-width:768px){
    .btn-area .btn.w4{
        width:49.5%;
        margin-bottom:0;
    }
    .btn-area .btn.w4:nth-child(2){
        margin-right:0;
    }
}