/*슬라이드 공통 */ .setSlideEvent {position:relative; border:1px solid #c8c8c8; background:#fafafa; margin-bottom:8px; overflow:hidden;} .setSlideEvent ul {margin:0 auto; padding:0; overflow:hidden; list-style:none;} .setSlideEvent li {float:left; text-align:center;} .setSlideEvent li img{width:100%;} .setSlideEvent dl {margin:5px 5px; padding:0;} .setSlideEvent dt img {border:1px solid #aaa; vertical-align: middle; width: 100%;} .setSlideEvent dt img:hover {border-color:#666;} .CMN_SHOW_IMAGE_LIST .setSlideEvent li img{width:initial; height:initial; max-width:100%; text-align:center;} .CMN_SHOW_IMAGE_LIST .setSlideEvent.subject li img{width:initial; height:initial; max-height:65px; margin:0 auto;} .CMN_SHOW_IMAGE_LIST .setSlideEvent.subject li > div{border:none;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.main .LEFT_ARROW{left:1%;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.main .RIGHT_ARROW{right:1%; } .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.main .arrow{color:#5f5f5f} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.main .arrow:hover{color:#333333} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.subject .LEFT_ARROW{top:initial; left:initial;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.subject .RIGHT_ARROW{top:initial;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.subject li{margin:0;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.subject li > div{ height:100%; width:100%; vertical-align: middle; margin:0;} .SLIDE_TYPE1.CMN_SHOW_IMAGE_LIST .setSlideEvent.subject li > div img{ text-align:center; vertical-align: middle; padding:0;} /*슬라이드 버튼 공통(이미지슬라이드,배너좌우슬라이드) */ .arrow{color:#989898; z-index:999;} .arrow:hover{color:#333333} /* 배너슬라이드 type 2 */ .BANNER_TYPE2 .CONTENT{overflow:hidden} /* 상하 배너 슬라이드 */ .TOP_ARROW, .BOTTOM_ARROW{position:absolute; display:block; width:100%; height:30px; background:#fafafa; text-align:center; z-index:1;} .TOP_ARROW{top:0;} .BOTTOM_ARROW{bottom:0;} /* 메인 SLIDE TYPE1 */ .SLIDE_TYPE1 .setSlideEvent.main .LEFT_ARROW{position:absolute; top:45%; left:0%; } .SLIDE_TYPE1 .setSlideEvent.main .RIGHT_ARROW{position:absolute; top:45%; right:0%; } .SLIDE_TYPE1 .setSlideEvent.subject .LEFT_ARROW{position:absolute; top:45%; left:0%; } .SLIDE_TYPE1 .setSlideEvent.subject .RIGHT_ARROW{position:absolute; top:45%; right:0%; } /* 메인 SLIDE TYPE1 - 하단 썸네일 이미지 리스트 영역 */ .setSlideEvent.subject li {position:relative; height:65px; line-height:65px; cursor: pointer;} .setSlideEvent.subject li > div {border:1px solid #bebebe; margin:5px;} .setSlideEvent.subject li img {vertical-align:middle; height: 100%;} .setSlideEvent.subject li.actionImg2 .hover{padding-top:0; left:0;} /* 메인 SLIDE TYPE2 */ .SLIDE_TYPE2 .setSlideEvent .LEFT_ARROW{position:absolute; top:45%; left:0%; } .SLIDE_TYPE2 .setSlideEvent .RIGHT_ARROW{position:absolute; top:45%; right:0%; } /* 메인 SLIDE TYPE3 */ .SLIDE_TYPE3 .bx-wrapper{position:relative; border:1px solid #f5f5f5}