/*
-----------------------------
저장위치:.//stuff.i-baby.co.kr
File Name : main.css
Date:2010/9월
-----------------------------
*/

@charset "utf-8"; /*언어타입지정*/

@import url(common.css); /* 전체 공통 css import */
@import url(character.css); /* 카테고리 css import */
@import url(table.css); /* 공통 테이블 css import */
@import url(form.css); /* 공통 폼 css import */

#body {background: url(../images/common/layout/bg_navTop.gif) repeat-x 0 0;}
#container {width:996px; margin:0 auto; position:relative;}
#header {margin-bottom:6px;}
#contents_wrapper {text-align:left;}
#subPage {margin-bottom:10px; background: url(../images/common/layout/line_01.gif) repeat-y 103px 0;}
#sidebarL {float:left; width:102px; margin-right:10px; font-size:12px; display:inline; position:relative; z-index:999;}
#contSubPage {float:left; width:675px; display:inline;}
#sidebarR {float:right; width:200px; display:inline;}
.mainItem {width:100%; display:inline-block; margin-bottom:4px;}
.mainLeft {float:left; width:790px; display:inline;}
.mainRight {float:right; width:200px; margin-top:-2px; display:inline; position:relative;}


/** 메인 상단 좌측 아이베이비 대표서비스 **/
#TopContent .mainRight {margin-top:0;}
#TopContent .ServicesOnMain {float:left; width:200px; height:184px; display:inline;}
.ServicesOnMain .services {width:200px; border-bottom:1px solid #c9c9c9;}
.ServicesOnMain .services dt {height:21px; padding-top:10px; text-align:center; background:#ff7c14}
.ServicesOnMain .services dd {background:#f3f4f3; border:1px solid #c9c9c9; border-bottom:none;}
.ServicesOnMain .services dd.active {position:relative;}
.ServicesOnMain .services dd .itemService {}
.ServicesOnMain .services dd .itemService .tit_only {width:176px; height:25px; padding:14px 10px 0; border:1px solid #fff; font-size:0}
.ServicesOnMain .services dd .itemService .tit_only *{vertical-align:middle}
.ServicesOnMain .services dd .itemService .tit_only .num {padding-right:15px;}
.ServicesOnMain .services dd .itemService .showService {width:130px; height:55px; padding:18px 55px 10px 25px; margin:-1px; border:2px solid #ff9f52; background: url(../images/main/bg_services_active.gif) no-repeat 0 0; position:absolute; top:0; z-index:99; display:none;}
.ServicesOnMain .services dd.active .itemService .showService {display:block;}
.ServicesOnMain .services dd .itemService .showService .num {width:23px; height:22px; position:absolute; top:10px; left:0;}
.ServicesOnMain .services dd .itemService .showService .tit_service {margin-bottom:5px;}
.ServicesOnMain .services dd .itemService .showService .text {color:#7d7d7d; line-height:14px;}

/** 메인 상단 중앙 광고 (584x200) **/
#TopContent .slideBox {float:right; width:584px; height:200px; display:inline; overflow:hidden; position:relative;}
#TopContent .sliders {width:584px; height:200px; position:absolute;}
#TopContent .paging {position:absolute; right:10px; bottom:8px; z-index:99;}
#TopContent .paging li {float:left; margin-left:4px;}
#TopContent .paging li a {width:16px; height:12px; padding:2px 0; color:#959595; font-size:12px; font-weight:700; text-align:center; line-height:13px; display:inline-block; background: url(../images/main/bg_sliderMain_num.gif) no-repeat 0 0;}
#TopContent .paging li a:hover, #TopContent .paging li.current a {color:#ff6d14;}
#TopContent .paging li a.current {font-weight:700;}

/** 메인 상단 우측 안전거래 알림 **/
.tradingAlerts {height:78px; padding:10px 10px 0; background:#f3f4f3; border:1px solid #e7e7e7; margin-bottom:2px;}
.tradingAlerts .tit_common {font-size:12px; font-weight:700; margin-bottom:10px; color:#ff7500; width:100%;}
.tradeAlertList li {width:100%; display:inline-block; padding:2px 0; color:#434343;}
.tradeAlertList li a {color:#434343;}
.tradeAlertList li .num {color:#ff7500; font-weight:700;}

/** 메인 중간 직거래장 **/
.ColLeft {float:left; width:124px; display:inline;}
.ColCenter {float:left; width:430px; padding:6px 0 0 14px; margin-top:4px; display:inline;}
.ColRight {float:right; width:204px; padding:6px 4px 0; margin-top:4px; display:inline; border-left:1px solid #eaeaea;}
.categories {border-right:1px solid #e7e7e7;}
.categories .tit_cat {height:16px; padding:5px 10px; color:#fff;}
.categories .cat li {width:100%; display:inline-block; padding:13px 0 12px; font-size:12px; background:#f3f4f3; border-bottom:1px solid #e7e7e7;}
.categories .cat li.last {border-bottom:none;}
.categories .cat li a {display:inline-block; padding:0 20px 0 10px; color:#313131;}
.categories .cat li .current {font-weight:700;}
.categories .cat li.registration {text-align:center;}
.categories .cat li.registration a {color:#7fa708; font-size:12px; font-weight:700; padding:5px 18px 5px 10px; border:2px solid #8cbd13; background:#fff url(../images/common/layout/arrow_green_01.gif) no-repeat 90% 50%;}
.categories .cat li.registration a:hover {background:#fff url(../images/common/layout/arrow_green_01.gif) no-repeat 90% 9px;}
.categories .cat li.review {text-align:center;}
.categories .cat li.review a {color:#ff7500; font-size:12px; font-weight:700; padding:5px 18px 5px 10px; border:2px solid #ff9f52; background:#fff url(../images/common/layout/arrow_orange_01.gif) no-repeat 90% 50%;}
.categories .cat li.review a:hover {background:#fff url(../images/common/layout/arrow_orange_01.gif) no-repeat 90% 9px;}
.catGreen .tit_cat {background: url(../images/common/layout/bg_tit_green.gif) no-repeat 0 0;}
.catGreen .cat li a {cursor:pointer;}
.catGreen .cat li .current {color:#7fa708; background: url(../images/common/layout/arrow_green_01.gif) no-repeat 100% 4px;}
.catOrange .tit_cat {background: url(../images/common/layout/bg_tit_orange.gif) no-repeat 0 0;}
.catOrange .cat li a {cursor:pointer;}
.catOrange .cat li .current {color:#ff7500; background: url(../images/common/layout/arrow_right_01.gif) no-repeat 100% 4px;}
.cat_sub {}
.cat_sub .item {float:left; padding-right:14px; margin-right:11px; line-height:12px; border-right:1px solid #e7e7e7;}
.cat_sub .item.last {padding-right:0; margin-right:0; border-right:none;}
.cat_sub .item a {color:#444; font-weight:normal;}
.cat_sub .item .current {font-weight:700;}
.tradingWrp {width:422px; height:155px; overflow:hidden; position:relative;}
.tradingWrp .listTrading {width:200%; display:inline-block; position:absolute;}
.tradingWrp .listTrading li {float:left; width:74px; padding:0 18px 0 14px; display:inline; color:#747a60; text-align:center; line-height:14px;}
.tradingWrp .listTrading li .img {width:100%; display:inline-block; margin-bottom:15px; text-align:center;}
.tradingWrp .listTrading li .img img {width:72px; height:72px; border:1px solid #c9c9c9;}
.tradingWrp .listTrading li .info {color:#747a60; line-height:14px;}
.tradingWrp .listTrading li .info .tit {margin-bottom:5px;}
.tradingWrp .listTrading li .info .tit a {padding:3px 5px 2px; color:#fff; background:#8cbd13;}
.tradingWrp .listTrading li .info .text {width:74px; overflow:hidden; white-space:nowrap; cursor:pointer;}
.tradingWrp .listTrading li .info .price {font-weight:700;}
.tradingWrp .btn_ctrl_left, .tradingWrp .btn_ctrl_right {width:8px; height:12px; position:absolute; top:45px;}
.tradingWrp .btn_ctrl_left {left:0;}
.tradingWrp .btn_ctrl_right {right:0;}
.tradingWrp .pagingWrp {position:absolute; right:0; bottom:0;}
.tradingWrp .pagingWrp .pageNum {margin-right:8px; color:#a0a0a0;}
.tradingWrp .pagingWrp *{vertical-align:bottom;}

/** 메인 중간 우측 안전거래 후기 **/
.ratingBox {}
.ratingBox li {padding:8px 0 8px 5px; border-bottom:1px solid #e7e7e7;}
.ratingBox li.last {padding-bottom:0; margin-bottom:0; border-bottom:none;}
.ratingBox li .rating {margin-bottom:7px; white-space:nowrap; overflow:hidden;}
.ratingBox li .rating .ico_star {display:inline-block; margin-right:10px;}
.ratingBox li .rating .tit {color:#747a60;}
.ratingBox li .text {width:180px; font-size:12px; color:#434343; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}

/** 메인 중간 중고책방,쇼핑몰 **/
#BookStore .mainLeft {border-top:2px solid #ff7500;}
.listStore {}
.listStore li {float:left; width:194px; margin:0 36px 25px 0; display:inline;}
.listStore li.lastRow {margin-right:0;}
.listStore li .img {float:left; width:55px; padding:0 11px; display:inline;}
.listStore li .img img {width:55px; height:55px; border:1px solid #c9c9c9;}
.listStore li .info {float:left; width:115px; padding-top:2px; display:inline;}
.listStore li .info .tit {height:43px;overflow:hidden; text-overflow:ellipsis;}
.listStore li .info .tit a{color:#747a60; line-height:14px;}
.listStore li .info .botInfo {font-weight:700;}
.listStore li .info .botInfo .lbl_class {color:#313131; margin-right:5px;}
.listStore li .info .botInfo .price {color:#ff7500;}

/** 메인 중간 우측 아베에 책팔기 **/
.SellBooks {}
.SellBooks li {width:100%; display:inline-block; margin-bottom:8px; font-size:12px; color:#747a60;}
.SellBooks li span {display:inline-block;}
.SellBooks li .tit {width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SellBooks li .class {width:20px; color:#7fa708; font-weight:700;}
.SellBooks li .date {width:33px;}
.SellBooks li a:hover {color:#8bbd12;}
.btnApplySell {text-align:center; padding:10px 0;}
.btnApplySell a {color:#ff7500; font-size:12px; font-weight:700; padding:5px 18px 5px 10px; border:2px solid #ff9f52; background:#fff url(../images/common/layout/arrow_right_01.gif) no-repeat 94% 50%;}

/** 메인 중간 커뮤니티 **/
#Community {margin-bottom:11px;}
#Community .mainLeft {border-top:2px solid #c9c9c9;}
#Community .mainLeft .CommuLeft {float:left; width:567px; padding-top:6px; margin-top:4px; display:inline;}
#Community .mainLeft .CommuLeft .fl {padding-left:10px;}
#Community .mainLeft .CommuLeft .link_fr {padding-right:14px; margin-right:48px; border-right:1px solid #e7e7e7;}
.CommuLeft .col01 {float:left; width:245px; padding-left:10px; display:inline;}
.CommuLeft .col02 {float:right; width:280px; display:inline;}
.CommuLeft .col01 .tit_common {margin-bottom:10px;}
.CommuLeft .col02 .tit_common {margin-bottom:6px;}
.CommuLeft .col01 .content {width:245px; height:95px; overflow:hidden; position:relative;}
.photoContest {width:200%; height:95px; position:absolute;}
.photoContest li {float:left; width:111px; margin-right:21px; display:inline;}
.photoContest li .img {width:109px; margin-bottom:8px; text-align:center;}
.photoContest li .img img {border:1px solid #b3b3b3;}
.photoContest li .link {width:109px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
.photoContest li .link a {color:#434343;}
.tbl02 {width:100%;}
.tbl02 th, .tbl02 td {padding:3px 0;}
.tbl02 td {color:#aaa;}
.tbl02 td a {color:#434343; font-size:12px;}

/** i-baby 보험 **/
#main_container {width:996px; margin-top:10px;}
#main_container .tit { margin-bottom: 13px; }
#main_container .exhibit_area { position:relative;float:left;width:524px; }
#main_container .exhibit_area ul li { position:relative;float:left;width:262px; }
#main_container .product_area { position:relative;float:left;width:264px; }
#main_container .product_area ul li { position:relative;float:left;width:132px; }
#main_container .product_area .banner { height: 89px; }
#main_container .product_area .txt { color:#1aa8da; letter-spacing: -1px; }
#main_container .product_area ul li dl { height: 40px; line-height: 17px; letter-spacing: -1px; }
#main_container .product_area ul li dl dd a:hover { text-decoration: none; }
#main_container .qna_area { position:relative;float:right;width:199px;}
#main_container .qna_area ul { height: 90px; background: url("http://insu.lotte.com/ibaby/images/ibanner/img_ibaby_bg.jpg") no-repeat;}
#main_container .qna_area ul li { line-height: 23px; margin-left: 10px;}
#main_container .qna_area ul li a:hover { text-decoration: none; }
#main_container .qna_area .txt {display:inline-block; width:199px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

ul.prvList {}
ul.prvList li { background:url(../images/etc/prv_bl.gif) 0 3px no-repeat; padding-left:14px; line-height:18px; font-size:12px;}
ul.prvList li a:link {color:#fff; text-decoration:none;}
ul.prvList li a:active {color:#fff; text-decoration:none;}
ul.prvList li a:visited {color:#fff; text-decoration:none;}
ul.prvList li a:hover {color:#fff; text-decoration: underline;}

.tit_mypage { padding-left:10px; background:url(../images/Ibook/ico_orgbullet.gif) no-repeat 3px 3px; font-family:"돋움"; color:#434343;font-size:12px; font-weight:700; padding-bottom:10px;}

#titleType04 {width:675px; height:86px; border-bottom:1px solid #dfdfdf; margin-bottom:7px; overflow:hidden;}
#titleType04 img.margin {margin-top:10px; margin-left:14px;}
#titleType04 table.titleTable {margin-top:10px; margin-left:15px;}
#titleType04 table.titleTable tbody tr th {width:142px; height:40px; text-align:left; vertical-align:top;}
#titleType04 table.titleTable tbody tr td {width:380px; font-family:돋움,굴림,Verdana; font-size:14px; color:#ff7b13; font-weight:bold; letter-spacing:-1px; text-align:left; vertical-align:top; padding-top:22px; overflow:hidden;}

/* 고객센터 공지*/
#MnoticeMain{width:211px; height:162px; margin-left:10px; float:left; border:1px solid #BEBEBE;}
#MnoticeMain #txtNotice{ text-align:left; margin-left:0px; height:120px; background:#F7F7F7;}
#MnoticeMain #txtNotice dl dd{height:23px; line-height:23px; vertical-align:middle;border:0px solid #E7E7E7; border-bottom-width:1px;padding:0px 10px;}
#MnoticeMain #txtNotice span{color:#FD872D;}
#MnoticeMain #txtNotice dl dd a:link {color:#505050; text-decoration:none; font-size:11px;}
#MnoticeMain #txtNotice dl dd a:visited {color:#505050; text-decoration:none; font-size:11px;}
#MnoticeMain #txtNotice dl dd a:hover {color:#FD872D; text-decoration:none; font-size:11px;}


/* 고객센터 */
.hDivView {color:#626262; background-color:#fffaf3; padding:10px 10px 10px 10px; margin-right:7px; margin-bottom:5px;}


/* 2013.07 개편시 추가 사항 */
.ratingBoxArea {margin-top:6px;padding:20px 10px;border:1px solid #c9c9c9}
.ratingBoxArea .tit_common {margin-bottom:0;padding-bottom:8px;border-bottom:1px solid #e7e7e7}

.boxcmn {border:1px solid #c9c9c9}
.boxcmn .heading {position:relative;padding:6px 20px;border-bottom:1px solid #c9c9c9}
.boxcmn .heading .tit {float:left;padding:7px 0;}
.boxcmn .heading .btn {font-size:0}
.boxcmn .heading .btn a {margin-left:2px}

.tradingListArea {width:394px;padding:20px 0}
.tradingListArea .inner {padding:0 20px}
.tradingListAreaLeft .inner {border-right:1px solid #c9c9c9}
.tradingListArea .tit_common {margin-bottom:9px;font-size:11px;font-weight:normal}
.tradingListArea .tit_common strong {font-weight:bold}
.tradingListArea .tit_common span {padding:0 5px;}
.tradingListArea .list li {float:left;text-align:center;margin-right:19px}
.tradingListArea .list li.lst {margin-right:0}
.tradingListArea .list .img img {border:1px solid #C9C9C9;width:72px;height:72px}
.tradingListArea .list .info {margin-top:15px;color:#747A60;line-height:15px;*margin-top:11px}
.tradingListArea .list .info .tit {margin-bottom:3px}
.tradingListArea .list .info .tit span {background:#8CBD13;padding:3px 5px 2px;color:#fff}
.tradingListArea .list .info {width:72px; white-space:nowrap; overflow:hidden;}
.tradingListArea .list .info .price {font-weight:bold}

#Book_n_Community .heading .btnMore {position:absolute;top:15px;right:20px;color:#aaa}
#Book_n_Community .bookStore {margin-bottom:5px}
#Book_n_Community .bookWrp {position:relative;padding:16px 0}
#Book_n_Community .bookWrp .btn {position:absolute;top:56px}
#Book_n_Community .bookWrp .prev {left:10px}
#Book_n_Community .bookWrp .next {right:10px}
#Book_n_Community .bookWrp .inner {overflow:hidden;width:734px;margin:0 auto}
#Book_n_Community .bookWrp .list {width:2000px}
#Book_n_Community .bookWrp .list li {float:left;width:230px;margin-right:20px}
#Book_n_Community .bookWrp .list .img {float:left}
#Book_n_Community .bookWrp .list .info {float:left;margin:5px 0 0 14px;width:96px;line-height:14px}
#Book_n_Community .bookWrp .list .info .subject {width:100%;height:68px;overflow:hidden;text-overflow:ellipsis;}
#Book_n_Community .bookWrp .list .info .price {margin-top:5px;font-weight:bold;font-size:12px}
#Book_n_Community .bookWrp .list .info .price .numb {color:#FF7500}

#Book_n_Community .community {float:left;width:542px}
#Book_n_Community .community .cont {padding:16px 20px}
#Book_n_Community .community .stit {margin-bottom:7px;font-weight:bold;color:#7fa708}
#Book_n_Community .community .photo_contest {float:left;width:265px}
#Book_n_Community .community .photo_contest .list li {float:left;width:120px;margin-right:10px;line-height:16px}
#Book_n_Community .community .photo_contest .list img {border:1px solid #c9c9c9;}
#Book_n_Community .community .photo_contest .list .link {margin:5px 0 2px;font-weight:bold;font-size:12px;width:100%;overflow:hidden;white-space:nowrap;}
#Book_n_Community .community .photo_contest .list .link a {color:#444;}
#Book_n_Community .community .photo_contest .list .contents {width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;}
#Book_n_Community .community .news {float:right;width:235px;line-height:19px;*line-height:18px}
#Book_n_Community .community .news .stit {margin-bottom:0}
#Book_n_Community .community .news .txt {overflow:hidden;float:left;width:180px;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#aaa}
#Book_n_Community .community .news .txt a {color:#444;font-size:12px;}
#Book_n_Community .community .news .author {float:right;color:#aaa}
#Book_n_Community .bestSeller {float:right;width:238px}
#Book_n_Community .bestSeller .SellBooks {padding:15px 20px 10px}
#Book_n_Community .bestSeller .SellBooks li {margin-bottom:5px;line-height:15px;*line-height:14px;}
#Book_n_Community .bestSeller .SellBooks .tit {float:left;width:145px;}
#Book_n_Community .bestSeller .SellBooks .tit a {width:100%;overflow:hidden;white-space:nowrap;}
#Book_n_Community .bestSeller .SellBooks .class {float:left}
#Book_n_Community .bestSeller .SellBooks .date {float:right}
#Book_n_Community .bestSeller .btn {text-align:center;padding-bottom:17px}

#banner_trade_top {height:110px}