@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard.woff') format('woff');
    font-style: normal;
    font-weight: 100; font-weight: 200; font-weight: 300; font-weight: 400; font-weight: 500; font-weight: 600; font-weight: 700; font-weight: 800;
}
#container .top .left_info{height: 832px;background: url("../images/main_visual.png") no-repeat;display: inline-flex;padding: 0px 0px 33.518px 0px;flex-direction: column;align-items: center;background-size: inherit;}
#container .top .left_info.type02{height: 1520px;background: url("../images/left_bg_02.jpg") no-repeat;background-size: contain;background-color: #797d84;} /* 이달의 연구성과가 생략될때 사용하는 type02 속성 */
/* post */
#container .top {display: flex;margin-bottom: 19px;}
#container .top .right_info {float: left;}
#container .top .right_info strong {color: #DA3A00;text-align: center;font-family: Pretendard;font-size: 24px;font-style: normal;font-weight: 900;line-height: normal;letter-spacing: -0.96px; display: block; margin: 14px 0 40px}
#contents .right_info {position: relative;}
#contents .right_info a {width: 100%;height: 100%; display: flex; gap: 20px; margin-bottom: 30px; height: 220px;}
#contents .right_info .img {width: 391px; height: 220px; border: 1px solid #EEE; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.06);border-top: #E84325 4px solid;}
#contents .right_info .img img{height: 220px;width: 391px; display: block;}
#contents .right_info .txt{padding: 15px 29px;border: 1px solid #CCC;position: relative;flex: 1 1;min-height: 140px;}
#contents .right_info .txt .division{display: block; color: #DA3A00;font-family: 'score';font-size: 16px;font-style: normal;font-weight: 200;line-height: 100%;letter-spacing: -0.9px;margin-top: 10px; float: right;position: absolute;right: 44px; bottom: 39px;     text-align: right;line-height: 22px;}
#contents .right_info .txt .division br{display: none;}
#contents .right_info .txt .sub_tit{text-align: left; display:inline-block; color: #333;font-family: 'score';font-size: 20px;font-style: normal;font-weight: 500;line-height: 140%;letter-spacing: -1px;margin-bottom: 20px;}
#contents .right_info .txt p{color: #666;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%; letter-spacing: -0.8px;}
#contents .right_info .txt::before {display: block; content: ""; background: url(/newsletter/2024/09/images/common/bg_logo.png) no-repeat; width: 153px;height: 115px;position: absolute;bottom: 17px;right: 19px; }

/* event */
#contents .subbox .lbox .event,
#contents .subbox .rbox .event{position: relative;min-height: 170px; padding: 30px 25px 30px 218px;border: 5px solid #ddd;color: #333;}
#contents .subbox .rbox .event{padding-left: 200px; border: 0;}
#contents .subbox .lbox .event .sub_txt,
#contents .subbox .rbox .event .sub_txt {padding-top: 20px;}
#contents .subbox .lbox .event .img,
#contents .subbox .rbox .event .img{position: absolute;left: 35px;top: 50%;margin-top: -78px;}
#contents .subbox .rbox .event .img {left: 10px;}
#contents .subbox .lbox .event .img img,
#contents .subbox .rbox .event .img img {border: 1px solid #cccccc; border-radius: 50%;}
#contents .subbox .lbox .event strong,
#contents .subbox .rbox .event strong{display: block;margin-bottom: 10px; font-size: 20px;line-height: 25px;font-weight: bold; color: #333;}
#contents .subbox .lbox .event span,
#contents .subbox .rbox .event span{font-size: 18px; font-weight: 500;}
#contents .subbox .lbox .event em,
#contents .subbox .rbox .event em{display: block;font-size: 18px;}
#contents .subbox .lbox .event p,
#contents .subbox .rbox .event p{margin-top: 20px; font-size: 14px; font-weight: 500; color: #999;}

/* news */
#contents .subbox .ibs_news{border-top: 2px solid #000; color: #333;}

#contents .subbox .ibs_news .tit{position: relative; display: block;margin: 30px 0;font-size: 24px;font-weight: bold;}
#contents .subbox .ibs_news .tit p{display: block; font-size: 15px;color: #7d7d7d;}
#contents .subbox .ibs_news .tit .list_btn{position: absolute;right: 0;top:50%;margin-top: -13.5px;}

