/* BASIC css start */
/* 롤링배너 */
#event {position:relative;}
#event .MS_img-wrap {position:relative; width:100%; overflow:hidden;}
#event .MS_img-wrap .event-imgs {position:relative;}
#event .MS_img-area {float:left;}
#event .MS_img-area:not(:first-child) {display:none;}
#event .MS_img-area img {width:100%;}
#event .pagination {position:relative; width:100%; margin-top:10px; text-align:center; font-size:0; line-height:0;}
#event .pagination .swiper-pagination-switch {display:inline-block; width:15px; height:5px; margin:0 4px; background:#bcbcbc;}
#event .pagination .swiper-active-switch {background:#4d4d4d;}
/* //롤링배너 */
.main h3 {font-size:1.125em; margin:30px 0 20px; text-align:center;}
.main h3 span {display:inline-block; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.main .main_category { position:relative; border-top:1px solid #ddd; z-index:10 }
.main .list_category { position:relative; z-index:10; *zoom:1 }
.main .list_category:after { display:block; clear:both; content:'' }
.main .list_category > li { margin-top:-1px; position:relative; float:left; width:33.33%; height:32px; border:1px solid #ddd; border-left:none; box-sizing:border-box; -moz-box-sizing:border-box;}
.main .list_category > li:nth-child(3),
.main .list_category > li:nth-child(6) {border-right:0px none;}
.main .list_category > li > a {display:block; position:relative; height:31px; line-height:31px; color:#777; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; font-weight:bold; }
.main .list_category > li > a > i { display:none; margin-left:-6px; position:absolute; bottom:-4px; left:50%; color:#8d8d8d; }

.main .main_category ul.depth { display:none; margin-top:-1px; width:100%; height:31px; text-align:center; background:#8d8d8d; z-index:10 }
.main .main_category ul.depth > li { display:inline-block; padding:0 10px }
.main .main_category ul.depth > li > a { display:block; position:relative; height:31px; line-height:31px; color:#fff; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; font-weight:bold; }

/*
.main .list_category > li > ul.depth { display:none; position:absolute; top:32px; left:0; width:100%; height:31px; text-align:center; background:#ddd; z-index:10; overflow:hidden }
.main .list_category > li > ul.depth > li { display:inline-block; padding:0 10px }
.main .list_category > li > ul.depth > li > a { display:block; position:relative; height:32px; line-height:32px; color:#777; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden; font-weight:bold; }

.main .list_category > li > ul.depth2 { margin-left:-200% }
*/

.main .btn_moreGray {display: block; position: relative; width: 100%; height: 35px; border: 0 none; background: #222; color: #fff;}
.main .more {padding: 0 5px;}
.main .more .btn_moreGray .fa {font-size: 1.5em; font-weight: bold; color: #fff; vertical-align: middle;}
/* BASIC css end */

