html { height:100%;}
body { margin:0px; padding:0px; height:100%; -webkit-text-size-adjust: none; }
a { text-decoration:none;color: #666666;font-size: 13px;font-family: "돋움"; }
a.title_link { text-decoration:none;color: #000000;font-size: 13px;font-family: "돋움"; }
img { border:0px;max-width:320px; }
div { 
  font-family:Dotum, "돋움", Gulim, "굴림", Apple-Gothic, Helvetica;
  font-size:10pt;
  color:#666666;
}
ul, li, dl, dt, dd {
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
.clear {clear:both;}
.padd20 {width:100%; height:20px;}
.padd10 {width:100%; height:10px;}
.padd7 {width:100%; height:7px; }
.padd_category {width:100%; height:45px; float:left; padding:2px;}
.padd3 {width:100%; height:3px;}

.btn_bg { background-color:FFFFFF;  color:black;  border:1x solid silver; font-size: 12px; padding:1px;}

.alert_msg{
  margin:90px 0px 10px 105px;
  background-color:#000000; padding:3px; height:40px;line-height:16px;;
  color:#FFFEFF;font-size:9pt; margin:0px 0px 5px 5px;text-align:center;line-height:20px;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}




input{border:1px solid #d3d2d7;color:#9D9D9D;background:#FFFFFF;text-align:left;font-size:10px;adding:10px; }


#AllDiv { position:relative; width:100%; margin:auto;padding:0px;overflow:hidden;z-index:1;background-color:#dedede;}
#BodyDiv { position:relative; width:100%; text-align:center; margin:0 auto; padding:0px; z-index:1; }
#header { width:100%;height:55px; background-color:#FFFFFF; margin:0 auto; padding:2px;}


#header_top {
  position:relative; width:100%; height:55px; background-color:#073D5A; )
}
#header_top .header_title_area { 
  float:left;
  background-image:url(images/main_arrow.jpg);  background-repeat:no-repeat; text-align:center;
  padding:7px 3px 3px 14px;
  color:#ffffff; font-size:10pt; font-weight:bold;
}
#header_top .header_title_area .header_title_text_area {color:#FFFFFF;}
#header_top .header_title_area .header_title_sub_text_area {color:#0A4E72;}
#header_top .header_back_area { float:right; text-align:right;}




#content { position:relative; width:94%; margin:0 auto; padding:8px; z-index:2;}
#footer { position:relative; width:100%;height:150px; border:1px solid #34343C; background-color:#3E414A;}
#footer .footer_div { padding:5px 5px;
            color:#777;font-size:0.89em;font-weight:bold; font-family:Gulim, "굴림"; text-align:left;line-height:160%;
}
.footer_div2 {padding:5px 5px;
            color:#ADACAC;font-size:0.89em; font-weight:normal; font-family:Gulim, "굴림";
            text-align:left;line-height:160%;
}
.footer_div .footer_menu { color:#ADACAC; font-weight:bold; font-family:Gulim,굴림; letter-spacing:-1px;}
.footer_div .footer_menu2 { color:#ADACAC; font-weight:normal; font-family:Gulim,굴림;}
.footer_div .footer_menu3 { text-decoration:underline; font-family:Gulim,굴림;}
.footer_div .footer_menu4 { color:#F1F1F1; font-weight:bold; font-family:Gulim,굴림; letter-spacing:-1px;}

/* 검색창 */
#content #search_form {
  width:100%; height:30px; line-height:30px; border:1px solid #CCCCCC; background-color:#FFFFFF;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -ms-border-radius:10px;
  -khtml-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}

/* 메인페이지의 스타일들 */
#content #back2 { 
  position:relative; width:100%; border:1px solid #CCCCCC; background-color:#FFFFFF; padding-bottom:5px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -ms-border-radius:10px;
  -khtml-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}
#content #back2 .bak1 { position:relative; float:left; width:8%; height:133px; }
#content #back2 .bak2 { position:relative; float:left; width:83%; height:133px; }
#content #back2 .bak3 { position:relative; float:right; width:8%; height:133px; }
#content #back2 .bak2 ul { float:left;width:100%; }
#content #back2 .bak2 ul li { float:left;width:33%; padding-top:8px;text-align:center;}
#content #back2 .bak2 ul li.first { width:34%; }
#content #back2 .bak2 ul li.clear { width:0%;clear:both; display:none; }
#content #back2 .bak2 ul li img {border:1px solid #CCCCCC;}
#content #back2 .main_new_book_title { padding:7px 10px;text-align:left;}

#content #back4 {
  position:relative; width:100%; height:34px; background:url(../images/category_bg.gif);
}
#content #back4 .ctry_sub_title_area { 
  float:left;
  background-image:url(images/main_arrow.jpg);background-position:37px 37px;  background-repeat:no-repeat; text-align:left;
  padding:7px 3px 3px 27px;
  color:#fff; font-size:10pt; font-weight:bold;
}





#content #back4 .ctry_sub_title_area2 { 
  float:left;
  background-image:url(images/main_arrow.jpg);background-position:37px 37px;  background-repeat:no-repeat; text-align:left;
  padding:7px 3px 3px 5px;
  color:#fff; font-size:8pt; font-weight:bold;
}
#content #back4 .ctry_title_area { 
  float:left;
  background-image:url(images/main_arrow.jpg);background-position:7px 7px;  background-repeat:no-repeat; text-align:left;
  padding:7px 3px 3px 27px;
  color:#fff; font-size:10pt; font-weight:bold;
}
#content #back4 .ctry_title_area .title_text_area {color:#FFF568;}