#contents .subbox .lbox .ibs_news .th_box{float: left;text-align: center; width: 32%;overflow: hidden;box-shadow: 6px 12px 10px 3px rgb(0 0 0 / 21%);}
#contents .subbox .lbox .ibs_news .th_box{margin-right: 2%;}
#contents .subbox .lbox .ibs_news .th_box:nth-child(3){margin-right: 0;}
#contents .subbox .lbox .ibs_news .th_box:nth-child(4),
#contents .subbox .lbox .ibs_news .th_box:nth-child(5){margin-top: 20px;}
#contents .subbox .lbox .ibs_news .th_box:last-child{margin-right: 0;}
#contents .subbox .lbox .ibs_news .th_box.full{float: none;width: 100%;}
#contents .subbox .lbox .ibs_news .th_box img{max-width: 100%;}
#contents .subbox .lbox .ibs_news .th_box .txt{text-align: left;min-height: 100px;padding: 20px 10px;}
#contents .subbox .lbox .ibs_news .th_box .txt p{font-size: 16px;line-height: 23px;font-weight: bold; color: #333;}
#contents .subbox .lbox .ibs_news .th_box .txt p.date{margin-top: 10px;font-size: 15px;line-height: 25px;font-weight: normal; color: #5f5f5f;}

/* research */ 
#contents .subbox .rbox .ibs_news .list_box.half {float: left; width: 48%;}
#contents .subbox .rbox .ibs_news .list_box.half.first{margin-right: 4%;}
#contents .subbox .rbox .ibs_news .list_box .obj li {position: relative; padding: 10px 0 19px 13px;font-size: 16px;color: #333;background-repeat: repeat-x;background-position: bottom;background-image: url(../images/bg_bd_pat1.png);}
#contents .subbox .rbox .ibs_news .list_box .obj li:after{content: "";border-bottom: 1px dotted #ddd;}
#contents .subbox .rbox .ibs_news .list_box .obj li a {display: inline-block; vertical-align: top; width: calc(100% - 200px); font-size: 15.02px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.25px;}
#contents .subbox .rbox .ibs_news .list_box .obj li .status {display: inline-block; width: 191px; margin-left:5px; vertical-align: top;text-align: right; font-size: 15.02px; font-weight: 300; color: #a77a36; letter-spacing: -.2px;}
#contents .subbox .rbox .ibs_news .list_box .obj li .status.closed {color: #808084;}

/* youtube */
#contents .subbox .youtube{margin-top: 40px; border-top: 2px solid #000; color: #333;}
#contents .subbox .youtube .tit{position: relative; display: block;margin: 30px 0;padding-right: 20px;font-size: 20px;font-weight: bold;}
#contents .subbox .youtube .tit p{display: block; font-size: 15px;color: #7d7d7d;}
#contents .subbox .youtube .tit .list_btn{position: absolute;right: 0;top:50%;margin-top: -13.5px;}
#contents .subbox .youtube .mov_box{position: relative;overflow: hidden;background-color: #ededed;}
#contents .subbox .youtube .mov_box:before{content: "";position: absolute;top:50%;left: 50%;width: 66px;height: 51px;margin-top: -25.5px;margin-left: -33px;background: url("../images/youtube_sim.png");}
#contents .subbox .youtube .mov_box img{max-width: 100%;}
#contents .subbox .youtube .mov_box .txt{text-align: left;min-height: 40px;padding: 40px 0;}
#contents .subbox .youtube .mov_box .txt strong{font-family: 'score'; font-size: 20px;line-height: 23px;font-weight: 500; color: #333; word-break: keep-all;}
#contents .subbox .youtube .mov_box .txt p{font-size: 15px;line-height: 25px;font-weight: normal; color: #5f5f5f;}

#contents .subbox .lbox.pair{width: calc(66.6% - 17.5px);}
#contents .subbox .lbox.pair .youtube{width: 100%;}
#contents .subbox .lbox.pair .youtube .link{float: left;width: 49%;}
#contents .subbox .lbox.pair .youtube .link.first{margin-right: 2%;}
#contents .subbox .rbox.pair{width: calc(33.3% - 17.5px);}
#contents .subbox .rbox.pair .youtube{}

