@charset "utf-8";
/* 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(/layouts/basic/images/layout/i_chkbox_wh.png) 50% 50% no-repeat #d9d9d9;border:0px solid #d9d9d9;border-radius:4px;} 
input[type=checkbox]:checked + label:before { background:url(/layouts/basic/images/layout/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);border:0px solid var(--concept-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(--concept-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 style -신규 작업에 필요하면 사용! */
.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:4px;  height: 35px; border: solid 1px #d9d9d9; background: #fff; font-size:14px; color: #333;padding: 0 30px 0 10px;line-height: 35px;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 { 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;}

.chosen-wrapper--style2 {position: relative;display:inline-block;}
.chosen-wrapper--style2:after { right: 0;/*border-top: 8px solid var(--concept-color);*/ } /* line */
.chosen-wrapper--style2:before { content: "";width: 0;border-top: 1px solid var(--concept-color);position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);}
.chosen-wrapper--style2.is-active:before { width: 100%;}
.chosen-wrapper--style2.is-active:after {/* border-top: 8px solid var(--concept-color);*/ }
.chosen-wrapper--style2 .i_tit{position:absolute;top:50%; left:0; transform:translateY(-50%);display:inline-block;width:12.0rem;font-weight: 500;color:#000;font-size:2.0rem;letter-spacing:-0.05rem;line-height:1; z-index: 2;}
.chosen-wrapper--style2 .i_tit > span{display: inline-block;width:14px; height:14px; border-radius:50%; background:var(--concept-color); text-align:center;font-weight: 400;font-size: 8px;color: #fff;line-height:14px; margin-left:3px;}
.chosen-wrapper--style2 .chosen-container .chosen-single { border-width: 0 0 1px;padding: 0;border-color:var(--concept-color); padding: 0 0px 0 12.0rem; text-align:right; }
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single { border-width: 0 0 1px;}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop { opacity: 1; visibility: visible; transform: translateY(0px);}
.chosen-wrapper--style2 .chosen-container .chosen-drop { border-color: var(--concept-color);  margin-top: 0px;text-align:right; margin-left:50%; width:50%; box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.1);}
.chosen-wrapper--style2 .chosen-container .chosen-results li { padding: 10px 15px 12px; text-align:right;}
.chosen-wrapper--style2 .i_tit.wide{width:14.0rem;}

/* board */
.chosen-wrapper--style3 {position: relative;display:inline-block;}
.chosen-wrapper--style3:after { right: 0;border: 1px solid var(--concept-color);border-top: none;border-right: none; } /* line */
.chosen-wrapper--style3:before { content: "";width: 0;border-top: 0px solid var(--concept-color);position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);}
.chosen-wrapper--style3.is-active:before { width: 100%;}
.chosen-wrapper--style3.is-active:after {/* border-top: 8px solid var(--concept-color);*/ }
.chosen-wrapper--style3 .chosen-container .chosen-single { border: 0;padding: 0 30px 0 0;text-align:left;background-color: transparent; }
.chosen-wrapper--style3 .chosen-container.chosen-with-drop .chosen-single { border-width: 0 0 1px;}
.chosen-wrapper--style3 .chosen-container.chosen-with-drop .chosen-drop { opacity: 1; visibility: visible; transform: translateY(0px);}
.chosen-wrapper--style3 .chosen-container .chosen-drop { border-color: #dfdfdf;  margin-top: 1px; width:100%;/* box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.05);*/  box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.1); }
.chosen-wrapper--style3 .chosen-container .chosen-results { font-size:14px; color: #666; max-height:400px;margin: 0; padding: 0;}
.chosen-wrapper--style3 .chosen-container .chosen-results li { padding: 10px; }
.chosen-wrapper--style3 .chosen-container .chosen-results li.highlighted { background-color: #f0f0f0 !important; color: #333; background-image: none;}


.select_sty1{position:relative;display:inline-block;vertical-align:middle;}
.select_sty1 select{width:100%;height:35px;padding:0px 30px 0px 10px;border:1px solid #d9d9d9;background:#fff;cursor: pointer;font-size:14px;color:#666;border-radius:4px;box-sizing:border-box;}
/* .select_sty1 select:focus {outline: none;background-color: transparent;border-color:var(--concept-color);} */
.select_sty2{position:relative;display:inline-block;vertical-align:middle;}
.select_sty2 select{width:100%;height:35px;padding:0px 30px 0px 10px;border:1px solid #d9d9d9;background:#fff;cursor: pointer;font-size:14px;color:#666;border-radius:0px;box-sizing:border-box;}
.select__arrow{position: absolute;top: 50%;transform:translateY(-50%); right: 10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 8px 6px 0 6px;border-color: #3e4358 transparent transparent transparent;}

.top_search{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}  /* 메인 검색 */
.top_search input{width:100%;color:#000;font-size:1.8rem;height:4.5rem;padding:0px 5.0rem 0 2.0rem;border:2px solid #000;background:#fff;border-radius:48px;box-sizing:border-box;}
.top_search input:focus {outline: none;border-color:var(--concept-color);}
.top_search .btn__search{ position: absolute;top:50%;transform:translateY(-50%);right:20px;width:26px;height:26px;background:url(/layouts/basic/images/layout/ico_search_s.png) 0 50% no-repeat;text-indent: -9999px; z-index: 2;}
/*.top_search .btn__search.active{ background:url(/images/layout/i_search_c.png) 0 50% no-repeat #fff;}
.top_search input:focus .btn__search.active{ background:url(/images/layout/i_search_c.png) 0 50% no-repeat #fff;} */

.input_search{position:relative;display:inline-block;vertical-align:middle;transition: all 0.3s ease-out}
.input_search input{width:100%;color:#000;font-size:14px;height:35px;padding:0px 30px 0px 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:4px;box-sizing:border-box;}
.input_search input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}
.input_search .btn__search{position: absolute;top:0;right:10px;width:19px;height:35px;background:url(/layouts/basic/images/layout/gx_i_search_s.png) 0 50% no-repeat;text-indent: -9999px;}

.input_id{vertical-align:middle;width:100%;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_id input{width:100%;text-align:left;height:40px;padding:5px 5px 5px 35px;border:0px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background:url(/layouts/basic/images/layout/gx_gx_ico_member.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}
.input_id input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}

.input_pw{vertical-align:middle;width:100%;box-sizing:border-box;transition: all 0.3s ease-out} /* pw */
.input_pw input{width:100%;text-align:left;height:40px;padding:5px 5px 5px 35px;border:0px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background:url(/layouts/basic/images/layout/gx_gx_ico_pw.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}
.input_pw input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}

.input_number{vertical-align:middle;width:100%;box-sizing:border-box;transition: all 0.3s ease-out} /* id */
.input_number input{width:100%;text-align:left;height:40px;padding:5px 5px 5px 35px;border:0px solid #d1d1d1;border-bottom:1px solid #d1d1d1;background:url(/layouts/basic/images/layout/gx_gx_ico_number.png) 5px 50% no-repeat;color:#666;box-sizing:border-box;}
.input_number input:focus {outline: none;background-color: transparent;border-color:var(--concept-color);}

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


.frm_input{width:100%;height:35px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:4px; font-size:14px;box-sizing:border-box;}

.textArea_sty1 textArea{display: inline-block;width:100%;border:1px solid #dfdfdf;height:150px; padding: 10px;color:#666; font-size: 13px;line-height:1.3;background:#fff;border-radius:4px;box-sizing: border-box;}
.textArea_sty1 textArea:focus {outline: none;border-color:var(--concept-color)}

/* .form-control {display: block;width: 100%; min-height: 50px;height: 50px;padding: 12px;border: 1px solid #ddd;border-radius: 4px;background: #fff;font-size: 16px;line-height: normal;transition: border-color 0.15s ease-in-out;} */


.chk_sty{display: inline-block; width:100%;}
.chk_sty:after{clear:both;display:block;content:'';}
.chk_sty.type1.checkbox{}
.chk_sty.type1 div{display: inline-block;width:40px; height:40px; text-align:center;margin-right:10px;margin-bottom:10px;} 
.chk_sty.type1 label{width:100%;height:40px;border:1px solid #dfdfdf;font-family:'Roboto';font-style:normal;font-weight:400;color:#666; font-size:14px;letter-spacing:-0.03em;line-height:40px;box-sizing:border-box;transition:all .3s;}
.chk_sty.type1 label.gr{border:1px solid #ccc;color:#666;}
.chk_sty.type1 input:checked + label{border-color:var(--concept-color);color:#fff;background:var(--concept-color);}

.chk_sty.type1 div input[type=checkbox] + label{padding-left:0px;margin-right:0px;}
.chk_sty.type1 div input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 0px;height: 0px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px;} 
.chk_sty.type1 div input[type=checkbox]:checked + label:before {font-size: 0px; font-weight:400; border:0px solid #e02e44; background: #fff;color: #fff;text-align: center;line-height:1;box-sizing: border-box;}  
.chk_sty.type1 div input[type=radio] + label{padding-left:0px;margin-right:0px;}
.chk_sty.type1 div input[type=radio]+ label:before {content: "";  display: inline-block;width:0px;height:0px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px; } 
.chk_sty.type1 div input[type=radio]:checked + label:before {font-size: 0px; font-weight:400; border:0px solid #e02e44; background: #fff;color: #fff;text-align: center;line-height:1;box-sizing: border-box;}  


/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex; margin:0px 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-group-A {display: flex;width:100%; margin:30px 0px;}
.btn-group-A.right { justify-content: flex-end;}
.btn-group-A > * {min-width:150px; margin-left:10px;}
.btn-group-A > button{}
.btn-group-A > *:first-child { margin-left: 0;}
.btn-group-A.center {justify-content: center;}
.btn-group-A.space-between {justify-content: space-between;}

.btn-group-B {display: flex;width:100%; margin:0px 0px;}
.btn-group-B.right { justify-content: flex-end;}
.btn-group-B > * {margin-left:5px;}
.btn-group-B > *:first-child { margin-left: 0;}
.btn-group-B.center {justify-content: center;}
.btn-group-B.space-between {justify-content: space-between;}
.btn-group-B.space-between-wr {padding:0px 15px 15px;}
/* .btn-type {display:inline-block; position:relative;cursor:pointer;transition:all 0.3s;box-sizing:border-box;} */
.btn-type {display:inline-flex;align-items: center;justify-content: center; position:relative;cursor:pointer;transition:all 0.3s; box-sizing:border-box;}
.btn-type.btn1 {height:40px;line-height:1;padding:0px 20px;text-align:center; font-size:14px;text-transform:uppercase;font-weight: 400;border-radius:4px;}
.btn-type.btn2 {height:45px;line-height:1;padding:0px 20px;text-align:center; font-size:16px;text-transform:uppercase;font-weight: 400;border-radius:4px;} /* 기본 버튼 */
.btn-type.btn3 {height:35px;line-height:1;padding:0px 30px;text-align:center; font-size:13px;font-weight: 400;border-radius:24px;} /* 라운드형 버튼 */
.btn-type.btn4 {height:35px;line-height:1;padding:0px 20px;text-align:center; font-size:13px;font-weight: 400;border-radius:4px;} /* form in 버튼 */
.btn-type.btn5 {height:24px;line-height:1;padding:0px 15px;text-align:center; font-size:12px;font-weight: 400;border-radius:4px;} /* small 버튼 */
.btn-type.pop01 {height:28px;line-height:1;padding:0px 15px;font-size:12px;text-transform:uppercase;font-weight: 400;border-radius:4px;}  /* popup 및 board 버튼 */

.btn-type.sbtn1 {line-height:1;padding:3px 10px;text-align:center; font-size:12px;font-weight: 400;border-radius:4px;box-sizing:border-box;} /* small 버튼 */




.i_right_arrow_wh {position: relative; padding-right:20px; text-align: left;}
.i_right_arrow_wh::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #fff;border-top: none;border-right: none; transform: rotate(-135deg);}

.i_left_arrow {position: relative; padding-left:15px; text-align: left;}
.i_left_arrow::after { content: ' ';position: absolute; top: 50%;left: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(45deg);}
/*
.i_right_arrow {position: relative; padding-right:15px; text-align: left;}
.i_right_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 8px; height: 8px; margin-top: -4px;border: 1px solid #333;border-top: none;border-right: none; transform: rotate(-135deg);}
.i_right_arrow.point::after {border: 1px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-135deg);}
*/
.i_download {display:inline-block;min-height:12px; padding-right:30px;background:url(/layouts/basic/images/layout/i_download.png) right center no-repeat;}
.i_trash{min-height:15px;background:url(/layouts/basic/images/layout/gx_gx_i_trash.png) left center no-repeat;padding-left:20px;}
.i_del{min-height:12px;background:url(/layouts/basic/images/layout/gx_i_gx_close.png) left center no-repeat;padding-left:17px;}

button:disabled,
button[disabled]{
  border: 1px solid #dfdfdf !important;
  background-color: #dfdfdf !important;
  color: #fff !important;
  pointer-events: none;
}


/* 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 #2e3192;background:#2e3192}
.btn-type.dgray {color:#fff !important;border:1px solid #595f65;background:#595f65}
.btn-type.gray {color:#fff !important;border:1px solid #999;background:#999}
.btn-type.lgray {color:#fff !important;background:#666}
.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.green {color:#fff !important;border:1px solid #00945e;background:#00945e}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.gray_line {line-height: 2;}
.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.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:#fff}
.btn-type.point-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.second-color {color:#fff !important;border:1px solid var(--second-color);background:var(--second-color);}
.btn-type.main {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color)}

.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.dblue:hover {cursor:pointer;background:#fff !important;color:#2e3192 !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.lgray:hover {cursor:pointer;background:var(--concept-color) !important;color:#fff !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 #a3a5aa;background:#a3a5aa}
.btn-type.concept-line:hover {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.btn-type.concept-color:hover {color:var(--concept-color) !important;border:1px solid var(--concept-color);background:#fff !important;}
.btn-type.green:hover {cursor:pointer;color:#fff !important;border:1px solid #262729;background:#262729}
.btn-type.off:hover { paint-order:none; cursor:not-allowed;}
.btn-type.main:hover {cursor:pointer;color:#fff !important;border:1px solid #262729;background:#262729}





.btn-type.black:hover span.i_arrow::after{border: 1px solid #262729;}
.btn-type.blue:hover span.i_arrow::after{border: 1px solid #337bcc;}
.btn-type.dblue:hover span.i_arrow::after{border: 1px solid #2e3192;}
.btn-type.dgray:hover span.i_arrow::after{border: 1px solid #3c3e44;}
.btn-type.gray:hover span.i_arrow::after{border: 1px solid #717379;}
.btn-type.red:hover span.i_arrow::after{border: 1px solid #c4191f;}


/* ico-type */
.ico-type {position:relative;display:inline-block;text-align:center;transition:all 0.3s; font-size:0;}
.ico-type.ico1 {width:70px;height:20px;line-height:18px;font-size:11px;letter-spacing:-0.03em;text-transform:uppercase;border-radius:4px;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 #a8a8a8;background:#a8a8a8}
.ico-type.lgray {color:#666 !important;border:1px solid #f9f9f9;background:#f9f9f9}
.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 #fb8638;background:#fb8638}
.ico-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.ico-type.gray_line {color:#666 !important;border:1px solid #c8c8c8;background-color:transparent;}
.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.concept-color {color:#fff !important;border:1px solid var(--concept-color);background:var(--concept-color);}
.ico-type.concept-line {color:#22317e !important;border:1px solid var(--concept-color);background:#fff}
.ico-type.step-color {color:#fff !important;border:1px solid var(--step-color);background:var(--step-color);}
.ico-type.maincolor {color:var(--concept-color) !important;border:1px solid var(--concept-color);background-color:transparent;}



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

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;}
.btn-group-A > * {flex: 1; min-width: auto;margin-left:5px;}

.btn-type.btn2 {height:45px;line-height:45px;font-size:14px;}

/* 모바일 오버기능 삭제 */
.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.dblue:hover {color:#fff !important;border:1px solid #2e3192 !important;background:#2e3192 !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.lgray:hover {color:#fff !important;background:#666 !important}
.btn-type.white:hover{color:#323232 !important;border:1px solid #707070 !important;background:#fff !important}
.btn-type.red:hover {color:#fff !important;border:1px solid #c4191f !important;background:#c4191f !important}
.btn-type.green:hover {color:#fff !important;border:1px solid #00945e !important;background:#00945e !important}
.btn-type.black_line:hover {color:#262729 !important;border:1px solid #262729 !important;background:#fff !important}
.btn-type.gray_line:hover {color:#55575a !important;border:1px solid #c9cacd !important;background:#fff !important}
.btn-type.lgray_line:hover {color:#a3a5aa !important;border:1px solid #a3a5aa !important;background:#fff !important}
.btn-type.white_line:hover {color:#fff !important;border:1px solid #fff !important;background-color:transparent !important; }
.btn-type.concept-color:hover {color:#fff !important;border:1px solid var(--concept-color) !important;background:var(--concept-color) !important;}
.btn-type.concept-line:hover {color:var(--concept-color) !important;border:1px solid var(--concept-color) !important;background:#fff !important}
.btn-type.point-color:hover {color:#fff !important;border:1px solid var(--concept-color) !important;background:var(--concept-color) !important;}
.btn-type.second-color:hover {color:#fff !important;border:1px solid var(--second-color) !important;background:var(--second-color) !important;}
.btn-type.main:hover {color:#fff !important;border:1px solid var(--concept-color) !important;background:var(--concept-color) !important}



}


@media screen and (max-width: 375px) {
input[type=checkbox] + label{padding-left:24px;} 

}

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

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

input::placeholder {font-size:13px;}
input:-ms-input-placeholder {font-size:13px;}
input::-ms-input-placeholder {font-size:13px;}
input::-webkit-input-placeholder {font-size:13px;}
input::-moz-placeholder {font-size:13px;}

textarea::placeholder {font-size:13px;}
textarea:-ms-input-placeholder {font-size:13px;}
textarea::-ms-input-placeholder {font-size:13px;}
textarea::-webkit-input-placeholder {font-size:13px;}
textarea::-moz-placeholder {font-size:13px;}



 }