/*MimeType="text/css", SvrType=HTML*/
/* UI Object */
* {margin:0; padding:0; }
html {width:auto; height:100%; overflow-y:scroll}
ul,li {list-style:none;}
img {border:none; vertical-align:top; }
image { border:none;}

#wrap { width:100%; }
body,input,textarea,select,button,table{font-family:dotum,'돋움',gulim,'gulim'; font-size:12px; color:#666666; margin:0; border:0; line-height:160%}

.inputb {border:1px solid #dddddd}
radio {width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle; border:0}
button {font-size:12px}
password { font-size:9px}

/*A           { selector-dummy: expression(this.hideFocus=true);}*/
A:link      { text-decoration:none; color: #000000;}
A:visited   { text-decoration:none; color: #000000;}
A:active    { text-decoration:none; color: #000000;}
A:hover     { text-decoration:none; color: #000000;}

#bottom {border-top:#d6d6d6 1px solid; background-color:#f6f6f6; font-size:11px;font-family:"Dotum","돋움","돋움","Dotum"; }
#quick {width:96px; height:52px; color:#666666; letter-spacing:-0.15em; background:url(/images/main/quick_03bg.gif) no-repeat bottom; margin-bottom:5px} 
#quick p {font-size:11px; line-height:150%; text-align:justify; padding-left:10px; padding-top:10px; }
.selectbg {background:url(/images/main/selectbg.gif)}
.border {border:#CCCCCC 1px solid}
.borderb {border-bottom:#CCCCCC 1px solid}


/*main*/
.topbg {background:url(/images/main/quiz_book_bg.gif); background-repeat:no-repeat;}
.topbg2 {background:url(/images/main/quiz_book_bg2.gif); background-repeat:repeat-x}
.best {background:#FFFFFF; border:1px solid #00CCFF;  margin-top:20px; width:200px; float:right; margin-right:10px}
.bestable {text-indent:7px; line-height:20px;font-size:11px;font-family:dotum, '돋움', gulim, 'gulim'; text-align:justify; }

.main_audio td {padding:5px 6px;}
.main_new {border:#CCCCCC 1px solid;  margin:10px 0 10px 10px;  width:660px }
.main_notice {border:#CCCCCC 1px solid;  margin:10px 0 10px 10px;  width:660px }
.main_notice td {padding:10px 10px;}
.english_title {background:url(/images/main/english_title_bg.gif); background-repeat:repeat-x; width:186px}
.english {border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid; width:186px; padding:10px 0 }
.english li {line-height:22px; border-bottom:#CCCCCC 1px dotted; list-style-type:none; padding-top:2px; width:168px; margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.leftLayer {display:none;position:absolute;z-index:1; background-color:#FFFFFF; border:1px solid #3399CC}
.leftmenu_layer {font-size:11px;font-family:dotum, '돋움', gulim, 'gulim'; text-align:justify;line-height:15px;padding:0 5px;margin:0px 5px; width:auto; background:#FFFFFF; } 
.leftmenu_layer td {padding:0 5px;} <!--border-bottom:#CCCCCC 1px dashed;-->

/*서브메뉴*/
#tabmenu {background:url(/images/title/tab_bg.gif); background-repeat:repeat-x; width:657px; height:41px}

/* common */
.mt3 {margin-top:3px }
.mt5 {margin-top:5px }
.mt7 {margin-top:7px }
.mt10 {margin-top:10px }
.mt13 {margin-top:13px }
.mt15 {margin-top:15px }
.mt18 {margin-top:18px }
.mt20 {margin-top:20px }
.mt25 {margin-top:25px }
.mt30 {margin-top:30px }
.mt50 {margin-top:50px }

.ml7 {margin-left:7px }
.ml8 {margin-left:8px }
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px }
.ml20 {margin-left:20px }
.ml25 {margin-left:25px }
.ml40 {margin-left:40px }
.ml45 {margin-left:45px }
.ml47 {margin-left:47px }
.ml50 {margin-left:50px }
.ml55 {margin-left:55px }
.ml75 {margin-left:75px }

.mr10 {margin-right:10px }
.mr20 {margin-right:20px }
.mr30 {margin-right:30px }

.mb3 {margin-bottom:3px }
.mb5 {margin-bottom:5px }
.mb10 {margin-bottom:10px }
.mb15 {margin-bottom:15px }
.mb20 {margin-bottom:20px }
.mb30 {margin-bottom:30px }

.pt5 {padding-top:5px }
.pt10 {padding-top:10px }
.pt12 {padding-top:12px }
.pt20 {padding-top:20px }
.pt25 {padding-top:25px }
.pt30 {padding-top:30px }

.pl10 {padding-left:10px }
.pl20 {padding-left:20px }
.pl30 {padding-left:30px }
.pl50 {padding-left:50px }
.pl80 {padding-left:80px }

.pr3 {padding-right:3px }
.pr5 {padding-right:5px }
.pr10 {padding-right:10px }
.pr20 {padding-right:20px }
.pr30 {padding-right:30px }
.pr135 {padding-right:135px }
.pr80 {padding-right:80px }

.pb5 {padding-bottom:5px }
.pb10 {padding-bottom:10px }
.pb15 {padding-bottom:15px }
.p10 {padding:10px}


.grayTxt {color:#e9e9e9;}
a.grayTxt {color:#e9e9e9;}

.fff {color:#FFF}
.f33 {color:#333;}
.f44 {color:#444;}
.f55 {color:#555;}
.f00 {color:#000000}
.f11 {font-size:11px;font-family:dotum,'돋움',gulim,'gulim'; text-align:justify;line-height:140% }

.f85 {font-size:85%;}
.f90 {font-size:90%;}
.f110 {font-size:110%;}
.f130 {font-size:130%;}
.f150 {font-size:150%;}

.l160 {line-height:160%;}

.bold {font-weight:bold;}
.underline {text-decoration:underline;}

.fl { float:left}
.fr {float:right;}
.fc {float:center;}
.cl {clear:both;}
.ov {overflow:hidden;}
.yellow {color:#ffff00; text-decoration:blink; }
.chk {margin:-3px 0 3px 3px;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.ar {text-align:right;}
.ac {text-align:center;}
.al {text-align:left;}
.png24 {tmp:expression(setPng24(this))}

.hand {cursor:pointer; }

/*도서검색*/
.input01 {border-top:#fff 1px solid; border-bottom:#fff 1px solid; border-right:#fff 0 solid; border-left:#fff 0 solid; height:21px; vertical-align:top;margin-top:10px; padding-left:2px; padding-top:2px;   }

/*테이블*/
.table {background-attachment:fixed ; background-color: #abc7cf ; padding:3px 2px 3px 2px; font-family:"돋움"; font-size:12px; color:#555555; text-align:center; margin-top:6px}/*<--테이블틀*/

.table td {padding:2px}
.table_title {font-family:"돋움"; font-size:12px; color:#555555; padding:4px 3px 3px 3px; background-color:#eaf2f4; text-align:center }

.seminar_text_12p {padding:7px}
.seminar_text_title {font-family:"돋움"; font-size:12px; color:#32822b;font-weight: bold }
.dayback {font-family:"돋움"; font-size:12px; line-height:140%; margin-top:5px }
.seminar_text {font-family:"돋움"; font-size: 11px; color:#635531; border:solid 1px #CCCCCC;}
.inputBox, input{border:solid 1px #CCCCCC;}


.lang_tab {padding-top:10px; padding-left:10px; list-style:none}
.lang_tab dt {float:left; width:200px; text-align:left}
.lang_tab span {font-weight:bold; color:#0088CC; letter-spacing:-0.1em}

.fnbook {padding-left:0}
.fnbook p {float:left; text-align:center; width:105px}
.fnbook dt {float:left;text-align:center; width:105px}
.fnbooktab {float:left; width:136px; height:35px}

.fmidbg {width:667px; height:149px; background:url(/images/front/fmidbg.gif) no-repeat}
.bule_11px_bold {font-family:"돋움"; font-size: 11px; color:#5186b8;font-weight: bold }
.bule_12px_bold {font-family:"돋움"; font-size:12px; color:#5186b8;font-weight: bold }
.white_11px_bold {font-family:"돋움"; font-size: 11px; color:#ffffff;font-weight: bold }


.contents {font-family:"굴림"; font-size:12px; color: #626262; line-height:18px}
.qtxt {padding-top:4px; padding-right:5px; font-weight:bold; color:#555; clear:both}


.help_mailto {font-family:"굴림"; font-size:12px; color:#ff6600;}
a.help_mailto:link {font-family:"굴림"; font-size:12px; color:#ff6600;}
a.help_mailto:visited {font-family:"굴림"; font-size:12px; color:#ff6600;}
a.help_mailto:active {font-family:"굴림"; font-size:12px; color:#ff6600;}
a.help_mailto:hover {font-family:"굴림"; font-size:12px; color: #ff6600;text-decoration:underline;}

.help_adress {width:100%; clear:both; list-style-type:none; margin:0; padding-top:5px;}
    .help_adress li.txtcon {width:100%; float:right; line-height:130%;}
	.help_adress li.txtcon div h4 {margin:15px 0 10px 0; padding:0;}
	.help_adress li.txtcon div ul {list-style-type:none; margin:0; padding:0;}
	.help_adress li.txtcon div ul li {padding:1px 0 1px 9px; background: url('/images/dot_help.gif') 0 9px no-repeat;}
	.help_adress li.txtcon div ul li a {color:#FF6600;}
	.help_adress li.txtcon div.oper {float:left; width:99%;}

.Table_title_11px {padding-top:3px; font-family:"굴림"; font-size: 11px; color: #ffffff}
.Table_border {width:99%; border:1px solid; background-color:#e7e7e7}
.Table_text_left {font-family:"굴림"; font-size: 11px; color: #636563; background-color:#fffbf7; text-align:center; vertical-align:middle}
.Table_text_content {font-family:"굴림"; font-size: 11px; color: #636563; background-color:#ffffff; padding:8px 3px 5px 3px}
.Table_text_blue {color: #fe672b; font-weight:bold}

.help_table {border:1px solid #f7d7ce;}
.help_table_title {font-family:"돋움"; font-size:12px; font-weight:bold; color:#50504f;background-color:#fef4f2; text-align:center }

.help_table_01 {font-family:"돋움"; font-size:12px; font-weight:bold; color:#de927b; padding:5px; background-color:#fff3f7; text-align:center}

.green_11_underbar {font-family:"돋움"; font-size: 11px; color: #3786b0; text-decoration:underline;}
.gr {font-size:12px; color: #666666; line-height: 140%; font-family:"돋움"; margin-right:10px;}

/*퀵메뉴관련*/
.quickm {width:75px;margin:3px 0 0 3px;z-index:20;border-bottom:solid 1px #CCCCCC;}
.quickm ul {padding:0; margin:0;}
.quickm ul li {padding-bottom:0;border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;border-bottom:dotted 1px #cccccc; text-align:center;}


/*얼리버드캠페인-주문조회*/
.ebodtit {text-align:left; color:#3366FF; font-weight:bold; margin:10px 0 5px 0;}
.ebtbcon {padding:3px;}
.ebtbcon_cen {text-align:center;}

.png24 {tmp:expression(setPng24(this));}


/*얼리버드 메인페이지 표지 관련*/
.mbookcount{float:left;width:100px;height:13px;line-height:25px;margin-left:10px;padding-top:5px;text-align:center;font-size:18px;font-weight:bold;background:#e12c5b; color:#FFFFFF;}

.ebbookimg{border:solid 1px #CCCCCC;width:83px;height:125px;}
.ebtitle{height:20px;line-height:25px;width:95px;overflow:hidden;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
.ebauthor{white-space:nowrap;text-overflow:ellipsis;}

.mv1book {clear:both;height:160px;overflow:hidden;text-align:center;padding:0; margin:10px 0 0 0;}
.mv1book ul {float:left;text-align:center;margin-right:8px;padding:0;width:100px;}

.mv3book {clear:both;height:160px;overflow:hidden;text-align:center;padding:0; margin:10px 0 0 0; }
.mv3book ul {float:left;text-align:center;margin-right:8px;padding:0;width:100px;}

.ebsearch{float:right;margin-bottom:10px;}
.ebsearchinput{width:200px;height:20px;padding-top:2px;color:#0071bc;border:solid 1px #cccccc;}
.ebsearchselct{width:60px;height:20px;color:#0071bc;font-size:12px;}


/************카드북*************/

table.table_card{border:solid 1px #dbdbdb; margin-bottom:30px}
.table_card th{height:40px; font:bold 15px "돋움"; color:#154f70; background-color:#f4fbff; text-align:center;; border-bottom:dotted 1px #dbdbdb;}
.table_card td{height:50px; font:normal 12px"돋움"; text-align:center;}
.table_card td img{width:200px; height:258px; border:solid 1px #eeeeee}
.card_img{text-align:center; width:300px; }



/*20200203 Main/Index.asp 추가 Start*/

.re_bookcate, .themebook{border:1px solid #ccc; margin:0 0 10px 7px; float:left; height:165px;}
.re_bookcate .re_bookcate_tit,
.themebook .themebook_tit{color:#444; font-size:12px; font-weight:bold; text-align:center; padding:13px 0 7px}
.re_bookcate:after, .themebook:after{content:""; clear:both; overflow:hidden; display:block}
.re_bookcate ul{float:left}
/*.themebook{margin:0 0 0 8px; padding:0 27px 0 15px}*/
.themebook .book_sumb{border:1px solid #ddd; width:75px; height:105px;}
.themebook .b_img, .themebook .b_lst{float:left; margin-top:5px; margin-left:5px}
.themebook .b_lst{margin:5px 5px 0 10px}
.themebook .b_lst li{margin-top:2px}
.themebook img{margin-right:3px; vertical-align: middle}
.themebook li{color:#555;}
.themebook a li:hover{text-decoration:underline}
/*20200203 Main/Index.asp 추가 End*/

/*20200203 Etc/LeftMenu2017.Asp 추가 Start*/
.webzine_box{border:1px solid #ccc; width:260px; margin-top:10px}
.webzine_tit{color:#444; font-size:12px; font-weight:bold; text-align:center; padding:10px 0 5px}
.webzine_box img{width:60px;}
.webzine_box .top_cont span{display:inline-block; text-align:left; margin-top:15px; color:#033; font-weight:bold}
.webzine_box ul{margin:12px 0 5px}
.webzine_box ul a li{color:#444; overflow:hidden; width:230px; display:inline-block; height:17px; white-space:nowrap;text-overflow:ellipsis; background:url(/images/main/ico_gray_box.gif) no-repeat 0 3px; padding-left:6px; text-align:left;}
.webzine_box ul a li:hover{text-decoration:underline}
/*20200203 Etc/LeftMenu2017.Asp 추가 End*/