/* 신규 아이템 박스 */
#contents {margin-bottom: 0;padding-bottom: 0;}
#contents .new-item-box .title-area {display: flex; align-items: center; justify-content: space-between; margin: 60px 0 20px;}
#contents .new-item-box .title-area .title {font-size: 24px; font-weight: bold; color: #333;}
#contents .new-item-box .items {display: flex; flex-wrap: wrap; gap: 35px;}
#contents .new-item-box .items .item {width: calc(50% - 17.5px);}
#contents .new-item-box .items .item img {display: block; width: 100%; border: 1px solid #ddd;}
#contents .new-item-box .items .item .txt {margin-top: 20px;}
#contents .new-item-box .items .item .txt strong {display: block; font-family: 'score'; font-size: 20px; font-weight: 100; color: #333; line-height: 1.2;}

#contents .new-item-box .item-wrap {display: flex; gap: 35px;}
#contents .new-item-box .item-wrap .left-area {width: calc(50% - 17.5px);}
#contents .new-item-box .item-wrap .left-area .left-item a {display: block;}
#contents .new-item-box .item-wrap .left-area .left-item.item01 a img {width: 100%; border: 1px solid #ddd;}
#contents .new-item-box .item-wrap .left-area .left-item.item01 a .txt {margin-top: 15px;}
#contents .new-item-box .item-wrap .left-area .left-item.item01 a .txt strong {display: block; font-family: 'score'; font-size: 20px; font-weight: 100; color: #333333;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 {margin-top: 50px;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 a {display: flex; align-items: center; gap: 25px;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 a img {display: block; border: 1px solid #ddd; border-radius: 50%;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 a .txt strong {display: block; margin-bottom: 15px; font-size: 18px; color: #333333; line-height: 1.3;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 a .txt strong em {display: block; margin-bottom: 5px; font-size: 20px; font-weight: bold;}
#contents .new-item-box .item-wrap .left-area .left-item.item02 a .txt span {display: block; font-size: 14px; font-weight: 600; color: #aaa;}
#contents .new-item-box .item-wrap .right-area {width: calc(50% - 17.5px);}
#contents .new-item-box .item-wrap .right-area .right-item a {display: block;}
#contents .new-item-box .item-wrap .right-area .right-item a img {display: block; width: 100%;}
#contents .new-item-box .item-wrap .right-area .right-item a .txt {margin-top: 15px;}
#contents .new-item-box .item-wrap .right-area .right-item a .txt strong {display: block; font-family: 'score'; font-size: 20px; font-weight: 100; color: #333333; text-align: center;}
#contents .art-in-box {margin-top: 30px;}
#contents .art-in-box a {display: flex; gap: 18px;}
#contents .art-in-box a .art-img img {display: block;}
#contents .art-in-box a .art-txt {flex: 1 1; padding: 21px 30px; border: 5px solid #e5e5e5;}
#contents .art-in-box a .art-txt .title {display: flex; justify-content: space-between;}
#contents .art-in-box a .art-txt .title strong {display: block; font-size: 20px; font-weight: bold; color: #333;}
#contents .art-in-box a .art-txt .title span {display: block; font-size: 14px; font-weight: 600; color: #aaa;}
#contents .art-in-box a .art-txt .txt {}
#contents .art-in-box a .art-txt .txt strong {display: block; margin: 5px 0; font-size: 18px; color: #333333; line-height: 1.4;}
#contents .art-in-box a .art-txt .txt span {display: block; font-size: 14px; font-weight: 600; color: #aaa;}

#contents .notice{padding: 20px 15px; border: 5px solid #dcdcdc;}
#contents .notice .txt-tip{position: relative; padding-left: 25px;font-size: 13px;line-height: 25px;color: #545454;}
#contents .txt-tip:before{content: "";position: absolute;top: 4.5px;left: 0; width:17px;height:17px;background:url('../images/notice.png') no-repeat;}

