/*
------------------------------------------------------------
website : http://www.i-baby.co.kr/
File Name : tradeLayout.css
css version : 2.0
Maker : IdeuMotion_JK (ideumotion@gmail.com)
Last Update : 2010-10
explanation : "멤버쉽" 관련 레이아웃 구조 정의
Modify Date: 
------------------------------------------------------------
*/

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

@import url(/assets/css/common.css); /* 전체 공통 css import */
@import url(/assets/css/character.css); /* 카테고리 css import */
@import url(/assets/css/table.css); /* 공통 테이블 css import */
@import url(/assets/css/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;}

/** 아베에 책팔기 신청하기 **/
#inputTradeArea {width:100%; border-bottom:1px solid #e7e7e7; margin:5px 0 15px; padding-bottom:10px;}
.inputTradeTable {width:675px;}
.inputTradeTable th {width:130px; font-size:10pt; color:#434343; font-weight:700; padding-left:10px; margin-top:0; line-height:32px;}
.inputTradeTable td {width:545px; font-size:10pt; color:#434343; padding-left:10px; margin-top:0;  line-height:32px;}
.inputTradeTable td select {font-size:9pt;}

/** 아베에 책팔기 내역 **/
#BrandListWrap {width:675px; text-align:left; overflow:hidden;}
#BrandListWrap #title {width:675px; height:19px;}
#BrandListWrap #title img {margin-left:10px;}
#BrandListWrap #productList {width:675px; padding-bottom:20px; background:url('../images/shopping/bg_choicerecomm_th_01.gif') bottom left rep; overflow:hidden;}
#BrandListWrap #productList table td.pic	{ width:105px; padding:10px 0 10px 10px;}
#BrandListWrap #productList table td.pic td	{ width:98px; height:98px; border:1px solid #dfdfdf; text-align: center; padding:0;}
#BrandListWrap #productList table td.picS	{ width:60px; padding:5px 0 5px 5px;}
#BrandListWrap #productList table td.picS td	{ width:50px; height:50px; border:1px solid #dfdfdf; text-align: center; padding:0;}
#BrandListWrap #productList table td.name	{ text-align:left; padding:13px 10px 0 10px;}
#BrandListWrap #productList table td.name strong	{ display: block;}
#BrandListWrap #productList table td.price	{ width:83px; text-align:center;vertical-align:middle;}
#BrandListWrap #productList table td.price del	{ display: block;}
#BrandListWrap #productList table td.price ins	{ display: block; text-decoration:none; color:#e0b200; font-weight:bold;}
#BrandListWrap #productList table td.mileage	{ text-align:center;vertical-align:middle; color:#ff9f50; font-weight:700;}
#BrandListWrap #productList table td.buying	{ text-align:center;vertical-align:middle; }
#BrandListWrap #productList table th em{color:#ff7b13;text-decoration:underline;font-style:normal;}
#BrandListWrap #productList table td.grade	{ text-align:center; vertical-align:middle;}
#BrandListWrap #productList table td.bName	{ text-align:left; padding:0;}
#BrandListWrap #productList table td.nick {text-align:center; vertical-align:middle;}
#BrandListWrap #productList table td.grade img {display:inline;}
#BrandListWrap #productList table td.icoImg{text-align:center;}
#BrandListWrap #productList table td.txt01{padding:20px 0;line-height:16px;}
#BrandListWrap #productList table td.writtenInfo{font-size:11px;color:#999;padding-left:10px;line-height:16px;}

/** 아베에 책팔기 상세내역 **/
.ditTit {width:675px; height:26px; background-color:#f3f4f3; border-top:1px solid #ff7500; border-bottom:1px solid #e7e7e7; margin-top:20px;}
.ditTit span{color:#ff7500; font-weight:700; padding-left:6px; line-height:26px; font-size:12px; vertical-align:middle;}
table.dit1{width:675px; font-size:12px; line-height:17px; border-collapse:collapse;}
table.dit1 span{font-weight:700;}
table.dit1 tr {border-bottom:1px solid #e7e7e7;}
table.dit1 th{text-align:left; padding-left:15px; color:#898989; border-bottom:1px solid #e7e7e7; }
table.dit1 td{ padding:6px 0 6px 10px; line-height:20px; border-bottom:1px solid #e7e7e7; }
table.dit2{width:675px; font-size:12px; line-height:15px; border-collapse:collapse;}
table.dit2 span{font-weight:700;}
table.dit2 tr {}
table.dit2 th{text-align:left; padding-left:15px; color:#898989; border-bottom:1px solid #e7e7e7;}
table.dit2 td{ text-align:left; padding:6px 0 6px 0px; line-height:15px;  }
table.dit2 td.arrowGray{background:url('../images/Ibook/ico_graybullet.gif') no-repeat 15px 50%; padding:6px 0 6px 25px; width:125px;}
table.dit2 td.last{width:110px;}
.btn_aberegister {width:675px; text-align:right; margin-top:20px; margin-bottom:30px;}

/** 마이페이지 내역 **/
.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;}
.mypage_prdBig {width:100%; display:inline-block; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.mypage_prdBig .inner {padding:0 12px 10px 12px;}
.mypage_prdBig .inner2 {padding:0 12px 0 12px; margin-bottom:-10px;}
.mypage_prdBig ul li {width:100%; display:inline-block; padding:4px 0; font-size:12px; line-height:16px;}
.mypage_prdBig ul li .lbl_prdBig, .mypage_prdBig ul li .text {display:inline-block;}
.mypage_prdBig ul li .lbl_prdBig {float:left; width:140px; font-size:12px; color:#434343; vertical-align:top; }
.mypage_prdBig ul li .text {float:right; width:510px; font-size:12px; color:#434343;}
.mypage_prdBig ul li .text *{vertical-align:middle;}
.mypage_prdBig ul li .text .orangeB {color:#ff7500; font-weight:700;}
.mypage_prdBig ul li .text .gray {color:#898989;}

/* 마이페이지 리스트 스타일 */
.MypageList { width:675px; margin-bottom:20px;}
.MypageList th { border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; color:#444444; font-weight:normal; text-align:center; background:url(../images/mypage/bg_right.gif) no-repeat right center #f8f8f8; font-size:11px; font-family:돋움; height:26px; line-height:26px; }
.MypageList td { border-bottom:1px solid #e7e7e7; text-align:center; color:#444444; font-weight:normal; font-size:12px; font-family:굴림; padding:6px 6px 5px 6px; }
.MypageList td img { vertical-align:middle; }
.MypageList .Last { background:none #f8f8f8; }
.MypageList .ThStyle { background:url(../images/member/dot_tbr.gif)  repeat-x left bottom #f8f8f8; text-align:left; padding:8px 0 7px 9px; font-size:11px; font-family:돋움; color:#444444; }
.MypageList .Left { text-align:left; padding:6px 6px 5px 6px; }
.MypageList .nodata { width:100%; text-align:center; color:#aaaaaa; }
.MypageList .day { color:#aaaaaa; }
.MypageList .cnt { color:#aaaaaa; }
.MypageList .cuponN { }
.MypageList .dayW { color:#aaaaaa; }
.MypageList .ProductC { text-align:left; padding-left:12px; padding-right:12px; }
.MypageList .DayR { color:#aaaaaa; }
.MypageList .Sdata { }
.MypageList .PCost { padding-right:7px; text-align:right;}
.MypageList .PType {  }
.MypageList .Rsta { color:#ff9f50; }
.MypageList .Rsta img{ margin:2px 0px 2px 0px;vertical-align:middle; }
.MypageList .Num { }
.MypageList .Title { text-align:left; }
.MypageList .Timg { text-align:left; text-align:center; }
.MypageList .Timg img { width:24px; height:18px; }
.MypageList .Rcop { }
.MypageList .Del { }
.MypageList .Bas { }
.MypageList .mil { text-align:right; padding-right:7px; }
.MypageList .Tcost { text-align:right; padding-right:7px; }
.MypageList .vol { text-align:center; }
.MypageList .vol dl { }
.MypageList .vol dl dt { float:left; }
.MypageList .vol dl dd { float:left; display:inline; line-height:0; font-size:0; padding-top:1px; padding-left:2px; *padding-left:0px; }
.MypageList .vol dl dd img { margin-top:1px; }
.MypageList .vol .inputNumVol { border:1px solid #e0e0e0; height:15px; width:19px; padding:3px 5px 0 5px; font-size:12px; color:#444444; margin-left:6px; }
.MypageList .Title2 { text-align:left; padding-left:7px; padding-right:7px; }
.MypageList .Viewtxt { width:100%; text-align:left; padding:15px 25px 15px 25px; line-height:16px; word-break:all;}
.MypageList .imgR { padding-left:3px; }
.MypageList .imgR img { width:24px; height:18px; }
.MypageList .TitleR { text-align:left; padding-left:3px; }
.MypageList .addr { color:#aaaaaa; }
.MypageList .state { color:#ff9f50; }
.MypageList .Addr { width:90%; text-align:left; padding:6px 6px 5px 6px; word-break:all; }
.MypageList span.comment {color:#ff9f50;}
.MypageList .noneb { border-bottom:none; }

/* 마이페이지 리스트 스타일2 */
.MyPageList2 { width:675px; border-top:1px solid #dfdfdf; margin:0 0 27px 0; }
.MyPageList2 th { text-align:left; vertical-align:middle; padding:6px 19px 5px 19px; background:#f3f4f3; color:#434343; border-bottom:1px solid #dfdfdf; }
.MyPageList2 td { text-align:left; padding:6px 10px 5px 6px; border-bottom:1px solid #dfdfdf; color:#444; }

/* 회원정보수정 입력정보 */
.titleUserData{padding: 10px 0 2px 10px; height:22px; vertical-align:middle; background:#f3f4f3; border-top:1px solid #ff7500; border-bottom:1px solid #f3f4f3; font-family:"돋움"; color:#434343;font-size:12px; font-weight:700;}
.titleUserData span{ margin-left:5px; color:#ff7500; font-size:11px; font-weight:normal;}
.titleUserData .sub{ margin-left:15px; color:#434343; font-size:11px; font-weight:normal;}
.titleUserData2 {padding: 10px 0 2px 10px; height:22px; vertical-align:middle; background:#f3f4f3; border-top:1px solid #ff7500; border-bottom:1px solid #f3f4f3; font-family:"돋움"; color:#434343;font-size:12px; font-weight:700; margin-bottom:20px;}
.titleUserData2 .sub{ margin-left:15px; color:#434343; font-size:11px; font-weight:normal;}
.UserDataBtn{width:675px; text-align:right; margin-top:10px; margin-bottom:20px;font-size:12px;}
.Join_UserData { color:#434343; font-size:12px; margin:5px 0 25px 0; }
.Join_UserData th { text-align:left; vertical-align:middle; padding:7px 0 7px 5px; }
.Join_UserData td { text-align:left; line-height:30px; }
.Join_UserData .InputType { border:1px solid #e0e0e0; height:16px; padding:3px 5px 0 5px; font-size:12px; color:#444444; }
.orgBold { color:#ff7500; font-weight:700; }
.InputData_Title { padding-bottom:8px; }

.titleMypage{padding-left:10px; background:url(../images/Ibook/ico_orgbullet.gif) no-repeat 3px 3px; font-family:"돋움"; height:22px; vertical-align:middle; color:#434343;font-size:12px; font-weight:700;}
.titleMypage span{ margin-left:5px; color:#ff7500; font-size:11px; font-weight:normal;}
.titleMypage .sub{ margin-left:15px; color:#434343; font-size:11px; font-weight:normal;}
.titleMypage2 {padding-left:10px; background:url(../images/Ibook/ico_orgbullet.gif) no-repeat 3px 3px; font-family:"돋움"; height:22px; vertical-align:middle; color:#434343;font-size:12px; font-weight:700; margin-bottom:10px;}
.titleMypage2 .sub{ margin-left:15px; color:#434343; font-size:11px; font-weight:normal;}

/** 검색 영역 **/
#searchBox {height:100px; position:relative;}
#logo {width:175px; height:34px; position:absolute; top:40px; left:12px;}
#searchArea {width:422px; height:60px; position:absolute; top:15px; left:287px;}
#searchArea .inputArea {float:left; width:366px; height:60px; display:inline;}
#searchArea .inputArea .titInput {width:100%; height:14px; display:inline-block; margin-bottom:5px; text-align:center;}
#searchArea .inputArea .titInput .topics {color:#daaf00; font-weight:700;}
#searchArea .inputArea .inputBox {float:left; width:346px; height:21px; padding:5px; border:5px solid #ff7500;}
#searchArea .inputArea .inputBox .select {width:80px; background: none; border:medium none;}
#searchArea .inputArea .inputBox .input_txt {width:260px; background: none; border:medium none;}
#searchArea .inputArea .inputBox *{vertical-align:middle;}
#searchArea .btnSearch {float:right; width:50px; height:41px; padding-top:19px; display:inline;}

/** 네비게이션 **/
#gnb {height:31px; background: url(../images/common/layout/bg_gnb_orange.gif) repeat-x; border:1px solid #ff7500;}
.gnb {float:left; height:31px; padding-left:55px;}
.gnb li {float:left; height:31px; padding:0 15px;}
.gnb li a{float:left;}
#gnb .currUpNum {float:right; width:170px; height:13px; padding:9px 25px 0 8px;background: url(../images/common/layout/line_gnb_orange.gif) no-repeat 0 100%;}
#gnb .currUpNum .inner {width:170px; height:13px; position:relative; overflow:hidden;}
#gnb .currUpNum ul {width:170px; height:13px;}
#gnb .currUpNum li {float:left; width:170px; height:13px; color:#fff; line-height:15px; text-align:right; }
#gnb .currUpNum li a {width:170px; height:13px; color:#fff; line-height:15px;}

/* 택배안내 */
.SvrHopTxt { margin:0 0 10px 17px; }
.SvrHopTxt li { color:#444; margin:0 0 0 0; line-height:13pt; }

.SvrHopTxt2 { margin:0 0 0 18px; }
.SvrHopTxt2 li { color:#aaaaaa; margin:0 0 0 0; line-height:16px; }

/** 프로필 수정 **/
#sellerPhoto{ float:left; padding:20px;}
#sellerPhoto .selltable{ width:150px;}
#sellerPhoto .selltable tr { text-align:center;}
#sellerPhoto .selltable td { line-height:16px; padding-top:10px;}
#sellerInfoCont {float:right; background:#F9F9F9; width:450px; padding:15px;margin-top:20px;}
#sellerInfoCont tr{line-height:20px;}
#sellerInfoCont td {padding-left:20px;}
#sellerInfoContBtn{width:480px; margin-top:10px; text-align:right;}
#sellerInfoContBtn img{ margin-left:10px;}

/* pageing */
.pageing {position:relative; width:675px; height:20px; margin-top:18px;}
.pageing .btnGroup_left {position:absolute; top:-4px; left:0px; width:675px; font-family:돋움,굴림,Verdana; font-size:11px; color:#444444; text-align:left;}
.pageing .btnGroup_left img {margin-right:3px;}
.pageing .btnGroup_left span {color:#f44f00;}
.pageing .btnGroup_right {position:absolute; top:-4px; left:0px; width:675px; text-align:right;}
.pageing .btnGroup_right img {margin-left:3px;}
.pageing a:link {color:#404040; text-decoration:none;}
.pageing a:active {}
.pageing a:visited {color:#404040; text-decoration:none;}
.pageing a:hover {color:#ff7635; text-decoration:underline;}
.pageing ul {text-align:center;}
.pageing ul li {display:inline; margin-left:-3px;}
.pageing ul li.num {font-family:돋움,굴림,Verdana; font-weight:bold; padding:0px 15px 0px 5px; background:url('../images/common/ico/ico_pageing_line.gif') top right no-repeat;}
.pageing ul li.numEnd {font-family:돋움,굴림,Verdana; font-weight:bold; padding:0px 15px 0px 4px; background:none;}
.pageing ul li.active {color:#ff7635; font-weight:bold;}
.pageing ul li img.first {margin-top:-1px; margin-right:3px;}
.pageing ul li img.prev {margin-top:-1px; margin-right:3px;}
.pageing ul li img.next {margin-top:-1px; margin-left:3px;}
.pageing ul li img.end {margin-top:-1px; margin-left:3px;}

/* 마이페이지 서브탭 타이틀 */
.sMypage_title { margin:0 0 8px 0; color:#444444; font-size:12px; font-weight:normal; font-size:11px; }

/*사이트 소개new */
.abtCon {font-size: 9pt; color: #434343; line-height: 14pt; }
.abtConBold {font-size: 9pt; color: #898989; line-height: 14pt; font-weight:bold; }
.abtConDit {font-size: 9pt; color: #959595; line-height: 14pt; }
.tableLine { line-height:1.9em; background-image:url(../images/etc/line_gray.gif); background-repeat:repeat-x; background-position:bottom left; }
.tableLineOrg { line-height:1.9em; background-image:url(../images/etc/line_orange.gif); background-repeat:repeat-x; background-position:bottom left; }
.companyWork { line-height:1.9em; background-image:url(../images/etc/abt_3type.gif); background-repeat:no-repeat; background-position:top right; }

/* 2011.3.2 교환반품환불 요청*/
#exTable table { width:675px; border-collapse: collapse; padding:3px 0px 3px 0px; }
#exTable td {border: 1px solid; }
#exTable .exTitle{ background-color:#f5f5f5; height:25px; text-align:center; font-size:11px; font-weight:bold; color:#656565;}
#exTable .exBody{ text-align:left; vertical-align:top; font-size:11px; color:#656565; padding:3px 3px 3px 0px; }

div.sitePadd { padding-left:15px;}
div.siteAbtPadd { padding-left:15px; line-height:20px;}

#titleType04 {width:675px; height:110px; border-bottom:1px solid #dfdfdf; margin-bottom:7px; overflow:hidden;}
#titleType04 img.margin {margin-top:33px; margin-left:14px;}
#titleType04 table.titleTable {margin-top:13px; 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;}

/** Mypage > 전화번호, 아베친구 **/
.tb_line_top0 {border:0px solid #f3f2ed; border-collapse:collapse; border-top-width:0px;}
.cate_outline {border:1px solid #f3f2ed; border-collapse:collapse; width:260px; height:260px; margin: 3px 3px 3px 3px; }
.bk_gray_e9 {background: #f3f2ed;border:0px; width:100%; border-collapse:collapse;}


/* 총 구매금액 */
.TotalCost { width:675px; margin:12px 0 34px 0; }
.TotalCost .Left { text-align:left; }
.TotalCost .Right { text-align:right; color:#444444; font-size:11px; font-weight:normal; }
.TotalCost .Right span { font-weight:bold; font-size:14px; color:#ff7b13; margin-left:18px; margin-right:18px; }

/* 게시판 검색 */
.boardSearch {width:675px; text-align:center; vertical-align:top; margin-top:12px; overflow:hidden;}
.boardSearch table.boardsearchTable {}
.boardSearch table.boardsearchTable tbody tr td {text-align:left; vertical-align:top;}

.boardSearch2 {width:675px; text-align:center; vertical-align:top; margin-top:12px; border-bottom:#dfdfdf 1px solid; border-top:#dfdfdf 1px solid; background:#f8f8f8; padding-top:15px; padding-bottom:15px;}
.boardSearch2 table.boardsearchTable {}
.boardSearch2 table.boardsearchTable tbody tr td {text-align:center; vertical-align:top;}
.boardSearch2 table.boardsearchTable tbody tr td span.boardSearchCheck { color:#aaa;}
.boardSearch2_input {  border:1px solid #e0e0e0; height:16px; width:240px; padding:3px 5px 0 5px; font-size:12px; color:#444444; }