@charset "utf-8";

#container{width:100%;margin:0}
#contents100 {margin:0;}
#main{position:relative;padding:0;}

/* 메인비주얼 영역 */
#main .mainVisual_box {width:1200px;margin:0 auto 10px;}
#main .mainVisual_box:after{content:"";display:block;clear:both}
#main .mainVisual{float:left;width:941px;position:relative;clear:both;overflow:hidden;height:55px;padding:299px 0 0;}

#main .mainVisual > button {position:absolute;top:50%;margin-top:-44px;z-index:8;overflow:hidden;width:27px;height:36px;padding:0;border:none;outline:none;border:solid 1px #ccc;background:url(../imgs/main/bg_arrowbtn.png);-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s}
#main .mainVisual .prev {left:0;}
#main .mainVisual .prev .arrow {display:block;width:9px;height:16px;float:left;padding:9px 8px}
#main .mainVisual .prev .arrow em {display:block;width:9px;height:16px;background:url(../imgs/main/bg_arrow.png) no-repeat;background-position:-30px 0;text-indent:-999em;}
#main .mainVisual .prev .count {display:block;width:41px;height:36px;color:#666;float:right;line-height:36px;text-align:left;}
#main .mainVisual .prev .count strong {color:#333;}
#main .mainVisual .prev.buttonShow {width:68px;}
#main .mainVisual .prev.buttonShow .arrow em {background-position:-30px bottom;}
#main .mainVisual .next {right:0;}
#main .mainVisual .next .arrow {display:block;width:9px;height:16px;float:right;padding:10px 8px}
#main .mainVisual .next .arrow em {display:block;width:9px;height:16px;background:url(../imgs/main/bg_arrow.png) no-repeat;background-position:0 0;text-indent:-999em;}
#main .mainVisual .next .count {display:block;width:41px;height:36px;color:#666;float:right;line-height:36px;text-align:right;}
#main .mainVisual .next .count strong {color:#333;}
#main .mainVisual .next.buttonShow {width:68px;}
#main .mainVisual .next.buttonShow .arrow em {background-position:0 bottom;}

#main .mainVisual .visualList{visibility:hidden;float:left;width:101%;}
#main .mainVisual .visualList li{float:left;margin:0;}
#main .mainVisual .visualList li .tab{position:relative;z-index:5;cursor:pointer;}
#main .mainVisual .visualList li .cont{position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:299px}
#main .mainVisual .visualList li .cont div{position:absolute;top:0;left:0;width:941px;height:299px;opacity:0;filter:alpha(opacity=0);text-align:center}
#main .mainVisual .visualList li .cont a,
#main .mainVisual .visualList li .cont img{vertical-align:top;display:block;width:100%;height:299px;}
#main .mainVisual .visualList li.active .tab{z-index:6;margin:0;}
#main .mainVisual .visualList li.active .cont{z-index:3}
#main .mainVisual.cssAni .visualList li.active .cont div{opacity:1;filter:alpha(opacity=100)}
#main .mainVisual_box .rightBanner {width:259px;float:right;border-bottom:1px solid #d9d9d9;}

