/* BASIC css start */
/* ¸ÞÀÎ »ó´Ü¹è³Ê */
#maintop_tab_banner {clear:both; width:100%; background:#454545; overflow:hidden;}

.cycle-slideshow { 
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d;  
}
.cycle-slideshow img{max-width:100%;}



/* Áß¾Ó¹è³Ê */
.middleBanner { clear:both; margin:2px auto; height:auto; overflow:hidden; text-align:center; }
.middleBanner ul { clear:both; margin:0 2px; }
.middleBanner li { float:left; width:50%; box-sizing:border-box; }
.middleBanner li a { display:block; margin:2px; }
.middleBanner li a img { width:100%; height:auto; }


/* °øÁö ¹Ú½º */

#banner_box { clear:both; margin:40px 4px; border:1px solid #ddd; }
#banner_box * {font-size:12px;}
#banner_box .main_noti { width:100%; height:auto; margin:0 auto; text-align:left;  }
#banner_box .main_noti .noti_tit { width:90%; margin:0 auto; padding:25px 0 13px; font-size:11px; color:#222; letter-spacing:1px; border-bottom:1px solid #ddd; }
#banner_box .main_noti .noti_tit span { float:right; color:#888; font-size:9px; letter-spacing:0.05em; }
#banner_box .main_noti .noti_list { clear:both; width:90%; margin:0 auto; padding:10px 0; }
#banner_box .main_noti .noti_list ul { width:100%; }
#banner_box .main_noti .noti_list li { border:none; font-size:11px; color:#888; line-height:24px; }
#banner_box .main_noti .noti_list li a { color:#222; }

#banner_box .event_txt { clear:both; width:90%; margin:0 auto; padding:25px 0; border-top:1px solid #ddd; text-align:center; }
#banner_box .event_txt ul { display:inline; font-size:0; line-height:0; }
#banner_box .event_txt li { display:inline-block; *display:inline; *zoom:1; }
#banner_box .event_txt li.line { margin:0 6.5%; width:1px; height:30px; background:#ddd; }
#banner_box .event_txt li a { display:inline-block; font-size:12px; line-height:20px; color:#888; letter-spacing:0.05em; }
#banner_box .event_txt li a b { font-size:14px; font-family:'Lato'; color:#222; }


/* ÅÇÈ­¸é */
#tab_box { position:relative; }

/* ÅÇÈ­¸é ¹öÆ° */
#tab_box .tabs { clear:both; width:auto; height:35px; text-align:center; font-size:0; line-height:0; /*padding:0 12px;*/ }
#tab_box .tabs li { /*display:table-cell;*/ display:inline-block; *display:inline; *zoom:1; width:25%; height:35px; text-align:center; box-sizing:border-box; border:1px solid #ddd; border-right:0; }
#tab_box .tabs li:first-child { margin-left:0; }
#tab_box .tabs .tit { display:block; line-height:35px; font-size:11px; letter-spacing:0.05em; color:#333; background-color:#eee; cursor:pointer; /*border-radius:10px;*/ }
#tab_box .tabs li.active .tit { color:#fff; background-color:#333; }
#tab_box .tabs li strong { font-weight:normal !important; }

/* ÅÇÈ­¸é ÄÁÅÙÃ÷ */
#tab_box .main_tab_container { clear:both; float:left; width:100%; height:auto; overflow:hidden; }
#tab_box .main_tab_container .main_tab_content { display:none; }

/* ÅÇ »óÇ°Á¤º¸ */
#tab_box:after{content:""; display:block; clear:both;}
#tab_box .list_shopping3x .items{font-size:0; line-height:0; letter-spacing:0; width:auto; margin:3px; padding:0;}
#tab_box .list_shopping3x .items:after{content:""; display:block; clear:both;}

