@charset "utf-8";
/*--- Customer ---*/
.x-clear {clear:both; width:0; height:0; overflow:hidden; line-height:0; font-size:0}
.btnHome {vertical-align: middle; margin-top:-2px}

/*- West Menu -*/
#sub_left_customermn {float:left; width:175px; height:410px; margin: 8px 0 0 10px}
#sub_left_customermn .cusTop {height:54px; background:url('../img/customer/customer_menu.gif') 0 0 no-repeat}
#sub_left_customermn .cusBottom {height:164px; background:url('../img/customer/customer_menu.gif') 0 -220px no-repeat}

#sub_left_customermn .cusMenu a {width:175px; height:24px; display:block; background:url('../img/customer/customer_menu.gif') no-repeat}
#sub_left_customermn .cusMenu .cusMenu01 {background-position:0 -54px}
#sub_left_customermn .cusMenu .on01, #sub_left_customermn .cusMenu01:hover {background-position:-176px -54px}

#sub_left_customermn .cusMenu .cusMenu02 {background-position:0 -78px}
#sub_left_customermn .cusMenu .on02, #sub_left_customermn .cusMenu02:hover {background-position:-176px -78px}

#sub_left_customermn .cusMenu .cusMenu03 {background-position:0 -102px}
#sub_left_customermn .cusMenu .on03, #sub_left_customermn .cusMenu03:hover {background-position:-176px -102px}

#sub_left_customermn .cusMenu .cusMenu04 {background-position:0 -126px}
#sub_left_customermn .cusMenu .on04, #sub_left_customermn .cusMenu04:hover {background-position:-176px -126px}

#sub_left_customermn .cusMenu .cusMenu05 {background-position:0 -150px}
#sub_left_customermn .cusMenu .on05, #sub_left_customermn .cusMenu05:hover {background-position:-176px -150px}

#sub_left_customermn .cusMenu .cusMenu06 {background-position:0 -174px}
#sub_left_customermn .cusMenu .on06, #sub_left_customermn .cusMenu06:hover  {background-position:-176px -174px}

#sub_left_customermn .cusMenu .cusMenu07 {background-position:0 -198px}
#sub_left_customermn .cusMenu .on07, #sub_left_customermn .cusMenu07:hover {background-position:-176px -198px}

#sub_left_customermn ul{ width:175px; display:block; background:url('../img/customer/customer_menu_sub.gif') repeat-y;}
#sub_left_customermn li{ text-align:left; font-size:11px; letter-spacing:-0.05em; font-family:dotum; padding:1px 0 1px 55px;}
#sub_left_customermn li a{font-size:11px; letter-spacing:-0.05em; font-family:dotum;}
#sub_left_customermn li a:hover{color:#1c61a4;}
#sub_left_customermn .selected{color:#1c61a4;}

/*= West Menu =*/

/*- List Paging -*/
#list_paging img, #list_paging_small img {vertical-align: middle; _margin-bottom:1px}
#list_paging .prev, #list_paging_small .prev {margin-right:10px}
#list_paging .next img, #list_paging_small .next img {margin-left:-5px; padding-left:6px; background:#fff}
#list_paging .page_number, #list_paging_small .page_number {margin:0 0 0 -5px; padding:0 10px; font:normal 11px tahoma; letter-spacing:0; background:url('../img/customer/paging_bar.gif') right top no-repeat}
#list_paging .current_page, #list_paging .page_number:hover, #list_paging_small .current_page, #list_paging_small .page_number:hover {color:#0f87fb}
#list_paging .current_page, #list_paging_small .current_page {font-weight:bold}
#list_paging_small {margin-top:10px}
/*= List Paging =*/


/*- Select List -*/
#selectlist, #selectlist2, #selectlist3 {float:left; margin-right:5px; background:url('../img/customer/search_key_btn.gif') right 0 no-repeat}
#selectlist dt, #selectlist2 dt, #selectlist3 dt {border:1px solid #c0d2e3}
#selectlist a, #selectlist2 a, #selectlist3 a {display:block; width:60px; padding:1px 0 2px 10px; color:#1170b5}
#selectlist li a:hover, #selectlist2 li a:hover, #selectlist3 li a:hover {background:#e4ecf3}
#selectlist dd, #selectlist2 dd, #selectlist3 dd {position:absolute; border:1px solid #c0d2e3; border-top:none; margin-top:-1px; background:#fff}
/*= Select List =*/