/* 정기배송BEST */
#main .mainDelivery {width:1200px;margin:0 auto;position:relative;}
#main .mainDelivery h2 {text-align:center;margin-bottom:18px;}
#main .mainDelivery .indicator{position:absolute;top:30px;right:0}
#main .mainDelivery .indicator li{float:left;width:14px;height:14px;margin:0 0 0 6px}
#main .mainDelivery .indicator li button{float:left;overflow:hidden;width:14px;height:14px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/main/review_indicator.png) 0 0 no-repeat}
#main .mainDelivery .indicator li.active button{background-position:0 -24px}
#main .mainDelivery .deliveryList {width:1198px;height:289px;position:relative;overflow:hidden;border:solid 1px #e4e4e4;}
#main .mainDelivery .deliveryList > ul {}
#main .mainDelivery .productbox {position:absolute;top:-1px;left:0;width:1200px;height:315px;z-index:1;opacity:0;filter:alpha(opacity=0);}
#main .mainDelivery .productbox.active {z-index:3;opacity:1;filter:alpha(opacity=100)}
#main .mainDelivery .productbox > ul > li {float:left;width:239px;border:solid 1px #e4e4e4;margin-left:-1px;padding-bottom:8px;color:#000;background:#fff;position:relative;}
#main .mainDelivery .productbox > ul > li.first {margin-left:0;width:239px;border-left:none 0;}
#main .mainDelivery .productbox > ul > li .name {border-bottom:solid 1px #e4e4e4;padding:6px 14px 5px 56px;height:40px;overflow:hidden;position:relative;}
#main .mainDelivery .productbox > ul > li .name img {position:absolute;left:14px;top:6px;}
#main .mainDelivery .productbox > ul > li .name p {font-size:17px;line-height:41px;}
#main .mainDelivery .productbox > ul > li a {display:block;color:#000;}
#main .mainDelivery .productbox > ul > li .imgs {display:block;margin:10px auto;width:173px;height:173px;}
#main .mainDelivery .productbox > ul > li .imgs img {width:173px;height:173px;}
#main .mainDelivery .productbox > ul > li .price {display:block;text-align:center;line-height:34px;font-size:21px;font-family:'Nanum Gothic Bold';color:#000;}
#main .mainDelivery .productbox > ul > li .btns {width:224px;margin:0 auto;overflow:hidden;}
#main .mainDelivery .productbox > ul > li .btns li {float:left;width:100px;margin-left:8px;}
#main .mainDelivery .productbox > ul > li .btns li a,
#main .mainDelivery .productbox > ul > li .btns li button {display:block;border:solid 1px #d9cfba;background-color:#eae3d5;text-align:center;line-height:34px;font-size:15px;color:#000;font-family:'Nanum Gothic Bold';}
#main .mainDelivery .productbox > ul > li .btns li button {width:100%;}
#main .mainDelivery .productbox > ul > li .btns li .delivery {background-color:#ffd039;border-color:#eebe24;}
#main .mainDelivery .order_layer {position:absolute;left:7px;bottom:6px;width:223px;display:none;}
#main .mainDelivery .order_layer .close {height:39px;width:40px;margin:0 auto;background:#fff;border:solid 1px #e4e4e4;border-bottom:none 0;}
#main .mainDelivery .order_layer .close button {display:block;width:40px;height:39px;text-indent:-999em;background:url(../imgs/main/bg_optionclose.png) center center no-repeat;}
#main .mainDelivery .order_layer .inbox {background:#fff;border:solid 1px #e4e4e4;padding:8px;}
#main .mainDelivery .order_layer .inbox .optionbox select {display:block;width:100%;margin-top:12px;border:solid 1px #4c4c4c;color:#272727;font-size:12px;height:24px;}
#main .mainDelivery .order_layer .inbox .pricebox_p {padding-top:43px;text-align:right;position:relative;margin-bottom:10px;line-height:19px;letter-spacing:-0.05em;}
#main .mainDelivery .order_layer .inbox .pricebox_p .op {color:#2f2f2f;font-size:18px;font-family:'Nanum Gothic Bold';}
#main .mainDelivery .order_layer .inbox .pricebox_p .mp {position:absolute;left:0;bottom:0;font-size:12px;color:#696969;text-decoration:line-through;}
#main .mainDelivery .order_layer .inbox .pricebox_d {padding-top:54px;text-align:left;position:relative;margin-bottom:10px;line-height:19px;letter-spacing:-0.05em;}
#main .mainDelivery .order_layer .inbox .pricebox_d:after{content:"";display:block;clear:both}
#main .mainDelivery .order_layer .inbox .pricebox_d .mp {position:absolute;left:0;bottom:19px;font-size:12px;color:#696969;text-decoration:line-through;line-height:12px;}
#main .mainDelivery .order_layer .inbox .pricebox_d .op {display:block;float:left;width:50%;color:#2f2f2f;font-size:18px;font-family:'Nanum Gothic Bold';}
#main .mainDelivery .order_layer .inbox .pricebox_d .sp {display:block;float:left;width:50%;text-align:right;color:#e84040;font-size:14px;font-family:'Nanum Gothic Bold';}
#main .mainDelivery .order_layer .inbox a,
#main .mainDelivery .order_layer .inbox button {display:block;border:solid 1px #d9cfba;background-color:#eae3d5;text-align:center;line-height:34px;font-size:15px;color:#000;font-family:'Nanum Gothic Bold';}
#main .mainDelivery .order_layer .inbox button {width:100%;}
#main .mainDelivery .order_layer .inbox a.delivery,
#main .mainDelivery .order_layer .inbox button.delivery {background-color:#ffd039;border-color:#eebe24;}

