/* BASIC css start */
/* 상단 */
#gnb { background:none !important }
#gnb.fix { background:#000 !important }
#header .searchArea { background:none !important }
#header .searchArea.fix { background:#000 !important }

/* 메인이미지 */
#slides { position: relative }
#slides .slides-container { display: none }
#slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
#slides .scrollable:after { content: ""; display: table; clear: both; }
.slides-pagination { position: absolute; z-index:100; bottom:25px; left:0; width:100%; height:13px; text-align: center }
.slides-pagination a { display:inline-block; margin:0 2px; width:8px; height:8px; border-radius:100%; background:#fff; vertical-align:middle; text-indent:-9999em }
.slides-pagination a.current { width:13px; height:13px }

/* 메인 타이틀 */
.main h3 { margin:30px auto 20px; font-size:12px; text-align: center }

/* must have */
.column-have .bx-wrapper { padding:0 10%; position:relative; }
.column-have .bx-wrapper li { width:4.2% !important }
.column-have .bx-wrapper li img { width:100% }
.column-have .bx-wrapper .bx-controls-direction { margin-top:-12px; position:absolute; top:50%; left:0; width:100% }
.column-have .bx-wrapper .bx-controls-direction a { display:block; position:absolute; top:0; width:25px; height:25px; font-size:25px; color:#000; text-align:center; line-height:25px }
.column-have .bx-wrapper .bx-controls-direction a.bx-prev { left:5px }
.column-have .bx-wrapper .bx-controls-direction a.bx-next { right:5px }
/* BASIC css end */