@charset "EUC-KR";

/* ---------lim--------- */
/* Default Type Selector */
* { margin: 0; padding: 0; font-size: 12px; font-family: MalgunGothic, 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; }

/* 테이블에 대한 기본 스타일 정의 */
td { font-family: 돋움, Dotum, 굴림, Gulim, Arial, sans-serif, Verdana, Helvetica, geneva; font-size: 12px; line-height: 150%; color: #666666; }

/* 링크점선없애기 */
/*a,img,input {selector-dummy:expression(this.hideFocus=true);}*/

/* input 영역 */
.nbox { color: #191919; border: 0px solid #C4CAD1; font-family: "돋움","verdana","arial"; font-size: 9pt; padding: 2px 0 0 3px }
.box { background-color: #FAFAFA; color: #191919; border: 1px solid #C4CAD1; font-family: "돋움","verdana","arial"; font-size: 9pt; padding: 2px 0 0 3px }
.bbox { background-color: #FFFFFF; color: #191919; font-family: "돋움","verdana","arial"; font-size: 9pt; padding: 2px 0 0 3px; border-top: 1px solid #f1f1f1; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #f1f1f1; }
.tbox { background-color: #FAFAFA; color: #191919; border: 1px solid #C4CAD1; font-family: "돋움","verdana","arial"; font-size: 9pt; overflow: auto }

/* ------------ LINK ----------- */

/* 일반적인 텍스트 롤오버및 링크 */
a:link { font-family: "돋움"; font-size: 12px; color: #666666; text-decoration: none; line-height: 150%; }
a:visited { font-family: "돋움"; font-size: 12px; color: #666666; text-decoration: none; line-height: 150%; }
a:hover { font-family: "돋움"; font-size: 12px; color: #2F488A; text-decoration: underline; line-height: 150%; }

/* 타이틀 텍스트 롤오버및 링크 */
/* 일반적인 텍스트 롤오버및 링크 */
.tt { font-family: "돋움"; font-size: 14px; color: #003746; font-weight: bold; }
td.tit { font-family: "돋움"; font-size: 13px; color: #666666; text-decoration: none; line-height: 150%; }
td.contants { font-family: "돋움"; font-size: 12px; line-height: 130%; color: #000000 }
a.tit:link { font-family: "돋움"; font-size: 13px; color: #666666; text-decoration: none; line-height: 150%; }
a.tit:visited { font-family: "돋움"; font-size: 13px; color: #666666; text-decoration: none; line-height: 150%; }
a.tit:hover { font-family: "돋움"; font-size: 13px; color: #2F488A; text-decoration: underline; line-height: 150%; }

/* 검색 텍스트 롤오버및 링크 */
a.search:link { font-family: "돋움"; font-size: 12px; color: #0000CC; text-decoration: underline; line-height: 150%; }
a.search:visited { font-family: "돋움"; font-size: 12px; color: #0000CC; text-decoration: underline; line-height: 150%; }
a.search:hover { font-family: "돋움"; font-size: 12px; color: #2F488A; text-decoration: underline; line-height: 150%; }

/* 왼쪽메뉴 롤오버및 링크 */
a.menu:link { font-family: "돋움"; font-size: 13px; color: #000000; text-decoration: none; line-height: 150%; }
a.menu:visited { font-family: "돋움"; font-size: 13px; color: #666666; text-decoration: none; line-height: 150%; }
a.menu:hover { font-family: "돋움"; font-size: 13px; color: #000000; text-decoration: underline; line-height: 150%; }

.textbox { BORDER-RIGHT: #C4CAD1 1px solid; BORDER-TOP: #C4CAD1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #C4CAD1 1px solid; LINE-HEIGHT: 120%; BORDER-BOTTOM: #C4CAD1 1px solid; BACKGROUND-COLOR: #ffffff }

.pad210 { padding: 2px 10px 2px 10px }

INPUT.idbx { border: solid 1px #C4CAD1; width: 88px; height: 19px }

/* 테이블 테두리 라인 가늘게 넣기 */
.bg_linetop { BORDER-TOP: #d1d1d1 1px solid }
.bg_linebot { BORDER-BOTTOM: #d1d1d1 1px solid }
.bg_lineleft { BORDER-LEFT: #d1d1d1 1px solid }
.bg_lineleft01 { BORDER-LEFT: #e4e4e4 1px solid }
.bg_lineright { BORDER-RIGHT: #d1d1d1 1px solid }
.bg_lineright01 { BORDER-RIGHT: #e4e4e4 1px solid }
.textbox { BORDER-RIGHT: #C4CAD1 1px solid; BORDER-TOP: #C4CAD1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #C4CAD1 1px solid; LINE-HEIGHT: 120%; BORDER-BOTTOM: #C4CAD1 1px solid; BACKGROUND-COLOR: #ffffff }


/* ------------------------------------------------------------------------------------ */
/*									 base CSS										    */
/* ------------------------------------------------------------------------------------ */
/****************** defaut CSS ********************/

body { font-family: 돋움, Dotum, 굴림, Gulim, Arial, sans-serif, Verdana, Helvetica, geneva; font-size: 0.75em; /* 12px */ line-height: 1.33; /* font-size:1em(12px) + line-space:0.33em(4px) = 16px (다른 엘레멘드에서도 비슷한 방법으로 계산됨) */ color: #666; margin: 0px; padding: 0px; }
/* 상위 엘레멘트가 12px 를 1em으로 표현하고 있을때 하위 엘레멘트의 px값 em 변환 (소수점 2자리 반올림)
	9px: 0.75em
	10px: 0.83em
	11px: 0.92em
	12px: 1em
	13px: 1.08em
	14px: 1.17em
	15px: 1.25em
*/

/* fix font size IE only HACK */
/* IE 6 */
* html body { font-size: 12px; }
/* IE 7 */
*:first-child + html body { font-size: 12px; }

/* site common CSS */
A:link { text-decoration: none; color: #666; }
A:visited { text-decoration: none; color: #666; }
A:hover { text-decoration: underline; color: #2f488a; }
A:active { text-decoration: none; color: #666; }

fieldset { border: none; margin: 0; padding: 0; }
legend { margin: 0; padding: 0; }
img { border: none; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { vertical-align: top; }
li img { vertical-align: top; }
dl img { vertical-align: top; }
input { vertical-align: middle; font-family: 돋움, Dotum, 굴림, Gulim; color: #666; font-size: 100%; }
/* input과 img가 섞일 우려가 있는 영역에는 p.class *	{vertical-align:middle;}	*/
textarea { font-family: 돋움, Dotum, 굴림, Gulim; color: #666; font-size: 100%; }
select { line-height: 140%; font-family: 돋움, Dotum, 굴림, Gulim; vertical-align: middle; color: #666; border: 1px solid #dcdcdc; }
* html .radio { margin-top: -4px; margin-left: 0px; margin-right: 0px; }
*:first-child + html .radio { margin-top: -4px; margin-left: 0px; margin-right: 0px; }
* html .checkbox { margin-top: -4px; }
*:first-child + html .checkbox { margin-top: -4px; }

h1, h2, h3, h4, h5, h6 { font-size: 100% }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote { margin: 0px; padding: 0px }
dl, ul, ol { list-style-type: none; }
hr { display: none; }
caption { display: none; }

/* Float, display */
.fLeft { float: left; }
.fRight { float: right; }
.cboth { clear: both; }
.disInline { display: inline; }
.disNone { display: none; }

/* text-align */
.taLeft { text-align: left; }
.taCenter { text-align: center; }
/*.taRight	{text-align:right;}*/
.taJustify { text-align: justify; }

/* vertical-align */
.vaTop { vertical-align: top; }
.vaMiddle { vertical-align: middle; }
.vaBottom { vertical-align: bottom; }

/* LastItem */
.horLastItem { padding-right: 0px !important; }
.verLastItem { padding-bottom: 0px !important; }

/* Background Img None */
.bgImgNone { background-image: none !important; }

/* Background Color Transparent */
.bgTrans { background-color: transparent !important; }

/* Border None */
.borderNone { border: none !important; }
.borderRNone { border-right: none !important; }

/* cursor:pointer */
.cPointer { cursor: pointer; }

/* last Cell */
.lastCell { border-right: none !important; background-image: none !important; }

/* 주요 css 속성 초기화 (ex: div class="originalCss"> - wysiwyg 게시판 적용 */
.originalCss h1 { font-size: 2em; margin: .67em 0 }
.originalCss h2 { font-size: 1.5em; margin: .83em 0 }
.originalCss h3 { font-size: 1.17em; margin: 1em 0 }
.originalCss h4,
.originalCss p,
.originalCss ul,
.originalCss ol,
.originalCss dl,
.originalCss fieldset,
.originalCss form { margin: 1.33em 0 }
.originalCss h5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
.originalCss h6 { font-size: .67em; margin: 2.33em 0 }
.originalCss hr { display: block; }
.originalCss ol,
.originalCss ul,
.originalCss dd { margin-left: 40px }
.originalCss ol { list-style-type: decimal; }
.originalCss ul { list-style-type: disc; }
.originalCss ol ul,
.originalCss ul ol,
.originalCss ul ol,
.originalCss ol ol { margin-top: 0; margin-bottom: 0 }



/* ------------------------------------------------------------------------------------ */
/*									 etc CSS										    */
/* ------------------------------------------------------------------------------------ */

/* sub title */
.subTitle { padding-left: 10px; background: url('/images/common/bul_subTitle.gif') no-repeat left 4px #FFF; color: #3C5CB8; }
.thirdTitle { padding-left: 10px; background: url('/images/common/bul_thirdTitle.gif') no-repeat left 4px #FFF; color: #666; margin-bottom: 3px; font-size: .92em; }

/* Font */

/*bluebold style 추가 start*/
.bluebold a:link { color: #2F488A; font-size: 12px; font-weight: bold; }
.bluebold a:visited { color: #2F488A; font-size: 12px; font-weight: bold; }
.bluebold a:hover { color: #2F488A; font-size: 12px; font-weight: bold; text-decoration: underline; }
/*bluebold style 추가 end*/

.blue { color: #2F488A; font-size: 12px; }
.bluebold { color: #2F488A; font-size: 12px; font-weight: bold; }
.bluemenu { color: #2F488A; font-size: 12px; font-weight: bold; }
.bluemenu:link { font-family: "돋움"; font-size: 12px; color: #2F488A; text-decoration: none; font-weight: bold; }
.bluemenu:visited { font-family: "돋움"; font-size: 12px; color: #2F488A; text-decoration: none; font-weight: bold; }
.bluemenu:hover { font-family: "돋움"; font-size: 12px; color: #2F488A; text-decoration: underline; font-weight: bold; }
.bluesmall { color: #2F488A; font-size: 11px; font-weight: bold; }
.blue01s { color: #2F488A; font-size: 11px; }
.blue01b { color: #2F488A; font-size: 12px; }
.blue16 { color: #2F488A; font-size: 16px; font-weight: bold; }
.graysmall { color: #666666; font-size: 11px; }
.gray_main { color: #666666; font-size: 11px; }
.gray_main:link { font-family: "돋움"; font-size: 11px; color: #666666; text-decoration: none; }
.gray_main:visited { font-family: "돋움"; font-size: 11px; color: #666666; text-decoration: none; }
.gray_main:hover { font-family: "돋움"; font-size: 11px; color: #2F488A; text-decoration: underline; }
.graysmall01 { color: #999999; font-size: 11px; }
.graybolds { color: #666666; font-size: 11px; font-weight: bold; }
.gray14 { color: #666666; font-size: 14px; }
.grayboldb { color: #666666; font-size: 12px; font-weight: bold; }
.gray { color: #999999; font-size: 12px; }
.jingray { color: #333333; font-size: 12px; }
.redbold { color: #D93300; font-size: 12px; font-weight: bold; }
/*-----20102001 추가--*/
.redsmall { color: #D93300; font-size: 11px; font-weight: bold; }
.red { color: #D93300; font-size: 12px; }
.red11 { color: #D93300; font-size: 11px; }
.red14 { color: #D93300; font-size: 14px; font-weight: bold; }
.gon { color: #343F47; font-size: 12px; }
.black { color: #000000; font-size: 12px; }
.blackbold { color: #000000; font-size: 12px; font-weight: bold; }
.blackbolds { color: #000000; font-size: 11px; font-weight: bold; }
.pop { color: #153E68; font-size: 14px; font-weight: bold; }
.popsmall { color: #666666; font-size: 11px; }
.redpoint { color: #D43305; font-size: 11px; }
.mpt12 { font-size: 12px; letter-spacing: -1px; }
.scrollblue { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DCDCDC; scrollbar-darkshadow-color: #DBDBDB; scrollbar-track-color: #F2F2F2; scrollbar-arrow-color: #7F9DB9; }
.Lblock { display: inline-block; padding-top: 3px; vertical-align: top; }

/* 검색영역 */
.brdSearch { clear: both; width: 100%; margin-bottom: 10px; padding: 2px 3px; /*background-color:#F2EADE;*/ border: 1px solid #5187BE; }
.radiotext { margin-top: 10px; margin-left: 0px; margin-right: 0px; }

/* 탭 검색영역 */
.searchTab { clear: both; width: 746px; margin-bottom: 20px; }
.searchTabMenu { clear: both; width: 746px; overflow: hidden; background: url('/images/common/bg_tab.gif') repeat-x left bottom #FFF; }
.searchTabMenu li { float: left; }
.searchTab .searchTabCon { clear: both; width: 724px; padding: 5px 10px; background-color: #F2EADE; border: 1px solid #DDC39F; border-top: none; }
.searchTab .searchTabCon h2 { display: none; }

/* 버튼영역 */
.btnArea { clear: both; width: 746px; min-height: 24px; margin-bottom: 20px; text-align: center; }
* html .btnArea { height: 24px; }
.btnArea img { vertical-align: top; }
.btnArea .listBtn { margin-top: -24px; text-align: right; }
.btnArea .SchDwonBtn { margin-top: -10px; text-align: right; }
.btnArea .DeleteBtn { margin-top: -5px; text-align: left; }
.btnArea .downBtn { margin-top: -10px; text-align: right; }
.btnArea .NomemDonBtn { margin-top: -10px; text-align: right; }
.btnArea .addBtn { margin-top: -5px; text-align: right; }
.btnArea .addproductBtn { margin-top: -15px; text-align: right; }
.btnArea .selectBtn { margin-top: -5px; margin-left: 10px; text-align: left; }
.btnArea .searchBtn { margin-top: -5px; text-align: left; }
.btnArea .closeBtn { margin-top: -24px; text-align: center; }
.btnArea .rightBtn { float: right; padding-bottom: 0px; margin-top: -24px; }

/* 테이블 안에 들어가는 우측버튼  */
.btnArea .rightTBtn { float: right; padding-bottom: 0px; margin-top: -24px; margin-right: 10px; }

/* 버튼영역 회원가입쪽*/
.btnArea01 { clear: both; min-height: 24px; margin-bottom: 20px; text-align: center; }
.btnArea01 .memBtn { margin-top: 30px; text-align: center; }

/* form  */
/* .inputCom	{border:1px solid #7F9DB9;padding:0px 2px 5px 2px;height:11px;} */
.inputCom { border: 1px solid #7F9DB9; padding: 4px 1px 3px 2px; height: 11px; }
/* 220826 수정 */
.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; }

/* 입력폼 왼쪽 정렬*/
.inputL { border: 1px solid #7F9DB9; text-align: left; }

/* 입력폼 가운데 정렬*/
.inputC { border: 1px solid #7F9DB9; text-align: center; }

/* 입력폼 오른쪽 정렬*/
.inputR { border: 1px solid #7F9DB9; text-align: right; }

.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; }

/* 리스트 상단 */
.listSchResult { float: left; padding-bottom: 5px; }
.listSorting { float: left; padding-bottom: 5px; }
.lineSorting { float: right; padding-bottom: 5px; }

/* all popup*/
.modalProgressBlackBackground { background: black; filter: alpha(opacity=60); opacity: 0.6; }

/* 인쇄관련 */
#printContentDivision { float: none; width: 746px; background-color: #FFF; }


/* ------------------------------------------------------------------------------------ */
/*									 layout CSS										    */
/* ------------------------------------------------------------------------------------ */
@import url(board.css); /*		테이블 관련 CSS		*/
@import url(etc.css); /*		페이지 템플릿, 기타 CSS	*/

/****************** Layout CSS ********************/

/* 전체 layout */
body { width: 100%; height: 100%; }
body#mainPage { background: url('../image/layout/siteBg.gif') repeat-x left top #FFF; }
body#subPage { background: url('../image/layout/siteBg.gif') repeat-x left top #FFF; }
#wrapper { position: inherit; clear: both; width: 950px; margin: 0 auto; }

/* 접근성 메뉴 */
#accessibilityMenu { display: none; }

/* top */
#top { clear: both; width: 950px; padding-top: 28px; }
#siteLogo { position: absolute; top: 61px; margin-left: 31px; }
#etcMenu { float: right; margin-bottom: 11px; }
#etcMenu ul { clear: both; overflow: hidden; width: 239px; }
#etcMenu li { float: left; margin-right: 13px; }

#gnb { clear: both; float: right; width: 753px; }
#gnb li#gnb01,
#gnb li#gnb02,
#gnb li#gnb03,
#gnb li#gnb04,
#gnb li#gnb05,
#gnb li#gnb06 { float: left; margin-bottom: 20px; }
#gnb li#gnb01 { position: relative; }
#gnb01Sub { clear: both; position: absolute; top: -4px; left: 33px; }

/* container */
#container { clear: both; overflow: hidden; width: 950px; margin-top: 0px; margin-bottom: 30px; }

/* sidebar */
#sidebar { float: left; width: 180px; margin-top: 20px; }
#loginDivision .logout { width: 180px; height: 114px; margin-top: 20px; margin-bottom: 15px; background: url('../image/layout/sideLogin_bg.gif') no-repeat left top #FFF; }
#loginDivision .logout legend { display: none; }
#loginDivision .logout .loginForm { padding-left: 11px; padding-top: 17px; font-size: .92em; }
#loginDivision .logout .loginForm #inputSideLoginId { width: 90px; padding: 3px 2px; border: 1px solid #C4CAD1; color: #616161; background: url('../image/layout/sideLogin_id.gif') no-repeat 2px 50% #FFF; }
#loginDivision .logout .loginForm #inputSideLoginPW { width: 90px; padding: 3px 2px; border: 1px solid #C4CAD1; color: #616161; background: url('../image/layout/sideLogin_pw.gif') no-repeat 2px 50% #FFF; }
#loginDivision .logout .loginForm .noIdValue { background: url('../image/layout/sideLogin_id.gif') no-repeat 2px 50% #FFF !important; }
#loginDivision .logout .loginForm .noPwValue { background: url('../image/layout/sideLogin_pw.gif') no-repeat 2px 50% #FFF !important; }
#loginDivision .logout .loginForm .haveValue { background-image: none !important; }
#loginDivision .logout .loginId { margin-bottom: 5px; }
#loginDivision .logout .loginPW { float: left; margin-right: 2px; }
#loginDivision .logout .loginMenu { width: 160px; margin: 13px auto; padding-top: 10px; border-top: 1px solid #D1DBED; font-size: .92em; }
#loginDivision .logout .loginMenu li { display: inline; }
#loginDivision .logout .loginMenu li.lastChild { padding-left: 5px; background: url('../image/layout/sideLogin_bar.gif') no-repeat left top #FFF; }

#loginDivision .login { width: 180px; margin-top: 20px; height: 120px; margin-bottom: 15px; background: url('../image/layout/sideLogin_bg2.gif') no-repeat left top #FFF; }
#loginDivision .login strong { float: left; margin-left: 11px; display: inline; margin-top: 14px; padding-left: 17px; background: url('../image/layout/sideLogin_nameBg.gif') no-repeat left top #FFF; font-size: .92em; color: #4D6EB1; }
#loginDivision .login p.logoutLink { float: right; margin-right: 11px; display: inline; margin-top: 14px; padding-left: 7px; background: url('../image/layout/sideLogin_logoutBg.gif') no-repeat left 3px #FFF; font-size: .92em; }
#loginDivision .login dl { clear: both; overflow: hidden; width: 158px; margin: 0 auto 5px; padding-top: 8px; font-size: .92em; }
#loginDivision .login dl dt { clear: both; float: left; width: 75px; padding-left: 15px; background: url('../image/layout/sideLogin_listBg.gif') no-repeat left top #FFF; }
#loginDivision .login dl dd { float: left; width: 30px; padding-right: 4px; text-align: right; }
#loginDivision .login dl dd.number { background: url('../image/layout/sideLogin_bar.gif') no-repeat right 2px #FFF; }
#loginDivision .login dl dd em { color: #E73600; font-style: normal; }
#loginDivision .login .directLink { width: 158px; margin: 0 auto 3px; padding-bottom: 1px; text-align: center; }
#loginDivision .login .directLink select { width: 158px; }
#loginDivision .login .logoutMenu { clear: both; overflow: hidden; width: 158px; margin: 0 auto 7px; }
#loginDivision .login .logoutMenu li { float: left; width: 79px; }
#loginDivision .login .logoutMenu li.lastChild { text-align: right; }
#loginDivision .login .mypageBtn { text-align: center; margin-top: 6px; margin-bottom: 6px; }

#leftMenu { margin-bottom: 12px; border-bottom: 2px solid #D4DBE5; }
#leftMenu dd { position: relative; }
.lnbSub { display: none; position: absolute; left: 180px; width: 174px; margin-top: -10px; background: url('../image/layout/sideSubMenu_bg3.gif') no-repeat left bottom #FFF; }
.lnbSub ul { width: 174px; padding: 10px 0 2px; background: url('../image/layout/sideSubMenu_bg1.gif') no-repeat left top transparent; }
.lnbSub ul li { margin: 4px 10px; padding-left: 12px; background: url('../image/layout/sideSubMenu_bg2.gif') no-repeat left 5px #FFF; }
.lnbSub ul li a:hover { font-weight: bold; color: #04449E; text-decoration: underline; }

.sidebarGuestTax, .sidebarOnlineTest { margin-bottom: 15px; }
.sidebarCenter { margin-bottom: 8px; }
.sidebarSearch { text-align: center; }
.sidebarSearch legend { display: none; }
#inputSideSch { width: 120px; padding: 3px 2px; border: 1px solid #999; font-size: .92em; color: #616161; background: url('../image/layout/sideLogin_search.gif') no-repeat 6px 50% #FFF; }
.sidebarSearch .noSearchValue { background: url('../image/layout/sideLogin_id.gif') no-repeat 6px 50% #FFF !important; }
.sidebarSearch .haveValue { background-image: none !important; }

/* contentDivision */
#contentDivision { float: right; width: 753px; margin-top: 20px; padding: 0 3px 0 4px; background: url('../image/layout/bg_contents.gif') no-repeat left top #FFF; }

/* pageInfo */
#location { float: right; margin-right: 15px; margin-bottom: -4px; /* display:inline; */ font-size: 0.7em; color: #666; }
#location .text { color: #666; font-size: 11px; }
#location a { color: #000 !important; }

/* contents */
#content { clear: both; }

/* quickbar */
#quick { position: absolute; top: 119px; right: -37px; }
#quick1, #quick2 { clear: both; overflow: hidden; width: 242px; margin-bottom: 4px; }
#quick1 h2, #quick2 h2 { float: right; cursor: pointer; }
#quick1 .quickContent, #quick2 .quickContent { float: right; display: none; }
#quick1 .quickContent { overflow: hidden; width: 194px; height: 112px; padding: 0 7px; border: 4px solid #A5C6E3; background-color: #FFF; }
#quick1 .quickContent .quick1Search { padding: 8px 6px; border-bottom: 1px solid #A5C6E3; }
#quick1 .quickContent .quick1Search * { vertical-align: middle; }
#quick1 .quickContent .quick1Search .quick1SearchText { border: 1px solid #BDBDBD; width: 150px; }
#quick1 .quickContent ul { clear: both; overflow: hidden; width: 100%; height: 44px; padding-top: 10px; border-bottom: 1px solid #A5C6E3; }
#quick1 .quickContent ul li { float: left; padding: 3px; margin-right: 5px; white-space: nowrap; }
#quick1 .quickContent ul li.style1 { background-color: #70B4F1; }
#quick1 .quickContent ul li.style1 a { color: #FFF !important; }
#quick1 .quickContent ul li.style2 { font-weight: bold; }
#quick1 .quickContent ul li.style2 a { color: #D82B85 !important; }
#quick1 .quickContent p.close, #quick2 .quickContent p.close { padding-top: 4px; text-align: center; cursor: pointer; }
#quick2 .quickContent { overflow: hidden; width: 194px; height: 112px; padding: 0 7px; border: 4px solid #C3B6C8; background-color: #FFF; }
#quick2 .quickContent ul { overflow: hidden; height: 83px; padding-top: 8px; border-bottom: 1px solid #C3B6C8; }
#quick2 .quickContent ul li { margin-bottom: 5px; padding-left: 16px; background: url('../image/layout/quick02_bg.gif') no-repeat left 1px #FFF; }

/* footer */
#footer { clear: both; overflow: hidden; width: 950px; padding-bottom: 20px; border-top: 2px solid #E5E5E5; }
#footer #footerLogo { float: left; width: 180px; height: 60px; margin-top: 10px; margin-right: 40px; padding-top: 30px; border-right: 1px solid #DCDCDC; text-align: center; }
#footer .footInfo { float: left; width: 490px; }
#footer .footInfo ul { clear: both; overflow: hidden; width: 100%; margin-bottom: 20px; padding-top: 10px; }
#footer .footInfo ul li { float: left; }
#footer .footBanner { float: right; width: 204px; margin-top: 10px; }
#footer .footBanner li { float: right; }

/* leftmenu */
.lmenu A:link { text-decoration: none; color: #30498C; }
.lmenu A:visited { text-decoration: none; color: #30498C; }
.lmenu A:hover { text-decoration: none; color: #30498C; font-weight: bold; }
.lmenu A:active { text-decoration: none; color: #30498C; }

.lsmenu A:link { text-decoration: none; color: #666666; font-size: 11px }
.lsmenu A:visited { text-decoration: none; color: #666666; font-size: 11px }
.lsmenu A:hover { text-decoration: underline; color: #000000; font-size: 11px; }
.lsmenu A:active { text-decoration: none; color: #666666; font-size: 11px }

/* globalmenu */
.gmenu A:link { text-decoration: none; color: #324B8A; font-size: 11px; padding: 5px 0px 2px 5px; }
.gmenu A:visited { text-decoration: none; color: #324B8A; font-size: 11px; padding: 5px 0px 2px 5px; }
.gmenu A:hover { text-decoration: none; color: #324B8A; font-size: 11px; padding: 5px 0px 2px 5px; }
.gmenu A:active { text-decoration: none; color: #324B8A; font-size: 11px; padding: 5px 0px 2px 5px; }


/* ------------------------------------------------------------------------------------ */
/*									 board CSS										    */
/* ------------------------------------------------------------------------------------ */

/* table margin */
.marginTb { margin-bottom: 10px; }
.dti_table { border-collapse: collapse; empty-cells: show; table-layout: fixed; }

/* 검색영역 테이블 */
.brdComSearch { clear: both; border-collapse: collapse; table-layout: fixed; width: 100%; margin: 3px auto; }
.brdComSearch th { padding-left: 10px; background: url('../image/common/bul_blackDot.gif') no-repeat left 45% transparent; text-align: left; /*background-color:#E6F4FB;*/ /*font-weight:normal;*/ color: #666666; }
.brdComSearch td { color: #666666; padding: 5px 0; }

/* 가이드영역 테이블 */
.brdGuide { clear: both; border-collapse: collapse; margin: 2px auto; border: 3px solid #E0E0E0; }
.brdGuide th { padding-left: 10px; background: url('../image/common/bul_blueDot.gif') no-repeat left 45% transparent; /*background-color:#E6F4FB;*/ /*font-weight:normal;*/ color: #4A69C4; }
.brdGuide td { color: #666666; padding: 5px 0; }

/* 회원가입 둘러싸는 라인테이블 */
.brdMember { clear: both; width: 706px; margin-top: 20px; margin-bottom: 20px; padding: 50px 18px; background-color: #FFFFFF; border: 2px solid #EBEBEB; }
.brdMember01 { clear: both; width: 705px; margin-top: 20px; margin-bottom: 20px; background-color: #FAFAFA; border: 2px solid #04449E; border-right-width: 0px; border-left-width: 0px; }
.brdMember01 th { background-color: #E6F4FB; /*font-weight:normal;*/ color: #333333; }
.brdMember01 td { color: #333333; padding: 30px 0; }

/* 회원정보 테이블 */
.brdInfo01 { clear: both; width: 610px; margin-top: 10px; margin-left: 40px; margin-bottom: 20px; background-color: #FFFFFF; border: 1px solid #D7D7D7; }
.brdInfo01 th { padding: 50px 20px; /*font-weight:normal;*/ color: #333333; }
.brdInfo01 td { color: #333333; padding: 20px 0px; }
.brdInfo02 { clear: both; width: 705px; margin-top: -40px; margin-bottom: -40px; background-color: #FAFAFA; }
.brdInfo02 th { background-color: #E6F4FB; /*font-weight:normal;*/ color: #333333; }
.brdInfo02 td { color: #333333; padding: 30px 0; }

/* 회원가입 약관동의 테이블 */
.brdMember02 { clear: both; width: 705px; margin-top: 20px; margin-bottom: 20px; padding: 42px; background-color: #FAFAFA; border: 2px solid #04449E; border-right-width: 0px; border-left-width: 0px; }
.brdMember02 th { padding: 0px 0px; text-align: left; background-color: #FAFAFA; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.brdMember02 td { padding: 0px 0px; text-align: left; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.brdMember02 tbody tr.on td { background-color: #E9FACF; }

/* 회원가입 정보입력 테이블 테이블 높이 기본적인것*/
.brdMember03 { width: 753px; clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #A6C2DE; border-top-width: 2px; border-right-width: 0px; border-left-width: 0px; border-bottom: 2px solid #DFDFDF; margin-bottom: 20px; }
.brdMember03 th { text-align: left; background-color: #E2EBF4; border: 1px solid #E0E0E0; color: #000000; border-right-width: 0px; border-left-width: 0px; height: 32px; font-weight: normal; }
.brdMember03 td { padding: 3px 0; border: 1px solid #E0E0E0; background-color: #ffffff; text-align: left; color: #666666; border-right-width: 0px; border-left-width: 0px; height: 32px; font-weight: normal; }
.brdMember03 tbody tr.on td { background-color: #ffffff; }

/* 도로명주소 변환 테이블 추가 20131107 */
table tr .RoadAddress { width: 500px; border-collapse: collapse; border: none; margin: 0; clear: both; }
table tr .RoadAddress th { border: none; background-color: #fff; height: 22px; font-size: 11px; color: #666; vertical-align: middle; text-align: left; }
table tr .RoadAddress td { border: none; height: 22px; text-align: left; }
table tr .RoadAddress .RoadAddress_info { border: none; height: 15px; text-align: left; }

/* 회원가입 정보입력 테이블 테이블 높이 좀 큰것*/
.brdMember04 { clear: both; border-collapse: collapse; border: 1px solid #A6C2DE; border-top-width: 2px; border-right-width: 0px; border-left-width: 0px; margin-bottom: 20px; }
.brdMember04 th { text-align: left; background-color: #E2EBF4; border: 1px solid #E0E0E0; color: #000000; border-right-width: 0px; border-left-width: 0px; font-weight: normal; }
.brdMember04 td { padding: 15px 0; border: 1px solid #E6E6E6; background-color: #ffffff; text-align: left; color: #666666; border-right-width: 0px; border-top-width: 0px; border-left-width: 0px; font-weight: normal; }
.brdMember44 { clear: both; border-collapse: collapse; border: 1px solid #A6C2DE; border-top-width: 0px; border-bottom-width: 2px; border-right-width: 0px; border-left-width: 0px; margin-top: -20px; }
.brdMember44 th { text-align: left; background-color: #FAFAFA; border: 1px solid #E6E6E6; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.brdMember44 td { padding: 15px 0; border: 1px solid #E6E6E6; text-align: left; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.ScriptMember { clear: both; width: 705px; margin-top: 20px; margin-bottom: 20px; background-color: #FDFBEF; border: 1px solid #EDDDCE; }
.ScriptMember td { color: #333333; padding: 15px; text-align: left; }
.brdMember05 { clear: both; border-collapse: collapse; border: 2px solid #A6C2DE; border-bottom-width: 2px; border-right-width: 0px; border-left-width: 0px; }
.brdMember05 th { text-align: left; background-color: #FAFAFA; border: 1px solid #E6E6E6; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.brdMember05 td { padding: 15px 0; border: 1px solid #E6E6E6; text-align: left; color: #666666; border-right-width: 0px; border-left-width: 0px; }
.ScriptMember { clear: both; width: 705px; margin-top: 20px; margin-bottom: 20px; background-color: #FDFBEF; border: 1px solid #EDDDCE; }
.ScriptMember td { color: #333333; padding: 15px; text-align: left; }

/* 가이드영역 테이블 */
.brdAdminbul { clear: both; border-collapse: collapse; margin: 2px auto; border: 3px solid #E0E0E0; }
.brdAdminbul td { color: #666666; padding: 5px 0; }

/* 입력 테이블 공통 */
.brdComWrite { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #ADC7E0; border-top-width: 2px; }
.brdComWrite tbody th { padding: 3px 0 3px 10px; background-color: #F1F6FA; border: 1px solid #D3EAF5; color: #318DB5; font-weight: normal; text-align: left; }
.brdComWrite tbody td { padding: 3px 10px; border: 1px solid #D3EAF5; text-align: left; }

/* 비회원수신설정 제목부분 가운데 정렬(그린)*/
.brdNoMember { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #A7CE90; border-top-width: 2px; }
.brdNoMember tbody th { padding: 3px 0; background-color: #EBF5E1; border: 1px solid #CBE6BB; color: #549618; font-weight: normal; text-align: center; }
.brdNoMember tbody td { padding: 3px 5px; border: 1px solid #CBE6BB; text-align: left; }

/* 세금계산서 리스트 */
.brdTaxBillList { clear: both; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #A6C2DE; border-bottom: 1px solid #DEDFE0; border-top-width: 2px; }
.brdTaxBillListd { clear: left; border-collapse: collapse; table-layout: fixed; border-top: 0px solid #A6C2DE; border-bottom: 0px solid #DEDFE0; border-top-width: 0px; }
.brdTaxBillList th { padding: 8px 0 3px 0; background-color: #F1F6FA; border: 1px solid #A6C2DE; font-weight: normal; color: #333333; }
.brdTaxBillList td { padding: 3px 0; background-color: #FFFFFF; border: 1px solid #DEDFE0; text-align: center; color: #666666; }
.brdTaxBillList tbody tr.on td { background-color: #E9FACF; }
.brdTaxBillList tbody .blue { color: #2F488A; font-size: 12px; }
.brdTaxBillList tbody .pad10 { padding: 5px 10px 5px 10px; text-align: left; }

/* 팝업 리스트 */
.POPList { clear: both; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #A6C2DE; border-bottom: 1px solid #A6C2DE; border-top-width: 2px; }
.POPList th { padding: 5px 0 3px 0; background-color: #F1F6FA; border: 1px solid #A6C2DE; font-weight: normal; color: #333333; }
.POPList td { padding: 3px 0; border: 1px solid #A6C2DE; background-color: #FFFFFF; text-align: center; color: #666666; }
.POPList tbody tr.on td { background-color: #E9FACF; }
.POPList01 { clear: both; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; border-top-width: 1px; }
.POPList01 th { padding: 5px 0 3px 0; background-color: #DBDBDB; border: 1px solid #DBDBDB; font-weight: normal; color: #333333; }
.POPList01 td { padding: 3px 0; border: 1px solid #DBDBDB; background-color: #FFFFFF; text-align: center; color: #666666; }
.POPList01 tbody tr.on td { background-color: #E9FACF; }

/* 팝업 요금관련 */
.CHAList { clear: both; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #A6C2DE; border-bottom: 1px solid #A6C2DE; border-top-width: 2px; }
.CHAList th { padding: 5px 10px 3px 17px; background-color: #F1F6FA; border: 1px solid #A6C2DE; border-left: 0px; text-align: left; font-weight: normal; color: #000000; }
.CHAList td { padding: 5px 17px 3px 17px; border: 1px solid #A6C2DE; text-align: left; border-right: 0px; color: #666666; }
.CHAList tbody tr.on td { background-color: #E9FACF; }

/* 테이블 라인 없앤것 */
.NOline { clear: both; border-collapse: collapse; table-layout: fixed; border: 0px; }
.NOline th { padding: 5px 0 3px 0; border: 0px; }
.NOline td { padding: 0px; border: 0px; }

/* 어드민 테이블 리스트 상세 */
.brdAdmindDetail { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #EDE0CD; border-top-width: 1px; margin: 10px 0px 5px 0px; }
.brdAdmindDetail th { padding: 3px 3px 3px 3px; background-color: #E99529; border: 1px solid #EDE0CD; text-align: left; color: #9E7B54; }
.brdAdmindDetail td { padding: 3px 3px 0px 3px; border: 1px solid #EDE0CD; text-align: left; color: #9E7B54; }
.brdAdmindDetail tbody tr.on td { background-color: #ffffff; }

/* 어드민 테이블 리스트 */
.brdAdminList { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #EDE0CD; border-top-width: 1px; margin: 10px 0px 5px 0px; }
.brdAdminList th { padding: 3px 8px 0px 8px; background-color: #F6EFE5; border: 1px solid #EDE0CD; text-align: left; color: #9E7B54; }
.brdAdminList td { padding: 3px 10px 3px 10px; border: 1px solid #EDE0CD; text-align: left; color: #9E7B54; }
.brdAdminList tbody tr.on td { background-color: #E9FACF; }

/* 공 테이블 리스트 */
.brdSpaceList { clear: both; border-collapse: collapse; table-layout: fixed; border: 0px; border-top-width: 1px; margin: 5px 0px 5px 0px; }
.brdSpaceList th { padding: 3px; text-align: left; color: #000000; }
.brdSpaceList td { padding: 10px 3px 10px 3px; border: 0px solid #EDE0CD; text-align: left; color: #9E7B54; }

/* 리스트 합계부분 포인트 주기 */
tr.sum th { background-color: #FED5A1; }
tr.sum td { background-color: #FED5A1; }

/* 공급자 리스트 */
.brdSupplyList { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #B0DBE7; border-top-width: 2px; }
.brdSupplyList thead th { padding: 3px 0; background-color: #E6F4FB; border: 1px solid #D3EAF5; color: #318DB5; font-weight: normal; }
.brdSupplyList thead th span.sort { background: url('../image/common/bul_sort.gif') no-repeat right 3px transparent; padding-right: 12px; cursor: pointer; }
.brdSupplyList tbody td { padding: 3px 0; border: 1px solid #D3EAF5; text-align: center; }
.brdSupplyList tbody td.data { padding: 3px 10px; text-align: left; }

/* 공급자 비회원 입력 */
.brdSupplyWrite { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #B0DBE7; border-top-width: 2px; }
.brdSupplyWrite tbody th { padding: 3px 0 3px 10px; background-color: #E6F4FB; border: 1px solid #D3EAF5; color: #318DB5; font-weight: normal; text-align: left; }
.brdSupplyWrite tbody td { padding: 3px 10px; border: 1px solid #D3EAF5; text-align: left; }

/* 세금계산서 작성 */
.taxBillWriteFrom { float: left; border-collapse: collapse; table-layout: fixed; border: 1px solid #EE6363; border-top-width: 2px; border-right: none; }
.taxBillWriteFrom thead th { padding: 3px 0 3px 10px; background-color: #FAD6D6; border: 1px solid #F6ADAD; color: #EE6363; }
.taxBillWriteFrom tbody th { padding: 3px 0 3px 10px; background-color: #FEF5F5; border: 1px solid #F6ADAD; text-align: left; color: #EE6363; font-weight: normal; }
.taxBillWriteFrom tbody td { padding: 3px 0 3px 10px; border: 1px solid #F6ADAD; color: #5A646A; }

.taxBillWriteTo { float: left; border-collapse: collapse; table-layout: fixed; border: 1px solid #78C3D8; border-top-width: 2px; border-left: none; }
.taxBillWriteTo thead th { padding: 3px 0 3px 10px; background-color: #D6EEFA; border: 1px solid #B4DDEF; color: #318DB5; }
.taxBillWriteTo tbody th { padding: 3px 0 3px 10px; background-color: #F5FAFE; border: 1px solid #B4DDEF; text-align: left; color: #318DB5; font-weight: normal; }
.taxBillWriteTo tbody td { padding: 3px 0 3px 10px; border: 1px solid #B4DDEF; color: #5A646A; }

.brdTaxBillWrite { border-collapse: collapse; table-layout: fixed; border: 1px solid #B3B3B3; margin-bottom: 5px; }
.brdTaxBillWrite thead th { padding: 3px 0; background-color: #FAFAFA; border: 1px solid #E4E4E4; color: #999999; }
.brdTaxBillWrite tbody th { padding: 3px 0 3px 10px; border: 1px solid #E4E4E4; color: #999999; text-align: left; font-weight: normal; }
.brdTaxBillWrite tbody td { padding: 3px 10px 3px 10px; border: 1px solid #E4E4E4; color: #5A646A; }

/* 세금계산서 발행 */
.blackTaxBillForm { clear: both; border: 3px double #666; border-collapse: collapse; table-layout: fixed; }
.blackTaxBillForm th { padding: 4px 0 1px 0; border: 1px solid #666; color: #666; font-weight: normal; }
.blackTaxBillForm td { padding: 3px 0; border: 1px solid #666; text-align: center; }
.blackTaxBillForm th.title { font-size: 2em; font-weight: bold; }
.blackTaxBillForm th.subject { letter-spacing: .5em; }
.blackTaxBillForm .tot { font-size: 1.4em; }

.blueTaxBillForm { clear: both; border: 3px double #666699; border-collapse: collapse; table-layout: fixed; }
.blueTaxBillForm th { padding: 4px 0 1px 0; border: 1px solid #666699; color: #666699; font-weight: normal; }
.blueTaxBillForm td { padding: 2px 0; border: 1px solid #666699; text-align: center; }
.blueTaxBillForm tr { border: 0px solid #666699; }
.blueTaxBillForm th.title { font-size: 1.5em; font-weight: bold; }
.blueTaxBillForm th.subject { letter-spacing: .3em; }
.blueTaxBillForm th.tot { font-size: 1.4em; color: #666; }
.blueTaxBillForm th.title2 { font-size: 1.2em; font-weight: bold; }
/*인쇄용 타이틀*/

.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 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; }
/*인쇄용 타이틀*/

.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; }

.blueTaxBillForm_p { clear: both; border: 0px; border-collapse: collapse; table-layout: fixed; padding: 0px; word-break: break-all; }
.blueTaxBillForm_p th { padding: 0px; border: 0px; color: #666699; font-weight: normal; }
.blueTaxBillForm_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; }

.blueTaxBillForm_r { clear: both; border: 0px; border-collapse: collapse; table-layout: fixed; padding: 0px; word-break: break-all; }
.blueTaxBillForm_r th { padding: 0px; border: 0px; color: #666699; font-weight: normal; }
.blueTaxBillForm_r td { padding: 0px; border: 0px; text-align: center; }

.blackTaxBillForm_r { clear: both; border: 0px; border-collapse: collapse; table-layout: fixed; padding: 0px; word-break: break-all; }
.blackTaxBillForm_r th { padding: 0px; border: 0px; font-weight: normal; }
.blackTaxBillForm_r td { padding: 0px; border: 0px; text-align: center; }

.taxBillResultData { float: left; margin-left: 4px; border-collapse: collapse; table-layout: fixed; }
* html .taxBillResultData { display: inline; }
.taxBillResultData thead th { padding: 5px 0 5px 10px; background-color: #DDE3F3; border: 1px solid #BBC7E7; color: #26418A; font-weight: normal; }
.taxBillResultData tbody th { padding: 5px 0 5px 10px; background-color: #F7F8FC; border: 1px solid #BBC7E7; text-align: left; color: #26418A; font-weight: normal; }
.taxBillResultData tbody td { padding: 5px 0 5px 10px; border: 1px solid #BBC7E7; }

/* 공인인증서 테이블 */
.brdCertification { clear: both; border-collapse: collapse; table-layout: fixed; width: 100%; margin: 3px auto; }
.brdCertification th { padding-left: 10px; background: url('../image/common/bul_brownDot.gif') no-repeat left 45% transparent; text-align: left; /*background-color:#E6F4FB;*/ /*font-weight:normal;*/ color: #9E7B54; }
.brdCertification td { padding: 5px 0; }
.brdCertification01 { clear: both; padding: 20px; margin-top: 10px; margin-bottom: 10px; width: 100%; background-color: #FDFBEF; border: 1px solid #EDDDCE; }
.brdCertification01 th { text-align: left; padding-left: 0px; /*background-color:#E6F4FB;*/ /*font-weight:normal;*/ color: #9E7B54; }
.brdCertification01 td { text-align: left; padding-left: 5px; color: #333333; text-align: left; }

/* 인증서 테이블 추가 20160530 */
.CertTable { clear: both; border-collapse: collapse; border-top: 2px solid #A6C2DE; border-bottom: 1px solid #DEDFE0; border-top-width: 2px; }
.CertTable th { padding: 8px 0 3px 0; background-color: #F1F6FA; border: 1px solid #A6C2DE; font-weight: normal; color: #333333; }
.CertTable td { padding: 3px 0; background-color: #FFFFFF; border-left: 1px solid #DEDFE0; border-bottom: 1px solid #DEDFE0; text-align: center; color: #666666; }
.CertTable tbody .certCenter { padding: 3px 0; background-color: #FFFFFF; border-left: none; text-align: center; color: #666666; }
.CertTable tbody .certRedright { border-right: 1px solid #DEDFE0; text-align: right; color: #d93300; padding-right: 10px; }
/*20180830 추가*/
.CertTable tbody .certleft { padding: 3px 0; background-color: #FFFFFF; border-left: none; text-align: left; color: #666666; }
.CertTable td ul li a:link { font-family: "돋움"; font-size: 12px; color: #2F488A; font-weight: bold; text-decoration: none; line-height: 150%; }
.CertTable td ul li a:visited { font-family: "돋움"; font-size: 12px; color: #2F488A; font-weight: bold; text-decoration: none; line-height: 150%; }
.CertTable td ul li a:hover { font-family: "돋움"; font-size: 12px; color: #2F488A; font-weight: bold; text-decoration: underline; line-height: 150%; }
/*20180321 css 추가*/
.CertTable tbody .certRedright02 { border-right: 1px solid #DEDFE0; text-align: center; color: #d93300; padding-right: 10px; }
.CertTable tbody .cert11 { font-size: 11px; }
.CertTable tbody .certBg { background-color: #F9F9F9; }
.CertTable tbody .certInfo { padding: 3px 0; background-color: #FFFFFF; border-left: 1px solid #DEDFE0; border-bottom: 1px solid #DEDFE0; border-right: 1px solid #DEDFE0; text-align: left; padding: 7px 7px 0 7px; }
.CertTable_none { clear: both; border-collapse: collapse; border: none; }
.CertTable_none td { clear: both; border-collapse: collapse; table-layout: fixed; border: none; background-color: #f9f9f9; text-align: left; color: #30498c; font-weight: bold; }

/* 세금계산서 border 관리 (border는 collapse(병합) 되어있으므로 양쪽 모두 사용해주어야 적용됨) */
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; }


/* ------------------------------------------------------------------------------------ */
/*									content CSS											*/
/* ------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------ */
/*									사이트 메인											*/
/* ------------------------------------------------------------------------------------ */
.siteMain { clear: both; overflow: hidden; width: 100%; }
.siteMain .siteMainNews { float: left; width: 326px; margin-right: 15px; }
.siteMain .siteMainNews .siteMainNewsTop { clear: both; overflow: hidden; width: 100%; margin-bottom: 10px; padding-top: 7px; padding-bottom: 6px; border-bottom: 1px solid #DADADA; }
.siteMain .siteMainNews .siteMainNewsTop h2 { float: left; padding-left: 10px; }
.siteMain .siteMainNews .siteMainNewsTop p.more { float: right; padding-right: 10px; }
.siteMain .siteMainNews ul { width: 100%; }
.siteMain .siteMainNews li { clear: both; overflow: hidden; width: 100%; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 4px #FFF; }
.siteMain .siteMainNews li a { float: left; width: 240px; margin-left: 10px; }
.siteMain .siteMainNews li span { float: right; width: 60px; }

.siteMain .siteMainPoll { float: left; width: 400px; }
.siteMain .siteMainPoll .siteMainPollTop { clear: both; overflow: hidden; width: 100%; margin-bottom: 10px; margin-top: -1px; padding-bottom: 6px; border-bottom: 1px solid #DADADA; }
.siteMain .siteMainPoll .siteMainPollTop h2 { position: absolute; margin-left: 12px; padding-top: 8px; }
.siteMain .siteMainPoll .siteMainPollTop p { padding: 7px 0px 0px 85px; /* text-align:right; */ padding-right: 10px; color: #04449E; }
.siteMain .siteMainPoll .pollText:first-letter { font-weight: bold; color: #EE4600; }
.siteMain .siteMainPoll .pollBtn { width: 207px; margin: 0 auto; text-align: right; }
.siteMain .siteMainPoll .pollImg { float: left; }

/* ------------------------------------------------------------------------------------ */
/*								    	회원가입		        						*/
/* ------------------------------------------------------------------------------------ */

/* 회원가입 */
.MemberMain { width: 746px; height: 176px; margin-top: -20px; margin-bottom: 20px; }
.MemberMainIntro1 ol { clear: both; overflow: hidden; width: 100%; }
.MemberMainIntro1 li { float: left; }

.Script { float: left; margin-top: 50px; margin-bottom: -30px; }
.Script01 { float: left; margin-top: 50px; margin-bottom: -17px; }
.Script02 { float: left; margin-top: 0px; margin-left: 30px; margin-bottom: 50px; }
.Script03 { float: left; margin-top: 0px; margin-left: 30px; margin-bottom: 50px; }
.img01 { border: none; margin-top: 30px; margin-bottom: -15px; }

/* ------------------------------------------------------------------------------------ */
/*									 전자세금계산서										*/
/* ------------------------------------------------------------------------------------ */

/* 전자세금계산서 메인 */
.taxBillMainTop { width: 950px; height: 176px; margin-top: 0px; margin-bottom: 0px; background: url('../image/center/bg_taxBillMain.gif') no-repeat left top transparent; }
.taxBillMainTop h1 { padding-top: 39px; padding-left: 431px; }
.taxBillMainTop ol { float: left; width: 274px; padding-top: 11px; padding-left: 431px; }
.taxBillMainTop ol li { margin-bottom: 5px; }
.taxBillMainTop ul { float: left; padding-top: 7px; }
.taxBillMainTop ul li { display: inline; }

.taxBillMain { clear: both; overflow: hidden; width: 100%; }
.taxBillMain .taxBillMain1 { width: 567px; float: left; }
.taxBillMain .taxBillMain2 { width: 166px; float: right; }

.taxBillMainIntro1 { float: left; width: 371px; margin-bottom: 20px; }
.taxBillMainIntro1 h2 { margin-left: 9px; margin-bottom: 7px; }
.taxBillMainIntro1 ol { clear: both; overflow: hidden; width: 100%; }
.taxBillMainIntro1 li { float: left; }

.taxBillMainIntro2 { float: right; width: 187px; margin-bottom: 20px; }
.taxBillMainIntro2 h2 { margin-left: 9px; margin-bottom: 7px; }
.taxBillMainIntro2 ul { clear: both; overflow: hidden; width: 100%; }
.taxBillMainIntro2 li { float: left; }

.taxBillMainNews1 { float: left; width: 283px; }
.taxBillMainNews2 { float: right; width: 277px; }
.taxBillMainNews .taxBillMainNewsTop { clear: both; overflow: hidden; width: 100%; margin-bottom: 15px; padding-bottom: 4px; border-bottom: 1px solid #CFCFCF; }
.taxBillMainNews .taxBillMainNewsTop h2 { float: left; padding-left: 10px; font-size: .92em; }
.taxBillMainNews .taxBillMainNewsTop p.more { float: right; padding-top: 2px; padding-right: 10px; }
.taxBillMainNews ul { width: 100%; }
.taxBillMainNews li { clear: both; overflow: hidden; width: 100%; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 4px #FFF; }
.taxBillMainNews li a { float: left; width: 190px; margin-left: 10px; }
.taxBillMainNews li span { float: right; width: 60px; }

.taxBillMainGuide { margin-bottom: 5px; }
.taxBillMainGuide h2 { background: url('../image/center/bg_taxBillMainGuide01.gif') no-repeat 3px top #FFF; margin-bottom: 10px; padding-top: 3px; padding-left: 22px; padding-bottom: 7px; border-bottom: 1px solid #CFCFCF; font-size: .92em; color: #3656A1; }
.taxBillMainGuide li { margin-bottom: 10px; padding-left: 13px; background: url('../image/center/bg_taxBillMainGuide02.gif') no-repeat 5px 5px #FFF; }
.taxBillMainGuide li em { font-style: normal; color: #3656A1; text-decoration: underline; }

.taxBillDivision { /* 세금계산서 division */ margin-bottom: 20px; }
.taxBillDivisionTab { /* 관리자 가입여부확인 */ margin: 18px 10px 18px 10px; }

/* 세금계산서 리스트 */
.choiceTaxBillList { width: 746px; margin-bottom: 20px; padding: 0 0 20px; background: url('../image/center/bg_choiceTaxBillList_02.gif') no-repeat left bottom #FFF; text-align: center; }
.choiceTaxBillList h2 { padding: 25px 0 12px; background: url('../image/center/bg_choiceTaxBillList_01.gif') no-repeat left top transparent; }
.listCheckHandling { padding-left: 7px; text-align: left; }
.listCheckHandling * { vertical-align: middle; }
.listCheckHandling img { cursor: pointer; }

/* 상세검색 */
.billViewDetailSearch { clear: both; overflow: hidden; width: 714px; margin: 3px 0; padding: 0px 5px; background-color: #FFF; }
.billViewDetailSearch dl { clear: both; overflow: hidden; width: 714px; padding: 3px 0; border-bottom: 1px dashed #F2EADE; }
.billViewDetailSearch dl.lastChild { border-bottom: none; }
.billViewDetailSearch dt { float: left; width: 130px; padding: 3px 3px; background-color: #F6F6F6; }
.billViewDetailSearch dd { float: left; width: 544px; padding: 3px 10px; }
.billViewDetailSearch span { white-space: nowrap; }

/*
.billViewDetailSearch	dl	{
	min-height:180px;
}
*	html	.billViewDetailSearch	dl	{
	height:180px;
}
.billViewDetailSearch	dt	{
	width:140px;
	padding:5px;
	background-color:#F1F1F1;
}
.billViewDetailSearch	dd	{
	width:130px;
	padding-left:20px;
}
.billViewDetailSearch	dd	span	{
	display:block;
	padding:5px 0;
}
.billViewDetailSearch3	dd	{
	margin-bottom:10px;
}
.billViewDetailSearch4	dd	{
	margin-bottom:10px;
}
*/

/* 세금계산서 작성 */
.taxBillWritePerson { clear: both; overflow: hidden; width: 746px; margin-bottom: 5px; }
.taxBillWriteInfo { clear: both; margin-bottom: 10px; }
.taxBillWriteChk { margin-bottom: 20px; padding: 5px 0; border: 1px solid #B3B3B3; text-align: center; }
.taxBillWriteFile { margin-bottom: 20px; }

/* 세금계산서 발행 */
.taxBillFormDescription { margin-bottom: 5px; }
.taxBillFormAgreeDay { margin: 5px 0 10px; }
.taxBillPrintsize { margin: -17px 0 10px; float: right; }
.taxBillFormAttention em { font-style: normal; font-weight: bold; text-decoration: underline; }
.taxBillResultPerson { /* 세금계산서 공급자, 공급받는자 정보 */ clear: both; overflow: hidden; width: 750px; margin-left: -4px; margin-bottom: 5px; }

/* 거래명세서 */
.specificationTitle { margin-bottom: 20px; font-size: 1.26em; text-align: center; color: #000; letter-spacing: .5em; }
.specificationPerson { clear: both; overflow: hidden; width: 746px; margin-bottom: 5px; }

/* 세금계산서 아이템 TEXTBOX */
/* 220826 수정 */
.inputCom1 { border: 1px solid #7F9DB9; padding: 4px 1px 3px 2px; height: 11px; width: 14px; }
.inputCom2 { border: 1px solid #7F9DB9; padding: 4px 2px 3px 2px; height: 11px; width: 147px; }
.inputCom3 { border: 1px solid #7F9DB9; padding: 4px 1px 3px 2px; height: 11px; width: 50px; text-align: right; }
.inputCom4 { border: 1px solid #7F9DB9; padding: 4px 2px 3px 2px; height: 11px; width: 105px; text-align: right; }
.inputCom5 { border: 1px solid #7F9DB9; padding: 4px 2px 3px 2px; height: 11px; width: 73px; }

.inputCom6 { border: 1px solid #7F9DB9; padding: 4px 2px 5px 2px; height: 11px; width: 131px; }
.inputCom7 { border: 1px solid #7F9DB9; padding: 4px 2px 5px 2px; height: 11px; width: 58px; }
.inputCom8 { border: 1px solid #7F9DB9; padding: 4px 2px 5px 2px; height: 11px; width: 55px; text-align: right; }
.inputCom9 { border: 1px solid #7F9DB9; padding: 4px 2px 5px 2px; height: 11px; width: 103px; text-align: right; }
.inputCom10 { border: 1px solid #7F9DB9; padding: 4px 2px 5px 2px; height: 11px; width: 193px; }

.inputCom11 { border: 1px solid #7F9DB9; padding: 4px 2px 3px 2px; height: 11px; width: 50px; }

/* ------------------------------------------------------------------------------------ */
/*									전자계약     										*/
/* ------------------------------------------------------------------------------------ */


/* 전자계약 메인 */

.DCTMainTop { width: 950px; height: 176px; margin-top: -20px; margin-bottom: 20px; background: url('../image/center/bg_taxBillMain.gif') no-repeat left top transparent; }

/* 전자계약 메인 */

.DCTMainTop { width: 950px; height: 176px; margin-top: -2px; margin-bottom: 20px; background: url('../image/center/bg_DCTMain.gif') no-repeat left top transparent; }
.DCTMainTop h1 { padding-top: 39px; padding-left: 431px; }
.DCTMainTop ol { float: left; width: 274px; padding-top: 11px; padding-left: 431px; }
.DCTMainTop ol li { margin-bottom: 5px; }
.DCTMainTop ul { float: left; padding-top: 7px; }
.DCTMainTop ul li { display: inline; }

.DCTMain { clear: both; overflow: hidden; width: 100%; }
.DCTMain .DCTMain1 { width: 567px; float: left; }
.DCTMain .DCTMain2 { width: 166px; float: right; }

.DCTMainIntro1 { float: left; width: 371px; margin-bottom: 20px; }
.DCTMainIntro1 h2 { margin-left: 9px; margin-bottom: 7px; }
.DCTMainIntro1 ol { clear: both; overflow: hidden; width: 100%; }
.DCTMainIntro1 li { float: left; }

.DCTMainIntro2 { float: right; width: 187px; margin-bottom: 20px; }
.DCTMainIntro2 h2 { margin-left: 9px; margin-bottom: 7px; }
.DCTMainIntro2 ul { clear: both; overflow: hidden; width: 100%; }
.DCTMainIntro2 li { float: left; }

.DCTMainNews1 { float: left; width: 283px; }
.DCTMainNews2 { float: right; width: 277px; }
.DCTMainNews .taxBillMainNewsTop { clear: both; overflow: hidden; width: 100%; margin-bottom: 15px; padding-bottom: 4px; border-bottom: 1px solid #CFCFCF; }
.DCTMainNews .taxBillMainNewsTop h2 { float: left; padding-left: 10px; font-size: .92em; }
.DCTMainNews .taxBillMainNewsTop p.more { float: right; padding-top: 2px; padding-right: 10px; }
.DCTMainNews ul { width: 100%; }
.DCTMainNews li { clear: both; overflow: hidden; width: 100%; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 4px #FFF; }
.DCTMainNews li a { float: left; width: 190px; margin-left: 10px; }
.DCTMainNews li span { float: right; width: 60px; }

.DCTMainGuide { margin-bottom: 5px; }
.DCTMainGuide h2 { background: url('../image/center/bg_taxBillMainGuide01.gif') no-repeat 3px top #FFF; margin-bottom: 10px; padding-top: 3px; padding-left: 22px; padding-bottom: 7px; border-bottom: 1px solid #CFCFCF; font-size: .92em; color: #3656A1; }
.DCTMainGuide li { margin-bottom: 10px; padding-left: 13px; background: url('../image/center/bg_taxBillMainGuide02.gif') no-repeat 5px 5px #FFF; }
.DCTMainGuide li em { font-style: normal; color: #3656A1; text-decoration: underline; }

.DCTDivision { /* 세금계산서 division */ margin-bottom: 20px; }
.DCTDivisionTab { /* 관리자 가입여부확인 */ margin: 18px 10px 18px 10px; }


/* ------------------------------------------------------------------------------------ */
/*									SCM         										*/
/* ------------------------------------------------------------------------------------ */

/* 메인 */
.SCMMainTop { width: 950px; height: 176px; margin-top: -20px; margin-bottom: 20px; background: url('../image/center/bg_SCMMain.gif') no-repeat left top transparent; }
.SCMMainTop h1 { padding-top: 39px; padding-left: 431px; }
.SCMMainTop ol { float: left; width: 274px; padding-top: 11px; padding-left: 431px; }
.SCMMainTop ol li { margin-bottom: 5px; }
.SCMMainTop ul { float: left; padding-top: 7px; }
.SCMMainTop ul li { display: inline; }

.SCMMain .SCMMain1 { clear: both; overflow: hidden; width: 100%; margin-bottom: 20px; }
.SCMMain .SCMMain2 { clear: both; overflow: hidden; width: 100%; }

.SCMMainIntro1 { float: left; width: 280px; margin-right: 9px; }
.SCMMainIntro1 h2 { margin-left: 9px; margin-bottom: 7px; }
.SCMMainIntro1 ol { clear: both; overflow: hidden; width: 100%; }
.SCMMainIntro1 li { float: left; }

.SCMMainIntro2 { float: left; width: 187px; }
.SCMMainIntro2 h2 { margin-bottom: 7px; }
.SCMMainIntro2 ul { clear: both; overflow: hidden; width: 100%; }
.SCMMainIntro2 li { float: left; }

.SCMMainIntro3 { float: right; width: 260px; padding-top: 23px; }
.SCMMainIntro3 .SCMMainIntro3Sch { clear: both; overflow: hidden; margin-bottom: 13px; border: 1px solid #DDC39F; background-color: #F2EADE; }
.SCMMainIntro3 .SCMMainIntro3Sch dl { padding: 10px 0; text-align: center; }
.SCMMainIntro3 .SCMMainIntro3Sch dl * { vertical-align: middle; }
.SCMMainIntro3 .SCMMainIntro3Sch dl dt { display: inline; margin-right: 5px; padding-left: 10px; background: url('../image/common/bul_brownDot.gif') no-repeat left 4px transparent; color: #9E7B54; }
.SCMMainIntro3 .SCMMainIntro3Sch dl dd { display: inline; }
.SCMMainIntro3List li { clear: both; overflow: hidden; width: 240px; height: 14px; margin-bottom: 6px; padding-left: 20px; }
.SCMMainIntro3List li a { float: left; overflow: hidden; width: 165px; }
.SCMMainIntro3List li span.icon { float: left; overflow: hidden; width: 30px; }
.SCMMainIntro3List li span.num { float: left; overflow: hidden; width: 45px; }
.SCMMainIntro3List li.num1 { background: url('../image/center/SCMMainIntro3List01.gif') no-repeat left 1px transparent; }
.SCMMainIntro3List li.num2 { background: url('../image/center/SCMMainIntro3List02.gif') no-repeat left 1px transparent; }
.SCMMainIntro3List li.num3 { background: url('../image/center/SCMMainIntro3List03.gif') no-repeat left 1px transparent; }

.SCMBBS1 { float: left; width: 475px; }
.SCMBBS1 .SCMBBS1Top { clear: both; overflow: hidden; width: 100%; margin-bottom: 13px; padding-bottom: 3px; border-bottom: 1px solid #CFCFCF; }
.SCMBBS1 .SCMBBS1Top h2 { float: left; margin-left: 10px; display: inline; font-weight: bold; color: #666666; }
.SCMBBS1 .SCMBBS1Top h2 em { color: #B66C1C; font-style: normal; }
.SCMBBS1 .SCMBBS1Top p.more { float: right; margin-right: 10px; display: inline; padding-top: 4px; }
.SCMBBS1 ul li { clear: both; overflow: hidden; width: 460px; padding-left: 15px; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 5px #FFF; }
.SCMBBS1 ul li em { float: left; overflow: hidden; width: 165px; font-style: normal; }
.SCMBBS1 ul li a { float: left; overflow: hidden; width: 225px; }
.SCMBBS1 ul li span { float: left; overflow: hidden; width: 60px; }

.SCMBBS2 { float: right; width: 260px; }
.SCMBBS2 .SCMBBS2Top { clear: both; overflow: hidden; width: 100%; margin-bottom: 13px; padding-bottom: 3px; border-bottom: 1px solid #CFCFCF; }
.SCMBBS2 .SCMBBS2Top h2 { float: left; margin-left: 10px; display: inline; font-weight: bold; color: #666666; }
.SCMBBS2 .SCMBBS2Top p.more { float: right; margin-right: 10px; display: inline; padding-top: 4px; }
.SCMBBS2 ul li { clear: both; overflow: hidden; width: 245px; margin-bottom: 4px; padding-left: 15px; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 5px #FFF; }

.SCMMainNews1 { float: left; width: 475px; }
.SCMMainNews .taxBillMainNewsTop { clear: both; overflow: hidden; width: 100%; margin-bottom: 15px; padding-bottom: 4px; border-bottom: 1px solid #CFCFCF; }
.SCMMainNews .taxBillMainNewsTop h2 { float: left; padding-left: 10px; font-size: .92em; }
.SCMMainNews .taxBillMainNewsTop p.more { float: right; padding-top: 2px; padding-right: 10px; }
.SCMMainNews ul { width: 100%; }
.SCMMainNews li { clear: both; overflow: hidden; width: 100%; background: url('../image/center/bg_taxBillMainNews.gif') no-repeat 3px 4px #FFF; }
.SCMMainNews li a { float: left; width: 190px; margin-left: 10px; }
.SCMMainNews li span { float: right; width: 60px; }

.SCMMainGuide { margin-bottom: 5px; }
.SCMMainGuide h2 { background: url('../image/center/bg_taxBillMainGuide01.gif') no-repeat 3px top #FFF; margin-bottom: 10px; padding-top: 3px; padding-left: 22px; padding-bottom: 7px; border-bottom: 1px solid #CFCFCF; font-size: .92em; color: #3656A1; }
.SCMMainGuide li { margin-bottom: 10px; padding-left: 13px; background: url('../image/center/bg_taxBillMainGuide02.gif') no-repeat 5px 5px #FFF; }
.SCMMainGuide li em { font-style: normal; color: #3656A1; text-decoration: underline; }
.SCMDivision { /* 세금계산서 division */ margin-bottom: 20px; }
.SCMDivisionTab { /* 관리자 가입여부확인 */ margin: 18px 10px 18px 10px; }


/* ------------------------------------------------------------------------------------ */
/*									Print CSS											*/
/* ------------------------------------------------------------------------------------ */
/****************** Print CSS ********************/

/* 전체 layout */
body { width: 100%; height: 100%; }
body#mainPage { }
body#subPage { }
#wrapper { clear: both; width: 100%; margin: 0; }

/* 접근성 메뉴 */
#accessibilityMenu { display: none; }

/* top */
#top { display: none; }

/* container */
#container { overflow: visible; width: 100%; }

/* sidebar */
#sidebar { display: none; }

/* contentDivision */
#contentDivision { float: none; clear: both; width: 760px; }

/* footer */
#footer { display: none; }

/* page detail */
.taxBillWritePerson { width: 756px; }
.specificationPerson { width: 756px; }

/* 인쇄관련 */
#printContentDivision { float: none; width: 100%; background-color: #FFF; }

/*광고배너 속성*/
#ad_banner { position: absolute; right: 10px; top: 148px; width: 63px; height: 85px; !important; z-index: 900; border: #e1e1e1 solid 1px; overflow: hidden; }
/*광고배너 속성 end*/

/*광고배너 속성2*/
#ad_banner2 { position: absolute; left: 50%; margin-left: 481px; top: 148px; width: 63px; height: 85px; !important; z-index: 9000; border: #e1e1e1 solid 1px; }
/*광고배너 속성2 end*/

/*퀵배너 시작*/
#quikbanner { position: absolute; margin: 0 auto; width: 65px; height: 87px; top: 133px; padding-left: 768px; }
.quikbanner_c { width: 63px; height: 85px; border: 1px solid #E1E1E1; }
/*퀵배너 끝*/

/* 텍스트 속성 추가 20161118 */
.link_cert_red { color: #D93300; font-size: 12px; }
.link_cert_red a:hover, .link_cert_red a:link, .link_cert_red a:visited, .link_cert_red a:active { color: #D93300; font-size: 12px; text-decoration: underline; }


/* 세금계산서 테이블 버튼추가 20161128 */
.non_table { border-bottom: 1px solid #e66464; }
.non_table td { border-bottom: none /*1px solid #e66464*/; border-top: none; border-right: none; border-left: none; text-align: left; padding: 2px 0 2px 8px; vertical-align: middle; background-color: #f7f5f4; }


/* 전자세금계산서 서브메인 수정 20171117 */
.dti_submain { width: 365px; height: 274px; background: url(../image/submain_new/new_20171117/dti_stitle.jpg) no-repeat; }
.dti_subtext { padding: 24px 0 0 38px; }
.dti_menu { padding: 26px 0 0 38px; }
.dti_menu_title { margin-bottom: 10px; }
.dti_menu_list { position: relative; }
.dti_menu_list li { float: left; width: 153px; height: 62px; }
.dti_menu_list li a { display: block; width: 109px; height: 35px; margin: 16px 0 0 22px; background: url(../image/submain_new/new_20171117/dti_menu_img.png) no-repeat; text-indent: -10000px; }
.dti_menu_list li a:hover { background: url(../image/submain_new/new_20171117/dti_menu_img_ov.png) no-repeat; }
.dti_menu_list li a.menu1 { background-position: 0 0; }
.dti_menu_list li a.menu2 { background-position: -153px 0; }
.dti_menu_list li a.menu3 { background-position: 0 -62px; }
.dti_menu_list li a.menu4 { width: 111px; height: 35px; margin: 14px 0 0 22px; background-position: -153px -60px; }

/* 마이페이지 스마트대쉬보드 추가 20171117 */
.mypage_dash { position: relative; }
.mypage_dash p { display: none; }
.dash_btn { position: absolute; top: 25px; right: 20px }
.dash_stit { position: absolute; top: 70px; left: 30px; }
.dash_box { position: absolute; top: 96px; left: 31px; }

/* 고객센터 스마트빌설문 추가 20180201 */
.pollevent_img { margin-bottom: 30px }
.pollevent_btn { margin: 0 auto; width: 232px; }

/* 고객센터 서브메인 스마트빌설문 추가 20180201*/
.pollevent_tbl th { padding: 1px 0 3px 0; text-align: left; }
.pollevent_tbl th.evt_stitle a { color: #6182DB; line-height: 120%; }

.pollevent_tbl td { padding: 1px 0; font-size: 11px; color: #666; }

.pollevent_tbl_stitle { color: #6182DB; line-height: 120%; }
.pollevent_tbl_td { padding: 1px 0; font-size: 11px; color: #666; letter-spacing: -0.05em; }

/* 푸터 패밀리사이트 추가 20180326 */
#bot_fam_s { position: relative; width: 100%; font-size: 12px; color: #fff; }
#bot_fam_s .wrap { position: absolute; right: 0; top: 0px; float: right; z-index: 1; }

.family_site { position: relative; width: 150px; }
.family_site .site_btn { position: relative; display: block; height: 24px; padding: 0 1em; border: 1px solid #e1e1e1; background: transparent; cursor: pointer; font-size: 12px; line-height: 24px; color: #999999; text-align: left; text-decoration: none; font-family: 'arial'; }
.family_site .ctrl { position: absolute; right: 10px; top: 50%; height: 0; width: 0; margin-top: -2px; border-color: #e1e1e1 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; }
.family_site a.on .ctrl { position: absolute; right: 10px; top: 50%; height: 0; width: 0; margin-top: -2px; border-color: transparent transparent #e1e1e1 transparent; border-width: 0 4px 4px 4px; line-height: 0; }
.family_site ul { display: none; position: absolute; bottom: 100%; left: 0; right: 0; z-index: 1; padding: 6px 0; background: #fff; border: 1px solid #e1e1e1; border-bottom: 0; }
.family_site ul li { text-align: left; }
.family_site ul li a { display: block; height: 24px; line-height: 24px; padding: 0 1em; color: #999999; }
.family_site ul li a:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.family_site a.on + ul { display: block; }
.family_site ul li a:link { color: #999999; }
.family_site ul li a:visited { color: #999999; }
.family_site ul li a:hover { text-decoration: none; color: #666; line-height: 24px; }
.family_site ul li a:active { color: #666; }
/* 20180424 구매확인서 테이블 추가 start */

.textarea_stDct01 { border: 1px solid #c3c3c3; }

.DCT_purTcon { clear: both; border-collapse: collapse; table-layout: fixed; margin-bottom: 30px; }

.DCT_purT01 { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #333; margin-bottom: 5px; }
.DCT_purT01 th { border: 1px solid #333; padding: 3px; text-align: center; color: #333; height: 28px; }
.DCT_purT01 td { border: 1px solid #333; padding: 3px; text-align: left; height: 150%; }

.DCT_purT02 { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #333; margin-bottom: 5px; }
.DCT_purT02 th { border: 1px solid #333; padding: 3px; text-align: center; color: #333; height: 28px; }
.DCT_purT02 td { border: 1px solid #333; padding: 3px; text-align: center; height: 150%; line-height: 150%; }
.DCT_purT02 .pur_left { text-align: left; }
.DCT_purT02 .pur_right { text-align: right; }

.DCT_purT03 { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #333; margin-bottom: 5px; }
.DCT_purT03 td { padding: 20px 20px 20px 20px; }


.DCT_purT04 { clear: both; border-collapse: collapse; table-layout: fixed; border: 1px solid #333; margin-bottom: 5px; }
.DCT_purT04 td { padding: 20px 20px 20px 20px; }


/*20180424 구매확인서 테이블 추가 end*/

/*20190819 로그인페이지 아주뉴스컨텐츠 추가 start*/
#login_news_box { width: 431px; height: 100px; border: 1px solid #dedee0; margin: 0 auto; }
.login_news_image { float: left; width: 94px; height: 70px; margin: 14px 15px 14px 13px; border: 1px solid #dedee0; }
/*20190827 수정*/
.login_news_content { float: right; width: 294px; height: 74px; margin: 12px 12px 14px 0px; }

.lgnews_header { width: 100%; height: 24px; margin-bottom: 8px; }
.lgnews_header_h4 { float: left; font-family: 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 14px; width: auto; line-height: 24px; color: #2e4d9d; }
.lgnews_more { float: right; height: 24px; }

.lgnews_list { float: left; width: 100%; }
.lgnews_list li { font-family: '돋움','돋움체','Dotum','Dotumche'; font-size: 13px; color: #333333; font-weight: normal; width: 100%; line-height: 20px; height: 20px; margin-bottom: 2px; }
/*20190827 수정*/
.lgnews_list li a { color: #333333; }
.lgnews_list li a:before { color: #333333; }
.lgnews_list li a:hover { color: #2e4d9d; }
/*20190819 로그인페이지 아주뉴스컨텐츠 추가 end*/


/*20190819 마이페이지 아주뉴스컨텐츠 추가 start*/
.mypage_news { float: left; width: 944px; height: 58px; }
.mynews_box_top { float: left; width: 944px; height: 5px; background: url(/image/center/news/my_bg_top.gif) no-repeat; }
.mynews_box_c { float: left; width: 944px; height: 48px; background: url(/image/center/news/my_bg_con.gif) repeat-y; }
.mynews_box_bot { float: left; width: 944px; height: 5px; background: url(/image/center/news/my_bg_bot.gif) no-repeat; }
.mynews_header { float: left; margin: 13px 20px; width: 902px; height: 22px; }

.mynews_header_h4 { width: 66px; height: 22px; line-height: 22px; float: left; font-family: '돋움','돋움체','Dotum','Dotumche'; font-size: 13px; color: #2e4d9d; font-weight: bold; background: url(/image/center/news/my_ic_clock.gif) 2px 4px no-repeat; padding-left: 22px; }

.mynews_h_ul01 { float: left; width: 700px; height: 22px; }
.mynews_h_li01 { float: left; font-family: '돋움','돋움체','Dotum','Dotumche'; font-size: 13px; color: #333333; font-weight: normal; width: auto; line-height: 22px; padding-left: 15px; background: url(/image/center/news/my_arrow_b.gif) 0 6px no-repeat; }
/*20190826 수정*/
.mynews_h_li01 a:link { color: #333333; line-height: 23px; }
.mynews_h_li01 a:before { color: #333333; }
.mynews_h_li01 a:hover { color: #2e4e9d; }
.mynews_h_li02 { float: left; font-family: '돋움','돋움체','Dotum','Dotumche'; font-size: 11px; color: #999999; font-weight: normal; width: auto; line-height: 22px; padding-left: 11px; }

.mynews_h_ul02 { float: right; width: 72px; height: 22px; line-height: 22px; }
.mynews_h_li03 { float: left; font-family: '돋움','돋움체','Dotum','Dotumche'; font-size: 11px; color: #666666; font-weight: normal; width: auto; line-height: 22px; width: 65px; }
.mynews_h_li03 a:link { color: #666666; line-height: 23px; font-size: 11px; }
.mynews_h_li03 a:before { color: #666666; }
.mynews_h_li03 a:hover { color: #666666; }
.mynews_h_li04 { float: right; width: 5px; line-height: 12px; height: 12px; padding: 5px 0; }
/*20190826 수정*/
.mynews_h_li04 ima { vertical-align: middle; }
/*20190826 추가*/
/*20190819 마이페이지 아주뉴스컨텐츠 추가 end*/

/*20200228 스마트빌 상단 광고배너 추가 */
.sb_topad { margin-top: 5px; }
.sb_topad_dtisub { margin-top: -10px; }
.sb_topad_rpa { margin-top: 11px; margin-bottom: 8px }
/*20200228 스마트빌 상단 광고배너 추가 end*/

/* 서비스소개 전자계약 버튼 */
.service_dct_btn { width: 100%; text-align: center; }
/* 서비스소개 전자계약 버튼 end */

/*로그인연장 레이어 팝업 start*/
/* 팝업-smart_pop */
#pop_box_out { border: 7px solid #659ECB; }
#pop_box_out2 { border: 7px solid #659ECB; }
#pop_box_in { border: 3px solid #94C1F0; background-color: #FFFFFF; }
#pop_content { padding: 20px; }
.pop_title { font: bold 14px "돋움", "Dotum"; color: #324A8A; height: 24px; background: url(/DCT/image/new_popup/pop_Tdit.gif) 0px 0px no-repeat; padding: 2px 0 0 21px; margin-bottom: 18px; border-bottom: 1px solid #81BAF6; }
/*버튼 DIV*/
.Pbtn { text-align: center; height: 22px; }
.Pbtn img { vertical-align: middle; }
.Pbot_input_box { margin: 20px 0 20px 0; width: 100%; height: auto; overflow: hidden; background-color: #E7EFF9; }
.pop_login_box_txt_center { margin: 20px 25px 16px 25px; font: normal 12px "돋움","Dotum"; margin-bottom: 18px; line-height: 16px; text-align: center; }
.pop_login_box_txt_center_impor { font-weight: bold; color: #324A8A; }
.pop_login_impor_txt { margin-bottom: 20px; width: 100%; height: auto; overflow: hidden; font: normal 12px "돋움","Dotum"; color: #666; margin-bottom: 18px; line-height: 16px; }
/* 로그인연장 레이어 팝업 end */

/*20201116 키워드광고 start*/
#keywordAD { width: 753px; height: 107px; border-radius: 4px; border: 1px solid #dddddd; background-color: #fffef8; }
#keywordAD .keywordAD_in { margin: 12px; width: 729px; height: 83px; }

#keywordAD .keywordAD_in .keyAD_ima { float: left; width: 83px; height: 83px; margin-right: 18px; }

#keywordAD .keywordAD_in .keyAD_txt { float: left; width: 600px; height: 83px; }
#keywordAD .keywordAD_in .keyAD_txt .key_tit { float: left; width: 600px; height: auto; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 20px; color: #0257b0; font-weight: bold; line-height: 36px; letter-spacing: -0.04em; }
#keywordAD .keywordAD_in .keyAD_txt .key_txt { float: left; width: 600px; height: auto; overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 15px; color: #666; font-weight: normal; line-height: 21px; letter-spacing: -0.04em; }

#keywordAD .keywordAD_in .key_more { float: left; width: 24px; height: 34px; text-align: right; padding-top: 3px; padding-right: 3px; }

/*20201116 키워드광고 end*/

/*20201204 키워드광고 start
#keywordAD_st2{width:753px; height:auto; overflow:hidden; border-radius:4px; border:1px solid #dddddd; background-color:#fffef8;}
#keywordAD_st2 .keywordADst2_box {margin:5px 10px 5px 10px; width:733px; height:auto; overflow:hidden; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 {padding:5px 0 5px 0; width:733px; height:64px;}

#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2{float:left; width:64px; height:64px; margin-right:10px;}

#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2{float:left; width:636px; height:64px;}
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_tit_st2{float:left; width:600px; height:auto; font-family:"Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size:16px; color:#0257b0; font-weight:bold; line-height:28px; letter-spacing: -0.001em;}
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_txt_st2{float:left; width:600px; height:auto; overflow:hidden; font-family:"Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size:13px; color:#666; font-weight:normal; line-height:16px; letter-spacing: -0.001em;}

#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .key_more_st2{float:left; width:23px; height:23px; text-align:right; margin-top:3px; }
20201204 키워드광고 end*/

/*20240326 키워드광고 start*/
#keywordAD_st2 { position: relative; width: 753px; height: auto; overflow: hidden; border-radius: 4px; border: 1px solid #dddddd; background-color: #fffef8; }
#keywordAD_st2 .keywordADst2_box { width: 100%; padding: 10px 0; height: auto; overflow: hidden; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 { position: relative; margin: 0 15px; padding: 5px 0; height: 83px; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2 { overflow: hidden; float: left; width: 83px; height: 83px; margin-right: 10px; border-radius: 4px; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; border-radius: 4px; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2 img { width: 100%; height: 100%; border-radius: 4px; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 { float: left; width: calc(100% - 116px); height: 83px; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_tit_st2 { float: left; width: 99%; height: 36px; overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 17px; color: #0257b0; font-weight: bold; line-height: 36px; letter-spacing: -0.05em; text-decoration: underline; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_txt_st2 { float: left; width: 99%; height: 42px; overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 14px; color: #666; font-weight: normal; line-height: 21px; letter-spacing: -0.01em; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_txt_st2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#keywordAD_st2 .keywordADst2_box .keywordAD_inst2 .key_more_st2 { float: left; width: 23px; height: 23px; text-align: right; margin-top: 3px; }
#keywordAD_st2 .keywordAD_tit { margin: 5px 15px 10px 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
#keywordAD_st2 .keywordAD_tit p { width: calc(100% - 80px); font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-weight: normal; font-size: 16px; line-height: 18px; color: #333; letter-spacing: -0.05em; }
#keywordAD_st2 .keywordAD_tit span { font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-weight: bold; font-size: 16px; color: #333; letter-spacing: -0.01em; }
#keywordAD_st2 .keywordAD_tit .ad_guide { position: absolute; right: 15px; top: 16px; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 12px; color: #999; font-weight: normal; line-height: 12px; letter-spacing: -0.05em; text-decoration: none; cursor: pointer; }
#keywordAD_st2 .keywordAD_tit .ad_guide::after { content: ""; display: inline-block; background-image: url(/image/ad/ad_ico_arrow.png); background-size: 6px 10px; background-repeat: no-repeat; width: 6px; height: 10px; margin: 2px 0 0 5px; vertical-align: top }
/* 작성 페이지용 */
#keywordAD_st2.w2 { width: 724px; margin: 0 auto; }
/* 팝업용 */
#keywordAD_st4 { position: relative; width: 600px; height: auto; overflow: hidden; margin: 20px auto 0 auto; border-radius: 4px; border: 1px solid #dddddd; background-color: #fffef8; }
#keywordAD_st4 .keywordADst2_box { width: 100%; padding: 10px 0; height: auto; overflow: hidden; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 { position: relative; margin: 0 15px; padding: 5px 0; height: 64px; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2 { overflow: hidden; float: left; width: 64px; height: 64px; margin-right: 10px; border-radius: 4px; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0; border-radius: 4px; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_ima_st2 img { width: 100%; height: 100%; border-radius: 4px; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 { float: left; width: calc(100% - 97px); height: 64px; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_tit_st2 { float: left; width: 99%; height: 28px; overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 15px; color: #0257b0; font-weight: bold; line-height: 28px; letter-spacing: -0.05em; text-decoration: underline; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_txt_st2 { float: left; width: 99%; height: 31px; overflow: hidden; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 13px; color: #666; font-weight: normal; line-height: 16px; letter-spacing: -0.01em; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .keyAD_txt_st2 .key_txt_st2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#keywordAD_st4 .keywordADst2_box .keywordAD_inst2 .key_more_st2 { float: left; width: 23px; height: 23px; text-align: right; margin-top: 3px; }
#keywordAD_st4 .keywordAD_tit { margin: 5px 15px 10px 15px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
#keywordAD_st4 .keywordAD_tit p { width: calc(100% - 80px); font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-weight: normal; font-size: 15px; line-height: 18px; color: #333; letter-spacing: -0.05em; }
#keywordAD_st4 .keywordAD_tit span { font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-weight: bold; font-size: 16px; color: #333; letter-spacing: -0.01em; }
#keywordAD_st4 .keywordAD_tit .ad_guide { position: absolute; right: 15px; top: 16px; font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕","돋움","돋움체","Dotum","Dotumche"; font-size: 12px; color: #999; font-weight: normal; line-height: 12px; letter-spacing: -0.05em; text-decoration: none; cursor: pointer; }
#keywordAD_st4 .keywordAD_tit .ad_guide::after { content: ""; display: inline-block; background-image: url(/image/ad/ad_ico_arrow.png); background-size: 6px 10px; background-repeat: no-repeat; width: 6px; height: 10px; margin: 2px 0 0 5px; vertical-align: top }
/*20201204 키워드광고 end*/


/*20210709 서비스메뉴얼 start*/
.csmenu_box { height: auto; overflow: hidden; width: 750px; background-color: #e5eeff; margin-bottom: 30px; box-shadow: 3px 3px 8px #c3c4c4; }
.csmenu_box_in { width: auto; height: auto; overflow: hidden; margin: 20px; }
/* line */
.csmenu_boxSM { border-bottom: 1px solid #cfd8ed; width: 700px; height: auto; overflow: hidden; margin: 0 auto; padding: 3px 0; }
/*1dep*/
.csmenu_tit { float: left; height: 30px; width: 139px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px; line-height: 200%; }
.csmenu_tit a:link { color: #000; text-decoration: none; line-height: 270%; }
.csmenu_tit a:visited { color: #000; text-decoration: none; }
.csmenu_tit a:hover { color: #000; text-decoration: underline; }

.csmenu_tit2 { float: left; height: 50px; width: 139px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; font-size: 14px; color: #000; font-weight: normal; letter-spacing: -1px; line-height: 200%; }
.csmenu_tit2 a:link { color: #000; text-decoration: none; line-height: 270%; }
.csmenu_tit2 a:visited { color: #000; text-decoration: none; }
.csmenu_tit2 a:hover { color: #000; text-decoration: underline; }
/*2dep*/
.csmenu_list { float: left; height: 30px; width: auto; }
.csmenu_list li { float: left; display: inline; height: auto; overflow: hidden; width: auto; }
/*ul*/
.csmenu_listSM { float: left; height: auto; overflow: hidden; width: 140px; }
.csmenu_listSM2 { float: left; height: auto; overflow: hidden; width: 150px; }
.csmenu_listSM li { float: left; display: inline; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕','돋움','돋움체','Dotum','Dotumche'; }
.csmenu_listSM_B { float: left; height: auto; overflow: hidden; padding: 4px; font-size: 13px; color: #0bb1f0; font-weight: normal; }
.csmenu_listSM_txt { float: left; height: 36px; width: auto; font-size: 13px; color: #616371; font-weight: normal; letter-spacing: -1px; line-height: 200%; padding-right: 1px; }
.csmenu_listSM_txt a:link { color: #616371; text-decoration: none; line-height: 270%; }
.csmenu_listSM_txt a:visited { color: #616371; text-decoration: none; }
.csmenu_listSM_txt a:hover { color: #616371; text-decoration: underline; }
/* //line */




/*20210709 서비스메뉴얼 end*/

/* 20240306 신규 광고영역 추가 */
.featured_ad_728x90 { margin: 5px auto 20px; padding: 0; width: 728px; height: 90px; }
.featured_ad_728x90-2 { margin: 20px auto; padding: 0; width: 728px; height: 90px; }
.featured_ad_728x90-3 { margin: 350px auto 0; padding: 0; width: 728px; height: 90px; }
/*//20240306 신규 광고영역 end */


/* 20240328 개인정보 유형 및 항목 list start*/
.PrivacyList { clear: both; border-collapse: collapse; table-layout: fixed; border-bottom: 1px solid #DEDFE0; border-top-width: 2px; }
.PrivacyListd { clear: left; border-collapse: collapse; table-layout: fixed; border-top: 0px solid #A6C2DE; border-bottom: 0px solid #DEDFE0; border-top-width: 0px; }
.PrivacyList th { padding: 8px 0 3px 0; background-color: #F1F6FA; border: 1px solid #A6C2DE; font-weight: normal; color: #333333; }
.PrivacyList td { padding: 3px 0; background-color: #FFFFFF; border: 1px solid #DEDFE0; text-align: center; color: #666666; }
/* 20240328 개인정보 유형 및 항목 list end*/

/* 20240328 이전 개인정보처리방침 드롭다운 start */
#prevPrivacy { padding: 5px; width: 200px; }
/* 20240328 이전 개인정보처리방침 드롭다운 end */


/* qr 배너 240522 start */
.qrBanner { background-position: center; background-repeat: no-repeat; background-color: #FAFCFD; position: relative; display: block; }
.qrBanner td:nth-child(1) { position: absolute; overflow: hidden; left: calc(100% - 710px); top: 5px; }
.qrBanner td:nth-child(2) { position: absolute; left: calc(100% - 576px); top: 50%; transform: translate(0, -50%); line-height: 1.5; }
.qrBanner td:nth-child(2) span:nth-child(1) { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 700; color: #4497F3; letter-spacing: -.2px; }
.qrBanner td:nth-child(2) span:nth-child(2) { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; color: #666666; display: block; margin-top: 5px; }
/* qr 배너 240522 end */

/* QR 배너 수정 240620 start */
.qr_bnr { width: 753px; height: 70px; margin: 20px 0; background: url(/image/center/qr_mobile_frame.png) 100% 100% no-repeat; }
.qr_bnr.frame2 { width: 753px; height: 70px; margin-bottom: 20px; background: url(/image/center/qr_mobile_frame2.png) 100% 100% no-repeat; }
.qr_bnr .qr_bnr_txt { padding: 20px 0 0 180px; }
.qr_bnr .qr_bnr_txt p.bnr_btit { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 700; color: #4497F3; letter-spacing: -.2px; }
.qr_bnr .qr_bnr_txt p.bnr_stit { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; color: #666666; display: block; margin-top: 5px; }
/* QR 배너 수정 240620 end */


/* 250709 주소명변경으로 인한 오시는 길 리뉴얼 */
.mapWrap { padding-bottom: 40px; }
.mapbox { margin-bottom: 20px; padding: 10px; border: 1px solid #cccccc; }
.mapinfo p { font-family: 'Noto Sans KR', sans-serif; font-weight: normal; font-size: 16px; color: #666; }
.mapinfo p:not(.mapinfo p:last-child) { margin-bottom: 20px; }
.mapinfo p > .infoTitle { font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #000; display: inline-block; width: 50px; margin-right: 20px; }
.mapinfo p > .mapNum { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: normal; color: #6699ff; }

/* 260311 공동인증서 페이지 공통 */
.cert-header h2 { display: flex; align-items: center; font-family: "Noto Sans KR", sans-serif; font-size: 18px; line-height: 18px; letter-spacing: -1px; color: #072FBE; font-weight: 500; border-bottom: 1px solid #E0E7EB; padding-bottom: 8px; }
.help-btn { transition: all 0.3s ease; }
.help-btn:hover { opacity: 0.8; }


/* 260304 공동인증서 페이지 메인 리뉴얼 start */
.cert-page { max-width: 980px; margin: 0 auto; }
.page-title { font-family: "Noto Sans KR", sans-serif; font-size: 24px; font-weight: 700; margin: 0 0 16px; letter-spacing: -0.25px; line-height: 32px; color: #072FBE; }

.top-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.panel { background: #fff; border: 1px solid #E0E7EB; border-radius: 16px; }
.panel-inquiry { padding: 48px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.panel-check .check-box { border: 1px solid #E0E7EB; border-radius: 16px; padding: 24px 36px; }
.panel-title, .check-title { font-family: "Noto Sans KR", sans-serif; margin: 0 0 16px; font-size: 16px; font-weight: 700; letter-spacing: -0.25px; line-height: 24px; color: #384151; }
.panel-head h3 { margin-bottom: 0; }
.panel-head .btn-link { transition: all 0.3s ease; font-size: 12px; text-decoration: none; padding: 2px 16px; border-radius: 50px; background-color: #e6ebff; color: #072FBE; }
.panel-head .btn-link:hover { background-color: #072FBE; color: #fff; }

.contact-item { font-family: "Noto Sans KR", sans-serif; font-weight: bold; font-size: 14px; display: flex; justify-content: space-between; padding-bottom: 8px; color: #072FBE; }
.contact-item:last-child { padding-bottom: 0; }
.org { font-size: 14px; font-family: "Noto Sans KR", sans-serif; color: #666; font-weight: normal; color: #7C90B5; }
.tel { font-weight: 700; text-decoration: none; }

.check-title { margin: 0 0 16px; font-weight: 700; text-align: center; }
.brn-label { font-family: "Noto Sans KR", sans-serif; display: block; font-size: 14px; color: #072FBE; margin: 0 0 8px; }
.bizno { display: flex; align-items: center; gap: 4px; margin-bottom: 8px; }
.bizno-input { padding: 8px; border: 1px solid #E0E7EB; border-radius: 2px; outline: none; }
.bizno-input:focus { border-color: #072FBE; }
.bizno-input:nth-of-type(1) { width: 35%; }
.bizno-input:nth-of-type(2) { width: 15%; }
.bizno-input:nth-of-type(3) { width: 50%; }
.dash { color: #E0E7EB; }
.btn-confirm { transition: all 0.3s ease; font-family: "Noto Sans KR", sans-serif; width: 100%; padding: 10px 24px; border: 0; border-radius: 8px; background: #072FBE; color: #fff; cursor: pointer; }
.btn-confirm:hover { opacity: 0.9; }

.section-title { font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 700; margin: 0 0 16px; display: flex; gap: 4px; color: #384151; line-height: 24px; align-items: center; }
.service-bar { margin-bottom: 48px; }
.service-actions { list-style: none; padding: 8px; margin: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; border: 1px solid #E0E7EB; border-radius: 16px; }
.action > a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 16px 48px; background: #F5F5F6; border-radius: 12px; text-decoration: none; color: #384151; text-decoration: none; }
.action > a:hover { background-color: #e6ebff; text-decoration: none; }
.action > a.act-active { background: #e6ebff; }
.action-ico { font-size: 16px; }
.action-txt { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; font-weight: 500; color: #384151; }

.bottom-grid { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 16px; margin-bottom: 48px; position: relative; }
.steps::before { content: ""; position: absolute; background: url("../image/submain_new/new_260304/dashline.png") no-repeat center / cover; width: 100%; height: 100%; z-index: -1; }
.step { text-align: center; }
.step-no { font-family: "Noto Sans KR", sans-serif; display: block; font-size: 10px; line-height: 12px; font-weight: 700; color: #072FBE; margin-top: 8px; }
.step > img,
.step > a > img { padding: 4px; background-color: #E6EBFF; border-radius: 50px; }
.step > p,
.step > a > p { font-family: "Noto Sans KR", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: -0.25px; line-height: 18px; color: #384151; }

.doc-area { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.doc-title { margin-bottom: 4px; }
.doc-text p { font-family: "Noto Sans KR", sans-serif; margin: 4px 0 0; color: #7C90B5; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; }
.doc-area .btn-detail { font-family: "Noto Sans KR", sans-serif; font-size: 12px; padding: 10px 24px; border-radius: 8px; background: #072FBE; color: #fff; text-decoration: none; white-space: nowrap; }

.faq { margin: 0; }
.faq > li { line-height: 1.5; }
.faq li a { font-family: "Noto Sans KR", sans-serif; font-size: 12px; line-height: 1.5; font-weight: 400; color: #7C90B5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 100%; }
.faq li .podium { color: #384151; font-weight: bold; }
.faq a > .faq-num { font-family: "Noto Sans KR", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: -0.25px; color: #7C90B5; width: 16px; height: 16px; background-color: #E6EBFF; display: inline-block; text-align: center; border-radius: 100%; margin-right: 4px; }
.faq a > .podium-num { background-color: #E6EBFF; font-weight: 700; color: #384151; }
.ad-box { margin-top: 18px; width: 300px; height: 250px; border-radius: 22px; background: #dfe7ff; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #2b63ff; }
/* 260304 공동인증서 페이지 메인 리뉴얼 end */
/* 260304 공동인증서 신청 페이지 리뉴얼 start */
.process-bar { margin-bottom: 24px; }

.cert-apply-check { display: flex; align-items: center; border: 1px solid #E0E7EB; border-radius: 16px; padding: 24px; background: #fff; margin-bottom: 24px; }
.cert-apply-title { width: 50%; font-family: "Noto Sans KR", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing: -0.25px; color: #384151; }
.cert-apply-bizform { width: 50%; display: flex; flex-direction: column; gap: 8px; }
.cert-apply-label { font-family: "Noto Sans KR", sans-serif; display: block; font-size: 14px; color: #072FBE; }

.cert-apply-inputs { display: flex; gap: 4px; align-items: center; }
.cert-apply-input { width: 100%; max-width: 140px; height: 36px; border: 1px solid #E0E7EB; border-radius: 2px; padding: 0 12px; outline: none; font-size: 14px; background: #fff; }
.cert-apply-input:nth-of-type(1) { width: 35%; }
.cert-apply-input:nth-of-type(2) { width: 15%; }
.cert-apply-input:nth-of-type(3) { width: 50%; }
.cert-apply-input:focus { border-color: #072FBE; }

.cert-apply-btn-confirm { font-family: "Noto Sans KR", sans-serif; font-size: 12px; border: 0; transition: all 0.3s ease; padding: 10px 24px; border-radius: 8px; background: #072FBE; color: #fff; cursor: pointer; }
.cert-apply-btn-confirm:hover { opacity: 0.9; }

.cert-apply-guide { border: 1px solid #E0E7EB; border-radius: 16px; padding: 40px; background: #fff; margin-bottom: 24px; }
.cert-apply-guide-text { margin-bottom: 8px; }
.cert-apply-guide-text, .cert-apply-guide-desc { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; color: #7C90B5; letter-spacing: -0.25px; }
.cert-apply-stxt { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #072FBE; }

.cert-apply-guide-buttons { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 8px; }
.cert-apply-btn { display: flex; align-items: center; gap: 4px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; padding: 8px 24px; border-radius: 8px; cursor: pointer; border: 0; margin-top: 16px; }
.cert-apply-btn-dark { background: #222; border-color: #222; color: #fff; }
.cert-apply-btn-blue { background: #072FBE; border-color: #072FBE; color: #fff; transition: all 0.3s ease; }
.cert-apply-btn-blue:hover { opacity: 0.8; }

.cert-apply-list { display: grid; gap: 16px; }
.cert-apply-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: stretch; }

.cert-apply-image { background: #fff; display: flex; align-items: center; justify-content: center; min-height: 170px; }
.cert-apply-image img { max-width: 100%; height: auto; display: block; }

.cert-apply-table { background: #fff; border: 1px solid #E0E7EB; border-radius: 8px; overflow: hidden; }

.cert-apply-price-table { width: 100%; border-collapse: collapse; }
.cert-apply-price-table thead th { font-family: "Noto Sans KR", sans-serif; font-size: 14px; text-align: center; font-weight: 500; line-height: 20px; letter-spacing: -0.25px; color: #333; padding: 8px 16px; border-bottom: 1px solid #e6e8ee; background: #F5F5F6; }
.cert-apply-price-table tbody td { font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; color: #384151; padding: 24px 16px; line-height: 20px; letter-spacing: -0.25px; border-bottom: 1px solid #eef0f6; vertical-align: middle; word-break: keep-all; }
.cert-apply-price-table tbody td a, .cap3 tr td .joincer-txt { text-decoration: none; font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #384151; font-weight: 500; }
.cert-apply-price-table tbody td a span { font-family: "Noto Sans KR", sans-serif; font-size: 10px; line-height: 14px; letter-spacing: -0.25px; padding: 2px 4px; background-color: #072FBE; border-radius: 2px; margin-left: 4px; color: #fff; }
.cert-apply-price-table tbody tr:last-child td { border-bottom: 0; }
.cert-apply-price-table tbody .ap-price > span { text-decoration: line-through; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #7C90B5; line-height: 18px; letter-spacing: -0.25px; }
.cert-apply-price-table tbody .ap-price { display: flex; gap: 4px; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; line-height: 20px; color: #072FBE; }
.cert-apply-price-table tbody td.forsb { padding: 85px 16px; }
.cert-apply-price-table tbody td.forsb span,
.cert-apply-price-table tbody td > span { font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #7C90B5; line-height: 18px; letter-spacing: -0.25px; font-weight: normal; }
.cert-apply-price-table tbody .ap-pricesb { text-align: center; color: #072FBE; }
.cert-apply-price-table tbody .ap-pricesb span { font-family: "Noto Sans KR", sans-serif; font-weight: 500; font-size: 12px; line-height: 18px; color: #7C90B5; font-weight: normal; }


.cap2 tr td { padding: 8px 16px; }
.cap2 tr:last-child td { padding: 25px 16px; }
.cap2-td > .joincer:not(:last-of-type) { margin-bottom: 8px; }

.cap3 tr td { padding: 8px 16px; align-items: center; }
.cap3 tr .cap3-td { padding: 70px 16px; }
.cap3 tr .cap3-td a:not(:last-of-type) { margin-bottom: 8px; }
.cap3 tr .cap3-txtall { display: flex; justify-content: space-between; }
.cap3 tr td .joincer-txt { display: flex; flex-direction: column; }
.cap3 tr td .joincer-txt a { display: unset; }
.cap3 tr td .joincer-txt span { font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #7C90B5; line-height: 18px; letter-spacing: -0.25px; font-weight: normal; }
.cap3 tr .cap3-btn { display: flex; flex-direction: column; gap: 4px; align-items: start; }
.cap3 tr .cap3-btn a { display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #072FBE; font-family: "Noto Sans KR", sans-serif; font-size: 10px; color: #fff; line-height: 14px; letter-spacing: -0.25px; padding: 2px 4px; border-radius: 2px; }
.cap3 tr .cap3-btn a:hover { opacity: 0.5; }
.cert-apply-price-table tbody td .joincer { display: flex; gap: 4px; }
.cert-apply-price-table tbody td .joincer:hover img { opacity: 0.5; }
.cert-apply-price-table tbody tr:hover td { background: #f6f8ff; }
/* 260304 공동인증서 신청 페이지 리뉴얼 end */
/* 260310 공동인증서 발급 페이지 리뉴얼 start */
.cert-notice-box { padding: 40px; border: 1px solid #E0E7EB; border-radius: 8px; margin-bottom: 24px; }
.cert-notice-box .notice-text { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; color: #7C90B5; letter-spacing: -0.25px; margin-bottom: 8px; }
.cert-notice-box .notice-text:last-of-type { margin-bottom: 0; }
.point { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #072FBE; }
.help-btn { display: flex; align-items: center; gap: 4px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; padding: 8px 24px; border-radius: 8px; cursor: pointer; border: 0; background: #222; color: #fff; margin-top: 16px; }
.cert-card-wrap { display: flex; gap: 15px; margin-bottom: 24px; }
.cert-card { flex: 1; border: 2px solid #072FBE; border-radius: 8px; padding: 16px; text-align: center; background: #fff; }
.cert-card h3 { font-family: "Noto Sans KR", sans-serif; font-weight: bold; font-size: 20px; line-height: 22px; letter-spacing: -0.25px; color: #384151; }
.cert-card .tel { font-family: "Noto Sans KR", sans-serif; font-weight: bold; font-size: 14px; line-height: 1; color: #384151; margin-top: 12px; }
.cert-card .tel > strong { font-family: "Noto Sans KR", sans-serif; font-weight: bold; font-size: 16px; line-height: 1; color: #072FBE; }
.cert-card .cert-btn { transition: all 0.3s ease; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; line-height: 14px; color: #fff; margin-top: 16px; padding: 12px 22px; background: #072FBE; color: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.cert-card .cert-btn:hover { opacity: 0.8; font-family: "Noto Sans KR", sans-serif; font-size: 14px; font-weight: 500; line-height: 14px; color: #fff; margin-top: 16px; padding: 12px 22px; background: #072FBE; color: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; }
.cert-card .cert-btn > img { margin-left: 4px; }
.cert-guide h4 { font-family: "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 700; margin: 0 0 16px; display: flex; gap: 4px; color: #384151; line-height: 24px; align-items: center; }
.cert-guide h4 { font-size: 16px; margin-bottom: 10px; }
.cert-guide ul { margin-top: 10px; padding-left: 18px; }
.cert-guide li, .cert-guide li > span { list-style: inside; margin-bottom: 8px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #7C90B5; line-height: 18px; letter-spacing: -0.25px; font-weight: normal; }
.cert-guide li > span { font-weight: bold; color: #384151; }
/* 260310 공동인증서 발급 페이지 리뉴얼 end */
/* 260310 공동인증서 관리 페이지 리뉴얼 start */
.cert-manage-wrap .section-head { display: flex; justify-content: space-between; margin-bottom: 16px; }
.cert-manage-wrap .section-head .section-title { margin-bottom: 0; }
.cert-manage-wrap .section-head .help-btn { margin-top: 0; }

.manage-table-wrap { margin-bottom: 24px; border-radius: 8px; border: 1px solid #E0E7EB; overflow: hidden; }
.manage-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.manage-table th, .manage-table td { border-right: 1px solid #E0E7EB; border-bottom: 1px solid #E0E7EB; padding: 8px 16px; text-align: center; vertical-align: middle; font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.25px; word-break: keep-all; }
.manage-table thead th { font-size: 14px; line-height: 20px; background: #F5F5F6; font-weight: 500; color: #384151; border-bottom: 1px solid #e0e7eb; }
.manage-table tr:last-child td, .manage-table tbody tr:last-child th { border-bottom: 0; }
.manage-table td { font-size: 12px; line-height: 18px; padding: 16px; }
.manage-table td:last-child, .manage-table thead th:last-child { border-right: 0; }
.manage-table tbody th { font-weight: 500; background: #fff; }
.manage-table tbody td { background: #fff; color: #4b5563; }
.manage-table .select-btn { display: inline-flex; align-items: center; justify-content: center; padding: 2px 4px; border: 0; border-radius: 4px; background: #072FBE; color: #fff; font-family: "Noto Sans KR", sans-serif; font-size: 10px; line-height: 14px; font-weight: 500; cursor: pointer; }
.manage-table .select-btn:hover { text-decoration: none; opacity: 0.5; }
.guide-box .section-title { margin-bottom: 8px; }
.guide-list { margin: 0 0 16px 24px; color: #7C90B5; font-size: 15px; line-height: 1.8; }
.guide-list li { list-style: inside; margin-bottom: 8px; font-family: "Noto Sans KR", sans-serif; font-size: 12px; color: #7C90B5; line-height: 18px; letter-spacing: -0.25px; font-weight: normal; }
.link-btn-group { display: flex; gap: 10px; flex-wrap: wrap; }
.link-btn-group .link-btn { font-family: "Noto Sans KR", sans-serif; display: inline-flex; align-items: center; justify-content: center; min-width: 184px; padding: 8px 24px; border-radius: 8px; background: #e8edff; color: #072FBE; font-size: 12px; font-weight: 400; line-height: 17px; text-decoration: none; }
.link-btn-group .link-btn:hover { background: #072FBE; color: #fff; text-decoration: none; }
/* 260310 공동인증서 관리 페이지 리뉴얼 end */
/* 260311 공동인증서 갱신 페이지 리뉴얼 start */
.caution-info-box { padding: 24px; border: 1px solid #E0E7EB; background-color: #f5f5f6; border-radius: 8px; margin-top: 16px; }
.caution-info-box ul li { font-family: "Noto Sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #384151; list-style: inside; margin-bottom: 8px; }
.caution-info-box ul li:last-child { margin-bottom: 0; }
/* 260311 공동인증서 갱신 페이지 리뉴얼 end */

/* 260313 스마트빌 앱 인증서 등록 페이지 start */
.cert-wrap { max-width: 900px; margin: 0 auto; font-family: Arial,sans-serif }
.cert-header { margin-bottom: 24px; }
.cert-header h2 .badge { background: #22c1dc; color: #fff; font-family: "Noto Sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; padding: 2px 8px; border-radius: 50px; margin-left: 4px }
.cert-desc { display: flex; justify-content: space-between; align-items: center; padding: 0 0 24px; }
.cert-desc ul { margin: 0; padding-left: 18px; color: #555; font-size: 14px; line-height: 1.6 }
.cert-desc ul li { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #384151; margin-bottom: 8px; list-style: inside; }
.cert-desc ul li:last-child { margin-bottom: 0; }
.cert-desc .help-btn { margin-top: 0; }
.cert-box { border: 1px solid #E0E7EB; border-radius: 10px; padding: 40px; text-align: center; background: #fff; }
.form-row { display: flex; align-items: center; justify-content: center; margin-bottom: 16px }
.form-row label { font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; width: 64px; text-align: left; margin-right: 16px; color: #384151; }
.form-row input { outline: 0; width: 240px; border: 1px solid #E0E7EB; border-radius: 6px; padding: 8px; font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #384151; }
.form-row input::placeholder { color: rgba(56,65,81,0.5); }
.form-row input:focus { border: 1px solid #072FBE; }
.submit-btn { background: #072FBE; font-family: "Noto Sans KR", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #fff; border: none; border-radius: 8px; padding: 10px 48px; cursor: pointer }

.cert-page-header { margin: 48px 0 16px 0; display: flex; justify-content: space-between; }
.cert-page-header h2 { font-family: "Noto Sans KR", sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; color: #222; letter-spacing: -0.25px; }
.cert-section { border: 1px solid #E0E7EB; border-radius: 8px; padding: 24px; background: #fff; margin-bottom: 8px }
.spkey-section { margin-bottom: 16px; }
.section-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px }
.cert-section .section-title { font-size: 14px; margin-bottom: 0; }
.file-badge { display: inline-block; background: #FF0000; color: #fff; font-family: "Noto Sans KR", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; padding: 2px 8px; border-radius: 50px; vertical-align: middle }
.line-btn { overflow: hidden; display: flex; align-items: center; font-family: "Noto Sans KR", sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; padding: 8px 16px; border: 1px solid #072FBE; border-radius: 8px; background: #e6ebff; color: #072FBE; cursor: pointer; }
.line-btn img { will-change: transform; }
.line-btn:hover img { animation: download-bounce .45s ease-out; }

@keyframes download-bounce {
	0% { transform: translateY(0); }
	40% { transform: translateY(4px); }
	70% { transform: translateY(1px); }
	100% { transform: translateY(0); }
}

.line-btn.small { display: unset; }
.sp-key-btn { margin-top: 0; }
.info-box { display: flex; flex-direction: column; gap: 8px; justify-content: space-between; align-items: center; background: #f8f8fa; border-radius: 6px; padding: 16px; }
.cert-info + .cert-info { margin-top: 8px; }
.cert-info-row { display: flex; width: 100%; gap: 24px; align-items: flex-start; }
.info-left { display: flex; align-items: center; gap: 24px; }
.info-label { width: 96px; font-family: "Noto sans KR", sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: #384151; margin: 0; letter-spacing: -0.25px; }
.info-text { font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: rgba(56,65,81,0.5); margin: 0; }
.info-text-regon { color: #384151; width: 420px; }
.text-btn { display: flex; align-items: center; gap: 4px; font-family: "Noto sans KR", sans-serif; border: none; background: none; color: #384151; font-size: 12px; font-weight: 500; cursor: pointer }
.text-btn-unactive { visibility: hidden; }
.file-select-row { margin-bottom: 16px; display: flex; gap: 8px; }
.file-input { width: 200px; flex: 1; height: 34px; border: none; border-bottom: 1px solid #e0e7eb; background: #fff; font-size: 14px; color: #222 }
.file-input::placeholder { color: rgba(56,65,81,0.5); }
.file-input:focus { outline: none; }
.path-box { margin-bottom: 16px; flex-direction: row; }
.keyfile-guide-list { margin: 0; padding-left: 16px; }
.keyfile-guide-list li { font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #7C90B5; list-style: inside; margin-bottom: 4px; }
.keyfile-guide-list li:last-child { margin-bottom: 0; }
.bottom-area { display: flex; align-items: center; justify-content: space-between; }
.bottom-notice { font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #072FBE; }
.bottom-btns { display: flex; justify-content: flex-end; gap: 8px; }
.bottom-btns > button, .bottom-btns > a { padding: 8px 32px; border-radius: 8px; border: none; font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #fff; cursor: pointer; font-weight: 500; text-decoration: none; }
.bottom-btns .cancel-btn { background-color: #7C90B5; }
.bottom-btns .submit-btn { background-color: #072FBE; }
/* 260313 스마트빌 앱 인증서 등록 페이지 end */

/* 스마트빌 OTP 번호 발급 modal */
.otp-help-modal { position: relative; width: 833px; margin: 0 auto; padding: 40px; background: #fff; box-sizing: border-box; border: 1px solid #E0E7EB; border-radius: 8px; }
.otp-help-wrap { width: 100%; }
.otp-help-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #e5e7eb; }
.otp-help-title { display: flex; align-items: center; gap: 4px; font-family: "Noto sans KR", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.25px; color: #222; }
.otp-help-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #072FBE; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; }
.otp-help-close { position: relative; width: 24px; height: 24px; border: 0; background: none; cursor: pointer; }
.otp-help-close::before, .otp-help-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background: #384151; border-radius: 1px; }
.otp-help-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.otp-help-close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.otp-help-body { padding-top: 24px; }
.otp-help-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.otp-help-shot img { display: block; width: 100%; height: auto; }
.otp-help-guide { padding-top: 4px; }
.otp-help-list { counter-reset: item; margin: 0; padding: 0; list-style: none; }
.otp-help-item { position: relative; padding-left: 22px; font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #384151; }
.otp-help-item + .otp-help-item { margin-top: 16px; }
.otp-help-item::before { counter-increment: item; content: counter(item); position: absolute; top: 2px; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #072FBE; }
.otp-help-item::before { font-family: "Noto Sans KR", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: -0.25px; color: #fff; width: 16px; height: 16px; background-color: #072FBE; display: inline-block; text-align: center; border-radius: 100%; margin-right: 4px; }
.otp-help-item strong { display: inline-block; font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; font-weight: 500; }
.otp-help-sublist { margin: 8px 0 0; }
.otp-help-sublist li { font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #7C90B5; list-style: inside; margin-bottom: 8px; }
.otp-help-sublist li + .otp-help-sublist li { margin-bottom: 0; }
.blind { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); }

/* 개인 키발급 modal */
.signkey-help-modal { position: relative; width: 833px; margin: 0 auto; padding: 40px; background: #fff; box-sizing: border-box; border: 1px solid #E0E7EB; border-radius: 8px; }
.signkey-help-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #e5e7eb; }
.signkey-help-title { display: flex; align-items: center; gap: 4px; font-family: "Noto sans KR", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.25px; color: #222; }
.signkey-help-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #072FBE; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; }

.signkey-help-close { position: relative; width: 24px; height: 24px; border: 0; background: none; cursor: pointer; }
.signkey-help-close::before, .signkey-help-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background: #384151; border-radius: 1px; }
.signkey-help-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.signkey-help-close::after { transform: translate(-50%,-50%) rotate(-45deg); }



.signkey-help-body { padding-top: 24px; }

.signkey-help-figure img { display: block; width: 100%; height: auto; }

.signkey-help-desc { margin-top: 24px; }

.signkey-help-list { list-style: none; margin: 0; padding: 0; counter-reset: step; }
.signkey-help-item { position: relative; padding-left: 34px; font-size: 15px; line-height: 1.7; color: #384151; }
.signkey-help-item + .signkey-help-item { margin-top: 10px; }
.signkey-help-item::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: #072FBE; color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.signkey-help-item strong { color: #072FBE; font-weight: 700; }

.signkey-help-item { position: relative; padding-left: 22px; font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; color: #384151; }
.signkey-help-item + .signkey-help-item { margin-top: 16px; }
.signkey-help-item::before { counter-increment: step; content: counter(step); position: absolute; top: 2px; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #072FBE; }
.signkey-help-item::before { font-family: "Noto Sans KR", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.4; letter-spacing: -0.25px; color: #fff; width: 16px; height: 16px; background-color: #072FBE; display: inline-block; text-align: center; border-radius: 100%; margin-right: 4px; }
.signkey-help-item strong { display: inline-block; font-family: "Noto sans KR", sans-serif; font-size: 12px; line-height: 18px; letter-spacing: -0.25px; font-weight: 500; }

/* 인증서 등록 가이드 modal */
.reg-help-modal { position: relative; width: 902px; margin: 0 auto; padding: 40px; background: #fff; box-sizing: border-box; border: 1px solid #E0E7EB; border-radius: 8px; }
.reg-help-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #e5e7eb; }
.reg-help-title { display: flex; align-items: center; gap: 4px; font-family: "Noto sans KR", sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.25px; color: #222; }
.reg-help-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #072FBE; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; }
.reg-help-close { position: relative; width: 24px; height: 24px; border: 0; background: none; cursor: pointer; }
.reg-help-close::before, .reg-help-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; background: #384151; border-radius: 1px; }
.reg-help-close::before { transform: translate(-50%,-50%) rotate(45deg); }
.reg-help-close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.reg-help-body { padding-top: 24px; }
.reg-help-vod { padding: 10px; }

.blind { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* 260317 공동인증서 구비서류 팝업 리뉴얼 start */

/* scrollbar */
.cert-issuer-docs-popup__dialog { width: 100%; max-width: 785px; max-height: 820px; overflow: auto; background: #fff; border: 4px solid #7C90B5; color: #384151; padding: 16px; scrollbar-width: thin; scrollbar-color: #7C90B5 #fff; }
.cert-issuer-docs-popup__dialog::-webkit-scrollbar { width: 10px; height: 10px }
.cert-issuer-docs-popup__dialog::-webkit-scrollbar-track { background: #fff; border-radius: 999px }
.cert-issuer-docs-popup__dialog::-webkit-scrollbar-thumb { background: #fff; border-radius: 999px; border: 2px solid #e0e7eb; }
.cert-issuer-docs-popup__dialog::-webkit-scrollbar-corner { background: #fff; }

#certIssuerDocsPopup, #certIssuerDocsPopup * { font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.25px; }
.cert-issuer-docs-popup__dialog, .cert-issuer-docs-popup__dialog *, .cert-issuer-docs-popup__dialog *::before, .cert-issuer-docs-popup__dialog *::after { box-sizing: border-box; }
.cert-issuer-docs-popup__dialog { width: 100%; max-width: 785px; max-height: 820px; overflow: auto; background-color: #fff; border: 4px solid #7C90B5; color: #384151; padding: 16px; }
.cert-issuer-docs-popup__header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; }
.cert-issuer-docs-popup__title { margin: 0; font-size: 16px; line-height: 24px; letter-spacing: -0.25px; color: #384151; font-weight: 700; }
.cert-issuer-docs-popup__close-button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: #4b5563; font-size: 28px; line-height: 1; cursor: pointer; }
.cert-issuer-docs-popup__notice-section { padding: 24px; border: 1px solid #e0e7eb; border-radius: 8px; background-color: #F5F5F6; }
.cert-issuer-docs-popup__notice-title { display: block; margin-bottom: 8px; color: #072FBE; font-size: 12px; line-height: 18px; font-weight: 700; }
.cert-issuer-docs-popup__notice-list { margin: 0; padding-left: 18px; }
.cert-issuer-docs-popup__notice-list li { list-style: inside; margin-top: 10px; font-size: 12px; line-height: 18px; color: #384151; }
.cert-issuer-docs-popup__notice-list li:first-child { margin-top: 0; }
.cert-issuer-docs-popup__notice-list li .acc { color: #FF0000; }
.cert-issuer-docs-popup__tab-area { margin-top: 24px; }
.cert-issuer-docs-popup__tab-list { display: flex; border-bottom: 1px solid #e0e7eb; }
.cert-issuer-docs-popup__tab-button { flex: 1 1 0; position: relative; padding: 16px; border: 0; background: #fff; color: #444b57; font-size: 14px; line-height: 20px; font-weight: 500; cursor: pointer; }
.cert-issuer-docs-popup__tab-button::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 0; background-color: #072FBE; transition: height .2s ease; }
.cert-issuer-docs-popup__tab-button.is-active { color: #072FBE; }
.cert-issuer-docs-popup__tab-button.is-active::after { height: 2px; }
.cert-issuer-docs-popup__tab-button:focus-visible { outline: 2px solid #072FBE; outline-offset: -2px; }
.cert-issuer-docs-popup__tab-panel { padding-top: 24px; }
.cert-issuer-docs-popup__tab-panel.is-active { display: block; }
.cert-issuer-docs-popup_topwrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.cert-issuer-docs-popup__description-text { color: #7C90B5; font-size: 14px; line-height: 1.7; }
.cert-issuer-docs-popup__action-row { display: flex; gap: 16px; margin-bottom: 24px; }
#certIssuerDocsTabPanel2 .cert-issuer-docs-popup__action-row, #certIssuerDocsTabPanel3 .cert-issuer-docs-popup__action-row { margin-bottom: 0; }
.cert-issuer-docs-popup__action-row--single-right { justify-content: flex-end; }
.cert-issuer-docs-popup__outlined-link-button, .cert-issuer-docs-popup__filled-link-button { display: inline-flex; align-items: center; justify-content: center; padding: 16px; border-radius: 8px; text-decoration: none !important; font-size: 16px !important; font-weight: 500; white-space: nowrap; }
.cert-issuer-docs-popup__outlined-link-button { color: #072FBE !important; flex: 1 1 auto; border: 1px solid #072FBE; color: #072FBE; background-color: #fff; }
.cert-issuer-docs-popup__outlined-link-button-icon { display: inline-block; margin-right: 8px; width: 24px; height: 24px; }
.cert-issuer-docs-popup__filled-link-button { flex: 0 0 240px; color: #fff !important; background-color: #072FBE; border: 1px solid #072FBE; }
.cert-issuer-docs-popup__info-block { margin-bottom: 8px; }
.cert-issuer-docs-popup__info-row { display: flex; align-items: flex-start; gap: 14px; margin-top: 8px; }
.cert-issuer-docs-popup__info-row:first-child { margin-top: 0; }
.cert-issuer-docs-popup__info-row--block { align-items: stretch; }
.cert-issuer-docs-popup__info-label { flex: 0 0 78px; font-size: 14px; line-height: 20px; font-weight: 700; color: #384151; width: 80px; }
.cert-issuer-docs-popup__info-text { flex: 1 1 auto; font-size: 14px; color: #384151; line-height: 1.6; }
.cert-issuer-docs-popup__section-title { margin-bottom: 8px; font-size: 14px; line-height: 20px; font-weight: 700; color: #384151; }
.cert-issuer-docs-popup__document-grid { display: grid; gap: 16px; }
.cert-issuer-docs-popup__document-group { border: 1px solid #E0E7EB; border-radius: 8px; overflow: hidden; background-color: #fff; }
.cert-issuer-docs-popup__document-group-title { padding: 8px 16px; background-color: #F5F5F6; border-bottom: 1px solid #E0E7EB; text-align: center; font-size: 14px; line-height: 20px; font-weight: 500; color: #384151; }
.cert-issuer-docs-popup__document-columns { display: grid; }
.cert-issuer-docs-popup__document-columns--two { grid-template-columns: 1fr 1fr; }
.cert-issuer-docs-popup__document-column { min-width: 0; padding: 0; border-left: 1px solid #E0E7EB; }
.cert-issuer-docs-popup__document-column:first-child { border-left: 0; }
.cert-issuer-docs-popup__document-column-title { padding: 8px 16px; border-bottom: 1px solid #E0E7EB; background-color: #F5F5F6; text-align: center; font-size: 14px; line-height: 20px; font-weight: 500; color: #384151; }
.cert-issuer-docs-popup__number-list { margin: 0; padding: 24px; counter-reset: step; }
.cert-issuer-docs-popup__number-list li { position: relative; padding-left: 16px; margin-top: 16px; color: #384151; font-size: 14px; line-height: 20px; font-weight: 500; }
.cert-issuer-docs-popup__number-list li::before { counter-increment: step; content: counter(step); position: absolute; top: 4px; left: -4px; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 2px; background: #072FBE; color: #fff; font-size: 10px; }
.cert-issuer-docs-popup__number-list li:first-child { margin-top: 0; }
.cert-issuer-docs-popup__document-single-box { padding: 24px; }
.cert-issuer-docs-popup__text-note { font-size: 12px; font-weight: 400; line-height: 18px; }
.cert-issuer-docs-popup__text-note--warning { color: #ff3b30; }
.cert-issuer-docs-popup__text-accent { color: #ff3b30; font-weight: 500; font-size: 14px; }
.cert-issuer-docs-popup__bullet-list { margin: 0; font-weight: 500; }
.cert-issuer-docs-popup__bullet-list li { list-style: inside; margin-top: 16px; color: #384151; font-size: 14px; line-height: 20px; }
.cert-issuer-docs-popup__bullet-list li .marker { width: 4px; height: 4px; background-color: #384151; border-radius: 100%; }
.cert-issuer-docs-popup__bullet-list li:first-child { margin-top: 0; }
.cert-issuer-docs-popup__bullet-list li:first-child > ul { display: inline-block; vertical-align: top; }
.cert-issuer-docs-popup__bullet-list li:first-child > ul li { margin-top: 0; list-style: none; }
.cert-issuer-docs-popup__map-box { flex: 1 1 auto; border: 1px solid #E0E7EB; overflow: hidden; }
.cert-issuer-docs-popup__map-image { display: block; width: 100%; height: auto; }
/* 260317 공동인증서 구비서류 팝업 리뉴얼 end */

/* 260317 공동인증서 도움말 팝업 리뉴얼 start */
.help-cert-guide__section { padding-top: 0; overflow: auto; height: 400px; max-height: 400px; }
.help-cert-guide-popup__tab-area { margin-top: 0; }
.help-cert-guide__timeline { position: relative; margin: 0; padding: 0; list-style: none; }
.help-cert-guide__step { position: relative; display: grid; grid-template-columns: 24px 1fr; column-gap: 16px; align-items: start; min-height: 92px; }
.help-cert-guide__step::before { content: ""; position: absolute; top: 0; bottom: 0; left: 12px; width: 1px; background-color: #E0E7EB; }
.help-cert-guide__step:first-child::before { top: 14px; }
.help-cert-guide__step:last-child::before { bottom: auto; height: 14px; }
.help-cert-guide__step-no { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0 auto; border: 1px solid #E0E7EB; border-radius: 50%; background-color: #fff; color: #384151; font-size: 12px; line-height: 12px; font-weight: 500; }
.help-cert-guide__step-main { display: flex; flex-direction: column; column-gap: 20px; align-items: start; }
.help-cert-guide__icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background-color: #E8EEFF; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; }
.help-cert-guide__text-box { min-width: 0; }
.help-cert-guide__step-label { margin: 0 0 4px; font-size: 12px; line-height: 18px; font-weight: 700; color: #072FBE; }
.help-cert-guide__step-text { margin: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: #384151; }
.help-cert-guide__notice-box--top { margin-top: 0; }
/* 260317 공동인증서 도움말 팝업 리뉴얼 end */

/* 260414 서비스메뉴얼-스마트폰앱 리뉴얼 start */
.guide-wrap, .guide-wrap * { font-family: "Noto Sans KR",sans-serif; letter-spacing: -0.25px; line-height: 1.5; }
.guide-wrap { width: 751px; margin: 20px auto 0; background: #fff; font-family: "Noto Sans KR",sans-serif; letter-spacing: -0.25px; line-height: 1.5; }
.guide-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.guide-title { margin: 0; font-size: 16px; font-weight: 700; color: #384151; }
.guide-help-btn { display: flex; gap: 4px; flex: 0 0 auto; padding: 8px 24px; border: 0; border-radius: 8px; background: #222; color: #fff; font-size: 12px; font-weight: 400; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; }
.guide-help-btn > img { padding-top: 0 !important; }
.guide-help-btn:hover, .guide-help-btn:focus { opacity: 0.8; }

.tab-scroll-wrap { position: relative; margin-bottom: 40px; border-bottom: 1px solid #E0E7EB; }
.tab-scroll-wrap::after { content: ""; position: absolute; top: 0; right: 0; width: 64px; height: calc(100% - 1px); pointer-events: none; background: linear-gradient(to right,rgba(255,255,255,0),#fff 72%); z-index: 2; }
.tab-list { display: flex; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; }
.tab-list::-webkit-scrollbar { display: none; }

.main-tab { position: relative; flex: 0 0 auto; border: none; background: transparent; padding: 8px 0; font-size: 14px; font-weight: 500; color: #384151; cursor: pointer; transition: color 0.2s ease; width: 152px; user-select: none; }
.main-tab::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #072fbe; transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; }
.main-tab:hover, .main-tab:focus, .main-tab.active { color: #072fbe; }
.main-tab:hover::after, .main-tab:focus::after, .main-tab.active::after { transform: scaleX(1); }

.content-wrap { display: grid; grid-template-columns: 289px 0.99fr; gap: 28px; align-items: start; }
.visual-area { width: 289px; }
.carousel-wrap { position: relative; width: 289px; }
.image-stage { position: relative; width: 249px; height: 489px; margin: 0 auto; border-radius: 16px; overflow: hidden; outline: 2px solid #384151; box-shadow: 0 10px 24px rgba(15,23,42,0.08); }
.mbslide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.28s ease; }
.mbslide.active { opacity: 1; visibility: visible; }
.mbslide img { display: block; width: 249px; height: 489px; object-fit: cover; background: #f0f3f9; padding-top: 0 !important; }
.carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; border-radius: 50%; background: #7C90B5; color: #334155; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 16px rgba(15,23,42,0.10); transition: all 0.2s ease; z-index: 3; }
.carousel-btn:hover, .carousel-btn:focus { background: #072fbe; border-color: #072fbe; color: #fff; }
.carousel-btn.prev { left: 0; }
.carousel-btn.next { right: 0; }

.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.mbdot { width: 8px; height: 8px; border: none; border-radius: 999px; background: #E0E7EB; cursor: pointer; padding: 0; transition: all 0.2s ease; }
.mbdot.active { width: 22px; background: #072fbe; }

.info-area { min-width: 0; }
.info-title { margin: 0 0 16px; font-size: 16px; font-weight: 500; color: #384151; line-height: 1.35; }

.subtab-wrap { position: relative; margin-bottom: 18px; }
.subtab-wrap.hidden { display: none; }
.subtab-wrap::after { content: ""; position: absolute; top: 0; right: 0; width: 56px; height: 100%; pointer-events: none; background: linear-gradient(to right,rgba(255,255,255,0),#fff 72%); z-index: 2; }
.subtab-list { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; padding-right: 36px; }
.subtab-list::-webkit-scrollbar { display: none; }
.sub-tab { flex: 0 0 auto; color: #7C90B5; font-size: 14px; font-weight: 400; border: 0; background-color: #fff; cursor: pointer; transition: all 0.2s ease; padding: 0; }
.sub-tab:hover, .sub-tab:focus, .sub-tab.active { color: #384151; font-weight: 500; }

.desc-box { border: 1px solid #E0E7EB; border-radius: 16px; background: #f8fbff; padding: 24px; }
.desc-summary { margin: 0 0 16px; font-size: 15px; line-height: 1.65; color: #384151; }
.desc-list { list-style: none; margin: 0; padding: 0; counter-reset: item; }
.desc-list li { position: relative; padding-left: 24px; margin-bottom: 16px; }
.desc-list li:last-child { margin-bottom: 0; }
.desc-list li::before { counter-increment: item; content: counter(item); position: absolute; left: 0; width: 20px; height: 20px; border-radius: 20px; background: #E0E7EB; color: #072fbe; font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.desc-caption { margin-top: 16px; padding: 24px; border-radius: 14px; background: #fff; border: 1px solid #e2e8f0; display: none; }
.desc-caption-item { font-size: 12px; line-height: 1.5; color: #384151; }
.desc-caption-item + .desc-caption-item { margin-top: 16px; }
.desc-caption-title { font-weight: 500; display: inline-block; padding: 2px 8px; margin-bottom: 4px; color: #384151; background-color: #E0E7EB; border-radius: 50px; }
.desc-item-title { font-size: 12px; line-height: 1.5; color: #384151; }
.desc-item-note { margin-top: 6px; font-size: 12px; line-height: 1.55; color: #7C90B5; }
.desc-footnote { margin-top: 16px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px dashed #c8d7f8; color: #5d6b7a; font-size: 13px; line-height: 1.6; }
/* 260414 서비스메뉴얼-스마트폰앱 리뉴얼 end */

/* 260416 팝업추가 */
.cert-app-pop { min-width: 600px; }
.cert-pop-body { display: flex; flex-direction: column; gap: 16px; }
.cert-pop-table-area { overflow-x: auto; }
.cert-pop-table { width: 100%; border-collapse: collapse; table-layout: fixed; border-bottom: 1px solid #E0E7EB; }
.cert-pop-table caption { position: absolute; left: -9999px; top: -9999px; }
.cert-pop-table th, .cert-pop-table td { padding: 8px 16px; border: 1px solid #E0E7EB; font-size: 14px; line-height: 1.5; text-align: center; vertical-align: middle; word-break: keep-all; color: #384151; }
.cert-pop-table thead th { background: #f3f6fb; font-weight: 500; }
.cert-pop-type { background: #F5F5F6; font-weight: 500; }
.cert-pop-note { font-size: 14px; line-height: 1.6; }
.cert-pop-note p + p { margin-top: 4px; }
.cert-pop-note-alert { color: #ff3b30; }

.cert-issuer-docs-popup__body { background: #fff; }
.cert-issuer-docs-popup__check-box { margin: 0 0 16px 0; padding: 40px; border: 1px solid #e0e7eb; border-radius: 16px; background: #fff; }
.cert-issuer-docs-popup__check-title { margin: 0 0 8px 0; font-size: 14px; font-weight: 500; line-height: 22px; color: #384151; letter-spacing: -0.02em; }
.cert-issuer-docs-popup__check-form { display: flex; align-items: center; justify-content: space-between; gap: 96px; }
.cert-issuer-docs-popup__biz-field { display: flex; align-items: center; gap: 4px; width: 60%; }
.cert-issuer-docs-popup__biz-input { height: 38px; padding: 0 12px; border: 1px solid #e0e7eb; border-radius: 2px; background: #fff; font-size: 14px; line-height: 1.5; color: #666; text-align: center; box-sizing: border-box; outline: none; }
.cert-issuer-docs-popup__biz-input--first { width: 35%; }
.cert-issuer-docs-popup__biz-input--second { width: 15%; }
.cert-issuer-docs-popup__biz-input--third { width: 50%; }
.cert-issuer-docs-popup__biz-input:focus { border-color: #072fbe; }
.cert-issuer-docs-popup__biz-hyphen { display: inline-block; font-size: 16px; font-weight: 400; line-height: 1; color: #E0E7EB; }
#certIssuerDocsPopup .cert-issuer-docs-popup__confirm-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 40%; height: 38px; padding: 8px; border-radius: 8px; background: #072fbe; font-size: 14px; line-height: 1; color: #fff; text-decoration: none; box-sizing: border-box; transition: background .2s ease; }
.cert-issuer-docs-popup__confirm-btn:hover { opacity: 0.9; }
.cert-issuer-docs-popup__result-box { padding: 40px; border: 1px solid #e0e7eb; border-radius: 16px; }
.cert-issuer-docs-popup__result-head { margin: 0 0 18px 0; padding: 0 0 14px 0; border-bottom: 1px solid #e8edf3; }
.cert-issuer-docs-popup__result-title { margin: 0; font-size: 18px; font-weight: 700; line-height: 26px; color: #384151; letter-spacing: -0.02em; }
.cert-issuer-docs-popup__info-list { display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #e0e7eb; }
.cert-issuer-docs-popup__info-item { display: flex; align-items: flex-start; padding: 0 16px 16px 0; }
.cert-issuer-docs-popup__info-item:last-child { padding-bottom: 24px; }
.cert-issuer-docs-popup__info-name { flex: 0 0 auto; padding: 0 16px 0 0; font-size: 14px; font-weight: 500; line-height: 22px; color: #384151; letter-spacing: -0.02em; box-sizing: border-box; }
.cert-issuer-docs-popup__info-value { flex: 1 1 auto; min-height: 22px; font-size: 14px; font-weight: 500; line-height: 22px; color: #384151; word-break: break-all; letter-spacing: -0.02em; }
.cert-issuer-docs-popup__info-value--point { font-weight: 400; color: #384151; }
.cert-issuer-docs-popup__service-box { margin: 24px 0 0 0; }
.cert-issuer-docs-popup__service-title { margin: 0 0 8px 0; font-size: 14px; font-weight: 500; line-height: 22px; color: #384151; letter-spacing: -0.02em; }
.cert-issuer-docs-popup__table-wrap { overflow-x: auto; border: 1px solid #e0e7eb; border-radius: 2px; background: #fff; }
.cert-issuer-docs-popup__service-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.cert-issuer-docs-popup__service-table caption { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); }
.cert-issuer-docs-popup__service-table thead tr:first-child th { padding: 8px 16px; border-bottom: 1px solid #e0e7eb; background: #eef4ff; font-size: 14px; font-weight: 500; line-height: 20px; color: #072fbe; text-align: center; }
.cert-issuer-docs-popup__service-table thead tr:first-child th:last-child { border-left: 1px solid #e0e7eb; }
.cert-issuer-docs-popup__service-table thead tr:nth-child(2) th { padding: 8px 4px; border-top: 1px solid #e0e7eb; border-bottom: 1px solid #e0e7eb; border-left: 1px solid #e0e7eb; background: #F5F5F6; font-size: 14px; font-weight: 500; line-height: 20px; color: #384151; text-align: center; word-break: keep-all; }
.cert-issuer-docs-popup__service-table thead tr:nth-child(2) th:first-child { border-left: 0; }
.cert-issuer-docs-popup__service-table tbody td { height: 52px; padding: 8px 6px; border-top: 1px solid #e0e7eb; border-left: 1px solid #e0e7eb; font-size: 14px; font-weight: 500; line-height: 20px; color: #384151; text-align: center; vertical-align: middle; background: #fff; }
.cert-issuer-docs-popup__service-table tbody td:first-child { border-left: 0; }


/* 260601 조회 기간 문구 추가 */
.chk-info { color: #075cb4; font-family: '돋움', 'Dotum', '굴림', 'Gulim', Arial, sans-serif, Verdana, Helvetica, 'geneva'; }


/* 260610 스마트빌 앱 인증서 등록방법 안내문구 추가 */
.smartbill-cert-guide { margin-top: 24px; padding: 32px 32px 40px 32px; border-radius: 10px; background-color: #f6f8ff; font-family: "Noto Sans KR", sans-serif; line-height: 1.5; letter-spacing: -0.25px; color: #384151; box-sizing: border-box; }
.smartbill-cert-guide * { font-family: "Noto Sans KR", sans-serif !important; box-sizing: border-box; }
.smartbill-cert-guide__head { margin-bottom: 16px; }
.smartbill-cert-guide__title { position: relative; margin: 0; padding-left: 24px; font-size: 16px; font-weight: 500; color: #ff0000; line-height: 1.5; letter-spacing: -0.25px; }
.smartbill-cert-guide__title::before { content: "※"; position: absolute; left: 0; top: 0; color: #ff0000; font-weight: 700; }
.smartbill-cert-guide__list { display: flex; flex-direction: column; gap: 32px; margin: 0; padding-left: 24px; }
.smartbill-cert-guide__item { font-weight: 500; line-height: 1.5; color: #384151; }
.smartbill-cert-guide__item::marker { font-weight: 700; color: #384151; }
.smartbill-cert-guide__item-title { color: #222; font-size: 14px; }
.smartbill-cert-guide__sub-list { margin: 8px 0 0; }
.smartbill-cert-guide__sub-list li { margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #384151; list-style: inside; }
.smartbill-cert-guide__link { display: inline-flex; background-color: #072FBE; border-radius: 50px; align-items: center; margin-left: 4px; font-size: 12px; font-weight: 500; color: #fff !important; text-decoration: none !important; padding: 2px 12px; }
.smartbill-cert-guide__link:hover { opacity: 0.8; }