@charset "euc-kr";
/* form */
input,
label,
select,
button
{
    margin:0;
    border:0;
    padding:0;   
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-family:inherit;
    display:inline-block;
}
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;}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea {border-radius: 0px;-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:var(--concept-color);}

/* Mobile Reset */
*{-webkit-text-size-adjust:none}

input::placeholder {color:#888;font-size:14px;}
input:-ms-input-placeholder {color:#888;font-size:14px;}
input::-ms-input-placeholder { color:#888;font-size:14px;}
input::-webkit-input-placeholder {color:#888;font-size:14px;}
input::-moz-placeholder {color:#888;font-size:14px;}

textarea::placeholder {color:#888;font-size:14px;}
textarea:-ms-input-placeholder {color:#888;font-size:14px;}
textarea::-ms-input-placeholder {color:#888;font-size:14px;}
textarea::-webkit-input-placeholder {color:#888;font-size:14px;}
textarea::-moz-placeholder {color:#888;font-size:14px;}

button {font-family: 'NotoSansKR', 'Roboto', sans-serif;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:30px;margin-right:0px; font-size: 15px; line-height:20px;font-weight: 400;color:#545454;vertical-align:top;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width:20px;height:20px;transition:all .2s;position:absolute; left:0; top:0;background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat #d9d9d9;border:0px solid #d9d9d9;border-radius:4px;} 
input[type=checkbox]:checked + label:before { background:url(../images/i_chkbox_wh.png) 50% 50% no-repeat var(--point-color);border:0px solid var(--point-color);}  

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:24px;margin-right:0px; font-size:15px; line-height:16px;font-weight: 400;color:#545454;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; border:4px solid #ccc; border-radius:50%;} 
input[type=radio]:checked + label:before {border:5px solid var(--point-color); text-align: center;} 

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select, 
input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-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]
{
    
}

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-border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline-width:0;
    font-size:16px;
}
select::-ms-expand {
    display: none;
}
select[multiple]
{
    vertical-align:top;
}
input[type=text]::-ms-clear {
    display:none;
}


.chosen-wrapper {position: relative;display:inline-block;}
.chosen-wrapper:after {pointer-events: none;content: "";position: absolute;top:11px;right:10px;/* width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.4);*/width: 8px; height: 8px; border: 1px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-45deg);transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:2;}
.chosen-wrapper.is-active:after {/*border-top: 8px solid black;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);*/ transform: rotate(135deg); margin-top:5px;}
.chosen-wrapper .chosen-container .chosen-single {border-radius: 0;  height: 40px; border: solid 1px #d9d9d9; background: #fff; font-size:14px; color: #333;padding: 0 30px 0 10px;line-height: 40px;transition: all 0.3s ease; box-shadow: none;}
.chosen-wrapper .chosen-container .chosen-single b {display: none !important;}
.chosen-wrapper .chosen-container .chosen-single span {letter-spacing: 0; padding: 0; line-height: inherit;}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single { border-width: 1px 1px 1px; border-color: #d9d9d9 #d9d9d9 #d9d9d9; color: #000; background-image: none;}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {opacity: 1; visibility: visible; transform: translateY(0);}
.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {display: none; }
.chosen-wrapper .chosen-container .chosen-drop { letter-spacing: 0; border-radius: 0; box-shadow: none; border-width: 0 1px 1px; border-color: #d9d9d9; margin-top: 0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);opacity: 0;}
.chosen-wrapper .chosen-container .chosen-results { display:block;font-size:14px; color: #666;   max-height:400px;margin: 0; padding: 0;}
.chosen-wrapper .chosen-container .chosen-results li {padding: 10px; margin: 0;/* border-bottom: 1px solid #e5e5e5;*/ -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); line-height: 1.2; }
/* .chosen-wrapper .chosen-container .chosen-results li:hover{background:#f0f0f0; } */
.chosen-wrapper .chosen-container .chosen-results li.highlighted { background-color: #f0f0f0 !important; color: #333; background-image: none;}

.select_sty{position:relative;display:inline-block;vertical-align:middle;}
.select_sty select{width:100%;height:40px;padding:0px 30px 0px 10px;border:1px solid #d9d9d9;background:#fff;cursor: pointer;color:#a7a7a7;border-radius:0px;box-sizing:border-box;}
.select__arrow{position: absolute;top: 40%;right: 10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 9px 6px 0 6px;border-color: #3e4358 transparent transparent transparent;}

.input_sty{display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_sty input{width:100%;height:40px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:0px; font-size:14px;box-sizing:border-box;}
.input_sty input:focus {outline: none;background-color:#fff;border-color:var(--point-color);}
.input_sty input:disabled {background:#f1f1f1;}


/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex; margin:30px 0px;}
.btn-group.right { justify-content: flex-end;}
.btn-group > * {/*min-width: 260px;*/margin-left: 10px;}
.btn-group > *:first-child { margin-left: 0;}
.btn-group.center {justify-content: center;}

.btn-type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s; line-height:1.2;padding:0 20px;font-family: 'Pretendard';text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.btn-type.btn1 {height:40px;line-height:1;padding:0px 20px;text-align:center; font-size:14px;font-weight: 600;}

/* 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.dgray {color:#fff !important;border:1px solid #595f65;background:#595f65}
.btn-type.gray {color:#fff !important;border:1px solid #7d788b;background:#7d788b}
.btn-type.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.concept-line {color:var(--concept-color) !important;border:1px solid var(--concept-color);background:transparent; }
.btn-type.point-color {color:#fff !important;border: 1px solid #342b70;background: #342b70;}

.btn-type.black:hover {cursor:pointer;background:#fff !important; color:#000 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#337bcc !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#3c3e44 !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#8c8f93 !important;}
.btn-type.concept-color:hover {color:var(--concept-color) !important;border:1px solid var(--concept-color);background:#fff !important;}
.btn-type.btn-m {height:40px;font-weight:500;font-size:16px; min-width:120px; padding:0 10px;}
.btn-type.point-color:hover {color:var(--point-color) !important;border:1px solid var(--point-color);background:#fff !important;}
.btn-type.concept-line:hover {color:#fff !important;background:1px solid var(--concept-color);background:var(--concept-color);}

@media screen and (max-width: 768px) {
html{font-size: 5.0%;}

input[type=checkbox] + label{font-size:14px;line-height:18px;padding-left:28px;} 
input[type=checkbox]+ label:before {width:18px;height:18px;} 

input[type=radio] + label{font-size:14px;}

.btn-group > * {flex: 1;margin-left: 5px;}

.chosen-wrapper:after {top: 15px;right: 15px;}
.chosen-wrapper .chosen-container .chosen-single {height: 40px;padding: 0 10px;line-height: 36px;}
.chosen-wrapper .chosen-container .chosen-results li {padding: 10px 10px 12px;}
.chosen-wrapper--style2 .chosen-container .chosen-results li { padding: 10px 15px 12px;}
.chosen-wrapper--style2:after { right: 0;} 
.chosen-wrapper--style2 .chosen-container .chosen-drop {margin-left:0%; width:100%;}

/* ¸ð¹ÙÀÏ ¿À¹ö±â´É »èÁ¦ */
.btn-type.black:hover {color:#fff !important;border:1px solid #000 !important;background:#000 !important}
.btn-type.blue:hover {color:#fff !important;border:1px solid #337bcc !important;background:#337bcc !important}
.btn-type.dgray:hover {color:#fff !important;border:1px solid #595f65 !important;background:#595f65 !important}
.btn-type.gray:hover {color:#fff !important;border:1px solid #999 !important;background:#999 !important}
.btn-type.concept-color:hover {color:#fff !important;border:1px solid var(--concept-color) !important;background:var(--concept-color) !important;}





































.input_search input{height:40px;padding:0px 40px 0 10px;}
.input_search input:focus {outline: none;background-color: transparent;border-color:#727a82}
.input_search .btn__search{ position: absolute;top:25%;right:10px;width:18px;height:18px;background:url(/images/layout/i_search_18.png) 0 50% no-repeat;text-indent: -9999px;}

.textArea_sty1 textarea{height:120rem;font-size:14px;}

.input_sty3 input{font-size:14px; }
.input_sty4 input{font-size:16px; }

}

@media screen and (max-width: 375px) {


.btn-type.btn8 {font-size:13px;}
.input-h{font-size:14px;text-align:right;}
}

@media screen and (max-width: 320px) {
    
input[type=checkbox] + label{padding-left:24px;line-height:18px;font-size:13px;}
input[type=radio] + label{font-size:13px;}

.btn-group > * {flex: 1;margin-left: 2px;}   










.btn-type.btn8 {font-size:12px;}

.input_sty3 input{font-size:12px; }
.input_sty4 input{font-size:14px; }


 }