/*-----------------------------------------------------------------*/
/* 목록
/*-----------------------------------------------------------------*/
footer{margin: 0 !important;}
#boardlist{padding: 24px 0 0;}
#boardlist .board_top,
#boardlist .cate_tit{
    padding:0 20px;
}
#boardlist h1.tit{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 18px */
    letter-spacing: -0.25px;
}
#boardlist .board_search{
    position: relative;
    margin-top: 16px;
}
#boardlist .board_search form {position:relative; font-size:0; text-align:center;}
#boardlist .board_search select {display:inline-block; width:100px; height:45px; margin-right:5px; border-color:#e1e1e1; font-size:1.042rem;}
#boardlist .board_search input.form_input.search {
    display:inline-block;
    width: 100%;
    padding: 13px 16px;
    border-radius: 2px;
    border-color:#B8B8B8;
    font-family: 'NotoSansKR';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.25px;
}
#boardlist .board_search input:focus {outline:1px solid #000 !important;}
#boardlist .board_search input.form_input.search::placeholder {
    color: #B8B8B8;
    font-family: 'NotoSansKR';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    letter-spacing: -0.25px;
}
#boardlist .board_search .btn_search{
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13px;
    right: 16px;
}
#boardlist .board_search .btn_search .icon_magnifying_glass{
    background: url(/_skin/sw_kor_bcc/img/common/ico_search_bk.svg) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
}
#boardlist .category {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    box-sizing: border-box;
    margin: 32px 0 40px 0;
}
#boardlist .category li{
    width: calc(((100% / 3) - 8px) + (8px / 3));
    border-radius: 2px;
    border: 1px solid #B8B8B8;
}
#boardlist .category li a{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding: 13px 0;
    font-family: 'NotoSansKR';
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.25px;
}
#boardlist .category li.on{
    background: #000;
    color: #FFF;
    font-weight: bold;
}

#boardlist .list{
    margin: 20px 0 80px 0;
    border-top: 2px solid #000;
}
#boardlist .list > li {
    padding: 0 20px;
}
#boardlist .list > li:after {display:block; clear:both; content:'';}
#boardlist .list > li > .subject {
    position: relative;
    padding: 20px 8px;
    border-bottom: 1px solid #E0E0E0;
}
#boardlist .list > li:last-child > .subject{border-bottom: none;}
#boardlist .list > li.open > .subject{border: none;}
#boardlist .list > li > .subject.prd {padding-left:82px;}
/*#boardlist .list > li > .subject > p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}*/
#boardlist .list > li > .subject > p:first-child {padding-top:0;}
#boardlist .list > li > .subject > p.prdname a {color:#666;}
#boardlist .list > li > .subject > p.title {
    color: #8A8A8A;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 12px */
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}
#boardlist .list > li > .subject > p.title:after {
    background-image: url(/_skin/sw_kor_bcc/img/common/icon-up-arrow.svg);
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    transform: rotate(0.5turn);
    transform-origin: center;
    right: 8px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
#boardlist .list > li.open > .subject > p.title:after{transform: unset}
#boardlist .list > li > .subject > p.title img {width:auto; height:6px; margin-top:4px; vertical-align:top;}
#boardlist .list > li > .subject > p.stat,
#boardlist .list > li > .subject > p.stat * {
    color:#000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    line-height: 150%;
    letter-spacing: -0.5px;
}
#boardlist .list > li > .content {position:relative; background:#F8F9FA;display: none;}
#boardlist .list > li > .content.open{display: block;}
#boardlist .list > li > .content:after {position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#f8f8f8; content:'';}
#boardlist .list > li > .content .question {position:relative; min-height:45px; padding:0 0 15px 43px; border-bottom:1px solid #e1e1e1;}
#boardlist .list > li > .content .question:before {display:inline-block; position:absolute; left:0; top:0; width:29px; height:29px; border-radius:50%; background-color:#777474; color:#fff; font-family:'arial'; font-size:1.167rem; text-align:center; line-height:29px; content:'Q';}
#boardlist .list > li > .content .answer {
    position:relative;
    padding: 32px 12px;
}
#boardlist .list > li > .content .answer *{
    font-family: 'NotoSansKR', 'Montserrat', sans-serif !important;
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 150% !important;
    letter-spacing: -0.5px;
}
#boardlist .list > li > .content .answer:before {
    display:inline-block;
    position:absolute;
    left:15px; top:22.5px;
    width:25px; height:25px;
    border-radius:50%;
    background:#ff5c47;
    color:#fff;
    font-size:1.167rem;
    font-weight:700;
    text-align:center;
    line-height:25px;
}
#boardlist .list > li > .content .question img,
#boardlist .list > li > .content .answer img {max-width:100%; height:auto;}
#boardlist .list > li > .content .btn {padding-top:10px; text-align:left;}
#boardlist .list > li > .content .comment {padding-top:10px;}
#boardlist .list > li.empty{
    padding: 80px 0 !important;
}
#boardlist .btn_more{
    width: fit-content;
    border-radius: 2px;
    border: 1px solid #DCDCDC;
    padding: 12px 44px 12px 24px;
    margin: 80px auto;
}
#boardlist .btn_more a {
    position: relative;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.25px;
}
#boardlist .btn_more a:after{
    background-image: url(/_skin/sw_kor_bcc/img/common/icon-up-arrow.svg);
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    transform: rotate(0.5turn);
    transform-origin: center;
    right: -20px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