#content #back4 .ctry_back_area { float:right; text-align:right;}


#content #cate_list {
  position:relative;width:100%;height:30px;border:1px solid #CCCCCC; background-color:#EFEFEF; );
}
#content #cate_list .cate_list_title_area { 
  float:left;
  background-image:url(images/main_arrow.jpg);background-position:37px 37px;  background-repeat:no-repeat; text-align:left;
  padding:9px 3px 3px 27px;
  color:#fff; font-size:9pt; font-weight:bold;
}
#content #cate_list .cate_list_title_area .cate_title_text_area {color:#333333;}
#content #cate_list .cate_list_back_area { float:right; padding:5px 15px 3px 27px;text-align:right;}





#content #back5 { 
  position:relative; width:100%; border:1px solid #CCCCCC; background-color:#FFFFFF; z-index:3;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -ms-border-radius:10px;
  -khtml-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}
#content #back5 .category { position:relative; padding:11px 5px 5px 6px; z-index:4; text-align:left;}
#content #back5 .category .ctry_title {
  /*background-color:#F68950;*/background-color:#073D5A; padding:5px 15px; height:16px;line-height:16px;
  color:#FFFEFF;font-weight:bold;font-size:10pt; margin:0px 0px 15px 5px;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}





#content #back5 .category .ctry_content {
  margin:2px 0px 10px 7px;
}


#content #back5 .category .font_bold_common {
//  margin:10px;
  text-decoration:none;color: #666666;font-size: 13px;font-weight:bold;font-family: "돋움";line-height:140px";
}


#content #back5 .category .h3  {background:#EFEFEF;padding:1px 1px;}


#content #back5 .category .ctry_content a {
  font-size: 11px;font-family: "돋움"; color:#7a7a7a; text-decoration: none;  line-height: 130%; letter-spacing:-1px;
}
#content #back5 .category .ctry_content_text {
padding-left:10px;
color:#FFFFFF;font-size: 15px;font-family: "돋움";font-weight:bold; }

#content #back5 .category .ctry_login_btn {
padding-left:15px;
color:#FFFFFF;font-size: 15px;font-family: "돋움"; }


#content #back5 .category .sub_title {
  color:red;font-weight:bold;font-size:13pt; margin:0px 0px 5px 5px;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}

#content #back5 .category .info_title {
  color:black;font-weight:bold;font-size:13pt; margin:0px 0px 5px 3px;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}
#content #back5 .category .font_red {
  text-decoration:none;color: red;font-size: 11px;font-family: "돋움";
}
#content #back5 .category .font_common {
   margin:2px 0px 10px 15px;
  text-decoration:none;color: #666666;font-size: 13px;font-family: "돋움";line-height: 130%;;
}
#content #back5 .category .font_common2 {
   margin:2px 0px 10px 15px;
   text-decoration:none;color: #666666;font-size: 11px;font-family: "돋움";line-height: 130%;;
}
#content #back5 .category .list_pv {
   margin:10px 0px 10px 80px;
   color: #000000;font-size: 11px;font-family: "돋움";line-height: 130%;font-weigth:bold;
}
#content #back5 .category .list_point {
  margin:1px 10px 10px 20px;
   align:left;
   color: #000000;font-size: 11px;font-family: "돋움";line-height: 130%;font-weigth:bold;
}
#content #back5 .category .list_pv_big {
   margin:10px 0px 10px 140px;
   color: #FFFFFF;font-size: 13px;font-family: "돋움";font-weigth:bold;
}


#content #back5 .category .table_padding {
  padding-right:10px;padding-left:10px;padding-bottom:3px;padding-top:5px;
  text-decoration:none;color: #666666;font-size: 11px;font-family: "돋움";line-height: 130%;;
}

