/* BASIC css start */
#main { position: relative; }
div.visual-banner { zoom: 1; overflow: hidden; margin:0 auto; width:990px;}
div.visual-banner:after {content:''; display:block; clear:both;}

div.item-container {margin-top:40px;}
div.item-container h1 { border-bottom:0px #333 solid; text-align:center; padding:30px 0;}
div.item-container div.navArea {padding-top:5px;}
div.item-container div.navArea ul {display: block; width: 100%;}
div.item-container div.navArea ul:after {content:''; display:block; clear:both;}
div.item-container div.navArea ul li {float:left; margin-left:4px;}
div.item-container div.navArea ul li.first {margin-left:0;}
div.item-container div.navArea ul li a {display: block; width:491px; color:#777; font-size:16px; line-height:17px; padding:15px 0; font-weight:bold; border:1px #DDD solid; text-align:center;}
div.item-container div.navArea ul li.chare a { }
div.item-container div.navArea ul li a.active {width:487px; color:#f65c50; padding:13px 0; border:3px #38332f solid;}

/* 모빌리 슬라이더 */
div.mobily-slider {position:relative; z-index:1; width:988px; height:420px; border:1px #AAA solid; overflow:hidden;}
div.mobily-slider .sliderContent {position:relative; height:420px;}
div.mobily-slider .sliderContent img {width:990px; height:420px;}
div.mobily-slider .sliderArrows a {display:block; text-indent:-9999px; z-index:90; width:51px; height:100px; overflow:hidden; position:absolute; top:50%; margin-top:-50px;}
div.mobily-slider .prev {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_prevOn.png); left:20px;}
div.mobily-slider .prev:hover {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_prevOn.png);}
div.mobily-slider .next {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_nextOn.png);right:20px;}
div.mobily-slider .next:hover {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_nextOn.png);}
div.mobily-slider .sliderContent .item {position:absolute; width:990px; height:420px;background:#fff;}
div.mobily-slider .sliderBullets {width:100%; position:absolute; bottom:8px; z-index:90; text-align:center;}/* 참고 (버튼위치 변경시 text-align으로 조정)*/
div.mobily-slider .sliderBullets a {display:inline-block; *display:inline; zoom:1; margin:0 3px; line-height:12px; width:235px; padding:10px 0 12px; background:#38332f; color:#FFF;}
div.mobily-slider .sliderBullets .active {background:#f65c50; color:#FFF;}

div.ch-bnr {width:990px; margin:0 auto 30px;}
div.ch-bnr ul {display:block; width:100%;}
div.ch-bnr ul:after {content:''; display:block; clear:both;}
div.ch-bnr ul li {float:left; }
div.ch-bnr ul li.first {margin-left:0;}
div.ch-bnr ul li:hover { }


div.specialBnr {margin-top:50px; display:none;}
div.specialBnr ul {display:block;}
div.specialBnr ul.first {border-top:0;}
div.specialBnr ul:after {content:''; display:block; clear:both;}
div.specialBnr ul li {float:left; width:33.333333333333333333%; height:280px; overflow:hidden; position:relative; z-index:1;}
div.specialBnr ul li.first {border:0;}
div.specialBnr ul li.eneom a { display:block; height:280px;}
div.specialBnr ul li.eneom a div.divBg { position:absolute; top:0; left:0; z-index:1; background-color:#000; width:330px; height:280px; filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; -o-opacity:0.60;}
div.specialBnr ul li.eneom a span {display:block; text-align:center; position:absolute; top:50%; left:0; width:330px; margin-top:-30px; z-index:2; color:#FFF; font-size:10pt;}
div.specialBnr ul li.eneom a span strong {display:block; font-size:15pt; letter-spacing:-1px;}

/* 공지사항 영역 */
div.specialBnr ul li.noticeOutput {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/specialBnr03.gif);}
div.specialBnr ul li.noticeOutput div.inner {padding:50px 25px; }
div.specialBnr ul li.noticeOutput div.inner h2 {display:block; padding:0; font-size:20pt; color:#FFF;}
div.specialBnr ul li.noticeOutput div.inner dl {display:block; width:100%;}
div.specialBnr ul li.noticeOutput div.inner dl:after {content:''; display:block; clear:both;}
div.specialBnr ul li.noticeOutput div.inner dl dd {width:100%;}
div.specialBnr ul li.noticeOutput div.inner dl dd a {display:block; padding:7px 0; color:#FFF;}
div.specialBnr ul li.noticeOutput div.inner dl dd a:hover {color:#FFF;}
div.specialBnr ul li.noticeOutput div.inner dl dd.first a {border-left:0;}

/* 차림약속 */
div.specialBnr ul li.promiseDgn {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/specialBnr08.gif);}

/* 고객센터 */
div.specialBnr ul li.customerCenter {position:relative; z-index:1;}
div.specialBnr ul li.customerCenter div.inner {border-left:1px #DDD solid; border-bottom:1px #DDD solid;}
div.specialBnr ul li.customerCenter div.inner dl {display:block; width:100%; border-bottom:1px #DDD solid;}
div.specialBnr ul li.customerCenter div.inner dl:after {content:''; display:block; clear:both;}
div.specialBnr ul li.customerCenter div.inner dl dd {float:left; width:25%;}
div.specialBnr ul li.customerCenter div.inner dl dd a {display:block; border-left:1px #DDD solid; text-align:center; padding:60px 0 10px; color:#777; background:transparent url(https://unicornholdings.negagea.kr/slim/charrim/img/customerCenterIcon.gif) no-repeat;}
div.specialBnr ul li.customerCenter div.inner dl dd a.icon1 {background-position:0 0;}
div.specialBnr ul li.customerCenter div.inner dl dd a.icon2 {background-position:-82px 0;}
div.specialBnr ul li.customerCenter div.inner dl dd a.icon3 {background-position:-164px 0;}
div.specialBnr ul li.customerCenter div.inner dl dd a.icon4 {background-position:-246px 0;}
div.specialBnr ul li.customerCenter div.inner dl dd a:hover {color:#f53834;}
div.specialBnr ul li.customerCenter div.inner dl dd.first a {border-left:0;}
div.specialBnr ul li.customerCenter div.inner p { padding:25px; }

div.specialBnr ul li.promiseDgn {position:relative; z-index:1; }
div.specialBnr ul li.promiseDgn h3 {position:absolute; display:block; width:153px; height:50px; left:50%; top:50%; margin-left:-76px; margin-top:-25px; background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/charrim_promise.png);}
div.specialBnr ul li.promiseDgnSlider {}
div.specialBnr ul li.promiseDgnSlider span.promiseArrow {position:absolute; z-index:90; top:50%; left:0; margin-top:-17px; width:23px; height:34px; display:block; background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/charrim_promise_arrow.png);}

/* 모빌리 슬라이더 */
div#promiseSlider {position:relative; z-index:1; width:329px; height:279px; overflow:hidden; border-right:1px #DDD solid; border-bottom:1px #DDD solid;}
div#promiseSlider .sliderContent {position:relative; height:280px;}
div#promiseSlider .sliderContent img {width:330px; height:280px;}
div#promiseSlider .sliderArrows a {display:block; text-indent:-9999px; z-index:90; width:51px; height:100px; overflow:hidden; position:absolute; top:50%; margin-top:-50px;}
div#promiseSlider .prev {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_prevOn.png); left:20px;}
div#promiseSlider .prev:hover {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_prevOn.png);}
div#promiseSlider .next {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_nextOn.png);right:20px;}
div#promiseSlider .next:hover {background-image:url(https://unicornholdings.negagea.kr/slim/charrim/img/main_nav_nextOn.png);}
div#promiseSlider .sliderContent .item {position:absolute; width:330px; height:280px;background:#fff;}
div#promiseSlider .sliderBullets {width:100%; position:absolute; z-index:90; top:8px; right:8px; z-index:90; text-align:right;}/* 참고 (버튼위치 변경시 text-align으로 조정)*/
div#promiseSlider .sliderBullets a {display:inline-block; *display:inline; zoom:1; margin:0 2px; width:10px; height:10px; border-radius:50%; background:#DDD; text-indent:-9999px;}
div#promiseSlider .sliderBullets .active {background:#e0af31;}

/* 모빌리 슬라이더 */
div#add_food_slider {position:relative; z-index:1; width:323px; height:255px;}
div#add_food_slider .sliderContent {position:relative; height:372px; overflow:hidden;}
div#add_food_slider .sliderContent img {width:323px;}
div#add_food_slider .sliderArrows a {display:block; text-indent:-9999px; z-index:90; width:20px; height:20px; overflow:hidden; position:absolute; top:-30px; background:transparent url(https://unicornholdings.negagea.kr/slim/charrim/img/add_food_arrow.png) no-repeat 0 0;}
div#add_food_slider .sliderArrows a.prev {background-position:0 0; left:10px;}
div#add_food_slider .sliderArrows a.prev:hover {background-position:0 -20px;}
div#add_food_slider .sliderArrows a.next {background-position:-20px 0 !important; right:10px;}
div#add_food_slider .sliderArrows a.next:hover {background-position:-20px -20px !important; }
div#add_food_slider .sliderContent .item {position:absolute; width:323px; height:373px; background:#fff;}
div#add_food_slider .sliderBullets {width:100%; position:absolute; z-index:90; top:8px; right:8px; z-index:90; text-align:right;}/* 참고 (버튼위치 변경시 text-align으로 조정)*/
div#add_food_slider .sliderBullets a {display:inline-block; *display:inline; zoom:1; margin:0 2px; width:10px; height:10px; border-radius:50%; background:#DDD; text-indent:-9999px;}
div#add_food_slider .sliderBullets .active {background:#e0af31;}


.sort_bar {display:block;}
.sort_bar ul {width:100%; clear:both; display:block; }
.sort_bar ul:after {content:''; display:block; clear:both;}
.sort_bar ul.first_bar {padding-top:10px;}
.sort_bar ul li{ float: left; display:block; width:150px; line-height:30px; background-color: #FFF; text-align:center;}
.sort_bar ul li.last {width:150px;}
.sort_bar ul li a,
.sort_bar ul li a:link,
.sort_bar ul li a:visited { display: block; font-size:14px; letter-specing:2px; padding:5px 0; color: #999; border-top:2px solid #AAA; border-bottom:1px solid #AAA;}
.sort_bar ul li a:hover { color: #222 !important;}
.sort_bar ul li.now a { color: #222 !important; border-top:2px solid #222; border-bottom:1px solid #222;}

/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }

/* 제사상, 차례상 레이아웃 */
div.item-wrap2 {margin-top:20px;}
div.list-hot-item {display: block; width: 100%;}
div.list-hot-item:after {content:''; display: block; clear: both;}
div.list-hot-item div.list-best {float: left; position:relative; z-index:1; }
div.list-hot-item div.list-best .one { position: absolute; z-index:2; top: -11px; left: 10px; background:#E85700; color:#fff; font-size:16px; line-height:240%; padding:0 20px; }
div.list-hot-item div.list-best .one strong { font-size:24px; }
div.list-hot-item div.list-best-second {float: right;}
div.list-hot-item div.list-best a,
div.list-hot-item div.list-best-second a {display: block;}
div.list-hot-item div.list-best a dl,
div.list-hot-item div.list-best-second a dl {display: block;}
div.list-hot-item div.list-best a dl dt,
div.list-hot-item div.list-best-second a dl dt {display: block;}
div.list-hot-item div.list-best a dl dd,
div.list-hot-item div.list-best-second a dl dd {display: block;}
div.list-hot-item div.list-best { width: 475px;}
div.list-hot-item div.list-best-second {display:block; width: 495px;}
div.list-hot-item div.list-best a {display:block; width: 483px; padding-bottom:32px; border:1px #DDD solid; background-color:#FFF;}
div.list-hot-item div.list-best a:hover {border:1px #38332f solid;}
div.list-hot-item div.list-best a dl {padding:10px; text-align:center; }
div.list-hot-item div.list-best a dl dt {font-weight:bold; color:#333; font-size:22px;}
div.list-hot-item div.list-best a dl dd {color:#777; padding-top:10px; font-size:14px; line-height:160%; }
div.list-hot-item div.list-best a dl dd span.price {font-size:16px; font-weight:bold; color:#f65c50; padding-top:10px;}

div.list-hot-item div.list-best a div.thumb { width: 100%; position:relative; z-index:1; overflow: hidden; }
div.list-hot-item div.list-best a div.thumb span.icon_type {display:block; position:absolute; z-index:1; bottom:5px; right:0;}
div.list-hot-item div.list-best a div.thumb span.icon_type img {width:70px; height:70px;}
div.list-hot-item div.list-best a div.thumb img { width:483px; height:483px; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; }
div.list-hot-item div.list-best a:hover div.thumb img { transform: scale(1.1); }

div.list-hot-item div.list-best-second ul {display: block; width: 100%; margin-top:25px;}
div.list-hot-item div.list-best-second ul.first {margin-top:0;}
div.list-hot-item div.list-best-second ul:after {content:''; display: block; clear: both;}
div.list-hot-item div.list-best-second ul li { float: left; margin-left: 10px; border:1px #DDD solid; text-align:center;}
div.list-hot-item div.list-best-second ul li:hover { border:1px #38332f solid; }
div.list-hot-item div.list-best-second ul li.first { margin-left: 0; }
div.list-hot-item div.list-best-second ul li a {width:100%;}
div.list-hot-item div.list-best-second ul li a dl { padding:10px; }
div.list-hot-item div.list-best-second ul li a dl dt { font-size:15px; font-weight:bold; color:#333;}
div.list-hot-item div.list-best-second ul li a dl dd { color:#777; padding-top:10px;}
div.list-hot-item div.list-best-second ul li a dl dd span.price { font-weight: bold; color:#f65c50; }
div.list-hot-item div.list-best-second ul li a div.thumb { position:relative; z-index:1; overflow: hidden; }
div.list-hot-item div.list-best-second ul li a div.thumb img {width:240px; height:240px; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; }
div.list-hot-item div.list-best-second ul li a:hover div.thumb img { trasnform: scale(1.1); }
div.list-hot-item div.list-best-second ul li a div.thumb span.icon_type {display:block; position:absolute; z-index:1; bottom:5px; right:0;}
div.list-hot-item div.list-best-second ul li a div.thumb span.icon_type img {width:70px; height:70px;}

/* 스페셜 레이아웃 */
div.specialArea {margin-top:70px; margin-bottom:50px;}
div.specialArea ul { display: block; width: 100%; }
div.specialArea ul:after {content:''; display: block; clear: both;}
div.specialArea ul li {position:relative; z-index:30; float:left; width:323px; height:415px; text-align:center; margin-left:7px; border:1px #AAA solid;}
div.specialArea ul li.first {margin-left:0; }
div.specialArea ul li h2 { display:block; padding:10px; font-size:15px; font-weight:bold; color:#FFF; }
div.specialArea ul li.special01 h2 { background-color:#38332f; }
div.specialArea ul li.special02 h2 { background-color:#38332f; }
div.specialArea ul li.special03 h2 { background-color:#38332f; }
div.specialArea ul li img { width:323px; }
div.specialArea ul li div.specialCont strong {position:absolute; z-index:1; left:0; bottom:0; display:block; border-top:1px #AAA solid; background-color:#FFF; width:323px; font-weight:bold; padding:15px 0; }

/* 차림이념 */
div.enyeom {margin-top:0px; display:none;}
div.enyeom ul { display:block; width:100%; text-align:center; }
div.enyeom ul:after {content:''; display: block; clear: both;}
div.enyeom li { float:left; width:205px; margin-left:56px; position:relative; z-index:1; overflow:hidden; height:190px;}
div.enyeom li.first {margin-left:0; }
div.enyeom li a {display:block; color:#FFF; font-size:16px; font-weight:bold; }
div.enyeom li a img {width:100%;}
div.enyeom li a span {display:block; width:100%; height:190px; position:absolute; z-index:2; left:0; top:160px;}
div.enyeom li a div.bg {width:100%; height:190px; position:absolute; z-index:1; background-color:#000; filter:alpha(opacity=50); opacity:0.50; -moz-opacity:0.50; -o-opacity:0.50; left:0; top:150px;}

/* 후기영역 */
div.review-area {margin-top:50px; display:none;}
div.review-area:after {content:''; display: block; clear: both;}
div.review-area .bnr,
div.review-area .review-list {float:left; margin-left:17px;}
div.review-area .bnr { width:235px; height:355px; }
div.review-area .bnr img { width:100%; height:100%; }
div.review-area .review-list { width: 720px; }
div.review-area .bnr.side01 { margin-left:0px; }
div.review-area .review-list h2 {display:block;}
div.review-area .review-list ul {display:block; width:100%;}
div.review-area .review-list ul li {position:relative; z-index:1;}
div.review-area .review-list ul li:after {content:''; display: block; clear: both;}
div.review-area .review-list ul li a {display:block; padding:15px 0;}
div.review-area .review-list ul li a em {position:absolute; z-index:1; top:45px; left:62px; display:block; width:8px; height:1px; background-color:#DDD;}
div.review-area .review-list ul li a:hover em {background-color:#222;}
div.review-area .review-list ul li a span.prdimg {float:left; display:block; width:60px; height:60px; border-radius:50%; border:1px #DDD solid; background-color:#BBB; overflow:hidden;}
div.review-area .review-list ul li a:hover span.prdimg {border:1px #222 solid; background-color:#222;}
div.review-area .review-list ul li a span.prdimg img {width:100%; height:100%;}
div.review-area .review-list ul li a dl {float:right; width:615px; border:1px #DDD solid; padding:17px;}
div.review-area .review-list ul li a:hover dl {border:1px #222 solid;}
div.review-area .review-list ul li a dl dt {color:#F30;}
div.review-area .review-list ul li a dl dt strong {display:inline-block; *display:inline; zoom:1; padding-right:10px; color:#777;}
div.review-area .review-list ul li a dl dd {color:#333; font-weight:bold;}



/* BASIC css end */

