@charset "euc-kr";
/* 
------------------------------------------------------------
IdeaBeans Markup Engineer
first written:JJH 141208
updated: 
------------------------------------------------------------
*/

@import url("default.css");

#mainWrap {display:inline-block; width:100%; background:url('/tpl/images/main/bg_main.jpg') no-repeat center 0;}
#mainWrap #header {position:relative; width:1000px; height:80px; margin:0 auto;}
#mainWrap #header .header {display:inline-block; height:80px;}
#mainWrap #header .header h1 {float:left; margin:21px 46px 0 0;}
#mainWrap #header .header .gnb {float:left; margin:46px 0 0;}
#mainWrap #header .header .gnb li {float:left; margin-right:11px; padding:0 14px 0 0; background:url('/tpl/images/common/bg_gnb.gif') no-repeat right 1px;}
#mainWrap #header .header .gnb li.last {margin:0; padding:0; background:none;}
#mainWrap #header .util {position:absolute; top:50px; right:1px;}
#mainWrap #header .util li {float:left; margin-right:9px; padding-right:10px; background:url('/tpl/images/common/bg_util.gif') no-repeat right 1px;}
#mainWrap #header .util li.last {margin:0; padding:0; background:none;}

#contents {width:1000px; margin:0 auto;}
#contents .lnb {float:left; width:170px; background:url('/tpl/images/common/bg_lnb.gif') repeat 0 0;}
#contents .lnb dl {margin-bottom:13px;}
#contents .lnb dl dt {line-height:8px;}
#contents .lnb .banner {width:147px; margin:20px auto 0px;}
#contents .lnb .banner li {margin-bottom: 20px;}
#contents .lnb .social {display:inline-block; width:147px; margin:10px 0 15px 12px;}
#contents .lnb .social li {float:left; margin-right:7px; margin-top: 5px;}
#contents .lnb .support {clear:both; padding-bottom:25px; background:#428b7e;}
#contents .lnb .support ul {margin-bottom:1px;}
#contents .lnb .author {margin-left:15px;}

#contents .contents {float:left;}
#contents .contents .divide01 {float:left; width:521px;}
#contents .contents .divide02 {float:left; width:300px;}
#contents .contents .mainBanner {}
#contents .contents .mainBanner ol {display:inline-block; width:531px; height:40px;}
#contents .contents .mainBanner ol li {display:inline-block; float:left; position: relative; width: 38px; border-right:1px solid #595959; overflow: hidden;}
#contents .contents .mainBanner ol li.first {width: 364px;}
#contents .contents .mainBanner ol li.on {border-right:none;}
#contents .contents .mainBanner ol li span {display:inline-block; float:left; width:38px; height:27px; padding-top:13px; color:#fff; text-align:center; cursor:pointer; background:#202020;}
#contents .contents .mainBanner ol li.on span {background:#c4111a;}
#contents .contents .mainBanner ol li a {display:inline-block; position: absolute; top: 0; left: 38px; width:0; color:#24180d; font-size:0; text-decoration:none;}
#contents .contents .mainBanner ol li.on a {width:391px; padding:15px 0 14px 15px; font-size:12px; color:#24180d; line-height:11px; background:#eaeaea;}
#contents .contents .mainBanner ol li.on2 span {background: #202020;}
#contents .contents .mainBanner .bxslider {clear:both;}
#contents .contents .mainBanner .bannerSlide {width:521px;}

