@charset "utf-8";

/* base */
//html, body { height: 100%;}
#containerCP{ margin-left:0px;}
#wrapper {float:left;}
#wrap {min-width:960px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin: 0; padding: 0;}
body, div, dl, dt, dd, h1, h2, h3, h4, form, fieldset, p, th, td, input { font-family: 'Noto Sans KR', '돋움', dotum, verdana, sans-serif;}
body { background-color: #FFFFFF; color: #767676; font-size: 12px;}
img { border: 0 none; vertical-align: top;}
fieldset { border: 0 none; margin: 0; padding: 0;}
textarea { border: 1px solid #CCCCCC; font-family: 'Noto Sans KR', '돋움', dotum, verdana, sans-serif; font-size: 12px; margin: 0;}
select, input { font-family: 'Noto Sans KR', '돋움', dotum, verdana, sans-serif; vertical-align: middle;}
ul, ol { list-style-type: none;}
dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
select { border: 1px solid #d7d7d7; color: #676767; font-size: 12px; height: 20px;}
a, a:link, a:visited, a:active { color: #767676; text-decoration: none;}
a:hover, a:focus { color: #767676; text-decoration: underline;}
legend { font-size: 0; height: 0; left: -9999px; line-height: 0; overflow: hidden; top: -9999px; visibility: hidden; width: 0;}
hr { font-size: 0; height: 0; left: -9999px; line-height: 0; overflow: hidden; position: absolute; top: -9999px; visibility: hidden; width: 0;}
caption { font-size: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; display:none;}
em, address { font-style: normal;}
button { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; font-family: 'Noto Sans KR', '돋움', dotum, verdana, sans-serif; font-size: 12px; overflow: visible; padding: 0; vertical-align:top; margin:0;}
table { border-collapse: collapse; table-layout: fixed;}
legend, .accessibility, .hide { overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; font-size:1%; line-height:1%; }

.input { border: 1px solid #D6D6D6; color: #767676; font-size: 12px; height: 15px; padding: 3px 4px 0;}
.file { border: 1px solid #D6D6D6; color: #767676; font-size: 12px; height: 20px;}
input.errorInputText {padding:3px 0 0 5px; height:16px; border:1px solid #FF0000; font-size:11px;}
input.inputText {padding:3px 0 0 5px; height:15px; border:1px solid #d7d7d7;}
input.inputTextA {padding:2px 0 0 5px; height:15px; border:1px solid #d7d7d7;}
input.inputFile {height:21px;}
input.inputChk, input.inputRa { width:13px; height:13px; margin:0 0 2px; padding:0; vertical-align:middle;} 
h6 { font-size:13px; color: #333;}

/* 버튼스타일 */
span.btn { cursor: pointer; display: inline-block; margin: 0; overflow: visible; position: relative; text-decoration: none !important; vertical-align: middle; white-space: nowrap;}
.btn input { border: 0 none; cursor: pointer; display: inline-block; margin: 0; overflow: visible; position: relative; text-decoration: none !important; white-space: nowrap;}
.btn button { display: inline-block;}
.btn a { display: inline-block; text-decoration:none;}

.btnBdInquiry { background:url(/images/html/bccard/images/common/btn/bg_tb_inquiry_r.gif) no-repeat right 0; height: 20px;}
.btnBdInquiry a { background: url(/images/html/bccard/imagescommon/btn/bg_tb_inquiry_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 16px; line-height: 13px; padding: 4px 10px 0 9px;}
.btnBdInquiry a:link,
.btnBdInquiry a:active,
.btnBdInquiry a:visited,
.btnBdInquiry a:focus,
.btnBdInquiry a:hover { color: #fff;}
.btnBdInquiry button { background: url(/images/html/bccard/images/common/btn/bg_tb_inquiry_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 20px; line-height: 13px; padding: 0 10px 0 9px;}
.btnBdInquiry input { background: url(/images/html/bccard/images/common/btn/bg_tb_inquiry_l.gif) no-repeat scroll left top transparent; color: #fff; font-size: 11px; font-weight: bold; height: 20px; line-height: 13px; padding: 0 6px;}

.btnBdExec { background: url(/images/html/bccard/images/common/btn/bg_board_exec_def_r.gif) no-repeat right top; height: 22px;}
.btnBdExec a { background: url(/images/html/bccard/images/common/btn/bg_board_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 17px; line-height: 13px; padding: 5px 15px 0 14px;}
.btnBdExec a:link,
.btnBdExec a:active,
.btnBdExec a:visited,
.btnBdExec a:focus,
.btnBdExec a:hover { color: #fff !important;}
.btnBdExec button { background: url/images/html/bccard/images/common/btn/bg_board_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnBdExec input { background: url(/images/html/bccard/images/common/btn/bg_board_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}

.btnBdExecSub { background: url(/images/html/bccard/images/btn/bg_board_exec_sub_r.gif) no-repeat right top; height: 22px;}
.btnBdExecSub a { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 17px; line-height: 13px; padding: 5px 15px 0 14px;}
.btnBdExecSub a:link,
.btnBdExecSub a:active,
.btnBdExecSub a:visited,
.btnBdExecSub a:focus,
.btnBdExecSub a:hover { color: #767676;}
.btnBdExecSub button { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnBdExecSub input { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}

.btnBdExecInfoR { background: url(/images/html/bccard/images/common/btn/bg_board_exec_info_r.gif) no-repeat right top; height: 22px;}
.btnBdExecInfoR a { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 17px; line-height: 13px; padding: 5px 20px 0 10px;}
.btnBdExecInfoR a:link,
.btnBdExecInfoR a:active,
.btnBdExecInfoR a:visited,
.btnBdExecInfoR a:focus,
.btnBdExecInfoR a:hover { color: #767676;}
.btnBdExecInfoR button { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnBdExecInfoR input { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}

.btnBdExecInfoL { background: url(/images/html/bccard/images/common/btn/bg_board_exec_info2_r.gif) no-repeat left top; height: 22px;}
.btnBdExecInfoL a { background: url(/images/html/bccard/images/common/btn/bg_board_exec_info2_l.gif) no-repeat right top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 17px; line-height: 13px; padding: 5px 10px 0 20px;}
.btnBdExecInfoL a:link,
.btnBdExecInfoL a:active,
.btnBdExecInfoL a:visited,
.btnBdExecInfoL a:focus,
.btnBdExecInfoL a:hover { color: #767676;}
.btnBdExecInfoL button { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnBdExecInfoL input { background: url(/images/html/bccard/images/common/btn/bg_board_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}

.btnTbExec {background: url(/images/html/bccard/images/common/btn/bg_table_exec_def_r.gif) no-repeat right top; height: 26px;}
.btnTbExec a { background: url(/images/html/bccard/images/common/btn/bg_table_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 19px; line-height: 13px; padding: 7px 15px 0 14px;}
.btnTbExec a:link,
.btnTbExec a:active,
.btnTbExec a:visited,
.btnTbExec a:focus,
.btnTbExec a:hover { color: #fff;}
.btnTbExec button { background: url(/images/html/bccard/images/common/btn/bg_table_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 26px; line-height: 13px; padding: 0 15px 0 14px;}
.btnTbExec input { background: url(/images/html/bccard/images/common/btn/bg_table_exec_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; font-weight: bold; height: 26px; line-height: 13px; padding: 0 15px 0 14px;}

.btnTbExecSub { background: url(/images/html/bccard/images/common/btn/bg_table_exec_sub_r.gif) no-repeat right top; height: 26px;}
.btnTbExecSub a { background: url(/images/html/bccard/images/common/btn/bg_table_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 19px; line-height: 13px; padding: 7px 15px 0 14px;}
.btnTbExecSub a:link,
.btnTbExecSub a:active,
.btnTbExecSub a:visited,
.btnTbExecSub a:focus,
.btnTbExecSub a:hover { color: #767676;}
.btnTbExecSub button { background: url(/images/html/bccard/images/common/btn/bg_table_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 26px; line-height: 13px; padding: 0 15px 0 14px;}
.btnTbExecSub input { background: url(/images/html/bccard/images/common/btn/bg_table_exec_sub_l.gif) no-repeat left top; color: #6E6E6E; font-size: 11px; font-weight: bold; height: 26px; line-height: 13px; padding: 0 15px 0 14px;}

.btnImportant { background: url(/images/html/bccard/images/common/btn/bg_important_def_r.gif) no-repeat right top; height: 30px;}
.btnImportant a { background: url(/images/html/bccard/images/common/btn/bg_important_def_l.gif) no-repeat left top; color: #fff; font-size: 12px; font-weight: bold; height: 22px; line-height: 14px; padding: 8px 25px 0 14px;}
.btnImportant a:link,
.btnImportant a:active,
.btnImportant a:visited,
.btnImportant a:focus,
.btnImportant a:hover { color: #fff;}
.btnImportant button { background: url(/images/html/bccard/images/common/btn/bg_important_def_l.gif) no-repeat left top;  color: #fff; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}
.btnImportant input { background: url(/images/html/bccard/images/common/btn/bg_important_def_l.gif) no-repeat left top; color: #fff; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}

.btnImportantSub { background: url(/images/html/bccard/images/common/btn/bg_important_sub_r.gif) no-repeat right top; height: 30px;}
.btnImportantSub a { background: url(/images/html/bccard/images/common/btn/bg_important_sub_l.gif) no-repeat left top; color: #666; font-size: 12px; font-weight: bold; height: 22px; line-height: 14px; padding: 8px 25px 0 14px;}
.btnImportantSub a:link,
.btnImportantSub a:active,
.btnImportantSub a:visited,
.btnImportantSub a:focus,
.btnImportantSub a:hover { color: #666;}
.btnImportantSub button { background: url(/images/html/bccard/images/common/btn/bg_important_sub_l.gif) no-repeat left top; color: #666; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}
.btnImportantSub input { background: url(/images/html/bccard/images/common/btn/bg_important_sub_l.gif) no-repeat left top transparent; color: #666; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}

.btnImportantGray { background: url(/images/html/bccard/images/common/btn/bg_important_gray_r.gif) no-repeat right top; height: 30px;}
.btnImportantGray a { background: url(/images/html/bccard/images/common/btn/bg_important_gray_l.gif) no-repeat left top; color: #fff; font-size: 12px; font-weight: bold; height: 22px; line-height: 14px; padding: 8px 25px 0 14px;}
.btnImportantGray a:link,
.btnImportantGray a:active,
.btnImportantGray a:visited,
.btnImportantGray a:focus,
.btnImportantGray a:hover { color: #fff;}
.btnImportantGray button { background: url(/images/html/bccard/images/common/btn/bg_important_gray_l.gif) no-repeat left top;  color: #fff; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}
.btnImportantGray input { background: url(/images/html/bccard/images/common/btn/bg_important_gray_l.gif) no-repeat left top; color: #fff; font-size: 12px; font-weight: bold; height: 30px; line-height: 14px; padding: 0 25px 0 14px;}

.btnInnerTb { background: url(/images/html/bccard/images/common/btn/bg_inner_tb_r.gif) no-repeat right top; height: 18px;}
.btnInnerTb a { background: url(/images/html/bccard/images/common/btn/bg_inner_tb_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 15px; line-height: 13px; padding: 3px 9px 0 9px;}
.btnInnerTb a:link,
.btnInnerTb a:active,
.btnInnerTb a:visited,
.btnInnerTb a:focus,
.btnInnerTb a:hover { color: #555;}
.btnInnerTb button { background: url(/images/html/bccard/images/common/btn/bg_inner_tb_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 18px; line-height: 13px; padding: 0 10px 0 9px;}
.btnInnerTb input { background: url(/images/html/bccard/images/common/btn/bg_inner_tb_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 18px; line-height: 13px; padding: 0 10px 0 9px;}

/* 기능버튼 - 출력하기 */

.btnPrint {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_r.gif) no-repeat right top;} 
.btnPrint a {height:15px; background:url(/images/html/bccard/images/common/btn/bg_func_print.gif) no-repeat left top; padding:3px 10px 0 23px; font-size:11px; line-height:13px; color:#555555;} 
.btnPrint a:link,
.btnPrint a:active,
.btnPrint a:visited,
.btnPrint a:focus,
.btnPrint a:hover {color:#555555;}
.btnPrint button {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_print.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}
.btnPrint input {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_print.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}

.btnSortImg {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_r.gif) no-repeat right top;} 
.btnSortImg a {height:15px; background:url(/images/html/bccard/images/common/btn/bg_func_img_l.gif) no-repeat left top; padding:3px 10px 0 23px; font-size:11px; line-height:13px; color:#555555;} 
.btnSortImg a:link,
.btnSortImg a:active,
.btnSortImg a:visited,
.btnSortImg a:focus,
.btnSortImg a:hover {color:#555555;}
.btnSortImg button {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_img_l.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}
.btnSortImg input {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_img_l.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}

.btnSortTxt {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_r.gif) no-repeat right top;} 
.btnSortTxt a {height:15px; background:url(/images/html/bccard/images/common/btn/bg_func_text_l.gif) no-repeat left top; padding:3px 10px 0 23px; font-size:11px; line-height:13px; color:#555555;} 
.btnSortTxt a:link,
.btnSortTxt a:active,
.btnSortTxt a:visited,
.btnSortTxt a:focus,
.btnSortTxt a:hover {color:#555555;}
.btnSortTxt button {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_text_l.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}
.btnSortTxt input {height:18px; background:url(/images/html/bccard/images/common/btn/bg_func_text_l.gif) no-repeat left top; padding:0 10px 0 23px; font-size:11px; line-height:13px; color:#555555;}


.btnInnerBoxInfo { background: url(/images/html/bccard/images/common/btn/bg_inner_box_info_r.gif) no-repeat right top; height: 16px;}
.btnInnerBoxInfo a { background: url(/images/html/bccard/images/common/btn/bg_inner_box_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 14px; line-height: 13px; padding: 2px 17px 0 9px;}
.btnInnerBoxInfo a:link,
.btnInnerBoxInfo a:active,
.btnInnerBoxInfo a:visited,
.btnInnerBoxInfo a:focus,
.btnInnerBoxInfo a:hover { color: #555;}
.btnInnerBoxInfo button { background: url(/images/html/bccard/images/common/btn/bg_inner_box_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 16px; line-height: 13px; padding: 0 17px 0 9px;}
.btnInnerBoxInfo input { background: url(/images/html/bccard/images/common/btn/bg_inner_box_l.gif) no-repeat left top; color: #555; font-size: 11px; height: 16px; line-height: 13px; padding: 0 17px 0 9px;}

.btnConLInk { background: url(/images/html/bccard/images/common/btn/bg_con_link_def_r.gif) no-repeat right top; height: 22px;}
.btnConLInk a { background: url(/images/html/bccard/images/common/btn/bg_con_link_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 17px; line-height: 13px; padding: 5px 15px 0 14px;}
.btnConLInk a:link,
.btnConLInk a:active,
.btnConLInk a:visited,
.btnConLInk a:focus,
.btnConLInk a:hover { color: #fff;}
.btnConLInk button { background: url(/images/html/bccard/images/common/btn/bg_con_link_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnConLInk input { background: url(/images/html/bccard/images/common/btn/bg_con_link_def_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}

.btnConLInkSub { background: url(/images/html/bccard/images/common/btn/bg_con_link_sub_r.gif) no-repeat right top; height: 22px;}
.btnConLInkSub a { background: url(/images/html/bccard/images/common/btn/bg_con_link_sub_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 17px; line-height: 13px; padding: 5px 15px 0 14px;}
.btnConLInkSub a:link,
.btnConLInkSub a:active,
.btnConLInkSub a:visited,
.btnConLInkSub a:focus,
.btnConLInkSub a:hover { color: #fff;}
.btnConLInkSub button { background: url(/images/html/bccard/images/common/btn/bg_con_link_sub_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}
.btnConLInkSub input { background: url(/images/html/bccard/images/common/btn/bg_con_link_sub_l.gif) no-repeat left top; color: #fff; font-size: 11px; height: 22px; line-height: 13px; padding: 0 15px 0 14px;}


/* 페이지내 컨텐츠와 사용되는 안내버튼 - 기본 */ 
.btnConLInkInfo {height:22px; background:url(/images/html/bccard/images/common/btn/bg_con_link_info_def_r.gif) no-repeat right top;}
.btnConLInkInfo a {height:17px; background:url(/images/html/bccard/images/common/btn//bg_con_link_def_l.gif) no-repeat left top; padding:5px 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}
.btnConLInkInfo a:link,
.btnConLInkInfo a:active,
.btnConLInkInfo a:visited,
.btnConLInkInfo a:focus,
.btnConLInkInfo a:hover {color:#fff;}
.btnConLInkInfo button {height:22px; background:url(/images/html/bccard/images/common/btn/bg_con_link_def_l.gif) no-repeat left top; padding:0 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}
.btnConLInkInfo input {height:22px; background:url(/images/html/bccard/images/common/btn/bg_con_link_def_l.gif) no-repeat left top; padding:0 17px 0 14px; font-size:11px; line-height:13px; color:#fff;}

/* 기타 */
.floatLeft { float:left !important}
.floatRight { float:right !important}
.alignLeft { text-align:left !important}
.alignRight { text-align:right !important}
.alignCenter { text-align:center !important}
.ovHidden { overflow:hidden;}
.displayN { font-size: 0; height: 0; line-height: 0; overflow: hidden; visibility: hidden; position:absolute; left:0; top: -10000px;} 
.textArea { border: 1px solid #D6D6D6; color: #767676; font-size: 12px; padding: 10px 10px 0;}
.hidden { display: none !important;}

.mt5 { margin-top:5px !important;}
.mt6 { margin-top:6px !important;}
.mt7 { margin-top:7px !important;}
.mt8 { margin-top:8px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt20 { margin-top:20px !important;}
.mt22 { margin-top:22px !important;}
.mt23 { margin-top:23px !important;}
.mt25 { margin-top:25px !important;}
.mt26 { margin-top:26px !important;}
.mt27 { margin-top:27px !important;}
.mt28 { margin-top:28px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt36 { margin-top:36px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt55 { margin-top:55px !important;}
.mt56 { margin-top:56px !important;}
.mt60 { margin-top:60px !important;}
.mt220 { margin-top:220px !important;}

.mb8 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb60 { margin-bottom:60px !important;}

.ml6 { margin-left:6px !important;}
.ml8 { margin-left:8px !important;}
.ml10 { margin-left:10px !important;}
.ml11 { margin-left:11px !important;}
.ml15 { margin-left:15px !important;}
.ml64 { margin-left:64px !important;}

.mr5 { margin-right:5px !important;}
.mr15 { margin-right:15px !important;}
.mr36 { margin-right:36px !important;}

.mt_28 { margin-top:-28px !important;}
.mt_40 { margin-top:-40px !important;}

.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt13 { padding-top:13px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt35 { padding-top:35px !important;}

.pb8 { padding-bottom:8px !important;}
.pb10 { padding-bottom:10px !important;}
.pb13 { padding-bottom:13px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb35 { padding-bottom:35px !important;}

.lh18 { line-height:18px !important;}
.lh20 { line-height:20px !important;}
.lh24 { line-height:24px !important;}


/* 버튼 정렬 */
.btn_area { clear:both; margin-top:15px;}
.btn_area.ct { text-align:center !important}
.btn_area.lf { text-align:left !important}
.btn_area.rt { text-align:right !important}
.btn_area input,
.btn_area a { margin:0; }

/* font size */
.f12 {font-size:12px !important;}
.f11 {font-size:11px !important;}

/* font color */
.red { color: #de2436 !important;}
.red02 { color: #de2436 !important;}
.sun { color: #fa3246 !important;}
.blue { color:#3b64b2 !important;}
.bold { font-weight:bold !important;}
.fc3 { color: #333 !important;}
.yellow { color:#ffd800 !important;}

/* font weight */
.fwn {font-weight:normal !important;}
.fwb {font-weight:bold !important;}

/* align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}
.vatb {vertical-align:text-bottom !important;}

/* 지금까지 작업한것 제외하고 앞으로 사용하지 않음 */
.agl {text-align:left !important;}
.agc {text-align:center !important;}
.agr {text-align:right !important;}
	
.cboth {clear:both;}
.clear {clear:both;}

/* 페이징 */
.paginate { color: #767676; display: inline-block; font-family: 'Noto Sans KR', Tahoma,sans-serif; font-size: 11px; font-weight:bold; margin-top: 15px; text-align: center; vertical-align: top; width: 100%; position: relative; line-height:18px;}
.paginate a { color: #767676; cursor: pointer; display: inline-block; vertical-align: top;}
.paginate a.prev,
.paginate a.next,
.paginate a.first,
.paginate a.last { background: none repeat scroll 0 0 transparent; display: inline-block; margin-left: -1px; vertical-align: top;}
.paginate a.first { margin-right: 3px;}
.paginate a.prev { margin-right: 10px;}
.paginate a.next { margin-left: 12px;}
.paginate a.last { margin-left: 3px;}
.paginate a span { border: 1px solid #DBDBDB; display: inline-block; width: 20px; height:18px; margin-left: 2px;}
.paginate a.on { background-color: #DF0318; color: #fff; cursor: default; font-weight: bold;}
.paginate a.on span { border: 1px solid #DF0318; }
.paginate a:hover { color:#de2436;}
.paginate a.on:hover { color:#fff;}

.pagingBtn { position:relative;}
.pagingBtn .btnR { position: absolute; right: 0; top: -22px;}


/* ------------------------------------
	layout
------------------------------------ */
#wrapper {width:955px;}

.comment{ display:none;width:0px; height:0px; overflow:hidden;font-size:0;line-height:0;}

/* GNB */
#gnbWrap { width:100%; background-color:#fff; }

/* header */
#headerWrap {width:100%; background:url(/images/html/bccard/images/common/header/bg_header.gif) repeat-x 0 0;}
#headerWrap h1 { float: left; margin-top: 19px; display:none;}
.header { margin:0 auto; width:960px; height:157px; background:url(/images/html/bccard/images/bg_top.gif) no-repeat;}

/* container */ 
#container {margin:0 auto; width:960px; margin-bottom:100px;}
#container:after {clear:both; content:""; display:block;}

/* LNB  */
#lnb { float:left; width:200px; margin-right:40px; vertical-align:top;}
#lnb h2 { padding:0 0 14px;}
#lnb a {text-decoration:none;} 
#lnb .fst {border-top:none !important;}
#lnb .depth1 {border-bottom: 1px solid #717171; width: 100%; margin-top:12px;}
#lnb .depth1 li {border-top: 1px solid #DBDBDB; font-size: 12px; font-weight: bold; line-height: 14px; margin-bottom: 0;}
#lnb .depth1 li a:link, 
#lnb .depth1 li a:visited,
#lnb .depth1 li a {color: #5B5B5B; display: block; padding: 8px 0 7px 10px;}
#lnb .depth1 li a:focus,
#lnb .depth1 li a:active, 
#lnb .depth1 li a:hover { color: #de2436;}
#lnb .depth1 li a.current, 
#lnb .depth1 li a.current:link, 
#lnb .depth1 li a.current:visited,
#lnb .depth1 li a.current:active, 
#lnb .depth1 li a.current:hover {text-decoration: underline; color: #de2436;} 

#lnb .depth2 {border-top: 1px solid #DBDBDB; padding: 8px 0 7px; width: 100%;} 
#lnb .depth2 li {border-top: medium none; font-size: 12px; font-weight: normal; line-height: 14px; width: 100%;}
#lnb .depth2 li a:link, 
#lnb .depth2 li a:visited, 
#lnb .depth2 li a {background:url(/images/html/bccard/images/common/icon/ico_lnb_3d.gif) no-repeat 10px 7px; padding:4px 0 4px 19px; color:#767676;} 
#lnb .depth2 li a:focus, 
#lnb .depth2 li a:active,
#lnb .depth2 li a:hover,
#lnb .depth2 li a.current,
#lnb .depth2 li a.current:link, 
#lnb .depth2 li a.current:visited, 
#lnb .depth2 li a.current:active, 
#lnb .depth2 li a.current:hover {text-decoration: underline; background: url(/images/html/bccard/images/common/icon/ico_lnb_3d_on.gif) no-repeat 10px 7px; color: #272727;}
 
#lnb .depth3 {border-top: medium none; padding: 2px 0 5px 21px; width: 179px;}
#lnb .depth3 li {border-bottom: medium none; font-size: 11px; font-weight: normal; line-height: 13px; padding: 2px 0 3px 0;}
#lnb .depth3 li a:link, 
#lnb .depth3 li a:visited, 
#lnb .depth3 li a,
#lnb .depth3 li a:focus,
#lnb .depth3 li a:active,
#lnb .depth3 li a:hover, 
#lnb .depth3 li a.current, 
#lnb .depth3 li a.current:link, 
#lnb .depth3 li a.current:visited,
#lnb .depth3 li a.current:active, 
#lnb .depth3 li a.current:hover {background: url(/images/html/bccard/images/common/icon/ico_lnb_4d.gif) no-repeat 0 5px; color: #767676; padding: 0 0 0 7px;}
#lnb .depth3 li.on a, 
#lnb .depth3 li.on a:link, 
#lnb .depth3 li.on a:visited,
#lnb .depth3 li.on a:active, 
#lnb .depth3 li.on a:hover {background: url(/images/html/bccard/images/common/icon/ico_lnb_4d_on.gif) no-repeat 0 5px; color: #333; padding: 0 0 0 7px;}

#lnb .depth4 {border-top:1px dotted #a0a0a0; border-bottom:1px dotted #a0a0a0; padding:4px 0 2px 7px; width:172px; margin-top:7px; margin-bottom:5px; display:block;}
#lnb .depth4 li { font-size:11px; height:20px; line-height:20px; border:none; font-weight: normal; padding:0;}
#lnb .depth4 li a:link, 
#lnb .depth4 li a:visited, 
#lnb .depth4 li a { color:#767676 !important; background:none !important; padding:0 !important; display:inline !important; height:20px !important; line-height:20px !important;}
#lnb .depth4 li a:active,
#lnb .depth4 li a:focus,
#lnb .depth4 li a:hover { color: #333 !important;}
 
#lnb .visibilityHidden {overflow:hidden; visibility:hidden; padding:0 !important; margin:0 !important; height:0 !important;}

/* lnb 하단 배너영역 */
.bnrWrap { width: 200px; margin: 100px 0 0;}
.bnrWrap .banner { margin-bottom:20px;}

/* footer */
#footerWrap {clear:both; margin:0 auto; width:100%; border-top:1px solid #dedede; background:#f2f2f2;} 
.footer {margin:0 auto; width:960px; height:125px; background:url(/images/html/bccard/images/bg_footer.gif) no-repeat;}

/* 상단 타이틀 영역 */
.titWrap { width: 100%; position: relative;}

/* location */
.location { height: 35px; overflow: hidden; width: 720px;}
.location ul { float: right;}
.location li { background: url(/images/html/bccard/images/common/icon/ico_path.gif) no-repeat 0 0; color: #767676; float: left; font-size: 11px; line-height: 13px; padding: 0 5px 0 12px;}
.location li.home { background-image:none; padding-right:5px;}
.location li.last { font-weight:bold; padding-right:0;}

/* 타이틀 */
.titWrap h3 { font-size: 12px; line-height: 12px; height:47px;}
.titWrap .subTit { height:72px;}
.titWrap .subTit img { vertical-align:top;}

/* 게시판 상단 페이지수 */
.pageTotal { overflow: hidden;}
.pageTotal li { background:url(/images/html/bccard/images/common/bullet/bul01.gif) no-repeat right 1px; display: inline; margin-right: 7px; padding-right: 10px;}
.pageTotal li.last { background: none repeat scroll 0 0 transparent; margin-right: 0; padding-right: 0;}

/* 기타 */
.inlineList { overflow: hidden;}
.inlineList li { display: inline; margin-right: 10px;}
.inlineList li.last { margin-right: 0;}

/* h5 블릿 리스트 */
.defBulList { clear: both; display: block; width:100%; position:relative;}
.defBulList h5 { margin-bottom: 12px;}
.defBulList ul { overflow: hidden;}
.defBulList ul li { background: url(/images/html/bccard/images/common/bullet/bul03.gif) no-repeat 0 6px; line-height: 18px; padding-left: 10px;}
.defBulList ul li .subTxt { margin-bottom:6px;}
.defBulList ul li .subTxt li { background:url(/images/html/bccard/images/common/bullet/bul06.gif) no-repeat 0 8px; padding-left: 10px; line-height:18px !important;}
.defBulList ul li .subInner { margin-bottom:6px;}
.defBulList ul li .subInner li { background:url(/images/html/bccard/images/common/bullet/bul02.gif) no-repeat 0 7px !important; padding-left: 10px; line-height:18px !important;}

/* 블릿 리스트2 */
.defBulList { clear: both; display: block; overflow: hidden;}
.defBulList li { background: url(/images/html/bccard/images/common/bullet/bul03.gif) no-repeat 0 6px !important; line-height: 18px; padding-left: 10px !important;}
.defBulList li .subTxt { margin-bottom:6px;}
.defBulList li .subTxt li { background:url(/images/html/bccard/images/common/bullet/bul06.gif) no-repeat 0 8px !important; padding-left: 10px !important; line-height:18px !important;}
.defBulList li .subInner { margin-bottom:6px;}
.defBulList li .subInner li { background:url(/images/html/bccard/images/common/bullet/bul02.gif) no-repeat 0 7px !important; padding-left: 10px; line-height:18px !important;}

/* 블릿 리스트3 */
.barBulList { clear: both; display: block; overflow: hidden;}
.barBulList li { background: url(/images/html/bccard/images/common/bullet/bul01.gif) no-repeat right 1px !important; line-height: 18px; padding-right: 10px !important;}
.barBulTxt { background: url(/images/html/bccard/images/common/bullet/bul01.gif) no-repeat right 1px !important; padding-right: 10px; margin-right:10px;}

/* 한줄 블릿 */
.bulTxt { background: url(/images/html/bccard/images/common/bullet/bul03.gif) no-repeat 0 6px; line-height: 18px; padding-left: 10px;}

/* 한줄 블릿 강조아이콘 */
.infoTxt { background: url(/images/html/bccard/images/common/icon/ico_notice2.gif) no-repeat left 0; line-height: 16px; padding-left: 20px;}

/* 탭메뉴 */
.tab_menu { background: url(/images/html/bccard/images/common/bg_tab_line.gif) repeat-x scroll 0 bottom; position: relative; width: 100%;}
.tab_menu:after { clear: both; content: ""; display: block;}
.tab_menu ul { margin-left: 1px;}
.tab_menu li { background: url(/images/html/bccard/images/common/bg_tab_rt.gif) no-repeat right 0; float: left; height: 31px; margin-left: -1px;}
.tab_menu li a { background: url(/images/html/bccard/images/common/bg_tab_lt.gif) no-repeat scroll 0 0; color: #6F6F6F; display: inline-block; height: 21px; padding: 10px 19px 0; text-decoration:none;}
.tab_menu li.on { background: url(/images/html/bccard/images/common/bg_tab_rt_on.gif) no-repeat scroll right 0; position: relative;}
.tab_menu li.on a { background: url(/images/html/bccard/images/common/bg_tab_lt_on.gif) no-repeat scroll left 0; color: #333333; font-weight: bold; letter-spacing: -1px; padding: 10px 17px 0;}
.tab_menu .tab_btn { position:absolute; right:0; top:1px;}

/* 탭 하위메뉴 */
.tabDepth { height: 36px; overflow: hidden; width: 100%; border-bottom:1px solid #dbdbdb;}
.tabDepth ul { margin-top: 14px;}
.tabDepth ul li { background: url(../../loung/img/common/bullet/bu_line_db.gif) no-repeat right center; float: left; font-size: 11px; margin-right: 12px; padding-right: 12px;}
.tabDepth ul li.on { font-weight: bold;}
.tabDepth ul li.last { background:none; padding:0;}
.tabDepth ul li a:link,
.tabDepth ul li a:active,
.tabDepth ul li a:visited,
.tabDepth ul li a:hover,
.tabDepth ul li a:focus { text-decoration: none;}

.tabDepthSub { height: 24px; overflow: hidden; border-bottom:1px solid #dbdbdb; background-color:#fcfcfc; padding:0 10px; }
.tabDepthSub ul { line-height:26px;}
.tabDepthSub ul li { background: url(../../loung/img/common/bullet/bu_line_db.gif) no-repeat right 7px; float: left; font-size: 11px; margin-right: 12px; padding-right: 12px;}
.tabDepthSub ul li.on a { color:#de2436;}
.tabDepthSub ul li.last { background:none; padding:0;}
.tabDepthSub ul li a:link,
.tabDepthSub ul li a:active,
.tabDepthSub ul li a:visited,
.tabDepthSub ul li a:hover,
.tabDepthSub ul li a:focus { text-decoration: none;}

/* 박스 스타일 */
.box01Top { background: url(/images/html/bccard/images/common/bg_box01_top.gif) no-repeat scroll left top transparent; text-align: center; width: 720px;}
.box01Btm { background: url(/images/html/bccard/images/common/bg_box01_btm.gif) no-repeat scroll left bottom transparent; width: 720px; }

.box02Top { background: url(/images/html/bccard/images/common/bg_box02_top.gif) no-repeat scroll left top transparent; text-align: center; width: 682px;}
.box02Btm { background: url(/images/html/bccard/images/common/bg_box02_btm.gif) no-repeat scroll left bottom transparent; width: 682px;}

.box03Top { background: url(/images/html/bccard/images/common/bg_box03_top.gif) no-repeat scroll left top transparent; text-align: center; width: 330px;}
.box03Btm { background: url(/images/html/bccard/images/common/bg_box03_btm.gif) no-repeat scroll left bottom transparent; width: 330px;}

.box04Top { background: url(/images/html/bccard/images/common/bg_box04_top.gif) no-repeat scroll left top transparent; text-align: center; width: 217px;}
.box04Btm { background: url(/images/html/bccard/images/common/bg_box04_btm.gif) no-repeat scroll left bottom transparent; width: 217px;}

.box05Top { background: url(/images/html/bccard/images/common/bg_box05_top.gif) no-repeat scroll left top transparent; text-align: center; width: 266px;}
.box05Btm { background: url(/images/html/bccard/images/common/bg_box05_btm.gif) no-repeat scroll left bottom transparent; width: 266px;}

.box06Top { background: url(/images/html/bccard/images/common/bg_box06_top.gif) no-repeat scroll left top transparent; text-align: center; width: 350px;}
.box06Btm { background: url(/images/html/bccard/images/common/bg_box06_btm.gif) no-repeat scroll left bottom transparent; width: 350px;} 

.box07Top {background: url(/images/html/bccard/images/common/bg_box07_top.gif) no-repeat scroll left top transparent; text-align:center; width: 226px;}
.box07Btm {background: url(/images/html/bccard/images/common/bg_box07_btm.gif) no-repeat scroll left bottom transparent; width: 226px;}

.box08Top {background: url(/images/html/bccard/images/common/bg_box08_top.gif) no-repeat scroll left top transparent; text-align:center; width: 165px;}
.box08Btm {background: url(/images/html/bccard/images/common/bg_box08_btm.gif) no-repeat scroll left bottom transparent; width: 165px;}

.box09Top {background: url(/images/html/bccard/images/common/bg_box09_top.gif) no-repeat scroll left top transparent; text-align:center; width: 720px;}
.box09Btm {background: url(/images/html/bccard/images/common/bg_box09_btm.gif) no-repeat scroll left bottom transparent; width: 720px;}

/* 하단 검색 */
.srhWrap { background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; border-top: 1px solid #EAEAEA; height: 65px; position: relative; width: 100%; margin-top:20px;}
.srhWrap h3 { background: url(/images/html/bccard/images/common/line_search.gif) no-repeat scroll right 20px transparent; float: left; margin: 0 30px 0 0; width: 181px;}
.srhWrap h3 img { margin: 7px 0 0 60px;}
.srhWrap .searchInput { background: url(/images/html/bccard/images/common/bg_srh_input.gif) no-repeat scroll 0 0 transparent; float: left; height: 31px; margin: 20px 0 0; overflow: hidden; padding: 2px 0 0 10px; width: 495px;}
.srhWrap .searchInput .input { color: #555555; font-size: 12px; height: 18px; padding: 4px 0 0 0 !important; border:none;}
.srhWrap .searchInput .btn { margin-left: 36px;}

.srhWrap select { float:left; margin:22px 8px 0 0;}
.srhWrap .selInput { background: url(/images/html/bccard/images/common/bg_srh_input2.gif) no-repeat scroll 0 0 transparent; float: left; height: 31px; margin: 20px 0 0; overflow: hidden; padding: 2px 0 0 10px; width: 407px;}
.srhWrap .selInput .input { color: #555555; font-size: 12px; height: 18px; padding: 4px 0 0 0 !important; border:none;}
.srhWrap .selInput .btn { margin-left: 36px;}

/* step */
.stepWrap { padding: 30px 0; overflow: hidden;}
.stepWrap.border { border-top:1px solid #b2b2b2;}

/* 필수입력 */
.reqTxt {font-size:11px; color:#de2436; height:11px; text-align:right; line-height:normal !important;} 
.reqTxt img {margin:0 3px;}
.reqImg { float:left; position:relative; left:10px; top:2px; margin-right:-7px;}

.lineBoth { position:relative;} /* 타이틀 겸용 */
.lineBoth h5 { padding-bottom:5px;}
.lineBoth .reqTxt { position:absolute; right:0; bottom:0;} 

/* 컨텐츠 내 SNS */
.titleSns {overflow:hidden; width:100%; vertical-align:top; margin-bottom:10px;}
.titleSns h4 {float:left; padding-bottom:10px;} 
.titleSns .contSns {float: right;}
.titleSns .contSns dt {color: #555; float: left; font-weight: bold; margin: 5px 8px 0 0;}
.titleSns .contSns dd {float: left;}
.titleSns .contSns dd img {margin: 0 0 0 1px;}  
.titleSns h4 + dl {margin-top:3px !important;}


.arrowType {margin-top:-70px;margin-left:250px;width:360px;border:1px solid #9FBED2;background-color:#FFFFFF;height:80px;}
ul.reservationType2 {border:0px;}