@charset "euc-kr";

/*
@font-face {
	font-family : 'nanumGEB';
	src:url('/css/NanumGothicExtraBold.eot');
}
*/
/*
@font-face {
	font-family : 'nanumGEB';
	src:local('※'), url('/css/NanumGothicExtraBold.woff') format('woff'); 
}
*/
/*
@font-face {
    font-family:'nanumGEB';
    src: url('/css/SeoulNamsanB.eot?#iefix') format('embedded-opentype'),
         url('/css/SeoulNamsanB.woff') format('woff'),
         url('/css/SeoulNamsanB.ttf') format('truetype');
}
*/

/* 사용하지 않음
@font-face {
	font-family : 'SeoulNamsnaB';
	src:url('/css/NanumGothicExtraBold.eot');
}
@font-face {
    font-family:'SeoulNamsnaB';
    src: url('/css/SeoulNamsanB.eot?#iefix') format('embedded-opentype'),
         url('/css/SeoulNamsanB.woff') format('woff'),
         url('/css/SeoulNamsanB.ttf') format('truetype');
}
*/
/*
@font-face {
	font-family : 'HANDotumB';
	src:url('/css/HANDotumB.eot');
}
@font-face {
    font-family:'HANDotumB';
    src: url('/css/HANDotumB.eot?#iefix') format('embedded-opentype'),
         url('/css/HANDotumB.woff') format('woff'),
         url('/css/HANDotumB.ttf') format('truetype');
}
*/

* html { height: 1px; } 

