@charset "utf-8";

/*base*/
* { margin:0; padding:0; font-family:dotum, arial; font-size:12px;  color:#777777; }
img {border:0;}
html, body { width:100%;  height:100%; 1_overflow:hidden; line-height:15px}
head{ width:100%;} 

img,fieldset,iframe{border:0 none;}
li{list-style:none;}

a{ text-decoration:none;}
a:hover{ text-decoration:none; color:#4d4d4d;}

/* form */
form		{margin:0; padding:0;}
/* 2013-11-04 하상현 수정*/
input		{padding:3px 12px 0 4px; vertical-align:middle;}
/*input		{height:13px;padding:3px 12px 0 4px; vertical-align:middle;}*/
input.chk	{width:12px; height:12px; border:0; background:transparent; padding:0;}
textarea	{background-color:#f3f7fb; border:#c0d2e3 1px solid;padding:3px;}
textarea.style01	 {padding:3px 8px}
select		{vertical-align:middle; padding:1px;}

/*하단*/
/*div#footerBg{ background:url(../img/common/bg_footer.gif) repeat-x top; width:100%; float:left; margin-top:20px;}*/
div#footerBg{ background:url(../img/common/bg_footer.gif) repeat-x top; width:100%; float:left; margin-top:30px; *margin-top:40px;}
.footer{width:960px; margin-top:5px;}
.fmn{ float:left; margin:5px 0 0 20px; display:inline;}
.fmn li{ float:left; padding:0 10px;display:inline; list-style-type:none;}
.fmn .line{border-right:#c9c9c9 1px solid;}
.fmn img{filter:alpha(opacity=70);}
.fmn img:hover{ filter:alpha(opacity=100);}
.copy{margin:40px 0 0 30px;}
.footerLogo{float:left; width:180px; margin-top:45px;}
.footerCon{float:left; width:550px; margin-left:10px;}
.footerBan{float:right; width:160px; margin:30px 0 20px 0;}
.copy{margin:25px 0 0 30px; _margin:25px 0 0 15px; float:left; width:520px;}
.copy dl{float:left; margin-top:5px;}
.copy dt{float:left; font-weight:bold; font-family:dotum; font-size:11px; letter-spacing:-0.05em; }
.copy dd{float:left; color:#A0A0A0; font-family:dotum; font-size:11px; letter-spacing:-0.01em; margin-right:20px;}


/*공통클래스*/
.clear{ clear:both;}
.underLine{border-bottom:#e2e2e2 1px solid;}
.munderLine{border-bottom:#e2e2e2 1px solid; margin:20px 0; height:1px;}
.bunderLine{border-bottom:#c0d2e3 1px solid;}
.topLine{border-top:#e2e2e2 1px solid;}
.jumLine{background:url(../img/main/jum_line.gif) repeat-x bottom;}
.star{color:#5a5a5a; font-weight:bold; font-size:12px; letter-spacing:-0.05em; padding:5px; text-align:left;}
.leftLine{border-left:#e2e2e2 1px solid;}
.more{text-align:right; margin-right:10px;}
.flL{float:left;}
.flR{float:right;}
.box2{border:#c7c7c7 solid 2px;}

.paging {font-family:Tahoma; font-size:11px; color:#999999; margin:15px 20px; letter-spacing:0.5em; }
.paging strong{color:#0f87fb;font-family:Tahoma; font-size:11px; letter-spacing:0.5em;}
.paging a{font-family:Tahoma; font-size:11px; color:#999999; text-decoration:none;}
.paging a:active, .paging a:hover{font-family:Tahoma; font-size:11px; color:#333333; text-decoration:none;}

.pd_book{padding-bottom:8px;}
.pd_b10{padding-bottom:10px;}
.pd_t40{padding-top:40px;}
.pd_t30{padding-top:30px;}
.pd_t20{padding-top:20px;}
.pd_t10{padding-top:10px;}
.pd_t7{padding-top:7px;}
.pd_t2{padding-top:2px;}
.pd_t4{padding-top:4px;}
.pd_a5{padding:5px;}
.pd_a10{padding:10px;}
.pd_l20{padding-left:20px;}
.pd_l10{padding-left:10px;}
.pd_l15{padding-left:15px;}
.pd_r10{padding-right:10px;}
.pd_r30{padding-right:30px;}
.pd_r90{padding-right:90px;}
.pd_lr{padding:0 10px 0 10px;}
.arwPrice{padding:5px; border:none;}
.txt{ color:#a1a1a1; font-size:11px; font-family:dotum; line-height:130%; text-align:left;}
.txt a{ color:#a1a1a1; font-size:11px; font-family:dotum;  line-height:130%;}
.txt a:hover{ color:#c2c2c2; font-size:11px; font-family:dotum; line-height:130%; }
.blueBox{background-color:#f3f7fb; border:#c0d2e3 1px solid; padding:5px 20px 5px 15px; font-family:dotum; margin:0 0 10px 0; color:#1170b5;} 
.blueBox p{font-family:dotum; margin:2px 0 0 0; color:#1170b5}
.blueBox strong{color:#1170b5; font-family:dotum; letter-spacing:-0.05em; font-weight:bold;}
.listBox{margin:10px; padding:0 5px 10px 5px; border-bottom:#e2e2e2 1px solid;}
.mgt20{margin-top:20px;}
.mgt15{margin-top:15px;}
.mgt10{margin-top:10px;}
.mg15{margin:15px;}
.mgPop{margin:0 15px 25px 15px;font-family:dotum;}

/*color*/
.blacktxt{color:#4d4d4d;}
.blacktxta{color:#4d4d4d;}
.blacktxta:hover{color:#fc8b07;}
.discount{color:#707070; font-family:dotum; font-size:12px; } /* text-decoration:line-through;}*/
.price{color:#ff6600;font-family:dotum; font-size:12px; font-weight:bold; padding-top:7px;}
.stitle{color:#a1a1a1; font-family:dotum; font-size:11px; }
.bookTit{color:#4d4d4d;font-family:dotum; font-size:12px;  font-weight:bold; }
.bookTit a{color:#4d4d4d;font-family:dotum; font-size:12px; font-weight:bold; }
.bookTit a:hover{color:#1170b5;font-family:dotum; font-size:12px;  font-weight:bold; }
.yellow{color:#fff8a6; font-family:tahoma; font-size:11px;  font-weight:bold;}
.txtDown{color:#056db0; font-family:tahoma; font-size:10px;  font-weight:bold;}
.txtUp{color:#f53582; font-family:tahoma; font-size:10px;  font-weight:bold;}
.txtblue{color:#558bc2; font-size:11px; font-family:dotum;  }
.txtstar{ color:#0d88fc; font-weight:bold; font-size:12px; }
.cyan{color:#00b79f;}
.blue{color:#1170b5;  font-weight:bold; font-size:12px;font-family:dotum;}
.blue a{color:#1170b5;  font-weight:bold; font-size:12px;font-family:dotum;}
.blue a:hover{color:#4d4d4d;  font-weight:bold; font-size:12px;font-family:dotum;}
.blue14{color:#1170b5;  font-weight:bold; font-size:14px;font-family:dotum;}
.cyan14{color:#0e89c2;  font-weight:bold; font-size:14px;font-family:dotum;}
.stxt11{font-family:dotum; color:#4d4d4d; letter-spacing:-0.05em; font-weight:bold; font-size:11px;}
.red14{font-family:dotum; font-size:14px; font-weight:bold; color:#f55c42;}
.red12{font-family:dotum; font-size:12px; font-weight:bold; color:#f55c42;}
.red{font-family:dotum; font-size:12px; color:#f55c42;}
.red11{font-family:dotum; font-size:11px; color:#f55c42; letter-spacing:-0.05em;}
.black14{font-family:dotum; font-size:12px; font-weight:bold; color:#4d4d4d; letter-spacing:-0.sem;}
.blue12{color:#558bc2; font-family:dotum; font-size:12px;}
.orange12{color:#fc8b07; font-weight:bold; font-family:dotum; font-size:12px;letter-spacing:-0.05em;}
.orange12a{color:#fc8b07; font-weight:bold; font-family:dotum; font-size:12px;letter-spacing:-0.05em;}
.orange12a:hover{color:#fc8b07; text-decoration:underline;}
.stxtBlue{color:#9ab5c8;font-family:dotum; font-size:11px; letter-spacing:-0.05em; padding-top:5px;}
.blueLink{color:#1B5583;font-family:dotum; font-size:12px; font-weight:bold; padding:10px;}
.blueLink a{color:#1B5583;font-family:dotum; font-size:12px; font-weight:bold;}
.blueLink a:hover{color:#333;font-family:dotum; font-size:12px; font-weight:bold;}

/*팝업*/
#popWrap{background:#f8f8f8 url(../img/common/bg_popTop.gif) repeat-x top; width:450px;}
#popWrap .reviewRecom{background:url(../img/common/txt_recommend.gif) center no-repeat; margin:30px 0 15px 0; height:45px;}
#popWrap .title{padding:10px 0 10px 30px; font-family:dotum; font-size:14px; color:#e6f1fa; font-weight:bold; letter-spacing:-0.1em;}
#popWrap .mid{margin:30px;}
#popWrap .bottom{ background-color:#e7e9ea; text-align:right; padding:7px; margin-top:20px;}
fieldset#popReview {margin:30px 20px 5px;}
fieldset#popReview label{ width:70px; float:left;margin-top:2px;}
fieldset#popReview div{float:left; display:inline; }
fieldset#popReview p{float:left; width:320px; margin-bottom:5px;}
#popWrap input{background-color:#f3f7fb; border:#c0d2e3 1px solid;}

/*팝업_회원가입*/
#popWrap .idchk1{background:url(../img/member/pop_txt1.gif) center no-repeat; margin:30px 0 15px 0; height:40px;}
#popWrap .idchk2{background:url(../img/member/pop_txt2.gif) center no-repeat; margin:30px 0 15px 0; height:40px;}
#popWrap .txtId{border-bottom:#d7dfe7 2px solid; padding:0 0 10px; margin:0 0 10px; text-align:center;}
#popWrap dl{ text-align:center;}
#popWrap dt{font-size:11px; font-family:dotum;}
#popWrap .txtpost{margin-top:15px;}
#popWrap .txtpost th{border-bottom:#d7dfe7 1px solid; border-top:#d7dfe7 2px solid; margin-top:10px; color:#517fae; font-family:dotum; font-size:11px; letter-spacing:-0.05em;  font-weight:bold; padding:3px;}
#popWrap .txtpost td{ border-bottom:#dcdcdc dotted 1px; font-family:dotum; font-size:11px; padding:3px 5px;}

/*팝업_로그인*/
fieldset#popFind {margin:30px 20px 0;}
fieldset#popFind label{ width:90px; float:left; color:#0e89c2; font-family:dotum; font-size:11px; font-weight:bold; letter-spacing:-0.05em; margin-top:2px;}
fieldset#popFind div{float:left; display:inline; }
fieldset#popFind p{float:left; width:260px; padding-bottom:5px; color:#9ab5c8;}

/*팝업 리뷰쓰기*/
#popWrap3{background: url(../img/common/bg_popTop.gif) repeat-x top; width:100%;}
#popWrap3 .reviewRecom{background:url(../img/common/txt_recommend.gif) center no-repeat; margin:30px 0 15px 0; height:45px;}
#popWrap3 .title{padding:10px 0 10px 30px; font-family:dotum; font-size:14px; color:#e6f1fa; font-weight:bold; letter-spacing:-0.1em;}
#popWrap3 .mid{margin:30px;}
#popWrap3 .bottom{ background-color:#e7e9ea; text-align:right; padding:7px; margin-top:20px;}
#popWrap3 input{background-color:#f3f7fb; border:#c0d2e3 1px solid;}

/*팝업2*/
#popWrap2{background:#f8f8f8 url(../img/common/bg_popTop.gif) repeat-x 0 -45px; width:446px; border:#676767 2px solid;}


/*콤보박스*/
dl.combo {position:absolute; border:1px solid #c0d2e3; _border:none; height:20px; background: #fff url('../img/customer/search_key_btn.gif') right top no-repeat; cursor:pointer;}
dl.combo dt {width:100%; _border:1px solid #c0d2e3;}
dl.combo dt a, dl.combo a font {color:#1170b5; padding-left:10px; line-height:20px;}
dl.combo dd {width:100%; position:absolute; *position:relative; display:none; z-index:200; border:1px solid #c0d2e3; border-top:none; margin-left:-1px; _margin: -1px 0; background:#fff;}
dl.combo a {display:block; padding-left:10px; text-align:left; color:#1170b5;}
dl.combo dd a {width:100%; padding:0; background:#fff;}
dl.combo dd a:hover {color:#1170b5; background:#e4ecf3}



.freeList {  float:left; width:380px; position:relative; padding-bottom:20px;}

.blueBox2{font-family:dotum; margin:0 0 10px 0; color:#1170b5;} 
.blueBox2 p{font-family:dotum; margin:2px 0 0 0; color:#1170b5}
.blueBox2 strong{color:#1170b5; font-family:dotum; letter-spacing:-0.05em; font-weight:bold;}
.blueBox2 a{color:#1170b5; font-family:dotum; letter-spacing:-0.05em; font-weight:bold;}
.listBox{margin:10px; padding:0 5px 10px 5px; border-bottom:#e2e2e2 1px solid;}

.flR2{float:right; color:#a1a1a1 !important; margin-right:15px !important;}