@charset "utf-8";

.board002_kotra {box-sizing:border-box;}
.board002_kotra ul.board_wrap {position:relative;width: 100%;height: 100%;}
.board002_kotra ul.board_wrap > li {width:auto;float:left;max-width:33%;}
.board002_kotra ul.board_wrap > li.active {}
.board002_kotra ul.board_wrap > li + li .board_name {position:relative; margin-left:60px;}
.board002_kotra ul.board_wrap > li + li:after {content:'';position:absolute;top: 7px;left: 114px;width:1px;height:23px;background:#999;}

.board002_kotra ul.board_wrap > li .tit {display: inline-block;width: 100%;}
.board002_kotra ul.board_wrap > li .tit a.board_name {position:relative;float: left;width: auto;/* padding-top: 11px; */text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 24px;color: #838383;letter-spacing: -1px;vertical-align: top;box-sizing: border-box;font-weight: 500;}
.board002_kotra ul.board_wrap > li.active .tit a.board_name {padding-bottom: 10px;border-bottom: 4px solid #014a97;z-index: 1;color: #014a97;font-weight: 600;}
.board002_kotra ul.board_wrap > li:last-child .tit a.board_name:after {display:none;}

.board002_kotra ul.board_wrap li div ul {position:absolute;display:none;}
.board002_kotra ul.board_wrap > li div .contTxt {display:none;top: 49px;left:0;width:100%;box-sizing:border-box;padding: 14px 0;border-top: 1px solid #d5d7d9;border-bottom: 1px solid #d5d7d9;}
.board002_kotra ul.board_wrap > li.active div .contTxt {display: block;}

.board002_kotra ul.board_wrap > li .more_box {display:none;}
.board002_kotra ul.board_wrap > li.active .more_box {display:inline; position:absolute;top:0; right:0;}
.board002_kotra ul.board_wrap > li .more_box a {display:inline-block;color:#004a98;}
.board002_kotra ul.board_wrap > li .more_box a .fa-plus-circle {font-size:20px; /*color:#004a98;*/ vertical-align: middle;}

.board002_kotra ul.board_wrap .contTxt li {position: relative;padding-left: 25px;}
.board002_kotra ul.board_wrap .contTxt li:before {content:"";width: 5px;height: 5px;display:inline-block;background: #004a98;border-radius: 100%;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.board002_kotra ul.board_wrap .contTxt li a {width: calc(100% - 20px); display: flex;align-items: center;justify-content: space-between; padding: 5px 20px 5px 0;}
.board002_kotra ul.board_wrap .contTxt li a:hover {font-weight:600;}
.board002_kotra ul.board_wrap .contTxt li a p.tit {display: block;width: calc(100% - 110px);box-sizing: border-box;font-size: 16px;color: #666;letter-spacing: -0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color 0.5s;-webkit-transition:color 0.5s;}
.board002_kotra ul.board_wrap .contTxt li a span.date {color: #999;font-size: 16px;letter-spacing: -0.5px;}
.board002_kotra ul.board_wrap li div .contTxt li.no_data p.tit {font-size:16px; line-height:30px; padding:5px 0;}

.layout_height_H .board002_kotra {height:350px;}
.layout_height_M .board002_kotra {height:250px;}
.layout_height_L .board002_kotra {height:150px;}


/* layout setting */
.layout_height_H .board002_kotra ul.board_wrap .contTxt li a {padding: 8px 0;}
.layout_height_H .board002_kotra ul.board_wrap > li div .contTxt {padding: 29px 0;}

.layout_height_M .board002_kotra ul.board_wrap > li.active div ul li:nth-child(5) ~ li {display:none;}
.layout_height_M .board002_kotra ul.board_wrap .contTxt li a {padding: 5px 20px 5px 0;}


.layout_height_L .board002_kotra ul.board_wrap > li.active div ul li:nth-child(2) ~ li {display:none; background:red;}
.layout_height_L .board002_kotra ul.board_wrap .contTxt li a {padding: 3px 20px 3px 0;}
.layout_height_L .board002_kotra ul.board_wrap > li div .contTxt {padding: 19px 0;}


	@media (min-width:800px){

	}

	@media (max-width:799px){
		.layout_height_H .board002_kotra {height:350px;}
		.layout_height_M .board002_kotra {height:250px;}
		.layout_height_L .board002_kotra {height:150px;}
		
		/* .board002_kotra {padding: 0 20px;} */
	}
	@media (max-width:599px){
		.board002_kotra ul.board_wrap ul li a p.tit {font-size:15px;}
		.board002_kotra ul.board_wrap ul li a span.date {overflow:hidden;}
        
	}