/* 배너2배열 */
#main .mainBanners{position:relative;clear:both;overflow:hidden;width:1200px;margin:0 auto 27px;}
#main .mainBanners:after{content:"";display:block;clear:both}
#main .mainBanners > div {overflow:hidden;margin-left:-10px;}
#main .mainBanners a,
#main .mainBanners img{float:left;width:595px;text-align:right;margin-left:10px;}
#main .mainBanners a img{margin:0}

/* 미마켓's PICK */
#main .mainRecommend{position:relative;clear:both;width:1200px;margin:0 auto;z-index:1;background:#fff;}
#main .mainRecommend h2{margin-bottom:20px;text-align:center;}
#main .mainRecommend .recommendbox {position:relative;height:459px;}
#main .mainRecommend .recommendbox:after{content:"";display:block;clear:both}
#main .mainRecommend .products{float:left;width:430px;height:459px}
#main .mainRecommend .products .prev{display:none;position:absolute;top:50%;left:31px;z-index:3;overflow:hidden;width:30px;height:34px;margin:-17px 0 0;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/recommend_prev.png) center center no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainRecommend .products .next{display:none;position:absolute;top:50%;right:31px;z-index:3;overflow:hidden;width:30px;height:34px;margin:-17px 0 0;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/recommend_next.png) center center no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainRecommend .products.buttonShow .prev{left:1px;opacity:1;filter:alpha(opacity=100)}
#main .mainRecommend .products.buttonShow .next{right:1px;opacity:1;filter:alpha(opacity=100)}
#main .mainRecommend .products ul{overflow:hidden;width:428px;height:457px;border:1px solid #d3d1d1;}
#main .mainRecommend .products li{float:left;width:142px;height:229px;border:1px solid #d3d1d1;background:white;margin:-1px 0 0 -1px;}
#main .mainRecommend .products li.last {width:142px;border-right:none 0;}
#main .mainRecommend .products li a{display:block;width:100%;height:220px;padding:9px 0 0}
#main .mainRecommend .products li a .img{display:block;width:130px;height:130px;margin:0 auto 13px}
#main .mainRecommend .products li a .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainRecommend .products li a .summary{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px 2px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainRecommend .products li a .market{display:block;overflow:hidden;height:22px;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:16px;color:#a9aaad;line-height:22px;text-decoration:line-through;font-family:'Nanum Gothic Bold'}
#main .mainRecommend .products li a .price{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#494a47;line-height:26px}
#main .mainRecommend .products li a .price strong{vertical-align:-1px;font-size:22px;font-family:'Nanum Gothic exBold'}
#main .mainRecommend .products li a .zone{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#7a7a79;line-height:18px;font-family:'Nanum Gothic Bold'}
#main .mainRecommend .slidebanner {width:430px;height:459px;position:absolute;right:340px;top:0;overflow:hidden;}
#main .mainRecommend .slidebanner a,
#main .mainRecommend .slidebanner img{display:block;}
#main .mainRecommend .slidebanner .bannerItem{display:none;position:absolute;top:0;left:0;z-index:1;width:430px;height:459px}
#main .mainRecommend .slidebanner .prev{position:absolute;bottom:11px;left:5px;z-index:2;overflow:hidden;width:29px;height:28px;margin:0;padding:0;text-indent:-9999px;background:white url(../imgs/main/mrecom_banner_prev.gif) center center no-repeat}
#main .mainRecommend .slidebanner .next{position:absolute;bottom:11px;left:34px;z-index:2;overflow:hidden;width:28px;height:28px;margin:0;padding:0;text-indent:-9999px;background:white url(../imgs/main/mrecom_banner_next.gif) center center no-repeat}
#main .mainRecommend .slidebanner .prev:hover,
#main .mainRecommend .slidebanner .next:hover{z-index:3}
#main .mainRecommend .banner{float:right;overflow:hidden;width:340px;height:459px;background:white;text-align:left;}
#main .mainRecommend .banner a,
#main .mainRecommend .banner img{display:block;float:left;}

