.keyColor { color:#bb2649 }
.gray7 { color:#495057 }
.gray9 { color:#212529 }

.snsAll .container { width: 100%; }
.snsAll .mainTit { font-size: 40px; line-height: 52px; font-weight: 700; }
.snsAll .mainTit2 { font-size: 32px; line-height: 100%; font-weight: 700; }
.snsAll .imgbx img { width: 100%; }
.snsAll .contTxt { margin-top:24px; color:#212529; font-size: 20px; font-weight: 300; line-height: 34px; letter-spacing: -0.4px; }

.snsAll .snsWrap1 { padding:180px 0 100px; position: relative; background-image: url('/main/img/sns/sns_bg.png'); background-size:cover; }
.snsAll .snsWrap1 .container .contBox1 .imgbx { margin-top:40px }
.snsAll .snsWrap1 .container .contBox1 .imgbx > img { max-width: 389px; margin: 0 auto }
.snsAll .snsWrap2 { position: relative; top:-100px; }
.snsAll .snsWrap2.boardWrap2 .container { padding: 0; }
.snsAll .snsWrap2.boardWrap2 .container .mainTit2 { font-size: 28px; }
.snsAll .snsWrap2 .container .rowBox { background:#fff; border-radius:50px 50px 0 0; padding: 42px 16px; }
.snsAll .snsWrap2 .container .rowBox  .minContainer { justify-content: space-between; align-items: center; width: 100%; max-width: 1164px; margin:0 auto }
.snsAll .snsWrap2 .container .rowBox  .minContainer .snsBxWrap { width: max-content; }
.snsAll .snsWrap2 .container .rowBox  .minContainer .snsBxWrap .snsBxGrp { width: 100% !important; }
.snsAll .snsWrap2 .container .rowBox  .minContainer .snsBxWrap .snsBxGrp > li > a { width: max-content !important; }
.snsAll .snsWrap2 .container2 { gap:120px; width: 100%; max-width: 1162px; margin:80px auto; }
.snsAll .snsWrap2 .container2 .mainTit2 { display: flex; align-items: center; gap:8px; text-align: left; }
.snsAll .snsWrap2 .container2 .contBox1 { gap:40px; }
.snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp { display: flex; flex-wrap:wrap; gap:30px; }
.snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp > li { width: calc(25% - 23px); }
.snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp > li > a.imgbx > img { border-radius:25px }
.snsAll .snsWrap2 .container2 .contBox2 { gap:40px; }
.snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp{ display: flex; flex-wrap:wrap; gap:30px; }
.snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp > li { width: calc(25% - 23px); }
.snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp > li > a.imgbx > img { border-radius:25px }

/* 반응형 */
@media (max-width:1400px){
    .snsAll .container2 { padding:0 16px; }
}
@media (max-width:1200px){
    .snsAll .snsWrap1 { padding: 140px 0 100px; }
    .snsAll .mainTit { font-size: 36px; line-height: 46px; }
}
@media (max-width:1080px){
    .snsAll .mainTit, .snsAll .mainTit2 { font-size: 28px; line-height: 37px; }
    .snsAll .snsWrap1 .container .contBox1 .imgbx > img { max-width: 300px; }
    .snsAll .snsWrap1 { padding:120px 0 100px }
    .snsAll .contTxt { font-size: 16px; line-height: 27px; }
    .snsAll .snsWrap2 .container2 { padding:0 16px; }
    .snsAll .snsWrap2 .container2 { margin:30px auto }
    .snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp { gap:15px }
    .snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp > li{ width: calc(25% - 12px); }
    .snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp { gap:15px }
    .snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp > li { width: calc(25% - 12px); }
    .snsAll .snsWrap2 .container2 { gap:80px }
    .snsAll .snsWrap2.boardWrap2 .container .mainTit2 { font-size: 24px; }
}
@media (max-width:870px){
    .snsAll .mainTit2 { font-size: 26px; }
}
@media (max-width:640px){
    .snsAll .mainTit { font-size: 22px; line-height: 30px; }
    .snsAll .contTxt { margin-top:10px; }
    .snsAll .snsWrap2.boardWrap2 .container .mainTit2 { font-size: 22px; }
    .snsAll .snsWrap2.boardWrap2 .container { padding: 0 !important; }
    .snsAll .snsWrap2 .container .rowBox { padding: 28px 16px; }
    .snsAll .snsWrap2 .container .rowBox .minContainer { flex-direction: column; gap:20px; }
    .snsAll .snsWrap2 .container .rowBox .minContainer .snsBxWrap { width: 100%; gap:10px !important; }
    .snsAll .snsWrap2 .container .rowBox .minContainer .snsBxWrap .snsBxGrp { flex-direction: column; }
    .snsAll .snsWrap2 .container .rowBox .minContainer .snsBxWrap .snsBxGrp > li > a { max-width: 100%; width: 100% !important; }
    .snsAll .snsWrap1 .container .contBox1 .imgbx > img { max-width: 240px; }
    .snsAll .snsWrap1 .container .contBox1 .imgbx { margin-top:24px }
    .snsAll .snsWrap2 .container2 { gap:50px; }
    .snsAll .snsWrap2 .container2 .mainTit2{ font-size: 22px; }
    .snsAll .snsWrap2 .container2 .contBox1, .snsAll .snsWrap2 .container2 .contBox2 { gap:24px }
    .snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp > li,
    .snsAll .snsWrap2 .container2 .contBox2 .instaWrap .instaGrp > li { width: calc(50% - 8px); }
    .snsAll .snsWrap2 .container2 .contBox1 .youtubeWrap .youtubeGrp > li > a.imgbx > img,
    .snsAll .snsWrap2 .container2 .contBox1 .instaWrap .instaGrp > li > a.imgbx > img { border-radius:20px; }
}