@charset "utf-8";
/* CSS Document */

/*sub공통*/
/*#sub_con {width:100%; font-size:0; overflow:hidden;} */
#sub_con {width:100%; overflow:hidden;} 
#sub_con .sub_nav {width:100%; height:35px; background:#585858;line-height:35px; text-align:center;}
#sub_con .sub_nav .sub_a1 {background:#00afa5;}
#sub_con .sub_nav ul {width:1000px; margin:0 auto;}
#sub_con .sub_nav ul li {width:20%; height:35px;color:#fff; float:left;}
#sub_con .sub_nav ul li:hover {background:#00afa5;}
#sub_con .sub_nav ul li a {color:#fff; font-size:12px;}

/*sub0101*/
#sub_con .company {width:1000px; margin:0 auto; overflow:hidden;}
#sub_con .company h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .company p {margin:0 3%; font-size: 14px; color: #888; line-height:25px; text-align:justify;}
#sub_con .company span {color:#00afa5; font-weight:bold;}
#sub_con .company h3 .span2 {font-size:12px; color:#aaa; letter-spacing:1px;}
#sub_con .company .ceo {text-align:right; font-size:16px; font-weight:bold; color:#666; margin-bottom:50px;}

#sub_con .company_info {width:1000px; margin:0 auto;}
#sub_con .company_info li {font-size:13px; color:#444;}
#sub_con .company_info .info_r {width:25%; float:left; padding:5px;	text-align:center; font-weight:bold;}
#sub_con .company_info .info_l {width:65%; float:left; padding:5px;}
#sub_con .company_info .r1 {border-top:2px solid #d3d3d3; box-sizing:border-box;}
#sub_con .company_info .r2 {border-top: 1px solid #d3d3d3; box-sizing: border-box;}
#sub_con .company_info .r3 {border-top: 1px solid #d3d3d3; border-bottom: 2px solid #d3d3d3; box-sizing: border-box; margin-bottom:5%;}

/*sub0102*/
#sub_con .history {width:1000px; margin:0 auto; overflow:hidden;}
#sub_con .history h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .history span {font-size:12px; color:#aaa; letter-spacing:1px;}

/*sub0103*/
#sub_con .organization {width:1000px; margin:0 auto; overflow:hidden;}
#sub_con .organization h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .organization span {font-size:12px; color:#aaa; letter-spacing:1px;}

/*sub0201*/
#sub_con .book_search {width:1000px; margin:0 auto; overflow:hidden;}
#sub_con .book_search h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .book_search span {font-size:12px; color:#aaa; letter-spacing:1px;}
#sub_con .book_search .search_ta1 {width:80%; margin:0 auto; font-size:14px; font-weight:700; border:1px solid #ccc; margin-bottom:3%; background:#ccc; box-sizing:border-box;}
zsub_con .book_search .search_ta1 tr {margin:7%;}
#sub_con .book_search .search_ta1 tr td {padding:1% 2.5%;}
#sub_con .book_search .search_ta1 tr td input {padding:1%;}

#sub_con .book_search .button {width:100%; margin-left:40%}
#sub_con .book_search .button .button_1 {width:auto; background:#00afa5; font-size:14px; border:1px solid #fff; border-radius:10px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-right:1%;}
#sub_con .book_search .button .button_2 {width:auto; background:#858585; font-size:14px;  border:1px solid #fff; border-radius:10px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-bottom:3%;}
#sub_con .book_search .button a {font-size:14px; color:#fff; font-weight:bold;}

#sub_con .book_search .search_ta2 {
width:100%; margin:0 auto;  
border:0px solid #ccc; margin-bottom:0%;
box-sizing:border-box;  padding:1% 0;
}
#sub_con .book_search .search_ta2 tr td {border-right:1px solid #fff; box-sizing:border-box;}
#sub_con .book_search .search_ta2 tr td:last-child {border-right:0;} 
#sub_con .book_search .search_txt {width:100%; height:250px; line-height:250px; font-size:14px; text-align:center;}