/* 정기배송 EASY쇼핑 */
#main .mainBanner_easy {width:100%;z-index:0;}
#main .mainBanner_easy > div {width:1200px;margin:0 auto;}

/* 카테고리별 인기상품 */
#main .mainBest{position:relative;clear:both;width:1200px;margin:19px auto 0;z-index:1;background-color:#fff;}
#main .mainBest h2 {text-align:center}
#main .mainBest .banner{position:relative;z-index:2;overflow:hidden;width:540px;height:578px;margin:0 auto;display:none;}
#main .mainBest .tabs {overflow:hidden;}
#main .mainBest .tabs li {float:left;cursor:pointer;}/*width:239px;border:solid 1px #e4e4e4;margin-left:-1px;background-color:#f4f4f4;text-align:center;font-size:15px;color:#4a4a4a;height:48px;overflow:hidden;*/
#main .mainBest .tabs li img {display:block;}
#main .mainBest .tabs li.first {width:238px;margin-left:0;}
#main .mainBest .tabs li.active {background-color:#fff;}
#main .mainBest .tabs li span {display:inline-block;line-height:49px;vertical-align:top;}
#main .mainBest .tabs li .cate1 {padding-left:31px;background:url(../imgs/icon/icon_mcate01.png) left top no-repeat;}
#main .mainBest .tabs li .cate2 {padding-left:46px;background:url(../imgs/icon/icon_mcate02.png) left top no-repeat;}
#main .mainBest .tabs li .cate3 {padding-left:34px;background:url(../imgs/icon/icon_mcate03.png) left top no-repeat;}
#main .mainBest .tabs li .cate4 {padding-left:44px;background:url(../imgs/icon/icon_mcate04.png) left top no-repeat;}
#main .mainBest .tabs li .cate5 {padding-left:49px;background:url(../imgs/icon/icon_mcate05.png) left top no-repeat;}
#main .mainBest .tabs li.active span {background-position:left bottom;}
#main .mainBest .conts .products {display:none;overflow:hidden;position:relative;border-top:solid 1px #e4e4e4;}
#main .mainBest .conts .products.active {display:block;}
#main .mainBest .products:after {content:'';width:1px;height:100%;background:#e4e4e4;position:absolute;right:0;top:0;}
#main .mainBest .products:before {content:'';width:100%;height:1px;background:#e4e4e4;position:absolute;right:0;bottom:0;}
#main .mainBest .products li{float:left;width:239px;height:276px;border:solid 1px #e4e4e4;margin:-1px 0 0 -1px;}
#main .mainBest .products li.first {width:237px;margin-left:0;}
#main .mainBest .products li a {display:block;}
#main .mainBest .products li a .img {display:block;width:192px;height:192px;margin:10px auto 0;}
#main .mainBest .products li a .name{width:192px;display:block;text-align:center;font-size:13px;color:#3e3e3e;line-height:16px;height:32px;overflow:hidden;margin:4px auto 0;}
#main .mainBest .products li a .summary{display:none;}
#main .mainBest .products li a .pricebox {display:block;text-align:center;font-size:13px;line-height:20px;margin-top:9px;}
#main .mainBest .products li a .pricebox .market {display:inline-block;vertical-align:top;color:#9d9d9d;text-decoration:line-through;position:relative;padding-right:10px;margin-right:10px;}
#main .mainBest .products li a .pricebox .market:after {content:'';position:absolute;right:0;top:3px;width:1px;height:14px;background-color:#e4e4e4;}
#main .mainBest .products li a .pricebox .price {display:inline-block;vertical-align:top;font-family:'Nanum Gothic Bold';color:#f55f25;font-size:17px;}

/* 배너1배열 */
#main .mainBanner{position:relative;clear:both;width:1200px;margin:35px auto 0}
#main .mainBanner div{width:1920px;margin:0 0 0 -360px;text-align:center}
#main .mainBanner div a,
#main .mainBanner div img{vertical-align:top}

