@charset "UTF-8";

@import url("font.css");
@import url("m-mn.css");
@import url("table.css");

/* 메인컨텐츠01 */
.main-content-box01{background-color:#f4f8f9;overflow:hidden;}
.main-content-box01 .main-mini-wrap{padding:104px 0 86px;}
.main-content-box01 .main-mini-box{float:left;}
.main-content-box01 .main-mini-box01{position:relative;margin:0 90px 0 0;width:calc(45% - 45px);min-height:458px;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul:after{content:"";display:block;clear:both;}
.main-content-box01 .main-mini-box01 .mini-tab-box{padding:0 0 0 10px;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li{display:inline-block;padding:0 30px 0 0;vertical-align:middle;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li:last-of-type{padding:0;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li .mini-board-tab{display:inline-block;position:relative;z-index:10;font-size:20px;color:#666;line-height:30px;font-weight:200;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li.active .mini-board-tab{color:#115286;font-weight:500;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li.active .mini-board-tab:before{content:'';position:absolute;bottom:-4px;left:-10px;width:100%;height:4px;padding:0 10px;background-color:#f4c900;vertical-align:middle;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li .mini-board-content{left:0;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li.active .mini-board-content{display:block;}
.main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title{display:inline-block;position:relative;padding:0 10px 7px;font-weight:500;font-size:20px;color:#115286;line-height:25px;}
.main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#f4c900;}
.main-content-box01 .main-mini-box01 .mini-board-content ul li .mini-box{line-height:1;}
.main-content-box01 .main-mini-box01 .mini-board-content ul li .mini-box > a{display:inline-block;width:100%;max-width:calc(100% - 110px);font-weight:200;font-size:18px;line-height:27px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-content-box01 .main-mini-box01 .mini-board-content ul li .mini-box .mini-cate{display:inline-block;padding:0 5px 0 0;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul{padding:0 0 30px 0;border-top:1px solid #b7c2c6;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li{padding:14px 0;border-bottom:1px solid #b7c2c6;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title{display:inline-block;position:relative;max-width:calc(100% - 110px);font-weight:200;font-size:18px;line-height:23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertica-align:middle;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title:hover:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#333;}
.main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-date{float:right;padding:0 24px 0 0;font-weight:200;font-size:18px;color:#5c5c5c;line-height:23px;vertica-align:middle;}
.main-content-box01 .main-mini-box01 .btn-more{display:none;position:absolute;left:0;top:350px;font-size:17px;color:#333;line-height:24px;border:0;}
.main-content-box01 .main-mini-box01 .btn-more:after{content:'';display:inline-block;margin:0 0 0 5px;width:8px;height:13px;background:url(/jjnews/_res/img/common/btn-more-b.png) no-repeat 0 0/100%;vertical-align:middle;}
.main-content-box01 .main-mini-box01 .mini-tab-box > ul > li.active .btn-more{display:block;}
.main-content-box01 .main-mini-box01 .mini-lnk-box{position:absolute;top:85px;right:0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li{display:inline-block;padding:0 26px 0 0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li:last-of-type{padding:0;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a{display:inline-block;font-size:20px;color:#666;line-height:34px !important;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:after{content:'';display:inline-block;margin:0 0 0 10px;width:16px;height:16px;background:url(/jjnews/_res/img/common/btn-main-lnk01.png) no-repeat 0 0/100%}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:hover{color:#115286;}
.main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:hover:after{background-image:url(/jjnews/_res/img/common/btn-main-lnk01-on.png);}
.main-content-box01 .main-mini-box02{position:relative;width:calc(55% - 45px);}
.main-content-box01 .main-mini-box02 .main-news-box .owl-carousel .owl-stage-outer{position:absolute;max-width:805px;}
.main-content-box01 .main-mini-box02 .main-news-box .item{max-width:380px;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box{min-width:380px;height:280px;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a{display:block;width:100%;height:100%;overflow:hidden;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box > a:hover img{transform:scale(1.07);}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title{padding: 0 0 10px 0;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title a{display:inline-block;width:100%;font-size:17px;color:#000;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-txt a{display:inline-block;max-height:40px;font-size:15px;color:#5c5c5c;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;word-wrap:break-word;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap{position:absolute;top:0;right:0;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap:after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap a{float:left;margin:0 15px 0 0;width:55px;height:55px;border:1px solid #d7d7d7;box-sizing:border-box;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap a:last-of-type{margin:0;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap .prev{background:#fff url(/jjnews/_res/img/common/btn-main-con01-prev.gif) no-repeat 50% 50%;}
.main-content-box01 .main-mini-box02 .main-news-box .control-wrap .next{background:#fff url(/jjnews/_res/img/common/btn-main-con01-next.gif) no-repeat 50% 50%;}

@media screen and (max-width:1024px) {
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-wrap{padding:50px 10px;}
  .main-content-box01 .main-mini-box{float:none;width:100%;min-height:auto;}
  .main-content-box01 .main-mini-box01{min-height:450px !important;padding:0 0 40px 0;}
  .main-content-box01 .main-mini-box01 .btn-more{top:330px;}
  .main-content-box01 .main-mini-box02{min-height:402px;}
  .main-content-box01 .main-mini-box02 .main-news-box .owl-carousel .owl-stage-outer{max-width:3840px;}
  
}

@media screen and (max-width:768px) {  
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-wrap{padding:20px 10px;}
  .main-content-box01 .main-mini-box01{min-height:310px !important;padding:0 0 20px 0;}
  .main-content-box01 .main-mini-box01 .mini-tab-box > ul > li{padding:0px 15px 0 0;}
  .main-content-box01 .main-mini-box01 .mini-tab-box > ul > li .mini-board-tab{font-size:15px;line-height: 20px;}
  .main-content-box01 .main-mini-box01 .mini-board-content .mini-board-title{padding:0 5px 7px;font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul{padding:0 0 15px 0;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li{padding:10px 0 !important;}
  .main-content-box01 .main-mini-box01 .mini-board-content ul li .mini-box > a{font-size:14px;line-height:19px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-title{max-width:calc(100% - 110px);font-size:14px;line-height:19px;}
  .main-content-box01 .main-mini-box01 .mini-board-content > ul > li .mini-date{padding:0 10px 0 0;font-size:14px;line-height:19px;}
  .main-content-box01 .main-mini-box01 .btn-more{font-size:15px;line-height:20px;top:250px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box{top:40px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li{padding:0 15px 0 0;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a{font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a:after{width:16px;height:16px;margin:0 0 -2px 5px !important;}
  .main-content-box01 .main-mini-box02{min-height: 320px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box{height:250px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title{padding:0 0 5px 0;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-title a{font-size:15px;line-height:20px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-txt-box .mini-txt a{max-height:36px;font-size:13px;line-height:18px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap{top:-5px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap a{margin:0 10px 0 0;width:35px;height:35px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap .prev{background-size:8px;}
  .main-content-box01 .main-mini-box02 .main-news-box .control-wrap .next{background-size:8px;}

}

@media screen and (max-width:480px) {  
  
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-box02 .main-news-box .item{max-width:300px;}
  .main-content-box01 .main-mini-box02 .main-news-box .item .news-img-box{min-width:300px;}
  
  
}

@media screen and (max-width:420px) {
	
  /* 메인컨텐츠01 */
  .main-content-box01 .main-mini-box01 .mini-tab-box > ul > li{padding:0px 5px 0 0;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li{padding:0px 5px 0 0 !important;}
  .main-content-box01 .main-mini-box01 .mini-lnk-box > ul > li > a{line-height:30px !important;}
}