/* 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: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }

/*상단배너 테두리 사용할경우 라인
#line img { border:1px solid #eee; }*/

/* 상품 공통 css */
.items a {border:0 !important;}
.list_shoppingInfo {background-color:#fff !important; border:0 !important; }

/* 중앙 */
.main .swiper-container { width: 100%; }
.main .swiper-container img { width: 100%; }

.main .section {width:100%; padding:10px 0;}
.main .section img {width:100%;}

.main .tit_best {width:100%; padding:10px 0;}
.main .tit_best img {width:100%;}

.main .section1 {width:96%;margin:8px auto;text-align:center;border:1px solid #cecece;}
.main .section1 ul.tabs { margin: 0; padding: 0; float: left; height: 32px; width: 100%;font-size:11px; }
.main .section1 ul.tabs li { float: left; text-align:center; cursor: pointer; width:49.8%; height: 31px; color:#888888;line-height:31px;font-size:13px; font-weight: bold; background-color:#f2f2f2; overflow: hidden; position: relative;border-left: 1px solid #cecece;border-bottom:1px solid #cecece; }
.main .section1 ul.tabs li:first-child {border-left:0;}
.main .section1 ul.tabs li.active { background-color:#fff; border-bottom: 1px solid #fff;color:#333; }
.main .section1 .tab_container { clear: both; float: left; background:#fff;padding:10px 5px; }
.main .section1 .tab_content { display: none; }
.main .section1 .tab_container .tab_content ul { width:100%; margin:0px; padding:0px; }


.main .section2 {width:96%;margin:8px auto;text-align:center;border:1px solid #cecece;}
.main .section2 ul.tabs { margin: 0; padding: 0; float: left; height: 32px; width: 100%;font-size:11px; }
.main .section2 ul.tabs li { float: left; text-align:center; cursor: pointer; width:49.8%; height: 31px; color:#888888;line-height:31px;font-size:13px; font-weight: bold; background-color:#f2f2f2; overflow: hidden; position: relative;border-left: 1px solid #cecece;border-bottom:1px solid #cecece; }
.main .section2 ul.tabs li:first-child {border-left:0;}
.main .section2 ul.tabs li.active { background-color:#fff; border-bottom: 1px solid #fff;color:#333; }
.main .section2 .tab_container2 { clear: both; float: left; background:#fff;padding:10px 5px; }
.main .section2 .tab_content2 { /*display: none; */}
.main .section2 .tab_container2 .tab_content2 ul { width:100%; margin:0px; padding:0px; }


.main .product_title { width:50%;margin:20px auto;}
.main .product_title img {width:100%;}


/* 5번(인스타그램) */
#section5 { position:relative; margin:0px; padding:0px; font-size:0px; background-color:#fff;}
#section5 .inner_tilte_sns {font-size:15px;color:#9a9a9a; text-align:center;margin:30px auto 5px;}
#section5 .inner_tilte_sns img {height:30px;}
#section5 .inner_tilte_sns .text_follow {display:inline-block;  vertical-align:middle; margin:10px 6px 0;text-align:center; }
#section5 .inner_tilte_sns .text_follow span {color:#222;}

#section5 #instafeed { margin:0 auto; text-align:center; width:100%; }
#section5 #instafeed img { text-decoration:none; border:none; width:150px; height:150px; margin:5px; }


.main .main_prd_bg1 {width:100%;clear:both; text-align:lefe; margin:10px 0;padding:0 0 10px 0; background-position:top; background:#fafafa url("/design/treenut/mobile_catsrang/main_prd_bg1.jpg") no-repeat; background-size:contain; }
.main .main_prd_bg2 {width:100%;clear:both; text-align:center; margin:10px 0;padding:0 0 10px 0; background-position:top; background:#e7efd8 url("/design/treenut/mobile_catsrang/main_prd_bg2.jpg") no-repeat; background-size:contain; }
.main .main_prd_bg3 {width:100%;clear:both; text-align:center; margin:10px 0;padding:0 0 10px 0; background-position:top; background:#cfe1f3 url("/design/treenut/mobile_catsrang/main_prd_bg3.jpg") no-repeat; background-size:contain; }
.main .prd_list {width:96%;background-color:#fff;padding:0 0 10px 0;margin:0 auto;}
.main .prd_list .more {margin:0 auto !important;}
.main h2 {width:96%;text-align:left;margin:0 auto;vertical-align:top;padding:15px 0;}
.main h2 img {height:40px;text-align:left;}


#baking .items li {width:50%;}
#baking .items li img {width:100%;}
#baking .items .list_shoppingInfo {width:100%; padding-left:0; text-align:center;}
/* BASIC css end */