@charset "utf-8";

.top_home_tit{display: flex; gap: 38px; align-items: center; padding: 40px 0 80px ;}
.top_home_tit .h_btn{position: relative; color: #666; font-size: 14px;}
.top_home_tit .h_btn + .h_btn:before{width: 6px; height: 11px; content: ''; background: url(/img/home_icon_arw01.png)no-repeat center center /cover; position: absolute; left: -22px; top: 50%; transform: translateY(-50%);}

.shop_tit_yo{
    color: #222;
    font-size: 36px;
    font-weight: 700;
}
.sh_op_info{margin: 40px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px;}
.sh_op_info .jun_che{
    color: #666;
font-size: 16px;
}
.sh_op_info .click_cc{display: flex;}
.sh_op_info .click_cc a{display: block; padding: 0 15px; color: #666;
    font-size: 16px; position: relative;}
    .sh_op_info .click_cc a + a:before{content: ''; width: 1px; height: 10px; background: #D9D9D9; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .sh_op_info .click_cc a:last-child{padding-right: 0;}
    .sh_op_info .click_cc a.active{font-weight: 700;}

.new_cong_e{display: flex; flex-wrap: wrap; gap: 40px;}

.new_cong_e.item04 .i_tem_li{width: calc(33.333% - 26.666px);}
.new_cong_e .i_tem_li{width: calc(25% - 30px);}

@media all and (max-width:1024px){
    .new_cong_e .i_tem_li{width: calc(50% - 20px);}
}
@media all and (max-width:768px){
    .sh_op_info{flex-direction: row-reverse;}
    .sh_op_info .click_cc{width: 100%; justify-content: center;}
    .sh_op_info .click_cc a:last-child{padding-right: 15px;}
}

.programPage a{border-radius: 0; border: 1px solid #dedede; box-sizing: border-box; font-size: 14px; color: #999;}
.programPage a.active{background-color: #666; color: #fff; font-weight: 700; border-color: #666;}

.se_ar_box .sear_box{max-width: 420px; margin: 0 auto; width: 100%; display: flex; padding: 9px 15px; box-sizing: border-box; border: 1px solid #dedede; align-items: center;}
.se_ar_box .sear_box select{border: none; border-right: 1px solid #dedede; min-width: 100px; padding: 0 10px; box-sizing: border-box;outline: none;}
.se_ar_box .in_put{width: calc(100% - 127px); height: 20px;}
.se_ar_box .in_put input{width: 100%; height: 100%; outline: none; border: none; padding: 0 10px; box-sizing: border-box;}
.se_ar_box .subm_btn{min-width: 28px; text-align: right; border-left: 1px solid #dedede;}

.ta_new_ble table{width: 100%;}

.ta_new_ble td,
.ta_new_ble th{
    color: #222;
    text-align: center;
    font-size: 16px;
    line-height: 1.333em; /* 20.8px */
    padding: 15px 0;
}

.order_title_td {
    text-align: left !important;
}


.ta_new_ble th{
    border-top: 2px solid #222;
    background: #F3F2F0;
}
.ta_new_ble tr{border-bottom: 1px solid #dedede; box-sizing: border-box; cursor: pointer;}

@media all and (max-width:1024px){
    
.ta_new_ble{overflow-x:auto;}
    .ta_new_ble table{width: 1000px;}

}

.sa_ram_chat{padding: 40px 0; border-bottom: 1px solid #CCC;}
.wi_flex_me{display: flex; align-items: center; justify-content: space-between;}
.sa_ram_chat .e_reum{
    color: #333;
font-size: 20px;
font-weight: 500;
}
.sa_ram_chat .e_reum.flex{
    display: flex;
    align-items: center;
    gap: 5px;
}
.sa_ram_chat .nal_zza{
    color: #666;
    font-size: 16px;
    font-weight: 300;
}
.sa_ram_chat .mal_na_wa{
    margin-top: 15px;
    color: #666;
    font-size: 18px;
    line-height: 1.555em; /* 155.556% */
}
a.file_ch_boo{
width: 135px;
height: 48px;
padding: 10px 0;
box-sizing: border-box;
color: #FFF;
text-align: center;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #AAA;
margin-top: 15px;
margin-left: auto;
margin-right: 0;
}

label.file_ch_boo{
width: 135px;
height: 48px;
padding: 10px 0;
box-sizing: border-box;
color: #FFF;
text-align: center;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #AAA;
margin-top: 15px;
margin-left: auto;
margin-right: 0;
}

.file_ch_boo.black{
    background-color: #222;
}

.na_yong_inse .text_area{width: 100%; height: 150px; border: 1px solid #dedede; border-radius: 5px;}
.na_yong_inse .text_area textarea{width: 100%; height: 100%; outline: none; resize: none; border: none; padding: 30px; box-sizing: border-box; color: #999;
    font-size: 14px;
    line-height: 1.71em;}

.lo_gin_page{max-width: 480px; margin: 0 auto; width: 100%;}

.lo_gin_page .b_logo{text-align: center;}
.lo_gin_page .log_tit{color: #222;
    font-size: 36px; text-align: center;
    font-weight: 700;}
.lo_gin_page .log_line{margin: 40px 0; width: 100%; height: 2px; background-color: #222;}
.lo_gin_page .log_line{height: 1px; background-color: #CCC;;}

.in_put_tit{
    color: #666;
font-size: 16px;
}
.in_put_tit .s_txt{
    color: #999;
font-size: 10px;
}

.in_put_box {width: 100%; height: 65px; border: 1px solid #dedede; border-radius: 5px; overflow: hidden;}
.in_put_box.he40{height: 40px;}
.in_put_box .input{width: 100%; height: 100%; border: none; outline: none; padding: 0 20px; box-sizing: border-box; color: #999; font-size: 16px; line-height: 1.5em;}

.in_put_box .sub_mit{background-color: #222; display: flex; align-items: center; justify-content: center; box-sizing: border-box; text-align: center; color: #fff; font-size: 24px; font-weight: 600; height: 100%;}

.id_href_yo{display: flex; align-items: center; justify-content: center;}
.id_href_yo a{padding: 0 15px; color: #666; font-size: 16px; position: relative;}
.id_href_yo a + a:before{content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px ;background: #D9D9D9; position: absolute;}

a.kaka_o_login{text-align: center; display: flex; flex-direction: column; gap: 20px;}
a.kaka_o_login span{color: rgba(134, 134, 134, 0.85); font-size: 16px;}

a.b_hwi_won{
    color: #222;
font-size: 16px;
font-weight: 500;
text-decoration: underline;
display: block;
text-align: center;
}

.in_put_flex{display: flex; align-items: center; gap: 10px;}
.in_put_flex .check_up{
    display: flex;
width: 110px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background: #666;
color: #FFF;
text-align: center;
font-size: 16px;
}
.in_put_flex .in_put_box{width: calc(100% - 120px);}

.sele_ect_flex{display: flex; justify-content: space-between; align-items: center; color: #666; font-size: 15px;}
.sele_ect_flex .in_put_box{width: calc(33.333% - 20px);}
.sele_ect_flex .select_box {width: calc(33.333% - 20px);
    border: 1px solid #dedede;
    border-radius: 5px;
    overflow: hidden;
height: 40px;}
.sele_ect_flex .select_box select{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 20px;
    box-sizing: border-box;
    color: #999;
    font-size: 16px;
    line-height: 1.5em;
}

.che_ck_label{display: flex; gap: 10px;color: #666; font-size: 14px;}
.text_are_a{width: 100%; height: 150px; border: 1px solid #dedede; box-sizing: border-box;}
.text_are_a textarea{width: 100%; height: 100%; resize: none; border: none; outline: none; padding: 15px; box-sizing: border-box;}

.agre_e_txt{
    color: #666;
font-size: 16px;
}
.agr_flex_betwe {width: 100%; display: flex; align-items: center; justify-content: space-between;}


.bilogin_btn .sub_mit {
    background: #FFF;
    color: #222;
    border: 1px solid #666;
    border-radius: 5px;
}

.agre_e_txt_small {
    color: #AAA;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25.2px; /* 180% */
}
.tal_btn {
    background-color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    max-width: 100%;
    padding:10px;
    width: 180px;
    border-radius: 5px;
}

.mypage_plus_menu {
    display: flex;
    align-items: center;
    justify-content: end;
}


.hover_none:hover {
    background-color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: 100%;
    max-width: 100%;
    padding: 10px;
    width: 180px;
    border-radius: 5px;
}

.mem_edit_btn {
    background-color: #222;
    width: 90px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;

}

.mem_edit_btn p {
    color: #fff;
}


/* @media all and (max-width:800px){
    .mypage_plus_menu {
        flex-direction: column;
        gap: 60px;
    }
} */



/* 20250220 추가 */
.n_ew_file_input {
   display: flex;
   align-items: end;
   gap: 10px;
}

.n_ew_txt_input {
    height: 48px;
    padding: 0 20px;
    outline:none;
}


.com_pany_bo_x .box {
    position: relative;
    padding: 30px;
}

.com_box_logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.com_pany_bo_x .tit_yo {
    color: #FFF;
font-family: 'Pretendard';
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%;
display: flex;
align-items: center;
gap: 10px;
}

.com_pany_bo_x .txt_yo {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-top: 10px;
    padding-left: 38px;
}

.black_tityo {
    color: #222 !important;
}


.yo_24_yo {
    color: #FFF;

text-align: center;
font-family: 'Pretendard';
font-size: 24px !important;
font-style: normal;
font-weight: 400;
}


@media all and (max-width:700px){

    .com_box_logo img {
        width: 70%;
    }

    .com_box_logo {
        text-align: end;
    }

  .n_ew_file_input {
    gap: 5px;
  }
  .n_ew_txt_input {
    width: 135px;
  }
}


.txt_div_ya {
    padding: 15px;
    overflow-y: scroll;
    max-height: 115px;
}