@charset "utf-8";

/* Mobile */
.m_content{padding-bottom: 30px;background: url("/images/20_future/main/right_bg.png") no-repeat bottom right;}

.m_content h3{font-family: SEBANG;font-size: 24px;color: #333;}
.mcon.wrap{position:relative;}
/*비주얼*/
.visual{width: 100%;height: 50vh;background: url("/images/20_future/main/v_bg.jpg")no-repeat top left;background-size:cover;}
.visual .tit{font-family: SEBANG;font-weight: 400;font-size: 20px;word-break: keep-all;padding-top: 40px;text-align: right;}
.visual .tit strong{display: block;font-size:30px;color: #2358c3;padding-top: 5px;}

/*게시판*/
.m_bbs .wrap{position: relative;}
.m_bbs h3{margin-top: 50px;margin-bottom: 20px;}
.m_bbs li{margin-bottom: 15px;border:1px solid #ddd;border-radius: 10px;background: #fff;}
.m_bbs li:first-child{border-radius:0 0 10px 10px;border-top:2px solid #20409e;}
.m_bbs li:last-child{margin-bottom: 0;}
.m_bbs li a{display: block;padding: 15px 20px;overflow:hidden;}
.m_bbs li a:focus { outline-offset: -3px; outline: 2px dashed #fff;}
.m_bbs li a strong{display:-webkit-box;font-weight: 400;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.m_bbs li span{display: block;font-size: 14px;color:#666;font-weight:300;float:right;margin-top:5px;}
.m_bbs li:hover{border-radius: 10px 30px;background: url("/images/20_FUTURE/main/bbs_go.png")no-repeat right 30px center #20409e;box-shadow: 0 10px 15px #ddddddc7;border: 1px solid #20409e;}
.m_bbs li:hover strong{color: #fff;width:80%;}
.m_bbs li:hover span{color: #aac0ff;float: left;}
.m_bbs li:hover:first-child{border-top: none;}
.m_bbs .more{position: absolute;right: 20px;top: 4px;font-size: 14px;}
.m_bbs .more span{display: none;}
.more a{color: #20409e;}
.more a::after{display: inline-block;width: 13px;height: 13px;content: "";background: url("/images/20_future/common/cm_ico.png") no-repeat center -71px;margin-left: 8px;}

/* Tablet */
@media all and (min-width:768px) {
.visual .tit{font-size:26px;}
.visual .tit strong{font-size: 45px;}

.mcon{overflow: hidden;}
.mcon .m_bbs{width: 50%;float: left;}
}

/* Desktop */
@media all and (min-width:1023px) {
.menu:before{height: 240px;}

.m_content{padding-bottom: 0;}
.mcon:after{display: block;clear: both;content: "";}
.mcon>div:after{display: block;clear: both;content: "";}
}

@media all and (min-width:1200px) {
.wrap{margin: 0 auto;width: 100%;max-width: 1540px; padding:0;}
.mcon.wrap:before{display:none;}
.mcon.wrap{padding:40px 0;}
.main_wrap{margin: 0 auto;width: 100%;max-width: 1540px; padding:0;}
.main_wrap>div{width:calc((100% - 60px)/2);}
.m_content h3{font-size:26px;}
.visual{float: left;background:none;margin-right: 60px;}
.visual:before{content:"";display:block;position:absolute;width:calc((100% - 60px)/2);height: 693px;background: url("/images/20_future/main/v_bg.jpg")no-repeat top left;background-size:cover;z-index:-1;left:0;}
.visual .tit{padding-top:60px;padding-right: 60px;}
.main_bbs{float: right;padding:40px 0;}
.main_bbs h3{margin-top:0;}
.main_bbs .notice{margin-right: 60px;}
.mcon .m_bbs{width: calc((100% - 60px)/2);float: left;}
.m_bbs li:hover strong, .m_bbs li strong{font-size: 18px;}
.m_bbs li a{padding:15px 30px;}
}             


/* 번역 */
/* Mobile */
.translated-ltr .main_bbs .wrap div { margin-top: 40px;}
.translated-ltr .m_bbs .more { top: 30px;}

/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .main_wrap { margin-bottom: 30px;}
}

/* Desktop */
@media all and (min-width:1200px) {
.translated-ltr .visual:before {height: 740px;}
.translated-ltr .main_wrap { margin-bottom: 0;}
.translated-ltr .m_content h3 {font-size: 1.26rem;}
.translated-ltr .m_bbs .more { right:0;}
}

/* Pc */
@media all and (min-width:1400px) {
.translated-ltr .m_content h3 {font-size: 1.5rem;}

}