/* 고객센터관련 */
#main .mainCustomer{clear:both;margin-top:60px;width:100%;background-color:#f9f9f9;padding:31px 0 29px;}
#main .mainCustomer:after {content:'';display:block;clear:both;}
#main .mainCustomer .inners {width:1200px;margin:0 auto;}
#main .mainCustomer .notice{position:relative;float:left;width:271px;height:142px;padding:15px 39px 0}
#main .mainCustomer .notice h3{margin:0 0 16px;}
#main .mainCustomer .notice ul{overflow:hidden;}
#main .mainCustomer .notice ul li{width:100%;line-height:22px}
#main .mainCustomer .notice ul li:after{content:"";display:block;clear:both}
#main .mainCustomer .notice ul li a{float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#747474;line-height:22px;}
#main .mainCustomer .notice .more{position:absolute;top:0;right:0;padding:0 13px 0 0;font-size:13px;color:#626262;line-height:17px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/more.png) right center no-repeat}
#main .mainCustomer .info{float:left;width:415px;height:142px;padding:15px 46px 0 39px;position:relative;background:url(/imgs/main/cs_bg_line.png) left top repeat-y;}
#main .mainCustomer .info h3{margin:0 0 22px;}
#main .mainCustomer .info .tel {height:50px;line-height:48px;font-size:32px;color:#252525;letter-spacing:-0.05em;}
#main .mainCustomer .info .tel img {vertcial-align:top;margin-right:8px;}
#main .mainCustomer .info p {line-height:15px;font-size:12px;color:#808080;margin-top:11px;}
#main .mainCustomer .info .layers {position:absolute;right:46px;bottom:2px;}
#main .mainCustomer .menu{float:left;width:313px;height:142px;padding:15px 0 0 38px;background:url(/imgs/main/cs_bg_line.png) left top repeat-y;}
#main .mainCustomer .menu ul{width:100%;margin-top:23px;margin-left:-10px;}
#main .mainCustomer .menu ul:after{content:"";display:block;clear:both;}
#main .mainCustomer .menu ul li{float:left;width:88px;}
#main .mainCustomer .menu ul li a{display:block;text-align:center;font-size:13px;color:#4c4c4c;line-height:16px;}
#main .mainCustomer .menu ul li img{display:block;margin:0 auto 3px}

/* 추가 : 실시간베스트 */
#main .mainTimeBest {clear:both;width:1200px;margin:0 auto;}
#main .mainTimeBest .inbox > ul {overflow:hidden;position:relative;border:solid 1px #e4e4e4;height:650px;}
#main .mainTimeBest .inbox > ul > li {float:left;width:240px;height:325px;border:solid 1px #e4e4e4;border-top:none 0;border-left:none 0;margin:0 -1px -1px 0;}
#main .mainTimeBest .inbox > ul > li.first {width:237px;}
#main .mainTimeBest .inbox li .products {display:block;width:220px;margin:0 auto;padding-top:8px;position:relative;}
#main .mainTimeBest .inbox li .products .flag {position:absolute;left:7px;top:15px;}
#main .mainTimeBest .inbox li .products .img {display:block;width:218px;height:218px;border:solid 1px #e4e4e4;}
#main .mainTimeBest .inbox li .products > span {display:block;}
#main .mainTimeBest .inbox li .products .name {font-size:13px;line-height:16px;color:#3e3e3e;margin:8px 8px 0;height:32px;overflow:hidden;}
#main .mainTimeBest .inbox li .products .pricebox {margin:10px 8px 0;height:34px;overflow:hidden;}
#main .mainTimeBest .inbox li .products .pricebox > span {display:block;}
#main .mainTimeBest .inbox li .products .pricebox .sale {float:left;position:relative;width:55px;margin-right:10px;font-size:19px;color:#f55f25;font-family:'Nanum Gothic Bold';line-height:20px;padding-top:14px;}
#main .mainTimeBest .inbox li .products .pricebox .sale:after {content:'';position:absolute;width:1px;height:30px;right:0;bottom:0;background-color:#e8e8e8}
#main .mainTimeBest .inbox li .products .pricebox .box {float:left;width:139px;}
#main .mainTimeBest .inbox li .products .pricebox .box > span {display:block;}
#main .mainTimeBest .inbox li .products .pricebox .box .market {font-size:12px;color:#9d9d9d;text-decoration:line-through;line-height:14px;height:14px;}
#main .mainTimeBest .inbox li .products .pricebox .box .price {font-size:17px;color:#010101;line-height:20px;font-family:'Nanum Gothic Bold';}
#main .mainTimeBest .inbox li .products .pricebox.center .box {width:100%;text-align:center;padding-top:14px;}
#main .mainTimeBest .inbox li.banner {background-color:#efefdb;position:absolute;right:0;bottom:0;margin-left:0;width:241px;}
#main .mainTimeBest .inbox li.banner > ul {width:190px;margin:0 auto;padding-top:20px;}
#main .mainTimeBest .inbox li.banner > ul li {margin-bottom:13px;text-align:center;}
#main .mainTimeBest .inbox li.banner > ul li a {display:block;text-align:center;}
#main .mainTimeBest .inbox li.banner > ul li img {max-width:100%;}

