@charset "euc-kr";
/* CSS Document */

#content {width:960px; min-height:378px; _height:378px; background:#fff; margin-top:2px; text-align:left;}

/*LOGIN*/
#content .login {width:785px; overflow:hidden; padding:115px 0 0 175px;}
#content .login table {width:270px;}
#content .login table th {text-align:left; height:25px;}
#content .login table img {vertical-align:middle;}
#content .login table .input01 {width:126px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .login table .input02 {width:53px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .login p {width:270px; margin-top:20px;}
#content .login p img {vertical-align:middle;}
#content .login p span {width:177px; display:inline-block;}
#content .login .login_l {float:left; margin-right:70px;}
#content .login .login_l h2 {margin-bottom:20px;}
#content .login .login_r {float:left;}
#content .login .login_r h2 {margin-bottom:20px;}

/*SEARCH*/
#content .search {width:785px; overflow:hidden; padding:115px 0 0 175px; float:left;}
#content .search table {width:270px;}
#content .search table th {text-align:left; height:25px;}
#content .search table img {vertical-align:middle;}
#content .search table .input01 {width:126px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .search table .input02 {width:53px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .search table .input03 {width:223px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .search .search_l {float:left; margin-right:70px;}
#content .search .search_l h2 {margin-bottom:20px;}
#content .search .search_r {float:left;}
#content .search .search_r h2 {margin-bottom:20px;}

/*CUSTOMER SERVICE*/
#content .customer {width:785px; overflow:hidden; padding:18px 0 0 175px;}
#content .customer h2 {margin-bottom:20px;}
#content .customer table {width:580px;}
#content .customer table th {text-align:left; height:25px;}
#content .customer table select,img {vertical-align:middle;}
#content .customer table .input01 {width:134px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .customer table .input02 {width:60px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .customer table .input03 {width:216px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .customer table .input04 {width:510px; border:1px solid #dadada; padding:2px; vertical-align:middle;}
#content .customer table textarea {width:510px; height:154px; border:1px solid #dadada; padding:2px;}
#content .customer .btns01 {margin-left:60px;}
#content .customer .btns01 a {margin-right:5px;}

/*JOIN01*/
#content .join {width:785px; overflow:hidden; padding:18px 0 0 175px;}
#content .join h2 {margin-bottom:20px;}
#content .join p img,input {vertical-align:middle;}
#content .join textarea {width:270px; height:185px; font-size:11px; border:1px solid #fff;}
#content .join_l {width:270px; float:left; padding-right:60px;} 
#content .join_r {width:270px; float:left;}
#content .join .join_p {width:100%; overflow:hidden; padding-top:30px;}
#content .join .btns02 {margin-top:25px;}
#content .join .btns02 a {margin-right:5px;}

/*JOIN02*/
#content .join_form {width:890px; overflow:hidden; padding:18px 0 15px 70px;}
#content .join_form h2 {margin-bottom:15px;}

#content .join_forml {width:475px; float:left; margin-right:20px;}
#content .join_forml table {width:455px;}

#content .join_formr {width:335px; float:left;}
#content .join_formr table {width:335px;}

#content .join_form table img,input,select {vertical-align:middle;}
#content .join_form table label {font-size:11px; padding-left:2px;}
#content .join_form table th {text-align:left;}
#content .join_form table td {height:25px; font-size:11px;}
#content .join_form table td span {font-size:12px;}
#content .join_form table td .input01 {width:126px; padding:2px; border:1px solid #dadada;}
#content .join_form table td .input02 {width:83px; padding:2px; border:1px solid #dadada;}
#content .join_form table td .input03 {width:175px; padding:2px; border:1px solid #dadada;}
#content .join_form table td .input04 {width:279px; padding:2px; border:1px solid #dadada;}
#content .join_form table td .input05 {width:70px; padding:2px; border:1px solid #dadada;}

#content .join_btns {width:820px; text-align:center; margin-top:40px; float:left;}
#content .join_btns img {margin:0 20px;}

/*ȸ¿ø Å»Åð*/
#content .btns_l {width:820px; text-align:left; margin-top:40px; float:left;}
#content .btns_l img {margin-right:5px;}
p.btn_out {float:right; text-align:right; margin:-28px 70px 0 0;}
#content .out_form {width:780px; overflow:hidden; padding:18px 0 15px 170px;}
#content .out_form p {width:780px; margin:10px 0 -25px 0;}
#content .out_form p input[type="radio"] {vertical-align:-2px;}
#content .out_form p input[type="text"] {width:170px; padding:2px; border:1px solid #dadada;}