#contents .bottom-box{display: flex;height: auto; margin-bottom: 80px;}
#contents .bottom-box .art {width: 670px;margin-right: 60px; overflow: hidden;}
#contents .bottom-box .art .title span {display: block; text-align: center; color: #555; font-family: Pretendard; font-size: 24px;font-style: normal;font-weight: 900;line-height: normal; letter-spacing: -0.96px;margin-bottom: 30px;}
#contents .bottom-box .art a .img {width: 558px; height: 390px;}
#contents .bottom-box .art a .img img{width: 100%; height: 100%;}
#contents .bottom-box .art a {width: 100%;display: block; position: relative;margin-left: 20px;}
#contents .bottom-box .art a .inner {height: 59px;padding: 20px 20px 21px 20px;background: rgba(0, 0, 0, 0.70);min-height: 45px;position: absolute; text-align: left;bottom: 0;}
#contents .bottom-box .art a .inner .in_title {color: #FFF;font-family: 'score';font-size: 20px;font-style: normal;font-weight: 500;line-height: 120%;letter-spacing: -1.2px;display: block;margin-bottom: 8px;}
#contents .bottom-box .art a .inner .in_title strong {font-size: 24px; font-weight: 500;}
#contents .bottom-box .art a .inner p {display: -webkit-box;width: auto;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #FFF;text-overflow: ellipsis;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%; /* 22.4px */letter-spacing: -0.8px;}
#contents .bottom-box .news {width: 71%;}
#contents .bottom-box .news strong{color: #DA3A00;text-align: center;font-family: Pretendard;font-size: 24px;font-style: normal;font-weight: 900;line-height: normal;letter-spacing: -0.96px;margin-bottom: 40px;display: block;}
#contents .bottom-box .news .in_box {display: flex;width: 100%;height: auto;}
#contents .bottom-box .news .in_box div:nth-child(1){padding-left: 0;}
#contents .bottom-box .news .in_box div:nth-child(3){padding-right: 0;}
#contents .bottom-box .news .in_box .lbox {height: 380px;float: left; width: calc(33.333% - 15px);padding: 0 15px;}
#contents .bottom-box .news .in_box .lbox .post{position: relative; min-height: 280px; text-align: center;margin-top: 100px;box-shadow:0px 11px 20px 3px rgb(0 0 0 / 15%);height: 280px;}
#contents .bottom-box .news .in_box .lbox .post .img{position: absolute;top:-110px;left: 50%;margin-left: -100px;}
#contents .bottom-box .news .in_box .lbox .post .img img {border: 1px solid #cccccc; border-radius: 50%;}
#contents .bottom-box .news .in_box .lbox .post .txt{margin-bottom: 20px;height: 280px;}

#contents .bottom-box .news .in_box .lbox .post .txt .sub_tit{display: block;font-family: 'score';font-size: 20px;font-weight: 500;line-height: 30px;color: #333;padding: 120px 25px 50px 25px; word-break: keep-all;}
#contents .bottom-box .news .in_box .lbox .post .txt p{display: block;font-size: 20px;color: #333;}
#contents .bottom-box .news .in_box .lbox .post .plus_link {margin-top: -77px;}

