@charset "utf-8";

#shopBoard{margin-bottom: 170px;}
#shopBoard .col-2{display: grid;grid-template-columns: repeat(2,1fr);gap: 60px;}
#shopBoard .board__tit{display: flex;align-items: center;justify-content: space-between;}
#shopBoard .board__tit h2{line-height: 1;font-family: var(--mainfont);font-size: 30px;font-weight: 700;color: #000;}
#shopBoard .board__tit .link-more{display: flex;align-items: center;justify-content: center;padding: 9px 14px;font-size: 14px;font-weight: 600;line-height: 1;color: #aaa;border-radius: 8px;border: 1px solid #e1e1e1;transition:background-color 0.2s, color 0.2s, border-color 0.2s}
#shopBoard .board__tit .link-more:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}
#shopBoard .board__cont{}
#shopBoard .board__cont a{}
#shopBoard .board__cont .subject{}

#shopBoard .board--notice{}
#shopBoard .board--notice .board__tit{padding-bottom: 40px;border-bottom: 2px solid #000;}
#shopBoard .board--notice .board__cont{}
#shopBoard .board--notice .board__cont li{border-bottom: 1px solid #e1e1e1;}
#shopBoard .board--notice .board__cont li:last-child{border-bottom:none}
#shopBoard .board--notice .board__cont li a{display: flex;align-items: center;justify-content: space-between;height: 58px;padding:0 14px;font-family: var(--mainfont);font-size: 16px;font-weight: 500;line-height: 1.2;}
#shopBoard .board--notice .board__cont .subject{display: flex;align-items: center;gap: 20px;color:#777;transition:color 0.2s}
#shopBoard .board--notice .board__cont a:hover .subject{color:#111}
#shopBoard .board--notice .board__cont .subject::before{content:'';width: 4px;height: 4px;border-radius:50px;background-color:var(--primary);}
#shopBoard .board--notice .board__cont .date{font-size: 13px;color:#aaa}



#shopBoard .board--faq{}
#shopBoard .board--faq .board__tit{padding-bottom: 38px;}
#shopBoard .board--faq .board__cont{display: flex;flex-direction: column;gap: 10px;padding: 26px;background-color: #f5f5f5;border-radius: 13px;}
#shopBoard .board--faq .board__cont li{}
#shopBoard .board--faq .board__cont li a{display: flex;align-items: center;justify-content: space-between;padding: 18px 22px;border-radius: 13px;background-color: #fff;font-size: 16px;line-height: 1.2;color:#777;}
#shopBoard .board--faq .board__cont .subject{display: flex;align-items: center;gap: 17px;font-family: var(--mainfont);font-size: 16px;font-weight: 500;word-break: keep-all;line-height: 1.4;transition:color 0.2s;}
#shopBoard .board--faq .board__cont .subject::before{content:'Q';font-weight: 700;color: var(--primary);}
#shopBoard .board--faq .board__cont a:hover .subject{color:#111}
#shopBoard .board--faq .board__cont svg{flex-shrink:0;width: 18px;height: 18px;stroke:#aaa}

/* 반응형 [s] */
@media (max-width:1600px){
    #shopBoard{margin-bottom: 100px;}
}
@media (max-width:1400px){
    #shopBoard .col-2{gap: 40px;}
    #shopBoard .board--notice .board__tit{padding-bottom: 20px;}
    #shopBoard .board__tit h2{font-size: 26px;}
    #shopBoard .board__tit .link-more{padding: 9px 12px;font-size: 13px;border-radius: 5px;}
    #shopBoard .board--notice .board__cont .subject{gap: 15px;}
    #shopBoard .board--notice .board__cont li a{font-size: 15px;}

    #shopBoard .board--faq .board__tit{padding-bottom: 20px;}
    #shopBoard .board--faq .board__cont{padding: 22px;border-radius:10px}
    #shopBoard .board--faq .board__cont li a{border-radius:10px}
    #shopBoard .board--faq .board__cont .subject{gap: 15px;font-size: 15px;}
}
@media (max-width:1200px){
        #shopBoard{margin-bottom: 80px;}

}
@media (max-width:1100px){
    #shopBoard .col-2{grid-template-columns: repeat(1,1fr);}
}
@media (max-width:768px){
            #shopBoard{margin-bottom: 60px;}

    #shopBoard .col-2{gap: 30px;}
    #shopBoard .board__tit h2{font-size: 22px;}
    #shopBoard .board--notice .board__cont li a{height: 55px;}
    #shopBoard .board--notice .board__cont .subject{font-size: 14px;}
    #shopBoard .board--faq .board__cont .subject{font-size: 14px;}
    #shopBoard .board--faq .board__cont{padding: 14px;}
}
@media (max-width:480px){
            #shopBoard{margin-bottom: 40px;}

}