/*CUSTOMER SERVICE*/
#content .privacy {width:785px; overflow:hidden; padding:18px 0 0 175px;}
#content .privacy h2 {margin-bottom:20px;}
#content .privacy textarea {width:615px; height:300px; font-size:11px; border:1px solid #fff;}

/*°Ô½ÃÆÇ LIST*/
#content .table_list01 {width:780px; overflow:hidden; padding:40px 0 0 180px;}
#content .table_list01 table {width:600px; border-top:1px solid #dadada;}
#content .table_list01 table td {border-bottom:1px solid #dadada; text-align:center;}
#content .table_list01 table td span {text-align:left; display:inline-block; padding:8px 0;}
#content .table_list01 table td span.subject {width:500px; padding-left:20px; text-align:left; display:inline-block;}
/*#content .table_list01 table td.on {background:#f6eff5; padding-left:20px; font-weight:bold; color:#5e1167; text-align:left;}
#content .table_list01 table td.date_on {background:#f6eff5;}*/

#content .paging {width:960px; text-align:center;}
#content .paging img {vertical-align:middle;}
#content .paging strong {font-weight:normal; color:#5e1167; font-size:11px; margin:0 3px;}
#content .paging a {color:#666; font-size:11px; margin:0 3px;}

/*°Ô½ÃÆÇ view*/
#content .table_view01 {width:915px; overflow:hidden; padding:20px 0 0 45px;}
#content .table_view01 table {width:850px;}
#content .table_view01 table th {height:25px; color:#666; border-bottom:1px solid #ead8e7; text-align:left;}
#content .table_view01 table th.date {text-align:right;}
#content .table_view01 table td {border-bottom:1px solid #ead8e7; vertical-align:top; padding:15px 0; font-size:11px; color:#666; line-height:1.6; word-break:keep-all;}
#content .table_view01 table td.view_list01 {padding:5px; color:#aaa;}
#content .table_view01 table td.view_list01 a {font-size:11px; color:#aaa;}
#content .table_view01 table td.view_list01 strong {margin-right:25px;}
#content .table_view01 table td.view_list02 {padding:5px; color:#666;}
#content .table_view01 table td.view_list02 a {font-size:11px; color:#666;}
#content .table_view01 table td.view_list02 strong {color:#666; margin-right:25px;}
#content .table_view01 .view_scroll {height:310px; overflow-y:scroll; margin-right:20px;
scrollbar-face-color: #ccc;
scrollbar-shadow-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff; 
scrollbar-track-color: #fff;
scrollbar-arrow-color: #fff;}
#content .table_view01 .view_scroll table td {line-height:2;}

#content #view_layer {position:absolute; top:0px; left:0px; display:none; padding-right:10px;}
#content #view_layer a {position:absolute; top:0; right:0;}


/*¸ÞÀÏ º¸³»±â ·¹À̾î*/
.send_mail {width:310px; height:217px; padding:20px; background:url(../../images/jstyle/mail_bg.jpg) no-repeat top left; position:absolute; top:100px; left:20%;}
.send_mail table {width:310px; margin-top:25px;}
.send_mail table th {text-align:left; height:25px;}
.send_mail table td input {width:265px; border:1px solid #fff; padding:2px;}
.send_mail table td textarea {width:265px; height:85px; border:1px solid #fff; padding:2px;}
.send_mail .send_btns {margin:10px 0 0 35px;}
.send_mail .send_x { position:absolute; top:20px; right:20px;}




/* popup adress */
#pop_ad {width:450px; height:410px; text-align:center; background:#e9d6e6;}
#pop_ad .adress_p {margin:30px 0;}
#pop_ad .adress_form {padding:15px; background:#f6f6f6; border:1px solid #ebebeb;}
#pop_ad .adress_form img {vertical-align:top;}
#pop_ad .adress_form input {width:248px; height:16px; border:1px solid #ccc; margin:0 5px;}
#pop_ad .adress_view {width:450px; height:230px; margin-top:10px; overflow-y:scroll; overflow-x:hidden;}
#pop_ad table {width:440px;}
#pop_ad table td {height:25px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; color:#000; font-size:12px;}
#pop_ad table td.txt_l {text-align:left;}