@charset "utf-8";
/*****************
	newsub.css
	2025-12-16 수정
******************/

body{font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic','맑은 고딕','돋음','Dotum', 'Roboto', Arial, Helvetica, sans-serif;}
/*테이블 border-type01 (원 HTML에서 가져온 것) */
.border-type01 {margin:0 auto; font-family: 'Pretendard' !important; width:720px; margin-top:10px;/* border-top:2px #8329db solid;*/ border-top:1px solid #415fc8; position: relative;}
.border-type01 table {width:100%; font-family: 'Pretendard' !important;  border-collapse:collapse; border:0;}
.border-type01 table th{background: #eef2fa; font-size: 13px; color:#333; font-weight: 600; }
.border-type01 table td{font-weight: 400; font-size: 13px; color:#666; }
.border-type01 table th, 
.border-type01 table td{ font-family: 'Pretendard' !important; padding: 8px 6px; /*border:1px solid #dce6e4;*/ border-bottom: 1px #dce6e4 solid; border-left:1px #dce6e4 solid;  border-right:1px #dce6e4 solid; box-sizing:border-box; text-align:center;}
/*.border-type01 table .left-none-border{border-left:0;}*/
.border-type01 .al{text-align:left;padding-left:12px;}

/*서브페이지 공통*/
.billmate-sub {margin: 0 0 0 10px; padding: 0 10px; font-family: 'Pretendard' !important; width:762px; margin-top:10px; position: relative; box-sizing:border-box;}
.billmate-sub * {box-sizing: border-box;}
.billmate-sub01,.billmate-sub02,.billmate-sub03,.billmate-sub04 {width: 720px; margin: 0 auto;}
.billmate-sub .m-title {width: 100%; border-bottom: 1px solid #dae2f7;  margin-bottom: 10px; padding-left: 15px;}
.billmate-sub h5 {font-size: 18px; line-height:2; color: #2b4ba4;}
.billmate-sub h5.list-title {font-size: 20px;}
.billmate-sub h6 {font-size: 15px; line-height:1; color: #222; font-weight:600;}
.billmate-sub .bold {font-weight:600;}
.billmate-sub .bolder {font-weight:800;}
.billmate-sub .mb5 {margin-bottom: 5px;}
.billmate-sub .mb10 {margin-bottom: 10px;}
.billmate-sub .mb20 {margin-bottom: 20px;}
.billmate-sub .sub-text {width: 100%; padding: 10px; line-height:1.3; font-size: 14px;}
.billmate-sub .sub-text .fc-red {color: #dc1717;}
.billmate-sub .sub-text .fc-gray {color: #636363;}
.billmate-sub .sub-text .font13 {font-size: 13px;}
.billmate-sub .billmate-flex {display: flex; align-items: center; padding: 0 0 20px 0;}
.billmate-sub .billmate-flex .flex-left {padding: 0 10px;}
.billmate-sub .billmate-flex .flex-right {padding: 0 0 0 12px;}

.billmate-sub .text_big01 {height: 33px;  border-bottom: 1px solid #ededed; margin-bottom: 20px; line-height:30px;}
.billmate-sub .text_big01 img {position: relative; top: -2px;}

/*서브페이지01(주요기능)*/
.billmate-sub01 ul {margin: 10px 0;}
.billmate-sub01 ul li {padding: 0 0 0 20px;}
.billmate-sub01 ul li p{line-height: 1.5; color: #636363; font-size: 14px;}
.billmate-sub01 ul li p:before {content: '\2714'; display:inline; color: #2b50d4; padding: 0 8px;}

/*서브페이지02(이용요금)*/
.billmate-sub02 .billmate-flex .flex-right li p{line-height: 1.5; font-size: 14px;color: #636363; letter-spacing: -0.5px; }
.billmate-sub02 .billmate-flex .flex-right li p:before {content:'\00B7'; display:inline; color: #aaa; position:relative; left: -8px;}
.billmate-sub02 .billmate-flex .img-filed {width: 80px; height: 80px; border-radius: 50px;}
.billmate-sub02 .billmate-flex .img-filed.img01 {background:url(../images/sub_icon_01.png) center no-repeat;}
.billmate-sub02 .billmate-flex .img-filed.img02 {background:url(../images/sub_icon_02.png) center no-repeat;}
.billmate-sub02 .billmate-flex .img-filed.img03 {background:url(../images/sub_icon_03.png) center no-repeat;}

/*서브페이지03(이용절차)*/
.billmate-sub03 .billmate-flex,.billmate-sub04 .billmate-flex {padding: 12px 0;}
.billmate-sub03 .billmate-flex .icon-filed,.billmate-sub04 .billmate-flex .icon-filed {width: 50px; height: 50px; background: red;}
.billmate-sub03 .billmate-flex .icon-filed.icon01 {background:url(../images/sub_icon_04.png) center no-repeat;}
.billmate-sub03 .billmate-flex .icon-filed.icon02 {background:url(../images/sub_icon_05.png) center no-repeat;}
.billmate-sub03 .billmate-flex .icon-filed.icon03 {background:url(../images/sub_icon_06.png) center no-repeat;}
.billmate-sub03 .join-step {width: 100%:}
.billmate-sub03 .join-step li {margin-bottom: 30px;}
.billmate-sub03 .join-step li:first-child {padding-top: 20px;}
.billmate-sub03 .join-step li p {fdont-size: 14px; color: #222222; line-height:1.5;}
.billmate-sub03 .join-step li p .number {display: inline-block; width: 28px; height: 28px; background: #2b4ba4; color: #fff; text-align:center; line-height:28px; border-radius: 20px; font-size:14px; font-weight:600; margin-right: 5px;}
.billmate-sub03 .join-step li p.ml {margin-left:38px;}
.billmate-sub03 .join-step li p.ml2 {margin-left:55px;}
.billmate-sub03 .join-step li img {margin: 15px auto 0 auto; border: 1px solid #e4e4e4; box-sizing:border-box;}

/*서브페이지04(이용절차)*/
.billmate-sub04 .billmate-flex .flex-left {width: 9%;}
.billmate-sub04 .billmate-flex .flex-right {width: 80%;}
.billmate-sub04  .icon-filed.icon01 {background:url(../images/sub_icon_07.png) center no-repeat;}
.billmate-sub04 .dwn-button input{border: 0; border-radius: 20px; padding: 8px 16px; background: #2b4ba4; color: #fff; cursor:pointer;} 
.billmate-sub04 .dwn-button input:hover{background:#4366c9;}



/*************************************************************************
	2023.09.19 빌메이트 게시판 개편 (공지사항/자료실/1:1문의
**************************************************************************/
/* 공통 :: 가로값지정 */
.w10per{width:10% !important;}
.w20per{width:20% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w50per{width:50% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w80per{width:80% !important;}
.w90per{width:90% !important;}
.w100per{width:100% !important;}


.billmate-bbs-wrap{position:relative;  width:100%;height:auto; background:#fff; /*min-width:820px;*/}
.billmate-bbs-wrap *{font-family: 'Pretendard', 'Noto Sans KR', 'Malgun Gothic','맑은 고딕','돋음','Dotum', 'Roboto', Arial, Helvetica, sans-serif; margin:0; padding:0; box-sizing:border-box;}

/* alink */
.billmate-bbs-wrap a {border:0; color:#222; text-decoration:none;}
.billmate-bbs-wrap a:visited {color:#222;}
.billmate-bbs-wrap a:active, 
.billmate-bbs-wrap a:hover, 
.billmate-bbs-wrap a:focus {text-decoration:none;}
.billmate-bbs-wrap a:focus, 
.billmate-bbs-wrap button:focus, 
.billmate-bbs-wrap input:focus{outline:none;}

/*
.billmate-bbs-header{position:relative; max-width:100%;width:100%; height:80px; padding:0 0 0 32px; line-height:80px; background: #1B66A9; color:#fff; box-sizing:border-box;}
.billmate-bbs-header span{width:100%;display:inline-block; font-weight:bold; font-size:26px; letter-spacing:0; box-sizing:border-box;}*/

.billmate-bbs-container{position:relative; padding:0; margin:0 auto; /*width:760px;*/}
/*.billmate-bbs-title{position:relative; margin-bottom:15px; font-size:24px; font-weight:bold; color:#000; letter-spacing:0; }*/

.billmate-bbs-wrap select{height:34px;padding:0 20px 0 6px;border:1px solid #c6d3e6;border-radius:3px; background:#fff url('../images/bbs/icon_arrow_down.png') no-repeat right 4px top 50%; background-size:auto 12px; box-sizing:border-box;}
.billmate-bbs-wrap select:focus {color:#222;outline:none; border-color:#000;}
.billmate-bbs-wrap select:disabled {border-color:#cfcfcf;color:#bbb;background-color:#F1F1F1;cursor:default;}


/* 게시판 */
.bbs-list-tbl {width:100%; margin-top:20px;border-top:1px solid #154B7A;}
.bbs-list-tbl *{box-sizing:border-box;}
.bbs-list-tbl table {width:100%;}
.bbs-list-tbl table strong{font-weight:500;}
.bbs-list-tbl table thead th{padding: 8px 6px;font-size: 14px; background:#eaf0ff; /*background:#f4f9ff;*/ color:#154B7A; border-bottom:1px solid #c8cfe2;}
.bbs-list-tbl table tbody td{font-weight: 400; font-size: 14px; color:#333; letter-spacing: 0 !important;}
.bbs-list-tbl table tbody td{padding: 8px 6px; border-bottom: 1px #dcdce1 solid;  box-sizing:border-box; text-align:center; }
.bbs-list-tbl table tbody td a{font-size:14px;}
.bbs-list-tbl table tbody td a:link,
.bbs-list-tbl table tbody td a:active,
.bbs-list-tbl table tbody td a:hover,
.bbs-list-tbl table tbody td a:focus{text-decoration:none; color:#222;}

.bbs-list-tbl .bbs-subject-txt{width:100%; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; display:block;  letter-spacing: 0 !important;}
.bbs-list-tbl .al{text-align:left;}

.bbs-list-tbl table tbody tr:hover{/*background:#f9fcff;*/ background:#f5f7fb;}
.bbs-list-tbl .bg-emergency{background:#fefbf3;}
.bbs-list-tbl .bg-emergency:hover{background:#fff8e5;}
.c-lightblue {color:#7691e7;margin-right:4px;}

.bbs-list-tbl .newicon { color: #F30; font-size:16px;}
.bbs-list-tbl .re-depth1{padding-left:12px;}
.bbs-list-tbl .re-depth2{padding-left:22px;}
.bbs-list-tbl .re-depth3{padding-left:32px;}
.bbs-list-tbl .re-depth1:before,
.bbs-list-tbl .re-depth2:before,
.bbs-list-tbl .re-depth3:before{content:"\e97e"; padding-right:0; margin-left:-13px; color:#aaa; font-family : xeicon;}

.bbs-list-tbl .ico-status01,
.bbs-read-tbl .ico-status01{min-width:40px; display:inline-block; font-weight:bold; border:1px solid #e3332a; color:#e3332a; border-radius:3px; padding:2px 8px; font-size:12px; background:#fff;}
.bbs-list-tbl .ico-status02,
.bbs-read-tbl .ico-status02{min-width:40px; display:inline-block; font-weight:bold; border:1px solid #5B98BA; color:#2162B1; border-radius:3px; padding:2px 8px; font-size:12px; background:#fff;}
.bbs-list-tbl .ico-status03,
.bbs-read-tbl .ico-status03{min-width:40px; display:inline-block; font-weight:bold; border:1px solid #dddddd; color:#333333; border-radius:3px; padding:2px 8px; font-size:12px; background:#fff;}

/*************  table row type **************/
.bbs-read-tbl {width:100%; margin:0 0 10px 0; border-top:1px solid #154B7A; border-bottom:1px solid #cccccc;position: relative; white-space: nowrap; box-sizing:border-box;}
.bbs-read-tbl table {width:100%;  box-sizing:border-box;}
.bbs-read-tbl table th{/*background: #eaf0ff;*/ background:#eaf0ff; color:#2162B1; font-weight:bold; text-align:left; border-bottom:1px solid #dcdce1; box-sizing:border-box;}
.bbs-read-tbl table td{color:#444; border-bottom:1px #dcdce1 solid; box-sizing:border-box;}
.bbs-read-tbl table th,
.bbs-read-tbl table td{font-size:14px; padding:7px 8px; text-align: left; vertical-align:middle; letter-spacing:0;  box-sizing:border-box;}
.bbs-read-tbl table th i {color:#e42424;}
.bbs-read-tbl table th i.none {margin-left: 6px; display:inline-block;}
.bbs-read-tbl table .leftborder {border-left: 1px #dcdce1 solid;}
.bbs-read-tbl .bdl-none{border-left:none !important;}
.bbs-read-tbl .left-title{padding-left:27px;}
.bbs-read-tbl .textarea{width: 100%; height:300px; margin:10px 0; padding: 8px; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.5; color: #333; background-color: #fff; letter-spacing:0 !important; border: 1px solid #ddd;}
.bbs-read-tbl .textarea:focus{border-color:#6b798f;}
.bbs-read-tbl .bbs-view-cont{padding:20px;}
.bbs-read-tbl td i{vertical-align:middle; margin-top:-2px; font-size:18px;}


/* input file 첨부파일 선택*/
input.input-file{text-indent: 0 !important; height:auto;}
input.input-file::file-selector-button {height: 34px; min-width:90px; letter-spacing:-1px; background: #fff; border: 1px solid #2b4ba4; border-radius: 0; cursor: pointer;}
input[type=file]::file-selector-button:hover{background:#2b4ba4; color:#fff;}
input.input-file:read-only, 
input.input-file:disabled { background: none !important; border:1px solid #ddd; }
input.input-file:read-only:focus {border-bottom: none; transition: all 0.5s;}	
	

/********************** 2023.06.20 공지사항 상세보기 페이지 **********************/
.board-detailview-wrap{position:relative; width:100%; border-top:2px solid #154B7A;border-bottom:1px solid #cccccc; margin-top:30px;}
.board-detailview-wrap .board-header{position:relative; padding: 16px 200px 16px 24px; font-size:16px; font-weight:600;border-bottom:1px solid #cccccc;  }
.board-detailview-wrap .board-header .r-txt{position:absolute; right:24px; top:22px; text-align:right; font-size:14px; font-weight:400;}
.board-detailview-wrap .board-header .s-txt{font-size:14px; font-weight:400; color:#999; margin-top:8px;}
.board-detailview-wrap .board-cont{border-bottom:1px solid #cccccc; padding:36px 24px; font-size:14px; line-height:1.6;}
/* 첨부파일 */
.board-detailview-wrap .attach-file-cont{padding:10px 24px; border-bottom:1px solid #cccccc;}
.board-detailview-wrap .attach-file-cont span.title{font-weight:600; font-size:14px; margin-right:10px; color:#2162B1;}
.board-detailview-wrap .attach-file-cont i{ color:#2162B1; font-size:16px; vertical-align:middle; margin-top:-2px;}
.board-detailview-wrap .attach-file-cont a{font-weight:bold; color:#000;}
/* 이전글/다음글 */
.board-list-view ul li {display:block; border-bottom:1px solid #cccccc;}
.board-list-view ul li:last-child{border-bottom:none;}
.board-list-view ul li a:hover{background:#f7f9ff;}
.board-list-view ul li a{display:table; width:100%; height:100%; padding:0 18px; font-size:14px;}
.board-list-view ul li a span{display:table-cell; padding:12px 6px}
.board-list-view .txt1{width:10%; text-align:left; color:#2162B1; font-weight:600;}
.board-list-view .txt1 i{margin-left:3px;}
.board-list-view .l-title{width:78%; text-align:left;}
.board-list-view .date{width:12%; text-align:right; font-size:13px;}	
	
	
/* 탭버튼 */
.bbs-tab-menu{position:relative; width:100%; margin-bottom:20px;}
.bbs-tab-menu ul{display:flex;}
.bbs-tab-menu ul li{width:50%; height:44px; line-height:42px; color:#717E8C;/*color:#2b4ba4;*/ border:1px solid #BEC5CE;font-weight:500; font-size:14px; text-align:center; cursor:pointer; box-sizing:border-box;}
.bbs-tab-menu ul li.active{color:#2b4ba4; border:1px solid #2b4ba4; }

/* 마진 */
.mt30{margin-top:30px;}

/******************** 페이징 ********************/
.paging {text-align:center;margin:16px auto;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last { overflow:hidden; text-indent:-3000px;border:1px solid #eee;}
.paging a.first:hover,
.paging a.prev:hover,
.paging a.next:hover,
.paging a.last:hover {border:1px solid #2b4ba4;}
.paging a.first {background:url(../images/bbs/btn_first.png) center no-repeat;}
.paging a.prev {background:url(../images/bbs/btn_prev.png) center no-repeat;}
.paging a.next {background:url(../images/bbs/btn_next.png) center no-repeat;}
.paging a.last {background:url(../images/bbs/btn_last.png)center no-repeat;}
.paging a{ display:inline-block; margin:0 1px; width:23px; height:23px; line-height:21px; text-align:center; border:1px solid #fff;color:#666; font-size:12px; font-weight:400; vertical-align:middle; border-radius:2px;box-sizing:border-box;}
.paging a:visited{color:#666;}
.paging a:hover{ border:1px solid #2b4ba4; color:#2b4ba4;}
.paging a.on { border:1px solid #2b4ba4; background-color:#2b4ba4; color:#fff;}


/* 검색영역 */
.search-form {width:100%; padding:13px 23px; border:1px solid #d2d6df; background: #fff; text-align:center; border-radius:5px; box-sizing: border-box;}
.search-form select{height:34px; min-width:100px;}
.search-form .stitle{font-weight:bold; margin-right:8px;}
.search-form input[type="text"]{height:34px; max-height: 34px; width:260px; border-radius:4px;}


/* button style*/
button.btn-type1,
button.btn-type2,
button.btn-type3,
button.btn-type4,
button.btn-type5,
button.btn-disabled{ display:inline-block; font-weight:500; letter-spacing:-0.05em; border-radius:4px; box-sizing:border-box; height:34px; min-width:80px; padding:0 12px; font-size:14px; }

button.btn-type1{background:#2b4ba4; border:1px solid #2b4ba4; color:#fff;}
button.btn-type1:hover,
button.btn-type1:focus{background:#4366c9; border:1px solid #4366c9;}
button.btn-type2{background:#fff; border:1px solid #2b4ba4; color:#2b4ba4;}
button.btn-type2:hover,
button.btn-type2:focus{background:#2b4ba4; border-color:#2b4ba4; color:#fff;}
button.btn-type3{background:#fff; border:1px solid #c8c8cc; color:#333;}
button.btn-type3:hover,
button.btn-type3:focus{border-color:#2162B1; }
button.btn-type4{background:#b4b4c5; border:1px solid #b4b4c5; color:#fff;}
button.btn-type4:hover,
button.btn-type4:focus{background:#c5c5d2; border:1px solid #c5c5d2;}
button.btn-type5{background:#f7596b; border:1px solid #f7596b; color:#fff;}
button.btn-type5:hover,
button.btn-type5:focus{background:#f96e7e; border:1px solid #f96e7e;}
button.btn-disabled,
button:disabled{opacity:0.9; cursor: default; color:#cfcfcf !important; background: #F1F1F1 !important; border:1px solid #ddd !important; pointer-events: none;}
button:disabled i{color:#cfcfcf !important;}

.btn-type1 .font-xi,
.btn-type2 .font-xi,
.btn-type3 .font-xi,
.btn-type4 .font-xi,
.btn-type5 .font-xi{font-size:16px; vertical-align:middle; margin-top:-2.2px; margin-right:5px;}

.btn-type1 .xi-close-min,
.btn-type2 .xi-close-min,
.btn-type3 .xi-close-min,
.btn-type4 .xi-close-min,
.btn-type5 .xi-close-min{font-size:20px;}

.btn-ico{padding:0 6px; min-width:auto !important;}
.btn-ico img{vertical-align:middle; margin-top:-2px; padding-right:3px;}

.btn-del-file{padding:0 6px; min-width:auto !important; color:#e01c11 !important;}
.btn-del-file:hover{color:#2162B1 !important;}
.btn-del-file i{ vertical-align:middle; margin-top:-2px;}

/* 버튼 사이즈*/
button.btn-s{height:28px; min-width:50px; padding:0 10px;}
button.btn-xs{height:20px; min-width:50px; padding:0 10px; font-size:13px; border-radius:2px;}

/* btn-wrap */
.btn-box-wrap{position:relative; width:100%; text-align:center;}
.btn-box-wrap .right-btn-box{position:absolute;right:0;top:0;}

/* 양쪽 버튼 wrap */
.both-btn-wrap{width:100%;position:relative; margin:20px auto;}
.both-btn-wrap:after{content:""; clear:both; display:block;}
.both-btn-wrap .leftbtn{float:left;}
.both-btn-wrap .rightbtn{float:right}

/*========================== 2025.12.16 서브-전자세금계산서 / 도입문의 ==========================*/
.billmate-sub-container *{box-sizing: border-box; word-break: keep-all;} 
.billmate-sub-container{width:100%; padding:0 16px 24px;}

/* 도입문의 */
.detail-txt{padding:0; font-size:13px; color:#333;}
.intro-txt { font-size: 13px;margin-bottom: 12px;}
.intro-txt b {color: #27ae60; font-weight: normal; }

.txt-box { background-color: #f3f3f3; border-radius: 8px; padding: 14px 18px; margin-bottom: 12px;}
.txt-box-title {display: block; font-size: 14px; font-weight: bold; margin-bottom: 6px; border-bottom: 1px dotted #ccc;padding-bottom: 6px;}

.comparison-wrapper {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 10px;}
.comp-box {background: #fff;border: 1px solid #ddd;border-radius: 8px; padding:10px 10px 10px 55px; flex: 1;text-align: left;}
.comp-title {font-weight: bold; font-size: 14px; color: #3d5ad8;}

.vs-circle {position:absolute; left: 50%; margin-left:-25px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px;background-color: #3d5ad8; color: #fff; width: 50px; height: 50px;border-radius: 50%; z-index: 1;}
.total-box {background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-top: 7px; padding:28px 20px; text-align: center; font-weight: 500; font-size: 16px;}

.saving-red { color: #ed1c24; }
.saving-blue { color: #3d5ad8; margin-left: 15px; }
.footnote {font-size: 13px; color: #555; text-align: center; margin-top: 10px;}

.tax-intro-title{margin:0 0 8px 0; padding-left:18px; position:relative; font-size:15px; font-weight:600; display:flex; align-items: center; gap: 8px;}
.tax-intro-title::before {content:''; width:5px; height:5px; position:absolute; top:3px; left:0; background:none; border-radius:50%; border: 4px #126fba solid; }

.btn-down-s{ display:inline-block; vertical-align: middle; height:20px; padding: 0 7px; font-size:13px; color:#0076a2; border:1px solid #0076a2; border-radius: 3px; line-height:20px; cursor: pointer;}
.btn-down-s:hover,
.btn-down-s:focus{ opacity: 0.9;}

.tax-intro-img{display: flex; align-items: center; justify-content: center; padding:20px; border:1px solid #ddd; border-radius: 10px; }

.desc-list { list-style: none; color: #444;}
.desc-list li { position: relative; padding-left: 12px; margin-bottom: 5px; font-size:13px;}
.desc-list li::before { content: "•"; position: absolute; left: 0; }

.info-s-txt{color: #ed1c24; text-align: right; padding: 0 0 6px 0; font-size:13px;}

.ml18{margin-left:18px;}
.mt16{margin-top:16px;}
.mt30{margin-top:30px;}

.fc-green{color:#009900;}

.border-type02 { position: relative; border-top:1px solid #415fc8;}
.border-type02 table {width:100%; border-collapse:collapse; border:0;}
.border-type02 table th{background: #eef2fa; font-size: 13px; color:#333; font-weight: 600; }
.border-type02 table td{font-weight: 400; font-size: 13px; color:#666; }
.border-type02 table th, 
.border-type02 table td{ padding: 8px 6px; border-bottom: 1px #dce6e4 solid; border-left:1px #dce6e4 solid;  border-right:1px #dce6e4 solid; box-sizing:border-box; text-align:center;}
.border-type02 .al{text-align:left;padding-left:12px;}

.fc-grayblue{color:#64748b;}
.fc-blue{color:#3d5ad8;}

/* 서브 - 한국무역통신 */
/* 프로그래스바 */
.tradesign-process-container { width: 100%;margin-bottom: 40px;}
.tradesign-process-steps {position: relative; display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0;}
.tradesign-process-steps li { flex: 1;  position: relative; margin-right: 16px; display: flex; flex-direction: column; justify-content: center; min-height: 80px; text-align: center; padding: 15px 10px; border-radius: 8px;}
.tradesign-process-steps li:last-child { margin-right: 0;}
.tradesign-process-steps li .step-title {font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.tradesign-process-steps li .step-desc { font-size: 14px;}
.tradesign-process-steps li .step-desc em{ font-size: 11px;}
.tradesign-process-steps li:last-child::after { content: none;}
.tradesign-process-steps li::after{content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); display: inline-block; width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent; border-left: 10px solid #cfcfcf;}

 /*  스타일  */
.tradesign-process-steps li {background-color: #fff; border: 1px solid #c7daf0; color: #333;}
.tradesign-process-steps li .step-title {color: #3d5ad8;}

/* 가격 테이블 */
.tradesign-table {width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #e2e8f0;border-radius: 10px; overflow: hidden;}
.tradesign-table th { background-color: #eef2fa; padding: 15px; font-size: 14px; font-weight: 600; color: #64748b; border-bottom: 1px solid #e2e8f0;text-align: left;}
.tradesign-table td {padding: 20px 15px; border-bottom: 1px solid #f1f5f9; background: #fff; }
.tradesign-table tr:last-child td { border-bottom: none; }

.guide-txt{font-size:13px; margin:10px 0;}
.product-s-txt{color:#64748b; font-size:12px;}

.price-tag { display: flex; align-items: baseline; gap: 6px; }
.price-now { font-size: 18px; font-weight: 800; color: #ed1c24; }
.price-old { font-size: 14px; color: #94a3b8; text-decoration: line-through; }
.dc-badge { font-size: 12px; font-weight: 700; color: #ed1c24; padding: 2px 6px; background: #fee2e2; border-radius: 4px; }

.tradesign-table .btn-apply { background-color: #3d5ad8; color: #fff; border: none; padding: 10px 20px;border-radius: 4px;font-weight: 600; cursor: pointer; transition: opacity 0.2s;}
.tradesign-table .btn-apply:hover { opacity: 0.9;}

/* 하단영역 */
.tradesign-info-grid {display: flex; gap: 24px; margin-top: 40px; align-items: stretch;}
.tradesign-info-grid .tab-wrapper {flex: 1.6;  width: 61%; border: 1px solid #e2e8f0;  border-radius: 10px; overflow: hidden;}
.tradesign-info-grid .sidebar-card { flex: 1; width: 39%; background: #f8fafc;  padding: 16px 20px; border-radius: 10px; border: 1px solid #e2e8f0;}

/* 탭 스타일 */
.tab-wrapper { border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden;}
.tab-header { display: flex; background: #f8fafc;}
.tab-btn {flex: 1; padding: 15px; text-align: center;text-decoration: none; font-weight: 600;color: #64748b;border-bottom: 2px solid transparent; transition: all 0.2s;}
.tab-btn.active { background: #ffffff; color: #3d5ad8; border-bottom: 2px solid #3d5ad8;}
.tab-content {padding: 25px;}

.service-desc { font-size: 13px; margin-bottom: 20px; color: #475569; line-height:1.4 }

.file-links-group { display: flex; gap: 10px;}
.file-links-group .btn-file {flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 12px; background: #f1f5f9; color: #222222; text-decoration: none;border-radius: 5px; font-size: 14px;font-weight: 600;}
.file-links-group .btn-file:hover{background: #e2e8f0; }

/* 등록대행기관 */
.sidebar-card { background: #f8fafc; padding:16px 20px; border-radius: 10px; border: 1px solid #e2e8f0; }
.agency-address { font-size: 13px; font-weight: 500;}
.contact-info { border-bottom: 1px solid #dddddd; padding: 10px 0 20px; }
.tel-number { display: block; font-size: 18px; font-weight: 700; color: #3d5ad8; }
.fax-number{color:#64748b; font-size:12px;}
.management-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px;}
.manage-item { font-size: 13px; color: #64748b;text-decoration: none; display: flex; align-items: center; gap: 4px;}
.manage-item:hover {color: #3d5ad8;}

.notice-text { font-size: 13px;color: #64748b; margin-top: 15px; }

.sidebar-title {display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; margin-bottom: 10px;}
.sidebar-title::before {content: ''; width: 4px; height: 13px; background:#3d5ad8; border-radius: 2px;}