/* BASIC css start */
#blk_scroll_wings {top:200px !important; }
.wings_fixed {position:fixed !important; padding-top:30px !important;}

#mfooter {margin-top:0px !important;}
#contentWrap {width:100% !important;}
#content {width:100% !important;}

.main_title  {padding-top:65px; padding-bottom:40px; text-align:center;margin:0 auto;}
.main_title2  {padding-top:40px; padding-bottom:20px; text-align:center;margin:0 auto;}
https://premium175.makeshop.co.kr/makeshop/newmanager/neodesign_design_edit.html?dgnset_id=561&page_type=main&design_id=1#edit_js

.top_comm_menu {display:none;}


/* 메인 */
#main .section {border:1px solid #e9e9e9; border-top:0px; width:1198px; margin:0 auto; height:423px;}
#main .section2_2 {border:1px solid #e9e9e9;}


/* 메인이미지 */

.sliderkit {display:none;position:relative;overflow:hidden;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}


.contentslider-std {width:1198px;height:423px;padding:0px;margin:0px auto;float:left;}
.contentslider-std .sliderkit-panels {width:1198px;height:423px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-panel {width:1198px;height:423px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-go-btn{position:absolute;top:10px;z-index:10;}
.contentslider-std .sliderkit-go-prev{left:30px;}
.contentslider-std .sliderkit-go-next{right:46px;}
.contentslider-std .sliderkit-go-btn a{}
.contentslider-std .sliderkit-go-prev a{position:absolute; width:16px;height:27px;cursor:pointer;background:url("/design/treenut/0693catsrang/main_arrow_left.png") no-repeat; margin-top:200px;}
.contentslider-std .sliderkit-go-prev a:hover {position: absolute; width: 46px; height: 48px; top: -11px; left: -14px; background: url(/design/treenut/0693catsrang/main_arrow_left_hover.png);}
.contentslider-std .sliderkit-go-next a{position:absolute; width:16px;height:27px;cursor:pointer;background:url("/design/treenut/0693catsrang/main_arrow_right.png") no-repeat; margin-top:200px;}
.contentslider-std .sliderkit-go-next a:hover {position: absolute; width: 46px; height: 48px; top: -11px; right: -30px; background: url(/design/treenut/0693catsrang/main_arrow_right_hover.png);}

.contentslider-std .sliderkit-go-btn span{display:none;}


/* 상품리스트 (메인 탭,롤링상품 리스트) */
.left_ban {width:301px; height:484px; float:left;}
.section2_2 {width:1200px; margin:0 auto 50px; min-height:484px;}
.section2_2 .prd-list2 {margin:0px auto;}
.section2_2 .prd-list2 table td { border: 0; vertical-align:top;}
.section2_2 .prd-list2 table .tb-center2 { width:100%;margin:0 auto; padding:0;text-align:center; /*border:1px solid #dedede;*/ }
.section2_2 .prd-list2 table .tb-center2:hover {/*border:1px solid #999;*/}
.section2_2 .prd-list2 table .info { width: 250px;padding:0px 15px 15px 15px;text-align:left;background-color:#fff; }
.section2_2 .prd-list2 .thumb { width: 250px;height:100%;margin:15px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border:1px solid #dedede; }
.section2_2 .prd-list2 .thumb a,
.section2_2 .prd-list2 .thumb img { display: block; width: 100%; height: 100%;}
.section2_2 .prd-list2 .dsc { margin-top:20px; font-weight:normal;padding-bottom:3px; color:#222; }
.section2_2 .prd-list2 .subname { margin-top:7px;  font-weight: normal; font-size:11px;color:#888;}
.section2_2 .prd-list2 .consumer { margin-top:7px; color:#888;font-size:12px; text-decoration:line-through;}
.section2_2 .prd-list2 .price { margin-top:7px; font-weight: bold; color:#333;font-size:15px; }
.section2_2 .prd-list2 .icon { margin-top:5px; }
.section2_2 .prd-list2 .icon img {padding-right:2px;}
.section2_2 .prd-list2 .closeup { margin-top:7px; }

.contentslider-tab { width:898px; text-align:center; float:left;border-left:1px solid #e9e9e9; min-height:484px; }
.contentslider-tab .sliderkit-nav { position:relative; width:100%;  }
.contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;width:100%; }
.contentslider-tab .sliderkit-nav-clip li { display:block; padding:0px; margin:0px; width:300px; height:45px; list-style:none; float:left; }
.contentslider-tab .sliderkit-nav-clip li:first-child {width:298px;}
.contentslider-tab .sliderkit-nav-clip li a { cursor:pointer; height:44px; color:#555; font-family:돋움;font-size:14px;  background-color:#fafafa; display:block; line-height:45px; border:1px solid #e9e9e9; border-top:0;border-right:0; }
.contentslider-tab .sliderkit-nav-clip li:first-child a {border-left:0;}
.contentslider-tab .sliderkit-nav-clip li a:hover { color:#333;display:block; font-weight:bold;}
.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a {color:#333; background-color:#fff; font-weight:bold; height:45px; border-bottom:1px solid #fff;}
.contentslider-tab .sliderkit-panels {width:858px;margin:0 auto;  font-size:0px;}
.contentslider-tab .sliderkit-panel {position:relative !important; margin-top:55px; }

/*배너에 테두리 넣을때 사용
.banEvent img { border:1px solid #eee; }*/


/* 상품리스트 (베이킹 상품)  */
.prd-list3 {margin:0px auto; width:1200px; height:434px; border-right:1px solid #e9e9e9; margin-top:20px;}
.prd-list3 table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;}
.prd-list3 table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list3 table .info { width: 250px;padding:0px;text-align:center;background-color:#fff;display:inline-block; }
.prd-list3 .thumb { width: 250px;height:100%;font-size:0; line-height: 0; border:1px solid #fff; margin-left:24px; }
.prd-list3 .thumb:hover {border:1px solid #999;}
.prd-list3 .thumb a,
.prd-list3 .thumb img { display: block; width: 100%; height: 100%;}
.prd-list3 .dsc { margin-top:15px;font-weight:normal;font-size:12px;padding-bottom:3px; color:#222; }
.prd-list3 .subname { margin-top:7px;  font-weight: normal; font-size:11px;color:#888;}
.prd-list3 .consumer { margin-top:7px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list3 .price { margin-top:7px; font-weight: bold; color:#333;font-size:12px; }
.prd-list3 .icon { margin-top:5px; }
.prd-list3 .icon img {padding-right:2px;}
.prd-list3 .closeup { margin-top:7px; }

.best-item {position:relative;}
.best-item .prd-list {margin:0px auto;}
.best-item .tb-center {border:1px solid #dedede; min-height:410px; border-right:0;} /* 기존 min-height:388px; */
.best-item .prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;border-left:1px solid #dedede;}
.best-item .prd-list table .info { width: 250px;padding:0px;text-align:center;background:none; }
.best-item .sub_best_title {position:absolute;top:38px;left:32px;border:0 !important;}


/*메인롤링 하단 4구좌(스토리4)*/

#main .section2 {width:1200px; margin:0 auto;}
#main .section2 .history_title {padding:30px 0 25px;}
#main .bans {margin-bottom:70px; padding:0 10px;}
#main .bans ul {font-size:0; letter-spacing:0;}
#main .bans ul li {display:inline-block;position:relative; width:25%; background:url('/design/treenut/0693catsrang/ban_line.gif') no-repeat 0 0; text-align:center; cursor:pointer; **zoom:1;}
#main .bans ul li:first-child {background:none;}
#main .bans .img_mover li .hideimg {display:none; position:absolute; top:0; left:50%; margin:0 0 0 -104px;}
#main .bans ul li h4 {padding-top:20px; color:#222; font-size:14px; font-weight:700; font-family:dotum; letter-spacing:normal;}
#main .bans ul li .subTxt {padding-top:13px; color:#666; font-size:12px; font-weight:400; font-family:dotum; letter-spacing:normal;}
#main .banEvent {width:1200px; margin:0 auto 45px;}


.baking {height:550px;}
.tit_add2 {width:1200px; margin:0 auto;}


.text_area {width:1200px; margin:0 auto; padding:70px 0 30px 0; clear:both;}
.text_area .inner_tilte_sns {padding-top:10px;font-size:20px;color:#444; width:1200px; text-align:center;}
.text_area .inner_tilte_sns div {display:inline-block;  vertical-align:middle; margin:0 6px; font-family:"Nanum Gothic", sans-serif;}
.text_area .inner_tilte_sns div:first-child + div {font-family:"Vani",  sans-serif;  padding-top:0;}
.text_area .inner_tilte_sns div img {padding-right:20px;}
.text_area .inner_tilte_sns div span {color:#444;}

#main .section3 {margin-top:30px; padding-bottom:0px;} 
#main .section3 .main_list {width:1200px;margin:0 auto; height:350px;}

/* 5번(인스타그램) */
#section5 { position:relative; margin:0px; padding:0px; font-size:0px; background-color:#fff !important;}
#section5 .text_ban_area { #000; position:absolute;  z-index: 4; margin:0 auto; text-align:center; width:1200px;left:50%; top:50%; margin-left:-600px;  margin-top:-100px;}
#section5 .main01_inner_tilte {font-size:95px; line-height:95px; color:#444; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:700; letter-spacing:30px; display:block;}
#section5 .main01_inner_text {padding-top:11px;}

#section5 #instafeed img { text-decoration:none; border:none; width:190px; height:190px; /*margin:15px;*/ }
#section5 #instafeed a { border:1px solid #fff;display:inline-block;}
#section5 #instafeed a:hover { /*border:1px solid #d3d3d3; */ filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }

/* 인스타그램 이벤트  롤링 */
#main .section_bg {width:100%; height:300px; background:url('/design/treenut/0693catsrang/sub/rolling_main.jpg') repeat-x;background-attachment:fixed; background-size:cover;}
#main .section_bg a {display:block; text-align:center; color:#fff; font-size:50px; line-height:200px; font-family:Myriad Web,Arial, tahoma, verdana, dotum,sans-serif;}
#main .section_bg a:hover {text-decoration: none;}


#main .section4 { width:1196px; margin:0 auto; text-align:center; border:1px solid #e9e9e9; height:439px;}
#main .section4 #bt_ban1 {border-right:1px solid #e9e9e9;}
#main .section4 .bt_ban {float:left;}
#main .section4 .bt_ban2 {float:left;}
#main .section4 .bt_ban2 .btw_line {border-bottom:1px solid #e9e9e9;}

.main_rolling { width:299px;float:left;padding-top:20px;overflow:visible; min-height:383px;}
.roll_tit {padding-bottom:20px;}
.main_rolling .sliderkit-nav {left:0;width:299px;padding:0px;position:relative;text-align:center;}
.main_rolling .sliderkit-nav-clip ul li {float:left; margin:0px;padding:0px 9px 20px;line-height: normal; background:none;}
.main_rolling .sliderkit-nav-clip ul li a {display:block; margin:0px;padding:0;color:#555; background:none;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn{position:absolute; top:0px;height:0px;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn a{display:block;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev {left:10px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next {right:20px;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev a{ position:absolute;width:10px;height:16px;cursor:pointer;background:url("/design/treenut/0693catsrang/arrow_left_off.png") no-repeat; margin-top:110px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next a{position:absolute; width:10px;height:16px;cursor:pointer;background:url("/design/treenut/0693catsrang/arrow_right_off.png") no-repeat; margin-top:110px;}
.main_rolling .sliderkit-nav-clip ul li a img {width:230px;}
.main_rolling .sliderkit-nav-clip ul li .thumb { width:230px;margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border:1px solid #dedede; }
.main_rolling .sliderkit-nav-clip ul li .thumb:hover { border:1px solid #999;}
.main_rolling .sliderkit-nav-clip ul li .dsc { margin:20px auto 0;color:#222;font-size:12px;width:230px; text-align:center;}
.main_rolling .sliderkit-nav-clip ul li .subname {margin:10px auto 0;width:230px; font-weight: normal; font-size:11px;color:#888; text-align:center;}
.main_rolling .sliderkit-nav-clip ul li .price { margin-top:10px;color:#222;font-size:15px;  text-align:center; font-weight:bold;}
.main_rolling .sliderkit-nav-clip ul li .icon { margin-top:5px; }
.main_rolling .sliderkit-nav-clip ul li .icon img {padding-right:2px;}
/* BASIC css end */