/* 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;}
input:-ms-input-placeholder {color:#666 !important;font-size:13px;}
input::-ms-input-placeholder { color:#666 !important;font-size:13px;}

input::-webkit-input-placeholder {color:#666 !important;font-size:13px;}
input::-moz-placeholder {color:#666 !important;font-size:13px;}

/* 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', 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: 13px; line-height:16px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;color:#333;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: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:15px;  font-size: 13px; line-height:16px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;color:#333;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: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;}
input.placeholder-color{color:#666 !important;font-size:13px;}
.text-placeholder {color:#666 !important;font-size:13px;}

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;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;}
.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;}
.select_sty1 select:disabled {background:#f1f1f1;}

.select_sty2{display:inline-block;height:28px;position:relative;border:1px solid #d1d1d1;background:#fff;box-sizing:border-box;} /* search */
.select_sty2 select{height:26px;padding:0px 0px 0px 5px;box-sizing:border-box;width:100%;line-height:26px;cursor: pointer;color:#444;}
.select__arrow2{ 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{display:inline-block;vertical-align:middle;height:35px;border:1px solid #d1d1d1;background:#fff;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out} /* basic */
.input input{height:33px;padding:5px;box-sizing:border-box;color:#666;border-radius:0px;}
.input input:focus {outline: none;background-color: transparent;border-color:#727a82}
.input input:disabled {background:#f6f3ed;font-size:14px; color: #8b603a !important;}

.input_sty1{display:inline-block;vertical-align:middle;height:28px;border:1px solid #d1d1d1;background:#fff;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out} /* search */
.input_sty1 input{height:26px;padding:5px;box-sizing:border-box;color:#666;border-radius:0px;}
.input_sty1 input:focus {outline: none;background-color: transparent;border-color:#727a82}
.input_sty1 input:disabled {background:#f6f3ed;}

.input_sty2{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_sty2 input{height:38px;padding:5px 5px 5px 35px;background:url(../img/ico_member.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}
.input_sty2 input::placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_sty2 input:-ms-input-placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_sty2 input::-ms-input-placeholder { color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}

.input_sty3{vertical-align:middle;height:40px;border-bottom:1px solid #d1d1d1;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_sty3 input{height:38px;padding:5px 5px 5px 35px;background:url(../img/ico_pw.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}
.input_sty3 input::placeholder {color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_sty3 input:-ms-input-placeholder {color:#666f !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.input_sty3 input::-ms-input-placeholder { color:#666 !important;font-size:13px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}

.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-family: 'NotoSansKR'; font-style: normal; font-weight: 400;background:#fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.textArea_sty1 textArea:focus {outline: none;border-color:#727a82}

.checkbox.type1{display:inline-block;width:100%; margin:0px;box-sizing:border-box;} /* basic */
.checkbox.type1 label{display:inline-block;width:100%;}
.checkbox.type1 .box{display:inline-block;width:100%;height:24px;vertical-align:middle;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 200;font-size:12px;color:#333;line-height:22px;letter-spacing:-0.03em;background:#fff;border-radius:6px;border:1px solid #bbb;box-sizing:border-box;}
.checkbox.type1 input:checked + .box{color:#fff;border-radius:6px;background:#297ec2;border:1px solid #297ec2;box-sizing:border-box;}

.checkbox.type2{display:inline-block;width:100%; margin:0px;box-sizing:border-box;} /* search popup */
.checkbox.type2 label{display:inline-block;width:100%;}
.checkbox.type2 .box{display:inline-block;width:100%;height:24px;vertical-align:middle;text-align:center;font-size:0px;background:url(../img/i_choice_wh.png) 50% 50% no-repeat;box-sizing:border-box;}
.checkbox.type2 input:checked + .box{background:url(../img/i_choice.png) 50% 50% no-repeat;box-sizing:border-box;}





/* 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: 'NotoSansKR'; font-style: normal; font-weight:500;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 #2b52bb;background:#2b52bb}
.btn-type.btn1.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn1.dgray {color:#f7d05d !important;border:1px solid #494d52;background:#494d52}
.btn-type.btn1.gray {color:#fff !important;border:1px solid #9397a0;background:#9397a0}
.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:#transparent}
.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.btn1.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
.btn-type.btn1.main {color:#fff !important;border:1px solid #c39e5d;background: #c39e5d}
.btn-type.btn1.main_line {color: #c39e5d !important;border:1px solid  #c39e5d;background:#fff}



.btn-type.btn2 {height:40px;line-height:38px;padding:0px 40px;text-align:center; font-size:14px;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;}
.btn-type.btn2.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn2.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.btn2.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn2.dgray {color:#fff !important;border:1px solid #494d52;background:#494d52}
.btn-type.btn2.gray {color:#fff !important;border:1px solid #9397a0;background:#9397a0}
.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.btn2.main {color:#fff !important;border:1px solid #c39e5d;background:#c39e5d}
.btn-type.btn2.main_line {color: #c39e5d !important;border:1px solid #c39e5d;background:#fff}

.btn-type.btn3 {width:49%; height:45px;line-height:42px;font-size:16px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;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 #2b52bb;background:#2b52bb}
.btn-type.btn3.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn3.dgray {color:#fff !important;border:1px solid #7b8188;background:#7b8188}
.btn-type.btn3.gray {color:#fff !important;border:1px solid #adb0b9;background:#adb0b9}
.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.btn3.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
.btn-type.btn3.main {color:#fff !important;border:1px solid #c39e5d;background: #c39e5d}
.btn-type.btn3.main_line {color: #c39e5d !important;border:1px solid  #c39e5d;background:#fff}

.btn-type.btn4 {width:100%; height:45px;line-height:42px;font-size:16px;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn4.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn4.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.btn4.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn4.dgray {color:#fff !important;border:1px solid #7b8188;background:#7b8188}
.btn-type.btn4.gray {color:#fff !important;border:1px solid #adb0b9;background:#adb0b9}
.btn-type.btn4.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn4.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn4.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn4.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn4.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.btn4.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
.btn-type.btn4.main {color:#fff !important;border:1px solid #c39e5d;background: #c39e5d}
.btn-type.btn4.main_line {color: #c39e5d !important;border:1px solid  #c39e5d;background:#fff}

.btn-type.btn5 {height:28px;line-height:26px;padding:0px 20px;text-align:center;font-size:14px;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;} /* search */
.btn-type.btn5.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.btn5.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.btn5.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.btn5.dgray {color:#fff !important;border:1px solid #7b8188;background:#7b8188}
.btn-type.btn5.gray {color:#fff !important;border:1px solid #adb0b9;background:#adb0b9}
.btn-type.btn5.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.btn5.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.btn5.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.btn5.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn5.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.btn5.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
.btn-type.btn5.main {color:#fff !important;border:1px solid #c39e5d;background:#c39e5d}
.btn-type.btn5.main_line {color: #c39e5d !important;border:1px solid  #c39e5d;background:#fff}

.btn-type.pop01 {height:28px;line-height:24px;padding:0px 10px;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;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;-o-border-radius:4px;}
.btn-type.pop01.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.pop01.blue {color:#fff !important;border:1px solid #2b52bb;background:#2b52bb}
.btn-type.pop01.dblue {color:#fff !important;border:1px solid #2e3192;background:#2e3192}
.btn-type.pop01.dgray {color:#fff !important;border:1px solid #7b8188;background:#7b8188}
.btn-type.pop01.gray {color:#fff !important;border:1px solid #b1adad;background:#b1adad}
.btn-type.pop01.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.pop01.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.btn-type.pop01.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.pop01.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.pop01.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
.btn-type.pop01.lgray_line {color:#55575a !important;border:1px solid #e0e3e8;background:#fff}
.btn-type.pop01.main {color:#fff !important;border:1px solid #f3b605;background:#f3b605}
.btn-type.pop01.default {color:#858585 !important;border:1px solid #bbb;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:#2e3192 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#494d52 !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#999 !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.lgray_line:hover {cursor:pointer;color:#fff !important;border:1px solid #55575a;background:#55575a}
.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 #c39e5d;background:#c39e5d}


/* ico-type */
.ico-type {display:inline-block;text-align:center;transition:all 0.3s; font-size:0;}
.ico-type.ico1 {width:50px; padding:0 5px; height:20px;line-height:18px;font-size:11px;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'NotoSansKR'; font-style: normal; font-weight:200;border-radius:12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ico-type.ico1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.ico-type.ico1.orange {color:#fff !important;border:1px solid #fb8638;background:#fb8638}
.ico-type.ico1.green {color:#fff !important;border:1px solid #51be24;background:#51be24}
.ico-type.ico1.red {color:#fff !important;border:1px solid #c4191f;background:#c4191f}
.ico-type.ico1.dgray {color:#fff !important;border:1px solid #494d52;background:#494d52}
.ico-type.ico1.gray {color:#fff !important;border:1px solid #9ba0a6;background:#9ba0a6}
.ico-type.ico1.gray_line {color:#666 !important;border:1px solid #c8c8c8;background-color:transparent;}
.ico-type.ico1.main_line {color:#0c4da2 !important;border:1px solid #0c4da2;background-color:transparent;}
.ico-type.ico1.black_line {color:#262729 !important;border:1px solid #262729;background-color:transparent;}
.ico-type.ico1.orange_line {color:#fb8638 !important;border:1px solid #fb8638;background-color:transparent;}
.ico-type.ico1.red_line {color:#c4191f !important;border:1px solid #c4191f;background-color:transparent;}
.ico-type.ico1.main {color:#fff !important;border:1px solid #0c4da2;background:#0c4da2}