/*- Board List -*/
table.board_table {float:right; width:780px; border-spacing:0; border-collapse:collapse; border:0}
table.board_table th {height:25px; padding:0; border-top:3px solid #0f6db0; border-bottom:1px solid #85b5d7; font:bold 11px dotum; color:#0f6db0}
table.board_table td {height:23px; padding:0; border-bottom:1px solid #dcdcdc; text-align:center}
table.board_table .subject {text-align:left; padding-left:5px}
table.board_table .subject a {line-height:14px}
table.board_table .subject a:hover{color:#0f87fb}

table.board_table th.view {background:#efefef; font:bold 12px dotum; height:30px; border-bottom:1px solid #ccc}
table.board_table th.view_write {background:#efefef; font:bold 12px dotum; height:30px; border-bottom:1px solid #ccc; text-align:left; padding-left:10px}
table.board_table td.articleT {background:#f7f7f7; text-align:right; padding-right:5px; border-top:1px solid #fff; font:bold 11px dotum}
table.board_table td.tC {text-align:center; padding-right:0;}
table.board_table td.articleV {text-align:left; padding-left:5px; border-top:1px solid #fff}
table.board_table td.articleC {text-align:left; padding:15px 20px}
table.board_table td.articleC .reply {width:224px; height:24px; background:url('../img/customer/icon_reply.gif') no-repeat; padding-left:28px; margin-bottom:5px}
table.board_table td.articleF {text-align:center; padding:15px 0}
table.board_table td.articleP {padding: 5px 0}
table.board_table td.articleW {text-align:left; padding-left:5px; border-top:1px solid #fff; height:30px}
table.board_table td.articleW .input, table.board_table td.articleF .input {border:1px solid #c0d2e3; width:100px; height:16px; line-height:14px}
table.board_table td.articleW .input:focus, table.board_table td.articleF .input:focus {border:1px solid #005da6;}
table.board_table td.articleW .radio {margin-right:2px; padding:0;}

table.board_table td .complete{display:block; width:100%; height:16px; font-size:11px; color:#f44427; letter-spacing:-0.05em; font-family:dotum;}
table.board_table td .standby{display:block; width:100%; height:16px; font-size:11px; color:#36C; letter-spacing:-0.05em; font-family:dotum;}
table.board_table td .process{display:block; width:100%; height:16px; font-size:11px; color:#AAA; letter-spacing:-0.05em; font-family:dotum;}


/*= Board List =*/

/* input-placeholder 에 스타일 적용 */
::placeholder {color:#20B2AA; font-weight:bold;} /* 파이어 폭스, 크롬 */
:-ms-input-placeholder {color:#20B2AA; font-weight:bold}  /* Explorer 10-11 */
::-ms-input-placeholder {color:#20B2AA; font-weight:bold} /* Microsoft Edge */


/*- BookRail 알림이 -*/
.alarm_title {float:left; margin:10px 0; width:723px; height:120px; text-align:left; background:url('../img/customer/alarm_title.gif') no-repeat}
.alarm_title a {display:block; width:93px; margin:83px 0 0 404px}
.alarm_header {float: right; width:780px; height:44px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7}
.alarm_header div {float:left; height:42px; _height:36px; background:url('../img/customer/alarm_header.gif') -200px 200px no-repeat}
.alarm_header .ar_title {float:left; width:162px; margin-left:12px; background-position: 0 0}
.alarm_header .ar_no {float:left; padding:0 2px 0 10px; font:bold 28px arial; color:#54b6fb; line-height:44px; _line-height:42px}
.alarm_header .ar_ho {float:left; width:21px; background-position: 0 -43px}
.alarm_header .ar_back {float:right; width:56px; background-position: 0 -86px; margin-right:5px; *margin-right:16px;}
.alarm_header #selectlist dt {text-align:left}
.alarm_header #selectlist a {width: 84px}
.alarm_header #selectlist li a {text-align:left}
.alarm_contents {margin:10px 0 0 10px; word-wrap:break-word}
/*= BookRail 알림이 =*/




/*- Notice Title -*/
#notice_title {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/notice_title.gif') no-repeat; padding:65px 0 0 18px}
#notice_title span {float:right; margin-top:-56px; width:76px; height:86px; background:url('../img/customer/notice_title.gif') 0 -114px no-repeat}
#notice_title input, #notice_title img {float:left; vertical-align:bottom}
#notice_title .input {border:2px solid #005da6; width:112px; height:15px; line-height:12px}

#notice_title_view {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/notice_title.gif') no-repeat; padding:64px 0 0 18px}
#notice_title_view span {float:right; margin-top:-74px; width:76px; height:86px; background:url('../img/customer/notice_title.gif') 0 -114px no-repeat}
/*= Notice Title =*/




/*- FAQ Title -*/
#faq_title {float:left; margin-top:10px; width:375px; text-align:left; background:url('../img/customer/faq_title.gif') no-repeat; padding:52px 0 0 18px}
#faq_title input, #faq_title img {float:left; vertical-align:bottom}
#faq_title .input {border:2px solid #005da6; border-right:none; width:176px; height:15px; line-height:12px}
/*= FAQ Title =*/

/*- FAQ Category -*/
/* 분류 수정으로 인하여 CSS 수정(2013.01.25, 강기상) */
#faq_category {float:left; margin: 14px 0  11px;}
#faq_category a {float:left; width:140px; height:32px; display:block; background:url('../img/customer/book_main.jpg') 753px 32px;}
#faq_category .faq_category01 {background-position:0 0; width:48px; }
#faq_category .on01, #faq_category .faq_category01:hover {background-position:0 -32px}
#faq_category .faq_category02 {background-position:-49px 0; width:104px;}
#faq_category .on02, #faq_category .faq_category02:hover {background-position:-49px -32px}
#faq_category .faq_category03 {background-position:-154px 0; width:64px;}
#faq_category .on03, #faq_category .faq_category03:hover {background-position:-154px -32px}
#faq_category .faq_category04 {background-position:-218px 0; width:68px;}
#faq_category .on04, #faq_category .faq_category04:hover {background-position:-218px -32px}
#faq_category .faq_category05 {background-position:-286px 0; width:44px;}
#faq_category .on05, #faq_category .faq_category05:hover {background-position:-286px -32px}
#faq_category .faq_category06 {background-position:-335px 0; width:432px;}

/*
#faq_category .faq_category06 {background-position:-520px 0}
#faq_category .on06, #faq_category .faq_category06:hover {background-position:-520px -76px}
#faq_category .faq_category07 {background-position:-624px 0; margin:0}
#faq_category .on07, #faq_category .faq_category07:hover {background-position:-624px -76px}
#faq_category .faq_category08 {background-position:0 -38px}
#faq_category .on08, #faq_category .faq_category08:hover {background-position:0 -114px}
#faq_category .faq_category09 {background-position:-104px -38px}
#faq_category .on09, #faq_category .faq_category09:hover {background-position:-104px -114px}
#faq_category .faq_category10 {background-position:-208px -38px}
#faq_category .on10, #faq_category .faq_category10:hover {background-position:-208px -114px}
#faq_category .faq_category11 {background-position:-312px -38px}
#faq_category .on11, #faq_category .faq_category11:hover {background-position:-312px -114px}
#faq_category .faq_category12 {background-position:-416px -38px}
#faq_category .on12, #faq_category .faq_category12:hover {background-position:-416px -114px}
#faq_category .faq_category13 {background-position:-520px -38px}
#faq_category .on13, #faq_category .faq_category13:hover {background-position:-520px -114px}
#faq_category .faq_category14 {background-position:-624px -38px; margin:0}
#faq_category .on14, #faq_category .faq_category14:hover {background-position:-624px -114px}
/*= FAQ Category =*/

/*- FAQ List, Top5 -*/
#faq_list, #faq_top5_list, .faq_top5_list_title {float:left; margin-left:18px; width:754px; border-bottom:1px solid #d7d7d7}
#faq_list dt, #faq_list dd, #faq_top5_list dt, #faq_top5_list dd {text-align:left; font:normal 11px dotum; background:url('../img/customer/bullet_qa.gif') no-repeat}
#faq_list dt, #faq_top5_list dt {border-top:1px solid #d7d7d7; padding:6px 0 6px 24px}
#faq_list dt a, #faq_top5_list dt a {font:bold 12px dotum; line-height:18px} 
#faq_list dd, #faq_top5_list dd {display:none; line-height:16px; color:#909090; padding:3px 45px 5px 45px; border-top:1px dotted #ddd; background-position: 0 -31px; word-wrap:break-word}

/* 문의하기 버튼 스타일 적용 */
#faq_list dd button {background-color: #008CBA;  border: none;color: white;padding: 5px 10px;text-align: center;text-decoration: none;   position: relative;left: 600px; display: block;font-size: 11px;margin: 4px 2px;cursor: pointer;}

#faq_list dt .arrow, #faq_top5_list dt .arrow {float:right; margin-right:10px; margin-top:5px; _margin-top:-16px; *margin-top:-16px; width:10px; height:12px; background:url('../img/customer/bullet_arrow.gif') -10px 0 no-repeat}
#faq_list dt .arrowOn, #faq_top5_list dt .arrowOn {background-position:0 0}
.faq_top5_list_title {height:59px; background:url('../img/customer/faq_top5.gif') no-repeat; border-bottom:2px solid #9cb8ce; margin-bottom:14px}

/*= FAQ List, Top5 =*/

/* error */
#error_title {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/error_01_new1220.gif') no-repeat; padding:85px 0 0 18px}

/* opinion */
#opinion_title {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/bbs.gif') no-repeat; padding:105px 0 0 18px}

/*- Q&A Title -*/
#qna_title {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/qna_title.gif') no-repeat; padding:85px 0 0 18px}
#qna_title span {float:right; margin-top:-56px; width:76px; height:86px; background:url('../img/customer/qna_title.gif') 0 -114px no-repeat}
#qna_title input, #qna_title img {float:left; vertical-align:bottom}
#qna_title .input {border:2px solid #005da6; width:112px; height:15px; line-height:12px}

#qna_title_view {float:left; margin-top:10px; width:747px; text-align:left; background:url('../img/customer/qna_title.gif') no-repeat; padding:64px 0 0 18px}
#qna_title_view span {float:right; margin-top:-74px; width:76px; height:86px; background:url('../img/customer/qna_title.gif') 0 -114px no-repeat}
/*= Q&A Title =*/

/*- Q&A Search -*/
#selectcategory {float:left; margin-right:5px; background:url('../img/customer/search_key_btn.gif') right 0 no-repeat}
#selectcategory dt {border:1px solid #c0d2e3}
#selectcategory a {display:block; width:168px; padding:1px 0 2px 10px; color:#1170b5}
#selectcategory li a:hover {background:#e4ecf3}
#selectcategory dd {position:absolute; border:1px solid #c0d2e3; border-top:none; margin-top:-1px; background:#fff}
/*= Q&A Search =*/

/*- Q&A Email -*/
#selectemail, #selectemail2 {float:left; margin-right:5px; background:url('../img/customer/search_key_btn.gif') right 0 no-repeat}
#selectemail dt, #selectemail2 dt {border:1px solid #c0d2e3}
#selectemail a, #selectemail2 a {display:block; width:100px; padding:1px 0 2px 10px; color:#1170b5; _padding:2px 0 2px 10px; *padding:2px 0 2px 10px}
#selectemail li a:hover, #selectemail2 li a:hover {background:#e4ecf3}
#selectemail dd, #selectemail2 dd {position:absolute; border:1px solid #c0d2e3; border-top:none; margin-top:-1px; background:#fff}
/*= Q&A Email =*/

/*btn*/
.btn_list{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right; background:url(../img/customer/btn_list.gif) no-repeat;}
.btn_write{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right; background:url(../img/customer/btn_write.gif) no-repeat;}
.btn_edit{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right; background:url(../img/customer/btn_edit.gif) no-repeat;}
.btn_del{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right; background:url(../img/customer/btn_del.gif) no-repeat;}
.btn_ok{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right; background:url(../img/customer/btn_ok.gif) no-repeat;}
.btn_cancel{ width:54px; height:22px; cursor:pointer; margin:0 10px 0 0; float:right;  background:url(../img/customer/btn_cancel.gif) no-repeat;}

/*=== Customer ===*/



/*--- best, smart ---*/
#selectyear, #selectmonth, #selectsort, #selectphone, #selectmobile, #selectjob  {float:left; margin:-3px 5px 0 0; background:#fff url('../img/customer/search_key_btn.gif') right 0 no-repeat}
#selectyear dt, #selectmonth dt, #selectsort dt, #selectphone dt, #selectmobile dt, #selectjob dt {border:1px solid #c0d2e3}
#selectyear a, #selectmonth a, #selectsort a, #selectphone a, #selectmobile a, #selectjob a {display:block; padding:1px 20px 2px 10px; color:#1170b5}
#selectyear li, #selectmonth li, #selectsort li, #selectphone li, #selectmobile li, #selectjob li {_height:14px}
#selectyear a, #selectmonth a, #selectsort a, #selectphone a, #selectmobile a, #selectjob a {_padding-top:1px; _padding-bottom:0}
#selectyear li a:hover, #selectmonth li a:hover, #selectsort li a:hover, #selectphone li a:hover, #selectmobile li a:hover, #selectjob li a:hover {background:#e4ecf3}
#selectyear dd, #selectmonth dd, #selectsort dd, #selectphone dd, #selectmobile dd, #selectjob dd {position:absolute; border:1px solid #c0d2e3; border-top:none; margin-top:-1px; background:#fff; z-index:99;}

#selectsort {float:right}
#selectsort dt, #selectsort li {text-align:left}
#selectsort dd {z-index:200}


dl.combobox {float:left; margin:-3px 5px 0 0; _margin-top:0; background:#fff url('../img/customer/search_key_btn.gif') right 0 no-repeat}
dl.combobox dt {border:1px solid #c0d2e3;text-align:left;}
dl.combobox a {display:block; padding:1px 20px 2px 10px; color:#1170b5}
dl.combobox li a:hover {background:#e4ecf3}
dl.combobox dd {position:absolute; border:1px solid #c0d2e3; border-top:none; margin-top:-1px; background:#fff; z-index:99; text-align:left;}

#selectpwd1 {width:150px}
#selectpwd1 a {width:118px}
#selectpwd1 dd {*margin-left:-75px}
#selectpwd2, #selectpwd3 {width:90px}
#selectpwd2 a, #selectpwd3 a {width:58px}
#selectpwd2 dd, #selectpwd3 dd {*margin-left:-45px}
/*=== best, smart ===*/



/*이용가이드*/
.guideCon{text-align:left;}
.guideCon .txtarea{margin:8px 20px;}
.guideCon .imgarea{border:#d7d7d7 solid 1px; padding:10px; margin:8px 5px; text-align:center;}
.guideCon ul{padding:10px 0;}
.guideCon li{ background:url(../img/customer/cong.gif) no-repeat 0 7px; padding:2px 0 3px 12px; letter-spacing:-0.1em; line-height:130%;}
.guideCon li strong{color:#1c61a4;}


.cs_input {border:1px solid #c0d2e3; height:16px; line-height:14px}
.cs_textarea {border:1px solid #c0d2e3; line-height:14px}
.cs_view {background:#efefef; font:bold 12px dotum; height:30px; border-bottom:1px solid #ccc; vertical-align:bottom;}
.cs_view2 {background:#d4b4bcc; font:bold 12px dotum; height:30px; border-bottom:1px solid #ccc; vertical-align:bottom;}

/*서비스 점검 페이지*/
.guideCon_noti{text-align: center; margin-top: 25px; margin-bottom:30px;}
.guideCon_noti span b{width: 500px; font-size: 20px;color: black; font-weight: bold; font-family: sans-serif;}
.guideCon_noti .blueFont{font-size: 20px;color: #197ce9; font-weight: bold;}