/*sub0202*/
#sub_con .new_books {width:1000px; margin:0 auto; overflow:hidden;}


#sub_con .new_books h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .new_books span {font-size:12px; color:#aaa; letter-spacing:1px;}
#sub_con .new_books .total {width:100%; font-size:10px; color:#888; text-align:right; margin-bottom:1%;}
#sub_con .new_books .newbooks_bbs {width:100%; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; box-sizing:border-box; margin-bottom:3%;}
#sub_con .new_books .bbs_top_title {font-weight:bold; font-size:13px; color:#666; text-align:center; height:35px;}
#sub_con .new_books .bbs_top_title td{border-bottom:2px solid #aaa;}
#sub_con .new_books .bbs_con {text-align:center; height:35px; border-bottom:1px solid #c7c7c7;}
#sub_con .new_books .bbs_con .text1 {font-size:12px; color:#666;}
#sub_con .new_books .bbs_con .text2 {text-align:left; margin-left:3%;}
#sub_con .new_books .bbs_con .text2 a {font-size:12px; color:#444;}
#sub_con .new_books .bbs_con .text3 {font-size:13px; font-weight:bold; color:#666; text-align:left; margin-left:3%;}
#sub_con .new_books .bbs_con .text3 a {font-size:13px; color:#444;}
.search_box * {margin-right:5px; margin-bottom:30px;}
.search_box select {height:30px;padding-bottom:4px;}
.search_box input {height:22px;padding:2px;}
.search_box button {width:30px;height:30px;border:1px solid #aaa;background:url(../images/btn_search.png) center center no-repeat;vertical-align:bottom;}
.btn_search {font-size:13px; font-weight:bold; float:right; background:#666; padding:1%;}
.btn_search a {color:#fff;}



/*sub0401*/
.input_text {text-align:center; font-size:12px; color:#4d4d4d;}
.checkbox_text label{color:#222; font-size:14px; font-weight:700;}
#sub_con .book_search .search_ta3 {width:80%; margin:0 auto; font-size:14px; font-weight:700; border:1px solid #ccc; margin-bottom:0%; background:#ccc; border-bottom:2px solid #fff; box-sizing:border-box;}
#sub_con .book_search .search_ta3 tr {margin:7%;}
#sub_con .book_search .search_ta3 tr td {padding:1% 2.5%;}
#sub_con .book_search .search_ta3 tr td input {padding:1%;}
#sub_con .book_search .today_order_text {width:100%; height:30px; font-size:14px; color:#444;}

/*join*/
#sub_con .book_search .join_1 {width:80%; margin:0 auto; font-size:14px; font-weight:700; margin-bottom:0%; background:#e1e1e1;}
#sub_con .book_search .join_2 {width:100%; margin:0 auto; font-size:14px; font-weight:700; margin-bottom:2%; margin-top:2%; background:#fff}
#sub_con .book_search .join_txt1 {text-align:right; width:50%}
#sub_con .book_search .join_txt2 {text-align:left; width:50%}

/*login*/
#sub_con .book_search .login_txt1 {font-size:13px; color:#999; text-align:center;}
#sub_con .book_search .login_txt2 {font-size:13px; color:#f00; text-align:center; margin-bottom:3%;}
#sub_con .book_search .login_txt2 span {font-size:13px; color:#999; font-weight:bold;}
#sub_con .book_search .login_txt2 span:hover {color:#444;}
#sub_con .book_search .btn_login {width:auto; background:#00afa5; border-radius:10px; padding:3%; text-align:center;}
#sub_con .book_search .btn_login a{color:#fff; font-size:15px;}
#sub_con .book_search .login_tb {width:50%; padding:2% 1%; margin:0 auto; font-size:14px; font-weight:700; border:1px solid #ccc; margin-top:2%; margin-bottom:2%; background:#ccc; box-sizing:border-box;}
zsub_con .book_search .login_tb tr {margin:7%;}
#sub_con .book_search .login_tb tr td {padding:1% 2.5%;}
#sub_con .book_search .login_tb tr td input {padding:1%;}

/*board_write*/
#sub_con .new_books .write_bbs {width:100%; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; box-sizing:border-box; margin-bottom:3%;}
.write_bbs .bbs_top_title {font-weight:bold; font-size:13px; color:#666; text-align:center; height:35px;}
.write_bbs .bbs_top_title td{border-top:1px solid #aaa;border-bottom:1px solid #aaa !important; box-sizing:border-box;}
.write_bbs .bbs_con {text-align:center; height:35px; border-bottom:1px solid #c7c7c7;}
.write_bbs .bbs_con .text1 {width:20%; font-size:12px; color:#666;}
.write_bbs .bbs_con .text2 {text-align:left; margin-left:3%;}
.write_bbs .bbs_con .text2 a {font-size:12px; color:#444;}
.write_bbs .bbs_con .text3 {font-size:13px; font-weight:bold; color:#666; text-align:left; margin-left:3%;}
.write_bbs .bbs_con .text3 a {font-size:13px; color:#444;}
.write_bbs .bbs_top_title .text4 {font-size:15px; font-weight:bold; color:#666; text-align:left; margin-left:3%; text-indent:2%; background:#f5f5f5;}
.write_bbs .bbs_con .bbs_input {width:80%; text-align:left;}
.write_bbs .bbs_con .tx {width:98%; word-break:break-all; font-size:12px;}
#sub_con .new_books .button {width:100%; margin-left:40%}
#sub_con .new_books .button .button_1 {width:auto; background:#00afa5; border:1px solid #fff; border-radius:10px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-right:1%;}
#sub_con .new_books .button .button_2 {width:auto; background:#858585; border:1px solid #fff; border-radius:10px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-bottom:3%;}
#sub_con .new_books .button a {font-size:14px; color:#fff; font-weight:bold;}

/*register_form*/
.register_txt {font-size:13px; font-weight:bold; margin-bottom:1%;}
.write_bbs .bbs_con .tx2 {width:99%; float:left; word-break:break-all; font-size:12px; margin-bottom:1%;}
.write_bbs .bbs_con .bbs_input .bbs_in {width:35%;}
.write_bbs .bbs_con .bbs_input .bbs_in .button_1 {width:auto; background:#00afa5; border:1px solid #fff; border-radius:5px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-right:1%; height:25px; line-height:20px;}
.write_bbs .bbs_con .bbs_input .bbs_in .button_1 a {font-size:11px; color:#fff;}

/*register_comfirm*/
#sub_con .register_comfirm {width:1000px; margin:0 auto; overflow:hidden;}
#sub_con .register_comfirm h3 {font-size:18px; color:#00afa5; margin:3% 0; border-bottom:2px solid #00afa5; padding-bottom:1%;}
#sub_con .register_comfirm p {margin:0 3%; font-size: 14px; color: #888; line-height:25px; text-align:center;}
#sub_con .register_comfirm span {color:#00afa5; font-weight:bold;}
#sub_con .register_comfirm h3 .span2 {font-size:12px; color:#aaa; letter-spacing:1px;}
#sub_con .register_comfirm .button {width:auto; background:#00afa5; border:1px solid #fff; border-radius:10px; box-sizing:border-box; float:left; padding:1%; text-align:center; margin-right:1%;}

#sub_con .button {width:100%; margin-left:45%; margin-top:2%; margin-bottom:2%;}
#sub_con .button .button_1 {width:100px; background:#00afa5; border-radius:10px; float:left; padding:1%; text-align:center;}
#sub_con .button a {font-size:12px; color:#fff;}

/*sub0402*/
.order_inquiry {border:2px solid #00afa5; padding:1%; margin:3% 0;}
.order_inquiry p {font-size:13px; color:#666;}
.order_inquiry p .txt01 {text-decoration:underline;}

/*bylee*/
#sub_con .board_area {width:1000px; margin:0 auto;  padding-top:14px; overflow:hidden;}