/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .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:absolute; left: 0; bottom:10px; text-align: center; width: 100%; z-index:10; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/design/ojluxury/mobile/event2x.png) no-repeat 0 50%; background-size: 100px 7px; width: 50px; height: 5px}
#event .pagination .swiper-active-switch { background-position: -50px 50%; }


/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:33.33%; float:left; position:relative;  text-align:center}
.main .topBanner .topBannerRight {width:33.33%; float:right; position:relative; text-align:center}
.main .topBanner img {width:95%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


.mtit ul { margin:10px 0 ; border-top:0px solid #000; border-bottom:0px solid #CCCCCC; ; padding:5px 0; list-style-type: none; text-align: center; }
.mtit ul li.t01 {  font-weight:bold; display:inline-block;width:50%; color:#757575; font-size:11px; line-height:15px; letter-spacing:1px  text-align: center; font-family:'Montserrat',verdana,arial ; background:#fff; padding:5px; border:3px double #f1f1f1;} 


/* 배너4개 */
.bbox01 {clear:both; width:98%; height:auto; margin:2px auto 0px; }
.bbox02 {clear:both; width:98%; height:auto; margin:0px auto 0px; }

.bbox01 .img01 {width:50%; height: auto; float:left;  padding-bottom:2px; }
.bbox01 .img02 {width:50%; height: auto; float:left; padding-bottom:2px;  }
.bbox02 .img03 {width:50%; height: auto; float:left; padding-bottom:2px; }
.bbox02 .img04 {width:50%; height: auto; float:left;  padding-bottom:2px; }

.bbox01 img {width:99%; vertical-align:top;}

.bbox02 img {width:99%; vertical-align:top;}

/* 탭 */
.jssort14 .p {    position: absolute;    width: 68px;    height: 50px;    top: 0;    left: 0;    padding: 0px;    background: #fff;}
.jssort14 .w {    cursor: pointer;    position: absolute;    WIDTH: 100%;    HEIGHT: 50px;    background-color: #c2b38f;}
.jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w {    background-color: #422e2c;}
.jssort14 .c {    width: 100%; height: 50px; position: absolute; top: 0; left: 0; line-height: 50px; text-align: center; color: #000; font-size: 12.5px; background-color: #e6e0c8;  transition: background-color .6s; -moz-transition: background-color .6s; -webkit-transition: background-color .6s; -o-transition: background-color .6s;}
.jssort14 .p:hover .c, .jssort14 .pav:hover .c, .jssort14 .pav .c {    transition: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: none;}
		.jssort14 .pav .c {    background-color: #ffab57;}
		.jssort14 .p:hover .c, .jssort14 .pav:hover .c {    background-color: #fc9835;}


.tit { font-size:11px; padding-bottom:10px;font-weight:500; letter-spacing:1pt; text-align:center; margin-top:30px; }
.line { width:50px; height:1px ; background:#E51E27; margin:0 auto 30px;}


/* BASIC css end */