/* form */
input,
label,
select,
button
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-family:inherit;
}
textarea
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;   
    background:none;
    line-height:1;
    font-family:inherit;
}

/* Input Reset  */
input[type="checkbox"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="file"] {border:0px solid #ccc;padding:2px 5px}
input[type=text] {border-radius: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;background-color:#fff;border-color:#3953a4}

/* Mobile Reset */
input::placeholder {color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}
input:-ms-input-placeholder {color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}
input::-ms-input-placeholder { color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}

input::-webkit-input-placeholder {color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}
input::-moz-placeholder {color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}

/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0; }
select{-webkit-border-radius:0}

button {padding:0; margin:0; border:0; vertical-align:middle; background:none; font-family:'Roboto', AppleGothic, Sans-serif, Dotum, "돋움";font-style: normal;font-weight: 400; cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px; font-size: 14px; line-height:16px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;color:#666;vertical-align:middle;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #c4191f; background:#c4191f;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:15px;  font-size: 14px; line-height:16px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;color:#666;vertical-align:middle;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background:#FFF;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 0px; font-weight:800; border:4px solid #c4191f; background:#fff;text-align: center;line-height: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 

input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

textarea.placeholder-color{color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}
input.placeholder-color{color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}
.text-placeholder {color:#666 !important;font-size:13px;font-family: 'Roboto';   font-style: normal;   font-weight: 400;}

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
    font-size:13px;
}

input[type=checkbox],
input[type=radio]
{
    width:16px;
    height:16px;
}
input[type=file]
{

}

input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

::-webkit-search-decoration
{
    display:none;
}

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
{
    vertical-align:top;

    overflow:auto;
}
select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline-width:0;
    font-size:13px;
}
select::-ms-expand {
    display: none;
}
select[multiple]
{
    vertical-align:top;
}
input[type=text]::-ms-clear {
    display:none;
}
.select{display:inline-block;height:24px;position:relative;border:1px solid #d1d1d1;background:#fff;box-sizing:border-box;}
.select:after{content:'';display:block;width:0;height:0;border-top:8px solid #3e4358;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.select select{height:22px;padding:0 5px;box-sizing:border-box;width:100%;line-height:22px;cursor: pointer;color:#666;}

.input{vertical-align:middle;height:24px;border:1px solid #d1d1d1;background:#fff;box-sizing:border-box;transition: all 0.3s ease-out}
.input input{height:22px;padding:3px 5px;box-sizing:border-box;color:#666;}
.input input:focus {outline: none;background-color: transparent;border-color:#3953a4}

/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.btn-type.btn1 {height:45px;line-height:42px;padding:0px 40px;text-align:center; font-size:16px;text-transform:uppercase;font-family: 'Roboto';   font-style: normal;   font-weight: 400; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn1.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn1.blue {color:#fff !important;border:1px solid #007dc6;background:#007dc6}
.btn-type.btn1.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn1.dgray {color:#fff !important;border:1px solid #55575a;background:#55575a}
.btn-type.btn1.gray {color:#fff !important;border:1px solid #b1adad;background:#b1adad}
.btn-type.btn1.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn1.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn1.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn1.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn1.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }


.btn-type.btn2 {height:28px;line-height:24px;padding:0px 20px;font-size:13px;text-transform:uppercase;font-family: 'Roboto';   font-style: normal;   font-weight: 300;border-radius:24px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn2.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn2.blue {color:#fff !important;border:1px solid #007dc6;background:#007dc6}
.btn-type.btn2.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn2.dgray {color:#fff !important;border:1px solid #55575a;background:#55575a}
.btn-type.btn2.gray {color:#fff !important;border:1px solid #b1adad;background:#b1adad}
.btn-type.btn2.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn2.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn2.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn2.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn2.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }

.btn-type.btn3 {height:35px;line-height:32px;width:100%; text-align:center; font-size:14px;text-transform:uppercase;font-family: 'Roboto';   font-style: normal;   font-weight: 400;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn3.blue {color:#fff !important;border:1px solid #007dc6;background:#007dc6}
.btn-type.btn3.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn3.dgray {color:#fff !important;border:1px solid #55575a;background:#55575a}
.btn-type.btn3.gray {color:#fff !important;border:1px solid #b1adad;background:#b1adad}
.btn-type.btn3.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn3.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn3.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn3.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn3.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }

.btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#007dc6 !important;}
.btn-type.dblue:hover {cursor:pointer;background:#fff !important;color:#2e3192 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#55575a !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;}
.btn-type.black_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.gray_line:hover {cursor:pointer;background:#c9cacd !important;color:#fff !important;}
.btn-type.white_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.return.black:hover {cursor:pointer;background:#55575a !important;color:#fff !important;}
.btn-type.return.black:hover p{background:url(/img/icon-return.png) no-repeat left center #55575a;}
.btn-type.red:hover {cursor:pointer;background:#fff !important;color:#c4191f !important;}