@charset "utf-8";

.lt_ch_wr {padding-top:20px;}
.lt_ch_wr li {position:relative; float:none !important; background-color:#fff; text-align:left; overflow:hidden; border-radius:14px; min-width:333px;}
.lt_ch_wr li::after {content:''; display:inline-block; width:100%; height:140px; background-color:#098bff1f; position:absolute; bottom:-2vw; right:0; transform:skew(0deg, -10deg); transition:all 0.25s;}
.lt_ch_wr .lt_wr {position:absolute; top:38px; left:30px; z-index:2;}
.lt_ch_wr .lt_cate {font-size:1em; color:#098bff1f; font-weight:600; transition:all 0.25s;}
.lt_ch_wr .lt_tit {font-size:1.3em; display:block; transition:all 0.25s;}
.lt_ch_wr li:hover .lt_tit{color:#098bff;}
.lt_ch_wr .lt_tit span {font-size:1.6em; display:inline-block; padding-right:4px;}
.lt_ch_wr .go_btn {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 88px;
    background: #098bff;
    color: #fff;
    padding: 3px 11px;
    border-radius: 50px;
}
.lt_ch_wr .go_btn span {font-size:1.1em; font-weight:500; transition:all 0.25s; padding-left:4px;}
.lt_ch_wr .go_btn img {width:16px; transition:all 0.25s; margin-top:1px; filter: invert(1);}

.lt_ch_wr .lt_img {text-align:right; padding:83px 12px 0 6.5vw; position:relative; z-index:1;}
.lt_ch_wr .lt_img img {width:100%; max-width:9.4vw; min-width:200px;}
.lt_ch_wr .lt_detail {font-size:1.1em; margin-top:6px;}
.lt_ch_wr .lt_date {display:block; color:#9f9f9f; margin-top:20px; font-weight:300}
.lt_ch_wr .lt_date .sv_member {color:#9f9f9f; font-weight:300}
.lt_ch_wr .bx-controls-direction {margin-top:20px; text-align:center;}
.lt_ch_wr .bx-prev,
.lt_ch_wr .bx-next {display:inline-block;width:50px;height:50px;text-indent:-999px;overflow:hidden;margin:2px;opacity:0.5;}
.lt_ch_wr .bx-prev {background:url('prev.png') no-repeat 50% 50% #000;}
.lt_ch_wr .bx-next {background:url('next.png') no-repeat 50% 50% #000;}
.lt_ch_wr .bx-next:hover,
.lt_ch_wr .bx-prev:hover {opacity:1}


.lt_ch_wr .bx-viewport {height:auto !important;}
.lt_ch_wr .bx-viewport ul {display:flex;}

@media (min-width:970px) {
    .lt_ch_wr li:hover::after {height:100%; transform:skew(0deg, 0deg); bottom:0;}
    .lt_ch_wr li:hover .lt_cate {}
    .lt_ch_wr li:hover .lt_tit {}
     /*.lt_ch_wr li:hover .go_btn span {color:#098bff;}
    .*/
}

@media (max-width:969px) {
    .lt_ch_wr li::after {height:100px; bottom:-30px;}
    .lt_ch_wr .lt_wr {top:26px; left:24px;}
    .lt_ch_wr .lt_cate {font-size:0.9em;}
    .lt_ch_wr .lt_tit {font-size:1.1em;}
    .lt_ch_wr .lt_tit span {font-size:1.5em;}
    .lt_ch_wr .go_btn {margin-top:8px;}
    .lt_ch_wr .go_btn span {font-size:1em;}

    .lt_ch_wr .lt_img {padding:28px 14px 0 0;}
   /* .lt_ch_wr .lt_img img {max-width:130px; min-width:auto;}*/

    .lt_ch_wr .bx-prev,
    .lt_ch_wr .bx-next {width:40px; height:40px;}
	
	.lt_ch_wr .con_tit a{font-size: 1.2em;}
}


/*분류별 색상*/
#con01 .lt_ch_wr .go_btn{background: #04c3c9;}
#con02 .lt_ch_wr .go_btn{background: #098bff;}
#con03 .lt_ch_wr .go_btn{background: #ff6098;}
#con04 .lt_ch_wr .go_btn{background: #637aff;}

#con01 .lt_ch_wr li:hover .lt_tit{color: #04c3c9;}
#con02 .lt_ch_wr li:hover .lt_tit{color: #098bff;}
#con03 .lt_ch_wr li:hover .lt_tit{color: #ff6098;}
#con04 .lt_ch_wr li:hover .lt_tit{color: #637aff;}

#con01 .lt_ch_wr li::after{background-color: #04c3c91c;}
#con02 .lt_ch_wr li::after{background-color: #098bff1f;}
#con03 .lt_ch_wr li::after{background-color: #ff609833;}
#con04 .lt_ch_wr li::after{background-color: #637aff29;}

/*분류별 색상*/