@charset "utf-8";

/*Mobile*/
.right_con h2{/* font-family:'NpsFont'; */padding:30px 20px 20px 20px;font-size: 22px;font-weight:600;line-height:30px;word-break: keep-all;}
.right_con h2 strong{font-size: 24px;font-weight:800;color: #0077f3;line-height:22px;line-height:30px;letter-spacing:-1px;}
.right_con .m_bbs{padding:0 20px 30px 20px;background:#fff;position:relative;}
.right_con .m_bbs h2{padding: 40px 0 30px 0;}
.right_con .m_bbs ul{border-top:1px solid #0077f3b0;}
.right_con .m_bbs li{border-bottom:1px solid #ddd;}
.right_con .m_bbs li a{display:block;padding:15px 0;overflow:hidden;}
.right_con .m_bbs li em{display:block;font-size:14px;color:#333;font-weight:700;margin-bottom:8px;}
.right_con .m_bbs li strong{line-height:20px;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;height:22px;width: 60%;float:left;-webkit-box-orient: vertical;font-size: 17px;}
.right_con .m_bbs li span{display:block;float:right;font-size:14px;color:#888;}
.right_con .m_bbs .more{display:block;position:absolute;top:42px;right:20px;text-decoration:underline;font-size:14px;color:#888;}
.right_con .m_bbs li:hover strong{text-decoration:underline;}

.right_con .mphoto_bbs{padding:0 20px 30px 20px;}
.right_con .mphoto_bbs:after{content:"";display:block;clear:both;}
.right_con .mphoto_bbs>div{position:relative;margin-top:40px;overflow: hidden;}
.right_con .mphoto_bbs .mphoto h2{padding-top:40px;}
.right_con .mphoto_bbs h2{padding:0 0 30px 0;}
.right_con .mphoto_bbs li{margin:0 0 40px 0;overflow:hidden;}
.right_con .mphoto_bbs li:last-child{margin:0;}
.right_con .mphoto_bbs li a{display:block;}
.right_con .mphoto_bbs li p{aspect-ratio: 303/185;border-radius:20px;overflow:hidden;margin-bottom:20px;position:relative;}
.right_con .mphoto_bbs li p img{width:100%;}
.right_con .mphoto_bbs li strong{line-height:23px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}
.right_con .mphoto_bbs li:hover strong{text-decoration:underline;}
.right_con .mphoto_bbs .m_video p:after{content:"";display:block;width:43px;height:53px;background:url("/images/myjb/main/mvideo_i.png")no-repeat;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.right_con .mphoto_bbs .mvideo h2{float:left;}
.right_con .mphoto_bbs .mvideo .btn{float:right;padding:40px 0 30px 0;display:flex;}
.right_con .mphoto_bbs .mvideo .vd{height:0 !important;position:relative;padding-bottom: 56%;width:100%;}
.right_con .mphoto_bbs .mvideo .slick-slide{position:relative;padding-bottom:56.25%;width:100%;height:0;}
.right_con .mphoto_bbs .mvideo iframe{position:absolute;width:100%;height: auto !important;}
.right_con .mphoto_bbs .m_sns{position:absolute;top: 0;left: 0;}
.right_con .mphoto_bbs .m_sns a{display:inline-block;width: 30px;height: 30px;border-radius:50%;background:url("/images/myjb/main/ico_msns.png")no-repeat center top #fff;font-size:0;box-shadow:0 0 8px #0000001c;margin-right: 5px;background-size: cover;}
.right_con .mphoto_bbs .m_sns .youtube{background-position-y: -31px;}
.right_con .mphoto_bbs .m_sns .instagram{background-position-y: -61px;}
.right_con .mphoto_bbs .slide_btn{display:flex;flex-wrap:wrap;position:absolute;top:0;right:0;}
.right_con .mphoto_bbs .slide_btn button{display:inline-block;font-size:0;width:16px;height:14px;background:url("/upload_data/board_data/BBS_0000010/172378137774461.png")no-repeat;}
.right_con .mphoto_bbs .slide_btn button.prev{background-position-y:0;}
.right_con .mphoto_bbs .slide_btn button.stop{background-position-y:-101px;}
.right_con .mphoto_bbs .slide_btn button.play{background-position-y:-68px;}
.right_con .mphoto_bbs .slide_btn button.next{background-position-y:-34px;}
.right_con .mphoto_bbs .slide_btn p:first-child{font-size:14px;color:#666;margin-right:10px;}
.right_con .mphoto_bbs .slide_btn p:first-child strong{color:#0078f3;}
.right_con .mphoto_bbs .slide_btn .more{display:block;text-decoration:underline;font-size:14px;color:#888;margin-left:10px;}
.right_con .mphoto_bbs .mphoto .slide_btn{top:48px;}
.right_con .mphoto_bbs .mvideo .slide_btn{top: 20px;}

.right_con .checkDiv{margin: 0 20px 20px 20px;background:#fff;border-radius:10px;border:1px solid #0077f333;overflow: hidden;}
.right_con .checkDiv .s_check{padding:20px;}
.right_con .checkDiv .s_check li{margin:0 0 20px 0;}
.right_con .checkDiv .s_check li:last-child{margin:0;}
.right_con .checkDiv .s_check li strong{font-size:17px;font-weight:600;display: block;}
.right_con .checkDiv .s_check li strong::before{content:"";display:block;width:26px;height:22px;float:left;margin-right:8px;background:url("/images/myjb/common/cmd_icon.png")no-repeat left -80px top;}
.right_con .checkDiv .s_check li .form_check{clear: both;margin-top: 15px;}
.right_con .checkDiv .s_check input[type=checkbox]{display:none;}
.right_con .checkDiv .s_check input[type=checkbox] + label{display:inline-block;width:fit-content;height:auto;cursor:pointer;padding:3px 15px;background:#f5f5f5;color:#888;border-radius:50px;border:1px solid #ddd;margin: 0 8px 6px 0;}
.right_con .checkDiv .s_check input[type=checkbox]:checked + label{background:linear-gradient(to right, #0097de, #007ff2);color:#fff;border-color:transparent;}

.right_con .checkDiv .s_search{padding:20px;background:#f4f7fe;position:relative;}
.right_con .checkDiv .s_search form legend{display:block;font-size:17px;margin:0 0 15px 0;}
.right_con .checkDiv .s_search form legend:before{content:"";display:block;width:23px;height:23px;float:left;margin-right:8px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left top -54px;}
.right_con .checkDiv .s_search input[type=text]{padding:15px 20px;border-radius:50px;width:100%;box-shadow:0 0 10px #3f88c32e;font-size:15px;}
.right_con .checkDiv .s_search input[type=submit]{padding:15px;font-size:15px;font-weight:600;background: #0078f3;color:#fff;position:absolute;border-radius:0 50px 50px 0;right:20px;}
.right_con .checkDiv .s_search input[type=text]::placeholder{font-size:15px;color:#888888c7;letter-spacing:-1px;}

.right_con .bbsWrap{padding: 20px;}
.right_con .bbsWrap>div:first-child{overflow:hidden;height: 350px;}
.right_con .bbsWrap .bbsDiv{overflow:hidden;float:left;background:#fff;width: 240px;border-radius:20px;box-shadow:0 0 15px #ddddddbd;margin: 0 20px 20px 0;opacity:0.4;height: 340px;}
.right_con .bbsWrap .bbsDiv.on{opacity:1;}
.right_con .bbsWrap .bbsDiv a{display:block;}
.right_con .bbsWrap .bbsDiv img{width:100%;max-height: 200px;aspect-ratio: 6/5;}
.right_con .bbsWrap .bbsDiv .info{padding:20px;}
.right_con .bbsWrap .bbsDiv .info>p{background:linear-gradient(to right, #0097de, #007ff2);width:fit-content;padding: 4px 10px;/* border-radius:50px; */color:#fff;font-size: 16px;}
.right_con .bbsWrap .bbsDiv .info>p span:before{/* content:""; */display:block;width:18px;height:18px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -125px top -1px;float:left;margin: 0 3px 0 0;}
.right_con .bbsWrap .bbsDiv.dead .info>p{background:#5a5a5a;}
.right_con .bbsWrap .bbsDiv.dead .info>p span:before{background-position:left -161px top -1px;}
.right_con .bbsWrap .bbsDiv .info strong{display:-webkit-box;font-size: 19px;line-height:27px;color:#333;margin:20px 0 0 0;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.right_con .bbsWrap .btn{clear:both;margin:20px 0 40px 0;display: flex;justify-content: center;}
.right_con .bbsWrap .btn button{width:44px;height:44px;border-radius:10px;margin-right:10px;font-size:0;background:url("/images/myjb/common/cmd_icon.png")no-repeat left bottom #258af3;box-shadow:0 0 10px #046fde73;}
.right_con .bbsWrap .btn button.prev{background-position: left -83px top -40px;}
.right_con .bbsWrap .btn button.next{background-position: left -123px top -40px;}
.right_con .bbsWrap .btn .bbsMore{display:block;width:44px;height:44px;font-size:0;border-radius:10px;border:1px solid #0077f3;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -166px top -40px;}

/*Tablet*/
@media all and (min-width:768px) {
.right_con .mphoto_bbs ul{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;}
.right_con .mphoto_bbs li{width: 48%;}
.right_con .mphoto_bbs li strong{font-size:18px;}
.right_con .mphoto_bbs .mphoto h2{padding-top: 0;}
.right_con .mphoto_bbs .m_sns{left:120px;}
.right_con .mphoto_bbs .mphoto .slide_btn{top:8px;}

.right_con .checkDiv .s_check li{overflow:hidden;}
.right_con .checkDiv .s_check li strong{float:left;}
.right_con .checkDiv .s_check li .form_check{float:left;clear: none;width: calc(100% - 120px);margin: 0 0 0 15px;}
}

/*PC*/
@media all and (min-width:1023px) {
.m_content{overflow:hidden;position: relative;padding: 63px 0 0 0;}    
.m_content .right_con{box-sizing: border-box;padding-left: 360px;}
.m_content .right_con .wrap{padding: 0 40px;}
.right_con h2{font-size:30px;padding: 30px 0;}
.right_con h2 strong{font-size:34px;}

.right_con .m_bbs{background:none;padding: 0 0 30px 0;}
.right_con .m_bbs li a{padding:20px 30px;flex-wrap:wrap;justify-content:space-between;}
.right_con .m_bbs li:hover a{background:#fff;box-shadow:0 5px 15px #ddddddbd;}
.right_con .m_bbs li em{margin: 2px 35px 0 0;float: left;font-size: 15px;}
.right_con .m_bbs li:hover em{color:#0077f3;}
.right_con .m_bbs li span{margin:2px 0 0 0;font-size: 15px;}
.right_con .m_bbs .more{font-size:16px;right: 0;top: 54px;font-weight: 500;}
.right_con .m_bbs>a:hover{color:#222;font-weight:600;}

.right_con .mphoto_bbs{padding: 0 0 30px 0;}
.right_con .mphoto_bbs .m_sns{left: 175px;}
.right_con .mphoto_bbs .m_sns a{width:39px;height:39px;}
.right_con .mphoto_bbs .m_sns .youtube{background-position-y: -39px;}
.right_con .mphoto_bbs .m_sns .instagram{background-position-y: -79px;}
.right_con .mphoto_bbs .slide_btn .more{font-size:16px;}
.right_con .mphoto_bbs .slide_btn .more:hover{color:#222;}
    
.right_con .checkDiv{border-radius:20px;position:relative;margin: 0;}
.right_con .checkDiv .s_check{padding: 30px;}
.right_con .checkDiv .s_check li{overflow:auto;padding: 4px 0;margin: 0 0 16px 0;}
.right_con .checkDiv .s_check li:last-child{margin:0;}
.right_con .checkDiv .s_check li strong{width:fit-content;font-size: 18px;}
.right_con .checkDiv .s_check li .form_check{float: left;}
.right_con .checkDiv .s_check input[type=checkbox] + label{margin: 0 8px 8px 0;padding: 3px 20px;}
    
.right_con .checkDiv .s_search{padding: 50px 35px 57px 35px;}
.right_con .checkDiv .s_search input[type=text]{min-width:390px;padding: 20px 30px;}
.right_con .checkDiv .s_search input[type=submit]{right: 35px;padding: 20px;font-size: 17px;}
.right_con .checkDiv .s_search form legend{font-size:18px;}

.right_con .bbsWrap{padding:40px 0;}
.right_con .bbsWrap>div:first-child{/* display:flex; */justify-content:space-between;flex-wrap: wrap;height: 390px;}
.right_con .bbsWrap .bbsDiv{width: 48%;margin-bottom:20px;}
.right_con .bbsWrap .bbsDiv:nth-of-type(2n){margin-right:0;}
.right_con .bbsWrap .btn{margin:0;}
.right_con .bbsWrap .btn button{display:none;}
.right_con .bbsWrap .btn .bbsMore{background: url("/images/myjb/main/con_more.png")no-repeat left top;width: 194px;height: 60px;border-radius: 0;border: none;font-size:18px;color:#0077f3;font-family:'NpsFont';font-weight:800;text-align: center;line-height: 72px;}
}

@media all and (min-width:1400px) {
.right_con .bbsWrap>div:first-child{height:auto;}
.right_con .bbsWrap .bbsDiv{width:31%;opacity:1;margin-bottom:40px;height: auto;}    
.right_con .bbsWrap .bbsDiv:nth-of-type(2n){margin-right:20px;}
.right_con .bbsWrap .bbsDiv:nth-of-type(3n){margin-right:0;}
.right_con .m_bbs h2{padding-top:60px;}

.right_con .mphoto_bbs{padding:0 0 100px 0;display: flex;justify-content: space-between;}
.right_con .mphoto_bbs ul{display:block;overflow:hidden;max-height: 260px;}
.right_con .mphoto_bbs li{width: 48%;float:left;margin: 0 2% 20px 0;}
.right_con .mphoto_bbs li:nth-of-type(4n){margin:0;}
.right_con .mphoto_bbs .mphoto{width: 56%;position:relative;/* margin-top: 60px; */}
.right_con .mphoto_bbs .mvideo{width: 38%;position:relative;margin-top: 20px;overflow: inherit;}
.right_con .mphoto_bbs .mvideo iframe{border-radius: 20px;padding: 20px 0 20px 20px;}
.right_con .mphoto_bbs .mvideo .vd{position:relative;}
.right_con .mphoto_bbs .mvideo .vd:after{content:"";display:block;width:150%;height: 100%;position:absolute;bottom: 0;left: 0;z-index:-1;background: linear-gradient(90deg, #cde3fb 40%, transparent);border-radius: 0 20px;}
.right_con .mphoto_bbs .mvideo h2{padding: 20px 20px 5px 20px;background: #cde3fb;border-radius: 20px 20px 0 0;}
.right_con .mphoto_bbs .mvideo h2 strong{color: #0077f3;}
}

@media all and (min-width:1600px) {
.m_content .right_con .wrap{padding:0 110px;}
.right_con .checkDiv .s_check{padding: 30px 0 30px 150px;}
.right_con .checkDiv .s_check ul:before{content:"";display:block;position:absolute;left: -25px;bottom: -19px;width:200px;height:170px;background:url("/images/myjb/main/check_person.png")no-repeat;}
.right_con .checkDiv .s_check li .form_check{clear:none;}
}

@media all and (min-width:1850px) {
.right_con .checkDiv{display:flex;}
.right_con .checkDiv .s_check{float:left;width: calc(100% - 460px);}
.right_con .checkDiv .s_check input[type=checkbox] + label{margin-bottom:10px;}
.right_con .checkDiv .s_search{width: fit-content;float: right;height: 100%;}  
.right_con .bbsWrap .bbsDiv a{display: flex;flex-wrap: wrap;}
.right_con .bbsWrap .bbsDiv:hover strong{text-decoration:underline;}
.right_con .bbsWrap .bbsDiv img{width: 240px;}
.right_con .bbsWrap .bbsDiv .info{width:calc(100% - 240px);padding: 20px 20px 0 20px;}
.right_con .bbsWrap .bbsDiv .info strong{-webkit-line-clamp:3;}
}                                                                                                                                                                                                                                                          


.right_con .mphoto_bbs .info ul{height:390px;overflow:hidden;}
.right_con .mphoto_bbs .info li img{width:100%;height:390px;}

@media all and (min-width:768px) {
.right_con .mphoto_bbs .info ul{height:auto;}
.right_con .mphoto_bbs .info li{width:31%;}
.right_con .mphoto_bbs .info li img{height:auto;}
}

@media all and (min-width:1400px) {
.right_con .mphoto_bbs .mphoto{width: 40%;position:relative; }
.right_con .mphoto_bbs .info{width: 16.5%;}
.right_con .mphoto_bbs .info li{width:100%;}
.right_con .mphoto_bbs .info li img{height:250px;width:auto;}
.right_con .mphoto_bbs .info h2{}
.right_con .mphoto_bbs .info h2 strong{font-size:32px;}
}