main{background: url(../images/main/main_bg.jpg)no-repeat; height: 1287px; width: 100%;} 
.forum{padding-top: 50px;}
/*forum 헤더*/
.forum .forum_header{display: flex; justify-content: space-between; align-items: center;}
.forum .forum_header h1{width: 150px; height: 75px;}
.forum .forum_header h1 img{width: 100%; height: 100%; object-fit: contain;}
.forum .forum_header .home_btn{font-size: 1.4rem; width: 70px; height: 30px; border-radius: 15px; border:1px solid #6c6c6c; text-align: center; line-height:30px;}

/*forum top*/
.forum .forum_top{margin-top: 15px; display: flex; justify-content: space-between;}
.forum .forum_top .forum_top_left{padding:30px 20px;}
.forum .forum_top .forum_top_left h2{font-size: 5rem; font-weight: 600; color:#111111;}
.forum .forum_top .forum_top_left h2 span{font-size: 3.5rem; display: block; font-weight: 400;}
.forum .forum_top .forum_top_left .dot_list{font-size: 2rem; margin-top: 20px;}
.forum .forum_top .forum_top_left .dot_list li{color:#111111;}
.forum .forum_top .forum_top_left .dot_list > li::before{top:12px;}
.forum .forum_top .forum_top_right{} 
.forum .forum_top .forum_top_right .forum_youtube{width: 467px; height: 258px;} 
.forum .forum_top .forum_top_right .forum_youtube iframe{width: 100%; height: 100%; object-fit: contain; border-radius: 20px;}

/*forum mid*/
.forum .forum_mid{display: flex;gap: 20px;flex-wrap: wrap; margin-top: 50px;}
.card {display: flex;justify-content: space-between;align-items: center;width: 280px;height: 120px;background-color: white;border-radius: 12px;box-shadow: 0 4px 8px rgba(0,0,0,0.08);padding: 20px;box-sizing: border-box;transition: all 0.2s ease;}
.card:hover {transform: translateY(-5px);box-shadow: 0 6px 16px rgba(0,0,0,0.1);}
.card_text h3 {margin: 0;font-size: 2.8rem;font-weight: bold;}
.card_text .card_go,
.card_text .card_open{display: inline-block;margin-top:30px;font-size: 1.5rem;text-decoration: none;color: #555;}
.card_text .card_go::after{display: inline-block; width: 37px; height: 10px; background: url(../images/main/link_icon02.png)no-repeat; content: ''; margin-left: 5px;}
.card_text .card_open::before{display: inline-block; width: 12px; height: 13px; background: url(../images/main/icon_open.png)no-repeat; content: ''; margin-right: 5px;}
.card_icon_circle {width: 60px;height: 60px;background-color: #f3f4f6; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.card_icon_circle img {width: 30px;height: 30px;}

/*forum btm*/
.forum_btm {display: flex;margin-top: 40px;}
.info_box {background: #f5f9ff; height: 350px; padding:50px 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
.forum_btm .info_box:nth-child(1) {width: 460px; background-color: #4c80d4; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.forum_btm .info_box:nth-child(2),
.forum_btm .info_box:nth-child(3) {width: 370px;}
.forum_btm .info_box:nth-child(2){background-color: #cbdaf3; background-image: url(../images/main/forum_box01.png); background-repeat: no-repeat; background-position: 250px 10px; background-size: 142px auto;}
.forum_btm .info_box:nth-child(3){background-color: #e4edfa; background-image: url(../images/main/forum_box02.png); background-repeat: no-repeat; background-position: 250px 10px; background-size: 103px auto; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.forum_btm .info_box .info_link{font-size: 2.6rem;font-weight: 600;} 
.forum_btm .info_box .info_link span{font-size: 1.5rem; background-color: #1c2d6e; margin-left: 10px; padding:5px 10px; border-radius: 15px; color:#fff; font-weight: 400;}
.forum_btm .info_box .info_link span::after{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/main/link_icon.png)no-repeat; background-size: contain; vertical-align: middle; margin-left: 10px;}
.info_box h4 {font-size: 2.6rem;font-weight: 700;}
.forum_btm .info_box:nth-child(1) h4{color:#fff;} 
.info_box .dot_list {font-size: 1.8rem;padding: 0;margin: 30px 0;}
.info_box .dot_list li {color:#fff;}
.info_box .dot_list li::before{background-color: #fff;}
.info_btn {display:block; background-color: #1d3a91;color: white;font-size: 1.8rem;padding: 10px 20px;border-radius: 30px;text-align: center;text-decoration: none;align-self: flex-start; width: 100%;}
.schedule{margin-top: 28px;}
.schedule .schedule_box{display: flex; gap:15px;  align-items: flex-start;}
.schedule .schedule_box~.schedule_box{margin-top: 20px;}
.schedule .schedule_box span{font-size: 1.8rem; color:#1c2d6e; width: 100px; height: 40px; border-radius: 20px; background-color: #abc2e9; text-align: center; line-height: 40px; font-weight: 600;}
.schedule .schedule_box .time_list{margin-top: 7px;}
.schedule .schedule_box .time_list li{font-size: 1.8rem;}
.schedule .schedule_box .time_list li~li{margin-top: 10px;}
.notice_box {margin-top: 30px;}
.notice_box2{margin-top: 25px;}
.notice_item,.notice_item2 {margin-bottom: 15px;}
.notice_item .label,
.notice_item2 .label  {display: inline-block; font-weight: bold; color:#1c2d6e; padding:10px 20px; border-radius: 20px; background-color: #cbdaf3; font-size: 1.8rem;}
.notice_item .content {margin-top: 10px; font-size: 1.8rem; padding-left: 20px; color:#222222}
.notice_item .red {color: #d80000;font-size: 1.6rem; font-weight: 600;}
.cob_list{margin:10px 0 25px 15px;}
.cob_list li{font-size: 1.8rem; color:#222222;}

/*forum footer*/
.spon_box{width: 100%; padding:20px 0; border-radius: 15px; background-color:rgba(0,0,0,0.5); margin-top: 30px;    display: flex; justify-content: center; align-items: center;}
.spon_box .spon_list{display: flex; gap:50px}
.spon_box .spon_list li{position: relative;}
.spon_box .spon_list li span{color:#fff; font-size: 1.8rem; vertical-align: top; margin-right: 10px; }
.spon_box .spon_list li::after{position: absolute; content: ''; display: inline-block; width: 1px; height:20px; background-color: #fff; top:0; right:-25px;}
.spon_box .spon_list li:nth-of-type(3)::after{display: none;}
.spon_box .spon_list li a{color:#fff; font-size: 1.8rem;}



/*반응형*/
@media screen and (max-width : 1200px){
  main{background: none;}
  .inner{width: 100%;}
  .forum_header,
  .forum_top,
  .forum_mid,
  .forum_btm,
  .forum_footer{padding:20px;}
  .forum{padding-top: 0 ;}
  .forum_header,
  .forum_top,
  .forum_mid,
  .forum_btm{background-color: #f4faff;}
  .forum .forum_top,  
  .forum .forum_mid,
  .forum .forum_btm{margin-top:0px;}
  .forum .forum_top .forum_top_left{padding:20px 0 0 0;}
  .forum_footer {
    background: url(../images/main/main_bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 355px; /* 또는 원하는 높이 */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .spon_box{margin-top: 0px;}
  
}
@media screen and (max-width : 1000px){
  .forum .forum_top .forum_top_right .forum_youtube{width: 335px; height: 185px;}
  .forum .forum_btm{flex-direction: column; gap:20px;}
  .card {width: calc(50% - 10px);}
  .forum_btm .info_box:nth-child(1),
  .forum_btm .info_box:nth-child(2),
  .forum_btm .info_box:nth-child(3) {width: 100%; border-radius: 30px;}
  .forum_btm .info_box:nth-child(2),
  .forum_btm .info_box:nth-child(3){background-position: 95% 10px;}
}
@media screen and (max-width : 768px){
  .forum .forum_top{display: block;}
  .forum .forum_top .forum_top_left h2{font-size: 2.7rem; text-align: center;}
  .forum .forum_top .forum_top_left h2 span{font-size: 2rem;}
  .forum .forum_top .forum_top_left .dot_list{font-size: 1.8rem; text-align: center;}
  .forum .forum_top .forum_top_left .dot_list > li{display: inline-block;}
  .forum .forum_top .forum_top_right .forum_youtube{margin:30px auto;}
  .spon_box .spon_list{flex-wrap: wrap; gap:5px; flex-direction: column;}
  .spon_box .spon_list > li{position: relative;text-align: left;}
  .spon_box .spon_list li::after{display: none;}
}
@media screen and (max-width : 450px){
  .forum .forum_top .forum_top_left h2{line-height:1.2}
  .forum .forum_top .forum_top_right .forum_youtube{margin:30px auto 0;}
  .forum .forum_top .forum_top_left .dot_list{margin-top:5px}
  .forum .forum_top .forum_top_left .dot_list > li{font-weight: 500;}
  .forum .forum_top .forum_top_left .dot_list > li ~ li{margin-top:5px}
  .forum .forum_header{background-color:#fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25); z-index: 10;  position: relative;}
  .forum .forum_header h1{width: 105px; height: 40px;}
  .forum .forum_header .home_btn { display: block; width: 19px; height: 19px; background: url(../images/main/icon_home.png) no-repeat center center; background-size: contain; text-indent: -9999px;  overflow: hidden; border:none; border-radius: 0;}
  .forum .forum_btm{padding:0; gap:0;}
  .forum_header, .forum_top, .forum_mid, .forum_btm, .forum_footer{padding:10px;}
  .forum .forum_mid{padding-bottom: 20px; display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;}
  .card{flex-direction:column-reverse; padding:10px;  height: 100%; min-height: 137px; width: 100%; align-items: center;}
  .card:nth-of-type(1),
  .card:nth-of-type(4){justify-content: flex-start; }
  .card_text {display: flex;flex-direction: column;gap:10px; height: 60px; }
  .card_text h3{font-size: 1.8rem; margin-top: 10px; text-align: center;}
  .card_text .card_go{display: none;}
  .card_text .card_go, .card_text .card_open{margin-top: 0; font-size: 1.3rem;}
  .card_text .card_open::before{display: none;}
  .forum_btm .info_box{height: 100%;}
  .forum_btm .info_box:nth-child(2),
  .forum_btm .info_box:nth-child(3){background-position: 85% 10px;}
  .forum_btm .info_box .info_link{display:block; text-align: center; text-decoration: none;}
  .forum_btm .info_box .info_link::after{display: none;}
  .forum_btm .info_box .info_link span{display: inline-block; font-size: 1.4rem; font-weight:300; color:#fff; background-color:#1c2d6e; border-radius: 15px; padding:7px; margin-left:10px;}
  .forum_btm .info_box .info_link span::after{display: inline-block; content: ''; background: url(../images/main/link_icon.png)no-repeat; width: 13px; height: 14px;  background-size: contain; vertical-align: middle; margin-left: 5px;}
  .forum_btm .info_box:nth-child(1),
  .forum_btm .info_box:nth-child(2),
  .forum_btm .info_box:nth-child(3) {border-radius: 0px;}
  .info_box {padding:20px 20px 25px;}
  .info_box h4{font-size: 2.4rem; text-align: center;line-height:1.3;margin-bottom:0;}
  .info_box .dot_list{text-align: left;display: inline-block;margin: 25px 0; padding-left: 20px;}
  .info_box .dot_list > li {display: inline-block; font-size: 1.6rem; font-weight:400;line-height:1.2;margin-top:5px}

  .schedule{margin-top:15px;}
  .schedule .schedule_box {gap:30px; }
  .schedule .schedule_box .time_list{margin-top:5px; min-width: 120px;}
  .schedule .schedule_box span{font-size: 1.5rem; height: 30px; line-height:30px; width: 120px;}
  .schedule .schedule_box .time_list li{font-size: 1.6rem; font-weight: 600;}
  .schedule .schedule_box .time_list li~li{margin-top:10px;}
  .notice_box {margin-top:13px;}
  .notice_box .notice_item{display: flex; gap:30px;}
  .notice_box2 .notice_item2{display: block;}
  .notice_item:last-child {margin-bottom: 0;}
  .notice_item .label {display: block; min-width:120px; background-color: #cbdaf3; height: 30px; line-height:30px; font-size: 1.5rem; padding:0;}
  .notice_box2 .notice_item2 .label{display: block; font-size: 1.5rem; text-align: center;}
  .notice_box2 .notice_item2 .cob_list li{font-size: 1.4rem;}
  .notice_box2 .notice_item2 .cob_list li~li{margin-top: 5px;}
  .notice_item .label,
  .notice_item .content{ text-align: center; font-weight: 600;}
  .notice_item .content{font-size: 1.6rem; padding-left: 0; text-align: left; margin-top: 5px;}
  .notice_item .red{font-size: 1.3rem;}
  .forum_footer{justify-content: inherit;}
  .spon_box{margin-top: 20px;}
  .spon_box .spon_list li span{font-size: 1.6rem;}
  .spon_box .spon_list li a{text-align: center; font-size: 1.6rem; font-weight: 500;}
}

@media screen and (max-width : 350px){
  .forum .forum_top .forum_top_right .forum_youtube{width: 100%}
}