/*폰트가져오기*/


    @import url('https://webfontworld.github.io/pretendard/Pretendard.css');
   
   /* reset */
   html { font-size:10px; } 
   body {
    overflow-x: hidden; margin:0 auto; padding:0; font-family: 'Pretendard', sans-serif; color:#121212; font-weight:400; font-size: 1.5rem; 
   } 
   html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
   h1, h2, h3, h4, h5, h6 { } 
   article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 
   
   ul, dl,dt,dd,ol { margin:0; padding:0; list-style:none } 
   legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
   label, input, button, select, img { vertical-align:middle; } 
   input, button { margin:0; padding:0; font-family: 'Pretendard', sans-serif; } 
   input { background-color: #fff !important; } 
   input[type="submit"] { cursor:pointer } 
   button { cursor:pointer } 
   textarea, select { font-family: 'Pretendard', sans-serif; } 
   select { margin:0 } 
   p { margin:0; padding:0; word-break:keep-all; } 
   hr { display:none } 
   a { color:#222; text-decoration:none } 
   a:hover { color:#222; text-decoration: none; } 
   .un_reboot_a { color: var(--main); text-decoration: underline; } 
   *, :after, :before { 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 
    word-break: keep-all; 
    } 
   
   img { max-width:100%; display:inline-block; height: auto; } 
   figure{margin: 0;padding: 0;}
   
	:root {
    --main: #8CB446;
   --main-hover: #8CB446;
   --second: #D6D6D6; 
   --second-hover: #D6D6D6; 
   --second-in: #D6D6D6; 
   --third: #B49464; 
   --third-hover: #B49464; 
    --breakpoint-xs: 0; 
    --breakpoint-sm: 576px; 
    --breakpoint-md: 768px; 
    --breakpoint-lg: 992px; 
    --breakpoint-xl: 1200px; 
    --breakpoint-xxl: 1400px; 
    --max-width-sm: 540px; 
    --max-width-md: 720px; 
    --max-width-lg: 960px; 
    --max-width-xl: 1140px; 
    --max-width-xxl: 1320px; 
    } 
   
   
   
   
   .line_h1 { line-height:1.0rem; } 
   .line_h1_1 { line-height:1.1em; } 
   .line_h1_2 { line-height:1.2em; } 
   .line_h1_3 { line-height:1.3em; } 
   .line_h1_4 { line-height:1.4em; } 
   .line_h1_5 { line-height:1.5em; } 
   .line_h1_6 { line-height:1.6em; } 
   .line_h1_7 { line-height:1.7em; } 
   .line_h1_8 { line-height:1.8em; } 
   .line_h1_9 { line-height:1.9em; } 
   .line_h2 { line-height:2.0em; } 
   
   
   /* //////tit//타이틀// */
   
   .h3_tit {
    font-size: 4.4rem;
    font-weight: 700;
    line-height:100%;
}
.h4_tit {
    font-size: 3rem;
    font-weight: 600;
    line-height: 100%;
}
.h5_tit {
    font-size: 2.4rem;
    line-height: 129%;
    font-weight: 600;
}
   .h6_tit{font-size: 1.8rem;line-height: 1.4em; font-weight: 700;}
   
   
   /*폰트사이즈 리셋  html 폰트사이즈 10px*/
   
   
   .fs_8 { font-size: 0.8rem; } 
   .fs_9 { font-size: 0.9rem; } 
   .fs_10 { font-size: 1.0rem; } 
   .fs_11 { font-size: 1.1rem; } 
   .fs_12 { font-size: 1.2rem; } 
   .fs_13 { font-size: 1.3rem; } 
   .fs_14 { font-size: 1.4rem; } 
   .fs_15 { font-size: 1.5rem; } 
   .fs_16 { font-size: 1.6rem; } 
   .fs_17 { font-size: 1.7rem; } 
   .fs_18 { font-size: 1.8rem !important; } 
   .fs_19 { font-size: 1.9rem; } 
   .fs_20 { font-size: 2.0rem; } 
   .fs_21 { font-size: 2.1rem; } 
   .fs_22 { font-size: 2.2rem; } 
   .fs_23 { font-size: 2.3rem; } 
   .fs_24 { font-size: 2.4rem; } 
   .fs_25 { font-size: 2.5rem; } 
   .fs_26 { font-size: 2.6rem; } 
   .fs_27 { font-size: 2.7rem; } 
   .fs_28 { font-size: 2.8rem; } 
   .fs_29 { font-size: 2.9rem; } 
   .fs_30 { font-size: 3.0rem; } 
   .fs_31 { font-size: 3.1rem; } 
   .fs_32 { font-size: 3.2rem; } 
   .fs_33 { font-size: 3.3rem; } 
   .fs_34 { font-size: 3.4rem; } 
   .fs_35 { font-size: 3.5rem; } 
   .fs_36 { font-size: 3.6rem; } 
   .fs_37 { font-size: 3.7rem; } 
   .fs_38 { font-size: 3.8rem; } 
   .fs_39 { font-size: 3.9rem; } 
   .fs_40 { font-size: 4.0rem; } 
   .fs_41 { font-size: 4.1rem; } 
   .fs_42 { font-size: 4.2rem; } 
   .fs_43 { font-size: 4.3rem; } 
   .fs_44 { font-size: 4.4rem; } 
   .fs_45 { font-size: 4.5rem; } 
   .fs_46 { font-size: 4.6rem; } 
   .fs_47 { font-size: 4.7rem; } 
   .fs_48 { font-size: 4.8rem; } 
   .fs_49 { font-size: 4.9rem; } 
   .fs_50 { font-size: 5.0rem; } 
   .fs_51 { font-size: 5.1rem; } 
   .fs_52 { font-size: 5.2rem; } 
   
   
   .fw_100 { font-weight: 100; } 
   .fw_200 { font-weight: 200; } 
   .fw_300 { font-weight: 300; } 
   .fw_400 { font-weight: 400; } 
   .fw_500 { font-weight: 500 !important; } 
   .fw_600 { font-weight: 600 !important; } 
   .fw_700 { font-weight: 700 !important; } 
   .fw_800 { font-weight: 800; } 
   .fw_900 { font-weight: 900; } 
   
   .fc_wh { color:#fff !important; } 
   .fc_bl { color: #73AF17; }
   .fc_secondary{color:#121212; }
   .fc_primary { color:var(--main) }
   .fc_green { color:#479251 }  
   .fc_gra2a { color:#a2a2a2; } 
   .fc_graaa { color:#aaa; } 
   .fc_grccc { color:#ccc; } 
   .fc_gre3e { color:#e3e3e3; } 
   .fc_grddd { color:#ddd; } 
   .fc_gr888 { color:#888; } 
   .fc_gr777 { color:#777; } 
   .fc_gr666 { color:#666; } 
   .fc_gr555 { color:#555; } 
   .fc_gr444 { color:#444; } 
   .fc_gr333 { color:#333; } 
   .fc_gr222 { color:#222; } 
   .fc_bk { color:#222; } 
   .fc_rd { color:#FC5050; } 
   
   .fc_dgr { color:#3B4047; } 
   .fc_mgr { color:#969A9F; } 
   .fc_lgr { color:#D0D8E2; } 
   
   
   .bg-primary { background-color:var(--main) !important ; } 
   .bg-transparent { background:transparent; } 
   .bg_lgr { background:#f8f8f8; } 
   .bg_rd { background:#FC5050; } 
   .bg_bk{background-color: #222;}
   
   /*border 리셋*/
   .border,
   .border-top,
   .border-bottom,
   .border-left,
   .border-right { border-color:#e3e3e3 !important; } 
   .bor_222{border-color:#222 !important;}
   
   
   
   .border-primary { border-color: var(--main) !important; } 
   
   .clear { clear: both; } 
   .clear:after { content:""; display:block; clear:both; } 
   
   .cont_wr { max-width:1230px; margin:0 auto; padding: 0 15px; position: relative; } 
   .cont_wr:after { content:""; display:block; clear:both; } 
   
   .wh_pre { white-space: pre-line; } 
   .required { 
    color: #73AF17!important; 
    font-size: 1.6rem; 
    margin-left: 0.4rem; 
    position: relative; 
    vertical-align: 2px;
    } 
   
   .sq_guide { display:flex; flex-wrap: wrap; } 
   .sq_guide li { 
    width: 90px; 
    height: 90px; 
    border-radius: 0.5rem; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 1.4rem; 
    margin: 0.5rem; 
    } 
   
   
   
   
   
   /*드롭다운버튼*/
   /* .dropdown-menu { font-size:1.7rem; font-family: 'NanumSquareRound',sans-serif; } */
   
   /*버튼커스텀*/
  
   .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%) !important; } 
   .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 0%) !important; } 
   .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 0%) !important; } 
   .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { 
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important; 
    } 
   .btn.focus, .btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%) !important; } 
   .btn_input {
    height: 4.4rem !important;
}
   .btn-gray { 
    color: #fff; 
    background-color: #7D7E81; 
    border-color: #7D7E81; 
    } 
   .btn-gray:hover { 
    color: #7D7E81; 
    background-color: #fff; 
    border-color: #7D7E81; 
    } 
   .btn-gray:focus, .btn-gray.focus { 
    color: #7D7E81; 
    background-color: #fff; 
    border-color: #7D7E81; 
    } 
   
   .btn-primary { 
   color: #fff !important; 
   background-color: var(--main); 
   border-color: var(--main); 
    } 
   
   .btn-primary:hover { 
   color: #fff !important; 
   background-color: var(--main); 
   border-color: var(--main); 
    } 
   
   .btn-primary:focus, 
   .btn-primary.focus { 
   color: #fff !important; 
   background-color: var(--main); 
   border-color: var(--main); 
    } 
   
   .btn-primary.disabled, 
   .btn-primary:disabled { 
   color:#fff !important; 
   background-color:var(--second); 
   border-color: var(--second); 
   opacity:1; 
    } 
   
   .btn-primary:not(:disabled):not(.disabled):active, 
   .btn-primary:not(:disabled):not(.disabled).active,
   .show > .btn-primary.dropdown-toggle { 
   color: #fff; 
   background-color: var(--main-hover); 
   border-color: var(--main-hover); 
    } 
   
   .btn-secondary {
    color: #888 !important;
    background-color: var(--second);
    border-color: var(--second);
    font-weight: 500 !important;
}
   
   .btn-secondary:hover { 
   color: #fff; 
   background-color: var(--second-hover); 
   border-color: var(--second-hover); 
    } 
   
   .btn-secondary:focus, 
   .btn-secondary.focus { 
   color: #fff; 
   background-color: var(--second-hover); 
   border-color: var(--second-hover); 
    } 
   
   .btn-secondary.disabled, .btn-secondary:disabled { 
    color: #222 !important; 
    background-color: #f5f5f5; 
    border-color: #f5f5f5; 
    } 
   
   .btn-secondary:not(:disabled):not(.disabled):active, 
   .btn-secondary:not(:disabled):not(.disabled).active,
   .show > .btn-secondary.dropdown-toggle { 
   color: #fff; 
   background-color: var(--second-in); 
   border-color: var(--second-in); 
    } 
   .btn.disabled, .btn:disabled { 
    opacity: 1 !important; 
    } 
   .btn-third { 
   color:#fff !important; 
   background-color:var(--third); 
   border-color: var(--third); 
    } 
   
   .btn-third:hover { 
   color: #fff; 
   background-color: var(--third-hover); 
   border-color: var(--third-hover); 
    } 
   
   
   
   .btn-third.disabled, .btn-third:disabled { 
    color: #222 !important; 
    background-color: #f5f5f5; 
    border-color: #f5f5f5; 
    } 
   
   
   
   .btn-outline-primary { 
   color: var(--main) !important; 
   background-color:#fff; 
   border-color: var(--main); 
    } 
   
   .btn-outline-primary:hover {
   color: var(--main) !important; 
   background-color:#fff; 
   border-color: var(--main); } 
   .btn-outline-primary:focus { 
   color: var(--main) !important; 
   background-color:#fff; 
   border-color: var(--main); 
    } 
   .btn-outline-primary:not(:disabled):not(.disabled):active, 
   .btn-outline-primary:not(:disabled):not(.disabled).active,
   .show > .btn-outline-primary.dropdown-toggle { 
   color:var(--main-hover) !important; 
   background-color:#fff; 
   border-color:var(--main-hover) !important; 
    } 
   
.btn-outline-secondary {
    color: #222!important;
    background-color: #fff;
    border: 1px solid #E3E3E3;
}
   
   .btn-outline-secondary:hover {
    color: #222!important;
    background-color: #fff;
    border: 1px solid #E3E3E3;} 
   .btn-outline-secondary:focus { 
    color: #222!important;
    background-color: #fff !important;
    border: 1px solid #E3E3E3;
    } 
   .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: var(--second);
}
   .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { 
    background-color: #f5f5f5; 
    border-color: #f5f5f5; 
    opacity: 1; 
    } 
   
    .btn-link:hover{text-decoration: none;}
   .btn {border-radius: 0;font-size: 1.6rem;height: 5rem;padding: 1.5rem 2.5rem;font-weight: 700;display: flex;align-items: center;justify-content: center;} 
   
   .btn-lg { font-size:1.8rem; height: 6rem; } 
   .btn-md {
    font-size: 1.6rem;
    height: 5rem;
    font-weight: 600;
    width: 16rem;
}
   .btn-sm { font-size: 1.4rem; height: 4rem; padding:1.2rem 2.0rem; } 
   .btn-outline-primary.focus, .btn-outline-primary:focus { 
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%); 
    } 
   .btn-outline-secondary.focus, .btn-outline-secondary:focus { 
    box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 0%); 
    } 
   /*뱃지*/
   .badge { font-size:1.4rem; padding: .429em .5em; border-radius: .5rem; font-weight: 500; } 
   .badge-primary { color: #7DB249; background-color: #E6F2FF; } 
   
   
   
   /*말줄임표*/
   /* /////한줄// */
   .line_text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
   
   /* ////두줄///// */
   .line2_text { 
   white-space: nowrap; 
   overflow: hidden; 
   text-overflow: ellipsis; 
   white-space: normal; 
   line-height: 1.4em; 
   height: 2.8em; 
   text-align: left; 
   word-wrap: break-word; 
   display: -webkit-box; 
   -webkit-line-clamp: 2; 
   -webkit-box-orient: vertical; 
   
    } 
    /* //세줄부터 */
   .line3_text { 
   white-space: normal; 
   overflow: hidden; 
   text-overflow: ellipsis; 
   line-height: 1.4em; 
   height: 4.2em; 
   text-align: left; 
   word-wrap: break-word; 
   display: -webkit-box; 
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical; 
   
    } 
   .lst_st01 { 
    list-style-image: url(../img/lst_st01.png); 
    padding-left: 1.2rem; 
    } 
   .lst_st01 li { word-break: keep-all; } 
   
   
    
   /* 페이지네이션 */
/*    .pagination { margin-top:5rem; display: flex; justify-content: center; align-items: center; } 
   .pagination li { height: 100%; } 
   .pagination a { font-size: 1.6rem;
       color: #777777;
       padding: 0 10px; font-weight: 400; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} 
   .pagination a.disabled { color: #AAA; } 
   .pagination a.on { color: #2a2a2a;font-weight: 500;} 
   .pagination .pg_arr { border: 1px solid #e8e8e8;color: #C8C8C8;display: flex;align-items: center;height: 3.6rem;width: 3.6rem;
   border-radius: 50%;
   }  */
   
/* 페이지네이션 */
.pagination { margin-top: 5.5rem; display: flex; justify-content: center; align-items: center; } 
.pagination li { height: 100%; } 
.pagination a { font-size: 2.2rem; width: 4.8rem; height: 4.8rem; font-weight: 500; display: flex; align-items: center; justify-content: center;  color: #A2A2A2; padding: 0;} 
.pagination div { font-size: 2.2rem; width: 4.8rem; height: 4.8rem; font-weight: 500; display: flex; align-items: center; justify-content: center;  color: #A2A2A2; padding: 0;} 
.pagination span.on{color: #111;}
   
   /* 페이저 */
   .pager {
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.4rem;
    margin: 6rem auto 0;
    font-size: 2rem;
    color: #888;
}
.pg_arr {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.pager a {
    padding: 0 2rem;
    font-weight: 700;
}
.pager a.last {
   color: #888;
   font-weight: 500;
}

   /*입력 인풋 input*/
   input::placeholder { color: #A2A2A2 !important; } 
   input::-ms-value{ color: #777777 !important; } 
   textarea::placeholder { line-height: 1.5; color:#A2A2A2 !important } 
   .input_cout_num {
    right: 15rem;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1.3rem;
    color: var(--main);
    font-weight: 400;
    z-index: 99;
}
.form-control {
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    height: 4.4rem;
    border-radius: 0;
    border-color: #e3e3e3;
    color: #222;
}
   .form-control:focus { color: #121212; border-color:#121212; box-shadow: none !important; } 
.form-control:disabled, .form-control[readonly] {
       background-color: #fff !important;
       border-color: #E3E3E3 !important;
       color: #222 !important;
   }
   
   .valid-feedback {margin-top: 0.8rem;font-size: 1.3rem;color: var(--main);} 
   .invalid-feedback {margin-top: 0.8rem;font-size: 1.3rem;color: #DE1226;text-align: left;} 
   .invalid-feedback img { display: inline-block; width: 1.8rem; height: 1.8rem; transform: translateY(-2px); } 
   .form-control.is-valid, .was-validated .form-control:valid {background-image:none;box-shadow: none !important;border-color: #e3e3e3;} 
   .form-control.is-invalid, .was-validated .form-control:invalid {border-color: #e3e3e3 !important; background-image:none;box-shadow: none !important;} 
   .form-text { margin-top:0.7rem; font-size:1.4rem; } 
   
   
   .form-control.is-valid:focus, .was-validated .form-control:valid:focus{border-color: #007bff;}
   
   
   .form-row>.col, .form-row>[class*=col-] { 
    padding-right: 4px; 
    padding-left: 4px; 
    } 
   
   .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { 
    border-top-left-radius: 5rem; 
    border-bottom-left-radius: 5rem; 
    } 
   .input-group:not(.has-validation)>.form-control:not(:last-child) {resize: none;} 
   .input-group>.form-control:focus {box-shadow: none;border-color: inherit;} 
   .input-group>.input-group-append{border-radius: 0rem !important;width: 12rem;margin-left: 1rem;height: 4.5rem;font-size: 1.6rem;} 
   .input-group>.input-group-append>.btn {border-radius: 0 !important;width: 100%;height: 5rem;font-size: 1.6rem;} 
   
   .ip_wr { margin-top:1.6rem;text-align: left;} 
   .ip_wr .input-group:not(:first-child) { margin-top: 1rem; } 
   .ip_wr .ip_tit { margin-bottom:1rem; display: flex;align-items: center;flex-wrap: wrap;} 
.ip_wr .ip_tit h5 {
    font-size: 1.5rem !important;
    display: inline-block;
    font-weight: 400;
}
   .ip_tit .ip_info{display: block;
       width: 100%;
       font-size: 1.3rem;
       color: #777;
       font-weight: 300;
       margin-top: 0.3rem;} 
   .ip_wr .custom-select_wr { width: calc(100% - 120px); } 
  .ip_wr .custom-select {
    border-color: #e3e3e3;
    padding: 1rem 1.5rem;
    font-size: 1.5rem;
    height: 4.4rem;
    border-radius: 0;
    color: #121212;
    background: url(../img/select_arrow.png)no-repeat center right 1rem;
    background-color: #fff;
    background-size: 1rem !important;
}
   .custom-select:focus { border-color:#121212; box-shadow: none; } 
   .ip_wr textarea.form-control {font-size: 1.5rem;min-height: 15.7rem;width: 100%;border-radius: 0;border: 1px solid;} 
   .input_in_btn .input-group>div { 
    width: 100%; 
    justify-content: space-between; 
    align-items: center; 
    } 
   .input_in_btn .input-group>div { width:100%; } 
   .input_in_btn .form-control { width:calc(100% - 150px); } 
   .input_in_btn .btn_wr { width:auto; } 
   .input-group-append, .input-group-prepend { flex-wrap: inherit; } 
  
   /*아이콘 인풋*/
   .input_ic {
    position: relative;
}
.pass_eye {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    background: url(../img/eye-slash.png) no-repeat center;
    background-size: contain;
    z-index: 5;
	cursor:pointer;
}
.pass_eye.on {
    background: url(../img/eye.png) no-repeat center;
}
.my_pass_eye {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    background: url(../img/eye-slash.png) no-repeat center;
    background-size: contain;
    z-index: 5;
}
.my_pass_eye.on {
    background: url(../img/eye.png) no-repeat center;
}
.pop_pass_eye {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    background: url(../img/eye-slash.png) no-repeat center;
    background-size: contain;
    z-index: 5;
}
.pop_pass_eye.on {
    background: url(../img/eye.png) no-repeat center;
}
.leave_pass_eye {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    background: url(../img/eye-slash.png) no-repeat center;
    background-size: contain;
    z-index: 5;
}
.leave_pass_eye.on {
    background: url(../img/eye.png) no-repeat center;
}
   /* ////인풋시간 */
   .time_out {
    position: absolute;
    right: 13.5rem;
    top: 50%;
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--main);
    padding-right: 1rem;
    transform: translate(0, -50%);
}
   /* /////인풋 글자수지정 //*/
   .limt_txt .time_out{margin-right: 0;
   color: #aaa;
   }
   
   /* ///검색인풋 ///*/
   
   
    
   .form-control.search_input{ 
       padding: 1rem 1.5rem;
   background-color: #fff;
   }
     
   .form-control.search_input::-webkit-input-placeholder,.form-control.search_input::placeholder {
           background-image: url(../img/icon_search.png);
           background-size: contain;
           background-position: left center;
           background-repeat: no-repeat;
           text-indent: 0;
           text-align: left;
         }
   
         /* ///IE 검색x버튼 ///*/
         .search_input  input::-ms-clear,.search_input input::-ms-reveal{
       display:none;width:0;height:0;
   }
   /* /////크롬 */
   input::-webkit-search-decoration,
   input::-webkit-search-cancel-button,
   input::-webkit-search-results-button,
   input::-webkit-search-results-decoration{
       display:none;
   }
   
   
   .search_form {
       position: relative;
    }
   
   
   
   .search_form .btnClear {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       margin-right: 15rem;
       right: 0;
       width: 2rem;
       height: 2rem;
       background: url(../img/img_delete.png) center center no-repeat;
       background-size: contain;
       opacity: 0.5;
       border: none;
       outline: none;
       cursor: pointer;
   }
   /* ///////////검색 인풋 끝 ///////*/
   
   
   .search_form.sh02 {
    max-width: 60rem;
    margin: 0 auto;
}
   .search_form.sh02 .search_input{
background-color: #f5f5f5 !important;
    border-radius: 3rem 3rem 0;
    border-right: 0;
    height: 6rem;
   }
   .search_form.sh02  .input-group {
    border-radius: 3rem;
    overflow: hidden;
}

.search_form.sh02  .input-group>.input-group-append{ margin-left: 0;     width: auto;}
   .search_form.sh02  .input-group>.input-group-append>.btn {
    border-radius: 0 !important;
    width: 100%;
    height: 6rem;
    font-size: 1.6rem;
    border: 1px solid #e3e3e3;
    border-top-right-radius: 3rem !important;
    border-bottom-right-radius: 3rem !important;
    border-left: 0;
    background-color: #f5f5f5;border-color: #e3e3e3;border-left: 0;
}
   
   /*버튼추가*/
   .calendar_input { position: relative !important; } 
   .calendar_input::after { content: ''; width: 3rem; height: 3rem; background:url("./../img/ico_calendar.png") no-repeat center; position: absolute; top: 5px; right: 8px; cursor:pointer; background-size: cover; z-index: 5; } 
   .search_input { position: relative !important; } 
   input::-ms-clear,
   input::-ms-reveal { display:none; width:0; height:0; } 
   input::-webkit-search-decoration,
   input::-webkit-search-cancel-button,
   input::-webkit-search-results-button,
   input::-webkit-search-results-decoration { display:none; } 
   .btn-myinfo { border: 1px solid #E3E3E3; } 
   
   input.form-control[type="date"] { background:url(../img/calendar_ic.png)no-repeat right 1rem center; background-size:2.4rem auto; } 
   input.form-control[type="date"]::before { content:attr(data-placeholder); width:100%; color:#c3c3c3; line-height:2.0rem; } 
   input.form-control[type="date"]:focus:before, input[type="date"]:valid:before { display: none; } 
   input.form-control[type="date"]::-webkit-calendar-picker-indicator { opacity:0; z-index: 1; cursor: pointer; } 
   
   
   
   /*추천순 선택 select*/
   .drop_opt .custom-select { 
    padding: 1.4rem 3.5rem 1.4rem 0; 
    font-size: 1.6rem; 
    height: calc(1.706em + 2.5rem + 2px); 
    border-radius: 0; 
    border: 0; 
    color: #333; 
   background: url(../img/drop_opt.png)no-repeat center right 1.2rem; 
    } 
   
   /*페이저*/
   .page-link:focus { box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%); } 
   .page-item { margin: 0 6px; cursor: pointer; } 
   .pagination .page-link { 
    padding: 0.8rem 1.1rem; 
    width: 4rem; 
    height: 4rem; 
    color: #777; 
    border: 1px solid #e3e3e3; 
    font-weight: 500; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    border-radius: 50%; 
    } 
   .page-item.active .page-link { z-index: 3; color: #fff; background-color: #73AF17; border-color: transparent; } 
   .page-item.arrow .page-link, .page-item.arrow .page-link { border: 1px solid #e3e3e3; border-radius: 1rem; } 
   .page-link:hover { 
    color: #73AF17; 
    background-color: #fff; 
    border-color: #e3e3e3; 
    } 
   
   
   /*아코디언*/
   .custom_acc .btn-link { width:23px; height:23px; background: url(../img/select_arrow.png)no-repeat center; padding:0; transform: rotate(0deg); } 
   .custom_acc .btn-link[aria-expanded="false"] { transform: rotate(0deg); transition: all 0.2s ease } 
   .custom_acc .btn-link[aria-expanded="true"] { transform: rotate(180deg); transition: all 0.2s ease } 
   
   
   /*체크박스*/
   .checks { position: relative; } 
   .checks.all input[type="checkbox"] + label:before { top: 4px; background: url(./../img/check_off2.png)no-repeat center; background-size: cover; } 
   .checks.all input[type="checkbox"]:checked + label:after { top: 4px; background: url(./../img/check_on2.png)no-repeat center; background-size: cover; } 
   .checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
   .checks input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #222;
    padding-top: 2px;
    margin: 0;
    font-weight: 600;
    text-align: left;
    font-size: 1.5rem;
}
   .checks input[type="checkbox"] + label:before { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 2px; 
    width: 2rem; 
    height: 2rem; 
    text-align: center; 
    background: url(./../img/check_off.png)no-repeat center; 
    background-size: cover; 
    } 
   .checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before { color:#3B4047; } 
   .checks input[type="checkbox"]:checked + label:before { } 
   .checks input[type="checkbox"]:checked + label:after { 
    content: ''; 
    position: absolute; 
    top: 2px; 
    left: 0; 
    width: 2rem; 
    height: 2rem; 
    background: url(./../img/check_on.png)no-repeat center; 
    background-size: cover; 
    } 
   .more_pop {line-height:100%}
   
   /*라디오*/
   .checks { position: relative; } 
   .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
   .checks input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #222;
    font-weight: 600;
    margin: 0;
    padding-top: 2px;
    text-align: left;
}
   .checks input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background: url(./../img/check_off.png)no-repeat center;
    background-size: cover;
    } 
   .checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { color:#333; } 
   .checks input[type="radio"]:checked + label:before { } 
   .checks input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: url(./../img/check_on.png)no-repeat center;
    background-size: cover;
    } 
   
   
   /*선택 라디오,체크박스*/
    .select input[type="radio"] + label, .select input[type="checkbox"] + label { background-color: #fff; border: 1px solid var(--second) !important; padding:1.6rem 1.5rem; border-radius: 0; width: 100%; color: #222222; } 
    .select input[type="radio"]:checked + label, .select input[type="checkbox"]:checked + label { background-color: #fff !important; border: 1px solid var(--main) !important; color: var(--main);} 
    .select input[type=checkbox], input[type=radio] { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    } 
    .select .checks input[type="radio"] + label:before, .select .checks input[type="checkbox"] + label:before { display: none; } 
    .select .checks input[type="radio"]:checked + label:after, .select .checks input[type="checkbox"]:checked + label:after { display: none; } 
    .select { width: 100%; display: flex; } 
    .select .checks { width: calc(50% + 1rem); text-align: center; } 
    .select .checks p{text-align: center; font-weight: 400;}
    .select input[type="radio"] + label { height: 4.4rem; padding: 0; line-height: 4.4rem; box-shadow: none; } 
    .select input[type="radio"]:checked + label { z-index: 1; } 
    .select .checks:not(:first-child), 
    .select .checks:not(:first-child) { 
    margin-left: -1px; 
    } 
    .select .checks:not(:first-child) input[type="radio"] + label, 
    .select .checks:not(:first-child) input[type="checkbox"] + label { 
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
    } 
    .select .checks:not(:last-child) input[type="radio"] + label, 
    .select .checks:not(:last-child) input[type="checkbox"] + label { 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
    } 

    
   
   /*너비 넓이*/
   .w-5 { width:5%; } 
   .w-10 { width:10%; } 
   .w-15 { width:15%; } 
   .w-20 { width:20%; } 
   .w-30 { width:30%; } 
   .w-33 { width:33%; } 
   .w-35 { width:35%; } 
   .w-40 { width:40%; } 
   .w-45 { width:45%; } 
   .w-55 { width:55%; } 
   .w-60 { width:60%; } 
   .w-65 { width:65%; } 
   .w-70 { width:70%; } 
   .w-80 { width:80%; } 
   .w-85 { width:85%; } 
   .w-90 { width:90%; } 
   .w-95 { width:95%; } 
   
   
   
   /* 이미지 정사각형 만드는 클래스 */
   .rect {
       border-radius: 0.5rem;
       overflow: hidden;
       position: relative;
       width: 100%;
       height: auto;
     }
     .rect::after {
       content: "";
       display: block;
       padding-bottom: 100%;
     }
     .rect > img {
       position: absolute;
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
   
   /* 세로긴 */
   .rect2 {
       overflow: hidden;
       position: relative;
       width: 100%;
       height: auto;
       border-radius: 0;
   }
   .rect2::after {
       content: "";
       display: block;
       padding-bottom:calc(263/200*100%);
   }
   .rect2 > img {
       position: absolute;
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
      /* 가로긴 */
      .rect3 {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    .rect3::after {
        content: "";
        display: block;
        padding-bottom:calc(224/330*100%);
    }
    .rect3 > img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
   
/* //////아미지 업로드// */

/* //////이미지 업로드*/
.image-upload{width: 8rem;margin-right: 1rem;
border: 1px solid #e3e3e3;
position: relative;
}
.image-upload::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/ico_imgplus.png)no-repeat;
    z-index: 999;
}
.image-upload.on::before{
  display: none;
}
.image-upload:last-child{margin-right: 0;}
.image-upload > input
{
    display: none;
}
.upload-icon{
   width: 100%;
   height: 100%;
  position: relative;
}
.upload-icon img{
   width: 100%;
   height: 100%;
   cursor: pointer;
    border-radius: 0rem;
}
.image-upload label {

  width: 100%;
  margin-bottom: 0;
}

   
   /*컨테이너,콜*/
   /* .container-fluid{width: 100%;max-width: 100%;} */
/*    .container-xl { 
       width: 100%; 
       max-width: 1640px;
       padding-right: 2rem; 
       padding-left: 2rem; 
       margin-right: auto; 
       margin-left: auto; 
       }  */
   .container, .container-lg, .container-md, .container-sm {
    width: 100%;
    max-width: 1180px;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
}/* 
   .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    }  */
   
   
   @media (min-width: 1199.98px) { 
   
   } 
   
   /*반응형 max 1200 xl*/
   @media (max-width: 1199.98px) { 
   
    } 
   
   /*반응형 max 992px lg*/
   @media (max-width: 991.98px) { 
   .input-group>.input-group-append>.btn { padding-left:1.0rem; padding-right:1.0rem; } 
   .ip_wr .custom-select_wr { width: calc(100% - 120px); } 
   .ip_wr .custom-select { background-size: 13px; } 
   .m_mx_0 { margin-left:-15px; margin-right:-15px; } 
   .m_half .btn { width: 49%; padding-right: 0.5rem; padding-left: 0.5rem; } 
   
   .h3_tit {
       font-size: 3.5rem;
   }
  .h4_tit {
    font-size: 2.4rem;
}
   .h5_tit {
    font-size: 2rem;
}
   .h6_tit{font-size: 1.6rem;}
   .fs_26 {
    font-size: 2.2rem;
}
.fs_24 {
    font-size: 2rem;
}
   .fs_18{font-size: 1.6rem !important; }

   /* .select input[type="radio"] + label {
       padding: 1.5rem;
   }
   .select .checks {
       width: 50%;
   } */
   
     /*페이저*/
 
   
    } 
   
   
   /*반응형 max 767px md*/
   @media (max-width: 767.98px) { 
       /* .select .checks {
           width: 100%;
           padding-right: 0;
           padding-bottom: 1.2rem;
       }
       .select .checks:last-child {
           padding-bottom: 0rem;
       } */
   
   
   
    } 
   
   /*반응형 max 576px sm*/
   @media (max-width: 575.98px) { 
   input::placeholder { font-size: 1.4rem; } 
   textarea::placeholder { font-size: 1.4rem; line-height: 1.3; } 
   html { font-size:9px; } 
   
    
    /* 페이지네이션 */
    .pagination { margin-top: 3rem;} 
    .pagination a { font-size: 1.6rem; width: 3.4rem; height: 3.4rem;} 
   
   /*페이저*/

   
       .h3_tit {
           font-size: 2.8rem;
       }
     
       .pager  {
     font-size: 1.8rem;
     margin: 3rem auto 0;
    }
       .pager a {
        padding: 0 1.5rem;
    }
    .pager a img{width: 2rem;}

.more_pop {
    border: 0 !important;
    display: flex;
    justify-content: center;
    background: #f5f5f5;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    font-size: 1.3rem;
}
  
    } 
   
   
   /*반응형 max 380px*/
   @media (max-width: 380px) { 
   .input-group>.input-group-append>.btn { 
   padding-left: 0.2rem; 
   padding-right: 0.2rem; 
    } 
   /* .btn { font-size: 1.4rem; } 
   .btn-lg { 
   font-size: 1.6rem; 
   height: 4.8rem; 
   padding: 1.3rem 1rem; 
    } 
   .btn-md { height: 4.45rem; line-height: 2rem; font-size: 1.4rem; } 
   .btn-sm { font-size: 1.4rem; height: 3.4rem; line-height: 1.5rem; } 
   .form-control { height: 4.45rem; font-size: 1.4rem; padding: 1.4rem 1rem; }  */
   .h3_tit {
       font-size: 3rem;
   }
   .h4_tit {
    font-size: 2rem;
}


   .fs_26 {
    font-size: 1.8rem;
}
.h5_tit {
    font-size: 2rem;
}
   .h6_tit{font-size: 1.6rem;}
.checks input[type="checkbox"] + label {
    font-size: 1.3rem;}
.check_com {
    font-size: 1.3rem;
}


    }