/* 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:#727a82}

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

input::-webkit-input-placeholder {color:#666 !important;font-size:13px;font-weight: 400;}
input::-moz-placeholder {color:#666 !important;font-size:13px;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:'NotoSansKR', 'Nanum Gothic', 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:20px; font-size: 13px; line-height:16px;font-weight: 400;color:#666;vertical-align:top;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px; 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 #727a82; background:#727a82;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:20px;  font-size: 13px; line-height:16px;font-weight: 400;color:#666;vertical-align:top;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px; 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; line-height: 16px; */ border:4px solid #727a82; background:#fff;text-align: center;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-weight: 400;}
input.placeholder-color{color:#666 !important;font-size:13px;font-weight: 400;}
.text-placeholder {color:#666 !important;font-size:13px;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:35px;position:relative;border:1px solid #d1d1d1;background:#fff;border-radius:0px;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:33px;padding:0px 15px 0px 5px;box-sizing:border-box;width:100%;line-height:33px;cursor: pointer;color:#666;}
*/

.select_sty1{display:inline-block;height:35px;position:relative;border:1px solid #d1d1d1;background:#fff;border-radius:4px;box-sizing:border-box;}
.select_sty1 select{height:33px;padding:0px 0px 0px 5px;box-sizing:border-box;width:100%;line-height:33px;cursor: pointer;color:#444;border-radius:4px;}
.select__arrow1{ position: absolute;top: 35%;right: 5px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 5px 0 5px;border-color: #3e4358 transparent transparent transparent;}

.input_id{vertical-align:middle;height:45px;border:1px solid #d1d1d1;border-radius:24px;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_id input{height:43px;padding:5px 5px 5px 55px;background:url(../img/ico_member.png) 24px 50% no-repeat;color:#666;border-radius:24px;box-sizing:border-box;}
.input_id input::placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_id input:-ms-input-placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_id input::-ms-input-placeholder { color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}

.input_pw{vertical-align:middle;height:45px;border:1px solid #d1d1d1;border-radius:24px;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_pw input{height:43px;padding:5px 5px 5px 55px;background:url(../img/ico_pw.png) 24px 50% no-repeat;color:#666;border-radius:24px;box-sizing:border-box;}
.input_pw input::placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_pw input:-ms-input-placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_pw input::-ms-input-placeholder { color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}


.input_sty1{display:inline-block;vertical-align:middle;height:35px;border:1px solid #d1d1d1;background:#fff;border-radius:4px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_sty1 input{height:33px;padding:5px;box-sizing:border-box;color:#666;border-radius:4px;width:100%;}
.input_sty1 input:focus {outline: none;background-color: transparent;border-color:#727a82}
.input_sty1 input:disabled {background:#f1f1f1;}

.textArea_sty1 textArea{display: inline-block;width:100%;border:1px solid #d9d9d9;height:200px; padding: 10px;color:#666; font-size: 13px;line-height:1.3;font-weight: 400;background:#fff;border-radius:4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.textArea_sty1 textArea:focus {outline: none;border-color:#727a82}

.checkbox{position:relative}
.checkbox.type1{display:inline-block;margin:0 4px 8px;}
.checkbox.type1 label{display:inline-block;}
.checkbox.type1 .box{display:inline-block;vertical-align:middle;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:13px;color:#333;line-height:1;letter-spacing:-0.03em;background:#fff;padding:7px 16px 8px;border-radius:16px;border:1px solid #bbb;box-sizing:border-box;}
.checkbox.type1 input:checked + .box{color:#fff;border-radius:16px;background:#15bb61;border:1px solid #15bb61;box-sizing:border-box;}




/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.btn-type.btn1 {width:180px; margin:0 5px;height:45px;line-height:41px;padding:0px 20px;text-align:center; font-size:16px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:0px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn2 {height:40px;line-height:38px;padding:0px 30px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:4px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn3 {height:35px;line-height:32px;padding:0px 20px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:4px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.btn-type.rbtn1 {height:40px;line-height:38px;padding:0px 30px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:24px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.rbtn2 {height:35px;line-height:32px;padding:0px 20px;text-align:center; font-size:14px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:24px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.rbtn3 {line-height:1;padding:6px 16px 7px;text-align:center; font-size:13px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;border-radius:16px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.rbtn4 {height:30px;line-height:28px;padding:0px 20px;text-align:center; font-size:13px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;border-radius:24px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.btn-type.btn3.off {height:30px;line-height:28px;text-align:center; font-size:13px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;padding:0px 20px;color:#fff !important;border:1px solid #d3d5d7;background:#d3d5d7; paint-order:none; cursor:not-allowed;border-radius:4px;}

/* color */
.btn-type.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.btn-type.dblue {color:#fff !important;border:1px solid #2f3858;background:#2f3858}
.btn-type.dgray {color:#fff !important;border:1px solid #3c3e44;background:#3c3e44}
.btn-type.gray {color:#fff !important;border:1px solid #717379;background:#717379}
.btn-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.btn-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line {color:#717379 !important;border:1px solid #717379;background:#fff}
.btn-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.main {color:#fff !important;border:1px solid #15bb61;background:#15bb61}
.btn-type.main_line {color:#15bb61 !important;border:1px solid #15bb61;background:#fff}


.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:#2f3858 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#3c3e44 !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#717379 !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;border:1px solid #262729; background:#262729 !important;color:#fff !important;}
.btn-type.white_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.red:hover {cursor:pointer;background:#fff !important;color:#c4191f !important;}
.btn-type.orange:hover {cursor:pointer;background:#fff !important;color:#fb9347 !important;}
.btn-type.lgray_line:hover {cursor:pointer;color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.btn-type.main:hover {cursor:pointer;color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.main_line:hover {color:#fff !important;border:1px solid #15bb61;background:#15bb61}
.btn-type.off:hover { paint-order:none; cursor:not-allowed;}

.ico-type {display:inline-block;position:relative;cursor:pointer;transition:all 0.3s}
.ico-type.btn_ico {height:35px;line-height:32px; padding:0 20px;text-align:center; font-size:14px;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ico-type.btn_ico.black_line {color:#333 !important;border:1px solid #262729; background:#fff;}
.ico-type.btn_ico span{display:inline-block;padding-left:25px;}
.ico-type.btn_ico span.i_pdf{background:url(../img/i_pdf.png) no-repeat left center;}
.ico-type.btn_ico span.i_print{background:url(../img/i_print.png) no-repeat left center;}
.ico-type.btn_ico span.i_list{background:url(../img/i_list.png) no-repeat left center;}

.ico-type.btn_ico1 {line-height:1;padding:5px 10px 6px;text-align:center; font-size:12px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* color */
.ico-type.black {color:#fff !important;border:1px solid #000;background:#000}
.ico-type.blue {color:#fff !important;border:1px solid #337bcc;background:#337bcc}
.ico-type.dblue {color:#fff !important;border:1px solid #2f3858;background:#2f3858}
.ico-type.dgray {color:#fff !important;border:1px solid #3c3e44;background:#3c3e44}
.ico-type.gray {color:#fff !important;border:1px solid #717379;background:#717379}
.ico-type.lgray {color:#fff !important;border:1px solid #a3a5aa;background:#a3a5aa}
.ico-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.ico-type.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.ico-type.orange {color:#fff !important;border:1px solid #fb9347;background:#fb9347}
.ico-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.ico-type.gray_line {color:#717379 !important;border:1px solid #717379;background:#fff}
.ico-type.lgray_line {color:#a3a5aa !important;border:1px solid #a3a5aa;background:#fff}
.ico-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.ico-type.main {color:#fff !important;border:1px solid #15bb61;background:#15bb61}
.ico-type.main_line {color:#15bb61 !important;border:1px solid #15bb61;background:#fff}