@media all and (max-width:1873px){
    #contents{width: calc(100% - 81px);margin: 140px auto;}
    #container .top .left_info {width: 557px;background-size: inherit;        padding: 0px 224px 33.518px 0px;}
    #container .top .right_info {width: 100%; height: 100%;}
}
@media all and (max-width:1691px){
    #contents{width: calc(100% - 569px);margin: 140px auto;}
    #container .top{display: block;}
    #container .top .left_info{display: none;}
    #container .top_info{display: block;text-align: center;background-color: #E84325; height: 787px;}
    #contents .bottom-box {display: block;height: auto;}
    #contents .bottom-box .news{margin: 0 auto;width: 100%;}
    #contents .bottom-box .art {margin: 0 auto; height: 500px; width: 557px;}
    #contents .bottom-box .art a {margin-left: 0;}
    #contents .head_menu{margin-top: 69px;border-top: none;}

}
@media all and (max-width:1500px){
    #container .left_info.type02{width: 492px;height: 1600px;background: url("../images/left_bg_02.jpg") no-repeat;background-size: contain;background-color: #84888f;}
    #container .left_info .top,
    #container .left_info .mid{height: 763px;}
    #container .left_info .mid .month{top:810px;}
    #container .left_info .top .vol{top: 260px;left: 228px;}
    #container .left_info .mid .vol{top: 1024px;left: 228px;}
    #contents .bottom-box .art {margin-bottom: 30px;}

    #contents{width: calc(100% - 412px);}
}
@media all and (max-width:1356px){
    #contents{width: calc(100% - 156px);margin: 140px auto;}
    #container .top_info{display: block;text-align: center;}
    #container .top_info img{max-width: 100%;}
    #container .left_info{display: none;}

}
@media all and (max-width:1240px){
    #contents .right_info .txt .division {bottom: 21px;}

}
@media all and (max-width:1023px){
    #contents{width: calc(100% - 60px);margin: 2px 30px 60px;}
    #contents .new-item-box .item-wrap {flex-direction: column; align-items: center;}
    #contents .new-item-box .item-wrap .left-area, #contents .new-item-box .item-wrap .right-area {width: 70%;}
    #contents .new-item-box .item-wrap .right-area {margin-top: 30px;}
    #contents .new-item-box .item-wrap br {display: none;}
    #contents .subbox .right_info {width: 100%;height: auto;}
    #contents .subbox .right_info .img {height: 100%;}
    #contents .bottom-box .news .in_box .lbox {width: calc(100% - 15px);padding: 0; margin: 0 auto 45px;}
    #contents .bottom-box .news .in_box{flex-direction: column;margin-bottom: 0;}
    #contents .subbox .right_info .inner .txt .division{bottom: 10px;}
}
@media all and (max-width:962px){
    #contents .right_info .img img {width: 100%;height: auto;}
}
@media all and (max-width:870px){
    #contents .subbox .right_info a {flex-direction: column;}
    #contents .subbox .right_info .img {margin: 0 auto 20px; width: 100%;}
    #contents .subbox .lbox,
    #contents .subbox .rbox{float: none;width: 70%;margin: 0 auto;}
    #contents .subbox .lbox .post{min-height: auto}
    #contents .subbox .rbox .post{min-height: auto;margin-top: 160px;}
    #contents .subbox .lbox .ibs_news,
    #contents .subbox .rbox .ibs_news,
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event,
    #contents .subbox .youtube{margin-top: 50px;}
    
    #contents .subbox .lbox .post .img img,
    #contents .subbox .rbox .post .img img{max-width: 60%;}
    #contents .subbox .lbox .post .txt,
    #contents .subbox .rbox .post .txt{padding: 0 10px;}
    #contents .subbox .lbox .post .txt .division,
    #contents .subbox .rbox .post .txt .division{padding-top: 80px;}
    #contents .subbox .lbox .post .plus_link,
    #contents .subbox .rbox .post .plus_link{padding: 10px 0 30px;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event{min-height: 100px;padding: 20px 20px 20px 160px;}
    #contents .subbox .lbox .event .img,
    #contents .subbox .rbox .event .img{left: 20px;top: 15px;margin-top: 0;max-width: 70%;}
    #contents .subbox .lbox .event .img img,
    #contents .subbox .rbox .event .img img{max-width: 70%;}
    #contents .subbox .lbox .event p,
    #contents .subbox .rbox .event p{margin-top: 10px;}

    #contents .subbox .rbox .ibs_news .list_box.half {float: none; width: 100%;}
    #contents .subbox .rbox .ibs_news .list_box.half.first{margin-right: 0;}

    #contents .subbox .ibs_news,
    #contents .subbox .youtube{text-align: center;}
    #contents .subbox .youtube .mov_box .txt{min-height: auto;padding: 15px 10px;text-align: center;}
    
    #contents .subbox .ibs_news .tit,
    #contents .subbox .youtube .tit{margin: 10px 0;font-size: 20px;}
    #contents .subbox .ibs_news .tit p{font-size: 14px;}
    #contents .subbox .lbox .ibs_news .th_box .txt{padding: 20px 15px;}
    #contents .subbox .rbox .ibs_news .list_box .obj li a {text-align: left;}
    #contents .subbox .lbox.pair,
    #contents .subbox .rbox.pair{width: 100%;}
    #contents .subbox .youtube .mov_box .txt strong{font-size: 16px;line-height: 20px;}
    #contents .subbox .youtube .mov_box .txt p{font-size: 14px;line-height: 20px;}

    #contents .new-item-box .items {justify-content: center;}
    #contents .new-item-box .items .item {width: 70%;}
    #contents .right_info a {height: auto;}


}
@media all and (max-width:767px){
    #container .top_info {height: auto; background-color: #fff;}
    #contents .head_menu {margin-top: 0;}
    #contents{width: calc(100% - 60px);}
    #contents .subbox .lbox,
    #contents .subbox .rbox,
    #contents .subbox .lbox .ibs_news .th_box{width: 100%;margin-right: 0;margin-bottom: 30px;}
    #contents .subbox .lbox .ibs_news .th_box:last-child{margin-right: 0;margin-bottom: 15px;}

    #contents .new-item-box .items .item {width: 100%;}
    #contents .new-item-box .items .item .txt {margin-top: 10px;}
    #contents .new-item-box .items .item .txt strong {font-size: 18px;}

    #contents .new-item-box .item-wrap .left-area, #contents .new-item-box .item-wrap .right-area {width: 100%;}
    #contents .art-in-box a {flex-direction: column;}
    #contents .art-in-box a .art-img img {width: 100%; max-width: 300px; margin: 0 auto;}
    #contents .subbox .right_info .inner .txt {width: 400px;height: 180px;}
    #contents .subbox .right_info .inner {margin-bottom: 21px;}
    #contents .bottom-box .art a .inner {padding: 9px; height: 41px;}
    #contents .bottom-box .art a .inner .in_title {font-size: 15px; margin-left: 0;}
    #contents .bottom-box .art a .inner .in_title strong {font-size: 20px;display: inline-block;}
    #contents .bottom-box .art a .inner p {font-size: 14px;}
    #contents .subbox .right_info .img  img{width: 100%; height: 100%;}
    #contents .right_info .txt{padding: 20px;}
    #contents .right_info .txt .division br{display: block;}
    #contents .right_info .txt .sub_tit {font-size: 19px;}
    #contents .bottom-box .art {margin-bottom: 30px; height: auto; width: 100%;}
    #contents .bottom-box .art a .img {width: 100%; height: auto;}
    #contents .bottom-box .news .in_box .lbox .post .txt .sub_tit {font-size: 19px;}
}
@media all and (max-width:600px){ 
    #contents .right_info .txt {min-height: 170px;}
}
@media all and (max-width:540px){ 
    #contents .subbox .lbox .post .txt .division,
    #contents .subbox .rbox .post .txt .division{padding-top: 50px;}
    #contents .subbox .lbox .post .txt .sub_tit,
    #contents .subbox .rbox .post .txt .sub_tit{font-size: 18px;line-height: 30px;}
    #contents .subbox .lbox .post .txt p,
    #contents .subbox .rbox .post .txt p{font-size: 16px;}
    #contents .subbox .lbox .post .txt,
    #contents .subbox .rbox .post .txt{margin-bottom: 0;}
    #contents .subbox .lbox .post .plus_link,
    #contents .subbox .rbox .post .plus_link{padding: 10px 0 20px;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event{padding: 140px 10px 10px;border: 2px solid #ddd;}
    #contents .subbox .lbox .event .img,
    #contents .subbox .rbox .event .img{left: 50%;top: 20px;margin-top: 0;margin-left: -54.5px;}
    #contents .subbox .lbox .event .sub_txt,
    #contents .subbox .rbox .event .sub_txt{text-align: center;}
    #contents .subbox .lbox .event p,
    #contents .subbox .rbox .event p{margin-top: 3px;font-weight: bold;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event
    #contents .subbox .ibs_news,
    #contents .subbox .youtube{margin-top: 50px;}

    #contents .new-item-box .item-wrap .left-area .left-item.item02 a {flex-direction: column;}
    #contents .art-in-box a .art-txt .title {flex-direction: column;}
    #contents .subbox .right_info .inner .img {width: 300px; height: 170px;}
    #contents .subbox .right_info .inner .img  img{width: 300px; height: 170px;}
    #contents .subbox .right_info .inner .txt {width: 318px;height: 230px;}
    #contents .subbox .right_info .inner .txt em {font-size: 17px;margin-bottom: 0;}
    #contents .subbox .right_info .inner .txt em {font-size: 18px;margin-bottom: 10px;}
    #contents .bottom-box .art a .inner {left: 16px; }
    #contents .bottom-box .art a .inner .in_title strong {font-size: 18px;display: inline-block;}
    #contents .subbox .right_info .img {width: 100%; height: 100%;margin: 0 auto 20px;}
    #contents .right_info .txt {min-height: 230px;}
    #contents .bottom-box .news .in_box .lbox .post .txt .sub_tit {font-size: 18px;}
}
@media all and (max-width:420px){
    #contents .bottom-box .art a .inner {left: 10px;}
}