#contents .contents .newBook {clear:both; position:relative; width:493px; height:294px; padding:14px 0 0 28px; border-bottom :1px solid #e3e6e7; background:url('/tpl/images/main/bg_title.gif') no-repeat 0 0;}
#contents .contents .newBook ul.mainTab01 {position:absolute; top:15px; right:76px;}
#contents .contents .newBook ul.mainTab01 li {float:left; margin-right:11px; padding-right:9px; background:url('/tpl/images/main/bg_tab.gif') no-repeat right 2px;}
#contents .contents .newBook ul.mainTab01 li.end {margin-right:0; padding-right:0; background:none;}
#contents .contents .newBook ul.mainTab01 li a {color:#585858; text-decoration:none;}
#contents .contents .newBook ul.mainTab01 li.on a {font-weight:bold; color:#222;}
#contents .contents .newBook ul.mainTab01 li a:hover {font-weight:bold; color:#222;}
#contents .contents .newBook .newBook00, #contents .contents .newBook .newBook01, #contents .contents .newBook .newBook02 {clear:both; position:absolute; top:78px; left:0; width:485px; padding:0 0 0 24px;}
#contents .contents .newBook .more {position:absolute; top:-63px; right:8px; width:49px; height:16px;}
#contents .contents .newBook .newBookList {}
#contents .contents .newBook .newBookList li {float:left;}
#contents .contents .newBook .newBookList li a {color:#222; text-decoration:none;}
#contents .contents .newBook .newBookList li a:hover {color:#0f7257;}
#contents .contents .newBook .newBookList li.end {margin-right:0;}
#contents .contents .newBook .newBookList li .thumb {width:93px; height:122px; margin-bottom:20px; padding:0 23px 2px; border-right:1px solid #e1e1e1;}
#contents .contents .newBook .newBookList li.end .thumb {border-right:none;}
#contents .contents .newBook .newBookList li span.title {display:block; width:133px; height:36px; margin-bottom:7px; font-family:'Nanum Gothic', "?ëęł ë"; font-size:14px; font-weight:bold; text-align:center;}
#contents .contents .newBook .newBookList li span.detail {display:block; width:153px; color:#666; text-align:center; font-family:'Nanum Gothic', "?ëęł ë"; font-size:11px;}

#contents .contents .recommend {clear:both; position:relative; width:493px; padding:15px 0 50px 28px; background:url('/tpl/images/main/bg_title.gif') no-repeat 0 0;}
#contents .contents .recommend h2 {padding-bottom:43px;}
#contents .contents .recommend .recommendBook {margin-left:8px;}
#contents .contents .recommend .recommendBook .thumb {float:left; width:93px; height:122px; margin-right:10px;}
#contents .contents .recommend .recommendBook a {color:#222; text-decoration:none;}
#contents .contents .recommend .recommendBook span {display:inline-block;}
#contents .contents .recommend .recommendBook span.title {width:360px; margin-bottom:11px; padding-top:1px; font-family:'Nanum Gothic', "?ëęł ë"; font-size:14px; font-weight:bold;}
#contents .contents .recommend .recommendBook span.info {margin-right:0px; padding-right:8px; background:url('/tpl/images/main/bg_recommend.gif') no-repeat right 1px;}
#contents .contents .recommend .recommendBook span.detail {width:355px; padding:6px 0 0; color:#666;}
#contents .contents .recommend .more {position:absolute; top:15px; right:20px; width:49px; height:16px;}

#contents .contents .totalSearch {width:278px; height:29px; padding:11px 0 0 22px;}
#contents .contents .totalSearch h2 {float:left; margin-right:7px;}
#contents .contents .totalSearch p {display:inline-block; width:241px; border-bottom:1px solid #689286;}
#contents .contents .totalSearch p input {width:176px; height:14px; margin-right:14px; padding:2px; color:#fff; border:none; background:none;}

#contents .contents .bestseller {clear:both; position:relative; display:inline-block; width:304px; height:490px;}
#contents .contents .bestseller h2 {margin:14px 0 0 10px;}
#contents .contents .bestseller ul.mainTab02 {position:absolute; top:14px; right:4px;}
#contents .contents .bestseller ul.mainTab02 li {float:left; margin-right:11px; padding-right:9px; background:url('/tpl/images/main/bg_tab.gif') no-repeat right 2px;}
#contents .contents .bestseller ul.mainTab02 li.end {margin-right:0; padding-right:0; background:none;}
#contents .contents .bestseller ul.mainTab02 li a {color:#585858; text-decoration:none;}
#contents .contents .bestseller ul.mainTab02 li.on a {font-weight:bold; color:#0f7257;}
#contents .contents .bestseller ul.mainTab02 li a:hover {font-weight:bold; color:#0f7257;}

#contents .contents .bestseller .best00, #contents .contents .bestseller .best01, #contents .contents .bestseller .best02 {clear:both; position:absolute; top:61px; left:0; width:304px;}
#contents .contents .bestseller .bestList {}
#contents .contents .bestseller .bestList li {clear:both; display:inline-block; width:288px; margin-bottom:11px; padding:0 0 11px 16px; background:url('/tpl/images/main/bg_best.gif') no-repeat 0 bottom;}
#contents .contents .bestseller .bestList li a {color:#666; text-decoration:none;}
#contents .contents .bestseller .bestList li .thumb {float:left; width:93px; height:122px; margin-right:10px;}
#contents .contents .bestseller .bestList li span {display:block; line-height:16px;}
#contents .contents .bestseller .bestList li span.title {height:35px; margin-bottom:7px; padding-top:1px; font-family:'Nanum Gothic', "?ëęł ë"; font-size:14px; font-weight:bold; color:#222;}

