#container .left_info{height: 2895px;background: url("../images/left_bg.png") no-repeat;background-color: #84888f;}
/* post */
#contents .subbox .lbox .post,
#contents .subbox .rbox .post{position: relative; min-height: 404px; text-align: center;margin-top: 130px;box-shadow:0px 11px 20px 3px rgb(0 0 0 / 15%);}
#contents .subbox .lbox .post .img,
#contents .subbox .rbox .post .img{position: absolute;top:-110px;left: 50%;margin-left: -130px;}
#contents .subbox .lbox .post .txt,
#contents .subbox .rbox .post .txt{margin-bottom: 20px;}
#contents .subbox .lbox .post .txt .division,
#contents .subbox .rbox .post .txt .division{display: block;padding-top: 200px; font-size: 15px;font-weight: bold; color: #d12b04;}
#contents .subbox .lbox .post .txt .sub_tit,
#contents .subbox .rbox .post .txt .sub_tit{display: block;font-size: 20px;line-height: 60px; font-weight: bold;color: #333;}
#contents .subbox .lbox .post .txt p,
#contents .subbox .rbox .post .txt p{display: block;font-size: 20px;color: #333;}

/* event */
#contents .subbox .lbox .event,
#contents .subbox .rbox .event{position: relative;min-height: 170px; padding: 30px 30px 30px 218px;border: 5px solid #ddd;color: #333;}
#contents .subbox .lbox .event .img,
#contents .subbox .rbox .event .img{position: absolute;left: 40px;top: 50%;margin-top: -78px;}
#contents .subbox .lbox .event strong,
#contents .subbox .rbox .event strong{display: block;margin-bottom: 10px; font-size: 20px;line-height: 25px;font-weight: bold;}
#contents .subbox .lbox .event span,
#contents .subbox .rbox .event span{font-size: 18px;}
#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: 16px;color: #5f5f5f;}
#contents .subbox .rbox .event{border: 0;}

/* 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;font-size: 24px;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 30px 40px 3px;}
#contents .subbox .youtube .mov_box .txt strong{font-size: 20px;line-height: 23px;font-weight: bold; color: #333;}
#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 .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;}

@media all and (max-width:1725px){
    #contents{width: calc(100% - 780px);margin: 140px 70px 60px;}
}
@media all and (max-width:1584px){
    #contents{width: calc(100% - 700px);margin: 140px 30px 60px;}
}
@media all and (max-width:1500px){
    #container .left_info{width: 492px;height: 2895px;background: url("../images/left_bg.png") no-repeat;background-size: contain;}
    #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{width: calc(100% - 552px);}
}
@media all and (max-width:1356px){
    #container .top_info{display: block;text-align: center;background-color: #f25840;}
    #container .top_info img{max-width: 100%;}
    #contents .head_menu{top: 820px;}
    #container .left_info{display: none;}
    #contents{float: none;width: calc(100% - 60px);}

}
@media all and (max-width:1023px){
    #contents{margin: 2px 30px 60px;}
}
@media all and (max-width:870px){
    #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;}
}
@media all and (max-width:767px){
    #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;}
}
@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 0;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;}
}