/* 추가 : 오늘의 공간 */
#main .mainEditorBanner {clear:both;width:1200px;margin:0 auto;}

/* 추가 : 이벤트 뉴스 */
#main .mainBoardBanner {clear:both;width:1200px;margin:0 auto;}
#main .mainBoardBanner .inbox {padding:65px 0 20px;}
#main .mainBoardBanner .inbox ul {width:1090px;margin:0 auto;}
#main .mainBoardBanner .inbox ul:after{content:"";display:block;clear:both}
#main .mainBoardBanner .inbox li {float:left;width:535px;margin:10px 5px 0;}
#main .mainBoardBanner .btnMore {margin:20px auto 0;display:block;width:133px;height:29px;border:solid 1px #444;text-align:center;font-size:15px;color:#000;font-family:'Nanum Gothic Bold';line-height:26px;}

/* 추가 : MD추천상품 */
#main .mainRecomBanner {clear:both;width:1200px;margin:0 auto;}
#main .mainRecomBanner .inbox {position:relative;}
#main .mainRecomBanner .inbox ul {position:absolute;right:13px;bottom:45px;overflow:hidden;}
#main .mainRecomBanner .inbox ul li {float:left;margin-left:17px;}

/****/
.brandMovie{width:900px;height:502px;padding:39px 0 0}
.movieList{display:none;position:absolute;top:39px;left:0;overflow:hidden;overflow-y:auto;width:100%;height:0;background:white}
.movieList:after{content:"";display:block;clear:both}
.movieList li{position:relative;min-width:1px;height:315px;margin:0 40px;padding:35px 0 35px 595px;border-top:1px solid #ccc}
.movieList li:first-child{border-top:none}
.movieList li:after{content:"";display:block;clear:both}
.movieList li p.title{padding:5px 0;font-size:18px;color:#333;line-height:24px;font-family:'Nanum Gothic Bold'}
.movieList li p.name{padding:10px 0 20px;font-size:15px;color:#333;line-height:20px;font-family:'Nanum Gothic Bold'}
.movieList li .movieArea{position:absolute;top:35px;left:0}
.movieList li a{float:left;margin:0 5px 0 0}
.movieList li a img{float:left}

#main .mainProducer{position:relative;clear:both;width:1000px;height:763px;margin:0 auto 25px}
#main .mainProducer h2{height:45px;margin:0 0 10px;text-align:center;font-size:27px;color:#222121;line-height:45px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/title_bg1.gif) 0 19px repeat-x}
#main .mainProducer h2 strong{display:inline-block;height:45px;padding:0 17px;vertical-align:top;background:white}
#main .mainProducer .prev{display:none;position:absolute;top:105px;left:0;z-index:2;overflow:hidden;width:52px;height:659px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/producer_prev.gif) center center no-repeat}
#main .mainProducer .next{display:none;position:absolute;top:105px;right:0;z-index:2;overflow:hidden;width:52px;height:659px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/producer_next.gif) center center no-repeat}
#main .mainProducer .producerList{position:relative;z-index:3;overflow:hidden;width:898px;height:708px;margin:0 auto;text-align:center}
#main .mainProducer .producerList>li{display:inline;vertical-align:top;font-size:22px;background:url(../imgs/main/producer_line.gif) 0 9px no-repeat}
#main .mainProducer .producerList>li .tab{display:inline-block;margin:0 18px 0 23px;vertical-align:top;font-size:15px;color:#222121;line-height:22px}
#main .mainProducer .producerList>li .tab:hover{font-family:'Nanum Gothic Bold';border-bottom:1px solid #222121}
#main .mainProducer .producerList>li .cont{display:none;position:absolute;top:49px;left:0;width:897px;height:658px;padding:0 0 1px 1px;background:url(../imgs/main/producer_cont.gif) 0 0 no-repeat}

#main .mainProducer .producerList>li .cont li{position:relative;z-index:1;float:left;overflow:hidden;width:298px;height:328px;margin:1px 1px 0 0}
#main .mainProducer .producerList>li .cont li img{position:absolute;top:0;left:0;z-index:1;width:298px;height:328px;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s}
#main .mainProducer .producerList>li .cont li img.def{opacity:1}
#main .mainProducer .producerList>li .cont li img.over{opacity:0}

#main .mainProducer .producerList>li .cont li div{position:absolute;top:328px;left:0;z-index:2;width:298px;text-align:center;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainProducer .producerList li .cont li div a{display:inline-block;position:relative;width:64px;margin:0 1px;padding:64px 0 0;vertical-align:top;text-align:center;font-size:13px;color:#f1f0ef;line-height:15px;font-family:'Nanum Gothic Bold'}
#main .mainProducer .producerList li .cont li div a span{position:absolute;top:0;left:2px;overflow:hidden;width:60px;height:60px}
#main .mainProducer .producerList li .cont li div a span.circle{z-index:1;border-radius:100px;opacity:0.7;background:black;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}
#main .mainProducer .producerList li .cont li div a span.ieB{z-index:1;background:url(../imgs/main/producer_circle.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.newsButton span.img{z-index:2;background:url(../imgs/main/producer_button1.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.productButton span.img{z-index:2;background:url(../imgs/main/producer_button2.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.videoButton span.img{z-index:2;background:url(../imgs/main/producer_button3.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a:hover span.circle{opacity:1;background:#faa419;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#main .mainProducer .producerList li .cont li div a:hover span.ieB{background-position:0 -70px}
#main .mainProducer .producerList>li .cont li.over div{top:230px}
#main .mainProducer .producerList>li .cont li.over img.def{opacity:0}
#main .mainProducer .producerList>li .cont li.over img.over{opacity:1}
#main .mainProducer .producerList>li .cont li.none{background:url(../imgs/main/no_producer.gif) 0 0 no-repeat}

#main .mainProducer .producerList li.first{background:none}
#main .mainProducer .producerList li.first .tab{margin:0 18px}
#main .mainProducer .producerList li.active .tab{color:#e13d3d}
#main .mainProducer .producerList li.active .tab:hover{border-bottom:1px solid #e13d3d}

#main .mainVideo{position:relative;left:50%;float:left;width:485px;height:376px;margin:0 0 50px -500px}
#main .mainVideo h2{height:46px;font-size:22px;color:#222121;line-height:44px;font-family:'Nanum Gothic Bold'}
#main .mainVideo h2 img{position:relative;top:10px;vertical-align:top}
#main .mainVideo .videoArea{width:483px;height:328px;border:1px solid #e9e9e9}
#main .mainVideo .more{position:absolute;top:17px;right:0;padding:0 13px 0 0;font-size:13px;color:#626262;line-height:17px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/more.png) right center no-repeat}

#main .mainReview{position:relative;right:50%;float:right;overflow:hidden;width:490px;height:376px;margin:0 -500px 50px 0}
#main .mainReview h2{height:46px;font-size:22px;color:#222121;line-height:44px;font-family:'Nanum Gothic Bold'}
#main .mainReview .indicator{position:absolute;top:15px;right:0}
#main .mainReview .indicator li{float:left;width:14px;height:14px;margin:0 0 0 6px}
#main .mainReview .indicator li button{float:left;overflow:hidden;width:14px;height:14px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/main/review_indicator.png) 0 0 no-repeat}
#main .mainReview .indicator li.active button{background-position:0 -24px}
#main .mainReview .reviewList{position:relative;overflow:hidden;width:488px;height:327px;border:1px solid #e9e9e9;background:#f5f5f5}
#main .mainReview .reviewList ul{position:absolute;top:0;left:0;width:2450px;height:327px;margin:0 0 0 -1px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainReview .reviewList ul li{position:relative;float:left;width:206px;height:307px;padding:20px 19px 0;line-height:18px;border-left:1px solid #e9e9e9}
#main .mainReview .reviewList ul li a{display:block;width:200px;height:200px;margin:0 auto 11px}
#main .mainReview .reviewList ul li .img{display:block;width:200px;height:200px}
#main .mainReview .reviewList ul li .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px;color:#555;font-family:'Nanum Gothic Bold'}
#main .mainReview .reviewList ul li .title{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 0 8px;white-space:nowrap;text-align:center;font-size:12px;color:#7b7b7b}
#main .mainReview .reviewList ul li .point{display:block;margin:0 0 8px;padding:0 0 8px;text-align:center;border-bottom:1px dotted #cfcfcf}
#main .mainReview .reviewList ul li .point img{vertical-align:top}
#main .mainReview .reviewList ul li .author,
#main .mainReview .reviewList ul li .date{float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:103px;height:16px;white-space:nowrap;text-align:center;font-size:12px;color:#7b7b7b;line-height:14px}
#main .mainReview .reviewList ul li .date{width:102px;border-left:1px dotted #cfcfcf}

#bestReview{position:relative;overflow:hidden;width:323px;height:194px}
#bestReview h1{height:30px;margin:0;padding:0;font-size:14px;color:#222121;line-height:30px;font-family:'Nanum Gothic Bold'}
#bestReview h1 img{display:block}
#bestReview .indicator{position:absolute;top:12px;right:17px}
#bestReview .indicator li{float:left;width:8px;height:8px;margin:0 0 0 4px}
#bestReview .indicator li button{float:left;overflow:hidden;width:8px;height:8px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/main/best_review_dot.gif) 0 0 no-repeat}
#bestReview .indicator li.active button{background-position:0 -18px}
#bestReview .reviewList{position:relative;overflow:hidden;width:323px;height:164px}
#bestReview .reviewList ul{position:absolute;top:0;left:0;width:1660px;height:164px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#bestReview .reviewList ul li{position:relative;float:left;width:166px;height:164px;line-height:18px}
#bestReview .reviewList ul li a{display:block;width:155px;height:146px;padding:16px 0 0;border:1px solid #d4d4d4}
#bestReview .reviewList ul li .img{display:block;width:95px;height:95px;margin:0 auto 5px}
#bestReview .reviewList ul li .rName{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#686868}
#bestReview .reviewList ul li .rPrice{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#ea0606}

.issue_brand {width:1000px;margin:36px auto 0}
.issue_brand h2 {margin-bottom:11px;}
.issue_brand .floor_one {border:solid 1px #dbdbdb;border-left:none 0;}
.issue_brand .floor_one li {border-left:solid 1px #dbdbdb;}


/* 인스타그램 */
#instaPics { width:1200px;margin:0 auto 40px; overflow: hidden;clear:both;text-align:left;}
#instaPics h2 {margin-top:60px;text-align:center;}
#instaPics ul {overflow:hidden;margin-left:-25px;margin-top:21px;}
#instaPics li {width:220px;margin-left:25px;margin-bottom:25px;position: relative; float:left;}
#instaPics li > a span {display:block;}
#instaPics li .image-layer { overflow: hidden; width: 100%; height: 100%; }  
#instaPics li .image-layer img { width: 100%; height:100%;}  
#instaPics li .caption-layer {display: none; position: absolute; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; font-size: 11px; color: #fff; text-align: center; margin: auto; vertical-align: middle;}
#instaPics li .caption-layer .insta-caption{position: relative; padding:0 20px; display: block; vertical-align: middle; margin-top: 30%; line-height:16px; max-height:32px;overflow:hidden}
#instaPics li .caption-layer .insta-likes { position: relative; display: block; vertical-align: middle; font-size: 12px; font-weight: 600; margin-top: 10px;}