/* BASIC css start */
.main #header { top:40px; }

/* 상단 문구 */
.maintopTxt { clear:both; width:100%; background:#282828; height:34px; text-align:center; }
.maintopTxt div { }
.maintopTxt a { display:block; line-height:34px; color:#fff; font-size:10px; text-transform:uppercase; cursor:pointer; }

/* 메인 이미지 연동 배너 */
#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 !important; bottom:15px; z-index:10; text-align:center; width:100%; cursor:pointer;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 4px; text-indent: -9999px; background: url(/design/comether/onedesign/mobile/images/btn_mainimg_off.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px; }
#event .pagination .swiper-active-switch { background: url(/design/comether/onedesign/mobile/images/btn_mainimg_on.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px;}

/* 배너박스 */
.borderBox { -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }

#main_middle_banner { clear:both; width:100%; height:220px; margin:0 auto; }
#main_middle_banner #banner01 { background:url(/design/comether/onedesign/mobile/images/mainbanner_01.jpg) 0 0 no-repeat; background-size:cover; background-position:50% 50%; }
#main_middle_banner #banner02 { background:url(/design/comether/onedesign/mobile/images/mainbanner_02.jpg) 0 0 no-repeat; background-size:cover; background-position:50% 50%; }
#bannerWrap { position:relative; display:block; width:100%; height:220px; }
#bannerWrap .txtBox { position:absolute; top:0; left:0; width:100%; height:auto; margin:0 auto; }
#bannerWrap .txtBox > div { display:table !important; text-align:center; width:70%; height:130px; margin:43px auto 0; background:#fff; padding:2px; }
#bannerWrap .txtBox div > div {
	border:1px solid #222; 
	padding:20px 0;
	display:table-cell !important;
	vertical-align:middle;
	text-align:center;
	color:#222;
	font-size:11px;
	letter-spacing:0.05em; 
	line-height:22px; 
}

#bannerWrap .txtBox div > div h2 { font-family:'Georgia', Sans-serif; font-size:12px; font-weight:normal; margin:0 0 5px; color:#7a7575; }
#bannerWrap .txtBox div > div p { font-size:9px; text-transform:uppercase;}
#bannerWrap .txtBox div > div p.button { font-size:10px; font-weight:bold; text-decoration:underline; margin:5px 0 0; }

#bannerWrap .txtBoxblack > div { background:#222; }
#bannerWrap .txtBoxblack > div > div { border:1px solid #e6e6e6; color:#e3e3e3; }
#bannerWrap .txtBoxblack div > div h2 { color:#e3e3e3; }

/* 탭 상품 박스 */
#main_tab { clear:both; height:auto; overflow:hidden; margin:40px auto; }
#main_tab h2 { text-align:center; font-size:18px; color:222; font-weight:700; letter-spacing:0.02em; vertical-align:top; margin:0 0 15px; }

/* 탭메뉴 */
#tab_bigbox { clear:both; width:100%; height:auto; margin:0 auto; }
#tab_bigbox ul.tabs { clear:both; text-align:center; padding:0 10px; height:20px; border:0; font-size:11px; }
#tab_bigbox ul.tabs li { position:relative; display:inline-block; text-align:center; cursor:pointer; line-height:20px; font-size:11px; letter-spacing:0.05em; color:#a3a3a3; margin:0 7px; }
#tab_bigbox ul.tabs li.active { color:#222; text-decoration:underline; }

/* 탭내용 */
.tabbox { clear:both; margin:20px auto 0; }
.tabbox .tab_content { }
.tabbox .tab_content ul { width:100%; margin:0px; }
.tabbox .tab_content ul li { list-style-type:none; list-style-type:none; display:inline-block; *display:inline; *zoom:1; }
/* //탭 상품 박스 */







/* BASIC css end */