#tab_box .list_shopping3x .items li:nth-child(1){width:66.6%; overflow:hidden; float:left; position:relative;}
#tab_box .list_shopping3x .items li:nth-child(1):after{content:""; width:100%; background:#fff; height:3px; position:absolute; bottom:0; left:0;}
#tab_box .list_shopping3x .items .right_box{float:right; width:33.33%;}
#tab_box .list_shopping3x .items .right_box li{width:100%;}
#tab_box .list_shopping3x .items .right_box li:after{background:transparent;}

#tab_box .list_shopping3x .items li{width:33.33%; padding:3px; line-height:18px; font-size:11px; box-sizing:border-box;}
#tab_box .list_shopping3x .items li a{padding:0px; position:relative; height:100%;}
#tab_box .list_shopping3x .items li a .list_shoppingInfo{position:absolute; bottom:0; left:0; width:100%; padding:10px; box-sizing:border-box; background:rgba(0,0,0,0.3); color:#fff;}
#tab_box .list_shopping3x .items li a .list_shoppingInfo p{color:#fff !important; padding:0; margin:0; border:0; text-align:center;}
#tab_box .list_shopping3x .items li a .list_shoppingInfo p.listsubname,
#tab_box .list_shopping3x .items li a .list_shoppingInfo p.listConsumer,
#tab_box .list_shopping3x .items li a .list_shoppingInfo p.listicon{display:none;}




/* ¸ÞÀÎ Áß¾Ó ¹è³Ê */
.middle_banner { clear:both; width:100%; margin:0 auto; position:relative;padding: 30px 0; background: #eee; }
.middle_banner img { max-width:100%; height:auto; }
.middle_banner .thum { width:100% !important; }
.middle_banner h2 { position: absolute; top: 70px; left: 28px; z-index: 12;
line-height: 30px; font-size: 20px; text-align: left; color: #2e2f34; }
.middle_banner .bxslider li p { width: 100%; margin-top: 15px; line-height: 15px; font-size: 11px; color: #2e2f34; text-align: left !important;     letter-spacing: 0.8px !important;}

/*¹Ìµé¹è³Ê bxslider*/
.middle_banner .bx-wrapper{padding:0 52px;}
.middle_banner .bx-wrapper .bx-controls-direction a { position: absolute;top: 150px;margin-top: -22px;outline: 0;width: 60px;height: 12px;text-indent: -9999px;z-index: 99; background-size: 100% 100%; }
.middle_banner .bx-wrapper .bx-prev { left: 21px; background: url("/design/jewly0006/onedesign/mobile/images/btn_slide_01.png") no-repeat 0 0; display: block; }
.middle_banner .bx-wrapper .bx-next { left: 101px; background: url("/design/jewly0006/onedesign/mobile/images/btn_slide_02.png") no-repeat 0 0; display: block; }
.middle_banner .bx-wrapper .bx-next:hover,.middle_banner .bx-wrapper .bx-prev:hover { background-position: 0; opacity:0.7;}
.middle_banner .bx-wrapper .bx-viewport {background:none !important;}


.middle_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {width:0 !important; }






/* array */
.array_select{padding:0px 0px 30px; font-size:0; line-height:0; letter-spacing:0; text-align:center;}
.array_select a{display:inline-block; width:16px; height:16px; margin:0 7px; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.array_select a.array_1{background-image: url('/design/jewly0006/onedesign/mobile/images/array_1.png')}
.array_select a.array_2{background-image: url('/design/jewly0006/onedesign/mobile/images/array_2.png')}
.array_select a.array_3{background-image: url('/design/jewly0006/onedesign/mobile/images/array_3.png')}
.array_select a.array_1.on{background-image: url('/design/jewly0006/onedesign/mobile/images/array_1_on.png')}
.array_select a.array_2.on{background-image: url('/design/jewly0006/onedesign/mobile/images/array_2_on.png')}
.array_select a.array_3.on{background-image: url('/design/jewly0006/onedesign/mobile/images/array_3_on.png')}
/* BASIC css end */

