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

/* 공통  start*/
*{margin:0; padding:0;}
caption{display:none;}
input{height:16px; line-height:16px; vertical-align:middle;}
input, txt{vertical-align:middle;}
td  {font-family:"돋움", "Dotum", "굴림", "Gulim", "Arial", "sans-serif", "Verdana", "Helvetica", "geneva"; font-size: 12px; line-height:150% ; color: #666666; }
/* 공통 end*/

/*세금계산서 조회 start*/
#DtiPrev_layout{width:749px; margin: 0 auto; clear:both;}
#DtiPrev_warning{background:#f9f9f9; border:#f0f0f0 solid 1px; color:#d93300; padding:2px 0 0 24px; background:url(../image/center/ic_point.gif) 10px 15px no-repeat; line-height:38px; margin-bottom:20px; background-color:#f9f9f9;}

/* 전자세금계산서 보기 START */
.tax_invoice{width:749px; margin-top:20px; color: #666;}

/* 스탬프 위치 */
.divStamp{position:absolute; left:335px; top:143px; width:182px; height:131px; z-index:-2;}
.divStamp2{position:absolute; left:323px; top:75px; width:50px; height:50px; z-index:-2;}
.divStamp3{position:absolute; left:592px; top:240px; width:50px; height:50px; z-index:-2;}
.divStamp4{position:absolute; left:695px; top:223px; width:50px; height:50px; z-index:-2;} /* 위수탁 거래명세서 직인*/

/******************* Red **********************/
.tax_table {position:relative; border:#e66464 solid 1px; padding:1px; z-index:99999; width:745px; }
/* 테이블 헤더 start */
.tax_invoice01 {border-top:#e66464 solid 1px; border-left:#e66464 solid 1px; border-right:#e66464 solid 1px; border-collapse:collapse; width:100%; table-layout:fixed;  z-index:999; position:relative;}
.tax_invoice01 td {border-bottom:#e66464 solid 1px; color:#666; padding:2px 0 0 2px; background:none; }
.tax_invoice01 th{padding:4px 0 1px 0; line-height:150%; color:#fe6d69; font-size:12px; font-weight:normal; border-bottom:#e66464 solid 1px;}
.title{font-size:17px; font-weight:bold; color:#fe6d69; text-align:center;}
.title_long{font-size:12px; font-weight:bold; color:#fe6d69; text-align:center;}
.td2{text-align:center; letter-spacing:0.3em;}
.tax_invoice01 td.td3{color:#666; border-left:#e66464 solid 1px; border-bottom:#e66464 solid 1px;}
.td4{border-right:#e66464 solid 1px;}
.cell_right01{text-align:right;}
/* // 테이블 헤더 end */

/* 테이블 start */
.tax_invoice02 {margin-top:1px; border-top:#e66464 solid 1px; border-right:#e66464 solid 1px; border-collapse:collapse; width:100%;  table-layout:fixed; word-break:break-all; z-index:999; position:relative;}
.tax_invoice02 td {border-bottom:#e66464 solid 1px; border-left:#e66464 solid 1px; padding:2px 2px 0 2px; color:#666; vertical-align:middle; line-height:170%;}
.tax_invoice02 th{border-bottom:#e66464 solid 1px; border-left:#e66464 solid 1px;  font-size:12px;  font-weight:normal; color:#fe6d69; text-align:center; padding:4px 0 1px 0; line-height:150%; vertical-align:middle;}
.tax_invoice02 th .invoice02_th{border:none;  font-weight:normal; color:#fe6d69; text-align:center;}
 
.tax_bold01{font-weight:bold; text-align:center; font-size:13px;}
.tax_invoice02 .td_chargeL{text-align:left; padding:0; border-bottom:#e66464 solid 1px; border-left:0;}
.tax_invoice02 .td_chargeR{text-align:right; padding:0; border-left:#e66464 solid 1px; border-bottom:#e66464 solid 1px;}
.tax_invoice02 .td_chargeC{text-align:center; padding:0; border-left:0; border-top:0;}
/*.tax_invoice02 .li0201{color:#666; text-decoration:underline;}*/
.tax_invoice02 .li0202{color:#666; font-weight:bold;}
.tax_invoice02 .fontB{font-weight:bold;}
.center{text-align:center;}
.no_PaddingLR{padding-left:0; padding-right:0;}

.tax_invoice02 .BDouble{border-left:#e66464 double 1px; border-left-width:3px;}
.tax_invoice02 .title02-2{color:#fe6d69; text-align:center; line-height:15px; padding:3px 0 0 0;}
.td31{height:32px;}

/* // 테이블 end */
/*// 전자세금계산서-공급자용 END */

/******************* Gray **********************/
.tax_table_Gray {position:relative; border:#666 solid 1px; padding:1px; z-index:99; width:745px;}
/* 테이블 헤더 start */
.tax_invoice01_Gray {border-top:#666 solid 1px; border-left:#666 solid 1px; border-right:#666 solid 1px; border:#666 solid 1px; border-collapse:collapse; width:100%; height:auto; table-layout:fixed; z-index:999; position:relative;}
.tax_invoice01_Gray td {border-bottom:#666 solid 1px; color:#666; padding:2px 0 0 2px; background:none;}
.tax_invoice01_Gray th{padding:4px 0 1px 0; line-height:150%; color:#666; font-size:12px; font-weight:normal; border-bottom:#666 solid 1px;}
.title_Gray{font-size:17px; font-weight:bold; color:#666; text-align:center;}
.title_long_Gray{font-size:12px; font-weight:bold; color:#666; text-align:center;}
.tax_invoice01_Gray td.td3_Gray{color:#666; border-left:#666 solid 1px; border-bottom:#666 solid 1px;}
.td4_Gray{border-right:#666 solid 1px;}
/* // 테이블 헤더 end */

/* 테이블 start */
.tax_invoice02_Gray {margin-top:1px; border-top:#666 solid 1px; border-right:#666 solid 1px; border-collapse:collapse; width:100%; table-layout:fixed; word-break:break-all; z-index:999; position:relative;}
.tax_invoice02_Gray td {border-bottom:#666 solid 1px; border-left:#666 solid 1px; padding:2px 2px 0 2px; color:#666; vertical-align:middle; line-height:170%;}
.tax_invoice02_Gray th{border-bottom:#666 solid 1px; border-left:#666 solid 1px;  font-size:12px;  font-weight:normal; color:#666; text-align:center; padding:4px 0 1px 0; line-height:150%; vertical-align:middle;}
.tax_invoice02 th_Gray .invoice02_th_Gray{border:none;  font-weight:normal; color:#666; text-align:center;}
 
.tax_invoice02_Gray .td_chargeL{text-align:left; padding:0; border-bottom:#666 solid 1px; border-left:0;}
.tax_invoice02_Gray .td_chargeR{text-align:right; padding:0; border-left:#666 solid 1px; border-bottom:#666 solid 1px;}
.tax_invoice02_Gray .td_chargeC{text-align:center; padding:0; border-left:0; border-top:0;}
/*.tax_invoice02_Gray .li0201{color:#666; text-decoration:underline;}*/
.tax_invoice02_Gray .li0202{color:#666; font-weight:bold;}
.tax_invoice02_Gray .fontB_Gray{font-weight:bold;}

.tax_invoice02_Gray .BDouble_Gray{border-left:#666 double 1px; border-left-width:3px;}
.tax_invoice02_Gray .title02-2_Gray{color:#666; text-align:center; line-height:15px; padding:3px 0 0 0;}
.tax_invoice02_Gray .td_height01_Gray{height:50px;}
/* // 테이블 end */
/*// 전자세금계산서-거래명세서 END */

.DtiPrev_DtiCaution{padding:10px 0 20px 0; }

/*세금계산서 하단 정보*/
.DtiPrev_Tmanagerdiv{padding-bottom:5px;}
.DtiPrev_Tmanager{width:100%; border-top:#a6c2de solid 1px; border-bottom:#a6c2de solid 1px; border-collapse:collapse;}

.DtiPrev_Tmanager th, .DtiPrev_Tmanager td{padding:3px 0 0 15px; text-align:left; background:#fcfdfd;  font-size:12px; line-height:29px;}
.DtiPrev_Tmanager th{font-weight:normal; padding-top:3px; background:#f1f6fa;}
.DtiPrev_Tmanager .th_border{border-bottom:#c8dbef solid 1px;}
.DtiPrev_Tmanager .td_border{border-bottom:#c8dbef solid 1px;}

.DtiPrev_inner{width:100%; border:none;}
.DtiPrev_inner th, .DtiPrev_inner td{padding:0;  border:none;}
.DtiPrev_inner th{background:url(../image/common/bul_blue.gif) 0 11px no-repeat; padding-left:10px;}

.text_blue{color:blue;}

/* 인증서 경로 수정 도움말 */
#DtiPrev_help01 dd{padding:0; margin:0;}
.DtiPrev_help01Bg1{background:url(../image/center/img_btn_top.gif) no-repeat; height:5px;}
#DtiPrev_help01 .DtiPrev_help01Bg2{background:url(../image/center/img_btn_bg.gif) repeat-y; padding:9px 0 0 25px;}
#DtiPrev_help01 .DtiPrev_help01Bg3{background:url(../image/center/img_btn_bg.gif) repeat-y; padding:4px 0 8px 25px;}
#DtiPrev_help01 .DtiPrev_help01Bg4{background:url(../image/center/img_btn_bottom.gif) no-repeat; height:5px;}
/*페이지 하단 버튼*/
.Dti_BottomBTNC{padding-top:25px; text-align:center;}
.Dti_BottomBTNC ul{padding:0; margin:0;}
.Dti_BottomBTNC li{display:inline;}

.Dti_BottomBTNR{padding-top:4px;}
.Dti_BottomBTNR ul{margin:0; height:22px;}
.Dti_BottomBTNR li{display:inline; padding-left:9px; float:right;}

/*세금계산서 조회 end*/

/******************* Blue 2014.02.26 추가 **********************/
.tax_table_Blue {position:relative; border:#666699 solid 1px; padding:1px; z-index:99999; width:745px;}
/* 테이블 헤더 start */
.tax_invoice01_Blue {border-top:#666699 solid 1px; border-left:#666699 solid 1px; border-right:#666699 solid 1px; border:#666699 solid 1px; border-collapse:collapse; width:100%; height:auto; table-layout:fixed; z-index:999; position:relative;}
.tax_invoice01_Blue td {border-bottom:#666699 solid 1px; color:#666699; padding:2px 0 0 2px; background:none;}
.tax_invoice01_Blue th{padding:4px 0 1px 0; line-height:150%; color:#666699; font-size:12px; font-weight:normal; border-bottom:#666699 solid 1px;}
.title_Blue{font-size:17px; font-weight:bold; color:#666699; text-align:center;}
.title_long_Blue{font-size:12px; font-weight:bold; color:#666699; text-align:center;}
.tax_invoice01_Blue td.td3_Blue{color:#666; border-left:#666699 solid 1px; border-bottom:#666699 solid 1px;}
.td4_Blue{border-right:#666699 solid 1px;}
/* // 테이블 헤더 end */

/* 테이블 start */
.tax_invoice02_Blue {margin-top:1px; border-top:#666699 solid 1px; border-right:#666699 solid 1px; border-collapse:collapse; width:100%; table-layout:fixed; word-break:break-all; z-index:999; position:relative;}
.tax_invoice02_Blue td {border-bottom:#666699 solid 1px; border-left:#666699 solid 1px; padding:2px 2px 0 2px; color:#666; vertical-align:middle; line-height:170%;}
.tax_invoice02_Blue th{border-bottom:#666699 solid 1px; border-left:#666699 solid 1px;  font-size:12px;  font-weight:normal; color:#666699; text-align:center; padding:4px 0 1px 0; line-height:150%; vertical-align:middle;}
.tax_invoice02 th_Blue .invoice02_th_Blue{border:none;  font-weight:normal; color:#666699; text-align:center;}
 
.tax_invoice02_Blue .td_chargeL{text-align:left; padding:0; border-bottom:#666699 solid 1px; border-left:0;}
.tax_invoice02_Blue .td_chargeR{text-align:right; padding:0; border-left:#666699 solid 1px; border-bottom:#666699 solid 1px;}
.tax_invoice02_Blue .td_chargeC{text-align:center; padding:0; border-left:0; border-top:0;}
/*.tax_invoice02_Blue .li0201{color:#666699; text-decoration:underline;}*/
.tax_invoice02_Blue .li0202{color:#666699; font-weight:bold;}
.tax_invoice02_Blue .fontB_Blue{font-weight:bold;}

.tax_invoice02_Blue .BDouble_Blue{border-left:#666699 double 1px; border-left-width:3px;}
.tax_invoice02_Blue .title02-2_Blue{color:#666699; text-align:center; line-height:15px; padding:3px 0 0 0;}
.tax_invoice02_Blue .td_height01_Blue{height:50px;}
/* // 테이블 end */
/*// 전자세금계산서-공급받는자용 END */

/*클라우드싸인 start*/
/*  title  */
#cl_title{margin-bottom:20px; height:25px; border-bottom:#e7e7e7 solid 1px;}
.cl_list_title_h1{background:url(../image/center/title_cloudsign.gif) no-repeat; text-indent:-10000px;}
#cl_stitle{margin-bottom:11px; height:13px; }
.cl_list_stitle_h2{background:url(../image/center/stitle_cloudsign.gif) no-repeat; text-indent:-10000px;}
#cl_fea_title{margin-bottom:11px; height:17px;}
.cl_fea_stitle_h3{background:url(../image/center/stitle_cloudsign01.gif) no-repeat; text-indent:-10000px;}
#cl_gui_title{margin-bottom:11px; height:17px;}
.cl_gui_stitle_h3{background:url(../image/center/stitle_cloudsign02.gif) no-repeat; text-indent:-10000px;}
#cl_fee_title{margin-bottom:11px; height:17px;}
.cl_fee_stitle_h3{background:url(../image/center/stitle_cloudsign03.gif) 6px 0 no-repeat; text-indent:-10000px;}


/* 검색 20190508 수정*/
#cl_info{background:url(../image/center/img_btn_bg.gif) repeat-y; margin-bottom:24px;}
.cl_Tinfo_top{height:5px; background:url(../image/center/img_btn_top.gif) no-repeat;}
.cl_Tinfo_mid{height:auto; overflow:hidden;}
.cl_Tinfo_bottom{height:5px; background:url(../image/center/img_btn_bottom.gif) no-repeat;}
/*인증서등록*/
.info_cer01 {height:auto; overflow:hidden; padding:15px 30px 15px 30px; }
.info_cer01 ul{height:auto; overflow:hidden;}
.info_cer01 li{display:inline;}
.info_cer01 li img, txt, input{vertical-align:middle;}
.cl_li0L{float:left; margin-right:5px;}
.cl_li0R{float:right; margin-left:3px;}
/*서비스 해지*/
.info_cer02 {height:auto; overflow:hidden; padding:15px 30px 15px 30px;}
.info_cer02 ul{height:auto; overflow:hidden;}
.info_cer02 li{display:inline;}
.info_cer02 li img, txt, input{vertical-align:middle;}
.info_cer_txtbox {height:auto; overflow:hidden; width:100%; background-color:#FFFFFF; border:1px solid #e3ebf3; margin:10px 0;}
.cer_txtbox_in{margin:10px; width:100%; height:auto; overflow:hidden;}
.cer_txtbox_in li{height:20px; line-height:20px;}
.cer_txt01 {font:11px "돋움", "Arial"; color:#324a8a; font-weight:bold; float:left; margin-right:20px; background:url(../image/common/bul_blue.gif) 7px no-repeat; padding-left:13px; width:100px;}
.cer_txt02 {font:11px "돋움", "Arial"; color:#333; font-weight:normal; float:left; padding-right:20px;}
/*인증서 재등록*/
.txtbox_in_ul{ margin-top:10px;}
.txtbox_in_ul li{height:20px; line-height:20px;}
/* //검색 20190508 수정*/


/*소개*/
#cl_intro{background:url(../image/center/img_cl_int.gif) no-repeat; margin-bottom:24px; height:169px;}
#cl_intro p{text-indent:-10000px;}
/*소개 이벤트 추가 start*/
#cl_intro_evt{background:url(../image/center/img_cl_int_evt.gif) no-repeat; margin-bottom:24px; height:169px;}
#cl_intro_evt p{text-indent:-10000px;}
#cl_intro_evt div.cl_intro_evt_go{ margin:82px 0 0 30px;}
/*소개 이벤트 추가 end*/



/*특장점*/
#cl_fea{margin-bottom:24px;}
.cl_Tfea_top{height:9px; background:url(../image/center/bg_cl_dot_top.gif) no-repeat;}
.cl_Tfea_mid{height:auto; overflow:hidden; background:url(../image/center/bg_cl_dot_mid.gif) repeat-y;}
.cl_Tfea_bottom{height:9px; background:url(../image/center/bg_cl_dot_bot.gif) no-repeat;}

.cl_fea01{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
.cl_fea02{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
.cl_fea03{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
.cl_fea01_p{padding:16px 0 23px 42px;}
.cl_fea01_h4{background:url(../image/center/stitle_cl_s01.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:14px;}
.cl_fea02_h4{background:url(../image/center/stitle_cl_s02.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:18px;}
.cl_fea03_h4{background:url(../image/center/stitle_cl_s03.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:18px;}
.cl_fea01_ul{height:auto; overflow:hidden;}
.cl_fea01_ul li{background:url(../image/common/ic_cl_blu.gif) 0 5px no-repeat; padding-left:11px; font-size:11px; color:#666; line-height:150%; margin-bottom:10px;}

.cl_fea01_ul li.cl_fea01_li{ background:none;}

/*이용방법*/
#cl_gui{margin-bottom:18px;}
.cl_Tgui_top{height:7px; background:url(../image/center/bg_cl_stp_top.gif) no-repeat;}
.cl_Tgui_mid{height:auto; overflow:hidden; background:url(../image/center/bg_cl_stp_mid.gif) repeat-y;}
.cl_Tgui_bottom{height:7px; background:url(../image/center/bg_cl_stp_bot.gif) no-repeat;}
/*20181217 버튼추가01 start*/
.cl_gui_c{margin:7px 13px 7px 22px; height:100%; overflow:hidden;}
/*20181217 버튼추가01 end*/
.cl_guiC_p{width:70px; padding-left:2px; border-right:1px solid #ccc; height:58px; padding-top:8px; margin-right:21px; float:left;}/*20181016 */
.cl_guiC_p_02{width:70px; padding-left:2px;border-right:1px solid #ccc; height:66px; padding-top:8px;  margin-right:21px; float:left;}/*20181016*/
.cl_guiC_p02{width:68px; padding-left:4px; border-right:1px solid #ccc; height:66px;; padding-top:8px;   margin-right:21px; float:left;}/*20181016*/
.cl_guiC_stp{width:72px; height:100%; padding-top:8px; margin-right:21px;float:left;}/*20181016*/
/*20181217 버튼추가02 start*/
.cl_guiC_dl{float:left; padding-top:8px; width:407px; height:auto; overflow:hidden;}
.cl_guiC_btn{float:right; text-align:right;}
/*20181217 버튼추가02 end*/
.cl_guiC_dt01{background:url(../image/center/stitle_cl_stp01.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dt02{background:url(../image/center/stitle_cl_stp02.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dt03{background:url(../image/center/stitle_cl_stp03.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dt03n{background:url(../image/center/stitle_cl_stp03n.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dt04{background:url(../image/center/stitle_cl_stp04.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dt05{background:url(../image/center/stitle_cl_stp05.gif) no-repeat; text-indent:-10000px; height:16px; margin-bottom:10px;}
.cl_guiC_dd{font-size:12px; color:#666; line-height:150%; }


/*요금테이블*/
#cl_fee_table01{width:100%; padding:0 0 0 0;}
.cl_search_table caption{display:none;}
.cl_search_table{border-collapse:collapse; border-top:2px solid #A6C2DE; border-bottom:1px solid #DEDFE0; border-top-width:2px;}
.cl_search_table th{background-color:#F1F6FA; border:1px solid #A6C2DE; height:40px; font-weight:normal; font-weight:normal; font:12px "돋움", "Arial"; color:#666; line-height:16px; color:#333333; text-align:center;}
.cl_search_table td{padding:3px 0; height:24px; border:1px solid #DEDFE0; text-align:center; color:#666666; line-height:24px;}
.cl_search_table tbody .cl_Sright{text-align:right; padding-right:7px;}
.cl_search_table tbody .cl_Sleft{text-align:left; padding-left:7px;}

/*20190603 더간편서명 설명 start*/
#cl_expl_bnr{background:url(../image/center/img_cl_expl_evt.gif) no-repeat; margin-bottom:24px; width: 753px; height:259px;}
#cl_expl_bnr p{text-indent:-10000px;}

#cl_expl_bnr02{background:url(../image/center/img_cl_expl_evt.gif) no-repeat; margin-bottom:24px; width: 753px; height:259px;}
#cl_expl_bnr02 p{text-indent:-10000px;}

#cl_expl{background:url(../image/center/img_cl_expl_bg.gif) no-repeat; margin-bottom:24px; width: 753px; height:350px;}
#cl_expl .cl_expl_mid {padding-top: 38px; width: 100%; height: auto; overflow: hidden;}
.cl_expl01{width: 213px; height: auto; margin-left:14px; float:left;}
.cl_expl02,
.cl_expl03{width: 213px; height: auto; margin-left:43px; float:left;}
.cl_expl01_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl01.gif) no-repeat; text-indent:-10000px; height:18px;}
.cl_expl02_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl02.gif) no-repeat; text-indent:-10000px; height:18px;}
.cl_expl03_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl03.gif) no-repeat; text-indent:-10000px; height:18px;}
#cl_expl div.cl_expl_go{margin-top:30px; text-align: center;}

/*20190625 추가 start*/
#cl_expl_login{background:url(../image/center/img_cl_expl_noBtn_bg.gif) no-repeat; margin-bottom:24px; width: 753px; height:292px;}
#cl_expl_login .cl_expl_mid {padding-top: 38px; width: 100%; height: auto; overflow: hidden;}
.cl_expl01{width: 213px; height: auto; margin-left:14px; float:left;}
.cl_expl02,
.cl_expl03{width: 213px; height: auto; margin-left:43px; float:left;}
.cl_expl01_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl01.gif) no-repeat; text-indent:-10000px; height:18px;}
.cl_expl02_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl02.gif) no-repeat; text-indent:-10000px; height:18px;}
.cl_expl03_h4{margin-top: 20px; background:url(../image/center/stitle_cl_expl03.gif) no-repeat; text-indent:-10000px; height:18px;}
#cl_expl div.cl_expl_go{margin-top:30px; text-align: center;}
/*20190625 추가 end*/
/*20190603 더간편서명 설명 end*/

/*20190717 더간편서명 설명2 start*/
#cl_expl_tt{background:url(../image/center/img_cl_expl_evt2.gif) no-repeat; width: 753px; height:620px; background-color: #373f3f;}
#cl_expl_tt p{text-indent:-10000px;}

.cl_box{margin-top:60px; width: 100%; height:auto; overflow: hidden; clear: both;}
  .cl_box.cl_join>.cl_sub_title{text-indent:-10000px; margin-bottom: 40px; width: 100%; height: 50px; background:url(../image/center/title_cl2_join.gif) center top no-repeat;}
  .cl_box.cl_join>.ST_txt_box{margin: 0 auto; width: 713px; height: auto;}
    .cl_box.cl_join>.ST_txt_box>h4{text-indent:-10000px; margin-bottom: 22px; width: 100%; height: 46px; background:url(../image/center/cl2_join_txt01.gif) no-repeat;}
    .cl_box.cl_join>.ST_txt_box>p{text-indent:-10000px; margin-bottom:30px; width: 100%; height:20px; background:url(../image/center/cl2_join_txt02.gif) no-repeat;}
    .cl_box.cl_join>.ST_txt_box>.ST_in_box{position: relative; width: 100%; height:auto; overflow: hidden;}
      .cl_box.cl_join>.ST_txt_box>.ST_in_box>.img_pc{margin-left: -415px; width: 100%; height: 480px; background:url(../image/center/cl2_join_pc.gif) 0px bottom no-repeat;}
      .cl_box.cl_join>.ST_txt_box>.ST_in_box.down>.img_pc{margin-left:0; transition: margin 1.4s;}
        .cl_box.cl_join>.ST_txt_box>.ST_in_box>.img_pc>img{opacity: 0; margin-left: 17px; border: 1px solid #d5d5d7;}
        .cl_box.cl_join>.ST_txt_box>.ST_in_box.down>.img_pc>img{opacity: 1; transition: opacity 2.4s;}
      .cl_box.cl_join>.ST_txt_box>.ST_in_box>.cl_join_step{position: absolute; top:16px; left: 400px; opacity: 0.2;}
      .cl_box.cl_join>.ST_txt_box>.ST_in_box.down>.cl_join_step{left: 440px; opacity: 1; transition: all 1.4s;}
  .cl_box.cl_use>.cl_sub_title{text-indent:-10000px; margin-bottom: 40px; width: 100%; height: 50px; background:url(../image/center/title_cl2_use.gif) center top no-repeat;}
  .cl_box.cl_use>.ST_txt_box{margin: 0 auto; width: 713px; height: auto;}
    .cl_box.cl_use>.ST_txt_box>h4{text-indent:-10000px; margin-bottom: 22px; width: 100%; height: 46px; background:url(../image/center/cl2_use_txt01.gif) no-repeat;}
    .cl_box.cl_use>.ST_txt_box>p{text-indent:-10000px; margin-bottom:30px; width: 100%; height:20px; background:url(../image/center/cl2_use_txt02.gif) no-repeat;}
    .cl_box.cl_use>.ST_txt_box>.ST_in_box{position: relative; width: 100%; height:auto; overflow: hidden;}
      .cl_box.cl_use>.ST_txt_box>.ST_in_box>.img_pc{margin-left: 475px; width: 100%; height: 476px; background:url(../image/center/cl2_use_pc.gif) 215px bottom no-repeat;}
      .cl_box.cl_use>.ST_txt_box>.ST_in_box.down>.img_pc{margin-left:0; transition: margin 1.4s;}
        .cl_box.cl_use>.ST_txt_box>.ST_in_box>.img_pc>img{opacity: 0; border: 1px solid #d5d5d7;}
        .cl_box.cl_use>.ST_txt_box>.ST_in_box.down>.img_pc>img{opacity: 1; margin-left: 235px; transition: opacity 2.4s;}
      .cl_box.cl_use>.ST_txt_box>.ST_in_box>.cl_use_step{position: absolute; top:40px; left: 40px; opacity: 0.2;}
      .cl_box.cl_use>.ST_txt_box>.ST_in_box.down>.cl_use_step{left: 0px; opacity: 1; transition: all 1.4s;}

  .cl_box.cl_fea>.cl_sub_title{text-indent:-10000px; margin-bottom: 30px; width: 100%; height: 50px; background:url(../image/center/title_cl2_fea.gif) center top no-repeat;}
    #cl_fea2 .cl_Tfea_top{height:9px; background:url(../image/center/bg_cl_dot_top.gif) no-repeat;}
    #cl_fea2 .cl_Tfea_mid{height:auto; overflow:hidden; background:url(../image/center/bg_cl_dot_mid.gif) repeat-y;}
    #cl_fea2 .cl_Tfea_bottom{height:9px; background:url(../image/center/bg_cl_dot_bot.gif) no-repeat;}
    #cl_fea2 .cl_fea01{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
    #cl_fea2 .cl_fea02{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
    #cl_fea2 .cl_fea03{width:230px; height:auto; overflow:hidden; margin-left:20px; float:left;}
    #cl_fea2 .cl_fea01_p{padding:16px 0 23px 42px;}
    #cl_fea2 .cl_fea01_h4{background:url(../image/center/stitle_cl2_s01.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:14px;}
    #cl_fea2 .cl_fea02_h4{background:url(../image/center/stitle_cl2_s02.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:18px;}
    #cl_fea2 .cl_fea03_h4{background:url(../image/center/stitle_cl2_s03.gif) 3px 0 no-repeat; text-indent:-10000px; height:17px; margin-bottom:18px;}
    #cl_fea2 .cl_fea01_ul{height:auto; overflow:hidden;}
    #cl_fea2 .cl_fea01_ul li{background:url(../image/common/ic_cl_blu.gif) 0 5px no-repeat; padding-left:11px; font-size:11px; color:#666; line-height:150%; margin-bottom:10px;}
    #cl_fea2 .cl_fea01_ul li.cl_fea01_li{ background:none;}

  .cl_box.cl_fee>.cl_sub_title{text-indent:-10000px; margin-bottom: 30px; width: 100%; height: 50px; background:url(../image/center/title_cl2_fee.gif) center top no-repeat;}
  #cl2_fee_table01{width:100%; padding:0 0 0 0;}
  #cl2_fee_table01 .brdTaxBillList {clear:both;border-collapse:collapse;table-layout:fixed;border-top:2px solid #fdb419;border-bottom:1px solid #DEDFE0;border-top-width:2px;}
  #cl2_fee_table01 .brdTaxBillList th{padding:8px 0 3px 0;background-color:#ffd40c;border:1px solid #fdb419;font-size:13px;font-weight:bold;color:#333;}
  #cl2_fee_table01 .brdTaxBillList td{padding:3px 0;background-color:#FFFFFF;border:1px solid #DEDFE0;text-align:center;color:#666666;}
  #cl2_fee_table01 .brdTaxBillList td.leftText{text-align:left;padding-left:10px;}
  #cl2_fee_table01 .brdTaxBillList tbody tr.on td{background-color:#E9FACF;}
  #cl2_fee_table01 .brdTaxBillList tbody .blue{color: #2F488A;font-size: 12px;}
  #cl2_fee_table01 .brdTaxBillList tbody .pad10{padding:5px 10px 5px 10px;text-align:left;}

/*20190717 더간편서명 설명2 end*/

/*20190726 더간편서명 설명2 start*/
.bnn_goto_TSSset {margin-bottom:20px; width:753px; height:133px;}
/*20190726 더간편서명 설명2 end*/

/*//클라우드싸인 end*/

/*소개 이벤트 추가 start*/
#cl_intro_evt{background:url(../image/center/img_cl_int_evt.gif) no-repeat; margin-bottom:24px; height:169px;}
#cl_intro_evt p{text-indent:-10000px;}
#cl_intro_evt div.cl_intro_evt_go{ margin:82px 0 0 30px;}
/*소개 이벤트 추가 end*/

/*대량 스마트빌 회원등록 start */
/*  title  */
#dti_multireg_title{margin-top:22px; margin-bottom:20px; height:25px; border-bottom:#e7e7e7 solid 1px;}
#dti_multireg_title_h1{display:inline; float:left; width:166px; background:url(/image/center/dti_title_multi_reg.gif) no-repeat; text-indent:-10000px; }
#dti_multireg_title_h102{display:inline; float:left; width:86px; background:url(/image/center/dti_title_multi_reg02.gif) no-repeat; text-indent:-10000px; }

/* 상단 도움말  */
.dti_div_rlt{position: relative;}
#dti_info02{background:url(/image/center/img_btn_bg.gif) repeat-y; margin-bottom:30px;}
#dti_info02 #dti_Tinfo_top{height:5px; background:url(/image/center/img_btn_top.gif) no-repeat;}
#dti_info02 #dti_Tinfo_bottom{height:5px; background:url(/image/center/img_btn_bottom.gif) no-repeat;}
#dti_info02 .multi_h2{margin:12px 10px 9px 25px;}
#dti_info02 .multi_p01{margin-bottom:10px; margin-left:25px;}
#dti_info02 .multi_ul{overflow:hidden; margin-left:25px; margin-bottom:8px;}
#dti_info02 .multi_li{display:inline; float:left; vertical-align:middle; margin-right:9px;}
#dti_info02 li img{vertical-align:middle;}
#dti_info03{margin-bottom: 30px; padding: 5px 0; width: 100%; height: auto; background:url(/image/center/bg_dti_info03.gif) repeat-y; border: 1px solid #418ac4; box-sizing: border-box;}

/* 검색결과 정렬바 */
#s_bar{width:733px; margin-bottom:3px; padding: 0 6px 0 10px; vertical-align:middle; line-height:22px; height:22px;}
.s_left1st{float:left; padding:0 6px 0 10px; background:url(/image/common/bul_blue.gif) 0 6px no-repeat;}
.s_right1st{float:right; padding-left:13px; padding-right:17px; background:url(/image/common/bul_blue.gif) 5px 6px no-repeat;}
.s_right{float:right; padding-left:13px; background:url(/image/common/bul_blue.gif) 5px 6px no-repeat;}
.emphasis{font-weight:bold; color:#2f488a;}

/* 테이블 */
.form_DTItable02{margin-bottom: 30px; width:100%; border:#3f7dc5 solid 1px;}
.form_DTItable02 caption{display:none;}
.form_DTItable02 td{padding:2px 0 0 9px; height:24px;}
.form_DTItable02 th{font-weight:normal; font:12px "돋움", "Arial"; color:#666; text-align:left; background:url(/image/common/bul_gray.gif) 16px 9px no-repeat; background-color:#f9f9f9; padding-left:35px;}
.form_DTItable02 .form_SMth01{background:url(/image/common/bul_gray.gif) 16px 13px no-repeat; background-color:#f9f9f9; padding-left:35px; padding-top:6px;}
.form_DTItable02 .form_SMtd01{padding-top:6px;}
.form_DTItable02 .form_SMth02{background:url(/image/common/bul_gray.gif) 16px 9px no-repeat; background-color:#f9f9f9; padding-left:35px; padding-bottom:4px;}
.form_DTItable02 .form_SMtd02{padding-bottom:4px;}
.form_DTItable02 .item {vertical-align:middle; height:24px; line-height:24px; }
.form_DTItable02 .item li{display:inline;}
.form_DTItable02 .item input{padding-bottom:2px;}
.form_DTItable02 .item img, txt, input{vertical-align:middle;}
.form_DTItable02 .item .radio{width:13px; height:13px; margin:2px 2px 2px 0; padding:0;vertical-align:middle;}
.dti_info03_table {width:100%; border:0;}
.dti_info03_table .form_SMth{font-weight:normal; font:12px "돋움", "Arial"; color:#666; text-align:left; background:url(/image/common/bul_blue.gif) 16px 9px no-repeat; padding-left:35px;}
.dti_info03_table .form_SMtd{padding:2px 0 0 9px; height:24px;}

/*검색결과 테이블 */
#dti_table02{width:100%; padding:0 0 0 0;}
.dti_search_table caption{display:none;}
.dti_search_table{border-collapse:collapse; border-top:2px solid #A6C2DE; border-bottom:1px solid #DEDFE0; border-top-width:2px;}
.dti_search_table th{background-color:#F1F6FA; border:1px solid #A6C2DE; height:40px; font-weight:normal; font-weight:normal; font:12px "돋움", "Arial"; color:#666; line-height:16px; color:#333333; text-align:center;}
.dti_search_table td{padding:3px 0; height:24px; border:1px solid #DEDFE0; text-align:center; color:#666666; line-height:24px;}

/* 페이징 */
#dti_list_paging{ margin-top:29px; margin-bottom:0px; text-align:center;}
#dti_list_paging .p_bold{font-weight:bold;}
#dti_list_paging .p_light{color:#ccc; padding:0 6px 0 6px;}
#dti_list_paging A{color:#666; text-decoration:none;}
#dti_list_paging A:hover{color:#666; text-decoration:underline;}

/*190621 추가*/
.dti_line {margin: 12px 25px; width: auto; border-bottom: 1px solid #C4D6E4;}
.dti_info_ps {position: relative; margin: 12px 25px; width: auto; height: auto; overflow: hidden;}
.dti_info_ps>li {margin-bottom:9px; line-height: 100%;}
.dti_info_ps>li:last-child {margin-bottom: 0;}


/*대량 스마트빌 회원등록 end */



/*추가*/

	/*20190802*/

	.btn_expPop_go {display:block; margin:500px auto 0; width:506px; height:64px; overflow:hidden; text-indent:-1000000px; background:url(/image/center/txt_expPop_btngo.gif) center no-repeat; background-color:#fdb419; border-radius:5px;}
	.expPop_dti {margin:0 auto; width:760px; height:auto;}
	.expPop_dti .exp_img_area {width:760px; height:auto; overflow:hidden;}
	#expPop_step1_scroll {position: fixed; bottom: 0; width:100%; height:auto; text-align: center; background:url(/image/center/expPop_step1_scroll_bg.png) left bottom repeat-x; transition: all 1s;}
	#expPop_step1_scroll.imp_hd02 {opacity: 0; transition: all 1s; visibility: hidden}
	.expPop_dti .exp_img_area .expPop_dti_title {text-indent:-9999px; padding:40px 0 30px; width:100%; height:94px; background: url(/image/center/expPop_dti_title.png) center no-repeat; border-bottom:1px dashed #c2c2c2;}
	.expPop_dti .exp_img_area .exepPop_dit_title_h1 {background:url(/image/common/btn_dti_mk.gif) no-repeat; text-indent:-10000px;}
	.expPopno_btn_con {padding:10px 0px 20px; text-align: center; border-top:1px dashed #c2c2c2;}

		/*테이블*/
		.redTaxBillForm	{clear:both;border:3px double #E66464;border-collapse:collapse;table-layout:fixed;word-break:break-all;}
		.redTaxBillForm	th {padding:4px 0 1px 0;border:1px solid #E66464;color:#E66464;font-weight:normal;}
			.redTaxBillForm	th strong {color: #666;}
		.redTaxBillForm	td {padding:2px 0;border:1px solid #E66464;text-align:center;}
		.redTaxBillForm	th.title {font-size:1.5em;font-weight:bold;}
		.redTaxBillForm	th.subject {letter-spacing:.3em;}
		.redTaxBillForm	th.th.tot {font-size:1.4em;color:#666;}
		.redTaxBillForm	th.title2 {font-size:1.2em;font-weight:bold;} /*인쇄용 타이틀*/
		table tr .borderT0 {border-top:0;}/* border 없앰 */
    	table tr .borderL0 {border-left:0;}
    	table tr .borderR0 {border-right:0;}
    	table tr .borderB0 {border-bottom:0;}
    	table tr .borderT2 {border-top:2px;}/* 두꺼운 border */
    	table tr .borderL2 {border-left:2px;}
    	table tr .borderR2 {border-right:2px;}
    	table tr .borderB2 {border-bottom:2px;}
    	table tr .borderTD3	{border-top-style:double;border-top-width:3px;}/* double border */
    	table tr .borderLD3	{border-left-style:double;border-left-width:3px;}
    	table tr .borderRD3	{border-right-style:double;border-right-width:3px;}
    	table tr .borderBD3	{border-bottom-style:double;border-bottom-width:3px;}
    	table tr .borderBD4	{border-bottom-style:double;border-bottom-width:3px;border-left-style:double;border-left-width:3px;}
    	table tr .fileattach {text-align:left;padding-left:3px;}/* 파일첨부 */
    	table tr .leftText {text-align:left;padding-left:10px;}/* 텍스트 정렬 */
    	table tr .DTIRightText {text-align:right;padding-right:2px;}
    	table tr .DTILeftText	{text-align:left;padding-left:2px;}
    	table tr .DTICenterText	{text-align:center;padding-left:2px;}
    	table tr .rightText	{text-align:right;padding-right:10px;}
    	table tr .style1 {color:#D93300;}
		.redTaxBillForm_p {clear:both;border:0px;border-collapse:collapse;table-layout:fixed;padding:0px;word-break:break-all;}
		.redTaxBillForm_p th {padding:0px;border:0px;color:#E66464;font-weight:normal;}
		.redTaxBillForm_p td {padding:0px;border:0px;text-align:center;padding-bottom:1px;padding-top:1px;}
		.redTaxBillForm_r {clear:both;border:0px;border-collapse:collapse;table-layout:fixed;padding:0px;word-break:break-all;}
		.redTaxBillForm_r th {padding:0px;border:0px ;color:#E66464;font-weight:normal;}
		.redTaxBillForm_r td {padding:0px;border:0px ;text-align:center;}
		
		.inputSearch {border:1px solid #666666;padding:2px 2px 1px 2px;height:20px;}
      	.inputDate {border:1px solid #C3C3C3; /*구매확인서 삭제 padding:2px; 20180425*/ height:14px;} 
      	.inputAD {padding:2px;height:20px;}
      	.inputMembergray01 {border:1px solid #CCCCCC;padding:2px;font-weight:bold;}
	    .inputMemberblue {border:2px solid #007AE0;padding:2px;font-size:13px;font-weight:bold;}
  	    .inputMembergray {border:2px solid #CCCCCC;padding:2px;font-size:16px;}
  	    .inputMemberpuple	{border:1px solid #B8BFE9;padding:2px;}
   		.inputAdmin	{border:1px solid #C0D8DE;padding:2px;}
   		.inputcs {border:3px solid #4764B1;padding:2px;text-align:left;font-size:17px;}

		
		.vaTop {vertical-align:top;}
        .vaMiddle {vertical-align:middle;}
        .vaBottom {vertical-align:bottom;}
			/* form  */
.fake_input {margin:0 auto; border:1px solid #7F9DB9;padding:0px 2px 5px 2px; cursor: text;}
.inputCom	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;}
.inputTot	{border:1px solid #7F9DB9;padding:2px;text-align:right;font-size:13px;}
.inputDamk	{border:1px solid #7F9DB9;padding:2px;text-align:center;font-size:13px;}

			/* 세금계산서 아이템 TEXTBOX */

.inputCom1	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:10px;}
.inputCom2	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:147px;}
.inputCom3	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:50px;text-align:right;}
.inputCom4	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:107px;text-align:right;}
.inputCom5	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:73px;}
.inputCom6	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:131px;}
.inputCom7	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:58px;}
.inputCom8	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:55px;text-align:right;}
.inputCom9	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:103px;text-align:right;}
.inputCom10	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:193px;}
.inputCom11	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;width:50px;}
.cerTF_con {margin: 25px 0 10px; padding: 13px 25px; width:100%; height: 70px; background-color: #f1f6fa; border: 1px solid #dfebf4; border-radius: 5px; box-sizing: border-box;}
	.expPop_dti_btncon {margin:5px auto 20px; width:512px; height:37px; background: url(/image/center/btn_expPop_step1_l.gif) right center no-repeat;}
	.expPopno_btn_con {padding:20px 0px; text-align: center; border-top:1px dashed #c2c2c2;}
	.expPop_dti_stp2_ps {margin-bottom:20px; line-height:1.2em; font-size:11px; color:#d93300;}
	#expPop_step03_con {display:block; z-index: 100; position:absolute; width:100%; height:100%; background-color: #fff;}
	#expPop_step03_con .expPop_step03_box {width: 100%; height: 100%; text-align:center; background: #fff;}
  	#expPop_step03_con .expPop_step03_box h1 {margin-bottom:12px; width: 100%; height: 141px; text-indent: -999999px; background:url(/image/center/txt_expPop_step3.gif) center 28px no-repeat;}
	#expPop_step03_con .expPop_step03_box .expPop_step03_btn_box {margin-top:30px;}
	#expPop_step03_con .expPop_step03_box .expPop_step03_btn_box a {display:inline-block; margin:0 5px; width:182px; height:48px;}
	#expPop_step03_con .expPop_step03_box .expPop_step03_btn_box a:last-child {width:130px;}
	.expPop_step04_info {margin: 25px 0 20px; padding: 13px 14px 3px; width:100%; height: auto; background-color: #f1f6fa; border: 1px solid #dfebf4; border-radius: 5px; box-sizing: border-box;}
	.expPop_step04_info .info_aftPay, 
	.expPop_step04_info .info_befPay {position: relative; padding-left: 20%; width: 80%;}
	.expPop_step04_info .info_aftPay h1, 
	.expPop_step04_info .info_befPay h1 {position: absolute; left: 0; top:0;}
	.expPop_step04_info .info_aftPay ul 
	.expPop_step04_info .info_befPay ul {margin-bottom: 5px; line-height: 1.2em;}
	.expPop_step04_info .info_aftPay ul li, 
	.expPop_step04_info .info_befPay ul li {margin-bottom: 5px; line-height: 1.2em;}
	.expPop_step04_info .info_aftPay ul li.info_Pay_red, 
	.expPop_step04_info .info_befPay ul li.info_Pay_red {color:#D93300;}


/*//추가*/


/*20190726 더간편서명 설명2 end*/

/*20190820 스마트빌 오픈스크랩 업체 관리 start*/
#openSC_title {margin-bottom:20px; height:25px; border-bottom:#e7e7e7 solid 1px;}
.openSC_title_h1 {background:url(/image/center/title_openSC.gif) no-repeat; text-indent:-10000px;}
/*20190820 스마트빌 오픈스크랩 업체 관리 end*/