/* ----------------------------------------------------------------
- Title | cj웹표준화 프로젝트 (베이비오샵)
- Author | 태그앤브레이스
- Date | 2011.12.14 ~
---------------------------------------------------------------- */
@charset "euc-kr";

/* 배경 */
body#main{}

/* layout */
.wrap .container{margin-top:17px}

/* 스마트 관심사 / 스마트검색 / Baby O Club */
.smartBox{position:absolute;left:0;width:207px}
.smartBox .smartBoxIn{position:relative;height:490px}
.smartBox .smartBoxIn .mom li{height:20px;padding:9px 0 1px;border-bottom:1px solid #ebebeb;line-height:130%}
.smartBox .smartBoxIn .mom li img{margin-top:1px;vertical-align:top}
.smartBox .smartBoxIn .mom li span{display:inline-block;width:151px;height:15px;overflow:hidden;vertical-align:top}
.smartBox .smartBoxIn .mom li a{margin-left:6px;color:#747474}
.smartBox .smartBoxIn .search{margin-top:28px}
.smartBox .smartBoxIn .search .title{margin-bottom:9px}
.smartBox .smartBoxIn .search .selectBox{width:100%;margin-bottom:5px;overflow:hidden}
.smartBox .smartBoxIn .search .selectBox label{position:absolute}
.smartBox .smartBoxIn .search .selectBox .selectbox_title{position:relative;height:90px; padding:4px 0 0 8px;}


/* 상품리스트1_좌측단 */
.conTop{width:100%;overflow:hidden}
.conTop .leftList{float:left;width:689px}
.conTop .leftList .bigBanner{position:relative;height:260px;margin-left:226px}
.conTop .leftList .bigBanner ul{width:509px;overflow:hidden}
.conTop .leftList .bigBanner li{display:inline}
.conTop .leftList .bigBanner li span a{display:inline-block;position:absolute;top:12px;width:21px;height:0;padding-top:21px;background:url('http://image.cjmall.com/site/shop/babyoshop/images/common/btn_big_banner.png') no-repeat 0 0;overflow:hidden;z-index:2}
.conTop .leftList .bigBanner li span a:hover,
.conTop .leftList .bigBanner li span a.on{background-position:-21px 0}
.conTop .leftList .bigBanner li.tab1 span a{left:24px}
.conTop .leftList .bigBanner li.tab2 span a{left:45px}
.conTop .leftList .bigBanner li.tab3 span a{left:66px}
.conTop .leftList .bigBanner li.tab4 span a{left:87px}
.conTop .leftList .bigBanner li.tab5 span a{left:108px}
.conTop .leftList .bigBanner li.tab6 span a{left:129px}
.conTop .leftList .bigBanner li .listBox{height:486px;z-index:1}
.conTop .leftList .bigBanner li .listBox ul{display:block;position:absolute;left:0;bottom:0;width:489px;height:85px;padding:21px 0 0 20px;background:url('http://image.cjmall.com/site/module/images/common/bg_blank.gif') no-repeat -1px 0;overflow:hidden}
.conTop .leftList .bigBanner li .listBox li{float:left;width:151px;padding-right:10px}
.conTop .leftList .bigBanner li .listBox li a{z-index:1}
.conTop .leftList .bigBanner li .listBox li .photo{float:left;margin-right:8px;border:1px solid #fff}
.conTop .leftList .bigBanner li .listBox li .photo img{vertical-align:top}
.conTop .leftList .bigBanner li .listBox li p{float:left;width:80px;margin-top:8px}
.conTop .leftList .bigBanner li .listBox li p strong{display:block;height:29px;margin-bottom:8px;font-weight:normal;overflow:hidden}
.conTop .leftList .bigBanner li .listBox li p strong a{color:#fff;font-size:11px;line-height:130%}


.conTop .leftList .recomBrand{margin-top:27px}
.conTop .leftList .recomBrand .recomBrandIn{position:relative;width:689px;height:333px;background:url('/images/main/employ_bg.gif') repeat-x 0 0;overflow:hidden;}
.conTop .leftList .recomBrand .recomBrandIn ul{width:663px; padding:36px 0 0 12px}
.conTop .leftList .recomBrand .recomBrandIn li{float:left}


/* 상품리스트1_우측단 */
.conTop .rightList{float:right;width:222px}

/* 상품리스트1_우측단_배너1 */
.conTop .rightList .sideBanner{position:relative; height:258px;border:1px solid #98cec9}
.conTop .rightList .sideBanner h1 {padding-top:10px;padding-left:10px;}
.conTop .rightList .sideBanner a{display:inline-block;}
.conTop .rightList .sideBanner a img{vertical-align:top}
.conTop .rightList .sideBanner p{position:absolute;left:0;top:257px;padding-left:41px}
.conTop .rightList .sideBanner p strong{display:inline-block;margin-top:1px;color:#626262;font-size:11px;vertical-align:top}

.conTop .rightList .sideBanner2{position:relative;}

/* 상품리스트1_우측단_Baby O Gift */
.conTop .rightList .gift{position:relative;margin-top:24px}
.conTop .rightList .gift h2{margin-bottom:6px}
.conTop .rightList .gift ul{width:220px;border:1px solid #f4afc1;overflow:hidden}
.conTop .rightList .gift li{display:inline}
.conTop .rightList .gift li span a{position:absolute;top:2px;width:11px;height:0;padding-top:10px;background:url('http://image.cjmall.com/site/shop/babyoshop/images/main/btn_roll_gift.gif') no-repeat 0 0;overflow:hidden;z-index:2}
.conTop .rightList .gift li span a:hover,
.conTop .rightList .gift li span a.on{background-position:-11px 0}
.conTop .rightList .gift li.tab1 span a{left:211px}
.conTop .rightList .gift li.tab2 span a{left:200px}
.conTop .rightList .gift li.tab3 span a{left:189px}
.conTop .rightList .gift li.tab4 span a{left:178px}
.conTop .rightList .gift li.tab5 span a{left:167px}
.conTop .rightList .gift li .listBox dt{height:24px;padding:10px 5px 0;border-bottom:1px solid #ececec;text-align:center}
.conTop .rightList .gift li .listBox dt span{display:inline-block;width:100%;height:16px;color:#e597ab;font-size:11px;letter-spacing:-1px;overflow:hidden}
.conTop .rightList .gift li .listBox dd{height:106px;padding:13px 13px 0}
.conTop .rightList .gift li .listBox dd a.photo{float:left;margin-right:8px}
.conTop .rightList .gift li .listBox dd a.photo img{vertical-align:top}
.conTop .rightList .gift li .listBox dd p{float:left;width:94px;margin-top:20px}
.conTop .rightList .gift li .listBox dd p strong{display:block;margin-bottom:8px;font-weight:normal}
.conTop .rightList .gift li .listBox dd p strong a{color:#828282;font-size:11px;line-height:130%;letter-spacing:-1px}

/* 상품리스트1_우측단_Mom's Blog */
.conTop .rightList .blog {position:relative;margin-top:35px;} /*{position:relative;margin-top:35px;padding-top:16px;border-top:1px solid #505656}*/
.conTop .rightList .blog .list1{}
.conTop .rightList .blog .list1 span{position:absolute;right:0px;top:-295px;z-index:2}
.conTop .rightList .blog .map {position:relative;margin-bottom:5px}

/* 상품리스트2_베스트아이템 / 따끈따끈신상 / 핫트렌드 */
.conMid{width:100%;overflow:hidden}
.conMid .bestBox{float:left;width:277px;margin-top:34px;}
.conMid .newBox{float:left;width:317px;margin-top:34px;}
.conMid .trendBox{float:left;width:317px; margin-left:19px;margin-top:34px;}
.conMid .bestBox 
.conMid .newBox{margin-right:9px}
.conMid .listBox{height:83px;padding:10px 0 0 10px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background:#f5f5f5 url('http://image.cjmall.com/site/shop/babyoshop/images/main/bg_conmid_dot.gif') no-repeat center 249px}
.conMid .newBox .listBox{background:#fff url('http://image.cjmall.com/site/shop/babyoshop/images/main/bg_conmid_dot.gif') no-repeat center 249px}
.conMid .listBox ul{position:relative;width:279px;height:185px;padding-top:248px;overflow:hidden}
.conMid .listBox li{float:left;width:80px;margin-right:8px}
.conMid .listBox li a.photo{display:inline-block;margin-bottom:9px;border:1px solid #e1e1e1}
.conMid .listBox li p strong{display:block;height:29px;margin-bottom:8px;font-weight:normal;overflow:hidden}
.conMid .listBox li p strong a{color:#6f6f6f;font-size:11px;line-height:130%;letter-spacing:-1px}
.conMid .listBox li.big1,
.conMid .listBox li.big2{position:absolute;top:0;width:120px;margin-right:16px}
.conMid .listBox li.big1{left:0}
.conMid .listBox li.big2{left:136px}
.conMid .listBox li.big1 p strong,
.conMid .listBox li.big2 p strong{height:33px}
.conMid .listBox li.big1 p strong a,
.conMid .listBox li.big2 p strong a{font-size:12px;line-height:130%;letter-spacing:0}
.conMid .listBox li.big1 .price,
.conMid .listBox li.big2 .price{font-size:12px}

/* 핫배너 */
.hotBanner{ width:930px; margin-top:0px}
.hotBanner li {float:left;}
.hotBanner .r50 {margin-left:420px}
.hotBanner2 {clear:both ;width:930px;}

/* 상품리스트3_핫 키워드 & 아이템 */
.conBot{position:relative;margin-top:35px;border-top:2px solid #505656;border-bottom:1px solid #dbdbdb}
.conBot .hotKeyword{position:relative;height:292px;_height:291px;border-right:1px solid #d1d1d1;background:url('http://image.cjmall.com/site/shop/babyoshop/images/main/bg_hotkeyword_menu.gif') repeat-y 0 0;overflow:hidden}
.conBot .hotKeyword h3{display:inline-block;position:absolute;left:0;top:0;width:148px;height:72px;padding:35px 0 0 21px;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;border-left:1px solid #dbdbdb;background-color:#f4f4f4;z-index:10}
.conBot .hotKeyword .tabTxt{width:171px;padding-top:108px;position:relative}
.conBot .hotKeyword .tabTxt li{float:left;height:37px}
.conBot .hotKeyword .tabTxt li .tab{display:inline-block;width:170px;border-left:1px solid #dbdbdb;background-color:#f4f4f4}
.conBot .hotKeyword .tabTxt li .tab a{display:block;height:29px;padding:6px 18px 0 18px;border-top:1px solid #fff;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;color:#686868;font-size:12px;line-height:200%;overflow:hidden}
:root .conBot .hotKeyword .tabTxt li .tab a{height:28px\0/IE9;padding:7px 18px 0 18px\0/IE9}
.conBot .hotKeyword .tabTxt li .tab a:hover,
.conBot .hotKeyword .tabTxt li .tab a.on{width:134px;border-right:none;background:#fff url('http://image.cjmall.com/site/shop/babyoshop/images/main/bg_hotkeyword_on.gif') no-repeat 160px 11px;color:#343a3a;font-weight:bold;letter-spacing:-1px}
.conBot .hotKeyword .tabTxt li .listBox{position:absolute;left:171px;top:0;width:758px;background:#fff url('http://image.cjmall.com/site/shop/babyoshop/images/main/bg_hotkeyword_line.gif') repeat right 0;overflow:hidden}
.conBot .hotKeyword .tabTxt li .listBox ul{display:inline-block;width:100%}
.conBot .hotKeyword .tabTxt li .listBox li{float:left;width:218px;height:129px;padding:18px 18px 0 18px}
.conBot .hotKeyword .tabTxt li .listBox li.big{width:180px;height:275px;padding:18px 31px 0 38px;border-right:1px solid #dbdbdb;background-color:#fff}
.conBot .hotKeyword .tabTxt li .listBox li a.photo{display:inline-block;float:left;margin-right:11px}
.conBot .hotKeyword .tabTxt li .listBox li.big a.photo{float:none;margin:0 0 15px}
.conBot .hotKeyword .tabTxt li .listBox li p{float:left;width:97px;margin-top:10px}
.conBot .hotKeyword .tabTxt li .listBox li p span{display:block;height:17px;color:#a1a1a1;font-size:11px;font-weight:bold;overflow:hidden}
.conBot .hotKeyword .tabTxt li .listBox li p strong{display:block;height:31px;margin-bottom:8px;font-weight:normal;overflow:hidden}
.conBot .hotKeyword .tabTxt li .listBox li p strong a{color:#6f6f6f;line-height:130%}
.conBot .hotKeyword .tabTxt li .listBox li p .price{font-size:12px}
.conBot .hotKeyword .tabTxt li .listBox li.big p{float:none;width:auto;margin:0;text-align:center}
.conBot .hotKeyword .tabTxt li .listBox li.big p strong{height:16px}
.conBot .hotKeyword .tabTxt li .listBox li.big p .price s{display:inline-block;margin-right:6px}

/** 큰배너 **/
.Big_listRoll{position:relative}
.Big_listRoll ul{width:220px;height:252px;overflow:hidden}
.Big_listRoll li{float:left}
.Big_listRoll li em{display:inline-block;position:absolute;left:0;width:64px;height:23px;background:url('http://www.menumoa.com/seoul/youido/images/bg_quick_bar.png') no-repeat 0 0;z-index:2}
.Big_listRoll li span{display:inline-block;position:absolute;top:15px;width:11px;height:11px;background:url('http://www.menumoa.com/seoul/youido/images/btn_roll_quick.png') no-repeat 0 0;overflow:hidden;z-index:3}
.Big_listRoll li.tab1 span{left:14px}
.Big_listRoll li.tab2 span{left:27px}
.Big_listRoll li.tab3 span{left:40px}
.Big_listRoll li.tab4 span{left:53px}
.Big_listRoll li.tab5 span{left:66px}
.Big_listRoll li span:hover,
.Big_listRoll li span.on{background-position:-12px 0}
.Big_listRoll li span a{display:block;height:0;padding-top:11px;overflow:hidden}

/*20120320*/
.conTop .leftList .recomBrand .recomBrandIn li .listBox li a img {width:98px; height:98px}

.product_list {overflow:hidden; width:100%; margin-top:34px}
.product_list .leftList {position:relative; float:left; width:455px}
.product_list .rightList {position:relative; float:left; width:455px; margin-left:20px}
.product_list ul{width:100%;height:307px}
.product_list ul li{float:left}
.product_list ul li span{position:relative;float:left;margin-right:-1px;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;background-color:#f5f5f5}
.product_list ul li span a{display:block;height:28px;padding-top:14px;text-align:center; font-weight:bold; border-bottom:1px solid #505656; color:#888}
.product_list ul li.tab1 span a{width:151px}
.product_list ul li.tab2 span a,
.product_list ul li.tab3 span a{width:150px}
.product_list ul li span img{vertical-align:middle}
.product_list ul li span span{display:inline-block;position:relative;float:none;width:0;height:100%;margin:0;padding:0;border:none;background-color:none;overflow:hidden;vertical-align:middle}
.product_list ul li span:hover,
.product_list ul li span.on{border-top:1px solid #505656;border-right:1px solid #505656;border-left:1px solid #505656; background:none;z-index:2}
.product_list ul li span:hover a,
.product_list ul li span.on a{border-bottom:1px solid #fff; color:#494949}
.product_list li .listBox{position:absolute;left:0;top:44px;width:453px;height:241px; padding:20px 0 0; border:1px solid #dbdbdb;border-top:none}
.product_list li .listBox img {vertical-align:top}
.product_list li .listBox .img_l {float:left; height:221px; padding-left:19px}
.product_list li .listBox .img_l a img {width:165px; height:221px; vertical-align:top}
.product_list li .listBox ul {overflow:hidden; float:right; width:240px; height:auto; margin-top:-10px; padding-right:8px}
.product_list li .listBox ul li {float:none; height:100px; margin-top:-1px; padding:10px 0; border-top:1px solid #ececec}
.product_list li .listBox ul li a {display:inline; width:auto; height:auto; padding:0;border:none; font-weight:normal}
.product_list li .listBox ul li a.photo {float:left}
.product_list li .listBox ul li a.photo img {width:100px; height:100px}
.product_list li .listBox ul li p {float:left; width:125px; padding-left:15px; padding-top:9px}
.product_list li .listBox ul li p span {float:none; border:none; background:none; color:#6f6f6f}
.product_list li .listBox ul li p a {color:#6f6f6f}
.product_list li .listBox ul li p .brand {float:none; border:none; background:none; color:#adadad; font-size:11px}
.product_list li .listBox ul li p em {padding-top:9px}
.product_list li .listBox ul li p em span {display:block; float:none; border:none; background:none; color:#313030}
.product_list li .listBox ul li p em span del {color:#adadad; font-weight:normal}

.product_list2 {overflow:hidden; margin-top:34px}
.product_list2 ul {overflow:hidden; width:940px}
.product_list2 ul li {float:left; padding-right:9px}

/*20120328*/
.product_list3 {margin-top:39px}
.product_list3 .fl_right {float:right}
.product_list3 .fl_right img {width:182px; height:180px}
.product_list3 .fl_left img {width:740px; height:180px}