#contents .contents .notice {clear:both; position:relative; margin-bottom:0px; padding-left:31px;}
#contents .contents .notice h2 {margin-bottom:10px; padding:0 0 5px 1px; background:url('/tpl/images/main/bg_notice.gif') no-repeat 0 bottom;}
#contents .contents .notice ul {}
#contents .contents .notice ul li {margin-bottom:10px; padding:0 0 8px 1px; background:url('/tpl/images/main/bg_dash.gif') repeat-x 0 bottom;}
#contents .contents .notice ul li.end {margin-bottom:0; padding-bottom:0; background:none;}
#contents .contents .notice ul li a {color:#222;}
#contents .contents .notice .more {position:absolute; top:3px; right:2px; width:49px; height:16px;}

#contents .contents .customer {margin-left:29px;}
#contents .contents .customer h2 {margin-bottom:16px;}
#contents .contents .customer .email {margin-bottom:12px; padding-bottom:15px; background:url('/tpl/images/main/bg_dash.gif') repeat-x 0 bottom;}
#contents .contents .customer .email ul {padding:0 0 0 25px; background:url('/tpl/images/main/ico_mail.gif') no-repeat 0 3px;}
#contents .contents .customer .email ul li {margin-bottom:1px; font-size:13px; font-weight:bold; color:#222;}
#contents .contents .customer .email ul li span {display:inline-block; width:53px; font-family:'Nanum Gothic', "?ëęł ë";}
#contents .contents .customer .email ul li a {font-family:'Nanum Gothic', "?ëęł ë"; color:#497433; text-decoration:underline;}

#contents .contents .customer .times {margin-bottom:11px; padding-bottom:15px; background:url('/tpl/images/main/bg_dash.gif') repeat-x 0 bottom;}
#contents .contents .customer .times ul {float:left; margin-right:16px; padding:1px 0 0 23px; background:url('/tpl/images/main/ico_time.gif') no-repeat 0 0;}
#contents .contents .customer .times ul li {font-size:13px; color:#222; line-height:16px}
#contents .contents .customer .times ul li span {display:inline-block; width:54px; letter-spacing:-0.1em;}
#contents .contents .customer .times p {display:inline-block; width:85px; font-size:11px; color:#555;}

#contents .contents .customer .location {clear:both; padding-bottom:15px;}
#contents .contents .customer .location dl {display:inline-block; margin-right:16px; padding:0 0 0 23px; background:url('/tpl/images/main/ico_location.gif') no-repeat 0 0;}
#contents .contents .customer .location dl dt {display:inline-block; float:left; width:54px; color:#222; letter-spacing:-0.1em;}
#contents .contents .customer .location dl dd {display:inline-block; float:left; width:173px; color:#555;}

#footer {clear:both; width:100%; height:139px; padding-top:1px; border-top:1px solid #; background:url('/tpl/images/common/bg_footer.gif') no-repeat center 0;}
#footer .footer {position:relative; width:1000px; margin:0 auto;}
#footer .footer .info {display:inline-block; width:771px; margin-bottom:40px; padding:16px 0 0 220px; border-top:1px solid #f0f0f0;}
#footer .footer .info li {float:left; margin-right:6px; padding-right:10px; background:url('/tpl/images/common/bg_line.gif') no-repeat right 0;}
#footer .footer .info li.last {background:none;} 
#footer .footer .logo {clear:both; float:left; margin:0 52px 0 21px;}
#footer .footer .class {float:right; margin-right:20px;}
#footer .footer address {margin-top:2px;}
#footer .footer address p {margin-bottom:9px;}

#footer .footer .familySite {position:absolute; top:16px; right:0;}
#footer .footer .familySite > a {display:inline-block; width:98px; height:12px; font-size:0px; text-indent:-2000%; background:url('/tpl/images/common/img_family.gif') no-repeat;}
#footer .footer .familySite > a.on {background:url('/tpl/images/common/img_family_on.gif') no-repeat;}
#footer .footer .familySite ul.siteList {display:none; position:absolute; top:26px; right:-20px; width:124px; height:63px; padding:0 0 0 13px; text-align:left; background:url('/tpl/images/common/bg_family.gif') no-repeat 0 0;}
#footer .footer .familySite ul.siteList li {display:inline-block; width:111px; height:17px; margin-bottom:1px; padding:0;}
#footer .footer .familySite ul.siteList li a {}