#boardlist .cs_banner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #DCDCDC;
    padding: 34px 24px 40px 24px;
    margin-top: 80px;
}
#boardlist .cs_banner .cs_info .cs_tel{
    font-family: 'NotoSansKR', 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%; /* 20px */
    letter-spacing: -0.25px;
    margin-bottom: 12px;
}
#boardlist .cs_banner .cs_info .cs_time{
    font-family: 'NotoSansKR', 'Montserrat', sans-serif;
    color: #8A8A8A;
    font-size: 13px;
    font-weight: 500;
    line-height: 130%; /* 16.9px */
    letter-spacing: -0.25px;
}

#boardlist .cs_banner .btns{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#boardlist .cs_banner .btns button{
    width: 140px;
    height: 40px;
    border-right: 2px;
    border: 1px solid #7A7A7A;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.25px;
}
#boardlist .cs_banner .btns button i{
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin: 0px 8px 0 0;
}
#boardlist .cs_banner .btns button i.comment{
    background: url('/_skin/sw_kor_bcc/img/common/icon_comment_bk.svg')no-repeat;
    background-size: 100%;
}
#boardlist .cs_banner .btns button i.sewing_machine{
    background: url('/_skin/sw_kor_bcc/img/common/icon_sewing_machine.svg')no-repeat;
    background-size: 100%;
}
#boardlist .cs_banner .btns button i.mark{
    background: url('/_skin/sw_kor_bcc/img/common/icon_mark_bk.svg')no-repeat;
    background-size: 100%;
}

/******************* 수선안내 CSS ***********************/
#boardlist .repair_wrap * {
    font-family: 'NotoSansKR', 'Montserrat', sans-serif;
}
#boardlist .repair_wrap .red{
    color: #F00000;
}
#boardlist .repair_wrap .mt64{
    margin-top: 64px;
}
#boardlist .repair_wrap .mt40{
    margin-top: 40px;
}

#boardlist .repair_wrap h1{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%; /* 18px */
    letter-spacing: -0.25px;
    padding: 0 20px;
}
#boardlist .repair_wrap .repair_guide{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#boardlist .repair_wrap .repair_guide .info_01{
    padding: 0 20px;
    margin: 13px 0 15px 0;
}
#boardlist .repair_wrap .repair_guide .info_01,
#boardlist .repair_wrap .repair_guide .info_01 strong{
    font-size: 15px;
    font-weight: 400;
    line-height: 140%; /* 21px */
    letter-spacing: -0.5px;
}
#boardlist .repair_wrap .repair_guide .info_01 strong{
    font-weight: 900;
}
#boardlist .repair_wrap .repair_guide .info_02{
    color: #8A8A8A;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.032px;
    padding: 0 20px;
    margin-top: 22px;
}
#boardlist .repair_wrap .repair_procedure{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 23px 0;
    gap: 20px;
    background: #FAFAFA;
}
#boardlist .repair_wrap .repair_procedure li{
    position: relative;

    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.25px;
    flex-wrap: wrap;
    width: calc(((100% / 4) - 20px) + (20px / 4));
}
#boardlist .repair_wrap .repair_procedure li:nth-child(4):after{
    content: none;
}
#boardlist .repair_wrap .repair_procedure li i{
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 10px auto;
}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_01{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_01.svg');}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_02{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_02.svg');}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_03{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_03.svg');}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_04{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_04.svg');}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_05{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_05.svg');}
#boardlist .repair_wrap .repair_procedure li i.icon_repair_06{background: url('/_skin/sw_kor_bcc/img/common/icon_repair_06.svg');}
#boardlist .repair_wrap .repair_procedure li:after{
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #a3a3a3;
    border-right: 2px solid #a3a3a3;
    display: inline-block;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: -12.5px;
}
#boardlist .repair_wrap .repair_procedure li:last-child:after{content:none;}