* {
	margin: 0;
	padding: 0;
	font-family: "dotum","돋움","Malgun Gothic", "맑은 고딕", Verdana-Bold, tahomaDotum, AppleGothic, Gulim,  "Gulim Arial", Helvetica, sans-serif,"굴림체", "돋움체", "굴림" , "휴먼엑스포";
	text-decoration: none;
	line-height: 160%;
}
body, td, input, select, textarea {font: 9pt  "dotum", "돋움", "Gulim", "Verdana-Bold", "sans-serif";	color: #505050;}
body {margin:0; padding:0; background-color:#ffffff;}
a:link {color: #505050; text-decoration:none}
A:visited {	color: #505050; text-decoration:none}
A:hover {	color: #405aa3; text-decoration:underline}
A:active {	color: #405aa3; text-decoration:none}
img { border: 0;}
input, select, textarea { vertical-align: middle; }
input.text{_margin:-1px 0; }
input { height:20px;}
select {font-size:11px; color:#555555; line-height:18px; font-family:dotum, seoul, Verdana-Bold; height:20px;}
li {list-style-type:none;}
form{margin:0; padding:0;}
p{margin:0px; padding:0; line-height:170%;}
/*div.class {display:inline-block; *display:inline; *zoom:1;}*/
td, th{word-wrap:break-word;}
td p{padding:0; margin:0;}
ul{margin:0; padding:0;}

.dfl{ float:left; display: inline;  }
.dfr{ float:right; display: inline;  }
.dclear{ content:""; display:block; clear:both;} 
.dclear_none{content: "."; display: block; height:0px; clear:both; visibility:hidden; _height:0px; _display:none;}

.txt-center{text-align:center;}
.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-vm{vertical-align:middle;}
.txt-vt{vertical-align:top;}
.txt-vb{vertical-align:bottom;}
.txt-line{text-decoration:underline; color:#405aa3; }
.txt-line a:link{text-decoration:underline; color:#405aa3;}
.txt-line a:visited{text-decoration:underline; color:#405aa3;}
.txt-line a:hover{text-decoration:underline; color:#405aa3;}
.txt-line a:active{text-decoration:underline; color:#405aa3;}
.txt_7pt{font-size:7pt; }
.txt_8pt{font-size:8pt; }
.txt_9pt{font-size:9pt; }


.dpt-3{ padding-top:3px; _padding-top:2px;}
.dpt-5{ padding-top:5px;}
.dpt-7{ padding-top:7px;}
.dpt-8{ padding-top:8px;}
.dpt-10{ padding-top:10px;}
.dpt-11{ padding-top:11px;}
.dpt-12{ padding-top:12px;}
.dpt-13{ padding-top:13px;}
.dpt-15{ padding-top:15px;}
.dpt-20{ padding-top:20px;}

.dpl-3{ padding-left:3px;}
.dpl-5{ padding-left:5px;}
.dpl-7{ padding-left:7px;}
.dpl-10 {padding-left:10px;}
.dpl-14 {padding-left:14px;}
.dpl-18 {padding-left:18px;}
.dpl-20 {padding-left:20px;}

.dpr-3{ padding-right:3px;}
.dpr-5{ padding-right:5px;}
.dpr-7 {padding-right:7px;}
.dpr-10 {padding-right:10px;}
.dpr-12 {padding-right:12px;}
.dpr-15 {padding-right:15px;}

.dpb-2 {padding-bottom:2px;}
.dpb-3 {padding-bottom:3px;}
.dpb-5 {padding-bottom:5px;}
.dpb-7 {padding-bottom:7px;}
.dpb-8 {padding-bottom:8px;}
.dpb-10 {padding-bottom:10px;}
.dpb-15 {padding-bottom:15px;}
.dpb-20 {padding-bottom:20px;}

.dmt-3{ margin-top:3px;}
.dmt-5{ margin-top:5px;}
.dmt-7{ margin-top:7px;}
.dmt-10{margin-top:10px;}
.dmt-15{margin-top:15px;}
.dmt-20{margin-top:20px;}
.dmt-30{margin-top:30px;}
.dmt-40{margin-top:40px;}
.dmt-50{margin-top:50px;}
.dmt-60{margin-top:60px;}
.dmt-80{margin-top:80px;}

.dml-7{margin-left:7px;}
.dml-10{margin-left:10px;}
.dml-15{margin-left:15px;}
.dml-20{margin-left:20px;}
.dml-30{margin-left:30px;}
.dml-40{margin-left:40px;}

.dmb-3{margin-bottom:3px;}
.dmb-5{margin-bottom:5px;}
.dmb-7{margin-bottom:7px;}
.dmb-10{margin-bottom:10px;}
.dmb-15{margin-bottom:15px;}
.dmb-20{margin-bottom:20px;}
.dmb-30{margin-bottom:30px;}

.ny input.bd_0{border:0;}

.hand{cursor:pointer; }

.d_b{display:inline-block; }
img.vm{vertical-align:middle;}

/*wrap*/
#wrap{	width:990px;	margin:0 auto ; padding:0; }
#wrap:after { content:""; display:block; clear:both; } 
#wrap div.eng{float:right;padding-top:0px;}/*2012-12-07*/

/*상단*/
#top{ width:990px; height:160px; margin:0; padding:0; overflow:hidden;}
#top:after { content:""; display:block; clear:both; } 
#top li{float:left;}
#top li.logo{width:260px;}
#top li.top_search{margin-top:93px; margin-left:67px; width:379px; height:39px; background:url(/images/common/back_topsearch.gif) no-repeat;}
#top li.top_search .back{width:314px; height:22px; margin-top:9px; padding-left:40px; overflow:hidden;}
#top li.top_search .back img{ margin-left:5px;height:17px; vertical-align:middle; }
#top li.top_search .back input{border:0; vertical-align:middle; width:250px; font-size:9pt; padding-top:4px; }
#top li.topmenu{float:right; padding-right:5px;}
#top li.topmenu ul{margin-top:130px;}
#top li.topmenu ul li{float:left;}

span.line{display:inline-block; background:url(/images/common/footer_line.gif) no-repeat; width:14px; height:13px; vertical-align:top; }
span.dot_01{display:inline-block; background:url(/images/common/dot_01.gif) no-repeat ; width:5px; height:5px; vertical-align:middle; padding-left:5px;}
span.dot_02{display:inline-block; background:url(/images/common/dot_02.gif) no-repeat ; width:7px; height:6px; vertical-align:middle; padding-left:5px;}
span.dot_03{display:inline-block; background:url(/images/common/dot_03.gif) no-repeat ; width:5px; height:5px; vertical-align:middle; padding-left:5px;}
span.book_new{display:inline-block; background:url(/images/common/icon_new.gif) no-repeat ; width:39px; height:27px; margin-top:3px;}
span.book_hot{display:inline-block; background:url(/images/common/icon_hot.gif) no-repeat ; width:39px; height:27px; margin-top:3px;}
span.book_new02{display:inline-block; background:url(/images/common/icon_new02.gif) no-repeat ; width:39px; height:27px; margin-top:3px; margin-left:5px;}
span.book_hot02{display:inline-block; background:url(/images/common/icon_hot02.gif) no-repeat ; width:39px; height:27px; margin-top:3px; margin-left:5px;}

span.txt_red{font-weight:bold; color:#ff0000;}
span.txt_red_8pt{font-size:8pt; color:#ff0000;}

span.txt_navy{font-weight:bold; color:#334593;}
span.txt_navy_8pt{font-size:8pt; color:#334593;}

span.txt_green{font-weight:bold; color:#339900;}
span.txt_green_8pt{font-size:8pt; color:#339900;}

span.txt_blue{font-weight:bold; color:#2863c5; }
span.txt_blue_8pt{font-size:8pt; color:#2863c5;}

span.txt_b{font-weight:bold;}

#contents_01{height:310px; overflow:hidden;}
#contents_01:after { content:""; display:block; clear:both; } 
#contents_01 li{float:left;}



#contents_02{height:279px; margin-top:40px; overflow:hidden;}
#contents_02:after { content:""; display:block; clear:both; } 
#contents_02 li{float:left; margin-right:55px; }
#contents_02 li.st{padding-left:10px;}
#contents_02 li.end{margin-right:0;}




#contents_03{height:248px; background:url(/images/main/line.gif) no-repeat; padding-top:19px; margin-top:40px;  }
#contents_03:after { content:""; display:block; clear:both; } 
#contents_03 li{float:left; }

#contents_03 li.ban01{width:238px; position:relative; top:0; left:0;}
#contents_03 li.ban01 ul.box01 li{width:216px; clear:both; margin-bottom:5px;}
#contents_03 li.ban01 ul.box01 li.end{margin:0; padding:0; }

#contents_03 li.ban02{width:381px; }
#contents_03 li.ban02 p.tit{width:381px; height:29px; background:url(/images/main/back_notice.gif) no-repeat; margin-bottom:7px; padding:0; }
#contents_03 li.ban02 p.tit img{float:right; padding-right:16px;}
#contents_03 li.ban02 ul.box02{height:114px; overflow:hidden; margin-left:10px; }
#contents_03 li.ban02 ul.box02 li{width:360px; height:24px; overflow:hidden; clear:both;}
#contents_03 li.ban02 p{padding-top:21px;}

#contents_03 li.ban03{width:371px; height:248px; margin:0;padding:0; font-size:0; line-height:0;}
#contents_03 li.ban03 ul.box03{margin-left:22px; overflow:hidden; }
#contents_03 li.ban03 ul.box03 li{float:left; font-size:0; line-height:0; margin-bottom:13px; }
#contents_03 li.ban03 ul.box03 li.st{margin-right:12px;}
#contents_03 li.ban03 ul.box03 li.end{margin-bottom:0; width:349px;  }


/*푸터*/
#footer{background:url(/images/main/line.gif) no-repeat; padding-top:19px; padding-bottom:30px; overflow:hidden; height:100px; margin-top:10px; }
#footer li{float:left;}
#footer li.footer_logo{padding-left:35px;}
#footer li.footer_menu {margin-left:35px;}
#footer li.footer_menu ul{height:13px;}
#footer p.copy{clear:both; margin-top:14px; height:61px; }


/*sub*/
.sub_wrap{width:990px;}
.sub_wrap:after{ content:""; display:block; clear:both; } 
p.sub_flash{height:195px; margin-bottom:30px;}

/*leftmenu*/
.lftmenu{width:232px; float:left; position:relative; z-index:2;}
.lftmenu p{width:232px; height:34px; font-size:0; line-height:0; cursor:pointer; }
.lftmenu .tit01_on{background:url(/images/sub/lftmenu_tit01_on.gif) no-repeat; }
.lftmenu .tit01_off{background:url(/images/sub/lftmenu_tit01_off.gif) no-repeat; }
.lftmenu .tit02_on{background:url(/images/sub/lftmenu_tit02_on.gif) no-repeat; }
.lftmenu .tit02_off{background:url(/images/sub/lftmenu_tit02_off.gif) no-repeat; }
.lftmenu .tit03_on{background:url(/images/sub/lftmenu_tit03_on.gif) no-repeat; border-bottom:1px solid #b7b8b8; margin-bottom:38px;}
.lftmenu .tit03_off{background:url(/images/sub/lftmenu_tit03_off.gif) no-repeat; border-bottom:1px solid #b7b8b8; margin-bottom:38px;}

/*.menu_txt01{color:#9a9999; font-size:17px; font-weight:400; font-family: 'Nunito', sans-serif; }*/



/*
.menu_txt01{color:#9a9999; font-size:17px; font-weight:400; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt01 a:link{text-decoration:none; color:#9a9999; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt01 a:visited{text-decoration:none; color:#9a9999; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt01 a:hover{text-decoration:none; color:#e4007f; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt01 a:active{text-decoration:none; color:#9a9999; font-family: 'Verdana-Bold', sans-serif;}
*/

.menu_txt01{color:#9a9999; font-size:17px; font-weight:400; font-family: '휴먼엑스포'; }
.menu_txt01 a:link{text-decoration:none; color:#9a9999; font-family: '휴먼엑스포'; }
.menu_txt01 a:visited{text-decoration:none; color:#9a9999; font-family: '휴먼엑스포'; }
.menu_txt01 a:hover{text-decoration:none; color:#e4007f; font-family: '휴먼엑스포'; }
.menu_txt01 a:active{text-decoration:none; color:#9a9999; font-family: '휴먼엑스포';}



.menu_txt02{color:#9a9999; font-size:19px; font-weight: bold; font-family: '맑은고딕', '돋움';}
.menu_txt02 a:link{text-decoration:none; color:#9a9999; font-family: '맑은고딕', '돋움'; }
.menu_txt02 a:visited{text-decoration:none; color:#9a9999; font-family: '맑은고딕', '돋움';}
.menu_txt02 a:hover{text-decoration:none; color:#e4007f; font-family: '맑은고딕', '돋움'; }
.menu_txt02 a:active{text-decoration:none; color:#9a9999; font-family: '맑은고딕', '돋움'; }


/*.menu_txt03{color:#525252; font-size:16px; font-weight: 300; font-family: 'Open Sans Condensed', sans-serif;}*/
/*
.menu_txt03{color:#525252; font-size:14px; font-weight: 300; font-family: 'Verdana-Bold', sans-serif;}
.menu_txt03 a:link{text-decoration:none; color:#525252; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt03 a:visited{text-decoration:none; color:#525252; font-family: 'Verdana-Bold', sans-serif; }
.menu_txt03 a:hover{text-decoration:none; color:#ffffff; font-family: 'Verdana-Bold', sans-serif;  }
.menu_txt03 a:active{text-decoration:none; color:#525252; font-family: 'Verdana-Bold', sans-serif; }
*/

.menu_txt03{color:#525252; font-size:13px; font-weight: bold; font-family: 'tahoma'; font-weight: bold;}
.menu_txt03 a:link{text-decoration:none; color:#525252; font-family: 'tahoma'; font-weight: bold;}
.menu_txt03 a:visited{text-decoration:none; color:#525252; font-family: 'tahoma'; font-weight: bold;}
.menu_txt03 a:hover{text-decoration:none; color:#ffffff; font-family: 'tahoma';  font-weight: bold;}
.menu_txt03 a:active{text-decoration:none; color:#525252; font-family: 'tahoma'; font-weight: bold;}



.menu_line{border-top:1px solid #b7b8b8; padding:10px 10px;}

/*2dpth leftmenu*/
.back_menu_2nd{background:url(/images/common/icon_leftmenu.gif) no-repeat 0 8px ; z-index:10; width:300px; position:absolute; top:43px; left:130px; }
.menu_2nd{margin-left:15px; border:4px solid #f177bb; background-color:#ffffff;}
.menu_2nd li{height:20px; padding:0 7px 6px 7px; }
.menu_2nd li.on{background-color:#f177bb;}



p.left_ban01{margin-bottom:6px; width:232px; height:41px;}
p.left_ban02{width:232px; height:41px; }

.sub_ny{float:left; margin-left:25px; text-align:left; width:733px; overflow:hidden; }
p.subtit{width:723px; height:25px; background-color:#727171; margin-bottom:20px; font-size:0; line-height:0; overflow:hidden;}
p.v_img{padding:9px 0 0 10px; }
p.v_txt{padding:3px 0 6px 10px; }

p.subtit span.d_lft{float:left; font-family: 'tahoma'; font-weight: bold; font-size:18px; color:#ffffff;}
p.subtit span.d_lft2{float:left; font-family: 'tahoma'; font-size:18px; color:#ffffff; font-weight: bold;}

p.subtit span.kor{font-size:18px; font-weight: bold; font-family: '맑은고딕', '돋움'; color:#ffffff;}
p.subtit span.d_rgt{float:right; padding-right:5px;}
p.subtit span.d_rgt img{padding-right:5px;}

p.info{width:630px; height:35px; margin:0 auto ; }
p.info02{width:714px; height:25px; margin:0 auto ; }

.book_list01{width:630px; margin:0 auto ; padding-bottom:30px;}
.book_list01:after{ content:""; display:block; clear:both; } 
.book_list01 li{float:left; width:179px; margin-right:45px; }
.book_list01 li span.book_new{float:right;}
.book_list01 li span.book_hot{float:right;}
.book_list01 li.end{margin-right:0; }
.book_list01 img{float:left; border:1px solid #766c6c; width:138px; height:180px;}


div.subtit{width:723px; height:25px; background-color:#727171; margin-bottom:20px; font-size:0; line-height:0; overflow:hidden;}
div.subtit span.d_lft{float:left; font-family: 'tahoma'; font-weight: bold; font-size:18px; color:#ffffff;}
div.subtit span.d_lft2{float:left; font-family: 'tahoma'; font-size:18px; color:#ffffff; font-weight: bold;}



table.tb_img{border:0;}

table.tb_01 td{padding-bottom:30px;}
/*
.book_name{font-family: 'Nunito', sans-serif; font-weight: 400; font-size:14px; color:#000000;}
.book_name a:link{text-decoration:none; color:#000000; font-family: 'Nunito', sans-serif; font-weight: 400;}
.book_name a:visited{text-decoration:none; color:#000000; font-family: 'Nunito', sans-serif; font-weight: 400;}
.book_name a:hover{text-decoration:none; color:#e4007f; font-family: 'Nunito', sans-serif; font-weight: 400;}
.book_name a:active{text-decoration:none; color:#000000; font-family: 'Nunito', sans-serif; font-weight: 400;}
*/
.book_name{font-family: 'tahoma'; font-weight: bold; font-size:13px; color:#000000;}
.book_name a:link{text-decoration:none; color:#000000; font-family: 'tahoma'; font-weight: bold;}
.book_name a:visited{text-decoration:none; color:#000000; font-family: 'tahoma'; font-weight: bold;}
.book_name a:hover{text-decoration:none; color:#e4007f; font-family: 'tahoma'; font-weight: bold;}
.book_name a:active{text-decoration:none; color:#000000; font-family: 'tahoma'; font-weight: bold;}


.pagenum{text-align:center; font-size:14px;  }
.pagenum .current{font-size:18px; color:#e4007f; }
.pagenum a{padding:0 2px; vertical-align:middle; font-family: 'Nunito', sans-serif; font-weight: 400;}

/*book_info*/
.sub_txt{margin:0 auto; width:714px; padding-bottom:40px; }
.back_welcome{background:url(/images/common/back_welcome.gif) no-repeat; }
.welcome_space{height:180px;}

.book_info{width:714px; margin:0 auto; background-color:#e6e5e5;}
.book_info ul{padding:18px 18px; overflow:hidden; }
.book_info ul li{float:left;}

.book_info ul li table.tb_bookinfo{ margin-top:15px; }
.book_info ul li table.tb_bookinfo .sel_01 img{padding-right:15px; }
.book_info ul li table.tb_bookinfo td, .book_info ul li table.tb_bookinfo th{padding-bottom:17px; vertical-align:top; }
.book_info ul li table.tb_bookinfo td{width:220px;}
.book_info ul li table.tb_bookinfo td.sel_03{width:150px;}
.book_info ul img.size01{width:155px; height:202px; border:1px solid #797979; margin-right:27px;}
p.dot_line{background:url(/images/common/dot_line.gif) repeat; width:100%; height:2px; font-size:0; line-height:0; }
.book_info ul.info_btns{margin:15px 0; padding:0; width:470px; }
.book_info ul.info_btns li{float:left; height:26px; vertical-align:middle; margin-right:5px;}
.book_info ul.info_btns li.tit img{margin-top:5px;padding-right:20px; }
.book_info ul.info_btns li.sel_02 img{padding-right:4px; }
.book_info ul.info_btns li img{font-size:0; line-height:0;}

span.bookinfo_tit{padding-left:10px; display:inline-block; margin-top:7px;}
p.bookinfo_txt{padding-left:10px; margin-top:10px;}
p.bookinfo_txt img.size01{border:1px solid #544f47; width:600px; margin-bottom:10px;}
p.bookinfo_txt img.size02{border:1px solid #544f47; width:430px; margin-bottom:10px;}

.book_list02{width:674px; margin:0 auto ; padding-bottom:30px; }
.book_list02:after{ content:""; display:block; clear:both; } 
.book_list02 li{float:left; font-size:0; line-height:0; padding-right:15px; }
.book_list02 li.btn_pre{width:37px; margin-right:25px; overflow:hidden; padding-top:43px; padding-right:0;}
.book_list02 li.btn_next{width:37px; margin-left:15px; overflow:hidden; padding-top:43px; padding-right:0;}
.book_list02 li.end{margin:0;padding:0;}
.book_list02 li img.size03{border:1px solid #abaaab; width:92px; height:120px;}

.back_line{background-color:#4c4a49; width:100%; height:2px; font-size:0; line-height:0; text-align:left; margin-top:40px; }
.back_line02{background-color:#4c4a49; width:100%; height:2px; font-size:0; line-height:0; text-align:left; }
span.line_01{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#e60012;  }
span.line_02{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#e4007f;  }
span.line_03{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#75bb29;  }
span.line_04{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#eb6100;  }
span.line_05{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#549ad3;  }
span.line_06{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#984b99;  }
span.line_07{display:inline-block; width:11px; height:2px; font-size:0; line-height:0; background-color:#fbc400;  }

/*download*/
.book_search {width:714px; height:26px; margin:0 auto; background-color:#f6f6f6; text-align:center; vertical-align:middle; padding:5px 0;}
.book_search input{border:1px solid #d4d4d4; background-color:#ffffff; width:160px; height:19px; padding-top:3px; }
.book_search img{vertical-align:middle;}


.book_search ul {	list-style:none;	}
.book_search li {	float:left;	margin:0 0px;}

/*layer_pop*/
.pop_01{z-index:100; border:1px solid #a7a7a7;  top:60px; left:150px; width:260px; text-align:center; background-color:#ffffff; position:absolute; }
.pop_01 li.txt {width:246px; padding:7px 7px; text-align:center;}
.pop_01 li.txt input.sel01{border:1px solid #d4d4d4; background-color:#f1f1f1; width:160px; height:19px; padding-top:3px; padding:-left:7px; vertical-align: middle;}
.pop_01 li.txt img{vertical-align: middle; margin:0; padding:0; }
.pop_01 li.txt .menu_txt03{padding:5px 0; font-size:20px;}
.pop_01 li.txt p{margin-top:10px; color:#ff0000;}
.pop_01 li.btn_close{width:100%; height:18px; text-align:center; background-color:#474747; padding-top:3px; margin-top:10px;}


/*result_booksearch*/
.result_booksearch{width:714px; overflow:hidden; margin-top:10px;  margin-bottom:20px; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.result_booksearch:after{ content:""; display:block; clear:both; } 
.result_booksearch li{float:left; }
.result_booksearch li img.size01{width:100px; height:130px; border:1px solid #797979; margin-right:27px;}
.result_booksearch li.txt{width:580px;}
.result_booksearch li.txt  p.tit span.txt_red{color:#ff0000; font-size:18px; font-weight:400; font-family: 'Nunito', sans-serif; background-color:#fff568;}
.result_booksearch li.txt	p.dot_line{margin:10px 0; }

/*table_basic*/
.tb_basic{width:714px; margin-bottom:10px; border-bottom:1px solid #727171;}
.tb_basic th, .tb_basic td{height:30px; }
.tb_basic th{font-weight:bold; text-align:center; border-right:1px solid #d4d4d4;}
.tb_basic th{background-color:#f6f6f6; border-bottom:1px solid #d4d4d4; }
.tb_basic th.lft{text-align:left; padding-left:10px;}
.tb_basic th.end{border-bottom:0;}
.tb_basic th.end_r{border-right:0;}
.tb_basic td{background-color:#ffffff; text-align:left; border-bottom:1px solid #d4d4d4;  }
.tb_basic td.cen{text-align:center; padding:0;}
.tb_basic td.lft{text-align:left; padding-left:10px;}
.tb_basic td.ny{padding:10px 10px; min-height:150px; height:150px; vertical-align:top; line-height:160%;}
.tb_basic td.end{border-bottom:0;}

.bd_t{border-top:1px solid #727171;}
.tb_basic td ul.info_btns{overflow:hidden; padding:5px 0; }
.tb_basic td ul.info_btns li{float:left; height:26px; vertical-align:middle; margin-right:5px;}
.tb_basic td ul.info_btns li.tit img{margin-top:5px;padding-right:20px;}
.tb_basic td.b_notice{background-color:#fffdde;}
.tb_basic td.b_tit{background-color:#f6f6f6;}
.tb_basic td.tit{font-weight:bold; }
.tb_basic td input.box{height:15px; border:1px solid #dcdcdc; padding-top:3px; padding-left:3px; vertical-align:middle; }
.tb_basic td input.sel_01{width:120px;}
.tb_basic td input.sel_02{width:200px;}
.tb_basic td input.sel_03{width:50px;}
.tb_basic td input.sel_04{width:500px;}
.tb_basic td img{vertical-align:middle; }
div.ny{ border:1px solid #dcdcdc; width:500px; height:200px;margin:10px 0; vertical-align:top; }


table.sel_01{width:670px;}

.tb_basic02{margin-bottom:10px; border:1px solid #e0e0e0; }
.tb_basic02 th, .tb_basic td{height:30px; }
.tb_basic02 th{font-weight:bold; text-align:center; border-right:1px solid #d4d4d4;}
.tb_basic02 th{background-color:#f6f6f6; border-bottom:1px solid #d4d4d4; }
.tb_basic02 th.lft{text-align:left; padding-left:10px;}
.tb_basic02 th.end{border-bottom:0;}
.tb_basic02 th.end_r{border-right:0;}
.tb_basic02 td{background-color:#ffffff; text-align:left; border-bottom:1px solid #d4d4d4;  }
.tb_basic02 td.cen{text-align:center; padding:0;}
.tb_basic02 td.lft{text-align:left; padding-left:10px;}
.tb_basic02 td.ny{padding:10px 10px; min-height:150px; height:150px; vertical-align:top; line-height:160%;}
.tb_basic02 td.end{border-bottom:0;}


/*btns*/
p.btns{width:100%; overflow:hidden; text-align:center; vertical-align:middle; }
p.btns .lft{float:left;}
p.btns .rgt{float:right;}

/*login*/
.back_login{background:url(/images/common/back_login.gif) no-repeat; width:733px; height:191px;}
.back_login div{padding-top:30px; padding-left:273px; }
.back_login div input.box{width:126px; height:15px; border:1px solid #dcdcdc; padding-top:3px; padding-left:3px;}
.back_login p.line{width:93%; height:1px; background-color:#e0e0e0; font-size:0; line-height:0;}
.back_login div table{margin:10px 0; width:93%; }
.back_login div table td.sel_01{width:140px; text-align:left;  padding-top:3px; padding-left:58px;}
.back_login div table td.sel_02{width:135px; padding-top:3px; }
.back_login div table td.sel_03{ padding-top:-5px;}
.back_login div  p.space{margin-top:10px; margin-left:58px;}

.login_txt{ margin-top:20px; margin-bottom:40px;}
.login_txt p{margin-top:7px;}
.login_txt p img{vertical-align:middle; }

/*join*/
.jointxt_01{margin-bottom:20px; padding:10px 0; padding-left:11px; overflow:hidden;}
.jointxt_01 textarea{border:1px solid #dddcdc; line-height:170%; width:670px; padding:10px 10px;  margin-bottom:7px;}
.withdrawal{border:1px solid #e0e0e0; background-color:#f6f6f6; padding:20px 20px; line-height:170%;}
.withdrawal_box{border:1px solid #dcdcdc; width:490px; height:100px;margin:10px 0; padding:10px 10px;}
.jointxt_02{width:672px; height:326px; border:1px solid #dddcdc; margin-top:11px; margin-left:11px; margin-bottom:20px; padding:10px 10px; overflow-y:scroll; line-height:170%; }
ul.list_01{margin-left:30px;}
ul.list_01 li{list-style:circle; line-height:170%;}

/*popup*/
#pop{text-align:center; margin:0; padding:0; width:100%;}
#pop p{margin:0; padding:0;}
#pop table.tb_pop td{height:25px;}
#pop table.tb_pop td.sel_01{width:50px; text-align:left; }
#pop table.tb_pop td.sel_02{width:150px; text-align:left; }

#pop .tit{background-color:#f177bb; overflow:hidden; margin-bottom:10px; height:34px;}
#pop .tit .txt{float:left; text-align:left; font-size:11pt; color:#ffffff; font-weight:bold; padding:5px 0 5px 10px;}
#pop .tit .close{float:right; padding:10px 10px 0 0;}
#pop .tit:after{ content:""; display:block; clear:both; } 

#pop .pop_txt{padding:10px 10px; text-align:center;}

#pop .btns{text-align:center; margin-top:10px; margin-bottom:10px; padding:0 20px;}
#pop .btns:after{ content:""; display:block; clear:both; } 
#pop .btns li.btns_left{float:left; }
#pop .btns li.btns_right{float:right; }

#pop p.idinfo{width:100%;}
#pop div.sel_01{width:300px; vertical-align:middle; margin:10px 0;}
#pop div.sel_01 img{vertical-align:middle; }
#pop input.box{height:15px; border:1px solid #dcdcdc; padding-top:3px; padding-left:3px;}
#pop input.sel_01{width:126px;}
#pop input.sel_02{width:200px;}

.txt_box{border:1px solid #e0e0e0; background-color:#f2f2f2; padding:10px 10px; margin:0 auto;}
.txt_box img{vertical-align:middle; }
.pop_check{width:400px;}