#content #back5 .category .table_center {
    text-align:center;
  align:center;
  text-decoration:none;color: #666666;font-size: 11px;font-family: "돋움";line-height: 130%;;
}


#content #back5 .category .table_padding_text_center {
  text-align:center;
  align:center;
  text-decoration:none;color: #666666;font-size: 13px;font-family: "돋움";line-height: 130%;font-weigth:bold;
}
#content #back5 .category .list_bold {
  padding-top:1px;padding-bottom:5px;
  align:center;
  text-decoration:none;color: #333333;font-size: 11px;font-family: "돋움";
}





#content #back5 .category li {
  display:inline; width:88px; height:27px; background-color:#F68950; margin:5px;
  color:#FFFEFF; font-weight:bold; 
}

#content #back6 { postion:relative; width:100%; height:36px; line-height:36px; border:1px solid #AEC3E8; background-color:#EEF7FE;}

/* 도서리스트 페이지의 스타일들 */
#content #navi { width:100%; height:28px; text-align:left;}
#content #book_top {
  position:relative; width:100%; height:112px; border:1px solid #AEC3E8; background-color:#EEF7FE;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
  overflow:hidden;
}
#content #book_top .bak1 { position:relative; float:left; width:8%; height:112px; }
#content #book_top .bak3 { position:relative; float:right; width:8%; height:112px; }
#content #book_top .bak2 { position:relative; float:left; width:83%; height:112px; padding:6px 0px 0px 0px;}
#book_top .bak2 .content_area {width:100%;height:112px; }
#book_top .bak2 .content_area .book_img {float:left; width:70px; padding-top:5px; padding-left:5px;}
#book_top .bak2 .content_area .book_desc {
  float:left;width:60%; text-align:left; padding-top:9px;padding-left:10px; cursor:pointer;
  line-height:150%;
}

#content #book_list {
  position:relative; width:100%; height:100%; border:1px solid #CCCCCC; background-color:#FFFFFF;
  -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}
#content #book_list .book_img {float:left; width:80px; padding-left:5px;}
#content #book_list .book_desc {
  float:left; width:60%; text-align:left; padding-top:5px; padding-left:10px; line-height:145%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}


#content #book_list #list_content { position:relative; float:left; width:96%; height:100%; padding:2%;}
.style1 {color: #666666; font-size: 12px; font-family: "돋움";}

/* 도서상세 페이지의 스타일 */
#content #book_view_top { position:relative; width:100%; height:112px; border:1px solid #AEC3E8; background-color:#EEF7FE;}
#content #book_view { position:relative; width:96%; height:100%; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:2%;}

/* 디지털컨텐츠 리스트 */
#dicon { width:96%;height:21px; border:1px solid #2a90f6;line-height:21px;
       color:#FFFFFF;font-weight:bold; padding-left:3px;margin:3px;
       background:url(images/pattern00.gif); cursor:pointer; }

/* 이벤트 페이지 스타일 */
.event_title { position:relative; width:98%; height:31px; line-height:31px; border:1px solid #AEC3E8; background-color:#EEF7FE;}
.event_list { position:relative; width:98%; height:20px; line-height:20px;}

.style2 { color: #666666; font-size: 12px; font-family: "돋움"; font-weight: bold; }
.style3 { color: #FF6600; font-size: 12px; font-family: "돋움"; }
.notice_style1 { color: #666666; font-size: 12px; font-family: "돋움"; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 이메일보내기 스타일 */
#email_top { position:relative; width:100%; height:80px; background-color:#EEF7FF; border:1px solid #A4BBE4; }
#email_box { position:relative; width:100%; padding:4px 6px; 0 6px;}

.email_style1 { color: #666666; font-size: 12px; font-family: "돋움"; font-weight: bold; }
.email_style2 { color: #FF6600; font-size: 12px; font-family: "돋움"; }

.pay_btn {padding:5px 30px 8px; margin:5px 0px; background-color:#F00; border:1px solid pink;
               -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px;
               font-size:1.2em;color:#FFF;font-weight:bold;text-align:center;}
.card_pay_btn {width:95%;margin:0px auto; padding:5px 0px; margin:15px 0px 12px; background-color:#F00; border:1px solid pink;
               -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px;
               font-size:1.2em;color:#FFF;font-weight:bold;text-align:center;}

.user_btn {width:98%;margin:0px auto; padding:5px 0px; margin:15px 0px 12px; background-color:#073D5A; 
               -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px;
               font-size:1.2em;color:#FFF;font-weight:bold;text-align:center;}