#boardlist .repair_wrap .guide_nav{
    display: flex;
    align-items: center;
    width: calc(100% - 40px);
    margin: 20px 20px 36px;
}
#boardlist .repair_wrap .guide_nav li{
    width: 50%;
    color: #979797;
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%; /* 15px */
    letter-spacing: -0.25px;
    text-align: center;
    border-bottom: 1px solid #979797;
    padding: 14px 0;
}
#boardlist .repair_wrap .guide_nav li.on{
    color: #000;
    font-weight: bold;
    border: 1px solid #000;
    border-bottom: none;
}
#boardlist .repair_wrap table{
    width: calc(100% - 40px);
    border-collapse: collapse;
    margin: 0 20px;
}
#boardlist .repair_wrap table th,
#boardlist .repair_wrap table td{
    text-align: left;
}
#boardlist .repair_wrap table th{
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 14px */
    padding-bottom: 8px;
}
#boardlist .repair_wrap table td{
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 13px */
    letter-spacing: -0.5px;
    word-break: break-word;
}
#boardlist .repair_wrap table td:first-child{
    padding-bottom: 36px;
}
#boardlist .repair_wrap table td span{
    font-size: 14px;
}
#boardlist .repair_wrap .cs_banner{
    margin: 28px 0 40px 0;
    background: #F8F9FA;
    border: none;
}
#boardlist .repair_wrap .cs_banner button{
    background: #FFF;
}
#boardlist .repair_wrap .info_tit {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    margin: 64px 20px 0 20px;
    padding: 0 0 20px 0;
}
#boardlist .repair_wrap .info_tit:after{
    background-image: url(/_skin/sw_kor_bcc/img/common/icon-up-arrow.svg);
    width: 16px;
    height: 16px;
    top: 0;
    transform: none;
    transform-origin: center;
    right: 0px;
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
#boardlist .repair_wrap .info_tit.closed:after{
    transform: rotate(0.5turn);
}
#boardlist .repair_wrap .info_list{
    margin: 0 20px;
    padding: 20px 0 0;
}
#boardlist .repair_wrap .info_list li{
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    word-break: break-all;
}
#boardlist .repair_wrap .info_list li.guarantee_info{
    color: #979797;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    letter-spacing: -0.065px;
    padding-bottom: 8px;
}
#boardlist .repair_wrap .q_tit{
    border-bottom: none;
}

/*-----------------------------------------------------------------*/
/* 열람
/*-----------------------------------------------------------------*/

#boardview > .info {border:1px solid #e0e0e0; border-width:1px 0;}
#boardview > .info .subject {padding:15px;}
#boardview > .info .subject p {padding-top:5px;}
#boardview > .info .subject p:first-child {padding-top:0;}
#boardview > .info .subject .title {width:100%;}
#boardview > .info .subject .title img {width:auto; height:10px; vertical-align:middle;}
#boardview > .info .subject .stat,
#boardview > .info .subject .stat a,
#boardview > .info .subject .file,
#boardview > .info .subject .file a,
#boardview > .info .subject .add {font-size:0.917rem;}
#boardview > .info .subject .stat img {width:auto; height:10px; vertical-align:middle;}
#boardview > .boxview {padding:15px; border-bottom:1px solid #e0e0e0; text-align:left;}
#boardview > .boxview .content {word-break:break-all; word-wrap:break-word;}
#boardview > .boxview .content * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;}
#boardview > .boxview .content img {max-width:100%; height:auto;}
#boardview > .btn {padding-top:15px; text-align:right;}


/*-----------------------------------------------------------------*/
/* 쓰기
/*-----------------------------------------------------------------*/

#boardwrite fieldset > div {position:relative; margin-bottom:10px;}
#boardwrite fieldset > div:last-child {margin-bottom:0;}
#boardwrite fieldset > div > label {display:none;}
#boardwrite fieldset > div.name {min-height:34px; padding-right:180px; line-height:34px; font-weight:bold;}
#boardwrite fieldset > div.name .form_input {width:90%;}
#boardwrite fieldset > div.name .check {position:absolute; right:0; top:10px;}
#boardwrite fieldset > div.contents {background:#fff;}
#boardwrite fieldset select {width:100%;}
#boardwrite .btn {padding-top:15px;}


/*-----------------------------------------------------------------*/
/* 비밀번호 확인
/*-----------------------------------------------------------------*/

#boardpw {margin:15px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;}
#boardpw h3 {padding-bottom:15px;}
#boardpw p {margin-bottom:10px; color:#888;}
#boardpw .form_input {margin-bottom:10px;}


/*-----------------------------------------------------------------*/
/* 댓글목록, 댓글쓰기 - 스킨공통css 적용
/*-----------------------------------------------------------------*/