@charset "utf-8";
/* 새글 스킨 (latest) */

.case_list_wrap { position:relative; display:inline-block; width:100%; border-top:1px solid #ddd; }
.case_list_wrap #slider { width:100%; height:400px; overflow:hidden; position:relative; border:none; margin:0;}
.case_list_wrap .img { height:400px; padding:50px; transition:0.5s; cursor:pointer; }
.case_list_wrap .img .txt { position:relative; top:110px; left:50px; width:1090px; background:url(../../../img/icon_note.png) no-repeat left top; padding-top:90px;  }
.case_list_wrap .img .txt p { padding:20px; font-size:18px; color:#121212; line-height:1.8em; height:7.5em; overflow:hidden; background:#fff; text-align:right;}

.case_list_wrap .cate01 { background:url(../../../img/case01.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}
.case_list_wrap .cate02 { background:url(../../../img/case02.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}
.case_list_wrap .cate03 { background:url(../../../img/case03.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}
.case_list_wrap .cate04 { background:url(../../../img/case04.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}
.case_list_wrap .cate05 { background:url(../../../img/case05.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}
.case_list_wrap .cate06 { background:url(../../../img/case06.png) no-repeat; transition:0.5s; background-size:cover; background-position:50%;}

.case_list_wrap #carousel { width:100%; height:152px; border:none; margin:10px 0 0; border:1px solid #ddd; border-radius:0px;}
.case_list_wrap #carousel li { width:240px!important; height:150px; padding:25px 20px; background:#fff; cursor:pointer;}
.case_list_wrap #carousel li .tit { }
.case_list_wrap #carousel li .tit h1 { font-size:17px; line-height:1.2em; height:3.6em;}
.case_list_wrap #carousel li.flex-active-slide { background:url(../../../img/icon_arrow02.png) no-repeat 180px 100px #287be4; position:relative; }
.case_list_wrap #carousel li.flex-active-slide .tit  { }
.case_list_wrap #carousel li.flex-active-slide .tit h1 {color:#fff; text-align:left; }


.case_list_wrap #carousel .flex-direction-nav { position:absolute; width:100%; top:80px;}
.case_list_wrap #carousel .flex-direction-nav li { width:100%!important; padding:0; position:relative; height:0!important;}